/* Dr. Hüseyin Ülger · site.css (TR + EN tek dosya)
   Fiziksel left/right yerine mantıksal özellikler (ileride RTL için) + en altta uluslararası (EN) katman.
   Kimlik v3 "Kanatlı H" (kimlik-v2/SISTEM.md): ölçekli enjektörle kesilen kanatlı H sembolü,
   Manrope (başlık, etiket, menü, buton) · Hanken Grotesk (metin), yumuşak form yok (köşe yarıçapı 0),
   elmas noktalar + ince bağlantı çizgileri, oluklu gradyan şerit, mesh zemin. Kesik çizgi yalnızca logoda.
   Hareket: önce nokta (500 ms, 80 ms ara), sonra bağlantı çizgileri, sonra dinlenme. */

:root{
  --gece:#1C2240;--gece-2:#2A3360;--ufuk:#BCD3F0;--ten:#F3D2C1;--nane:#CBE9DE;--isik:#F7F6F3;
  --paper:#FBFBFD;--line:#D6DAE5;--muted:#5A6180;--accent:#4A6A92;--ink-2:#333A5C;
  --on-dark:#F7F6F3;--on-dark-muted:#C5CEE3;--line-dark:rgba(247,246,243,.16);
  --f-display:"Manrope","Segoe UI",system-ui,sans-serif;
  --f-body:"Hanken Grotesk","Segoe UI",system-ui,sans-serif;
  --s1:8px;--s2:13px;--s3:21px;--s4:34px;--s5:55px;--s6:89px;--s7:144px;
  --gutter:clamp(16px,4.2vw,55px);--max:1320px;--header:72px;
  --ease-pop:cubic-bezier(.2,.7,.2,1);--ease-draw:cubic-bezier(.65,0,.35,1);
  --diamond:polygon(50% 0,100% 50%,50% 100%,0 50%);
  --fluted:repeating-linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.10) 70px,rgba(10,12,30,.28) 140px),linear-gradient(180deg,#1C2240 0%,#2C3566 55%,#7E8FC2 100%);
  --mesh:radial-gradient(60% 70% at 18% 25%,#FFFFFF 0%,rgba(255,255,255,0) 60%),radial-gradient(55% 60% at 80% 30%,#F3D2C1 0%,rgba(243,210,193,0) 65%),radial-gradient(60% 70% at 30% 85%,#CBE9DE 0%,rgba(203,233,222,0) 65%),radial-gradient(70% 80% at 85% 90%,#BCD3F0 0%,rgba(188,211,240,0) 70%),#E6EEF7;
  color-scheme:light;
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box;border-radius:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header) + var(--s3))}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--isik);color:var(--gece);font-family:var(--f-body);font-weight:400;font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--gece)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.dark :focus-visible,.site-footer :focus-visible{outline-color:var(--ufuk)}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:500;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.02em}
em,i,cite{font-style:normal}
h1 em,h2 em,h3 em{font-weight:700;color:var(--accent)}
.dark h1 em,.dark h2 em,.dark h3 em{color:var(--ufuk)}
p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
.tnum{font-variant-numeric:tabular-nums}
[hidden]{display:none!important}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
/* Randevu: WhatsApp + telefon (yayında form yok). Büyük, dokunmaya uygun satırlar. */
.reach{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2);align-content:start}
.reach-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px var(--s2);align-items:center;padding:var(--s3);background:var(--isik);border:1px solid var(--line);border-inline-start:3px solid var(--gece);text-decoration:none;color:var(--gece);transition:border-color .2s,transform .3s var(--ease-pop)}
.reach li:first-child .reach-item{background:var(--gece);color:var(--isik);border-color:var(--gece);border-inline-start-color:var(--nane)}
.reach-item svg{width:28px;height:28px;grid-row:1/4;align-self:start}
.reach-item .k{font:600 11px/1.5 var(--f-display);letter-spacing:.18em;text-transform:uppercase;opacity:.75}
.reach-item b{font:600 clamp(22px,2.2vw,28px)/1.2 var(--f-display);letter-spacing:-.01em}
.reach-item .d{font-size:15px;opacity:.8}
.reach-item:hover{border-inline-start-color:var(--accent);transform:translateX(3px)}
.reach-item:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.reach-item{transition:none}.reach-item:hover{transform:none}}
.skip{position:absolute;inset-inline-start:var(--s2);top:-80px;z-index:100;background:var(--gece);color:var(--isik);padding:var(--s1) var(--s2);font:600 13px/1.4 var(--f-display)}
.skip:focus{top:var(--s2)}

/* ---------- type roles ---------- */
.eyebrow{font-family:var(--f-display);font-weight:600;font-size:11.5px;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:block}
.dark .eyebrow{color:var(--ufuk)}
.mono{font-family:var(--f-display);font-weight:500;font-size:13px;letter-spacing:.06em}
.display{font-weight:500;font-size:clamp(44px,6.6vw,96px);line-height:1;letter-spacing:-.035em}
.h2{font-weight:500;font-size:clamp(32px,4.2vw,54px);line-height:1.06;letter-spacing:-.03em}
.h3{font-size:clamp(25px,2.4vw,32px)}
.lead{font-family:var(--f-body);font-weight:300;font-size:clamp(20px,1.9vw,24px);line-height:1.45;max-width:34em}
.muted{color:var(--muted)}
.dark .muted,.dark .lead{color:var(--on-dark-muted)}
.prose{display:grid;gap:var(--s2);max-width:64ch;align-content:start}
.prose p{max-width:64ch}

