/* easyPDKS · web sitesi v2 · Stil D "poster" düzeni (BRAND_CONTEXT.md §8.5)
   Her bölüm bir IG postu gibi: dev ince/kalın başlık, tam genişlik renk, karakter ve 3B nesne. */
:root{
  --navy:#0F2F5F; --navy-d:#09203F; --navy-2:#163A6E; --abyss:#011B45;
  --green:#16B678; --green-a:#5FDCA9; --green-d:#0A7A53; --deep:#06231A;
  --paper:#EEF1F5; --ink:#0F2F5F; --ink2:#41556F; --ink3:#5A6B82; --line:#D6DDE7;
  --on-dark:#B4CBE9; --lbl:#8FB0D8; --late:#F08A63;
  --ease:cubic-bezier(.2,.8,.2,1);
  --g:clamp(16px,4vw,56px);
  color-scheme:light;
}
*{margin:0;padding:0;box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
button{font:inherit;cursor:pointer}
.wrap{max-width:1360px;margin:0 auto;padding-inline:var(--g)}
:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:8px}
svg{stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
svg.f{fill:currentColor;stroke:none}

/* ---------- tipografi: poster ölçeği ---------- */
h1,h2,h3{text-wrap:balance}
.dx{font-weight:800;letter-spacing:-.06em;line-height:.9;font-size:clamp(52px,9vw,150px)}
.dx .t{font-weight:200;display:block}
.dx.sm{font-size:clamp(44px,6.2vw,104px)}
.dx.xs{font-size:clamp(38px,4.8vw,78px)}
.dx.xl{font-size:clamp(84px,13vw,220px)}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--green-d);margin-bottom:28px}
.eyebrow::before{content:'';width:32px;height:2px;background:currentColor}
.eyebrow.dk{color:var(--navy-d)}
.d{font-size:clamp(17px,1.35vw,19px);color:var(--ink2);max-width:600px}
.d b{color:var(--ink);font-weight:800}
.d.sm{font-size:15px}

