/* Fzt. Bilal Aydoğan — site stilleri (build/build.js üretir; elle düzenlemeyin) */

:root{
  --ink:#0F2A4A; --ink-2:#0A1D36; --sage:#3A78C2; --sage-2:#A9C8EA;
  --mint:#E8F0FA; --mint-2:#F4F8FD; --cta:#1D63D8; --cta-2:#1550B5;
  --text:#0F2A4AB3; --line:#0F2A4A1A; --white:#fff;
  --r:20px; --wrap:1220px;
  --f-head:"Archivo",sans-serif; --f-body:"DM Sans",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 var(--f-body);color:var(--text);background:#fff;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--f-head);color:var(--ink);line-height:1.15;margin:0 0 .5em;letter-spacing:-.02em}
h2{font-size:clamp(30px,3.6vw,46px)}
h3{font-size:20px}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
section{padding:110px 0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 14px/1 var(--f-head);color:var(--sage);text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}
.eyebrow::before{content:"";width:28px;height:2px;background:currentColor;border-radius:2px}
.center{text-align:center}.center .eyebrow{justify-content:center}
.lead{max-width:640px}.center .lead{margin-inline:auto}

.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:100px;font:600 15px/1 var(--f-head);border:0;cursor:pointer;transition:.25s}
.btn svg{width:18px;height:18px}
.btn-cta{background:var(--cta);color:#fff}.btn-cta:hover{background:var(--cta-2);transform:translateY(-2px)}
.btn-ghost{border:1.5px solid #ffffff40;color:#fff}.btn-ghost:hover{background:#ffffff14}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:var(--sage)}
.btn-circle{width:50px;height:50px;padding:0;justify-content:center;border-radius:50%}

/* ---------- HEADER ---------- */
.topbar{color:var(--text);font-size:14px}
.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:10px}
.topbar a:hover{color:var(--ink)}
.topbar .tb{display:flex;gap:26px;align-items:center}
.topbar svg{width:15px;height:15px;vertical-align:-2px;margin-right:6px;color:var(--sage)}
header.site{position:relative;z-index:20}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:78px}
header.site .logo img{height:50px}
/* Kavisli çentikler: beyaz dikdörtgen + iki yanda S-eğrisi omuz (sayfa zemini #fff ile birleşir) */
.notch-top,.notch-bot{position:absolute;background:#fff;display:flex;align-items:center}
.notch-top::before,.notch-top::after,.notch-bot::before,.notch-bot::after{content:"";position:absolute;top:0;bottom:0;width:110px;background:#fff}
.notch-top::before,.notch-bot::before{right:calc(100% - 1px)}
.notch-top::after,.notch-bot::after{left:calc(100% - 1px)}
.notch-top{top:0;left:50%;transform:translateX(-50%);height:78px;padding:0 24px;justify-content:center}
.notch-top::before,.notch-top::after{width:90px}
.notch-top::before{clip-path:path('M0 0H90V78C45 78 45 0 0 0Z')}
.notch-top::after{clip-path:path('M90 0H0V78C45 78 45 0 90 0Z')}
.notch-bot{bottom:0;left:24%;right:22%;height:58px;z-index:2}
.notch-bot::before{clip-path:path('M0 58H110V0C55 0 55 58 0 58Z')}
.notch-bot::after{clip-path:path('M110 58H0V0C55 0 55 58 110 58Z')}
nav.main ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
nav.main li{position:relative}
nav.main > ul > li > a{display:block;padding:10px 16px;color:var(--ink);font:500 15px var(--f-head);border-radius:100px}
nav.main > ul > li > a:hover{background:var(--mint)}
nav.main > ul > li > a.on{color:var(--cta)}
nav.main .sub{position:absolute;top:100%;left:0;min-width:250px;background:#fff;border-radius:14px;padding:10px;box-shadow:0 20px 50px #0003;display:block;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
nav.main li:hover>.sub,nav.main li:focus-within>.sub{opacity:1;visibility:visible;transform:none}
nav.main .sub a{display:block;padding:9px 14px;border-radius:8px;color:var(--ink);font-size:15px}
nav.main .sub a:hover{background:var(--mint)}
.caret{width:10px;height:10px;display:inline-block;margin-left:5px;vertical-align:1px}
.hdr-cta{display:flex;gap:12px;align-items:center}
.burger{display:none;background:#ffffff14;border:0;color:#fff;width:46px;height:46px;border-radius:50%;cursor:pointer}

/* ---------- HERO ---------- */
.hero{position:relative;padding:0;background:
  radial-gradient(900px 600px at 78% 60%, #3A78C255, transparent 65%),
  radial-gradient(600px 400px at 10% 10%, #A9C8EA1f, transparent 70%),
  linear-gradient(160deg,var(--ink) 0%,var(--ink-2) 100%);
  color:#ffffffc7;overflow:hidden;margin:0 16px;border-radius:32px}
.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff12 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,#000 0,transparent 55%);pointer-events:none}
.hero > .wrap{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:40px;min-height:760px;padding-top:70px;position:relative;z-index:1}
.hero-copy{padding-bottom:160px}
.hero .eyebrow{color:var(--sage-2)}
.hero h1{color:#fff;font-size:clamp(40px,5.4vw,72px);line-height:1.04;margin-bottom:26px}
.hero h1 em{font-style:normal;color:var(--sage-2);position:relative}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.14em;background:var(--cta);border-radius:4px;opacity:.85;z-index:-1}
.hero p.lead{font-size:18px;max-width:540px;margin-bottom:36px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap}
.hero-visual{position:relative;align-self:end;display:flex;justify-content:center}
.hero-visual .disc{position:absolute;bottom:0;left:50%;width:520px;height:520px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(180deg,var(--sage) 0%,#3A78C200 100%)}
.hero-visual .ring{position:absolute;bottom:40px;left:50%;width:640px;height:640px;transform:translateX(-50%);border-radius:50%;border:1px dashed #ffffff2b}
.hero-visual img.person{position:relative;width:460px;z-index:1;filter:drop-shadow(0 30px 40px #0006)}
.chip{position:absolute;z-index:2;background:#fff;color:var(--ink);border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 20px 40px #0000004d;font:600 14px/1.25 var(--f-head);animation:float 6s ease-in-out infinite}
.chip small{display:block;font:400 12.5px var(--f-body);color:var(--text)}
.chip .ic{width:42px;height:42px;border-radius:12px;background:var(--mint);display:grid;place-items:center;color:var(--ink);flex:none}
.chip .ic svg{width:22px;height:22px}
.chip.c1{top:34%;left:-4%}
.chip.c2{top:16%;right:-2%;animation-delay:-3s}
.chip.c3{bottom:16%;right:-4%;animation-delay:-1.5s}
.chip .big{font-size:26px;font-weight:800;color:var(--cta);line-height:1}
@keyframes float{50%{transform:translateY(-10px)}}

/* ---------- ABOUT ---------- */
.about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
/* Oranlar referanstan ölçüldü (457x372 kutu): sol görsel tam boy, sağ üst tecrübe kutusu, alt çerçeveli görsel sola biner */
.about-media{position:relative;aspect-ratio:457/372}
.about-media .m1{position:absolute;left:0;top:0;width:49.2%;height:100%;object-fit:cover;border-radius:10px}
.badge-exp{position:absolute;right:0;top:0;width:47.7%;height:31.5%;background:var(--mint);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ink)}
.badge-exp .ic{width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;margin-bottom:8px}
.badge-exp .ic svg{width:24px;height:24px}
.badge-exp b{display:block;font:700 28px/1.1 var(--f-head)}
.badge-exp span{font-size:15px}
.about-media .m2{position:absolute;right:0;top:32.8%;width:58.2%;height:57.3%;background:#fff;padding:10px 0 10px 10px;border-radius:14px}
.about-media .m2 img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.checks{list-style:none;padding:0;margin:24px 0 34px;display:grid;gap:12px}
.checks li{display:flex;gap:12px;align-items:center;color:var(--ink);font-weight:500}
.checks svg{width:22px;height:22px;color:var(--sage);flex:none}
.about-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.sign{display:flex;gap:12px;align-items:center}
.sign b{display:block;color:var(--ink);font-family:var(--f-head)}
.sign small{font-size:14px}
.sign .av{width:50px;height:50px;border-radius:50%;object-fit:cover;object-position:top;background:var(--mint)}

/* ---------- STATS + VALUES ---------- */
.stats{padding-top:0}
.stats .process{margin-top:0}
.stats-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;padding-bottom:44px;border-bottom:1px solid var(--line);margin-bottom:44px}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.stats-row b{display:block;font:800 clamp(38px,4vw,54px)/1 var(--f-head);color:var(--ink);margin-bottom:8px}
.stats-row b sup{color:var(--cta);font-size:.55em}
.stats-row .ic{width:46px;height:46px;margin:0 auto 14px;color:var(--sage)}
.values{margin-top:70px;background:var(--ink);border-radius:32px;padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:28px;position:relative;overflow:hidden}
.values::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(#3A78C266,transparent 70%);top:-160px;right:-120px}
.val{background:#fff;border-radius:22px;padding:44px 36px;text-align:center;position:relative}
.val .ic{width:64px;height:64px;border-radius:50%;background:var(--mint);display:grid;place-items:center;margin:-76px auto 20px;border:6px solid var(--ink);color:var(--ink)}
.val .ic svg{width:28px;height:28px}
.val p{margin:0}

/* ---------- SERVICES ---------- */
.services{background:var(--mint-2)}
.svc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.svc-list{margin-top:36px;border-top:1px solid var(--line)}
.svc-item{display:grid;grid-template-columns:52px 1fr 44px;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);cursor:pointer}
.svc-item .num{font:700 14px var(--f-head);color:var(--sage)}
.svc-item h3{margin:0;transition:.2s}
.svc-item p{margin:0;font-size:15px;height:0;overflow:hidden;opacity:0;transition:.35s}
.svc-item .arr{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:.25s}
.svc-item .arr svg{width:18px;height:18px;transition:.25s}
.svc-item.on h3{color:var(--sage)}
.svc-item.on .arr{background:var(--cta);border-color:var(--cta);color:#fff}
.svc-item.on .arr svg{transform:rotate(-45deg)}
.svc-card{background:#fff;border-radius:28px;padding:14px;box-shadow:0 30px 60px #0F2A4A14;display:grid;grid-template-rows:320px 300px}
.svc-card .img{border-radius:20px;overflow:hidden;position:relative;min-height:260px}
/* Hizmet görselleri üst üste; aktif olan yumuşakça belirir (crossfade) */
.svc-card .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}
.svc-card .img img.on{opacity:1}
.svc-card .body{padding:40px 18px 14px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}
.svc-card .body .ic{width:56px;height:56px;position:absolute;top:-28px;left:50%;transform:translateX(-50%);border-radius:50%;background:var(--cta);color:#fff;display:grid;place-items:center;border:5px solid #fff}
.svc-card .body .ic svg{width:24px;height:24px}
/* Kart metni hizmet değişince yerinde solup yeniden belirir; kartın boyu sabit */
.svc-card .body > :not(.ic){transition:opacity .25s ease,transform .25s ease}
.svc-card .body.swap > :not(.ic){opacity:0;transform:translateY(8px)}
.svc-acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}

/* ---------- WHY US ---------- */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:56px}
/* Köşe dizilimi referanstan: merkeze bakan köşeler küçük, ortadakiler kemer (üstte yukarı, altta aşağı) */
.why:nth-child(1){border-radius:48px 48px 10px 48px}
.why:nth-child(2){border-radius:160px 160px 10px 10px}
.why:nth-child(3){border-radius:48px 48px 48px 10px}
.why:nth-child(4){border-radius:48px 10px 48px 48px}
.why:nth-child(5){border-radius:10px 10px 160px 160px}
.why:nth-child(6){border-radius:10px 48px 48px 48px}
.why{display:flex;flex-direction:column;align-items:center;min-height:320px}
.why .ic{margin-top:auto}
.why{border:1px solid #3A78C255;padding:56px 32px 34px;text-align:center;background:linear-gradient(180deg,var(--mint) 0%,#fff 70%);transition:.3s}
.why:hover{transform:translateY(-6px);box-shadow:0 30px 50px #0F2A4A14;border-color:var(--sage)}
.why h3{font-size:21px;max-width:220px;margin:0 auto 14px}
.why p{font-size:15px}
.why .ic{width:60px;height:60px;border-radius:50%;margin:24px auto 0;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--sage)}
.why .ic svg{width:26px;height:26px}

/* ---------- BÖLGELER + SSS (koyu kutu, soldaki kartlar kutunun altından taşar) ---------- */
.care{padding-bottom:200px}
.care-box{background:var(--ink);border-radius:32px;margin:0 16px;color:#ffffffbf}
.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:80px}
.care-cards{display:grid;gap:18px;margin-bottom:-100px;align-self:start;position:relative}
.ccard{background:#fff;color:var(--text);border-radius:18px;padding:30px;box-shadow:0 20px 50px #0A1D3626}
.ccard-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}
.ccard-head h3{font-size:20px;margin:0 0 4px}
.ccard-head small{font-size:14.5px}
.ccard-head .cnt{text-align:right;flex:none}
.ccard-head .cnt b{display:block;font:700 20px/1.3 var(--f-head);color:var(--ink)}
.ccard-head .cnt span{font-size:14px}
.ccard ul{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:15px}
.ccard li{display:flex;gap:9px;align-items:center}
.ccard li svg{width:17px;height:17px;color:var(--sage);flex:none}
.ccard .btn{width:100%;justify-content:center;border-radius:10px}
.care-info{padding-bottom:80px}
.care-info .eyebrow{color:var(--sage-2)}
.care-info h2{color:#fff}
.care-info h3{color:#fff;font-size:22px;margin:30px 0 6px}
details{border-bottom:1px solid #ffffff26;padding:2px 0}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 0;font:600 16px var(--f-head);color:#fff}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:400 24px/1 var(--f-body);color:#fff;transition:.2s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:0 0 18px;font-size:15px;color:#ffffffb3}
.care-gal{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px) / 3);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:34px}
.care-gal::-webkit-scrollbar{display:none}
.care-gal img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;scroll-snap-align:start}
.dots{display:flex;justify-content:center;gap:8px;margin-top:16px}
.dots button{width:8px;height:8px;border-radius:4px;border:0;padding:0;background:#ffffff80;cursor:pointer;transition:.25s}
.dots button.on{background:var(--cta);width:22px}

/* ---------- BLOG ---------- */
.blog{padding-top:0}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:50px;text-align:left}
.post{background:var(--mint-2);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease}
.post:hover{transform:translateY(-6px);box-shadow:0 26px 50px #0F2A4A14}
.post .img{aspect-ratio:16/10;overflow:hidden}
.post .img img{width:100%;height:100%;object-fit:cover}
.post .body{padding:0 26px 26px;display:flex;flex-direction:column;flex:1}
.post .tag{align-self:flex-start;background:var(--sage);color:#fff;font:600 12.5px var(--f-head);padding:7px 14px;border-radius:100px;margin:-16px 0 18px;position:relative}
.post h3{font-size:19px;line-height:1.3;margin-bottom:12px}
.post h3 a:hover{color:var(--sage)}
.post .meta{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:20px}
.post .meta svg{width:16px;height:16px;color:var(--sage)}
.post .btn{margin-top:auto;align-self:flex-start;padding:12px 20px;font-size:14px}

/* ---------- BOOKING ---------- */
.booking{background:var(--ink);color:#ffffffbf;position:relative;overflow:hidden}
.booking::before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(#3A78C255,transparent 65%);left:-250px;bottom:-350px}
.booking h2{color:#fff}
.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:36px}
.feat div{display:flex;gap:14px}
.feat svg{width:26px;height:26px;color:var(--sage-2);flex:none;margin-top:2px}
.feat b{display:block;color:#fff;font-family:var(--f-head);margin-bottom:4px}
.feat span{font-size:14.5px}
form.book{background:#fff;border-radius:26px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
form.book h3{grid-column:1/-1;margin-bottom:6px}
form.book .full{grid-column:1/-1}
form.book input,form.book select,form.book textarea{width:100%;font:15px var(--f-body);color:var(--ink);padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:var(--mint-2);outline:none;transition:.2s}
form.book input:focus,form.book select:focus,form.book textarea:focus{border-color:var(--sage);background:#fff}
form.book textarea{min-height:100px;resize:vertical}
form.book .btn{justify-content:center;width:100%}
form.book small{grid-column:1/-1;text-align:center;font-size:13px}

/* ---------- FOOTER ---------- */
footer{background:var(--ink-2);color:#ffffffa6;padding:80px 0 0;font-size:15px}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:50px}
footer h4{color:#fff;font-size:18px;margin-bottom:22px}
footer ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
footer a:hover{color:#fff}
footer .logo img{height:52px;margin-bottom:22px}
.soc{display:flex;gap:10px;margin-top:22px}
.soc a{width:42px;height:42px;border-radius:50%;background:#ffffff14;display:grid;place-items:center;color:#fff}
.soc a:hover{background:var(--cta)}
.soc svg{width:18px;height:18px}
.f-contact li{display:flex;gap:12px}
.f-contact svg{width:18px;height:18px;color:var(--sage-2);flex:none;margin-top:3px}
.f-bot{margin-top:60px;border-top:1px solid #ffffff14;padding:24px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px}
.wa-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;z-index:50;box-shadow:0 12px 30px #25D36666}
.wa-float svg{width:30px;height:30px}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1080px){
  nav.main,.hdr-cta .btn-cta{display:none}
  .burger{display:grid;place-items:center}
  nav.main.open{display:block;position:absolute;top:84px;left:16px;right:16px;background:#fff;border-radius:18px;padding:12px;box-shadow:0 30px 60px #0004}
  nav.main.open ul{flex-direction:column}
  nav.main.open > ul > li > a{color:var(--ink)}
  nav.main.open .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 0 14px}
  .svc-item p{height:auto;opacity:1;margin-top:6px}
  .notch-top{display:contents}
  .notch-top::before,.notch-top::after,.notch-bot{display:none}
  .hero{margin:0 8px;border-radius:24px}
  .hero > .wrap{grid-template-columns:1fr;min-height:0;padding-top:40px;gap:10px}
  .hero-copy{padding-bottom:20px}
  .hero-visual img.person{width:380px}
  .hero-visual .disc{width:420px;height:420px}.hero-visual .ring{width:520px;height:520px}
  .about .wrap,.svc-grid,.care-grid,.book-grid,.stats-head{grid-template-columns:1fr;gap:50px}
  .svc-card{position:relative;top:0}
  .care-info{order:-1;padding-bottom:0}
  .posts{grid-template-columns:1fr 1fr}
  .care-grid{padding-top:60px}
  .why-grid{grid-template-columns:1fr 1fr}
  .f-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  section{padding:76px 0}
  .wrap{padding:0 16px}
  .topbar .tb:first-child a:not(:first-child){display:none}
  header.site .logo img{height:42px}
  .hero{border-radius:0 0 28px 28px}
  .hero-visual img.person{width:300px}
  .hero-visual .disc{width:320px;height:320px}.hero-visual .ring{width:400px;height:400px}
  .chip{padding:10px 12px;font-size:12.5px}.chip .ic{width:34px;height:34px}.chip small{display:none}
  .chip.c1{left:0}.chip.c2{right:0}.chip.c3{display:none}
  .about-media .m2{padding:6px 0 6px 6px}
  .badge-exp .ic{width:34px;height:34px;margin-bottom:4px}.badge-exp .ic svg{width:18px;height:18px}.badge-exp b{font-size:20px}.badge-exp span{font-size:12.5px}
  .stats-row{grid-template-columns:1fr 1fr;row-gap:40px}
  .values{grid-template-columns:1fr;padding:56px 20px 24px;gap:56px}
  .why-grid{grid-template-columns:1fr}
  .care-box{margin:0 8px;border-radius:24px}
  .posts{grid-template-columns:1fr}
  .ccard{padding:22px}.ccard ul{grid-template-columns:1fr}
  form.book{grid-template-columns:1fr;padding:26px}
  .feat{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr;gap:36px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


/* =====================================================================
   v4 KATMANI — index.html tasarımının üzerine gradyan + hareket
   ===================================================================== */
:root{--g-brand:linear-gradient(135deg,#3A78C2 0%,#0F2A4A 100%);--g-warm:linear-gradient(135deg,#1D63D8 0%,#12469E 100%);--ease:cubic-bezier(.2,.7,.2,1)}

/* Kaydırma ilerleme çubuğu */
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#A9C8EA,#3A78C2 40%,#1D63D8)}

/* Eyebrow: gradyan hap + nabız atan nokta */
.eyebrow{padding:9px 16px 9px 12px;border-radius:100px;background:linear-gradient(90deg,#E8F0FA,#F4F8FD00);letter-spacing:.06em}
.eyebrow::before{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#3A78C2,#1D63D8);animation:pulse 2.4s ease-in-out infinite}
.hero .eyebrow,.care-info .eyebrow,.booking .eyebrow{background:linear-gradient(90deg,#ffffff1a,#ffffff00)}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #3A78C280}50%{box-shadow:0 0 0 6px #3A78C200}}

/* Açık zeminli başlıklar: koyu yeşilden adaçayına gradyan metin */
.about h2,.stats-head h2,.services h2,.why-us h2,.blog h2{background:linear-gradient(100deg,#0F2A4A 35%,#3A78C2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Butonlar: gradyan + üzerinden geçen parıltı */
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn-cta{background:var(--g-warm);box-shadow:0 10px 24px #1D63D840}
.btn-cta:hover{background:var(--g-warm);box-shadow:0 14px 30px #1D63D859}
.btn-ink{background:var(--g-brand)}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,#ffffff45 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.btn:hover::after{transform:translateX(120%)}

/* ---------- HERO ---------- */
.hero{background:linear-gradient(150deg,#143A66 0%,#0F2A4A 40%,#081A30 100%)}
.aurora{position:absolute;inset:0;z-index:0;pointer-events:none;filter:blur(70px);opacity:.9}
.aurora i{position:absolute;border-radius:50%;animation:drift 18s ease-in-out infinite alternate}
.aurora i:nth-child(1){width:540px;height:540px;background:#3A78C2;opacity:.55;top:-160px;left:-120px}
.aurora i:nth-child(2){width:460px;height:460px;background:#2563A8;opacity:.6;bottom:-200px;left:38%;animation-duration:23s;animation-direction:alternate-reverse}
.aurora i:nth-child(3){width:380px;height:380px;background:#1D63D8;opacity:.22;top:12%;right:-80px;animation-duration:27s}
@keyframes drift{to{transform:translate(90px,70px) scale(1.18)}}
.hero h1 em{background:linear-gradient(90deg,#A9C8EA,#E8F0FA,#7CC4FF,#A9C8EA);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s linear infinite}
.hero h1 em::after{transform-origin:0 50%;animation:grow 1s var(--ease) 1s both}
@keyframes shimmer{to{background-position:300% 0}}
@keyframes grow{from{transform:scaleX(0)}}
/* Giriş animasyonu: metin sırayla yükselir, fotoğraf alttan gelir */
.hero-copy > *{animation:rise .9s var(--ease) both}
.hero-copy > :nth-child(2){animation-delay:.12s}.hero-copy > :nth-child(3){animation-delay:.24s}.hero-copy > :nth-child(4){animation-delay:.36s}
.hero-visual{translate:calc(var(--px,0) * -14px) calc(var(--py,0) * -10px);transition:translate .4s ease-out}
.hero-visual img.person{animation:rise 1.2s var(--ease) .2s both}
@keyframes rise{from{opacity:0;transform:translateY(40px)}}
.hero-visual .ring{animation:spin 60s linear infinite;border-color:#ffffff33}
.hero-visual .ring::after{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#7CC4FF;box-shadow:0 0 18px 4px #7CC4FF99}
@keyframes spin{from{transform:translateX(-50%) rotate(0)}to{transform:translateX(-50%) rotate(360deg)}}
.hero-visual .disc{background:radial-gradient(circle at 50% 30%,#7FAEE0 0%,#3A78C2 35%,#3A78C200 72%);animation:breathe 7s ease-in-out infinite}
@keyframes breathe{50%{transform:translateX(-50%) scale(1.05)}}
.chip{background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff99;translate:calc(var(--px,0) * 22px) calc(var(--py,0) * 16px);transition:translate .5s ease-out}
.chip .ic{background:var(--g-brand);color:#fff}
.chip .big{background:var(--g-warm);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Üst çentik: aktif menü gradyan metin + altında nokta */
nav.main > ul > li > a{position:relative;transition:background .25s,color .25s}
nav.main > ul > li > a.on{background:linear-gradient(90deg,#1D63D8,#4C8DF0);-webkit-background-clip:text;background-clip:text;color:transparent}
nav.main > ul > li > a.on::after{content:"";position:absolute;left:50%;bottom:2px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#1D63D8}
/* Alt çentik: kaydırma ipucu */
.notch-bot{justify-content:center}
.cue{display:flex;align-items:center;gap:12px;font:500 14px var(--f-head);color:var(--ink);padding-top:6px}
.cue .mouse{width:22px;height:34px;border:2px solid var(--ink);border-radius:12px;position:relative}
.cue .mouse::after{content:"";position:absolute;top:6px;left:50%;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--cta);animation:wheel 1.8s ease-in-out infinite}
@keyframes wheel{0%{opacity:0;transform:translateY(-3px)}30%{opacity:1}100%{opacity:0;transform:translateY(10px)}}

/* ---------- ABOUT ---------- */
.badge-exp{background:linear-gradient(145deg,#E8F0FA 0%,#F4F8FD 60%,#E3EEFC 100%)}
.badge-exp .ic{background:var(--g-brand);box-shadow:0 8px 20px #0F2A4A40}
.badge-exp b{background:var(--g-warm);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-media .m2{box-shadow:0 24px 50px #0F2A4A26;animation:bob 7s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-10px)}}
.about-media::before{content:"";position:absolute;width:60%;aspect-ratio:1;left:-14%;bottom:-16%;border-radius:50%;background:radial-gradient(#A9C8EA66,transparent 70%);z-index:-1;animation:breathe2 9s ease-in-out infinite}
@keyframes breathe2{50%{transform:scale(1.15)}}
.about{position:relative;isolation:isolate}
.checks li{transition:transform .3s var(--ease)}
.checks li:hover{transform:translateX(6px)}

/* ---------- STATS + VALUES ---------- */
.stats-row .ic{width:72px;height:72px;padding:20px;border-radius:50%;background:linear-gradient(145deg,#E8F0FA,#fff);box-shadow:0 12px 28px #0F2A4A14,inset 0 0 0 1px #3A78C233}
.stats-row b{background:linear-gradient(180deg,#0F2A4A,#3A78C2);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats-row b sup{-webkit-text-fill-color:#1D63D8}
/* Tedavi süreci: 4 adım, görünür olunca bağlantı çizgisi dolar ve adımlar sırayla yanar */
.process{margin-top:0;border-radius:32px;padding:60px 56px;position:relative;overflow:hidden;color:#ffffffb3;background:linear-gradient(120deg,#0F2A4A,#1E528A,#0C2440,#1A4677);background-size:300% 300%;animation:pan 16s ease-in-out infinite alternate}
.process::before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(#3A78C266,transparent 70%);top:-200px;right:-120px;animation:drift 14s ease-in-out infinite alternate;pointer-events:none}
.proc-head{display:grid;grid-template-columns:1fr 1.2fr;gap:20px 48px;align-items:end;margin-bottom:56px;position:relative}
.proc-head .eyebrow{grid-column:1/-1;justify-self:start;margin:0;color:#A9C8EA;background:linear-gradient(90deg,#ffffff1a,#ffffff00)}
.proc-head h3{color:#fff;font-size:clamp(26px,3vw,38px);margin:0}
.proc-head p{margin:0}
.steps{--gap:28px;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);position:relative}
.steps::before,.steps::after{content:"";position:absolute;top:27px;left:28px;right:calc((100% - 3 * var(--gap)) / 4 - 28px);height:2px}
.steps::before{background:#ffffff26}
.steps::after{background:linear-gradient(90deg,#A9C8EA,#7CC4FF);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.8s var(--ease) .2s}
.process.in .steps::after{transform:scaleX(1)}
.steps li{position:relative}
.steps .n{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin-bottom:22px;position:relative;z-index:1;font:700 16px var(--f-head);color:#fff;background:linear-gradient(135deg,#7FAEE0,#2563A8);box-shadow:0 10px 30px #0006;opacity:0;transform:scale(.5);transition:transform .6s var(--ease),opacity .6s,box-shadow .3s}
.steps li:last-child .n{background:var(--g-warm)}
.process.in .steps .n{opacity:1;transform:none}
.steps li:nth-child(2) .n{transition-delay:.6s}.steps li:nth-child(3) .n{transition-delay:1s}.steps li:nth-child(4) .n{transition-delay:1.4s}
.steps li:hover .n{box-shadow:0 10px 30px #0006,0 0 0 8px #A9C8EA26}
.steps h4{color:#fff;font-size:19px;margin:0 0 8px}
.steps p{margin:0;font-size:15px}
@media (max-width:1080px){.proc-head{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;row-gap:40px}.steps::before,.steps::after{display:none}}
@media (max-width:680px){.process{padding:44px 22px}.steps{grid-template-columns:1fr;row-gap:30px}.steps li{padding-left:76px;min-height:56px}.steps .n{position:absolute;left:0;top:0;margin:0}}
@keyframes pan{from{background-position:0% 50%}to{background-position:100% 50%}}

/* ---------- SERVICES ---------- */
.services{background:radial-gradient(700px 500px at 95% 10%,#A9C8EA40,transparent 60%),radial-gradient(600px 500px at 0% 100%,#7CC4FF22,transparent 60%),linear-gradient(180deg,#F4F8FD,#fff)}
.svc-item{position:relative;padding-left:14px;padding-right:14px;border-radius:14px;transition:background .4s}
.svc-item.on{background:linear-gradient(90deg,#ffffff,#ffffff00)}
/* Otomatik dönen aktif hizmet: altta dolan ilerleme çizgisi */
.svc-item::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:linear-gradient(90deg,#3A78C2,#1D63D8);transform:scaleX(0);transform-origin:0 50%}
.svc-item.on::after{animation:fill var(--svc-ms,5000ms) linear forwards}
.svc-list.paused .svc-item.on::after{animation-play-state:paused}
.svc-item.on .arr{background:var(--g-warm)}
@keyframes fill{to{transform:scaleX(1)}}
.svc-card .img img{transition:opacity .9s ease,filter .9s ease;filter:blur(8px)}
.svc-card .img img.on{filter:none}
.svc-card .img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#0F2A4A66);pointer-events:none}
.svc-card .body .ic{background:var(--g-warm);animation:pulse2 2.6s ease-in-out infinite}
@keyframes pulse2{0%,100%{box-shadow:0 0 0 0 #1D63D855}50%{box-shadow:0 0 0 10px #1D63D800}}

/* ---------- WHY US: gradyan kenarlık + imleci izleyen ışık ---------- */
.why{position:relative;border:1.5px solid transparent;background:linear-gradient(180deg,#E8F0FA 0%,#fff 70%) padding-box,linear-gradient(150deg,#A9C8EA,#3A78C2 45%,#7CC4FF) border-box}
.why::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),#3A78C226,transparent 70%)}
.why:hover::before{opacity:1}
.why:hover{border-color:transparent}
.why .ic{background:var(--g-brand);color:#fff;border:0;box-shadow:0 10px 24px #0F2A4A33;transition:transform .5s var(--ease)}
.why:hover .ic{transform:rotate(-10deg) scale(1.1)}

/* ---------- BÖLGELER + SSS ---------- */
.care-box{background:radial-gradient(circle at 88% 8%,#3A78C250,transparent 38%),radial-gradient(circle at 6% 92%,#1D63D826,transparent 34%),linear-gradient(135deg,#143A66,#0D2645 50%,#1A4677);background-size:160% 160%;animation:pan 18s ease-in-out infinite alternate}
.ccard{transition:transform .4s var(--ease),box-shadow .4s}
.ccard:hover{transform:translateY(-5px);box-shadow:0 30px 60px #0A1D3640}
.ccard-head .cnt b{background:var(--g-warm);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:26px}
.ccard li{transition:color .25s}
.ccard li:hover{color:var(--ink)}
summary{transition:color .25s,padding .25s}
summary:hover{color:#A9C8EA;padding-left:6px}
details[open] summary::after{color:#7CC4FF}
details[open] p{animation:rise .5s var(--ease) both}
.care-gal img{transition:transform .5s var(--ease),filter .5s}
.care-gal img:hover{transform:translateY(-4px);filter:brightness(1.08)}

/* ---------- BLOG ---------- */
.post .img{position:relative}
.post .img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#0F2A4Aaa);opacity:0;transition:opacity .4s}
.post:hover .img::after{opacity:1}
.post .tag{background:var(--g-brand);box-shadow:0 6px 16px #0F2A4A33}
.post{background:linear-gradient(180deg,#F4F8FD,#fff)}

/* ---------- BOOKING ---------- */
.booking{background:linear-gradient(135deg,#143A66,#0D2645 55%,#081A30)}
.booking::before{animation:drift 16s ease-in-out infinite alternate}
.booking::after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-160px;top:-180px;background:radial-gradient(#1D63D833,transparent 65%);animation:drift 20s ease-in-out infinite alternate-reverse}
form.book{border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,#A9C8EA,#3A78C2 50%,#7CC4FF) border-box;box-shadow:0 30px 70px #0006}
form.book input:focus,form.book select:focus,form.book textarea:focus{box-shadow:0 0 0 4px #3A78C229}
.feat div{transition:transform .3s var(--ease)}
.feat div:hover{transform:translateX(6px)}

/* ---------- FOOTER ---------- */
footer{position:relative}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3A78C2,#1D63D8,#A9C8EA,#3A78C2);background-size:300% 100%;animation:shimmer 8s linear infinite}
.wa-float::before{content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;z-index:-1;animation:ripple 2.4s ease-out infinite}
@keyframes ripple{to{transform:scale(1.7);opacity:0}}

/* ---------- Kaydırınca beliren öğeler (JS yoksa hepsi görünür kalır) ---------- */
.js [data-r]{opacity:0;translate:0 36px;transition:opacity .9s var(--ease) var(--d,0ms),translate .9s var(--ease) var(--d,0ms),transform .4s var(--ease),box-shadow .4s}
.js [data-r="left"]{translate:-44px 0}
.js [data-r="right"]{translate:44px 0}
.js [data-r].in{opacity:1;translate:none}

@media (max-width:680px){
  .aurora i:nth-child(1){width:360px;height:360px}
}
@media (prefers-reduced-motion:reduce){.js [data-r]{opacity:1;translate:none}.hero-visual,.chip{translate:none}}


/* ===== v5: sade yazı logo, Tedaviler mega menüsü, blog kategorileri ===== */
.wordmark{display:flex;flex-direction:column;line-height:1.1}
.wordmark b{font:700 21px var(--f-head);color:#fff;letter-spacing:-.01em}
.wordmark span{font:500 11px var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--sage-2);margin-top:5px}
footer .wordmark{margin-bottom:22px}

/* overflow:clip: hero içi kaydırılamasın (odak/hover paneli yana kaydırıyordu) */
.hero{overflow:clip}
nav.main li.has-mega{position:static}
.mega{color:var(--text);text-align:left}
nav.main .caret{transition:rotate .25s}
nav.main li.has-mega:is(:hover,:focus-within) .caret{rotate:180deg}
.mega{position:absolute;top:100%;left:50%;z-index:30;width:min(1080px,calc(100vw - 80px));padding-top:8px;translate:-50% 8px;opacity:0;visibility:hidden;transition:opacity .2s .08s,translate .2s .08s,visibility 0s .28s}
nav.main li.has-mega:is(:hover,:focus-within) > .mega{opacity:1;visibility:visible;translate:-50% 0;transition-delay:0s}
.mega-ic{display:grid;grid-template-columns:240px minmax(0,1fr) 270px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px -20px #0A1D3699,0 0 0 1px #0F2A4A0f}
.mega-giris{display:flex;flex-direction:column;gap:10px;padding:28px;background:linear-gradient(160deg,#E8F0FA,#F4F8FD);font-size:14.5px;line-height:1.6}
.mega-giris p{margin:0}
.mega-baslik{font:700 21px/1.2 var(--f-head);color:var(--ink)}
.mega-baslik::before{content:"";display:block;width:44px;height:3px;margin-bottom:16px;border-radius:2px;background:linear-gradient(90deg,#3A78C2 0 28px,#1D63D8 28px)}
nav.main .mega-giris a.go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;padding:0;color:var(--cta);font:600 14px var(--f-head)}
.mega-giris a.go svg{width:16px;height:16px;transition:translate .2s}
.mega-giris a.go:hover svg{translate:3px 0}
nav.main .mega-liste{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:4px;padding:18px}
nav.main .mega-liste a{display:flex;align-items:flex-start;gap:14px;padding:12px;border-radius:14px;transition:background .2s}
nav.main .mega-liste a:hover{background:var(--mint-2)}
.mega-ikon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--mint);color:var(--ink);transition:background .25s,color .25s,rotate .25s}
.mega-ikon svg{width:20px;height:20px}
.mega-liste a:hover .mega-ikon{background:var(--g-brand);color:#fff;rotate:-6deg}
.mega-ad{display:block;font:600 15px/1.3 var(--f-head);color:var(--ink)}
.mega-not{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--text)}
.mega-vitrin{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:260px;margin:12px;border-radius:14px;overflow:hidden;color:#fff}
.mega-vitrin img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.mega-vitrin::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0F2A4A33,#0F2A4Af2 72%)}
.mega-vitrin-ic{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:20px}
.mega-vitrin-baslik{margin:0;font:700 17px var(--f-head);color:#fff}
.mega-vitrin-satir{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#ffffffd9}
.mega-vitrin-satir svg{width:15px;height:15px;color:var(--sage-2)}
.mega-vitrin .btn{margin-top:6px;padding:11px 18px;font-size:14px}

.cats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.cats a{padding:9px 18px;border-radius:100px;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 14px var(--f-head);transition:background .25s,color .25s,border-color .25s}
.cats a:hover,.cats a.on{background:var(--g-brand);color:#fff;border-color:transparent}
.post .ex{margin:0 0 16px;font-size:15px}

@media (max-width:1080px){
  nav.main.open > ul > li > a.on::after{display:none}
  nav.main.open .mega{position:static;width:auto;padding:0 0 6px 8px;translate:none;opacity:1;visibility:visible}
  nav.main.open .mega-ic{display:block;background:none;box-shadow:none}
  nav.main.open .mega-giris,nav.main.open .mega-vitrin{display:none}
  nav.main.open .mega-liste{grid-template-columns:1fr;padding:0}
  nav.main.open .mega-liste a{padding:8px}
  nav.main.open .mega-ikon{width:34px;height:34px}
}
@media (max-width:680px){
  .topbar .tb:last-child span{display:none}
  .wordmark b{font-size:18px}
}

/* =====================================================================
   İÇ SAYFALAR (build/sayfalar.css)
   Renkler yalnızca palet tablosundaki hex'lerle yazılır; Mavi sürüm bunları eşler.
   ===================================================================== */

/* ---------- Sayfa başlığı ---------- */
.phero > .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;min-height:0;padding:72px 24px 150px}
.phero-copy{max-width:780px}
.phero-copy > *{animation:rise .9s var(--ease) both}
.phero-copy > :nth-child(2){animation-delay:.1s}.phero-copy > :nth-child(3){animation-delay:.2s}.phero-copy > :nth-child(4){animation-delay:.3s}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;font-size:14px;color:#ffffffa6}
.crumbs a{transition:color .2s}
.crumbs a:hover{color:#fff}
.crumbs .sep{color:#ffffff59}
.crumbs [aria-current]{color:#A9C8EA}
.phero h1{font-size:clamp(40px,5.2vw,68px);line-height:1.05;letter-spacing:-.03em;margin-bottom:22px}
/* Tedavi ve blog yazısı sayfalarında (yazar satırı olanlar) daha küçük başlık */
.phero-sm > .wrap{padding:60px 24px 130px}
.phero-sm h1{font-size:clamp(30px,3.4vw,44px);line-height:1.15;letter-spacing:-.02em;margin-bottom:16px;max-width:720px}
.phero-sm .phero-sub{font-size:16.5px}
.phero-sm .phero-badge{width:190px;height:190px}
.phero-sm .phero-badge .core{width:100px;height:100px;border-radius:30px}
.phero-sm .phero-badge .core svg{width:44px;height:44px}
.phero-sub{display:flex;align-items:center;gap:14px;margin:0;max-width:640px;font-size:17.5px;color:#ffffffcc}
.phero-sub::before{content:"";flex:none;width:36px;height:1.5px;background:linear-gradient(90deg,#A9C8EA,#7CC4FF)}
.phero .meta-row{margin-top:20px}
.meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:14.5px;color:#ffffffc7}
.meta-row > span{display:inline-flex;align-items:center;gap:8px}
.meta-row svg{width:16px;height:16px;color:#A9C8EA}
.phero-deco{position:absolute;inset:0;z-index:0;pointer-events:none}
.phero-deco span{position:absolute;border-radius:50%;background:#ffffff0a;border:1px solid #ffffff12}
.phero-deco span:nth-child(1){width:640px;height:640px;right:-220px;top:-220px;animation:drift 24s ease-in-out infinite alternate}
.phero-deco span:nth-child(2){width:460px;height:460px;right:-70px;top:110px;animation:drift 19s ease-in-out infinite alternate-reverse}
.phero-badge{position:relative;width:230px;height:230px;display:grid;place-items:center;margin-right:30px;animation:rise 1.1s var(--ease) .25s both}
.phero-badge .ring{position:absolute;inset:0;border-radius:50%;border:1px dashed #ffffff40;animation:spin3 50s linear infinite}
.phero-badge .ring::after{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#7CC4FF;box-shadow:0 0 18px 4px #7CC4FF99}
.phero-badge .ring2{position:absolute;inset:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7FAEE066,#3A78C226 55%,transparent 72%)}
.phero-badge .core{position:relative;width:118px;height:118px;border-radius:34px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#ffffff33,#ffffff0d);border:1px solid #ffffff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 30px 60px #0005;animation:float 6s ease-in-out infinite}
.phero-badge .core svg{width:52px;height:52px}
@keyframes spin3{to{transform:rotate(360deg)}}

/* ---------- Yeni CTA ---------- */
.cta2{padding:0 0 110px}
.cta2-box{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;padding:68px 64px;border-radius:36px;color:#ffffffc7;background:linear-gradient(135deg,#143A66 0%,#0F2A4A 45%,#081A30 100%)}
.cta2-box::before{content:"";position:absolute;z-index:-1;width:560px;height:560px;right:-180px;bottom:-300px;border-radius:50%;background:#ffffff0a;border:1px solid #ffffff12}
.cta2-box::after{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#ffffff12 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 55%);mask-image:linear-gradient(90deg,#000,transparent 55%)}
.cta2-blobs{position:absolute;inset:0;z-index:-1;pointer-events:none}
.cta2-blobs i{position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);animation:drift 16s ease-in-out infinite alternate}
.cta2-blobs i:nth-child(1){width:380px;height:380px;top:-170px;left:-90px;background:#3A78C2;opacity:.45}
.cta2-blobs i:nth-child(2){width:300px;height:300px;bottom:-150px;left:42%;background:#1D63D8;opacity:.22;animation-duration:21s}
.cta2 .eyebrow{color:#A9C8EA;background:linear-gradient(90deg,#ffffff1a,#ffffff00)}
.cta2 h2{color:#fff;font-size:clamp(30px,3.4vw,44px)}
.cta2-copy p{font-size:17px;max-width:520px;margin:0}
.cta2-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn-light{background:#fff;color:#0F2A4A}
.btn-light:hover{background:#E8F0FA;transform:translateY(-2px)}
.cta2-info{list-style:none;margin:0;padding:12px;display:grid;gap:4px;border-radius:26px;background:#ffffff0d;border:1px solid #ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cta2-info a,.cta2-info div{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:16px;transition:background .25s}
.cta2-info a:hover{background:#ffffff14}
.cta2-info .ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:#ffffff14;color:#A9C8EA}
.cta2-info .ic svg{width:20px;height:20px}
.cta2-info b{display:block;color:#fff;font:600 16px/1.3 var(--f-head)}
.cta2-info small{display:block;margin-top:2px;font-size:13px;color:#ffffff99}
.cta2-info .go{margin-left:auto;color:#ffffff59;transition:translate .25s,color .25s}
.cta2-info .go svg{width:18px;height:18px}
.cta2-info a:hover .go{translate:4px 0;color:#fff}

/* ---------- Ortak makale düzeni ---------- */
.doc-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}
.prose{font-size:17px;line-height:1.8}
.prose h2{font-size:clamp(24px,2.4vw,31px);margin:1.8em 0 .65em;scroll-margin-top:24px}
.prose > h2:first-child,.prose > figure + h2{margin-top:0}
.prose p{margin:0 0 1.1em}
.prose ul{list-style:none;padding:0;margin:0 0 1.3em;display:grid;gap:10px}
.prose ul li{position:relative;padding-left:28px}
.prose ul li::before{content:"";position:absolute;left:4px;top:.62em;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#3A78C2,#1D63D8)}
.prose strong{color:var(--ink)}
.prose a:not(.btn){color:var(--cta);text-decoration:underline;text-underline-offset:3px}
.prose .fig{margin:6px 0 36px}
.prose .fig .fi{border-radius:24px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 24px 50px #0F2A4A1f}
.prose .fig img{width:100%;height:100%;object-fit:cover}
.prose .fig figcaption{padding:10px 4px 0;font-size:13.5px;color:var(--text)}
.prose .fig-main{margin-top:0}
.note{margin:36px 0 0!important;padding:20px 24px;border-radius:16px;background:var(--mint-2);border:1px solid var(--line);font-size:15px;line-height:1.6}
.note b{color:var(--cta)}
.side{position:sticky;top:24px;display:grid;gap:22px}
.side-box{background:linear-gradient(180deg,#F4F8FD,#fff);border:1px solid var(--line);border-radius:22px;padding:24px}
.side-box h4{font-size:18px;margin:0 0 14px}
.side-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.side-list a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;font:600 15px/1.3 var(--f-head);color:var(--ink);transition:background .2s,color .2s}
.side-list a:hover{background:var(--mint)}
.side-list a.on{background:#fff;color:var(--cta);box-shadow:0 6px 18px #0F2A4A14}
.side-posts img{width:56px;height:56px;flex:none;border-radius:10px;object-fit:cover}
.side-cta{position:relative;overflow:hidden;border-radius:22px;padding:28px;color:#ffffffbf;background:linear-gradient(150deg,#143A66,#0F2A4A 45%,#081A30)}
.side-cta::before{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(#3A78C266,transparent 70%);animation:drift 14s ease-in-out infinite alternate}
.side-cta h4{position:relative;color:#fff;font-size:20px;margin:0 0 8px}
.side-cta p{position:relative;font-size:15px;margin:0 0 12px}
.side-cta .tel{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:14px;color:#fff;font:700 20px var(--f-head)}
.side-cta .tel svg{width:20px;height:20px;color:#A9C8EA}
.side-cta .btn{position:relative;width:100%;justify-content:center;margin-top:10px}
.prose details,.faq-l details{border-bottom:1px solid var(--line)}
.prose summary,.faq-l summary{color:var(--ink);font-size:17px}
.prose summary::after,.faq-l summary::after{color:var(--sage)}
.prose summary:hover,.faq-l summary:hover{color:var(--sage)}
.prose details p,.faq-l details p{color:var(--text);font-size:16px}
.prose details[open] summary::after,.faq-l details[open] summary::after{color:var(--cta)}

/* ---------- Tedavi sayfası ---------- */
.tx-sum{padding:90px 0 0}
.sum-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:26px;align-items:stretch}
.kisaca{position:relative;padding:34px 36px;border-radius:26px;border:1.5px solid transparent;background:linear-gradient(180deg,#F4F8FD,#fff) padding-box,linear-gradient(140deg,#A9C8EA,#3A78C2 45%,#7CC4FF) border-box}
.kisaca .lbl{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;font:700 13px var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--cta)}
.kisaca .lbl svg{width:18px;height:18px}
.kisaca p{margin:0;font-size:18px;line-height:1.7;color:var(--ink)}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.facts div{display:flex;flex-direction:column;gap:5px;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s}
.facts div:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0F2A4A14}
.facts .mega-ikon{width:38px;height:38px;margin-bottom:6px}
.facts small{font-size:13px}
.facts b{font:600 15px/1.35 var(--f-head);color:var(--ink)}
.doc-tx{padding-top:80px}
.toc{border-radius:22px;padding:22px 22px 16px;border:1px solid var(--line);background:#fff}
.toc h4{margin:0 0 12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--sage)}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:2px solid var(--line)}
.toc a{display:block;margin-left:-2px;padding:7px 0 7px 14px;border-left:2px solid transparent;font-size:14.5px;line-height:1.4;color:var(--text);transition:color .2s,border-color .2s}
.toc a:hover{color:var(--ink)}
.toc a.on{color:var(--ink);font-weight:600;border-left-color:var(--cta)}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 26px}
.tgrid > div{padding:20px;border-radius:20px;background:linear-gradient(180deg,#F4F8FD,#fff);border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.tgrid > div:hover{transform:translateY(-4px);border-color:#3A78C255;box-shadow:0 20px 40px #0F2A4A14}
.tgrid .mega-ikon{margin-bottom:12px}
.tgrid > div:hover .mega-ikon{background:var(--g-brand);color:#fff}
.tgrid b{display:block;margin-bottom:4px;font:600 16px/1.3 var(--f-head);color:var(--ink)}
.tgrid span:not(.mega-ikon){display:block;font-size:14px;line-height:1.5}
.icta{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:22px;margin:0 0 30px;padding:24px 26px;border-radius:22px;color:#ffffffcc;background:linear-gradient(120deg,#0F2A4A,#1E528A)}
.icta::after{content:"";position:absolute;z-index:-1;width:240px;height:240px;right:-60px;top:-120px;border-radius:50%;background:#ffffff0f}
.icta b{display:block;color:#fff;font:700 18px var(--f-head)}
.icta span{display:block;font-size:14.5px;line-height:1.5}
.icta .btn{margin-left:auto;flex:none}
.tsteps{list-style:none;position:relative;display:grid;gap:14px;margin:6px 0 30px;padding:0}
.tsteps::before,.tsteps::after{content:"";position:absolute;left:25px;top:26px;bottom:26px;width:2px}
.tsteps::before{background:var(--line)}
.tsteps::after{background:linear-gradient(180deg,#3A78C2,#1D63D8);transform:scaleY(0);transform-origin:top;transition:transform 1.6s var(--ease) .2s}
.tsteps.in::after{transform:scaleY(1)}
.tsteps li{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:start}
.tsteps .n{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid #3A78C2;color:var(--ink);font:700 15px var(--f-head);transition:background .5s,color .5s,border-color .5s}
.tsteps.in .n{background:var(--g-brand);color:#fff;border-color:transparent}
.tsteps li:nth-child(2) .n{transition-delay:.5s}.tsteps li:nth-child(3) .n{transition-delay:.9s}.tsteps li:nth-child(4) .n{transition-delay:1.3s}
.tsteps .c{padding:16px 20px;border-radius:18px;background:#fff;border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s}
.tsteps li:hover .c{transform:translateX(5px);box-shadow:0 16px 34px #0F2A4A14}
.tsteps .c b{display:block;margin-bottom:4px;font:600 17px var(--f-head);color:var(--ink)}
.tsteps .c span{display:block;font-size:15px;line-height:1.6}
.tgal{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin:6px 0 34px}
.tgal figure{position:relative;margin:0;border-radius:18px;overflow:hidden;aspect-ratio:1/1.1;transition:transform .4s var(--ease),box-shadow .4s}
.tgal figure:hover{transform:translateY(-5px);box-shadow:0 24px 44px #0F2A4A26}
.tgal img{width:100%;height:100%;object-fit:cover}
.tgal figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 12px;border-radius:12px;font:600 12.5px var(--f-head);color:#fff;background:#0F2A4A99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.author{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;align-items:center;margin:44px 0 0;padding:26px;border-radius:24px;background:linear-gradient(150deg,#E8F0FA,#fff);border:1px solid var(--line)}
.author img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 20%;box-shadow:0 0 0 4px #fff,0 12px 26px #0F2A4A26}
.author small{display:block;font:700 12.5px var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--sage)}
.author b{display:block;margin:2px 0 6px;font:700 19px var(--f-head);color:var(--ink)}
.author p{margin:0 0 8px;font-size:15px;line-height:1.6}
.author .upd{font-size:14px}
.author a{font-size:14px;font-weight:600}
.oc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:30px}
.oc{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:transform .4s var(--ease),box-shadow .4s}
.oc:hover{transform:translateY(-6px);box-shadow:0 26px 50px #0F2A4A1f}
.oc-img{display:block;aspect-ratio:4/3;overflow:hidden}
.oc-img img{width:100%;height:100%;object-fit:cover}
.oc-b{display:flex;align-items:center;gap:10px;padding:14px}
.oc-b .mega-ikon{width:34px;height:34px;border-radius:10px}
.oc-b .mega-ikon svg{width:17px;height:17px}
.oc-b b{font:600 14.5px/1.3 var(--f-head);color:var(--ink)}
.oc-b > svg{width:16px;height:16px;margin-left:auto;flex:none;color:var(--cta);transition:translate .25s}
.oc:hover .oc-b > svg{translate:3px 0}
.oc:hover .mega-ikon{background:var(--g-brand);color:#fff}

/* ---------- Hakkımda ---------- */
.cv2-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:64px;align-items:start}
.cv2-card{position:sticky;top:24px;overflow:hidden;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px #0F2A4A14}
.cv2-photo{position:relative;aspect-ratio:1/1.05;overflow:hidden;background:linear-gradient(160deg,#E8F0FA,#A9C8EA)}
.cv2-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.cv2-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#0F2A4A66)}
.cv2-loc{position:absolute;z-index:1;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:100px;font:600 13px var(--f-head);color:#fff;background:#ffffff2e;border:1px solid #ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cv2-loc svg{width:15px;height:15px}
.cv2-body{padding:26px}
.cv2-body h3{font-size:24px;margin:0 0 4px}
.cv2-body .role{font:600 13px var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}
.cv2-facts{list-style:none;display:grid;gap:14px;margin:22px 0 24px;padding:0}
.cv2-facts li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;line-height:1.45}
.cv2-facts .mega-ikon{width:38px;height:38px;border-radius:11px}
.cv2-facts .mega-ikon svg{width:18px;height:18px}
.cv2-facts b{display:block;font:600 14.5px var(--f-head);color:var(--ink)}
.cv2-body .btn{width:100%;justify-content:center}
.cv2-soc{display:flex;justify-content:center;gap:8px;margin-top:16px}
.cv2-soc a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--mint);color:var(--ink);transition:background .25s,color .25s}
.cv2-soc a:hover{background:var(--g-brand);color:#fff}
.cv2-soc svg{width:18px;height:18px}
.cv2-main h2{font-size:clamp(28px,3vw,40px)}
.lead-big{font-size:20px;line-height:1.7;color:var(--ink);font-weight:500}
.cv2-block{margin-top:56px}
.cv2-block h3{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-size:24px}
.cv2-block h3::before{content:"";width:28px;height:3px;border-radius:2px;background:linear-gradient(90deg,#3A78C2,#1D63D8)}
.tl2{list-style:none;position:relative;display:grid;gap:16px;margin:0;padding:0}
.tl2::before{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:2px;background:linear-gradient(180deg,#3A78C2,#7CC4FF)}
.tl2 li{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;align-items:start}
.tl2 .dot{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--g-brand);color:#fff;box-shadow:0 0 0 6px #fff,0 12px 26px #0F2A4A33}
.tl2 .dot svg{width:24px;height:24px}
.tl2 .card{padding:20px 22px;border-radius:20px;background:linear-gradient(180deg,#F4F8FD,#fff);border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s}
.tl2 li:hover .card{transform:translateX(6px);box-shadow:0 18px 36px #0F2A4A14}
.tl2 .yr{display:inline-block;margin-bottom:8px;padding:4px 12px;border-radius:100px;background:#fff;border:1px solid var(--line);font:700 12.5px var(--f-head);letter-spacing:.04em;color:var(--cta)}
.tl2 h4{font-size:18px;margin:0 0 4px}
.tl2 p{margin:0;font-size:15px}
.tl2 a{color:var(--cta);font-weight:600}
.prin{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.prin > div{padding:24px;border-radius:22px;border:1.5px solid transparent;background:linear-gradient(180deg,#E8F0FA,#fff 75%) padding-box,linear-gradient(150deg,#A9C8EA,#3A78C2 45%,#7CC4FF) border-box;transition:transform .35s var(--ease),box-shadow .35s}
.prin > div:hover{transform:translateY(-5px);box-shadow:0 22px 44px #0F2A4A14}
.prin .mega-ikon{margin-bottom:14px;background:var(--g-brand);color:#fff}
.prin h4{font-size:17.5px;margin:0 0 6px}
.prin p{margin:0;font-size:14.5px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips a{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:100px;border:1px solid var(--line);background:#fff;font:600 14.5px var(--f-head);color:var(--ink);transition:background .25s,color .25s,border-color .25s,transform .25s}
.chips a:hover{background:var(--g-brand);border-color:transparent;color:#fff;transform:translateY(-2px)}
.chips .mega-ikon{width:34px;height:34px;border-radius:50%}
.chips .mega-ikon svg{width:16px;height:16px}
.chips a:hover .mega-ikon{background:#ffffff26;color:#fff}
.shots-sec,.certs-sec{padding-top:0}
.shots,.certs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.shots figure,.certs figure{margin:0;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:transform .4s var(--ease),box-shadow .4s}
.shots figure:hover,.certs figure:hover{transform:translateY(-5px);box-shadow:0 24px 50px #0F2A4A1f}
.shots img{width:100%;aspect-ratio:4/3;object-fit:cover}
.shots figcaption{padding:14px 18px;font:600 14.5px var(--f-head);color:var(--ink)}
.certs figure{padding:12px;background:linear-gradient(180deg,#F4F8FD,#fff)}
.certs img{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:10px;background:#fff}

/* ---------- Tedaviler sayfası ---------- */
.hub-intro .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.hub-collage{position:relative;aspect-ratio:1/.9}
.hub-collage img{position:absolute;object-fit:cover;border-radius:24px;box-shadow:0 30px 60px #0F2A4A26}
.hub-collage .a{left:0;top:0;width:60%;height:82%}
.hub-collage .b{right:0;bottom:0;width:56%;height:56%;border:8px solid #fff;animation:bob 7s ease-in-out infinite}
.hub-collage .pill{position:absolute;left:6%;bottom:4%;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:18px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px #0F2A4A26;animation:float 6s ease-in-out infinite}
.hub-collage .pill .mega-ikon{background:var(--g-brand);color:#fff}
.hub-collage .pill b{display:block;font:800 22px/1 var(--f-head);color:var(--cta)}
.hub-collage .pill span:last-child{font-size:13.5px}
.hub-intro .btn{margin-top:4px}
.hub-cards{padding-top:0}
.tcards6{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:50px;text-align:left}
.tc{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:26px;background:#fff;border:1px solid var(--line);transition:transform .45s var(--ease),box-shadow .45s}
.tc:hover{transform:translateY(-8px);box-shadow:0 34px 60px #0F2A4A1f}
.tc .img{position:relative;display:block;aspect-ratio:16/11;overflow:hidden}
.tc .img img{width:100%;height:100%;object-fit:cover;transition:filter .5s}
.tc:hover .img img{filter:brightness(1.06) saturate(1.05)}
.tc .img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0F2A4A80)}
.tc .num{position:absolute;z-index:1;top:16px;left:16px;padding:6px 12px;border-radius:100px;font:700 13px var(--f-head);color:#fff;background:#ffffff2e;border:1px solid #ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.tc .body{position:relative;display:flex;flex-direction:column;flex:1;padding:30px 26px 26px}
.tc h3{font-size:21px;margin:0 0 8px}
.tc p{font-size:15px;margin:0 0 14px}
.tc ul{list-style:none;display:grid;gap:8px;margin:0 0 20px;padding:0;font-size:14.5px}
.tc li{display:flex;align-items:center;gap:8px;color:var(--ink)}
.tc li svg{width:16px;height:16px;flex:none;color:var(--sage)}
.tc .more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font:600 15px var(--f-head);color:var(--cta)}
.tc .more svg{width:17px;height:17px;transition:translate .25s}
.tc:hover .more svg{translate:4px 0}
.tc .tc-ic{position:absolute;z-index:3;top:-28px;right:22px;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;border:4px solid #fff;background:var(--g-warm);color:#fff;transition:rotate .4s var(--ease)}
.tc .tc-ic svg{width:24px;height:24px}
.tc:hover .tc-ic{rotate:-10deg}
.match{background:radial-gradient(700px 500px at 100% 0%,#A9C8EA33,transparent 60%),linear-gradient(180deg,#F4F8FD,#fff)}
.match-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:stretch;margin-top:44px;text-align:left}
.match-tabs{display:grid;gap:10px;align-content:start}
.match-tabs button{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px 14px 14px;border-radius:18px;border:1px solid var(--line);background:#fff;font:600 16px var(--f-head);color:var(--ink);text-align:left;cursor:pointer;transition:background .3s,color .3s,box-shadow .3s,transform .3s}
.match-tabs button:hover{transform:translateX(4px)}
.match-tabs button.on{background:var(--g-brand);color:#fff;border-color:transparent;box-shadow:0 18px 40px #0F2A4A33}
.match-tabs button.on .mega-ikon{background:#ffffff26;color:#fff}
.match-tabs .arr{margin-left:auto;opacity:.45;display:grid}
.match-tabs .arr svg{width:18px;height:18px}
.match-tabs button.on .arr{opacity:1}
.match-panel{position:relative;overflow:hidden;isolation:isolate;padding:42px;border-radius:30px;color:#ffffffc7;background:linear-gradient(150deg,#143A66,#0F2A4A 50%,#081A30)}
.match-panel::before{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-160px;top:-180px;border-radius:50%;background:radial-gradient(#3A78C266,transparent 70%);animation:drift 15s ease-in-out infinite alternate}
.mp{animation:rise .55s var(--ease) both}
.mp-ic{display:grid;place-items:center;width:64px;height:64px;margin-bottom:20px;border-radius:20px;background:#ffffff14;color:#A9C8EA}
.mp-ic svg{width:30px;height:30px}
.mp h3{color:#fff;font-size:28px}
.mp p{font-size:16.5px}
.recs{display:grid;gap:10px;margin-top:24px}
.recs a{display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:16px;background:#ffffff0f;border:1px solid #ffffff1f;color:#fff;font:600 16px var(--f-head);transition:background .25s,transform .25s}
.recs a:hover{background:#ffffff1f;transform:translateX(5px)}
.recs .mega-ikon{background:#ffffff1a;color:#A9C8EA}
.recs a > svg{width:18px;height:18px;margin-left:auto}
.note2{margin:24px 0 0;font-size:13.5px;color:#ffffff99}
.stats-inner{padding-top:110px}
.faq-l .wrap{max-width:900px}
.faq-list{margin-top:30px}
.faq-l summary{font-size:18px}
.faq-l a{color:var(--cta);font-weight:600}

/* ---------- Blog ---------- */
.blog-page{padding-top:110px}
.cats button{padding:9px 18px;border-radius:100px;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 14px var(--f-head);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.cats button:hover,.cats button.on{background:var(--g-brand);color:#fff;border-color:transparent}
.post[hidden]{display:none}
.posts-empty{margin:40px 0 0;font-size:16px}
.blog-page + .cta2,.doc + .cta2{padding-top:0}

/* ---------- İletişim ---------- */
.c2-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:stretch}
.c2-info{position:relative;overflow:hidden;isolation:isolate;padding:44px 40px;border-radius:30px;color:#ffffffc7;background:linear-gradient(160deg,#143A66,#0F2A4A 55%,#081A30)}
.c2-info::before{content:"";position:absolute;z-index:-1;width:300px;height:300px;left:-120px;top:-140px;border-radius:50%;background:radial-gradient(#3A78C255,transparent 70%);animation:drift 16s ease-in-out infinite alternate}
.c2-info::after{content:"";position:absolute;z-index:-1;width:380px;height:380px;right:-140px;bottom:-160px;border-radius:50%;background:#ffffff0d;border:1px solid #ffffff14}
.c2-info .eyebrow{color:#A9C8EA;background:linear-gradient(90deg,#ffffff1a,#ffffff00)}
.c2-info h2{color:#fff;font-size:clamp(28px,3vw,38px)}
.c2-info > p{font-size:16px}
.c2-rows{display:grid;gap:10px;margin:26px 0}
.c2-rows a,.c2-rows div{display:flex;align-items:flex-start;gap:16px;padding:16px 18px;border-radius:18px;background:#ffffff0d;border:1px solid #ffffff1a;transition:background .25s,transform .25s}
.c2-rows a:hover{background:#ffffff17;transform:translateX(4px)}
.c2-rows .ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:#ffffff17;color:#A9C8EA}
.c2-rows .ic svg{width:18px;height:18px}
.c2-rows small{display:block;font-size:12.5px;font-weight:600;color:#ffffff99}
.c2-rows b{display:block;color:#fff;font:600 15.5px/1.5 var(--f-head)}
.c2-soc{display:flex;align-items:center;gap:10px;padding-top:22px;border-top:1px solid #ffffff1f;font-size:14px}
.c2-soc span{margin-right:auto}
.c2-soc a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff40;color:#fff;transition:background .25s,border-color .25s}
.c2-soc a:hover{background:var(--cta);border-color:transparent}
.c2-soc svg{width:18px;height:18px}
.c2-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start;padding:44px;border-radius:30px;border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,#A9C8EA,#3A78C2 50%,#7CC4FF) border-box;box-shadow:0 30px 70px #0F2A4A1a}
.c2-form h2{grid-column:1/-1;margin:0;font-size:clamp(26px,2.6vw,34px)}
.c2-form .intro{grid-column:1/-1;margin:-4px 0 6px}
.c2-form label{display:grid;gap:8px;font:600 14px var(--f-head);color:var(--ink)}
.c2-form label i{font-style:normal;color:var(--cta)}
.c2-form .full{grid-column:1/-1}
.c2-form input:not([type=checkbox]),.c2-form select,.c2-form textarea{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--mint-2);font:400 15px var(--f-body);color:var(--ink);outline:none;transition:border-color .2s,background .2s,box-shadow .2s}
.c2-form input:focus,.c2-form select:focus,.c2-form textarea:focus{border-color:var(--sage);background:#fff;box-shadow:0 0 0 4px #3A78C229}
.c2-form textarea{min-height:150px;resize:vertical}
.c2-form .kvkk{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;font:400 14px/1.5 var(--f-body);color:var(--text)}
.c2-form .kvkk input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:#1D63D8}
.c2-form .kvkk a{color:var(--cta);text-decoration:underline}
.c2-form .row{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.c2-form .err{color:var(--cta);font-size:13.5px}
.c2-form .bad{border-color:#1D63D8!important;background:#E3EEFC!important}
.c-map{margin-top:28px;overflow:hidden;border-radius:30px;border:1px solid var(--line);aspect-ratio:21/8;background:var(--mint-2)}
.c-map iframe{display:block;width:100%;height:100%;border:0}

/* ---------- Duyarlı ---------- */
@media (max-width:1080px){
  .phero > .wrap{grid-template-columns:1fr;padding:44px 24px 70px}
  .phero-badge{display:none}
  .doc-grid,.cv2-grid,.hub-intro .wrap,.match-grid,.sum-grid,.c2-grid{grid-template-columns:1fr;gap:40px}
  .side,.cv2-card{position:static}
  .toc{display:none}
  .cta2-box{grid-template-columns:1fr;padding:52px 36px;gap:36px}
  .tcards6{grid-template-columns:1fr 1fr}
  .oc-grid{grid-template-columns:repeat(3,1fr)}
  .cv2-card{max-width:520px}
  .c-map{aspect-ratio:16/10}
}
@media (max-width:680px){
  .phero > .wrap{padding:36px 16px 56px}
  .cta2-box{padding:40px 22px;border-radius:26px}
  .tcards6,.prin,.shots,.certs{grid-template-columns:1fr}
  .tgrid{grid-template-columns:1fr 1fr}
  .tgal{grid-template-columns:1fr 1fr}.tgal figure:first-child{grid-column:1/-1;aspect-ratio:16/10}
  .oc-grid{grid-template-columns:1fr 1fr}
  .facts{grid-template-columns:1fr}
  .icta{flex-direction:column;align-items:flex-start}.icta .btn{margin-left:0}
  .kisaca{padding:26px 22px}.kisaca p{font-size:16.5px}
  .match-panel{padding:30px 22px}
  .c2-info{padding:34px 22px}.c2-form{grid-template-columns:1fr;padding:30px 22px}
  .author{grid-template-columns:1fr;text-align:left}
  .prose{font-size:16px}
  .tx-sum{padding-top:60px}.doc-tx{padding-top:60px}
  .blog-page{padding-top:70px}
  .stats-inner{padding-top:76px}
}

/* ---------- Satır kırma: başlık ve kısa metinlerde satırları dengele, paragraflarda son satırda tek kelime bırakma ---------- */
h1,h2,h3,h4,.lead,.phero-sub,.eyebrow,figcaption,.cta2-copy p,.kisaca p,.icta span,.mp p,.tc p,.c2-info > p,.svc-card .body p,.post .ex{text-wrap:balance}
p,li,summary,.tsteps .c span,.tgrid span,.facts b{text-wrap:pretty}

/* ---------- Yazı logo + işaret ---------- */
.wordmark{flex-direction:row;align-items:center;gap:12px}
.wordmark > .mark,.wordmark > .wm-t{margin:0;font:inherit;letter-spacing:normal;text-transform:none;color:inherit}
.wordmark .mark{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#7FAEE0,#2563A8 55%,#143A66);box-shadow:inset 0 0 0 1px #ffffff33,0 10px 24px #0000004d;transition:rotate .4s var(--ease)}
.wordmark .mark svg{width:26px;height:26px}
.wordmark:hover .mark{rotate:-8deg}
.wm-t{display:flex;flex-direction:column;line-height:1.1}
.wm-t > span{margin-top:5px;font:500 11px var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--sage-2)}
@media (max-width:680px){.wordmark .mark{width:40px;height:40px;border-radius:12px}.wordmark .mark svg{width:22px;height:22px}}

/* ---------- Sayfa başlığı arka plan fotoğrafı: sağda, sola doğru eriyen, renge boyanmış ---------- */
.phero-photo{position:absolute;top:0;right:0;bottom:0;z-index:0;width:64%;height:100%;object-fit:cover;object-position:50% 35%;opacity:var(--ph-op,.2);filter:grayscale(1) contrast(1.1) blur(1px);mix-blend-mode:luminosity;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,#000 55%)}
@media (max-width:1080px){.phero-photo{width:100%;--ph-op:.14;-webkit-mask-image:linear-gradient(200deg,#000 10%,transparent 75%);mask-image:linear-gradient(200deg,#000 10%,transparent 75%)}}

/* ---------- Anasayfa hero: masaüstünde ilk ekrana sığar (üst şerit dahil) ---------- */
@media (min-width:1081px){
  .hero:not(.phero){display:flex;flex-direction:column;height:calc(100svh - 58px);min-height:600px;max-height:960px}
  .hero:not(.phero) > .wrap{flex:1;min-height:0;width:100%;padding-top:0;align-items:end}
  .hero:not(.phero) .hero-copy{align-self:center;padding-bottom:70px}
  .hero:not(.phero) h1{font-size:clamp(38px,min(5vw,7.4vh),68px);margin-bottom:20px}
  .hero:not(.phero) p.lead{font-size:clamp(16px,2vh,18px);margin-bottom:28px}
  .hero:not(.phero) .eyebrow{margin-bottom:14px}
  .hero:not(.phero) > .wrap{grid-template-rows:minmax(0,1fr);padding-top:16px}
  .hero:not(.phero) .hero-visual{align-self:stretch;height:100%;align-items:flex-end}
  .hero:not(.phero) .hero-visual img.person{width:auto;height:100%;max-height:860px;object-fit:contain;object-position:bottom}
  .hero:not(.phero) .hero-visual .disc{width:min(620px,68vh);height:min(620px,68vh)}
  .hero:not(.phero) .hero-visual .ring{width:min(760px,84vh);height:min(760px,84vh)}
}

/* ---------- Footer yasal linkler ---------- */
.legal{display:flex;flex-wrap:wrap;gap:6px 22px}
.legal a:hover{color:#fff}

/* ---------- Masaüstünde mobil menü parçaları gizli ---------- */
.mnav-top,.mnav-bottom,.alt-ac{display:none}

@media (max-width:1080px){
  /* Hero fotoğrafı: HTML'deki yükseklik değeri yüzünden dikey uzuyordu */
  .hero-visual img.person{height:auto}

  /* Tam sayfa mobil menü (Onur Seyrek düzeni) */
  html.menu-acik{overflow:hidden}
  html.menu-acik header.site{z-index:400}
  html.menu-acik .wa-float{display:none}
  nav.main{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;gap:22px;padding:0 24px 32px;background:#fff;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .3s,transform .3s,visibility 0s .3s}
  nav.main.open{position:fixed;display:flex;inset:0;padding:0 24px 32px;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;transition-delay:0s}
  .mnav-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;flex:none;height:78px;margin:0 -24px;padding:0 24px;background:#fff;border-bottom:1px solid var(--line)}
  .mnav-top .wordmark b{color:var(--ink)}
  .mnav-close{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 14px;border:0;border-radius:100px;background:var(--mint);color:var(--ink);font:600 15px var(--f-head);cursor:pointer}
  .mnav-close .x{position:relative;width:14px;height:14px}
  .mnav-close .x::before,.mnav-close .x::after{content:"";position:absolute;left:-1px;top:6px;width:16px;height:2px;border-radius:2px;background:currentColor;rotate:45deg}
  .mnav-close .x::after{rotate:-45deg}
  nav.main > ul,nav.main.open > ul{display:flex;flex-direction:column;gap:0}
  nav.main > ul > li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-bottom:1px solid var(--line)}
  nav.main > ul > li > a,nav.main.open > ul > li > a{padding:18px 0;border-radius:0;background:none;font:600 20px var(--f-head);color:var(--ink)}
  nav.main > ul > li > a:hover{background:none}
  nav.main > ul > li > a .caret{display:none}
  nav.main > ul > li > a.on{background:linear-gradient(90deg,#1D63D8,#4C8DF0);-webkit-background-clip:text;background-clip:text;color:transparent}
  nav.main > ul > li > a.on::after{display:none}
  .alt-ac{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:var(--mint);color:var(--ink);cursor:pointer;transition:background .25s,color .25s}
  .alt-ac::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;translate:0 -2px;transition:rotate .25s,translate .25s}
  li.acik > .alt-ac{background:var(--g-brand);color:#fff}
  li.acik > .alt-ac::before{rotate:225deg;translate:0 2px}
  nav.main li.has-mega > .mega,nav.main li.has-mega:is(:hover,:focus-within) > .mega{grid-column:1/-1;display:none;position:static;width:auto;padding:0 0 14px;translate:none;opacity:1;visibility:visible}
  nav.main li.has-mega.acik > .mega{display:block;animation:rise .35s var(--ease) both}
  nav.main .mega-ic{display:block;background:none;box-shadow:none;border-radius:0}
  nav.main .mega-giris,nav.main .mega-vitrin{display:none}
  nav.main .mega-liste{grid-template-columns:1fr;gap:2px;padding:0}
  nav.main .mega-liste a{padding:10px 8px}
  .mnav-bottom{display:grid;gap:18px;margin-top:4px}
  .mnav-bottom .btn{width:100%;min-height:54px;justify-content:center}
  .mnav-contact{list-style:none;display:grid;gap:12px;margin:0;padding:0}
  .mnav-contact a{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:var(--text)}
  .mnav-contact svg{width:17px;height:17px;color:var(--sage)}
}

/* ---------- Mobil footer: yalnızca marka, iletişim ve yasal linkler; ortalı ---------- */
@media (max-width:767px){
  .f-grid{grid-template-columns:1fr;gap:34px;text-align:center}
  .f-grid > div:nth-child(2),.f-grid > div:nth-child(3){display:none}
  footer .wordmark{justify-content:center;margin-inline:auto}
  footer .logo{display:inline-flex}
  .soc{justify-content:center}
  .f-contact li{justify-content:center;text-align:center}
  .f-contact svg{margin-top:2px}
  .f-bot{flex-direction:column;align-items:center;text-align:center;gap:12px}
  .legal{justify-content:center}
}