/* ---------- layout ---------- */
.wrap{width:100%;max-width:calc(var(--max) + 2*var(--gutter));margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left,0px))}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s3);row-gap:var(--s4)}
.g12>*{min-width:0;grid-column:1/-1}
@media (min-width:880px){
  .g12{column-gap:var(--s4)}
  .c7{grid-column:auto/span 7}.c5{grid-column:auto/span 5}.c4{grid-column:auto/span 4}.c8{grid-column:auto/span 8}.c6{grid-column:auto/span 6}.c3{grid-column:auto/span 3}.c9{grid-column:auto/span 9}
  .s2{grid-column-start:2}.s6{grid-column-start:6}.s7{grid-column-start:7}.s8{grid-column-start:8}.s9{grid-column-start:9}.s10{grid-column-start:10}.end{align-self:end}.center{align-self:center}
}
.section{padding-block:clamp(55px,8vw,144px)}
.section.tight{padding-block:clamp(34px,5vw,89px)}
.stack{display:grid;gap:var(--s3);align-content:start}
.stack-s{display:grid;gap:var(--s2);align-content:start}
.rule{border:0;height:1px;background:var(--line);margin:0}
.dark{background:var(--gece);color:var(--on-dark)}
.dark a{color:var(--ufuk)}
.dark a:hover{color:var(--isik)}
.blue{background:var(--gece-2);color:var(--on-dark)}
/* textures: fluted band (dark) and mesh (light) */
.flute{background-color:var(--gece);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.035) 70px,rgba(10,12,30,.22) 140px)}
.fluted{background:var(--fluted);color:var(--on-dark)}
.mesh{background:var(--mesh)}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,246,243,.94);border-bottom:1px solid transparent;transition:border-color .3s}
@supports (backdrop-filter:blur(8px)){.site-header{background:rgba(247,246,243,.84);backdrop-filter:blur(10px)}}
.site-header.scrolled{border-bottom-color:var(--line)}
.header-in{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:var(--header)}
/* lockup: symbol left, one-line uppercase wordmark (Manrope 600, .14em), descriptor at ~1/3 size (.34em, 70%) */
.lockup{display:inline-flex;align-items:center;gap:11px;color:var(--gece);text-decoration:none;white-space:nowrap;line-height:1}
.lockup:hover{color:var(--gece)}
.lockup svg{width:42px;height:42px;flex:none;margin-left:-5px}
.lockup .wm{display:grid;gap:6px;font-family:var(--f-display);text-transform:uppercase}
.lockup .nm{font-weight:600;font-size:15px;letter-spacing:.14em}
.lockup .desc{font-weight:500;font-size:8.5px;letter-spacing:.34em;opacity:.7}
.site-nav{display:flex;align-items:center;gap:var(--s4)}
.site-nav ul{display:flex;gap:var(--s3)}
.site-nav ul a{color:var(--gece);text-decoration:none;font:500 14.5px/1.3 var(--f-display);letter-spacing:.01em;padding:6px 0;border-bottom:2px solid transparent}
.site-nav ul a:hover,.site-nav ul a[aria-current="page"]{border-bottom-color:currentColor}
.menu-btn{display:none;align-items:center;gap:10px;background:none;border:1px solid var(--gece);color:var(--gece);font:600 11.5px/1 var(--f-display);letter-spacing:.16em;text-transform:uppercase;padding:11px 13px;cursor:pointer;min-height:44px}
.menu-icon{width:18px;height:8px;position:relative;border-block:1.5px solid currentColor;transition:transform .3s var(--ease-pop)}
.menu-btn[aria-expanded="true"] .menu-icon{border-bottom-color:transparent;transform:translateY(3px)}
@media (max-width:1079px){
  .menu-btn{display:inline-flex}
  .site-nav{position:absolute;left:0;right:0;top:100%;background:var(--isik);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:var(--s3);padding:var(--s3) var(--gutter) var(--s4);max-height:calc(100vh - var(--header));overflow:auto}
  .js .site-nav{display:none}
  .js .site-nav.open{display:flex}
  .site-nav ul{flex-direction:column;gap:0}
  .site-nav ul a{display:block;font-size:24px;font-weight:500;letter-spacing:-.01em;padding:10px 0;border-bottom:1px solid var(--line)}
  .site-nav ul a[aria-current="page"]{color:var(--accent);border-bottom-color:var(--line)}
  .nav-cta{align-self:flex-start}
  .no-js .site-header{position:relative}
}
@media (max-width:520px){.lockup .desc{display:none}.lockup .nm{font-size:13px;letter-spacing:.12em}.lockup svg{width:36px;height:36px}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 21px;font:600 14px/1.2 var(--f-display);letter-spacing:.03em;text-decoration:none;border:1px solid var(--gece);color:var(--gece);background:transparent;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.btn:hover{background:var(--gece);color:var(--isik)}
.btn-dark{background:var(--gece);color:var(--isik)}
.btn-dark:hover{background:var(--gece-2);border-color:var(--gece-2);color:var(--isik)}
.dark .btn{border-color:rgba(247,246,243,.5);color:var(--isik)}
.dark .btn:hover{background:var(--isik);color:var(--gece)}
.dark .btn-light{background:var(--isik);color:var(--gece);border-color:var(--isik)}
.dark .btn-light:hover{background:var(--ufuk);border-color:var(--ufuk);color:var(--gece)}
.btn svg{width:20px;height:20px}
.btns{display:flex;flex-wrap:wrap;gap:var(--s2)}
.more{font:600 13px/1.4 var(--f-display);letter-spacing:.06em;text-decoration:none;display:inline-flex;gap:8px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:3px}
.more::after{content:"→";transition:transform .3s var(--ease-pop)}
.more:hover::after{transform:translateX(4px)}

/* ---------- plan map: faceted diamonds, then the connecting lines ---------- */
.plan{overflow:visible}
.plan line{stroke:var(--isik);stroke-opacity:.6;stroke-width:.4}
@media (prefers-reduced-motion:no-preference){
  .js [data-animate] .plan .d{opacity:0}
  .js [data-animate] .plan line{stroke-dasharray:1;stroke-dashoffset:1}
  .js [data-animate] .after-lines{opacity:0}
  /* durations here; start times are set by site.js (80 ms stagger, lines after the last point) */
  .js [data-animate].play .plan .d{transform-box:fill-box;transform-origin:center;animation:pop .5s var(--ease-pop) both}
  .js [data-animate].play .plan line{animation:draw .6s var(--ease-draw) .98s forwards}
  .js [data-animate].play .after-lines{animation:fade .6s var(--ease-pop) 1.9s forwards}
}
@keyframes pop{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes appear{from{opacity:0}}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}


/* ---------- hero ---------- */
.hero{padding-block:clamp(34px,6vw,89px) clamp(55px,7vw,110px)}
.hero .g12{align-items:stretch}
.hero-copy{display:grid;gap:var(--s4);align-content:center;padding-block:var(--s3)}
.hero-copy .display em{color:var(--accent)}
.facts{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);font:600 11.5px/1.5 var(--f-display);letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.facts li{display:flex;gap:var(--s1);align-items:center}
.facts li::before{content:"";width:7px;height:7px;clip-path:var(--diamond);background:var(--accent);flex:none}
.hero-visual{position:relative;min-height:clamp(420px,46vw,640px);overflow:hidden;background:var(--fluted);color:var(--isik)}
.hero-visual .plan{position:absolute;inset-inline:9%;top:8%;width:82%;height:auto}
.hero-visual .tag{position:absolute;inset-inline-start:var(--s3);bottom:var(--s3)}
.hero-visual .slogan{position:absolute;inset-inline-end:var(--s3);bottom:var(--s3);text-align:end}

/* slogan signature: line 1 Hanken Light, line 2 Manrope Bold */
.slogan,.foot-slogan{font-family:var(--f-body);font-weight:300;letter-spacing:-.015em;line-height:1.02}
.slogan em,.foot-slogan em{display:block;font-family:var(--f-display);font-weight:700;letter-spacing:-.02em;color:inherit}
.hero-visual .slogan{font-size:clamp(26px,2.6vw,38px)}

/* ruler (ölçek) */
.ruler{height:34px;position:relative;border-bottom:1px solid var(--gece);background:repeating-linear-gradient(90deg,var(--gece) 0 1px,transparent 1px 13px) bottom/100% 8px no-repeat,repeating-linear-gradient(90deg,var(--gece) 0 1px,transparent 1px 130px) bottom/100% 21px no-repeat;opacity:.55}
.ruler-labels{display:flex;justify-content:space-between;font:600 11px/1.4 var(--f-display);color:var(--muted);letter-spacing:.12em;margin-top:var(--s1)}
.dark .ruler{border-color:var(--isik);background:repeating-linear-gradient(90deg,var(--isik) 0 1px,transparent 1px 13px) bottom/100% 8px no-repeat,repeating-linear-gradient(90deg,var(--isik) 0 1px,transparent 1px 130px) bottom/100% 21px no-repeat;opacity:.4}

/* ---------- photo placeholders: duotone Gece/Ufuk, faceless silhouette for the doctor ---------- */
.ph{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:var(--s2);aspect-ratio:4/5;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 500%22%3E%3Cdefs%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%236E7FB8%22/%3E%3Cstop offset=%221%22 stop-color=%22%233A4683%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22b%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%232A3360%22/%3E%3Cstop offset=%221%22 stop-color=%22%231C2240%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points=%2234,500 62,394 148,348 252,348 338,394 366,500%22 fill=%22url%28%23b%29%22/%3E%3Cpolygon points=%22160,348 200,424 240,348%22 fill=%22%23BCD3F0%22/%3E%3Cpolygon points=%22172,348 200,404 228,348%22 fill=%22%234B5893%22/%3E%3Crect x=%22176%22 y=%22266%22 width=%2248%22 height=%2290%22 fill=%22%233A4683%22/%3E%3Cpolygon points=%22200,96 262,116 286,176 278,240 246,286 200,300 154,286 122,240 114,176 138,116%22 fill=%22url%28%23h%29%22/%3E%3Cpolygon points=%22114,182 126,126 166,98 234,98 274,126 286,182 264,146 200,132 136,146%22 fill=%22%232A3360%22/%3E%3Cg fill=%22%23F7F6F3%22 transform=%22translate%28264 404%29 scale%28.26%29%22%3E%3Crect x=%2222%22 y=%2212%22 width=%2215%22 height=%2276%22/%3E%3Crect x=%2263%22 y=%2212%22 width=%2215%22 height=%2276%22/%3E%3Crect x=%2218.9%22 y=%2212%22 width=%2221.2%22 height=%223.6%22/%3E%3Crect x=%2218.9%22 y=%2284.4%22 width=%2221.2%22 height=%223.6%22/%3E%3Crect x=%2259.9%22 y=%2212%22 width=%2221.2%22 height=%223.6%22/%3E%3Crect x=%2259.9%22 y=%2284.4%22 width=%2221.2%22 height=%223.6%22/%3E%3Cg transform=%22translate%288 72%29 rotate%28-26.565%29%22 fill=%22%23F3D2C1%22%3E%3Cpolygon points=%220,0 16,-.45 16,.45%22/%3E%3Cpolygon points=%2216,-.7 20.5,-1.6 20.5,1.6 16,.7%22/%3E%3Crect x=%2220.5%22 y=%22-2.8%22 width=%223.4%22 height=%225.6%22/%3E%3Cpath fill-rule=%22evenodd%22 d=%22M23.9 -2.5h34.1v5h-34.1zM28 -2.5h.9v2.7h-.9zM32.5 -2.5h.9v1.6h-.9zM37 -2.5h.9v2.7h-.9zM41.5 -2.5h.9v1.6h-.9zM46 -2.5h.9v2.7h-.9zM50.5 -2.5h.9v1.6h-.9zM55 -2.5h.9v2.7h-.9z%22/%3E%3Crect x=%2258%22 y=%22-10.6%22 width=%223.6%22 height=%2221.2%22/%3E%3Crect x=%2261.6%22 y=%22-1.1%22 width=%2224.4%22 height=%222.2%22/%3E%3Crect x=%2286%22 y=%22-4.6%22 width=%222.4%22 height=%229.2%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center bottom/auto 84% no-repeat,linear-gradient(165deg,#BCD3F0 0%,#7E8FC2 52%,#2A3360 100%)}
.ph figcaption,.tag{position:relative;z-index:1;font:600 10.5px/1.4 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--isik);background:rgba(28,34,64,.72);padding:5px 9px}
.ph-el,.ph-klinik{background:linear-gradient(165deg,#BCD3F0 0%,#7E8FC2 52%,#2A3360 100%)}
.ph-yasam{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1000 618%22 preserveAspectRatio=%22xMidYMax slice%22%3E%3Cpolygon points=%220,380 140,300 250,350 420,230 560,330 700,260 860,340 1000,290 1000,618 0,618%22 fill=%22%237E8FC2%22 opacity=%22.55%22/%3E%3Cpolygon points=%220,420 180,360 330,410 520,330 690,400 860,350 1000,390 1000,618 0,618%22 fill=%22%232A3360%22/%3E%3Crect x=%220%22 y=%22440%22 width=%221000%22 height=%22178%22 fill=%22%231C2240%22/%3E%3Cpolygon points=%220,470 1000,450 1000,454 0,476%22 fill=%22%23BCD3F0%22 opacity=%22.35%22/%3E%3C/svg%3E") center bottom/cover no-repeat,linear-gradient(180deg,#BCD3F0 0%,#7E8FC2 60%,#2A3360 100%)}
.ph-wide{aspect-ratio:1.618}

/* ---------- pillars (index) ---------- */
.pillars{border-bottom:1px solid var(--line)}
.pillar{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s3) var(--s4);padding-block:var(--s4) var(--s5);border-top:1px solid var(--line);position:relative;color:inherit;text-decoration:none}
.pillar::before{content:"";position:absolute;inset-inline-start:0;top:-2px;width:var(--s6);height:3px;background:var(--pc,var(--ufuk));transition:width .6s var(--ease-draw)}
.pillar:hover::before{width:100%}
.pillar:hover{color:inherit}
.pillar>*{grid-column:1/-1;min-width:0}
.pillar .num{font:600 12px/1.4 var(--f-display);color:var(--muted);letter-spacing:.16em;padding-top:.9em}
.pillar h3{font-size:clamp(44px,5.2vw,76px);font-weight:500;line-height:.98;letter-spacing:-.035em}
.pillar .sub{font:600 11.5px/1.5 var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:block;margin-top:var(--s2)}
.pillar .svcs{font-size:14.5px;color:var(--muted);line-height:1.75}
.pillar .go{align-self:end;justify-self:start}
.p-olcu{--pc:var(--ufuk)}.p-denge{--pc:var(--nane)}.p-ozen{--pc:var(--ten)}
@media (min-width:880px){
  .pillar .num{grid-column:1/2}.pillar .ttl{grid-column:2/6}.pillar .body{grid-column:6/11}.pillar .go{grid-column:11/13;justify-self:end}
}

/* ---------- process ---------- */
.process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s3);position:relative;padding-top:var(--s4)}
.process::before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:var(--ufuk);transform-origin:left;opacity:.7}
[dir="rtl"] .process::before{transform-origin:right}
.process li{position:relative;display:grid;gap:var(--s1);align-content:start}
.process li::before{content:"";position:absolute;top:calc(-1*var(--s4));inset-inline-start:-1px;width:11px;height:11px;clip-path:var(--diamond);background:var(--isik)}
.process li:first-child::before{background:var(--ufuk)}
.process .n{font:600 12px/1.4 var(--f-display);color:var(--ufuk);letter-spacing:.16em}
.process h3{font-size:24px;font-weight:600;letter-spacing:-.015em}
.process p{font-size:15px;color:var(--on-dark-muted)}
@media (max-width:879px){
  .process{grid-template-columns:1fr;padding-top:0;padding-inline-start:var(--s4);gap:var(--s4)}
  .process::before{inset-inline-start:5px;inset-inline-end:auto;top:0;bottom:0;width:1px;height:auto;transform-origin:top}
  .process li::before{top:6px;inset-inline-start:calc(-1*var(--s4))}
}
@media (prefers-reduced-motion:no-preference){
  .js .process[data-animate] li::before{opacity:0}
  .js .process[data-animate]::before{transform:scaleX(0)}
  .js .process[data-animate].play li::before{animation:pop .5s var(--ease-pop) both}
  .js .process[data-animate].play li:nth-child(2)::before{animation-delay:.08s}.js .process[data-animate].play li:nth-child(3)::before{animation-delay:.16s}
  .js .process[data-animate].play li:nth-child(4)::before{animation-delay:.24s}.js .process[data-animate].play li:nth-child(5)::before{animation-delay:.32s}
  .js .process[data-animate].play::before{animation:line .7s var(--ease-draw) .82s forwards}
}
@media (prefers-reduced-motion:no-preference) and (max-width:879px){.js .process[data-animate]::before{transform:scaleY(0)}}
@keyframes line{to{transform:none}}

/* golden rectangle */
.oran{width:100%;height:auto}
.oran .r{fill:none;stroke:var(--ufuk);stroke-width:.75}
.oran .s{fill:none;stroke:var(--isik);stroke-width:1.1}
.oran text{font-family:var(--f-display);font-weight:600;font-size:8px;letter-spacing:.06em;fill:var(--on-dark-muted)}
.oran.light .r{stroke:var(--gece-2)}.oran.light .s{stroke:var(--accent)}.oran.light text{fill:var(--muted)}

/* ---------- doctor / quote / stats ---------- */
.quote{font-family:var(--f-body);font-weight:300;font-size:clamp(23px,2.5vw,33px);line-height:1.32;letter-spacing:-.01em;border-inline-start:2px solid var(--accent);padding-inline-start:var(--s3);max-width:30em}
.dark .quote{border-color:var(--ufuk)}
.quote cite{display:block;font:600 11.5px/1.4 var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:var(--s2)}
.dark .quote cite{color:var(--on-dark-muted)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.stats div{border-top:1px solid var(--line);padding-top:var(--s2);display:grid;gap:4px}
.stats b{font-family:var(--f-display);font-weight:500;font-size:clamp(34px,3.4vw,52px);line-height:1;letter-spacing:-.03em}
.stats span{font-size:14px;color:var(--muted)}
@media (max-width:520px){.stats{gap:var(--s2)}.stats span{font-size:13px}}

/* ---------- faq ---------- */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:var(--s3);align-items:baseline;padding:var(--s3) 0;font-family:var(--f-display);font-weight:500;font-size:clamp(19px,1.8vw,23px);line-height:1.3;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:12px;height:12px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translateY(-4px) rotate(45deg);transition:transform .3s var(--ease-pop)}
.faq details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.faq summary:hover{color:var(--accent)}
.faq .a{padding:0 0 var(--s4);max-width:64ch;display:grid;gap:var(--s2);color:var(--ink-2)}
.faq .tag-k{font:600 11px/1.5 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}

/* ---------- page hero (inner pages) ---------- */
.page-hero{position:relative;overflow:hidden;padding-block:clamp(55px,8vw,130px) clamp(34px,5vw,89px)}
.page-hero .g12{position:relative;z-index:1;align-items:end}
.page-hero h1{font-weight:500;font-size:clamp(52px,8.4vw,120px);line-height:.95;letter-spacing:-.04em}
.page-hero .plan{width:100%;max-width:420px;height:auto;margin-left:auto}
.crumbs{font:600 11.5px/1.5 var(--f-display);letter-spacing:.12em;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s4);color:var(--on-dark-muted);position:relative;z-index:1}
.crumbs a{color:var(--on-dark-muted)}
.crumbs-light,.crumbs-light a{color:var(--muted)}
.crumbs li+li::before{content:"/";margin-inline-end:6px;opacity:.6}
.pillar-tag{display:inline-flex;gap:var(--s1);align-items:center}
.pillar-tag::before{content:"";width:10px;height:10px;clip-path:var(--diamond);background:var(--pc,var(--ufuk))}