/* renk rolleri: koyu zeminde ince beyaz / kalın yeşil; açık zeminde ince lacivert / kalın koyu yeşil */
.navy,.abyss,.hero,.hw{color:#fff}
.navy .dx,.abyss .dx,.hw .dx{color:var(--green-a)}
.navy .dx .t,.abyss .dx .t,.hw .dx .t{color:#fff}
.navy .eyebrow,.abyss .eyebrow,.hw .eyebrow,.hero .eyebrow{color:var(--green-a)}
.navy .d,.abyss .d,.hw .d{color:var(--on-dark)}
.navy .d b,.abyss .d b,.hw .d b{color:#fff}
.paper .dx,.split .dx{color:var(--green-d)}
.paper .dx .t,.split .dx .t{color:var(--navy)}
.green .dx,.green .dx .t{color:var(--navy-d)}

/* ---------- butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font:800 16px/1 'Manrope',sans-serif;text-decoration:none;padding:17px 26px;border-radius:999px;border:0;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s,background .25s}
.btn:hover{transform:translateY(-3px)}
.btn svg{width:20px;height:20px;flex:none}
.btn.g{background:var(--green);color:var(--deep);box-shadow:0 18px 40px -16px rgba(22,182,120,.8)}
.btn.n{background:var(--navy);color:#fff}
.btn.o{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.btn.o:hover{box-shadow:inset 0 0 0 1.5px var(--green-a)}
.btn.sm{padding:12px 20px;font-size:14px}
.btn.xl{padding:10px 10px 10px 28px;font-size:17px;min-height:64px}
.btn.o.xl{padding:10px 28px}
.arw{width:44px;height:44px;border-radius:50%;background:var(--deep);display:grid;place-items:center;flex:none;transition:transform .3s var(--ease)}
.arw svg{stroke:var(--green-a);stroke-width:2.6;width:20px;height:20px}
.btn:hover .arw{transform:rotate(-45deg)}

/* ---------- bölüm zeminleri ---------- */
section{position:relative;padding-block:clamp(88px,11vw,170px)}
.paper{background:var(--paper)}
.navy{background:var(--navy)}
.abyss{background:var(--abyss);overflow:hidden}
.green{background:var(--green);color:var(--navy-d)}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:background .3s,box-shadow .3s}
.nav.solid{background:rgba(9,32,63,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:80px;gap:24px}
.nav .logo img{height:30px;width:auto}
.nav-links{display:flex;gap:30px}
.nav-links a{color:var(--on-dark);text-decoration:none;font-size:15px;font-weight:700}
.nav-links a:hover{color:#fff}
.nav-cta{display:flex;align-items:center;gap:18px}
.nav-tel{color:#fff;text-decoration:none;font-weight:800;font-size:15px;display:flex;align-items:center;gap:8px}
.nav-tel svg{width:18px;height:18px;color:var(--green-a)}

/* ---------- HERO ---------- */
.hero{position:relative;background:var(--navy);overflow:hidden;padding-top:calc(128px + env(safe-area-inset-top,0px))}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(900px 600px at 82% 40%,rgba(22,182,120,.2),transparent 65%),radial-gradient(700px 600px at 0% 100%,rgba(29,77,144,.7),transparent 70%)}
.h3d{position:absolute;right:13vw;top:-9vw;width:min(50vw,760px);opacity:.75;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 50%,transparent);mask-image:radial-gradient(closest-side,#000 50%,transparent)}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:24px;align-items:end;padding-bottom:72px}
.hx{margin-bottom:34px}
.hx .kick{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--green-a);margin-bottom:26px}
.hx .kick::before{content:'';width:32px;height:2px;background:currentColor}
.hx .l1,.hx .l2{display:block;font-size:clamp(66px,10.4vw,184px);line-height:.86;letter-spacing:-.065em}
.hx .l1{font-weight:200}
.hx .l2{font-weight:800}
.hx .l2 em{font-style:normal;color:var(--green-a);display:block}
.h-lead{font-size:clamp(17px,1.4vw,20px);color:var(--on-dark);max-width:600px;margin-bottom:34px}
.h-lead b{color:#fff}
.ctas{display:flex;flex-wrap:wrap;gap:12px}

/* terminal sahnesi (mevcut sitenin hero animasyonu, Stil D ile) */
.stage{position:relative;display:flex;justify-content:center;min-height:580px;align-self:center}
.glow{position:absolute;left:50%;top:50%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(22,182,120,.45) 0%,rgba(22,182,120,.1) 45%,transparent 70%);pointer-events:none}
.device{position:relative;z-index:2;width:clamp(170px,17vw,232px);aspect-ratio:621/1869;background:url('../img/terminal.webp') no-repeat center/contain;filter:drop-shadow(0 40px 50px rgba(0,0,0,.5));container-type:inline-size}
.lcd{position:absolute;left:14.98%;top:16.69%;width:70.53%;height:31.3%;border-radius:1.4cqw;background:linear-gradient(178deg,#FDFEFE 0%,#EEF4FA 58%,#DFEAF6 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center}
.lcd .idle{font-size:6.6cqw;font-weight:800;color:#12325F;letter-spacing:.02em;line-height:1.3}
.lcd .cur{display:inline-block;width:.5em;height:1em;background:#12325F;vertical-align:-.12em;margin-left:.1em;animation:blink 1s steps(2) infinite}
.lcd .ok{display:none;flex-direction:column;align-items:center;gap:4cqw}
.lcd.on .idle{display:none}
.lcd.on .ok{display:flex;animation:pop .45s var(--ease) both}
.lcd .tick{width:20cqw;height:20cqw;border-radius:50%;background:var(--green);display:grid;place-items:center}
.lcd .tick svg{width:11cqw;height:11cqw;stroke:#fff;stroke-width:3.4}
.lcd .nm{font-size:7cqw;font-weight:800;color:#12325F;letter-spacing:-.02em;line-height:1.1}
.lcd .tm{font-size:12cqw;font-weight:800;color:#12325F;letter-spacing:-.04em;line-height:1}
.reader{position:absolute;left:19.8%;top:56%;width:60.9%;height:20.2%;border-radius:50%;opacity:0;background:radial-gradient(58% 58% at 50% 50%,rgba(22,182,120,.75),transparent 74%);transition:opacity .35s}
.reader.on{opacity:1}
.card{position:absolute;left:50%;top:66.1%;z-index:5;width:clamp(132px,12vw,160px);aspect-ratio:1.6;border-radius:14px;padding:14px;color:#fff;background:linear-gradient(135deg,#1D4D90,#0F2F5F 55%,#0A7A53);box-shadow:0 22px 44px -14px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.14);--rx:clamp(150px,14vw,210px);--ry:16px;transform:translate(calc(-50% - var(--rx)),calc(-50% + var(--ry))) rotate(-8deg);animation:cardTap 5.2s cubic-bezier(.45,0,.2,1) infinite}
.card .chip{width:28px;height:20px;border-radius:5px;background:linear-gradient(135deg,#FFD66B,#E0A92F);margin-bottom:12px}
.card .wv{position:absolute;right:12px;top:12px;width:22px;height:22px;stroke:#fff;stroke-width:2;opacity:.9}
.card .cn{font-size:11px;font-weight:800;letter-spacing:.06em}
.card .br{position:absolute;right:12px;bottom:10px;font-size:10px;font-weight:800;color:var(--green-a)}
@keyframes cardTap{0%{transform:translate(calc(-50% - var(--rx)),calc(-50% + var(--ry))) rotate(-8deg)}18%,30%{transform:translate(-50%,-50%) scale(.7)}33%{transform:translate(-50%,calc(-50% + 5px)) scale(.7)}36%,55%{transform:translate(-50%,-50%) scale(.7)}75%,100%{transform:translate(calc(-50% - var(--rx)),calc(-50% + var(--ry))) rotate(-8deg)}}
.panel{position:absolute;right:-36px;bottom:-24px;z-index:4;width:270px;background:#fff;color:var(--ink);border-radius:18px;padding:16px;box-shadow:0 34px 70px -26px rgba(0,0,0,.6)}
.panel-h{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--ink3);margin-bottom:10px}
.panel-h i{width:9px;height:9px;border-radius:50%;background:var(--green);animation:blink 1.4s infinite}
.row{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:10px;font-size:13px;font-weight:700}
.row small{font-weight:600;color:var(--ink3);margin-right:6px}
.row .tag{font-size:11px;font-weight:800;padding:3px 9px;border-radius:7px;letter-spacing:.04em}
.tag.in{background:#E3F6EE;color:var(--green-d)} .tag.out{background:#FDF1E4;color:#B26A12}
.row.fresh{background:#EAF6F1;animation:drop .5s ease both}
.chipok{position:absolute;left:-30px;top:30px;z-index:4;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:999px;background:#fff;color:var(--ink);font-weight:800;font-size:15px;box-shadow:0 24px 50px -20px rgba(0,0,0,.6);opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s}
.chipok em{font-style:normal}
.chipok.on{opacity:1;transform:none}
.chipok span{width:32px;height:32px;border-radius:50%;background:var(--green);display:grid;place-items:center}
.chipok svg{width:17px;height:17px;stroke:var(--deep);stroke-width:3.2}

/* canlı hareket şeridi */
.ticker{position:relative;background:var(--green);color:var(--navy-d);overflow:hidden;padding:18px 0}
.tk-track{display:flex;gap:56px;width:max-content;animation:marquee 46s linear infinite}
.tk-track span{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.tk-track svg{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--navy-d);stroke:var(--green-a);stroke-width:3.4}
.tk-track b{font-weight:800;color:var(--deep);opacity:.7}
.tk-track i{font-style:normal;font-weight:600;opacity:.75}
.ticker:hover .tk-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}

.facts{background:var(--navy-d);color:#fff}
.facts ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr)}
.facts li{padding:30px 24px;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:2px}
.facts li:first-child{border-left:0;padding-left:0}
.facts b{font-size:clamp(24px,2.4vw,34px);font-weight:800;letter-spacing:-.04em}
.facts span{font-size:14px;color:var(--on-dark)}

@keyframes blink{50%{opacity:.2}}
@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.05)}100%{transform:scale(1)}}
@keyframes drop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes floaty{50%{transform:translateY(-10px)}}

/* ---------- SORUN ---------- */
.sec-top{margin-bottom:clamp(40px,5vw,72px)}
.pains{list-style:none;border-bottom:1px solid var(--line)}
.pains li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:clamp(22px,2.4vw,34px) 0;border-top:1px solid var(--line);transition:padding .35s var(--ease)}
.pains h3{font-size:clamp(26px,3.3vw,52px);font-weight:800;letter-spacing:-.045em;line-height:1.02;transition:color .3s}
.pains p{font-size:16px;color:var(--ink3);margin-top:6px;max-width:620px}
.fix{display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 12px;border-radius:999px;background:#DDF3E9;color:var(--green-d);font-weight:800;font-size:15px;white-space:nowrap;transition:background .3s,color .3s,transform .3s var(--ease)}
.fix svg{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--green);stroke:#fff;stroke-width:3.4}
.pains li:hover{padding-left:18px}
.pains li:hover h3{color:var(--green-d)}
.pains li:hover .fix{background:var(--navy);color:#fff;transform:scale(1.04)}

.statement .st{font-size:clamp(42px,6.6vw,116px);font-weight:800;letter-spacing:-.06em;line-height:.92;color:var(--navy-d);max-width:1200px}
.statement .st .t{font-weight:200;display:block}
.st-sub{font-size:clamp(18px,1.5vw,22px);font-weight:600;color:var(--navy-d);max-width:640px;margin-top:36px}

/* ---------- SPLIT (fotoğraf yarım, yazı yarım) ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;padding:0;align-items:stretch}
.sp-img{position:relative;margin:0;overflow:hidden;min-height:680px}
.sp-img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sp-txt{padding:clamp(72px,8vw,140px) var(--g);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}
.sp-txt .dx{margin-bottom:36px}
.bubble{position:absolute;left:7%;bottom:9%;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 20px 12px 12px;border-radius:999px;background:#fff;color:var(--navy);font-weight:800;font-size:16px;box-shadow:0 24px 50px -20px rgba(9,32,63,.55);animation:floaty 5s ease-in-out infinite}
.bubble i{width:34px;height:34px;border-radius:50%;background:var(--green);display:grid;place-items:center}
.bubble svg{width:18px;height:18px;stroke:#fff;stroke-width:3.2}
.usta{background:#E4E4E5}
.ik{background:#E3E3E3}
.bildirim{background:#E1DFE0}
.gece{background:#020E24;color:#fff}
.gece .dx{color:var(--green-a)} .gece .dx .t{color:#fff}
.gece .eyebrow{color:var(--green-a)}
.gece .d{color:var(--on-dark)}

.steps{list-style:none;display:flex;flex-direction:column;gap:26px;max-width:600px}
.steps li{display:grid;grid-template-columns:56px 1fr;gap:20px;align-items:start}
.sn{width:56px;height:56px;border-radius:50%;border:2px solid var(--navy);display:grid;place-items:center;font-size:20px;font-weight:800}
.steps li:last-child .sn{background:var(--green);border-color:var(--green);color:var(--deep)}
.steps h3{font-size:clamp(30px,3vw,44px);font-weight:800;letter-spacing:-.045em;line-height:1}
.steps li:last-child h3{color:var(--green-d)}
.steps p{font-size:16px;color:var(--ink2);margin-top:8px}

/* ---------- PUANTAJ MATRİSİ ---------- */
.mx-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:48px;align-items:end;margin-bottom:56px}
.side{font-size:19px;color:var(--on-dark)}
.side b{color:#fff}
.mxbox{background:var(--navy-d);border-radius:32px;padding:clamp(20px,3vw,40px);box-shadow:0 60px 120px -60px rgba(0,0,0,.7)}
.mx-h{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px;font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--lbl)}
.xls{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--green);color:var(--deep);letter-spacing:.04em;font-size:13px}
.xls svg{width:16px;height:16px;stroke-width:2.8}
.mx-scroll{overflow-x:auto;padding-bottom:6px}
.mx{min-width:880px;display:flex;flex-direction:column;gap:6px}
.mr{display:grid;grid-template-columns:104px repeat(31,minmax(0,1fr)) 70px;gap:5px;align-items:center}
.mr.hd span{font-size:10px;font-weight:800;color:var(--lbl);text-align:center;letter-spacing:.04em}
.mr .nm{font-size:14px;font-weight:700;color:#fff;text-align:left!important;white-space:nowrap}
.mr .tt{font-size:14px;font-weight:800;color:var(--green-a);text-align:right!important}
.mr .tt small{font-size:11px;color:var(--lbl);margin-left:3px}
.mr i{display:block;height:34px}
.mr i b{display:block;height:100%;border-radius:5px;transform-origin:bottom}
.play .mr i b{animation:grow .5s var(--ease) both}
@keyframes grow{from{transform:scaleY(0)}}
.mlg{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;font-size:13px;font-weight:700;color:var(--on-dark)}
.mlg span{display:flex;align-items:center;gap:8px}
.mlg i{width:12px;height:12px;border-radius:4px}
.ticks{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-size:16px;font-weight:700;color:#fff}
.ticks svg{width:28px;height:28px;flex:none;padding:6px;border-radius:50%;background:var(--green);stroke:var(--deep);stroke-width:3.4}

/* ---------- PATERN ---------- */
.pt-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.pattern .dx{margin-bottom:32px}
.math{font-size:clamp(22px,2.1vw,30px);font-weight:300;letter-spacing:-.02em;line-height:1.3;color:var(--navy-d)}
.math b{font-weight:800}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.chips li{padding:11px 18px;border-radius:999px;background:var(--navy-d);color:#fff;font-weight:800;font-size:14px}
.chips li:first-child{background:#fff;color:var(--navy-d)}
.calbox{position:relative;background:var(--abyss);border-radius:36px;padding:clamp(24px,3vw,40px);overflow:hidden;box-shadow:0 60px 110px -50px rgba(6,35,26,.8)}
.c3d{position:absolute;right:-40px;top:-70px;width:250px;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent);mask-image:radial-gradient(closest-side,#000 55%,transparent)}
.calcard{position:relative;z-index:1}
.calcard .cal{position:relative;z-index:2}
.code{font-size:clamp(56px,6vw,92px);font-weight:800;letter-spacing:-.06em;color:var(--green-a);line-height:1;margin-bottom:28px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.cal i{height:clamp(40px,4vw,54px);border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:800;transition:background .5s,color .5s}
.cal i.g{background:var(--green);color:var(--deep)}
.cal i.h{background:#1B3A6B;color:var(--lbl)}
.cal i.x.iz{background:#8B7EF0;color:#fff;box-shadow:0 0 0 3px #fff}
.play .cal i{animation:pop .45s var(--ease) both}
.note{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--lbl);margin-top:18px}

/* ---------- TOLERANS (etkileşimli) ---------- */
#tolQ{transition:color .3s}
#tolQ.late{color:var(--late)}
.tolbox{margin-top:clamp(40px,5vw,72px);max-width:1040px;padding:clamp(22px,3vw,40px);border-radius:32px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.tol-set{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.tol-set span{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--lbl);margin-right:8px}
.tol-set button{padding:10px 18px;border-radius:999px;border:1.5px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-weight:800;font-size:14px;transition:all .2s}
.tol-set button.on{background:var(--green);border-color:var(--green);color:var(--deep)}
.tol-track{position:relative;height:72px;margin-top:32px;border-radius:18px;background:rgba(255,255,255,.07)}
.zone{position:absolute;left:0;top:0;bottom:0;width:calc(26px + (100% - 52px) * var(--z,.5));border-radius:18px 0 0 18px;background:rgba(22,182,120,.3);border-right:3px solid var(--green);transition:width .35s var(--ease)}
.zone span{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--green-a)}
.tol-track input{position:absolute;inset:0;width:100%;height:100%;-webkit-appearance:none;appearance:none;background:transparent;margin:0;cursor:grab}
.tol-track input::-webkit-slider-runnable-track{height:72px;background:transparent}
.tol-track input::-webkit-slider-thumb{-webkit-appearance:none;width:52px;height:52px;margin-top:10px;border-radius:50%;background:var(--green);border:5px solid #fff;box-shadow:0 10px 30px -6px rgba(0,0,0,.6)}
.tol-track input::-moz-range-track{height:72px;background:transparent}
.tol-track input::-moz-range-thumb{width:42px;height:42px;border-radius:50%;background:var(--green);border:5px solid #fff}
.tol-track.late input::-webkit-slider-thumb{background:var(--late)}
.tol-track.late input::-moz-range-thumb{background:var(--late)}
.tol-track input:focus-visible{outline:none}
.tol-track input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--green-a)}
.tol-ax{display:flex;justify-content:space-between;padding:0 8px;margin-top:12px;font-size:13px;font-weight:800;color:var(--lbl);font-variant-numeric:tabular-nums}
.tol-res{display:flex;align-items:center;gap:16px;margin-top:30px;font-size:clamp(22px,2.8vw,40px);font-weight:800;letter-spacing:-.035em;line-height:1.1}
.tol-res i{width:52px;height:52px;flex:none;border-radius:50%;background:var(--green);display:grid;place-items:center}
.tol-res svg{width:26px;height:26px;stroke:var(--deep);stroke-width:3.2}
.tol-res.late i{background:var(--late)}
.tol-res.late span{color:#FFC2A8}
.tol-foot{font-size:17px;color:var(--on-dark);max-width:660px;margin-top:28px}

/* gece */
.q{font-size:clamp(24px,2.4vw,34px);font-weight:300;color:var(--green-a);margin:-10px 0 28px;letter-spacing:-.02em}
.night{width:100%;max-width:560px;margin-bottom:28px}
.night .rw{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;margin-bottom:10px}
.night .dn{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--lbl)}
.night .bar{position:relative;height:44px;border-radius:12px;background:rgba(255,255,255,.08);overflow:hidden}
.night .f{position:absolute;top:0;bottom:0;background:var(--green);transform-origin:left}
.night .f1{left:95.83%;width:4.17%}
.night .f2{left:0;width:29.17%}
.play .night .f,.night.play .f{animation:sx .9s var(--ease) both}
.night.play .f2{animation-delay:.7s}
@keyframes sx{from{transform:scaleX(0)}}
.night .t{position:absolute;top:50%;transform:translateY(-50%);padding-left:10px;font-size:13px;font-weight:800;color:var(--deep)}
.night .t.out{padding-left:0;padding-right:12px;color:#9fc0e8}
.night .ax{display:flex;justify-content:space-between;margin-left:78px;font-size:12px;font-weight:800;color:var(--lbl)}
.gece .d{margin-bottom:32px}

/* ---------- ALTYAPI ---------- */
.nope{display:flex;flex-direction:column;font-size:clamp(46px,8.2vw,144px);font-weight:200;letter-spacing:-.065em;line-height:.93;color:var(--navy)}
.nope em{font-style:normal;font-weight:800;color:var(--green-d)}
.infra-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;margin-top:clamp(48px,6vw,88px)}
.xbox{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.xbox div{aspect-ratio:1;border-radius:22px;background:#DFE5EE;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.xbox .x{display:grid;place-items:center}
.xbox svg{width:clamp(28px,3vw,44px);height:clamp(28px,3vw,44px);stroke:#D2553F;stroke-width:2.6}
.xbox small{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--ink3)}
.xbox .ok{background:var(--green);box-shadow:0 30px 60px -24px rgba(22,182,120,.8)}
.xbox .ok svg{stroke:#fff;stroke-width:3.2}
.xbox .ok small{color:var(--deep)}
.xbox.play div{animation:pop .5s var(--ease) both}
.xbox.play div:nth-child(2){animation-delay:.12s} .xbox.play div:nth-child(3){animation-delay:.24s} .xbox.play div:nth-child(4){animation-delay:.5s}

/* ---------- İK / ekranlar ---------- */
.langs{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 14px}
.langs li{padding:11px 20px;border-radius:999px;background:var(--navy);color:#fff;font-weight:800;font-size:15px}
.langs li:first-child{background:var(--green);color:var(--deep)}
.shots{padding-bottom:clamp(72px,8vw,120px)}
.shots-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px}
.shots-top .dx{flex:1}
.sh-nav{display:flex;gap:10px;flex:none}
.sh-nav button{width:58px;height:58px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:#fff;display:grid;place-items:center;transition:background .2s,border-color .2s}
.sh-nav button:hover{background:var(--green);border-color:var(--green);color:var(--deep)}
.sh-nav svg{width:22px;height:22px;stroke-width:2.6}
#shPrev svg{transform:rotate(180deg)}
.strip{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-inline:max(var(--g),calc((100vw - 1360px)/2 + var(--g)));scroll-padding-inline:max(var(--g),calc((100vw - 1360px)/2 + var(--g)));padding-bottom:18px;scrollbar-width:thin;scrollbar-color:var(--navy-2) transparent}
.strip figure{flex:0 0 min(80vw,880px);scroll-snap-align:start;margin:0}
.frame{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 50px 100px -50px rgba(0,0,0,.8)}
.frame .bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:#EEF1F5}
.frame .bar i{width:10px;height:10px;border-radius:50%;background:#CBD3DE}
.frame .bar span{margin-left:12px;padding:4px 14px;border-radius:8px;background:#fff;font-size:12px;color:var(--ink3);flex:1;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.strip figcaption{margin-top:16px;font-size:16px;color:var(--on-dark)}
.strip figcaption b{color:#fff;margin-right:8px}

/* bildirim */
.toasts{position:absolute;left:6%;top:9%;z-index:2;width:min(330px,82%);display:flex;flex-direction:column;gap:10px}
.toast{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 24px 50px -22px rgba(9,32,63,.6)}
.toast>i{width:10px;height:10px;border-radius:50%;background:var(--green);margin-top:6px;flex:none}
.toast>i.r{background:#E05A4A} .toast>i.o{background:var(--late)}
.toast small{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--ink3)}
.toast b{display:block;font-size:16px;font-weight:800;color:var(--navy);letter-spacing:-.01em}
.toast span{font-size:13px;color:var(--ink2)}
.toasts.play .toast{animation:tin .6s var(--ease) both}
.toasts.play .toast:nth-child(2){animation-delay:.25s} .toasts.play .toast:nth-child(3){animation-delay:.5s}
@keyframes tin{from{opacity:0;transform:translateX(-24px)}}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:32px;width:100%;max-width:620px}
.kpis div{background:#fff;border-radius:18px;padding:16px}
.kpis small{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--ink3)}
.kpis b{display:block;font-size:clamp(34px,3.2vw,48px);font-weight:800;letter-spacing:-.05em;line-height:1.1;color:var(--navy);font-variant-numeric:tabular-nums}
.kpis b.or{color:#D9642E}
.kpis .nv{background:var(--navy)} .kpis .nv b{color:#fff} .kpis .nv small{color:var(--lbl)}
.demo-note{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--ink3);margin-top:12px}

/* ---------- DONANIM ---------- */
.hw{background:var(--navy);padding:0 0 clamp(88px,10vw,150px)}
.hw-hero{position:relative;height:clamp(520px,82vh,880px);overflow:hidden;display:flex;align-items:flex-end}
.hw-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.hw-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,47,95,0) 30%,rgba(15,47,95,.7) 70%,var(--navy) 100%),linear-gradient(90deg,rgba(15,47,95,.55),rgba(15,47,95,0) 60%)}
.hw-title{position:relative;z-index:2;width:100%;padding-bottom:48px}
.bignums{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.bignums li{padding:30px 24px;border-left:1px solid rgba(255,255,255,.16)}
.bignums li:first-child{border-left:0;padding-left:0}
.bignums b{display:block;font-size:clamp(36px,4.8vw,80px);font-weight:800;letter-spacing:-.055em;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.bignums li:first-child b{color:var(--green-a)}
.bignums span{font-size:14px;color:var(--on-dark)}
.hw-row{display:grid;grid-template-columns:320px minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center;margin-top:clamp(56px,6vw,96px)}
.hw-dev{position:relative;display:flex;justify-content:center}
.hw-dev .glow{width:440px;height:440px}
.hw-dev img{position:relative;width:210px;filter:drop-shadow(0 40px 50px rgba(0,0,0,.5))}
.d.lg{font-size:clamp(18px,1.5vw,21px);max-width:680px}
.frame.sm{margin:32px 0 20px}
.spec summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-radius:16px;background:var(--navy-2);font-weight:800;font-size:16px;cursor:pointer}
.spec summary::-webkit-details-marker{display:none}
.spec summary::after{content:'+';font-size:24px;color:var(--green-a);transition:transform .3s}
.spec[open] summary::after{transform:rotate(45deg)}
.spec table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}
.spec td{padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top}
.spec td:first-child{color:var(--lbl);width:42%;font-weight:700}
.cap{font-size:13px;color:var(--lbl);margin-top:14px}

/* ---------- KARŞILAŞTIRMA ---------- */
.d.w{margin-top:28px}
.cmp-wrap{overflow-x:auto;margin-top:48px;border-radius:28px;background:#fff;box-shadow:0 40px 80px -50px rgba(9,32,63,.4)}
.cmp{width:100%;min-width:660px;border-collapse:collapse;font-size:16px}
.cmp th,.cmp td{padding:24px 28px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.cmp thead th{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
.cmp tbody th{font-weight:800;color:var(--navy);font-size:17px;width:24%}
.cmp td{color:var(--ink2)}
.cmp .us{background:var(--navy);color:#fff;font-weight:700}
.cmp thead .us{background:var(--green);color:var(--deep)}
.cmp tr:last-child th,.cmp tr:last-child td{border-bottom:0}
.cmp tbody .us{border-bottom-color:rgba(255,255,255,.1)}

/* ---------- SEKTÖRLER ---------- */
.sect-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,6vw,96px);align-items:center}
.slist{list-style:none;margin-top:44px;border-top:1px solid rgba(255,255,255,.15)}
.slist li{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.15);transition:padding .3s var(--ease)}
.slist h3{font-size:clamp(24px,2.7vw,42px);font-weight:800;letter-spacing:-.045em;line-height:1.05;color:#fff;transition:color .3s}
.slist p{font-size:15px;color:var(--on-dark);text-align:right;max-width:280px}
.slist li:hover{padding-left:14px}
.slist li:hover h3{color:var(--green-a)}
.sect-img{position:relative;margin:0;border-radius:32px;overflow:hidden;box-shadow:0 60px 120px -60px rgba(0,0,0,.8)}
.sect-img img{width:100%;aspect-ratio:1;object-fit:cover}
.locs{position:absolute;left:20px;top:20px;width:min(250px,calc(100% - 40px));background:#fff;color:var(--navy);border-radius:18px;padding:14px 16px;box-shadow:0 24px 50px -20px rgba(0,0,0,.5)}
.locs p{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--ink3);margin-bottom:6px}
.locs span{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px;font-weight:800}
.locs svg{width:20px;height:20px;padding:3px;border-radius:6px;background:var(--green);stroke:#fff;stroke-width:3.4}
.locs span i{margin-left:auto;font-style:normal;font-size:12px;color:var(--ink3);font-weight:700}

/* ---------- GÜVENLİK ---------- */
.k3d{position:absolute;right:-6%;top:6%;width:min(56vw,780px);pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 60%,transparent);mask-image:radial-gradient(closest-side,#000 60%,transparent)}
.sec-in{position:relative;z-index:1}
.rows{list-style:none;margin-top:clamp(40px,5vw,64px);max-width:780px}
.rows li{display:grid;grid-template-columns:230px 1fr;gap:24px;padding:22px 0;border-top:1px solid rgba(255,255,255,.12);font-size:18px;color:var(--on-dark)}
.rows b{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--green-a)}

/* ---------- KURULUM ---------- */
.inst-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}
.inst .dx{margin-bottom:28px}
.inst .d{color:var(--navy-d);font-weight:600}
.need{display:grid;gap:10px;margin-top:32px;max-width:560px}
.need p{padding:18px 20px;border-radius:18px;background:var(--navy-d);color:#fff;font-size:15px;font-weight:600}
.need p:last-child{background:rgba(9,32,63,.12);color:var(--navy-d)}
.need small{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--green-a);margin-bottom:4px}
.need p:last-child small{color:var(--navy-d)}
.chk{list-style:none;background:var(--navy-d);border-radius:32px;padding:clamp(18px,2.4vw,32px);box-shadow:0 60px 110px -50px rgba(6,35,26,.8)}
.chk li{display:grid;grid-template-columns:36px auto 1fr;gap:16px;align-items:center;padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
.chk li:last-child{border-bottom:0}
.bx{width:34px;height:34px;border-radius:10px;background:var(--green);display:grid;place-items:center}
.bx svg{width:20px;height:20px;stroke:var(--deep);stroke-width:3.2}
.chk b{font-size:18px;font-weight:800;color:#fff}
.chk i{font-style:normal;font-size:14px;color:var(--on-dark);text-align:right}
.chk.play .bx{animation:pop .5s var(--ease) both}
.chk.play li:nth-child(2) .bx{animation-delay:.1s} .chk.play li:nth-child(3) .bx{animation-delay:.2s} .chk.play li:nth-child(4) .bx{animation-delay:.3s}
.chk.play li:nth-child(5) .bx{animation-delay:.4s} .chk.play li:nth-child(6) .bx{animation-delay:.5s} .chk.play li:nth-child(7) .bx{animation-delay:.6s}

/* ---------- SSS ---------- */
.faq-in{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}
.faq-l{position:sticky;top:120px}
.faq-l .dx{margin-bottom:24px}
.faq-l .btn{margin-top:28px}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font-size:clamp(18px,1.6vw,22px);font-weight:800;letter-spacing:-.02em;color:var(--navy);cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';flex:none;width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:22px;color:var(--green-d);transition:transform .3s,background .3s}
.faq details[open] summary::after{transform:rotate(45deg);background:var(--green);color:var(--deep)}
.faq details p{padding:0 56px 26px 0;font-size:17px;color:var(--ink2)}

/* ---------- TEKLİF ---------- */
.anchor{position:absolute;top:-80px}
.o3d{position:absolute;left:24%;top:-4%;width:min(40vw,580px);pointer-events:none;opacity:.95;-webkit-mask-image:radial-gradient(closest-side,#000 60%,transparent);mask-image:radial-gradient(closest-side,#000 60%,transparent)}
.offer-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:clamp(40px,6vw,96px);align-items:center}
.offer .dx{margin-bottom:32px}
.contacts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:36px;max-width:600px}
.contacts a{display:block;padding:16px 20px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fff;transition:background .2s,transform .2s var(--ease)}
.contacts a:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.contacts small{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--lbl)}
.contacts b{font-size:17px;font-weight:800;letter-spacing:-.01em}
.contacts a.g{background:var(--green);border-color:var(--green);color:var(--deep)}
.contacts a.g small{color:var(--deep)}
.lead-card{background:#fff;color:var(--ink);border-radius:32px;padding:clamp(22px,3vw,36px);box-shadow:0 60px 120px -50px rgba(0,0,0,.8)}
.lead-card h3{font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1.1}
.lead-card .sub{font-size:14px;color:var(--ink3);margin:6px 0 22px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{margin-bottom:14px}
.field label,.field .lbl{display:block;font-size:12px;font-weight:800;color:var(--ink);margin-bottom:6px}
.field input,.field textarea{width:100%;font:500 15px 'Manrope',sans-serif;color:var(--ink);background:#F4F6F9;border:1.5px solid var(--line);border-radius:14px;padding:13px 14px;transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:92px;resize:vertical}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(22,182,120,.15)}
.field .msg{display:none;font-size:12px;color:#B3372A;margin-top:5px;font-weight:700}
.field.err input{border-color:#D2553F}
.field.err .msg{display:block}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg label{margin:0;position:relative}
.seg input{position:absolute;opacity:0;width:1px;height:1px}
.seg span{display:block;padding:10px 14px;border-radius:12px;border:1.5px solid var(--line);font-size:14px;font-weight:700;color:var(--ink2);cursor:pointer;transition:all .2s}
.seg input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.seg input:focus-visible+span{outline:3px solid var(--green);outline-offset:2px}
.kvkk{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink2);margin:6px 0 18px;cursor:pointer}
.kvkk input{width:18px;height:18px;margin-top:2px;accent-color:var(--green);flex:none}
.lead-card button.btn{width:100%;padding:20px}
.lead-card button[disabled]{opacity:.65;cursor:wait;transform:none}
.form-note{font-size:12px;color:var(--ink3);text-align:center;margin-top:12px}
.form-alert{display:none}
.form-alert.bad{display:block;background:#FDECEA;color:#9C2B1F;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;margin-bottom:14px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lead-done{display:none;text-align:center;padding:30px 6px}
.lead-done.show{display:block}
.lead-done .tick{width:68px;height:68px;border-radius:50%;background:var(--green);display:grid;place-items:center;margin:0 auto 18px}
.lead-done .tick svg{width:34px;height:34px;stroke:var(--deep);stroke-width:3}
.lead-done p{color:var(--ink2);font-size:15px}
.lead-done a{color:var(--green-d);font-weight:800;text-decoration:none}

/* ---------- FOOTER ---------- */
footer{background:var(--navy-d);color:var(--on-dark);padding:88px 0 40px;font-size:15px;overflow:hidden}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.foot-d{max-width:420px}
.foot h3{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--lbl);margin-bottom:14px}
.foot ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.foot a{text-decoration:none;color:var(--on-dark)}
.foot a:hover{color:#fff}
.mark{font-size:clamp(64px,17vw,252px);font-weight:800;letter-spacing:-.07em;line-height:.8;color:var(--navy-2);margin:72px 0 0;white-space:nowrap}
.mark span{font-weight:200}
.copy{font-size:13px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}
.copy a{color:inherit}


/* ---------- kaydırınca beliren (yalnızca ilk ekranın altındakiler) ---------- */
.rv{transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.pre{opacity:0;transform:translateY(46px)}
.px{will-change:transform}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition:none!important}
  .rv.pre{opacity:1;transform:none}
  .card{display:none}
  .tk-track{animation:none}
}

/* ---------- duyarlı ---------- */
@media (max-width:1080px){
  .nav-links{display:none}
  .hero-in{grid-template-columns:1fr;gap:8px}
  .stage{min-height:540px}
  .split{grid-template-columns:1fr}
  .split .sp-img{order:-1;min-height:0;aspect-ratio:4/5;max-height:720px}
  .mx-top,.pt-in,.infra-row,.sect-in,.inst-in,.faq-in,.offer-in{grid-template-columns:1fr}
  .faq-l{position:static}
  .ticks{grid-template-columns:1fr 1fr}
  .hw-row{grid-template-columns:1fr}
  .hw-dev{order:2}
  .k3d{opacity:.45}
  .o3d{opacity:.5;width:90vw;right:-30vw;top:-4%}
}
@media (max-width:760px){
  .nav-tel{display:none}
  .nav-in{height:68px}
  .hero{padding-top:calc(104px + env(safe-area-inset-top,0px))}
  .hx .kick{font-size:12px;letter-spacing:.16em}
  .h3d{width:130vw;right:-50vw;top:auto;bottom:10%}
  .btn.xl{width:100%;justify-content:space-between}
  .btn.o.xl{justify-content:center}
  .stage{flex-direction:column;align-items:center;min-height:0;padding-top:30px}
  .glow{width:340px;height:340px}
  .card{--rx:118px}
  .panel{position:relative;right:auto;bottom:auto;width:100%;max-width:330px;margin-top:-24px}
  .chipok{display:none}
  .tk-track span{font-size:16px}
  .facts ul{grid-template-columns:1fr 1fr}
  .facts li{padding:20px 16px;border-top:1px solid rgba(255,255,255,.1)}
  .facts li:nth-child(odd){border-left:0;padding-left:0}
  .facts li:nth-child(-n+2){border-top:0}
  .pains li{grid-template-columns:1fr;gap:14px}
  .pains li:hover{padding-left:0}
  .fix{justify-self:start;white-space:normal}
  .ticks{grid-template-columns:1fr}
  .xbox{gap:8px}
  .xbox div{border-radius:16px}
  .kpis{grid-template-columns:1fr 1fr}
  .toasts{left:4%;top:5%;width:78%}
  .toast:nth-child(3){display:none}
  .bignums{grid-template-columns:1fr 1fr}
  .bignums li{padding:22px 16px;border-top:1px solid rgba(255,255,255,.16)}
  .bignums li:nth-child(odd){border-left:0;padding-left:0}
  .bignums li:nth-child(-n+2){border-top:0}
  .hw-hero{height:560px}
  .hw-dev img{width:150px}
  .hw-dev .glow{width:300px;height:300px}
  .k3d{opacity:.28;width:90vw;right:-35vw;top:2%}
  .slist li{flex-direction:column;gap:4px}
  .slist p{text-align:left}
  .rows li{grid-template-columns:1fr;gap:4px}
  .chk li{grid-template-columns:34px 1fr}
  .chk i{grid-column:2;text-align:left;margin-top:-10px}
  .faq details p{padding-right:0}
  .contacts,.f-row,.foot{grid-template-columns:1fr}
  .shots-top{flex-direction:column;align-items:flex-start}
  .strip figure{flex-basis:86vw}
}

/* =====================================================================
   ÇOK SAYFALI YAPI · menü, açılır paneller, sayfa hero'su, dock, çekmece,
   hub kartları, sözlük metni, zaman çizelgesi, plaka
   ===================================================================== */

/* ---------- açılır menü ---------- */
.nav-links{align-items:center}
.dd{position:relative}
.dd-b{display:flex;align-items:center;gap:6px;background:none;border:0;color:var(--on-dark);font-weight:700;font-size:15px;padding:10px 0}
.dd-b svg{width:16px;height:16px;transition:transform .25s}
.dd:hover .dd-b,.dd.open .dd-b,.nav-links>a:hover{color:#fff}
.dd:hover .dd-b svg,.dd.open .dd-b svg{transform:rotate(180deg)}
.dd-p{position:absolute;left:-24px;top:100%;min-width:520px;padding:18px;border-radius:24px;background:var(--navy-d);box-shadow:0 40px 80px -30px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.08);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.dd:hover .dd-p,.dd:focus-within .dd-p,.dd.open .dd-p{opacity:1;visibility:visible;transform:none}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.dd-p a{display:block;padding:12px 14px;border-radius:14px;text-decoration:none;color:#fff;transition:background .2s}
.dd-p a:hover{background:var(--navy-2)}
.dd-p a b{display:block;font-size:15px;font-weight:800}
.dd-p a span{display:block;font-size:13px;color:var(--lbl);margin-top:2px}
.dd-p .dd-all{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);border-radius:0;color:var(--green-a);font-weight:800;font-size:14px}
.dd-p .dd-all svg{width:16px;height:16px}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.burger i{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .25s}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:49;background:var(--navy-d);overflow-y:auto;padding:calc(90px + env(safe-area-inset-top,0px)) var(--g) 140px}
.mnav-in{display:flex;flex-direction:column;max-width:560px}
.mnav a{color:#fff;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-.02em;padding:8px 0}
.mn-h{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--green-a);margin:24px 0 6px}
body.menu-open{overflow:hidden}
body.menu-open .nav{background:var(--navy-d)}

/* ---------- breadcrumb ---------- */
.crumb{list-style:none;display:flex;flex-wrap:wrap;gap:6px 10px;margin-bottom:26px;font-size:13px;font-weight:700;color:var(--lbl)}
.crumb li{display:flex;align-items:center;gap:10px}
.crumb li+li::before{content:'/';opacity:.5}
.crumb a{color:var(--on-dark);text-decoration:none}
.crumb a:hover{color:#fff}
.crumb [aria-current]{color:#fff}

/* ---------- alt sayfa hero'su ---------- */
.ph{position:relative;background:var(--navy);color:#fff;overflow:hidden;padding:calc(132px + env(safe-area-inset-top,0px)) 0 clamp(72px,8vw,120px)}
.ph::before{content:'';position:absolute;inset:0;background:radial-gradient(800px 560px at 85% 30%,rgba(22,182,120,.18),transparent 65%),radial-gradient(700px 600px at 0% 100%,rgba(29,77,144,.7),transparent 70%)}
.ph-in{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:center}
.ph-in.solo{grid-template-columns:1fr}
.ph .dx{color:var(--green-a);margin-bottom:30px}
.ph .dx .t{color:#fff}
.ph .dx.sm{font-size:clamp(46px,6.4vw,110px)}
.ph-lead{font-size:clamp(17px,1.4vw,20px);color:var(--on-dark);max-width:620px;margin-bottom:34px}
.ph-lead b{color:#fff}
.ph-photo{position:relative;margin:0;border-radius:36px;overflow:hidden;aspect-ratio:4/5;max-height:680px;box-shadow:0 60px 120px -50px rgba(0,0,0,.8)}
.ph-photo>img{width:100%;height:100%;object-fit:cover}
.ph-3d{position:relative;display:flex;justify-content:center}
.ph-3d img{width:min(100%,560px);-webkit-mask-image:radial-gradient(closest-side,#000 58%,transparent);mask-image:radial-gradient(closest-side,#000 58%,transparent)}
.ph.has-stage .ph-in{align-items:end}
.ph.term .dx.sm{font-size:clamp(46px,6vw,96px)}
.ph.term .ph-lead{font-size:clamp(18px,1.5vw,22px);max-width:760px}

/* plaka (şehir sayfaları) */
.plate{display:flex;flex-direction:column;align-items:center;gap:18px}
.pl-in{position:relative;display:flex;align-items:stretch;border-radius:28px;background:#fff;color:var(--navy-d);overflow:hidden;box-shadow:0 60px 120px -40px rgba(0,0,0,.8),inset 0 0 0 6px var(--navy-d);transform:rotate(-4deg)}
.pl-tr{display:flex;align-items:flex-end;padding:0 18px 22px;background:#1D4D90;color:#fff;font-weight:800;font-size:clamp(18px,2vw,26px);letter-spacing:.06em}
.pl-in b{display:block;font-size:clamp(130px,17vw,260px);font-weight:800;letter-spacing:-.06em;line-height:1;padding:10px 40px 10px 28px;font-variant-numeric:tabular-nums}
.plate p{font-size:14px;font-weight:800;letter-spacing:.3em;color:var(--green-a)}

/* ---------- kısa cevap (GEO) ---------- */
.ans{padding-block:clamp(56px,6vw,96px)}
.ans-in{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.ans-t{font-size:clamp(20px,1.9vw,28px);font-weight:500;letter-spacing:-.02em;line-height:1.45;color:var(--navy);max-width:900px}
.ans-t b{font-weight:800}
.kf{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;margin-top:36px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.kf div{background:#fff;padding:18px 20px}
.kf dt{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3)}
.kf dd{font-size:16px;font-weight:700;color:var(--navy);margin-top:4px}

/* "incele" bağlantısı */
.more{display:inline-flex;align-items:center;gap:12px;margin-top:26px;font-weight:800;font-size:16px;color:var(--green-a);text-decoration:none}
.more .arw{width:40px;height:40px;background:var(--green)}
.more .arw svg{stroke:var(--deep)}
.more:hover .arw{transform:rotate(-45deg)}
.paper .more,.split:not(.gece) .more,.prose-sec .more,.more.dk{color:var(--green-d)}
.green .more{color:var(--navy-d)}
.green .more .arw{background:var(--navy-d)} .green .more .arw svg{stroke:var(--green-a)}

/* ---------- bağlantı listeleri ---------- */
.links .dx{margin-bottom:40px}
.lk{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.lk a{display:flex;align-items:center;justify-content:space-between;gap:18px;height:100%;padding:22px 22px 22px 26px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);text-decoration:none;color:#fff;transition:background .25s,transform .25s var(--ease)}
.lk a:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}
.lk a:hover .arw{transform:rotate(-45deg)}
.lk b{display:block;font-size:clamp(20px,1.8vw,26px);font-weight:800;letter-spacing:-.03em;line-height:1.15}
.lk i{display:block;font-style:normal;font-size:14px;color:var(--on-dark);margin-top:6px}
.lk .arw{background:var(--green)} .lk .arw svg{stroke:var(--deep)}

/* sektör listesi bağlantılı */
.slist a{display:flex;justify-content:space-between;align-items:center;width:100%;text-decoration:none;color:inherit}
.slist a svg{width:28px;height:28px;color:var(--green-a);transition:transform .3s var(--ease)}
.slist li:hover a svg{transform:rotate(-45deg)}

/* ---------- hizmet bölgeleri bandı ---------- */
.rg-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:40px;align-items:end;margin-bottom:48px}
.regions .d{color:var(--navy-d);font-weight:600}
.rg{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.rg a{position:relative;display:flex;flex-direction:column;gap:4px;padding:26px;border-radius:28px;background:var(--navy-d);color:#fff;text-decoration:none;min-height:260px;overflow:hidden;transition:transform .3s var(--ease)}
.rg a:hover{transform:translateY(-6px)}
.rg-c{font-size:clamp(72px,8vw,128px);font-weight:800;letter-spacing:-.06em;line-height:.9;color:var(--green-a);margin-bottom:auto}
.rg b{font-size:28px;font-weight:800;letter-spacing:-.03em}
.rg i{font-style:normal;font-size:14px;color:var(--on-dark)}
.rg .arw{position:absolute;right:20px;bottom:20px;background:var(--green)} .rg .arw svg{stroke:var(--deep)}
.rg a:hover .arw{transform:rotate(-45deg)}

/* ---------- hub kartları ---------- */
.hub{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.hub a{position:relative;display:flex;flex-direction:column;height:100%;border-radius:28px;overflow:hidden;background:var(--navy);color:#fff;text-decoration:none;min-height:340px;transition:transform .3s var(--ease)}
.hub a:hover{transform:translateY(-6px)}
.hub img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .3s,transform .6s var(--ease)}
.hub a:hover img{opacity:.7;transform:scale(1.04)}
.hub a::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,32,63,0) 20%,rgba(9,32,63,.95) 85%)}
.hb-t{position:relative;z-index:1;margin-top:auto;padding:26px 90px 26px 26px}
.hb-t small{display:block;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--green-a)}
.hb-t b{display:block;font-size:clamp(26px,2.4vw,36px);font-weight:800;letter-spacing:-.045em;line-height:1.05;margin:6px 0 8px}
.hb-t i{font-style:normal;font-size:14px;color:var(--on-dark)}
.hub .arw{position:absolute;z-index:1;right:22px;bottom:24px;background:var(--green)} .hub .arw svg{stroke:var(--deep)}
.hub a:hover .arw{transform:rotate(-45deg)}

/* ---------- sözlük ---------- */
.gl{list-style:none;border-top:1px solid var(--line)}
.gl a{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink2);transition:padding .3s var(--ease)}
.gl a:hover{padding-left:14px}
.gl b{font-size:clamp(22px,2.2vw,34px);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--navy)}
.gl a:hover b{color:var(--green-d)}
.gl span{font-size:15px}
.gl .arw{background:var(--navy)} .gl .arw svg{stroke:var(--green-a)}
.disc{font-size:13px;color:var(--ink3);margin-top:28px;max-width:720px}
.prose-sec{padding-block:clamp(64px,7vw,110px)}
.prose-in{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(32px,5vw,80px);align-items:start}
.prose{max-width:720px;font-size:18px;color:var(--ink2);line-height:1.75}
.prose .lede{font-size:clamp(21px,1.9vw,26px);font-weight:600;line-height:1.5;color:var(--navy);letter-spacing:-.015em;padding-left:22px;border-left:4px solid var(--green)}
.prose h2{font-size:clamp(26px,2.4vw,36px);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--navy);margin:48px 0 14px}
.prose p+p{margin-top:14px}
.prose ul{margin:14px 0 0 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.prose li{position:relative;padding-left:30px}
.prose li::before{content:'';position:absolute;left:0;top:.55em;width:16px;height:16px;border-radius:5px;background:var(--green)}
.prose b{color:var(--navy)}
.prose .note{margin-top:20px;padding:16px 18px;border-radius:14px;background:#fff;font-size:15px}
.prose .src{margin-top:36px;font-size:15px}
.prose-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:14px}
.side-card{padding:24px;border-radius:24px;background:var(--navy);color:var(--on-dark);font-size:16px}
.side-card .eyebrow{color:var(--green-a);margin-bottom:12px}
.side-card.lt{background:#fff;color:var(--ink2)}
.side-card.lt .eyebrow{color:var(--green-d)}
.side-card ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.side-card ul a{font-weight:800;color:var(--navy);text-decoration:none}
.side-card ul a:hover{color:var(--green-d)}
.side-card .more{margin-top:16px;font-size:15px}
.side-card.lt .more{color:var(--green-d)}

/* ---------- zaman çizelgesi (örnek senaryo) ---------- */
.tl-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start}
.tl{list-style:none;position:relative;padding-left:0}
.tl li{position:relative;display:grid;grid-template-columns:110px 1fr;gap:20px;padding:0 0 30px}
.tl li::before{content:'';position:absolute;left:103px;top:14px;bottom:-4px;width:2px;background:rgba(255,255,255,.14)}
.tl li:last-child::before{display:none}
.tl li::after{content:'';position:absolute;left:97px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(22,182,120,.2)}
.tl time{font-size:clamp(22px,2vw,30px);font-weight:800;letter-spacing:-.04em;color:var(--green-a);line-height:1;font-variant-numeric:tabular-nums}
.tl b{display:block;font-size:19px;font-weight:800;color:#fff;margin-left:18px}
.tl p{font-size:15px;color:var(--on-dark);margin:4px 0 0 18px}

/* şehir yerel bölüm */
.loc-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.chips.dark li{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14)}
.chips.dark li:first-child{background:var(--green);color:var(--deep);border-color:var(--green)}
.loc-in .lk{grid-template-columns:1fr}
.bn-sec{padding-block:clamp(48px,5vw,72px)}

/* ---------- SSS sayfası ---------- */
.sss-in{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.sss-nav{position:sticky;top:110px;display:flex;flex-direction:column;gap:4px}
.sss-nav a{padding:10px 14px;border-radius:12px;font-weight:800;color:var(--navy);text-decoration:none}
.sss-nav a:hover{background:#fff}
.sss-g{scroll-margin-top:100px}
.sss-g+.sss-g{margin-top:56px}
.sss-g h2{font-size:clamp(28px,2.6vw,40px);font-weight:800;letter-spacing:-.045em;color:var(--navy);margin-bottom:10px}

/* ---------- teklif sayfası ---------- */
.tk-page{padding-top:calc(130px + env(safe-area-inset-top,0px))}
.next{list-style:none;display:flex;flex-direction:column;gap:14px;margin:34px 0 8px}
.next li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:center}
.next span{width:44px;height:44px;border-radius:50%;border:2px solid var(--green-a);display:grid;place-items:center;font-weight:800;color:var(--green-a)}
.next b{display:block;font-size:18px;font-weight:800;color:#fff}
.next i{font-style:normal;font-size:14px;color:var(--on-dark)}
.cta-band .cta-in{position:relative;z-index:1}
.cta-band .dx{margin-bottom:28px}
.cta-band .d{margin-bottom:34px}
.cta-band .o3d{left:auto;right:-4%;top:-10%}
.tk-page .o3d{left:auto;right:36%;top:14%;width:min(26vw,380px);opacity:.8}

/* ---------- dock: teklif her sayfada bizimle ---------- */
.dock{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 20px;border-radius:999px;background:rgba(9,32,63,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 60px -20px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.1);transform:translate(-50%,140%);transition:transform .45s var(--ease)}
.dock.show{transform:translate(-50%,0)}
body.drawer-open .dock{transform:translate(-50%,140%)}
.dk-note{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--on-dark);padding-right:10px;white-space:nowrap}
.dk-note i{width:9px;height:9px;border-radius:50%;background:var(--green);animation:blink 1.4s infinite}
.dk-ic{display:flex;align-items:center;justify-content:center;gap:8px;width:52px;height:52px;border-radius:50%;background:var(--navy-2);color:#fff;text-decoration:none;transition:background .2s}
.dk-ic:hover{background:var(--navy)}
.dk-ic svg{width:22px;height:22px}
.dk-ic em{display:none;font-style:normal;font-weight:800;font-size:14px}
.dock .dk-go{padding:6px 6px 6px 22px;min-height:52px;font-size:16px}
.dock .dk-go .arw{width:40px;height:40px}

/* ---------- çekmece form ---------- */
.drawer{position:fixed;inset:0;z-index:80}
.dr-bg{position:absolute;inset:0;background:rgba(1,12,30,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .35s}
.dr-p{position:absolute;right:0;top:0;bottom:0;width:min(560px,100%);overflow-y:auto;background:var(--abyss);padding:calc(26px + env(safe-area-inset-top,0px)) 26px calc(26px + env(safe-area-inset-bottom,0px));transform:translateX(100%);transition:transform .45s var(--ease);box-shadow:-40px 0 80px -30px rgba(0,0,0,.6)}
.drawer.open .dr-bg{opacity:1}
.drawer.open .dr-p{transform:none}
.dr-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}
.dr-h .eyebrow{color:var(--green-a);margin-bottom:12px}
.dr-t{font-size:clamp(56px,8vw,84px);font-weight:800;letter-spacing:-.06em;line-height:.9;color:var(--green-a)}
.dr-t span{font-weight:200;color:#fff;display:block}
.dr-x{width:52px;height:52px;flex:none;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:#fff;display:grid;place-items:center}
.dr-x svg{width:22px;height:22px}
.dr-x:hover{background:rgba(255,255,255,.1)}
.drawer .lead-card{border-radius:26px}
.dr-alt{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.dr-alt a{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:999px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none;font-weight:800;font-size:15px}
.dr-alt svg{width:20px;height:20px}
body.drawer-open{overflow:hidden}
.lead-ref-wrap{margin-top:12px;font-size:13px}

/* ---------- duyarlı: çok sayfalı ek ---------- */
@media (max-width:1080px){
  .burger{display:flex}
  .ph-in{grid-template-columns:1fr}
  .ph-photo{max-height:560px;aspect-ratio:4/4.4}
  .ph-3d img{width:min(80%,420px)}
  .ph.has-stage .stage{margin-top:10px}
  .ans-in,.prose-in,.tl-in,.loc-in,.sss-in,.rg-top{grid-template-columns:1fr}
  .prose-side,.sss-nav{position:static}
  .sss-nav{flex-direction:row;flex-wrap:wrap}
  .rg{grid-template-columns:1fr 1fr}
  .gl a{grid-template-columns:1fr auto}
  .gl span{grid-column:1;grid-row:2}
  .gl .arw{grid-row:1/3;grid-column:2}
  .pl-in b{font-size:clamp(110px,30vw,200px)}
}
@media (max-width:760px){
  .nav .btn.sm{display:none}
  .dd-p{display:none}
  .ph{padding-top:calc(100px + env(safe-area-inset-top,0px))}
  .rg a{min-height:200px;padding:20px}
  .tl li{grid-template-columns:78px 1fr;gap:12px}
  .tl li::before{left:71px}
  .tl li::after{left:65px}
  .tl b,.tl p{margin-left:14px}
  .hb-t{padding-right:76px}
  .dock{left:0;right:0;bottom:0;transform:none;border-radius:22px 22px 0 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));gap:8px}
  .dock.show,body.drawer-open .dock{transform:none}
  .dk-note{display:none}
  .dk-ic{flex:1;width:auto;border-radius:999px;height:50px}
  .dk-ic em{display:inline}
  .dk-ic svg{width:18px;height:18px}
  .dock .dk-go{flex:1.4;justify-content:space-between;font-size:15px;padding-left:16px}
  .dock .dk-go .arw{width:38px;height:38px}
  footer{padding-bottom:110px}
  .dr-p{top:auto;height:92vh;height:92dvh;width:100%;border-radius:28px 28px 0 0;transform:translateY(100%);padding:22px 16px calc(22px + env(safe-area-inset-bottom,0px))}
  .dr-t{font-size:52px}
  .plate{margin-top:10px}
}

/* ---------- footer (çok sayfalı) ---------- */
.foot{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px 32px}
.foot-a img{height:30px;width:auto;margin-bottom:18px}
.foot-c{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:22px}
.foot-c a{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:700;text-decoration:none}
.foot-c svg{width:18px;height:18px;flex:none;color:var(--green-a)}
.foot div>div+div,.foot>div>div{margin-top:0}
.foot>div:last-child>div+div{margin-top:28px}
@media (max-width:1080px){.foot{grid-template-columns:1fr 1fr}.foot-a{grid-column:1/-1}}
@media (max-width:760px){.foot{grid-template-columns:1fr 1fr}}
.dk-s{display:none}
@media (max-width:760px){.dk-l{display:none}.dk-s{display:inline}}

/* ---------- dil değiştirici ---------- */
.lang{ position:relative; }
.lang-b{ display:flex; align-items:center; gap:7px; height:40px; padding:0 12px; border:0;
  border-radius:11px; background:rgba(255,255,255,.1); color:#fff; font:inherit; font-size:14px;
  font-weight:700; letter-spacing:.02em; cursor:pointer; transition:background .18s; }
.lang-b:hover{ background:rgba(255,255,255,.18); }
.lang-b svg{ width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; }
.lang-p{ position:absolute; top:calc(100% + 10px); right:0; min-width:158px; padding:7px;
  border-radius:15px; background:#fff; box-shadow:0 28px 60px -20px rgba(9,32,63,.42), 0 0 0 1px rgba(9,32,63,.07);
  opacity:0; visibility:hidden; transform:translateY(-6px); transition:.18s; z-index:60; }
.lang-b[aria-expanded="true"] + .lang-p{ opacity:1; visibility:visible; transform:none; }
.lang-p a{ display:block; padding:10px 13px; border-radius:10px; color:#0F2F5F;
  font-size:15px; font-weight:600; text-decoration:none; }
.lang-p a:hover{ background:#F1F5FA; }
.lang-p a[aria-current]{ color:#0C8F62; font-weight:800; }
@media (max-width:900px){ .lang-b span{ display:none; } .lang-b{ padding:0 10px; } }

/* Almanca bileşik isimler satır sonunda bölünemiyor ve dar kutulardan taşıyor.
   Tarayıcıya hecelemeyi açıyoruz — yalnızca gövde metni ve listelerde,
   büyük başlıklarda değil (orada tire görüntüyü bozar). */
html[lang="de"] .rows li, html[lang="de"] .rv, html[lang="de"] .kf dd,
html[lang="de"] .pains p, html[lang="de"] .hb-t i, html[lang="de"] .prose p,
html[lang="de"] .faq details p, html[lang="de"] td{ hyphens:auto; -webkit-hyphens:auto; overflow-wrap:break-word; }

/* Bölge/kurulum kartları: uzun tek kelime ızgarayı dışarı itmesin */
.rg li{min-width:0}
.rg b{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}