/* ---------- service index + entries ---------- */
.toc{counter-reset:t;border-top:1px solid var(--line)}
.toc li{counter-increment:t;border-bottom:1px solid var(--line)}
.toc a{display:grid;grid-template-columns:3em 1fr;padding:10px 0;color:var(--gece);text-decoration:none;font-size:15.5px}
.toc a::before{content:counter(t,decimal-leading-zero);font:600 11.5px/1.4 var(--f-display);letter-spacing:.1em;color:var(--muted);padding-top:4px}
.toc a:hover{color:var(--accent)}
.svc{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s3) var(--s4);padding-block:var(--s5);border-top:1px solid var(--line);position:relative}
.svc>*{grid-column:1/-1;min-width:0}
.svc::before{content:"";position:absolute;inset-inline-start:0;top:-2px;width:var(--s5);height:3px;background:var(--pc,var(--ufuk))}
.svc .head{display:grid;gap:var(--s2);align-content:start}
.svc .idx{font:600 11.5px/1.4 var(--f-display);letter-spacing:.14em;color:var(--muted);display:flex;gap:var(--s2);align-items:center}
.svc .idx svg{width:24px;height:24px;color:var(--gece)}
.svc h2{font-size:clamp(28px,2.8vw,38px);font-weight:600;letter-spacing:-.025em}
.svc .alt{font-family:var(--f-body);font-weight:300;font-size:19px;color:var(--muted)}
.svc .body{display:grid;gap:var(--s3)}
.svc .body>p{max-width:62ch}
.meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);border-top:1px dashed var(--line);padding-top:var(--s2)}
.meta div{display:grid;gap:4px;align-content:start}
.meta dt{font:600 11px/1.5 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.meta dd{font-size:15px;line-height:1.5}
.sub-list{display:grid;gap:var(--s1)}
.sub-list li{display:grid;grid-template-columns:auto 1fr;gap:var(--s2);font-size:15.5px}
.sub-list li::before{content:"";width:8px;height:8px;clip-path:var(--diamond);background:var(--gece);margin-top:.55em}
.svc.feature{background:var(--paper);--fx:min(var(--s4),var(--gutter));padding-inline:var(--fx);margin-inline:calc(-1*var(--fx));border-top:0}
@media (min-width:880px){.svc .head{grid-column:1/6}.svc .body{grid-column:6/13}}
@media (max-width:640px){.meta{grid-template-columns:1fr}}
/* Uygulama rehberi: öncesi · uygulama günü · sonrası (yerleşik <details>, JS yok). Süreç bileşeninin açık zemin hâli. */
.guide{border-top:1px solid var(--line);container-type:inline-size}
.guide summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:var(--s2);align-items:center;padding:var(--s2) 0;min-height:48px}
.guide summary::-webkit-details-marker{display:none}
.guide summary::before{content:"";width:11px;height:11px;clip-path:var(--diamond);background:var(--pc,var(--ufuk));box-shadow:inset 0 0 0 1px var(--gece)}
.guide summary::after{content:"";width:10px;height:10px;border-inline-end:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translateY(-3px) rotate(45deg);transition:transform .3s var(--ease-pop)}
.guide[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.guide .g-k{font:600 11px/1.5 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gece)}
.guide .g-t{font-size:15px;color:var(--muted)}
.guide summary:hover .g-k,.guide summary:focus-visible .g-k{color:var(--accent)}
.guide-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);position:relative;padding:var(--s4) 0 var(--s2);margin:0}
.guide-steps::before{content:"";position:absolute;inset-inline:0;top:5px;height:1px;background:var(--pc,var(--ufuk))}
.guide-steps>li{position:relative;display:grid;gap:var(--s1);align-content:start}
.guide-steps>li::before{content:"";position:absolute;top:calc(-1*var(--s4));inset-inline-start:-1px;width:11px;height:11px;clip-path:var(--diamond);background:var(--gece)}
.guide-steps>li:nth-child(2)::before{background:var(--pc,var(--ufuk));box-shadow:inset 0 0 0 1px var(--gece)}
.guide-steps .n{font:600 11.5px/1.4 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.guide-steps ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s1)}
.guide-steps ul li{font-size:15px;line-height:1.5;padding-inline-start:16px;position:relative}
.guide-steps ul li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:7px;height:1px;background:var(--muted)}
.guide-foot{display:grid;gap:var(--s2);padding:var(--s2) 0 var(--s3);border-top:1px dashed var(--line)}
.guide-foot p{font-size:15px;line-height:1.5;max-width:62ch}
.guide-foot b{display:block;font:600 11px/1.5 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.guide-foot .g-alert{border-inline-start:3px solid var(--ten);background:var(--paper);padding:var(--s2) var(--s3)}
.guide-foot .g-alert b{color:var(--gece)}
.guide-foot .g-note{font-size:13.5px;color:var(--muted)}
/* Rehberin kendi genişliği 600 px'in altındaysa (dar kart, mobil) adımlar dikey zaman çizgisine geçer. */
@container (max-width:599px){
  .guide-steps{grid-template-columns:minmax(0,1fr);padding:var(--s2) 0 var(--s2) var(--s4);gap:var(--s3)}
  .guide-steps::before{inset-inline:auto;inset-inline-start:5px;top:var(--s2);bottom:var(--s2);width:1px;height:auto}
  .guide-steps>li::before{top:4px;inset-inline-start:calc(-1*var(--s4))}
}
@container (max-width:419px){
  .guide summary{grid-template-columns:auto minmax(0,1fr) auto;row-gap:2px}
  .guide .g-t{grid-column:2;grid-row:2;font-size:14px}
  .guide summary::after{grid-column:3;grid-row:1}
}
.svc-compact{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:0 var(--s4)}
.svc-compact .svc{grid-template-columns:1fr;padding-block:var(--s4)}
.svc-compact .svc .head,.svc-compact .svc .body{grid-column:1/-1}
.svc-compact .meta{grid-template-columns:1fr 1fr}
@media (max-width:879px){.svc-compact{grid-template-columns:1fr}}
.next-pillar{display:grid;grid-template-columns:1fr auto;align-items:end;gap:var(--s3);padding-block:var(--s5);border-top:1px solid var(--line);text-decoration:none;color:var(--gece)}
.next-pillar b{font-family:var(--f-display);font-weight:500;font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.035em;display:block}
.next-pillar:hover{color:var(--accent)}

/* ---------- timeline ---------- */
.timeline{position:relative}
.timeline li{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s2) var(--s4);padding-block:var(--s4);border-top:1px solid var(--line);position:relative}
.timeline li>*{grid-column:1/-1;min-width:0}
.timeline .yr{font-family:var(--f-display);font-weight:500;font-size:clamp(38px,4.4vw,62px);line-height:.95;letter-spacing:-.035em;font-variant-numeric:lining-nums tabular-nums}
.timeline .yr small{display:block;font:600 11.5px/1.5 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:var(--s1)}
.timeline h3{font-size:clamp(21px,2vw,26px);font-weight:600;letter-spacing:-.015em;margin-bottom:var(--s1)}
.timeline p{color:var(--ink-2);max-width:58ch}
.timeline .dot{display:none}
@media (min-width:880px){
  .timeline .yr{grid-column:1/5}.timeline .dot{display:block;grid-column:5/6;position:relative}.timeline .txt{grid-column:6/12}
  .timeline .dot::before{content:"";position:absolute;inset-inline-start:0;top:.85em;width:11px;height:11px;clip-path:var(--diamond);background:var(--gece)}
  .timeline li:last-child .dot::before{background:var(--accent);width:15px;height:15px;inset-inline-start:-2px;top:calc(.85em - 2px)}
}
.values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
.values div{border-top:1px solid var(--line-dark);padding-top:var(--s3);display:grid;gap:var(--s1);align-content:start}
.values .k{font:600 11.5px/1.5 var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:var(--ufuk)}
.values h3{font-size:clamp(22px,2vw,28px);font-weight:500}
.values p{font-size:15px;color:var(--on-dark-muted)}
@media (max-width:1000px){.values{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.values{grid-template-columns:1fr}}
.list-2{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s4);border-top:1px solid var(--line)}
.list-2 li{padding:var(--s2) 0;border-bottom:1px solid var(--line);display:grid;gap:2px}
.list-2 li span{font:600 11px/1.5 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
@media (max-width:640px){.list-2{grid-template-columns:1fr}}

/* ---------- face explorer ---------- */
.explorer{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s4)}
.explorer>*{grid-column:1/-1;min-width:0}
.face-stage{position:relative;background:var(--gece);color:var(--isik);padding:var(--s3);display:grid;gap:var(--s2)}
.face-stage svg{width:100%;height:auto;max-height:78vh;margin-inline:auto;touch-action:manipulation}
.face-stage .bar{display:flex;flex-wrap:wrap;gap:var(--s1);justify-content:space-between;align-items:center}
.face .outline{fill:none;stroke:var(--isik);stroke-width:1.4;stroke-linecap:square;stroke-linejoin:miter}
.face .soft{fill:none;stroke:rgba(247,246,243,.42);stroke-width:1;stroke-linecap:square;stroke-linejoin:miter}
.face .axis{stroke:rgba(188,211,240,.35);stroke-width:.8;stroke-dasharray:3 5}
.face .guide{opacity:0;transition:opacity .4s var(--ease-pop)}
.face .guide line,.face .guide path,.face .guide rect{stroke:var(--ufuk);stroke-width:1.2;fill:none;stroke-linecap:square}
.face .guide .tick{stroke-width:1}
.face .guide text{font-family:var(--f-display);font-weight:600;font-size:11px;fill:var(--ufuk);letter-spacing:.04em}
.face .guide.on{opacity:1}
.face.all .guide{opacity:.85}
.face .golden{opacity:0;transition:opacity .5s var(--ease-pop)}
.face .golden rect,.face .golden path,.face .golden line{fill:none;stroke:var(--ten);stroke-width:.9}
.face.show-golden .golden{opacity:.9}
.face .pt{fill:var(--isik);cursor:pointer;transition:fill .3s}
.face .pt-f{fill:#FFFFFF;opacity:.6;pointer-events:none}
.face .pt-hit{fill:transparent;cursor:pointer}
.face .pt-g:hover .pt,.face .pt-g.on .pt{fill:#8FA7D6}
.face .pt-g:hover .pt-f,.face .pt-g.on .pt-f{fill:#EEF4FC;opacity:1}
.face .pt-g:focus{outline:none}
.face .pt-g:focus-visible .ring{stroke:var(--ufuk);stroke-width:1.6;opacity:1}
.face .ring{fill:none;stroke:var(--ufuk);opacity:0;stroke-width:1.2;stroke-linejoin:miter;transition:opacity .3s}
.face .pt-g.on .ring{opacity:.9}
.no-js .face .guide{opacity:.85}
@media (prefers-reduced-motion:no-preference){
  .face .guide.drawing line,.face .guide.drawing path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .7s var(--ease-draw) .1s forwards}
  .face .pt-g.on .pt{animation:pop .5s var(--ease-pop) both;transform-box:fill-box;transform-origin:center}
  .face .pt-g.on .pt-f{animation:appear .4s var(--ease-pop) .25s both}
}
.toggle{background:transparent;border:1px solid rgba(247,246,243,.35);color:var(--isik);font:600 11px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;padding:10px 13px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.toggle::before{content:"";width:10px;height:10px;border:1.5px solid currentColor}
.toggle[aria-pressed="true"]{border-color:var(--ufuk);color:var(--ufuk)}
.toggle[aria-pressed="true"]::before{background:currentColor}
.ratios{border-top:1px solid var(--line)}
.ratios li{border-bottom:1px solid var(--line)}
.ratio-btn{width:100%;display:grid;grid-template-columns:2.4em 1fr auto;gap:var(--s2);align-items:baseline;background:none;border:0;padding:var(--s2) 0;text-align:start;cursor:pointer;color:var(--gece);font:inherit;min-height:48px}
.ratio-btn .n{font:600 11.5px/1.4 var(--f-display);letter-spacing:.1em;color:var(--muted)}
.ratio-btn .t{font-family:var(--f-display);font-weight:500;font-size:19px;line-height:1.25;letter-spacing:-.01em}
.ratio-btn .v{font:600 13px/1.4 var(--f-display);color:var(--accent);font-variant-numeric:tabular-nums}
.ratio-btn:hover .t,.ratio-btn[aria-pressed="true"] .t{color:var(--accent)}
.ratio-btn[aria-pressed="true"] .n::before{content:"◆ ";color:var(--accent)}
.ratio-body{padding:0 0 var(--s3);padding-inline-start:calc(2.4em + var(--s2));display:grid;gap:var(--s2);font-size:15.5px;color:var(--ink-2)}
.readout{display:grid;gap:var(--s1);padding:var(--s2) var(--s3);border:1px solid var(--line);border-top:3px solid var(--gece);background:var(--paper)}
.readout .big{font-family:var(--f-display);font-weight:600;font-size:clamp(24px,2.4vw,32px);letter-spacing:-.01em}
.split{display:flex;height:13px;gap:3px}
.split i{display:block;height:100%;background:var(--gece-2);flex:1 1 0;transition:flex-grow .8s var(--ease-draw)}
.split i:nth-child(even){background:var(--ufuk)}
.split-l{display:flex;justify-content:space-between;font:600 11px/1.4 var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
@media (min-width:980px){.explorer .face-col{grid-column:1/8}.explorer .info-col{grid-column:8/13}}
@media (min-width:980px){.explorer .face-col{position:sticky;top:calc(var(--header) + var(--s3));align-self:start}}

/* ---------- contact ---------- */
.contact-list{display:grid;gap:var(--s3)}
.contact-list div{display:grid;gap:4px;border-top:1px solid var(--line);padding-top:var(--s2)}
.contact-list dt{font:600 11px/1.5 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.contact-list dd{font-size:18px;user-select:text}
.contact-list dd a{color:var(--gece)}
.pending{display:inline-block;font:600 11.5px/1.4 var(--f-display);letter-spacing:.08em;border:1px dashed var(--muted);padding:5px 9px;color:var(--muted)}
.map{position:relative;aspect-ratio:1.618;background:var(--gece-2);overflow:hidden;display:block;color:var(--isik)}
.map svg{position:absolute;inset:0;width:100%;height:100%}
.map .map-cap{position:absolute;left:var(--s2);bottom:var(--s2);right:var(--s2);display:flex;justify-content:space-between;gap:var(--s2);flex-wrap:wrap;align-items:flex-end}
.map a,.map .more{color:var(--isik)}
form.form{display:grid;gap:var(--s3)}
.field{display:grid;gap:6px}
.field label,.field legend{font:600 11px/1.5 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.field .opt{text-transform:none;letter-spacing:0;font-weight:500}
.field input:not([type="checkbox"]),.field select,.field textarea{font:inherit;font-size:17px;color:var(--gece);background:#FFFFFF;border:1px solid #B9BFD0;border-radius:0;padding:12px 13px;min-height:48px;width:100%;-webkit-appearance:none;appearance:none}
.field select{background-image:linear-gradient(45deg,transparent 50%,var(--gece) 50%),linear-gradient(135deg,var(--gece) 50%,transparent 50%);background-position:calc(100% - 19px) 50%,calc(100% - 13px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.field textarea{min-height:144px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.field [aria-invalid="true"]{border-color:#A2463E}
.err{font-size:14px;color:#A2463E;min-height:0}
.err:empty{display:none}
.check{display:grid;grid-template-columns:auto 1fr;gap:var(--s2);align-items:start;font-size:15px}
.check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--gece)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
@media (max-width:640px){.form-row{grid-template-columns:1fr}}
.notice{border-inline-start:3px solid var(--accent);padding:var(--s2) var(--s3);background:var(--paper);font-size:15.5px}
.notice:empty{display:none}
.count{font:600 11px/1.4 var(--f-display);letter-spacing:.08em;color:var(--muted);justify-self:end}

/* ---------- disclaimer + footer ---------- */
.disclaimer{border-top:1px solid var(--line);padding-block:var(--s4)}
.disclaimer p{font-size:14px;color:var(--muted);max-width:80ch;display:grid;grid-template-columns:auto 1fr;gap:var(--s2)}
.disclaimer p::before{content:"";width:8px;height:8px;clip-path:var(--diamond);background:var(--accent);margin-top:.5em}
.site-footer{background:var(--gece);color:var(--on-dark);padding-block:var(--s6) var(--s4)}
.site-footer a{color:var(--on-dark);text-decoration:none}
.site-footer a:hover{color:var(--ufuk);text-decoration:underline}
.site-footer .lockup{color:var(--isik);gap:14px}
.site-footer .lockup svg{width:64px;height:64px;color:var(--ufuk);margin-left:-8px}
.site-footer .lockup .wm{gap:9px}
.site-footer .lockup .nm{font-size:20px}
.site-footer .lockup .desc{font-size:9.5px}
.site-footer .lockup:hover{color:var(--isik);text-decoration:none}
.site-footer h2{font:600 11.5px/1.5 var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:var(--ufuk);margin-bottom:var(--s2)}
.site-footer ul{display:grid;gap:6px;font-size:15px}
.site-footer .addr{font-style:normal;font-size:15px;color:var(--on-dark-muted);display:grid;gap:6px}
.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
@media (max-width:640px){.foot-cols{grid-template-columns:1fr 1fr}.foot-cols>:last-child{grid-column:1/-1}.site-footer .lockup .nm{font-size:16px}.site-footer .lockup svg{width:52px;height:52px}}
.foot-bottom{margin-top:var(--s6);padding-top:var(--s3);border-top:1px solid var(--line-dark);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s2);font:500 12px/1.5 var(--f-display);letter-spacing:.06em;color:var(--on-dark-muted)}
.foot-bottom ul{display:flex;flex-wrap:wrap;gap:var(--s3);font-size:12px}
.foot-slogan{font-size:clamp(30px,3.2vw,44px);margin-top:var(--s4)}

/* ---------- CTA band ---------- */
.cta{position:relative;overflow:hidden}
.cta>.wrap{position:relative;z-index:1}
.cta .h2{max-width:14em}
.cta .plan{position:absolute;inset-inline-end:-2%;top:10%;width:min(44vw,540px);opacity:.55;pointer-events:none}
@media (max-width:879px){.cta .plan{opacity:.22;width:90vw;inset-inline-end:-30%}}

/* narrow screens: single column for 12-col components (11 gaps would overflow) */
@media (max-width:879px){.pillar,.svc,.timeline li,.explorer{grid-template-columns:minmax(0,1fr)}.g12{column-gap:0}}

/* legal */
.legal .prose h2{font-size:26px;font-weight:600;margin-top:var(--s3)}

/* print */
@media print{.site-header,.site-footer,.cta,.menu-btn{display:none}body{background:#fff}}
address{font-style:normal}
.field label.check{font-family:var(--f-body);font-weight:400;font-size:15px;letter-spacing:0;text-transform:none;color:var(--gece)}
@media (max-width:640px){.face-stage{padding:var(--s2) var(--s1)}.face .guide text{font-size:17px}.face .guide line,.face .guide path{stroke-width:1.6}.face-stage .bar .mono{display:none}.face-stage .bar .btns{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--s1)}.toggle{justify-content:center;padding-inline:8px;font-size:10.5px;letter-spacing:.06em}}


/* =====================================================================
   International layer (English) — international/KARARLAR.md + scope change Oct 2026: English only.
   Latin: Manrope + Hanken Grotesk (unchanged). Physical left/right above were converted to logical
   properties so a right-to-left language could be added later without rewriting components.
   ===================================================================== */
.lockup{direction:ltr}

/* language bar (above the header, outside the menu so it is always reachable) */
.langbar{background:var(--gece);color:var(--on-dark)}
.langbar .wrap{display:flex;justify-content:flex-end;align-items:center;gap:2px;flex-wrap:wrap}
.langbar .lb-label{font:600 10.5px/1 "Manrope","Segoe UI",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--on-dark-muted);margin-inline-end:var(--s2)}
.langbar a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 12px;font:600 13px/1 var(--f-display);color:var(--on-dark);text-decoration:none;border-bottom:2px solid transparent}
.langbar a:hover{color:var(--ufuk)}
.langbar a[aria-current="page"],.langbar a[aria-current="true"]{border-bottom-color:var(--ufuk);color:var(--ufuk)}
.langbar :focus-visible{outline-color:var(--ufuk);outline-offset:-3px}
@media (max-width:520px){.langbar .lb-label{display:none}.langbar .wrap{justify-content:center}.langbar a{padding:0 9px}}


/* audiences */
.aud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
.aud>div{border-top:1px solid var(--line);padding-top:var(--s3);display:grid;gap:var(--s1);align-content:start;position:relative}
.aud>div::before{content:"";position:absolute;top:-6px;inset-inline-start:0;width:11px;height:11px;clip-path:var(--diamond);background:var(--pc,var(--ufuk))}
.aud>div:nth-child(1){--pc:var(--accent)}.aud>div:nth-child(2){--pc:#8FA7D6}.aud>div:nth-child(3){--pc:#94C7B3}.aud>div:nth-child(4){--pc:#D9A58E}
.aud .n{font:600 12px/1.4 var(--f-display);letter-spacing:.16em;color:var(--muted)}
.aud h3{font-size:clamp(21px,1.9vw,25px);font-weight:600;letter-spacing:-.015em;line-height:1.2}
.aud p{font-size:15.5px;color:var(--ink-2)}
.aud .lng{font:600 11px/1.5 var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-top:var(--s1)}
@media (max-width:1000px){.aud{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.aud{grid-template-columns:1fr}}

/* Measure Card mock-up (bilingual written plan; abstract lines, no medical content) */
.mcard{background:#FFFFFF;border:1px solid var(--line);border-top:3px solid var(--gece);padding:var(--s3);display:grid;gap:var(--s3);max-width:560px;width:100%;justify-self:end}
.mcard-head{display:flex;align-items:center;gap:var(--s2);justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:var(--s2)}
.mcard-head svg{width:34px;height:34px;color:var(--gece);flex:none}
.mcard-head .t{display:grid;gap:3px;flex:1;min-width:0}
.mcard-head b{font:600 15px/1.2 var(--f-display);letter-spacing:.04em}
.mcard-head span{font:500 12px/1.3 var(--f-display);letter-spacing:.06em;color:var(--muted)}
.mcard-head .no{font:600 11px/1 "Manrope",sans-serif;letter-spacing:.14em;color:var(--muted);flex:none}
.mcard-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.mcard-cols>div{display:grid;gap:9px;align-content:start}
.mcard-cols .h{font:600 11px/1.4 var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.mcard-cols i{display:block;height:7px;background:#E3E7F0}
.mcard-cols i.k{background:var(--ufuk);width:40%}
.mcard-cols i.s{width:72%}.mcard-cols i.m{width:86%}
.mcard-cols i.x{background:var(--ten);width:58%}
.mcard-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);border-top:1px dashed var(--line);padding-top:var(--s2);font:600 10.5px/1.4 "Manrope",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mcard-foot .plan{width:64px;height:auto;flex:none}
.mcard-foot .plan line{stroke:var(--gece);stroke-opacity:.35}
@media (max-width:879px){.mcard{justify-self:stretch}}

/* fact list (Measure Session, practical info) */
.facts-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s4)}
.facts-dl div{border-top:1px solid var(--line-dark);padding-top:var(--s2);display:grid;gap:4px;align-content:start}
.facts-dl dt{font:600 11px/1.5 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--ufuk)}
.facts-dl dd{font-size:16.5px;color:var(--on-dark)}
@media (max-width:560px){.facts-dl{grid-template-columns:1fr}}
.info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.info div{border-top:1px solid var(--line);padding-top:var(--s3);display:grid;gap:var(--s1);align-content:start}
.info dt{display:flex;gap:var(--s1);align-items:center;font:600 11.5px/1.5 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.info dt svg{width:22px;height:22px;color:var(--gece);flex:none}
.info dd{font-size:16px;color:var(--ink-2)}
.info dd b{display:block;font-family:var(--f-display);font-weight:600;font-size:19px;color:var(--gece);margin-bottom:4px;letter-spacing:-.01em}
@media (max-width:1000px){.info{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.info{grid-template-columns:1fr}}
.paper{background:var(--paper)}

/* treatments list */
.tlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s4);border-top:1px solid var(--line)}
.tlist>li{border-bottom:1px solid var(--line);padding:var(--s2) 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px var(--s2);align-items:baseline;align-content:start}
.tlist>li::before{content:"";width:8px;height:8px;clip-path:var(--diamond);background:var(--pc,var(--gece));grid-row:1/3;align-self:start;margin-top:.55em}
.tlist>li>b{font-family:var(--f-display);font-weight:600;font-size:17.5px;letter-spacing:-.01em;line-height:1.3}
.tlist>li>span{grid-column:2;font-size:15px;color:var(--muted)}
.tlist>li>.guide{grid-column:2;margin-top:var(--s1);border-top-style:dashed}
.tlist>li:has(>.guide[open]){grid-column:1/-1}/* açık rehber iki sütunlu listede tam genişliğe yayılır */
@media (max-width:760px){.tlist{grid-template-columns:1fr}}
.pillar-sec{position:relative}
.pillar-sec .ttl-big{font-family:var(--f-display);font-weight:500;font-size:clamp(44px,5.2vw,76px);line-height:.98;letter-spacing:-.035em}
.p-olcu .tlist,.p-olcu.tlist{--pc:#8FA7D6}.p-denge .tlist{--pc:#94C7B3}.p-ozen .tlist{--pc:#D9A58E}
.note-box{border:1px solid var(--line);border-top:3px solid var(--nane);background:var(--paper);padding:var(--s3);display:grid;gap:var(--s1)}
.note-box h3{font-size:21px;font-weight:600}
.note-box p{font-size:15.5px;color:var(--ink-2)}

/* secondary address line */
.addr-tr{display:block;font-size:15px;color:var(--muted);margin-top:4px}

/* section anchors under the sticky header */
[id]{scroll-margin-top:calc(var(--header) + var(--s2))}