@font-face { font-family: 'Sora'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(../fonts/so-300_700-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(../fonts/so-300_700-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(../fonts/on-300_700-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(../fonts/on-300_700-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(../fonts/jb-400_600-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(../fonts/jb-400_600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* ═══════════ YAYLA ELEKTRİK — "VOLTAJ" tasarım sistemi ═══════════ */
:root{
  --bg:#04050c; --bg-2:#080a17; --bg-3:#0d1022; --panel:rgba(16,20,44,.55);
  --line:rgb(var(--tn)/.12); --line-2:rgb(var(--tn)/.22);
  --tx:#e9ecff; --tx-2:#a9b0d6; --tx-3:#6f77a3;
  --volt:#2f43ff; --volt-2:#5468ff; --ion:#8fb2ff; --arc:#e3ebff; --plasma:#7a5cff;
  --amber:#ffb54a; --amber-2:#ff8a2a;
  --paper:#f3f4f9; --paper-2:#e8eaf3; --ink:#0a0c1c; --ink-2:#3c4160; --ink-3:#6b7090;
  --ok:#3ddc97; --warn:#ffb54a; --bad:#ff5a6a; --wa:#1f7a4d;
  --f-d:'so',ui-sans-serif,system-ui,sans-serif; --f-b:'on',ui-sans-serif,system-ui,sans-serif; --f-m:'jb',ui-monospace,monospace;
  --r:22px; --r-s:14px; --ease:cubic-bezier(.2,.7,.1,1); --ease-o:cubic-bezier(.16,1,.3,1);
  --wrap:1320px; --gut:clamp(18px,4vw,44px); --hd:84px;
  color-scheme:dark;
}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
html,body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16.5px/1.65 var(--f-b);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,canvas,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,h4{font-family:var(--f-d);font-weight:600;line-height:1.05;letter-spacing:-.035em;margin:0}
p{margin:0 0 1em}
::selection{background:var(--volt);color:#fff}
[hidden]{display:none!important}
.mono{font-family:var(--f-m);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.skip{position:fixed;left:12px;top:-60px;z-index:200;background:var(--volt);color:#fff;padding:10px 16px;border-radius:10px}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}
.ic{flex-shrink:0}
@view-transition{navigation:auto}
::view-transition-old(root){animation:.35s var(--ease) both vt-out}
::view-transition-new(root){animation:.55s var(--ease-o) both vt-in}
@keyframes vt-out{to{opacity:0;transform:scale(.985);filter:blur(6px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(18px)}}

/* ───── Tipografi yardımcıları ───── */
.kick{display:inline-flex;align-items:center;gap:10px;font:500 .74rem/1 var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.kick i{width:8px;height:8px;border-radius:50%;background:var(--volt-2);box-shadow:0 0 0 4px rgba(84,104,255,.18),0 0 16px var(--volt-2);animation:kpulse 2.4s infinite}
.kick b{font-weight:500;color:var(--tx-3)}
@keyframes kpulse{50%{box-shadow:0 0 0 7px rgba(84,104,255,0),0 0 22px var(--acc)}}
.lt .kick{color:var(--volt)} .lt .kick b{color:var(--ink-3)}
em{font-style:normal;background:linear-gradient(100deg,var(--acc) 0%,var(--arc) 40%,var(--volt-2) 80%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}
.lt em{background:linear-gradient(100deg,var(--volt) 0%,var(--plasma) 70%);-webkit-background-clip:text;background-clip:text}
.sh{max-width:880px;margin-bottom:clamp(36px,5vw,64px)}
.sh--c{margin-inline:auto;text-align:center}
.sh__h{font-size:clamp(34px,5.2vw,74px);margin-top:18px}
.sh__lead{color:var(--tx-2);font-size:clamp(16px,1.35vw,19px);max-width:640px;margin-top:20px}
.sh--c .sh__lead{margin-inline:auto}
.lt .sh__lead{color:var(--ink-2)}

/* ───── Bölümler ───── */
.sec{position:relative;padding-block:clamp(84px,11vw,160px)}
.sec--tight{padding-block:clamp(60px,7vw,100px)}
.lt{background:var(--paper);color:var(--ink);color-scheme:light}
.lt h1,.lt h2,.lt h3{color:var(--ink)}
.dk2{background:var(--bg-2)}

/* ───── Düğmeler ───── */
.btn{--b:var(--volt);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 26px;border-radius:999px;font:600 15px/1 var(--f-b);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;isolation:isolate;transition:transform .35s var(--ease-o),box-shadow .35s,background .3s,color .3s}
.btn--sm{height:42px;padding:0 18px;font-size:14px}
.btn--volt{background:var(--volt);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 10px 30px -10px rgba(47,67,255,.8),0 0 0 0 rgba(84,104,255,.0)}
.btn--volt::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.btn--volt:hover{box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 16px 40px -10px rgba(47,67,255,1),0 0 0 6px rgba(84,104,255,.18)}
.btn--volt:hover::before{transform:translateX(120%)}
.btn--ghost{background:rgba(255,255,255,.04);color:var(--tx);box-shadow:0 0 0 1px var(--line-2) inset;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn--ghost:hover{background:rgba(255,255,255,.09);box-shadow:0 0 0 1px var(--acc) inset}
.lt .btn--ghost{color:var(--ink);background:var(--card);box-shadow:0 0 0 1px rgb(var(--tn)/.12) inset}
.lt .btn--ghost:hover{box-shadow:0 0 0 1px var(--volt) inset}
.btn--wa{background:var(--wa);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset}
.btn--wa:hover{background:#196a42}
.btn--amber{background:var(--amber);color:#1a1004;box-shadow:0 10px 30px -10px rgba(255,181,74,.8)}
.btn .ic{transition:transform .35s var(--ease-o)}
.btn:hover .ic{transform:translateX(3px)}
.btn:active{transform:scale(.97)}
.lnk{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--acc);border-bottom:1px solid currentColor;padding-bottom:3px}
.lt .lnk{color:var(--volt)}
.lnk .ic{transition:transform .3s var(--ease-o)} .lnk:hover .ic{transform:translate(3px,-3px)}

/* ───── Etiketler ───── */
.tag{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font:500 11.5px/1 var(--f-m);letter-spacing:.06em;text-transform:uppercase;background:rgb(var(--tn)/.1);color:var(--acc);box-shadow:0 0 0 1px rgb(var(--tn)/.18) inset}
.tag i{width:6px;height:6px;border-radius:50%;background:currentColor}
.tag--ok{color:var(--ok);background:rgba(61,220,151,.08);box-shadow:0 0 0 1px rgba(61,220,151,.22) inset}
.tag--live{color:var(--amber);background:rgba(255,181,74,.08);box-shadow:0 0 0 1px rgba(255,181,74,.25) inset}
.tag--live i{animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.2}}
.lt .tag{background:rgba(47,67,255,.07);color:var(--volt);box-shadow:0 0 0 1px rgba(47,67,255,.16) inset}
.lt .tag--ok{color:#0e8a56;background:rgba(14,138,86,.08)} .lt .tag--live{color:#b8620a;background:rgba(255,138,42,.1)}

/* ───── Başlık (header) ───── */
.hd{position:fixed;inset:0 0 auto;z-index:60;padding:14px var(--gut) 0;transition:transform .5s var(--ease-o),padding .4s}
.hd__bar{max-width:1480px;margin:0 auto;height:64px;display:flex;align-items:center;gap:22px;padding:0 10px 0 22px;border-radius:20px;background:rgb(var(--sf)/.0);box-shadow:0 0 0 1px rgb(var(--tn)/0) inset;transition:background .4s,box-shadow .4s,backdrop-filter .4s}
.hd.is-scr .hd__bar{background:rgb(var(--sf)/.66);box-shadow:0 0 0 1px var(--line) inset,0 20px 50px -20px rgba(0,0,0,.6);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5)}
.hd.is-hid{transform:translateY(-110%)}
.hd__logo{flex-shrink:0;display:block}
.hd__logo .logo{height:42px;width:auto}
.hd__nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.hd__item{position:relative}
.hd__a{position:relative;display:flex;align-items:center;gap:5px;height:42px;padding:0 14px;border-radius:12px;font:500 14.5px/1 var(--f-b);color:var(--tx-2);transition:color .25s,background .25s}
.hd__a:hover,.hd__item.is-open>.hd__a{color:var(--hi);background:rgb(var(--tn)/.08)}
.hd__a.is-on{color:var(--hi)}
.hd__a.is-on::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--volt-2),var(--acc));box-shadow:0 0 12px var(--volt-2)}
.hd__chev{transition:transform .3s var(--ease-o);opacity:.7}
.hd__item.is-open .hd__chev{transform:rotate(180deg)}
.hd__act{display:flex;align-items:center;gap:10px;margin-left:12px}
.hd__k{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-radius:12px;color:var(--tx-2);box-shadow:0 0 0 1px var(--line) inset;transition:color .25s,box-shadow .25s}
.hd__k:hover{color:var(--hi);box-shadow:0 0 0 1px var(--acc) inset}
kbd{font:500 10.5px/1 var(--f-m);padding:4px 6px;border-radius:6px;background:rgb(var(--tn)/.1);color:var(--tx-2);box-shadow:0 0 0 1px var(--line) inset}
.hd__st{display:inline-flex;align-items:center;gap:8px;font:500 11px/1 var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3);white-space:nowrap}
.hd__st i{width:7px;height:7px;border-radius:50%;background:var(--tx-3)}
.hd__st.is-open{color:var(--ok)} .hd__st.is-open i{background:var(--ok);box-shadow:0 0 10px var(--ok);animation:blink 2s infinite}
.burger{display:none;width:46px;height:46px;border-radius:14px;position:relative;box-shadow:0 0 0 1px var(--line-2) inset}
.burger i{position:absolute;left:14px;right:14px;height:1.6px;background:var(--card);border-radius:2px;transition:transform .4s var(--ease-o),top .4s var(--ease-o)}
.burger i:first-child{top:18px} .burger i:last-child{top:26px}
.mn-open .burger i:first-child{top:22px;transform:rotate(45deg)} .mn-open .burger i:last-child{top:22px;transform:rotate(-45deg)}

/* Açılır menüler (köprü dolgu ile; görünmez geniş kap yok) */
.dd{position:absolute;top:100%;left:50%;padding-top:14px;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .25s,transform .35s var(--ease-o),visibility 0s .3s;pointer-events:none}
.hd__item.is-open .dd{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .25s,transform .35s var(--ease-o);pointer-events:auto}
.dd--list,.dd--mega{--pad:10px}
.dd--list::before,.dd--mega::before{content:"";position:absolute;inset:14px 0 0;border-radius:20px;background:rgb(var(--sf)/.92);box-shadow:0 0 0 1px var(--line-2) inset,0 40px 80px -20px rgba(0,0,0,.8);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);z-index:-1}
.dd--list{width:340px;padding:24px 10px 10px}
.dd--mega{width:min(860px,calc(100vw - 80px));display:grid;grid-template-columns:1fr 250px;gap:10px;padding:24px 10px 10px}
.dd__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.dd__svc,.dd__row{display:flex;align-items:center;gap:14px;padding:12px;border-radius:14px;transition:background .25s}
.dd__svc:hover,.dd__row:hover{background:rgb(var(--tn)/.08)}
.dd__ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(47,67,255,.14);color:var(--acc);box-shadow:0 0 0 1px rgb(var(--tn)/.18) inset;transition:background .25s,color .25s,box-shadow .25s}
.dd__svc:hover .dd__ic,.dd__row:hover .dd__ic{background:var(--volt);color:#fff;box-shadow:0 0 20px rgba(47,67,255,.7)}
.dd__svc b,.dd__row b{display:block;font:600 14.5px/1.25 var(--f-b);color:var(--hi)}
.dd__svc small,.dd__row small{display:block;font-size:12.5px;color:var(--tx-3);margin-top:3px}
.dd__feat{position:relative;border-radius:16px;overflow:hidden;min-height:260px;display:flex}
.dd__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-o)}
.dd__feat:hover .dd__img{transform:scale(1.06)}
.dd__feat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,5,12,.1),rgba(4,5,12,.88))}
.dd__ft{position:relative;z-index:1;margin-top:auto;padding:18px;display:grid;gap:8px;color:var(--acc)}
.dd__ft b{font:600 19px/1.15 var(--f-d);color:var(--hi);letter-spacing:-.02em}
.dd__go{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--volt);color:#fff}

/* Mobil menü */
.mnav{position:fixed;inset:0;z-index:55;background:radial-gradient(120% 80% at 100% 0%,rgba(47,67,255,.22),transparent 60%),rgb(var(--sf)/.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s;overflow-y:auto}
.mn-open .mnav{opacity:1;visibility:visible;transition:opacity .4s}
.mnav__in{min-height:100%;display:flex;flex-direction:column;padding:110px var(--gut) 34px}
.mnav__links{display:grid}
.mnav__links>a,.mnav__links summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font:600 clamp(26px,7vw,40px)/1.1 var(--f-d);letter-spacing:-.03em;color:var(--hi);list-style:none;cursor:pointer;opacity:0;transform:translateY(20px)}
.mnav__links summary::-webkit-details-marker{display:none}
.mnav__links details{border-bottom:0}
.mnav__links details>summary{opacity:1;transform:none}
.mnav__links details{opacity:0;transform:translateY(20px)}
.mn-open .mnav__links>*{opacity:1;transform:none;transition:opacity .5s calc(.06s*var(--i) + .1s),transform .6s var(--ease-o) calc(.06s*var(--i) + .1s)}
.mn-open .mnav__links>a{opacity:1;transform:none}
.mnav__links summary .ic{color:var(--acc);transition:transform .3s}
.mnav__links details[open] summary .ic{transform:rotate(45deg)}
.mnav__links details>div{display:grid;padding:6px 0 14px}
.mnav__links details>div a{padding:9px 0 9px 4px;color:var(--tx-2);font-size:17px}
.mnav__foot{margin-top:auto;padding-top:28px;display:grid;gap:12px}
.mnav__c{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:rgb(var(--tn)/.06);box-shadow:0 0 0 1px var(--line) inset;color:var(--acc)}
.mnav__c span{display:grid;color:var(--hi);font-weight:600}
.mnav__c small{color:var(--tx-3);font-weight:400;font-size:12px}
.mn-open{overflow:hidden}

/* ───── İç sayfa başlığı ───── */
.ph{position:relative;min-height:clamp(440px,64vh,640px);display:flex;align-items:flex-end;padding:150px 0 clamp(50px,6vw,80px);overflow:hidden;isolation:isolate;background:var(--bg)}
.ph__grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(80% 70% at 30% 100%,#000 10%,transparent 75%);-webkit-mask-image:radial-gradient(80% 70% at 30% 100%,#000 10%,transparent 75%);opacity:.5}
.ph__in{position:relative}
.ph__h{font-size:clamp(40px,7vw,104px);letter-spacing:-.045em;margin:22px 0 0;max-width:15ch}
.ph__lead{color:var(--tx-2);font-size:clamp(16px,1.4vw,20px);max-width:620px;margin:24px 0 0}
.ph__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.ph__meta span{display:grid;gap:4px;padding:12px 16px;border-radius:14px;background:rgb(var(--tn)/.06);box-shadow:0 0 0 1px var(--line) inset;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ph__meta small{font:500 10.5px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--tx-3)}
.ph__meta b{font:600 15px/1.2 var(--f-b)}
.ph__hud{position:absolute;right:var(--gut);bottom:28px;display:flex;gap:18px;color:var(--tx-3);font-size:10.5px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:var(--tx-3)}
.crumbs a{color:var(--tx-2);transition:color .2s} .crumbs a:hover{color:var(--hi)}
.crumbs span{color:var(--acc)}

/* ───── Canlı alan (WebGL) ───── */
.field{position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 70% at 20% 30%,rgba(47,67,255,.28),transparent 70%),radial-gradient(50% 60% at 85% 75%,rgba(122,92,255,.18),transparent 70%),var(--bg)}
.field canvas{position:absolute;inset:0;width:100%;height:100%}
.field__arc{pointer-events:none}
.field.is-gl{background:var(--bg)}
.field.nogl{background:url(../img/field.webp) center/cover,var(--bg)}

/* ───── Görünme animasyonları ───── */
.js [data-rv]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease-o),transform 1.1s var(--ease-o);transition-delay:var(--d,0s)}
.js [data-rv=fade]{transform:none}
.js [data-rv=scale]{transform:scale(.94)}
.js [data-rv=left]{transform:translateX(-36px)}
.js [data-rv].in{opacity:1;transform:none}
[data-split] .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.12em .02em .06em;margin:-.12em -.02em -.06em}
.js [data-split] .w>span{display:inline-block;transform:translateY(105%);opacity:.0;transition:transform 1.1s var(--ease-o),opacity .6s;transition-delay:calc(var(--wi)*.045s + var(--d,0s))}
.js [data-split].in .w>span{transform:none;opacity:1}
/* Neon titreme (hero başlığı) */
.flk{display:inline-block}
.js .flk.on{animation:flk 1.1s steps(1,end) both;animation-delay:var(--fd,0s)}
@keyframes flk{0%{opacity:0;text-shadow:none}8%{opacity:1}12%{opacity:.2}20%{opacity:1}24%{opacity:.35}34%{opacity:1;text-shadow:0 0 30px rgb(var(--tn)/.9)}100%{opacity:1;text-shadow:0 0 0 transparent}}
.js .flk:not(.on){opacity:0}

/* ───── Kaydırma ilerlemesi ───── */
.sprog{position:fixed;left:0;right:0;top:0;height:2px;z-index:70;pointer-events:none}
.sprog i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--volt),var(--acc),#fff);box-shadow:0 0 12px var(--acc)}

/* ───── Özel imleç ───── */
.cur{position:fixed;left:0;top:0;z-index:300;pointer-events:none;display:none}
.has-cur .cur{display:block}
.cur__d,.cur__r{position:fixed;left:0;top:0;border-radius:50%;translate:-50% -50%}
.cur__d{width:6px;height:6px;background:var(--card);box-shadow:0 0 12px var(--acc),0 0 4px #fff;mix-blend-mode:screen}
.cur__r{width:38px;height:38px;box-shadow:0 0 0 1px rgb(var(--tn)/.55) inset;transition:width .35s var(--ease-o),height .35s var(--ease-o),background .3s,box-shadow .3s}
.cur.is-link .cur__r{width:64px;height:64px;background:rgba(84,104,255,.12);box-shadow:0 0 0 1px var(--acc) inset,0 0 30px rgba(84,104,255,.35)}
.cur.is-down .cur__r{width:26px;height:26px}
.cur.is-txt .cur__r{width:4px;height:30px;border-radius:2px}
.spark{position:fixed;z-index:299;pointer-events:none;inset:0}

/* ───── Önyükleyici (oturumda bir kez) ───── */
.pl{display:none}
.pl-on .pl{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:var(--bg);transition:opacity .7s var(--ease),visibility 0s .7s}
.pl-on.pl-done .pl{opacity:0;visibility:hidden}
.pl__grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(50% 50% at 50% 50%,#000,transparent);-webkit-mask-image:radial-gradient(50% 50% at 50% 50%,#000,transparent);opacity:.6}
.pl__core{position:relative;width:min(560px,84vw);display:grid;gap:18px;text-align:center}
.pl__wave{width:100%;height:100px;overflow:visible}
.pl__wave path{fill:none;stroke:var(--acc);stroke-width:2;filter:drop-shadow(0 0 6px var(--volt-2)) drop-shadow(0 0 16px var(--volt))}
.pl__v{font:600 clamp(64px,14vw,120px)/1 var(--f-d);letter-spacing:-.05em;color:#fff;display:flex;justify-content:center;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}
.pl__v span{font-size:.38em;color:var(--acc)}
.pl__lbl{display:flex;justify-content:space-between;font:500 11px/1 var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--tx-3)}
.pl__flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#fff,var(--acc) 20%,transparent 60%);opacity:0;pointer-events:none}
.pl-flash .pl__flash{animation:plf .7s var(--ease) both}
@keyframes plf{0%{opacity:0}15%{opacity:1}100%{opacity:0}}

/* ───── Alt bilgi ───── */
.ft{position:relative;background:var(--bg);overflow:hidden}
.ft__cta{position:relative;isolation:isolate;padding:clamp(90px,11vw,150px) 0;overflow:hidden;border-bottom:1px solid var(--line)}
.ft__cta-in{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end}
.ft__h{font-size:clamp(42px,7vw,108px);letter-spacing:-.05em;margin-top:22px}
.ft__calls{display:grid;gap:12px}
.call{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:20px;background:rgb(var(--sf)/.6);box-shadow:0 0 0 1px var(--line-2) inset;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:box-shadow .3s,background .3s}
.call:hover{background:rgba(47,67,255,.18);box-shadow:0 0 0 1px var(--acc) inset,0 0 40px -10px var(--volt)}
.call__ic{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:var(--volt);color:#fff;box-shadow:0 0 24px rgba(47,67,255,.6)}
.call span:last-child{display:grid}
.call small{font:500 10.5px/1.2 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--tx-3)}
.call b{font:600 clamp(20px,2vw,26px)/1.2 var(--f-d);letter-spacing:-.02em}
.ft__calls .btn--wa{height:58px;border-radius:20px}
.ft__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px;padding-top:80px;padding-bottom:40px}
.ft__logo{height:56px;width:auto;margin-bottom:22px}
.ft__brand p{color:var(--tx-2);max-width:340px;font-size:15px}
.ft__col{display:grid;align-content:start;gap:10px}
.ft__col h3{font:500 11px/1 var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--tx-3);margin-bottom:10px}
.ft__col a{color:var(--tx-2);font-size:15px;transition:color .2s,transform .3s var(--ease-o);width:fit-content}
.ft__col a:hover{color:var(--hi);transform:translateX(4px)}
.ft__contact a,.ft__contact>span{display:flex;gap:12px;align-items:flex-start;color:var(--tx-2);font-size:15px}
.ft__contact .ic{color:var(--acc);margin-top:3px}
.ft__word{display:flex;justify-content:center;gap:.25em;padding:0 var(--gut);font:700 clamp(54px,14.5vw,250px)/.82 var(--f-d);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgb(var(--tn)/.22);user-select:none;white-space:nowrap;background:linear-gradient(90deg,transparent 0%,transparent calc(var(--sx,-20%) - 10%),rgb(var(--tn)/.9) var(--sx,-20%),transparent calc(var(--sx,-20%) + 10%),transparent 100%);-webkit-background-clip:text;background-clip:text;padding-top:.1em;margin-top:20px}
.ft__bot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:26px;padding-bottom:30px;border-top:1px solid var(--line);font-size:13.5px;color:var(--tx-3)}
.ft__osc{display:inline-flex;align-items:center;gap:10px;font:500 10.5px/1 var(--f-m);letter-spacing:.12em}
.ft__by{color:var(--tx-2)} .ft__by b{color:var(--hi);font-weight:600} .ft__by:hover b{color:var(--acc)}
.ft__st{margin-top:14px}

/* ───── Sol iletişim düğmesi ───── */
.cfab{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:58;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.cfab__btn{pointer-events:auto;position:relative;width:60px;height:60px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--volt-2),var(--volt) 60%,#1a28c9);box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 14px 34px -8px rgba(47,67,255,.9);transition:transform .4s var(--ease-o),border-radius .4s}
.cfab__btn:hover{transform:translateY(-2px) scale(1.04)}
.cfab__ring{position:absolute;inset:-6px;border-radius:24px;padding:1.5px;background:conic-gradient(from var(--a),transparent 0 70%,var(--acc) 85%,#fff 90%,transparent 95%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 3.2s linear infinite}
@keyframes spin{to{--a:360deg}}
.cfab__z{animation:zap 3.2s infinite}
@keyframes zap{0%,86%,100%{opacity:1;filter:none}88%{opacity:.3}90%{opacity:1;filter:drop-shadow(0 0 6px #fff)}92%{opacity:.5}}
.cfab__x{position:absolute;opacity:0;transform:rotate(-90deg);transition:.35s var(--ease-o)}
.cfab.is-open .cfab__z{opacity:0;animation:none}
.cfab.is-open .cfab__x{opacity:1;transform:none}
.cfab__list{display:grid;gap:8px;order:-1}
.cfab__list a{pointer-events:none;display:flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border-radius:18px;background:rgb(var(--sf)/.92);box-shadow:0 0 0 1px var(--line-2) inset,0 20px 40px -14px rgba(0,0,0,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transform:translateY(16px) scale(.96);transform-origin:left bottom;transition:opacity .3s,transform .45s var(--ease-o);transition-delay:calc(var(--i)*.035s);font-weight:600;font-size:14.5px;color:var(--hi);width:max-content}
.cfab__list a span:last-child{display:grid;line-height:1.25}
.cfab__list small{font:500 10px/1.2 var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--tx-3)}
.cfab__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(47,67,255,.2);color:var(--acc)}
.cfab__wa .cfab__ic{background:var(--wa);color:#fff}
.cfab.is-open .cfab__list a{pointer-events:auto;opacity:1;transform:none;transition-delay:calc((4 - var(--i))*.045s)}
.cfab__list a:hover{box-shadow:0 0 0 1px var(--acc) inset}

/* ───── Komut paleti ───── */
.pal{position:fixed;inset:0;z-index:400;display:grid;place-items:start center;padding:12vh 16px 16px}
.pal__bg{position:absolute;inset:0;background:rgba(2,3,8,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fi .3s both}
.pal__box{position:relative;width:min(680px,100%);max-height:72vh;display:flex;flex-direction:column;border-radius:22px;background:rgb(var(--sf)/.96);box-shadow:0 0 0 1px var(--line-2) inset,0 50px 120px -20px rgba(0,0,0,.9),0 0 80px -30px var(--volt);overflow:hidden;animation:pin .45s var(--ease-o) both}
@keyframes fi{from{opacity:0}} @keyframes pin{from{opacity:0;transform:translateY(-14px) scale(.97)}}
.pal__in{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);color:var(--acc)}
.pal__in input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:18px;color:var(--hi)}
.pal__in input::-webkit-search-cancel-button{display:none}
.pal__res{overflow:auto;padding:8px;flex:1}
.pal__res a{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:12px;color:var(--tx-2)}
.pal__res a .pi{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgb(var(--tn)/.08);color:var(--acc);flex-shrink:0}
.pal__res a b{display:block;color:var(--hi);font-weight:500;font-size:15px;line-height:1.3}
.pal__res a small{font:500 10.5px/1.2 var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}
.pal__res a.is-sel{background:rgba(47,67,255,.2);box-shadow:0 0 0 1px rgb(var(--tn)/.3) inset}
.pal__res a.is-sel .pi{background:var(--volt);color:#fff}
.pal__res mark{background:none;color:var(--acc)}
.pal__empty{padding:28px;text-align:center;color:var(--tx-3)}
.pal__ft{display:flex;gap:18px;padding:12px 20px;border-top:1px solid var(--line);font-size:12px;color:var(--tx-3)}
.pal__ft .mono{margin-left:auto;font-size:10px}

/* ───── Akordiyon ───── */
.acc{display:grid;border-top:1px solid var(--line)}
.lt .acc{border-color:rgb(var(--tn)/.1)}
.acc__i{border-bottom:1px solid var(--line)}
.lt .acc__i{border-color:rgb(var(--tn)/.1)}
.acc__i summary{display:grid;grid-template-columns:44px 1fr 40px;align-items:center;gap:12px;padding:22px 0;cursor:pointer;list-style:none}
.acc__i summary::-webkit-details-marker{display:none}
.acc__n{color:var(--tx-3)} .lt .acc__n{color:var(--ink-3)}
.acc__q{font:600 clamp(17px,1.5vw,20px)/1.35 var(--f-d);letter-spacing:-.015em}
.acc__pm{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;box-shadow:0 0 0 1px var(--line-2) inset;color:var(--acc);transition:transform .4s var(--ease-o),background .3s,color .3s}
.lt .acc__pm{box-shadow:0 0 0 1px rgb(var(--tn)/.14) inset;color:var(--volt)}
.acc__i[open] .acc__pm{transform:rotate(45deg);background:var(--volt);color:#fff;box-shadow:none}
.acc__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease-o)}
.acc__a>p{overflow:hidden;margin:0;padding:0 52px 0 56px;color:var(--tx-2)}
.lt .acc__a>p{color:var(--ink-2)}
.acc__i[open] .acc__a{grid-template-rows:1fr}
.acc__i[open] .acc__a>p{padding-bottom:24px}

/* ───── Kartlar: el feneri + enerjili kenar ───── */
.glow{position:relative;isolation:isolate}
.glow::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(84,104,255,.22),transparent 45%);opacity:0;transition:opacity .4s}
.glow:hover::before{opacity:1}
.edge::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--a),transparent 0 60%,rgb(var(--tn)/.9) 78%,#fff 80%,rgb(var(--tn)/.9) 82%,transparent 95%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none}
.edge:hover::after{opacity:1;animation:spin 2.6s linear infinite}

/* ───── Kayan şerit ───── */
.mq{position:relative;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.mq.is-drag{cursor:grabbing}
.mq__t{display:flex;width:max-content;will-change:transform}
.mq__t>*{flex-shrink:0}

/* ───── Form öğeleri ───── */
.fld{display:grid;gap:8px}
.fld>span{font:500 11px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--tx-3)}
.inp{width:100%;height:54px;padding:0 18px;border-radius:14px;border:0;background:rgb(var(--tn)/.06);box-shadow:0 0 0 1px var(--line-2) inset;color:var(--hi);outline:0;transition:box-shadow .25s,background .25s;font-size:16px}
textarea.inp{height:auto;min-height:120px;padding:14px 18px;resize:vertical}
.inp:focus{box-shadow:0 0 0 1.5px var(--acc) inset,0 0 0 5px rgba(84,104,255,.15);background:rgb(var(--tn)/.09)}
.inp::placeholder{color:var(--tx-3)}
select.inp{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238fb2ff' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
select.inp option{background:#0d1022}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:rgb(var(--tn)/.06);box-shadow:0 0 0 1px var(--line-2) inset;font-size:14.5px;color:var(--tx-2);cursor:pointer;transition:.25s}
.chip span:hover{color:var(--hi);box-shadow:0 0 0 1px var(--acc) inset}
.chip input:checked+span{background:var(--volt);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 0 24px -4px var(--volt)}
.chip input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:none;cursor:pointer;touch-action:pan-y}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--volt) var(--v,50%),rgb(var(--tn)/.15) var(--v,50%))}
input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--volt) var(--v,50%),rgb(var(--tn)/.15) var(--v,50%))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:var(--card);box-shadow:0 0 0 5px rgba(84,104,255,.35),0 0 20px var(--volt-2);transition:transform .2s}
input[type=range]::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:var(--card);box-shadow:0 0 0 5px rgba(84,104,255,.35),0 0 20px var(--volt-2)}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}

/* ───── Duyarlı ───── */
@media (max-width:1180px){
  .hd__nav,.hd__k,.hd__st{display:none}
  .burger{display:block}
  .hd__act{margin-left:auto}
  .ft__grid{grid-template-columns:1fr 1fr}
  .ft__brand{grid-column:1/-1}
}
@media (max-width:760px){
  :root{--hd:70px}
  body{font-size:16px}
  .hd{padding:10px 12px 0}
  .hd__bar{height:56px;padding:0 6px 0 14px;border-radius:16px}
  .hd__logo .logo{height:34px}
  .hd__cta{height:40px;padding:0 14px}
  .hd__cta .ic{display:none}
  .ft__cta-in{grid-template-columns:1fr;gap:34px}
  .ft__grid{grid-template-columns:1fr 1fr;gap:30px 20px;padding-top:56px}
  .ft__contact{grid-column:1/-1}
  .ft__bot{flex-direction:column;align-items:flex-start;padding-bottom:100px}
  .ph{min-height:auto;padding-top:120px}
  .ph__hud{display:none}
  .acc__i summary{grid-template-columns:30px 1fr 36px;gap:10px;padding:18px 0}
  .acc__pm{width:36px;height:36px}
  .acc__a>p{padding:0 0 0 40px}
  .cfab__btn{width:54px;height:54px;border-radius:18px}
  .pal{padding-top:70px}
}
@media (max-width:400px){ .hd__cta span{font-size:13px} .hd__cta{padding:0 12px} }
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js [data-rv],.js [data-split] .w>span,.js .flk:not(.on){opacity:1!important;transform:none!important}
}
/* ═══════════ ANA SAYFA ═══════════ */
/* Hero */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;padding:130px 0 clamp(150px,18vh,200px);background:var(--bg);touch-action:pan-y}
.hero__grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgb(var(--tn)/.06) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--tn)/.06) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(180deg,transparent,#000 40%,#000 70%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%,#000 70%,transparent)}
.hero__in{position:relative;pointer-events:none}
.hero__in a,.hero__in button{pointer-events:auto}
.hero__top{display:flex;flex-wrap:wrap;gap:10px 28px;color:var(--tx-2);margin-bottom:clamp(18px,3vw,34px)}
.hero__top .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);margin-right:10px;vertical-align:middle;animation:blink 2s infinite}
.hero__h{font-size:clamp(52px,11.2vw,190px);line-height:.9;letter-spacing:-.06em;font-weight:600;display:grid;margin-left:-.04em}
.hero__l2{background:linear-gradient(95deg,#fff 0%,var(--arc) 35%,var(--acc) 65%,var(--volt-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.hero__h .flk{white-space:pre}
.js .hero__l2{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--hi)}
.hero__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px 60px;margin-top:clamp(24px,3vw,40px)}
.hero__lead{max-width:520px;font-size:clamp(16px,1.35vw,19px);color:var(--tx-2);margin:0}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px}
.hero__hud{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:0 var(--gut) 26px;pointer-events:none}
.hud{max-width:360px;padding:14px 16px;border-radius:16px;background:rgb(var(--sf)/.42);box-shadow:0 0 0 1px var(--line) inset;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hud__k{display:flex;align-items:center;gap:8px;color:var(--acc);font-size:10.5px}
.hud p{margin:8px 0 10px;font-size:13.5px;color:var(--tx-2);line-height:1.5}
.hud p b{color:var(--hi);font-weight:600}
.hud__pol{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:var(--tx-3)}
.hud__pol i{font-style:normal;display:grid;place-items:center;min-width:34px;height:22px;border-radius:6px;background:var(--volt);color:#fff;font-size:11px;letter-spacing:0;box-shadow:0 0 14px var(--volt-2);transition:background .3s,box-shadow .3s}
.hud__pol.neg i{background:var(--plasma);box-shadow:0 0 14px var(--plasma)}
.hud--r{display:grid;gap:12px;min-width:300px}
.hud__osc{display:flex;align-items:center;gap:12px;color:var(--tx-3);font-size:10px}
.hud__osc canvas{width:110px;height:24px}
.hud__dl{display:grid;grid-template-columns:repeat(4,auto);gap:14px;margin:0;font-size:10px}
.hud__dl dt{color:var(--tx-3)} .hud__dl dd{margin:4px 0 0;color:var(--hi);font-size:11px;letter-spacing:.06em}
.hero__scroll{position:absolute;left:50%;bottom:30px;translate:-50% 0;display:grid;justify-items:center;gap:10px;color:var(--tx-3);font-size:10px}
.hero__scroll i{width:1px;height:46px;background:linear-gradient(var(--acc),transparent);position:relative;overflow:hidden}
.hero__scroll i::after{content:"";position:absolute;left:0;top:-20px;width:1px;height:20px;background:var(--card);box-shadow:0 0 8px #fff;animation:drop 1.8s var(--ease) infinite}
@keyframes drop{to{top:46px}}
/* hero imleci: alanda yerel imleç halkası daha büyük */
.has-cur .hero .cur__r{width:54px;height:54px}

/* Şerit */
.tick{border-block:1px solid var(--line);background:var(--bg-2);padding:22px 0}
.tick__i{display:inline-flex;align-items:center;gap:14px;padding:0 26px;font:600 clamp(20px,2.2vw,30px)/1 var(--f-d);letter-spacing:-.03em;color:var(--tx)}
.tick__i .ic{color:var(--acc)}
.tick__s{display:inline-grid;place-items:center;color:var(--volt-2)}

/* 01 Giriş */
.intro{background:radial-gradient(60% 50% at 90% 0%,rgba(47,67,255,.12),transparent 70%),var(--bg)}
.intro__big{font:500 clamp(26px,3.6vw,54px)/1.18 var(--f-d);letter-spacing:-.035em;margin:28px 0 0;max-width:1180px;color:rgba(233,236,255,.16)}
.intro__big .sw{transition:color .4s}
.intro__big .sw.on{color:var(--hi)}
.intro__big .sw.on.hl{color:var(--acc)}
.intro__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,90px);margin-top:clamp(56px,7vw,100px);align-items:center}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.stat{position:relative;display:grid;gap:10px;padding:clamp(22px,2.6vw,34px);background:var(--bg)}
.stat b{font:600 clamp(48px,5.6vw,84px)/1 var(--f-d);letter-spacing:-.05em;display:flex;align-items:flex-start;gap:6px}
.stat sup{font:500 13px/1 var(--f-m);letter-spacing:.1em;color:var(--acc);margin-top:.6em;text-transform:uppercase}
.stat .mono{color:var(--tx-3);font-size:10.5px}
.stat i{position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,var(--volt),var(--acc));box-shadow:0 0 10px var(--volt-2);transition:width 1.6s var(--ease-o) .3s}
.stat.in i{width:var(--w)}
.intro__media{position:relative;aspect-ratio:1/1.02}
.intro__media figure{position:absolute;margin:0;border-radius:var(--r);overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px var(--line)}
.intro__media img{width:100%;height:100%;object-fit:cover}
.intro__media figcaption{position:absolute;left:14px;bottom:14px;padding:7px 10px;border-radius:8px;background:rgba(4,5,12,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:10px;color:var(--tx)}
.intro__f1{inset:0 18% 22% 0}
.intro__f2{inset:44% 0 0 34%;box-shadow:0 0 0 6px var(--bg),0 40px 80px -30px rgba(0,0,0,.9)!important}
.intro__tl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(60px,8vw,110px);border-top:1px solid var(--line)}
.tl{position:relative;padding:30px 24px 0 0}
.tl::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 2px var(--acc),0 0 14px var(--volt-2)}
.tl__y{display:block;font:600 clamp(30px,3vw,44px)/1 var(--f-d);letter-spacing:-.04em;color:var(--hi)}
.tl__ic{position:absolute;right:24px;top:30px;color:var(--tx-3)}
.tl b{display:block;margin:12px 0 8px;font:600 16px/1.3 var(--f-b);color:var(--acc)}
.tl p{color:var(--tx-2);font-size:14.5px}

/* 02 Hizmetler — bento */
.svcs__head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:clamp(36px,5vw,64px)}
.svcs__head .sh{margin:0}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(230px,auto);gap:14px}
.bx{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:24px;border-radius:var(--r);background:linear-gradient(180deg,rgb(var(--sf)/.7),rgb(var(--sf)/.7));box-shadow:0 0 0 1px var(--line) inset;overflow:hidden;transition:transform .5s var(--ease-o),box-shadow .4s}
.bx:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--line-2) inset,0 30px 60px -30px rgba(47,67,255,.6)}
.bx__img{position:absolute;inset:0;z-index:-2;opacity:0;transition:opacity .6s,transform 1.2s var(--ease-o);transform:scale(1.08)}
.bx__img img{width:100%;height:100%;object-fit:cover}
.bx__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,5,12,.55),rgba(4,5,12,.92))}
.bx:hover .bx__img{opacity:1;transform:none}
.bx--1{grid-column:span 2;grid-row:span 2;padding:32px}
.bx--1 .bx__img,.bx--8 .bx__img{opacity:.85;transform:none}
.bx--1 .bx__img::after{background:linear-gradient(180deg,rgba(4,5,12,.15) 0%,rgba(4,5,12,.55) 45%,rgba(4,5,12,.96) 100%)}
.bx--8{grid-column:span 2}
.bx--8 .bx__img::after{background:linear-gradient(90deg,rgba(4,5,12,.96) 30%,rgba(4,5,12,.4))}
.bx__top{display:flex;justify-content:space-between;align-items:flex-start}
.bx__ic{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:rgba(47,67,255,.16);color:var(--acc);box-shadow:0 0 0 1px rgb(var(--tn)/.2) inset;transition:background .3s,color .3s,box-shadow .3s,transform .5s var(--ease-o)}
.bx:hover .bx__ic{background:var(--volt);color:#fff;box-shadow:0 0 30px rgba(47,67,255,.8);transform:rotate(-6deg) scale(1.05)}
.bx__no{color:var(--tx-3)}
.bx__b{display:grid;gap:10px}
.bx__t{font:600 clamp(20px,1.7vw,24px)/1.15 var(--f-d);letter-spacing:-.025em;color:var(--hi)}
.bx--1 .bx__t{font-size:clamp(28px,3vw,44px)}
.bx__d{color:var(--tx-2);font-size:14.5px;line-height:1.55}
.bx--1 .bx__d{font-size:16.5px;max-width:460px}
.bx__items{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.bx__items span{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:rgb(var(--sf)/.5);box-shadow:0 0 0 1px var(--line-2) inset;font-size:13px;color:var(--tx);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bx__items .ic{color:var(--acc)}
.bx__go{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 1px var(--line-2) inset;color:var(--acc);transition:background .3s,color .3s,transform .5s var(--ease-o)}
.bx:hover .bx__go{background:var(--card);color:var(--ink);transform:rotate(45deg)}
.bx--1 .bx__go,.bx--8 .bx__go{top:24px;bottom:auto;right:24px}
.bx--1 .bx__top .bx__no,.bx--8 .bx__top .bx__no{margin-right:54px}

/* 03 Pano sahnesi */
.pano{position:relative;height:calc(var(--n) * 70vh + 100vh);background:var(--bg)}
.pano__stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}
.pano__grid{position:absolute;inset:0;background-image:radial-gradient(rgb(var(--tn)/.16) 1px,transparent 1.2px);background-size:26px 26px;mask-image:radial-gradient(60% 70% at 70% 50%,#000,transparent);-webkit-mask-image:radial-gradient(60% 70% at 70% 50%,#000,transparent)}
.pano__in{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px);align-items:center;width:100%}
.pano__h{font-size:clamp(34px,4.4vw,64px);margin:18px 0 30px}
.pano__steps{position:relative;min-height:190px}
.pst{position:absolute;inset:0 0 auto;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .7s var(--ease-o);pointer-events:none}
.pst.is-on{opacity:1;transform:none;pointer-events:auto}
.pst.is-past{transform:translateY(-24px)}
.pst__n{color:var(--tx-3)}
.pst__t{display:flex;align-items:center;gap:12px;margin:14px 0 12px;font:600 clamp(22px,2.2vw,32px)/1.15 var(--f-d);letter-spacing:-.03em;color:var(--hi)}
.pst__t .ic{color:var(--acc)}
.pst p{color:var(--tx-2);max-width:460px;font-size:16px}
.pano__rail{display:flex;gap:6px;margin:20px 0 26px}
.pano__rail i{flex:1;max-width:56px;height:3px;border-radius:3px;background:rgb(var(--tn)/.15);overflow:hidden;position:relative}
.pano__rail i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--volt),var(--acc));transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease-o)}
.pano__rail i.on::after{transform:none}
.pano__stage{position:relative;height:min(78vh,720px);display:grid;place-items:center}
.pv{height:min(78vh,720px);width:auto;max-width:100%;overflow:visible;filter:drop-shadow(0 50px 70px rgba(0,0,0,.6))}
.pv__lbl{font:500 8.5px var(--f-m);letter-spacing:.12em;fill:#8f97bd}
.pv__lbl--s{font-size:6.6px;letter-spacing:.04em}
.pv__t{font:600 8.5px var(--f-m);fill:#1b2046}
.pv__tt{font:700 8px var(--f-m);fill:#3a2504}
.pv__ok{font:600 11px var(--f-m);letter-spacing:.14em;fill:var(--ok)}
.pv__led{fill:#2a3050;transition:fill .4s}
.pg{transition:transform 1s var(--ease-o),opacity .6s;transform-box:fill-box;transform-origin:50% 50%}
.pg:not(.on){opacity:0}
.pg--1:not(.on){transform:translate(-120px,-60px) scale(1.25)}
.pg--2:not(.on){transform:translate(110px,-80px) scale(1.25)}
.pg--3:not(.on){transform:translate(0,90px) scale(1.18)}
.pg--4:not(.on){transform:translate(0,40px)}
.pg--5:not(.on){transform:translate(60px,0) scale(1.08)}
.pg--6:not(.on){transform:none}
.pg--3 .mcb{transition:transform .8s var(--ease-o),opacity .5s;transition-delay:calc(var(--j)*.05s)}
.pg--3:not(.on) .mcb{transform:translateY(30px);opacity:0}
.wr{stroke-width:3.2;stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 1.6s var(--ease)}
.pg--4.on .wr{stroke-dashoffset:0}
.wr--l{stroke:#a0622e}.wr--n{stroke:#3c64ff}.wr--pe{stroke:#3fae55}
.wr--o{stroke-width:2.6}
.pano__stage[data-s="6"] .wr{stroke-dasharray:6 10;stroke-dashoffset:0;animation:flow .6s linear infinite}
.pano__stage[data-s="6"] .wr--l{stroke:#ffb36b;filter:drop-shadow(0 0 3px #ff9a3a)}
.pano__stage[data-s="6"] .wr--n{stroke:#7f9bff;filter:drop-shadow(0 0 3px #4f6bff)}
.pano__stage[data-s="6"] .pv__led{fill:var(--ok)}
.pano__stage[data-s="6"] .pv__tog{filter:drop-shadow(0 0 4px rgb(var(--tn)/.9))}
@keyframes flow{to{stroke-dashoffset:-16}}
.pano__badge{position:absolute;right:0;top:4%;padding:8px 12px;border-radius:10px;box-shadow:0 0 0 1px var(--line-2) inset;color:var(--tx-2);background:rgb(var(--sf)/.6)}
.pano__badge span{color:var(--hi)}

/* 04 Harita */
.pmap{background:radial-gradient(50% 60% at 20% 60%,rgba(47,67,255,.12),transparent 70%),var(--bg-2)}
.pmap__head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:clamp(30px,4vw,56px)}
.pmap__head .sh{margin:0}
.pmap__kpi{display:flex;gap:10px}
.pmap__kpi span{display:grid;gap:6px;padding:14px 18px;border-radius:16px;box-shadow:0 0 0 1px var(--line) inset;min-width:110px}
.pmap__kpi b{font:600 36px/1 var(--f-d);letter-spacing:-.04em}
.pmap__kpi small{color:var(--tx-3);font-size:10px}
.pmap__body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.map{position:relative;border-radius:var(--r);background:radial-gradient(70% 70% at 50% 50%,rgba(20,26,70,.6),rgb(var(--sf)/.9));box-shadow:0 0 0 1px var(--line) inset;overflow:hidden;aspect-ratio:206/166}
.map svg{width:100%;height:100%;display:block}
.m-n{fill:rgb(var(--tn)/.025);stroke:rgb(var(--tn)/.16);stroke-width:.28}
.m-h{stroke:rgb(var(--tn)/.6);stroke-width:.45;transition:fill .4s}
.m-il{font:600 4.6px var(--f-m);letter-spacing:.3em;fill:rgba(200,214,255,.45);text-anchor:middle}
.m-arc{fill:none;stroke:var(--acc);stroke-width:.45;stroke-dasharray:2 3;opacity:.55;animation:arcflow 2.4s linear infinite;transition:opacity .3s,stroke-width .3s}
.m-arc.is-on{opacity:1;stroke:#fff;stroke-width:.8;filter:drop-shadow(0 0 1.5px var(--acc))}
@keyframes arcflow{to{stroke-dashoffset:-50}}
.m-pin{cursor:pointer;outline:none}
.m-dot{fill:var(--acc);stroke:#fff;stroke-width:.6;transition:r .3s}
.m-pin--hq .m-dot{fill:var(--volt);stroke-width:.9}
.m-pulse{fill:none;stroke:var(--acc);stroke-width:.5;opacity:0;transform-box:fill-box;transform-origin:center;animation:mpulse 2.6s var(--ease) infinite}
.m-pin--hq .m-pulse{stroke:#fff;animation-duration:1.8s}
@keyframes mpulse{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.4)}}
.m-cnt{font:700 3.6px var(--f-m);fill:#fff;text-anchor:middle;pointer-events:none}
.m-pin--hq .m-cnt{font-size:4px}
.m-lbl{font:600 4.2px var(--f-b);fill:#dfe6ff;paint-order:stroke;stroke:rgb(var(--sf)/.85);stroke-width:1.2px;pointer-events:none}
.m-pin.is-on .m-dot,.m-pin:hover .m-dot,.m-pin:focus-visible .m-dot{fill:#fff;r:5}
.m-pin.is-dim{opacity:.18}
.map__card{position:absolute;z-index:2;width:240px;border-radius:16px;overflow:hidden;background:rgba(9,11,26,.94);box-shadow:0 0 0 1px var(--line-2) inset,0 30px 60px -20px rgba(0,0,0,.8);pointer-events:none;translate:-50% calc(-100% - 16px);animation:pin .3s var(--ease-o) both}
.map__card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.map__card div{padding:12px 14px;display:grid;gap:4px}
.map__card b{font:600 14px/1.3 var(--f-b)}
.map__card small{font:500 10px/1.2 var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.map__legend{position:absolute;left:14px;bottom:12px;display:flex;align-items:center;gap:8px;font-size:9.5px;color:var(--tx-3)}
.map__legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:6px}
.lg-hq{background:var(--volt);box-shadow:0 0 0 1.5px #fff} .lg-p{background:var(--acc)} .lg-a{width:16px!important;height:0!important;border-top:1.5px dashed var(--acc);border-radius:0!important}
.fbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.fbar button{height:36px;padding:0 14px;border-radius:999px;font-size:13.5px;color:var(--tx-2);box-shadow:0 0 0 1px var(--line-2) inset;transition:.25s}
.fbar button:hover{color:var(--hi);box-shadow:0 0 0 1px var(--acc) inset}
.fbar button.is-on{background:var(--volt);color:#fff;box-shadow:0 0 20px -4px var(--volt)}
.lt .fbar button{color:var(--ink-2);box-shadow:0 0 0 1px rgb(var(--tn)/.14) inset}
.lt .fbar button.is-on{color:var(--hi)}
.plist__l{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.plist__l a{display:grid;grid-template-columns:34px 1fr 10px 18px;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid var(--line);transition:background .25s,padding .3s var(--ease-o)}
.plist__l a:hover,.plist__l a.is-on{background:linear-gradient(90deg,rgba(47,67,255,.16),transparent);padding-left:12px}
.plist__n{color:var(--tx-3)}
.plist__t{font-size:15px;line-height:1.35}
.plist__s{width:8px;height:8px;border-radius:50%}
.plist__s.ok{background:var(--ok)} .plist__s.live{background:var(--amber);animation:blink 1.2s infinite}
.plist__l .ic{color:var(--tx-3);transition:color .2s,transform .3s var(--ease-o)}
.plist__l a:hover .ic{color:var(--acc);transform:translate(2px,-2px)}
.plist__all{margin-top:20px}

/* 05 Işık laboratuvarı */
.lab{--lc:#ffcf9a;background:#07060a;overflow:hidden}
.lab__glow{position:absolute;inset:-20% -10% auto;height:80%;background:radial-gradient(50% 50% at 50% 30%,var(--lc),transparent 70%);opacity:.14;pointer-events:none;transition:background .3s}
.lab .kick{color:var(--amber)} .lab .kick i{background:var(--amber);box-shadow:0 0 0 4px rgba(255,181,74,.18),0 0 16px var(--amber)}
.lab em{background:linear-gradient(100deg,#ffe2b8,var(--amber) 50%,var(--amber-2));-webkit-background-clip:text;background-clip:text}
.lab__body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.room{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:8/5;box-shadow:0 0 0 1px rgba(255,200,140,.12),0 50px 100px -40px rgba(0,0,0,.9)}
.room__svg{width:100%;height:100%}
.room .lc{stop-color:var(--lc)}
.room .lcf{fill:var(--lc)}
.room__lit{mix-blend-mode:screen;opacity:var(--lit,.85);transition:opacity .3s;filter:saturate(1.15)}
.room__tint{fill:var(--lc);mix-blend-mode:soft-light;opacity:.55}
.room__dark{opacity:var(--dark,.1);transition:opacity .3s}
.fx{display:none}
.room[data-fx=avize] .fx--avize,.room[data-fx=sarkit] .fx--sarkit,.room[data-fx=spot] .fx--spot,.room[data-fx=panel] .fx--panel{display:inline}
.room__fix{mix-blend-mode:normal}
.room__hud{position:absolute;left:14px;top:14px;display:flex;flex-wrap:wrap;gap:6px}
.room__hud span{padding:7px 10px;border-radius:8px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:10px}
.lab__ctl{display:grid;gap:26px}
.ctl{display:grid;gap:12px}
.ctl__h{display:flex;justify-content:space-between;color:var(--tx-3);font-size:10.5px}
.ctl__h b{color:var(--hi);font-weight:500}
.ctl__scale{display:flex;justify-content:space-between;color:var(--tx-3);font-size:9px;letter-spacing:.06em}
.lab input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ff9b3d,#ffd9a8 35%,#fff6ec 55%,#dfe9ff 80%,#b9d2ff)}
.lab input[type=range]::-moz-range-track{background:linear-gradient(90deg,#ff9b3d,#ffd9a8 35%,#fff6ec 55%,#dfe9ff 80%,#b9d2ff)}
.lab input[data-lab-dim]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#1a1610,var(--lc))}
.lab input[data-lab-dim]::-moz-range-track{background:linear-gradient(90deg,#1a1610,var(--lc))}
.lab input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(255,181,74,.3),0 0 20px var(--lc)}
.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px;border-radius:16px;background:rgba(255,255,255,.03);box-shadow:0 0 0 1px rgba(255,200,140,.12) inset}
.seg button{display:grid;justify-items:center;gap:6px;padding:12px 4px;border-radius:12px;font-size:13px;color:var(--tx-2);transition:.25s}
.seg button:hover{color:var(--hi)}
.seg button.is-on{background:linear-gradient(180deg,rgba(255,181,74,.22),rgba(255,181,74,.08));color:var(--hi);box-shadow:0 0 0 1px rgba(255,181,74,.45) inset}
.seg button.is-on .ic{color:var(--amber)}
.lab__tip{margin:0;padding:16px 18px;border-radius:14px;background:rgba(255,181,74,.06);box-shadow:0 0 0 1px rgba(255,181,74,.16) inset;color:var(--tx-2);font-size:14.5px}
.lab__cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.lab .lnk{color:var(--amber)}
.lab__strip{margin-top:clamp(50px,6vw,80px)}
.lab__ph{display:block;width:clamp(240px,26vw,380px);aspect-ratio:1;margin-right:14px;border-radius:18px;overflow:hidden}
.lab__ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-o)}
.lab__ph:hover img{transform:scale(1.06)}

/* 06 Süreç */
.proc__line{position:relative;margin-top:20px}
.proc__wave{position:absolute;left:0;right:0;top:12px;width:100%;height:80px;overflow:visible}
.proc__base{fill:none;stroke:rgba(47,67,255,.14);stroke-width:2}
.proc__live{fill:none;stroke:var(--volt);stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:var(--pp,1);filter:drop-shadow(0 0 6px rgba(47,67,255,.6))}
.proc__steps{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.pstp{display:grid;justify-items:start;gap:10px}
.pstp__node{display:grid;place-items:center;width:76px;height:76px;margin-bottom:18px;border-radius:24px;background:var(--card);color:var(--volt);box-shadow:0 0 0 1px rgba(47,67,255,.16) inset,0 20px 40px -20px rgba(47,67,255,.45);transition:background .4s,color .4s,box-shadow .4s}
.pstp.lit .pstp__node{background:var(--volt);color:#fff;box-shadow:0 0 0 6px rgba(47,67,255,.12),0 20px 40px -14px rgba(47,67,255,.9)}
.pstp .mono{color:var(--ink-3);font-size:10.5px}
.pstp b{font:600 22px/1.15 var(--f-d);letter-spacing:-.025em}
.pstp p{color:var(--ink-2);font-size:14.5px;margin:0}

/* 07 Araçlar tanıtımı */
.tools-t{background:var(--bg)}
.tt{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tt__c{position:relative;display:grid;align-content:start;gap:12px;padding:28px;border-radius:var(--r);background:linear-gradient(180deg,rgb(var(--sf)/.65),rgb(var(--sf)/.65));box-shadow:0 0 0 1px var(--line) inset;min-height:360px;transition:transform .5s var(--ease-o)}
.tt__c:hover{transform:translateY(-4px)}
.tt__c .mono{color:var(--tx-3);font-size:10.5px}
.tt__c b{font:600 26px/1.15 var(--f-d);letter-spacing:-.03em}
.tt__c p{color:var(--tx-2);font-size:15px;margin:0}
.tt__go{position:absolute;right:24px;bottom:24px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--volt);color:#fff;box-shadow:0 0 24px -4px var(--volt);transition:transform .5s var(--ease-o)}
.tt__c:hover .tt__go{transform:rotate(-45deg)}
.tt__viz{display:flex;align-items:flex-end;gap:6px;height:84px;margin-bottom:14px}
.tt__viz--brk i{width:22px;height:64px;border-radius:5px;background:#e8ebf5;position:relative;box-shadow:inset 0 0 0 1px #9aa3c4}
.tt__viz--brk i::after{content:"";position:absolute;left:5px;right:5px;top:10px;height:16px;border-radius:3px;background:var(--volt);transition:top .4s var(--ease-o)}
.tt__viz--brk i:nth-child(3)::after{background:var(--bad);animation:trip 3s var(--ease) infinite}
@keyframes trip{0%,60%{top:10px}66%,100%{top:38px}}
.tt__viz--lux{display:grid;grid-template-columns:repeat(3,26px);gap:10px}
.tt__viz--lux i{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,#fff 0 20%,rgba(255,213,150,.7) 30%,transparent 70%);animation:lux 2.4s ease-in-out infinite;animation-delay:calc(var(--k,0)*.2s)}
.tt__viz--lux i:nth-child(2){--k:1}.tt__viz--lux i:nth-child(3){--k:2}.tt__viz--lux i:nth-child(4){--k:3}.tt__viz--lux i:nth-child(5){--k:4}.tt__viz--lux i:nth-child(6){--k:5}
@keyframes lux{50%{opacity:.35;transform:scale(.8)}}
.tt__viz--dx{align-items:center;gap:0}
.tt__viz--dx i{width:46px;height:2px;background:var(--line-2);position:relative}
.tt__viz--dx i::before{content:"";position:absolute;right:-7px;top:-6px;width:14px;height:14px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 2px var(--acc)}
.tt__viz--dx i:nth-child(2)::before{box-shadow:0 0 0 2px var(--amber)}
.tt__viz--dx i:nth-child(3)::before{background:var(--ok);box-shadow:0 0 0 2px var(--ok),0 0 14px var(--ok)}

/* 08 Galeri şeridi */
.gal-s{padding:clamp(70px,8vw,110px) 0;background:var(--bg-2);border-top:1px solid var(--line)}
.gal-s__h{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.gal-s__i{display:block;width:clamp(200px,20vw,300px);aspect-ratio:1;margin-right:12px;border-radius:16px;overflow:hidden}
.gal-s__i img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-o),filter .4s;filter:saturate(.85)}
.gal-s__i:hover img{transform:scale(1.07);filter:none}

/* 09 Blog kartları */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post{display:grid;align-content:start;gap:12px}
.post__img{display:block;aspect-ratio:4/3;border-radius:18px;overflow:hidden;margin-bottom:8px}
.post__img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-o)}
.post:hover .post__img img{transform:scale(1.05)}
.post__m{display:flex;gap:14px;color:var(--volt);font-size:10.5px}
.post__m span+span{color:var(--ink-3)}
.post__t{font:600 22px/1.2 var(--f-d);letter-spacing:-.025em;transition:color .25s}
.post:hover .post__t{color:var(--volt)}
.post__ex{color:var(--ink-2);font-size:15px}
.dk .post__m span+span,.post--dk .post__m span+span{color:var(--tx-3)}

/* 10 SSS */
.faq-t{background:var(--bg)}
.faq-t__in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,90px);align-items:start}

/* Duyarlı — ana sayfa */
@media (max-width:1180px){
  .hud--l{display:none}
  .intro__grid{grid-template-columns:1fr}
  .intro__media{max-width:620px}
  .bento{grid-template-columns:repeat(2,1fr)}
  .bx--1{grid-row:span 1;min-height:420px}
  .pmap__body{grid-template-columns:1fr}
  .lab__body{grid-template-columns:1fr}
  .proc__steps{grid-template-columns:repeat(3,1fr);row-gap:40px}
  .proc__wave{display:none}
  .tt{grid-template-columns:1fr 1fr}
  .faq-t__in{grid-template-columns:1fr}
}
@media (max-width:760px){
  .hero{padding:110px 0 120px;align-items:center}
  .hero__h{font-size:clamp(46px,14.5vw,80px)}
  .hero__top .hide-s{display:none}
  .hero__row{flex-direction:column;align-items:flex-start}
  .hero__cta{width:100%;display:grid;grid-template-columns:1fr}
  .hero__hud{padding-bottom:18px}
  .hud--r{min-width:0;width:100%;padding:12px}
  .hud__dl{grid-template-columns:repeat(4,1fr);gap:8px}
  .hud__dl dd{font-size:10px}
  .hud__osc{display:none}
  .hero__scroll{display:none}
  .tick{padding:16px 0}
  .intro__big{font-size:clamp(24px,7vw,34px)}
  .stats{grid-template-columns:1fr 1fr}
  .stat b{font-size:46px}
  .intro__tl{grid-template-columns:1fr 1fr;row-gap:10px}
  .tl{padding-right:10px}
  .tl__ic{right:10px}
  .svcs__head{flex-direction:column;align-items:flex-start;gap:18px}
  .bento{grid-template-columns:1fr;grid-auto-rows:auto}
  .bx,.bx--1,.bx--8{grid-column:auto;min-height:0;padding:22px}
  .bx--1{min-height:400px}
  .bx .bx__img{opacity:.5;transform:none}
  .bx--1 .bx__img,.bx--8 .bx__img{opacity:.85}
  .pano{height:calc(var(--n) * 60vh + 100vh)}
  .pano__in{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100%;padding-top:86px;padding-bottom:20px;gap:0;align-items:stretch}
  .pano__txt{order:2;display:grid;align-content:end}
  .pano__txt>.kick,.pano__h,.pano__lnk{display:none}
  .pano__stage{order:1;height:auto;min-height:0}
  .pv{height:52vh;max-height:52vh}
  .pano__steps{min-height:150px}
  .pst p{font-size:14.5px}
  .pst__t{font-size:21px;margin:8px 0}
  .pano__rail{margin:8px 0 0}
  .pano__badge{top:0}
  .pmap__kpi{width:100%}
  .pmap__kpi span{flex:1;min-width:0;padding:12px}
  .pmap__kpi b{font-size:28px}
  .map{aspect-ratio:1/1}
  .map svg{transform:scale(1.25);transform-origin:45% 55%}
  .map__card{width:200px}
  .room{aspect-ratio:4/3}
  .seg button{font-size:12px;padding:10px 2px}
  .lab__ph{width:72vw}
  .proc__steps{grid-template-columns:1fr;row-gap:26px}
  .pstp{grid-template-columns:64px 1fr;column-gap:18px;align-items:center}
  .pstp__node{grid-row:span 3;width:64px;height:64px;margin:0;border-radius:20px}
  .tt{grid-template-columns:1fr}
  .tt__c{min-height:0;padding:24px 24px 84px}
  .gal-s__i{width:58vw}
  .posts{grid-template-columns:1fr;gap:34px}
}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 55% at 22% 72%,rgb(var(--sf)/.62),transparent 72%),linear-gradient(0deg,rgb(var(--sf)/.7),transparent 30%)}
.hero__top{color:#c9d0f5}
.hud--l{margin-left:74px}
@media (max-width:760px){.hud--l{margin-left:0}}
.hero__l1,.hero__l2{white-space:nowrap}
.hero__l2{font-size:.84em}
@media (max-width:760px){.hero__h{font-size:17vw}.hero__l2{font-size:.6em;letter-spacing:-.05em}.map svg{transform:scale(1.1);transform-origin:50% 55%}}
/* ═══════════ İÇ SAYFALAR + ARAÇLAR ═══════════ */
@property --sx{syntax:'<percentage>';inherits:false;initial-value:-20%}
.ft__word{animation:sweep 7s linear infinite}
@keyframes sweep{to{--sx:120%}}
.js [data-split] em{background:none;color:inherit;padding:0}
.js [data-split] em .w>span{background:linear-gradient(100deg,var(--acc),var(--arc) 50%,var(--volt-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.js .lt [data-split] em .w>span{background:linear-gradient(100deg,var(--volt),var(--plasma));-webkit-background-clip:text;background-clip:text}
.js .lab [data-split] em .w>span,.js .ph--amber [data-split] em .w>span{background:linear-gradient(100deg,#ffe2b8,var(--amber) 60%,var(--amber-2));-webkit-background-clip:text;background-clip:text}
.ph--amber .kick{color:var(--amber)} .ph--amber .kick i{background:var(--amber);box-shadow:0 0 0 4px rgba(255,181,74,.18),0 0 16px var(--amber)}
.btn--red{background:var(--bad);color:#fff}
.form-ok{display:flex;align-items:center;gap:10px;margin:0;padding:14px 16px;border-radius:14px;background:rgba(61,220,151,.08);box-shadow:0 0 0 1px rgba(61,220,151,.25) inset;color:var(--ok);font-size:14.5px}
.prose p{color:var(--tx-2);font-size:17px;line-height:1.75}
.lt .prose p{color:var(--ink-2)}
.chk{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.chk li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px}
.chk .ic{flex-shrink:0;margin-top:3px;color:var(--acc);padding:2px;border-radius:6px;background:rgba(47,67,255,.18);width:20px;height:20px}
.lt .chk .ic{color:var(--volt);background:rgba(47,67,255,.1)}
.chk--grid{grid-template-columns:1fr 1fr;gap:12px 24px}

/* Kurumsal */
.story__tl{position:relative;display:grid;gap:clamp(50px,7vw,110px);padding:20px 0}
.story__line{position:absolute;left:50%;top:0;bottom:0;width:2px;translate:-50% 0;background:rgb(var(--tn)/.1)}
.story__line i{position:absolute;inset:0;background:linear-gradient(var(--volt),var(--acc));box-shadow:0 0 14px var(--volt-2);transform-origin:50% 0;transform:scaleY(0)}
.sti{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,9vw,140px);align-items:center}
.sti__node{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:1;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 2px var(--line-2);color:var(--tx-3);transition:.5s}
.sti.lit .sti__node{background:var(--volt);color:#fff;box-shadow:0 0 0 6px rgba(47,67,255,.2),0 0 30px var(--volt)}
.sti__txt{text-align:right}
.sti--r .sti__txt{order:2;text-align:left}
.sti__y{display:block;font:600 clamp(56px,7vw,110px)/.9 var(--f-d);letter-spacing:-.06em;background:linear-gradient(180deg,#fff,rgb(var(--tn)/.3));-webkit-background-clip:text;background-clip:text;color:transparent}
.sti__txt h3{font-size:clamp(22px,2vw,28px);margin:14px 0 10px;color:var(--acc)}
.sti__txt p{color:var(--tx-2);max-width:440px;display:inline-block}
.sti__img{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;box-shadow:0 0 0 1px var(--line),0 40px 80px -40px rgba(0,0,0,.8)}
.sti__img img{width:100%;height:100%;object-fit:cover}
.mv{position:relative;isolation:isolate;overflow:hidden}
.mv .field{opacity:.55}
.mv__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px)}
.mv__list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:2px}
.mv__list li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:18px 0;border-bottom:1px solid var(--line);font-size:17px;color:var(--tx)}
.mv__list .mono{color:var(--acc);padding-top:4px}
.mv__q{margin:28px 0 0;font:500 clamp(24px,2.6vw,38px)/1.25 var(--f-d);letter-spacing:-.03em;color:var(--hi)}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.val{padding:34px;border-radius:var(--r);background:var(--card);box-shadow:0 0 0 1px rgb(var(--tn)/.06),0 30px 60px -40px rgb(var(--tn)/.35)}
.val__ic{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--volt);color:#fff;margin-bottom:26px;box-shadow:0 14px 30px -10px rgba(47,67,255,.7)}
.val h3{font-size:24px;margin-bottom:12px}
.val p{color:var(--ink-2);margin:0}
.proms{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px}
.proms span{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 20px;border-radius:999px;background:var(--card);box-shadow:0 0 0 1px rgb(var(--tn)/.08);font-weight:600}
.proms .ic{color:var(--volt)}
.br{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.brc{position:relative;border-radius:var(--r);overflow:hidden;background:var(--bg-3);box-shadow:0 0 0 1px var(--line) inset}
.brc__img{display:block;aspect-ratio:16/8;overflow:hidden}
.brc__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-o)}
.brc:hover .brc__img img{transform:scale(1.05)}
.brc__b{padding:28px;display:grid;gap:14px;justify-items:start}
.brc h3{font-size:30px}
.brc p{color:var(--tx-2);margin:0}
.brc__l{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px;width:100%}
.brc__l a,.brc__l span{display:flex;gap:12px;align-items:flex-start;color:var(--tx-2);font-size:15px}
.brc__l a:hover{color:var(--hi)}
.brc__l .ic{color:var(--acc);margin-top:3px}
.brc--amber .brc__l .ic{color:var(--amber)}

/* Hizmetler listesi */
.sl__nav{position:sticky;top:calc(var(--hdv,84px) + 6px);z-index:5;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:6px;margin-bottom:60px;border-radius:16px;background:rgb(var(--sf)/.8);box-shadow:0 0 0 1px var(--line) inset;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:top .5s var(--ease-o)}
.sl__nav::-webkit-scrollbar{display:none}
.sl__nav a{flex-shrink:0;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:11px;font-size:14px;color:var(--tx-2);transition:.25s}
.sl__nav a:hover{background:rgb(var(--tn)/.08);color:var(--hi)}
.sl__nav .mono{color:var(--acc);font-size:10px}
.srow{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding:clamp(40px,5vw,70px) 0;border-top:1px solid var(--line);scroll-margin-top:150px}
.srow--r .srow__img{order:2}
.srow__img{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:5/4}
.srow__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-o)}
.srow:hover .srow__img img{transform:scale(1.05)}
.srow__no{position:absolute;left:18px;bottom:6px;font:700 clamp(70px,9vw,140px)/1 var(--f-d);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.65)}
.srow__ic{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(47,67,255,.16);color:var(--acc);box-shadow:0 0 0 1px rgb(var(--tn)/.2) inset;margin-bottom:22px}
.srow__t{font-size:clamp(30px,3.6vw,52px);margin-bottom:18px}
.srow__d{color:var(--tx-2);font-size:17px;margin-bottom:24px}
.srow .chk{grid-template-columns:1fr 1fr;margin-bottom:30px}
.srow__cta{display:flex;flex-wrap:wrap;align-items:center;gap:20px}

/* Detay (hizmet/proje): yapışkan sol görsel */
.sd__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px);align-items:start}
.sd__side{position:sticky;top:calc(var(--hdv,84px) + 20px);display:grid;gap:16px;transition:top .5s var(--ease-o)}
.sd__img{position:relative;margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;box-shadow:0 0 0 1px var(--line)}
.sd__img--w{aspect-ratio:4/3}
.sd__img a{display:block;height:100%}
.sd__img img{width:100%;height:100%;object-fit:cover}
.sd__zoom{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(4,5,12,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff}
.sd__card{display:grid;gap:12px;padding:20px;border-radius:20px;background:var(--panel);box-shadow:0 0 0 1px var(--line) inset}
.sd__card .mono{color:var(--tx-3);font-size:10.5px}
.sd__tel{display:flex;align-items:center;gap:10px;font:600 20px/1.2 var(--f-d);letter-spacing:-.02em}
.sd__tel .ic{color:var(--acc)}
.sd__map .map{aspect-ratio:206/150}
.sd__lead{font:500 clamp(21px,2vw,28px)/1.35 var(--f-d);letter-spacing:-.02em;margin-bottom:26px}
.sd__h{display:flex;align-items:center;gap:12px;font-size:clamp(24px,2.3vw,32px);margin:56px 0 22px}
.sd__h .ic{color:var(--acc)}
.sd__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
.steps li{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding:18px;border-radius:18px;background:rgb(var(--tn)/.04);box-shadow:0 0 0 1px var(--line) inset}
.steps__n{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--volt);color:#fff;font:600 20px var(--f-d);box-shadow:0 10px 24px -8px var(--volt)}
.steps b{display:block;font:600 18px/1.3 var(--f-d);margin:4px 0 4px}
.steps p{margin:0;color:var(--tx-2);font-size:15px}
.pstat{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.pn{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding-block:40px 70px;border-top:1px solid var(--line)}
.pn__a{display:grid;gap:8px;padding:20px;border-radius:18px;transition:background .3s}
.pn__a:hover{background:rgb(var(--tn)/.06)}
.pn__a .mono{display:flex;align-items:center;gap:8px;color:var(--tx-3);font-size:10.5px}
.pn__a b{font:600 clamp(17px,1.6vw,22px)/1.25 var(--f-d);letter-spacing:-.02em}
.pn__a--r{text-align:right}
.pn__a--r .mono{justify-content:flex-end}
.pn__all{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;box-shadow:0 0 0 1px var(--line-2) inset;color:var(--acc);transition:.3s}
.pn__all:hover{background:var(--volt);color:#fff}

/* Proje kartları */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pgrid--3{grid-template-columns:repeat(3,1fr)}
.sd .pgrid--3{grid-template-columns:1fr 1fr}
.pc{display:grid;align-content:start;border-radius:20px;overflow:hidden;background:var(--card);box-shadow:0 0 0 1px rgb(var(--tn)/.07),0 24px 50px -36px rgb(var(--sf)/.5);transition:transform .5s var(--ease-o),box-shadow .4s;color:var(--ink)}
.pc:hover{transform:translateY(-5px);box-shadow:0 0 0 1px rgba(47,67,255,.3),0 34px 60px -30px rgba(47,67,255,.45)}
.pc__img{display:block;aspect-ratio:1;overflow:hidden}
.pc__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-o)}
.pc:hover .pc__img img{transform:scale(1.06)}
.pc__b{display:grid;gap:12px;padding:18px}
.pc__tags{display:flex;flex-wrap:wrap;gap:6px}
.pc .tag{background:rgba(47,67,255,.07);color:var(--volt);box-shadow:0 0 0 1px rgba(47,67,255,.16) inset}
.pc .tag--ok{color:#0e8a56;background:rgba(14,138,86,.08);box-shadow:0 0 0 1px rgba(14,138,86,.2) inset}
.pc .tag--live{color:#b8620a;background:rgba(255,138,42,.1);box-shadow:0 0 0 1px rgba(255,138,42,.25) inset}
.pc__t{font:600 17px/1.3 var(--f-d);letter-spacing:-.015em}
.pc__l{display:flex;justify-content:space-between;align-items:center;color:var(--ink-3);font-size:10px}
.pc__l .ic{color:var(--volt)}
.kgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.kc{position:relative;padding:24px;border-radius:var(--r);background:linear-gradient(180deg,rgb(var(--sf)/.7),rgb(var(--sf)/.7));box-shadow:0 0 0 1px var(--line) inset;display:grid;align-content:start;gap:12px}
.kc__h{display:flex;justify-content:space-between;align-items:center}
.kc__ic{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:rgba(47,67,255,.16);color:var(--acc)}
.kc__h .mono{color:var(--tx-3);font-size:10px}
.kc h3{font-size:22px}
.kc p{color:var(--tx-2);font-size:14px;margin:0}
.kc ul{list-style:none;margin:6px 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:8px}
.kc li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--tx)}
.kc li .ic{color:var(--acc);margin-top:3px}

/* Mağaza */
.st-intro__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.st-mos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:1}
.st-mos__i{display:block;border-radius:20px;overflow:hidden}
.st-mos__i--0{grid-row:span 2}
.st-mos__i img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-o)}
.st-mos__i:hover img{transform:scale(1.05)}
.st-intro .kick{color:var(--amber)} .st-intro .kick i{background:var(--amber);box-shadow:0 0 0 4px rgba(255,181,74,.18),0 0 16px var(--amber)}
.js .st-intro [data-split] em .w>span{background:linear-gradient(100deg,#ffe2b8,var(--amber) 60%,var(--amber-2));-webkit-background-clip:text;background-clip:text}
.st-intro .chk .ic{color:var(--amber);background:rgba(255,181,74,.14)}
.st-intro .chk{margin-bottom:32px}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cat{position:relative;display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--bg-3);box-shadow:0 0 0 1px var(--line) inset;min-height:420px}
.cat__img{position:absolute;inset:0}
.cat__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-o)}
.cat:hover .cat__img img{transform:scale(1.07)}
.cat__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(7,6,10,.95))}
.cat__b{position:relative;margin-top:auto;padding:22px;display:grid;gap:8px}
.cat__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(255,181,74,.2);color:var(--amber);margin-bottom:8px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cat b{font:600 22px/1.2 var(--f-d);letter-spacing:-.02em}
.cat__b>span:last-child{color:var(--tx-2);font-size:14.5px}
.kel__g{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kc2{position:relative;padding:30px;border-radius:var(--r);background:var(--card);box-shadow:0 0 0 1px rgb(var(--tn)/.07);overflow:hidden;display:grid;gap:10px}
.kc2__sw{position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--kc),transparent 70%)}
.kc2 .mono{color:var(--ink-3);font-size:11px}
.kc2 b{font:600 26px/1.1 var(--f-d);letter-spacing:-.03em}
.kc2 p{margin:0;color:var(--ink-2)}
.kel__more{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;margin-top:40px}
.ggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ggrid--4{grid-template-columns:repeat(4,1fr)}
.gg{position:relative;display:block;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--bg-3)}
.gg img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-o),filter .4s}
.gg:hover img{transform:scale(1.06)}
.gg__c{position:absolute;left:10px;right:10px;bottom:10px;padding:7px 10px;border-radius:8px;background:rgba(4,5,12,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:9.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(6px);transition:.35s var(--ease-o)}
.gg:hover .gg__c,.gg:focus-visible .gg__c{opacity:1;transform:none}
.gal__f{margin-bottom:26px}

/* Blog */
.feat{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,4vw,60px);align-items:center;margin-bottom:60px}
.feat__img{display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10}
.feat__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-o)}
.feat:hover .feat__img img{transform:scale(1.04)}
.feat__b{display:grid;gap:16px;justify-items:start}
.feat__t{font:600 clamp(28px,3.2vw,46px)/1.1 var(--f-d);letter-spacing:-.035em}
.blog__f{margin-bottom:30px}
.posts--dk .post__ex{color:var(--tx-2)}
.post--dk .post__t{color:var(--hi)}
.post--dk:hover .post__t{color:var(--acc)}
.post--dk .post__m{color:var(--acc)}
.rbar{position:fixed;left:0;right:0;top:0;height:3px;z-index:71;pointer-events:none}
.rbar i{display:block;height:100%;background:var(--volt);transform-origin:0 50%;transform:scaleX(0)}
.art__in{display:grid;grid-template-columns:260px minmax(0,760px);gap:clamp(30px,5vw,80px);justify-content:center}
.art__side{position:sticky;top:calc(var(--hdv,84px) + 30px);align-self:start;display:grid;gap:28px;transition:top .5s var(--ease-o)}
.toc{display:grid;gap:4px}
.toc .mono{color:var(--ink-3);margin-bottom:8px;font-size:10.5px}
.toc a{padding:8px 0 8px 14px;border-left:2px solid rgb(var(--tn)/.1);font-size:14.5px;color:var(--ink-2);transition:.25s}
.toc a:hover{color:var(--ink)}
.toc a.is-on{border-color:var(--volt);color:var(--volt);font-weight:600}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.share .mono{width:100%;color:var(--ink-3);font-size:10.5px}
.share a,.share button{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--card);box-shadow:0 0 0 1px rgb(var(--tn)/.1);color:var(--ink);transition:.25s}
.share a:hover,.share button:hover{background:var(--volt);color:#fff}
.share button.ok{background:var(--ok);color:#fff}
.art__img{margin:0 0 40px;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9}
.art__img img{width:100%;height:100%;object-fit:cover}
.prose--art{font-size:18px}
.prose--art p{font-size:18px;color:var(--ink-2)}
.prose--art h2{font-size:clamp(26px,2.4vw,34px);margin:52px 0 18px;scroll-margin-top:120px}
.prose--art ul{margin:0 0 1.2em;padding:0;list-style:none;display:grid;gap:10px}
.prose--art li{position:relative;padding-left:28px;color:var(--ink-2);font-size:17px}
.prose--art li::before{content:"";position:absolute;left:4px;top:.6em;width:9px;height:9px;border-radius:3px;background:var(--volt);transform:rotate(45deg)}
.prose--art strong{color:var(--ink)}
.art__note{display:flex;gap:14px;margin-top:40px;padding:20px;border-radius:18px;background:rgba(47,67,255,.06);box-shadow:0 0 0 1px rgba(47,67,255,.14) inset}
.art__note .ic{color:var(--volt);margin-top:2px}
.art__note p{margin:0;font-size:15px;color:var(--ink-2)}
.art__note a{color:var(--volt);font-weight:600}
.author{display:flex;gap:16px;align-items:center;margin-top:24px;padding:20px;border-radius:18px;background:var(--card);box-shadow:0 0 0 1px rgb(var(--tn)/.07)}
.author__av img{width:56px;height:56px;border-radius:16px}
.author b{font:600 17px var(--f-d)}
.author p{margin:2px 0 0;font-size:14.5px;color:var(--ink-2)}

/* SSS */
.faqp__in{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:start}
.faqp__side{position:sticky;top:calc(var(--hdv,84px) + 24px);display:grid;gap:20px;transition:top .5s var(--ease-o)}
.faqp__s{display:flex;align-items:center;gap:10px;height:54px;padding:0 16px;border-radius:14px;background:rgb(var(--tn)/.06);box-shadow:0 0 0 1px var(--line-2) inset;color:var(--acc)}
.faqp__s input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--hi);font-size:16px}
.faqp__nav{display:grid;gap:2px}
.faqp__nav a{display:flex;justify-content:space-between;padding:12px 14px;border-radius:12px;color:var(--tx-2);transition:.25s}
.faqp__nav a:hover{background:rgb(var(--tn)/.06);color:var(--hi)}
.faqp__nav .mono{color:var(--acc)}
.faqp__g{margin-bottom:56px;scroll-margin-top:120px}
.faqp__h{font-size:clamp(24px,2.4vw,34px);margin-bottom:12px}
.faqp__none{color:var(--tx-2)}
.faqp__none a{color:var(--acc)}

/* İletişim */
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:clamp(40px,5vw,70px)}
.cc{position:relative;display:grid;gap:8px;padding:24px;border-radius:var(--r);background:linear-gradient(180deg,rgb(var(--sf)/.7),rgb(var(--sf)/.7));box-shadow:0 0 0 1px var(--line) inset;transition:transform .5s var(--ease-o)}
.cc:hover{transform:translateY(-4px)}
.cc__ic{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--volt);color:#fff;margin-bottom:14px;box-shadow:0 0 24px -4px var(--volt)}
.cc--wa .cc__ic{background:var(--wa);box-shadow:none}
.cc .mono{color:var(--tx-3);font-size:10px}
.cc b{font:600 clamp(18px,1.6vw,22px)/1.2 var(--f-d);letter-spacing:-.02em;word-break:break-word}
.cc small{color:var(--tx-2);font-size:13.5px}
.ct__body{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,3vw,40px);align-items:stretch}
.ct__map{position:relative;border-radius:var(--r);overflow:hidden;min-height:520px;box-shadow:0 0 0 1px var(--line)}
.ct__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:invert(.92) hue-rotate(185deg) saturate(.7) brightness(.95)}
.ct__addr{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:10px;justify-items:start;padding:20px;border-radius:18px;background:rgb(var(--sf)/.86);box-shadow:0 0 0 1px var(--line-2) inset;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ct__addr .mono{color:var(--tx-3);font-size:10px}
.ct__addr a:not(.btn){display:grid}
.ct__addr b{font:600 20px/1.25 var(--f-d)}
.ct__addr span{color:var(--tx-2)}
.cf{display:grid;gap:16px;align-content:start;padding:clamp(24px,3vw,40px);border-radius:var(--r);background:var(--panel);box-shadow:0 0 0 1px var(--line) inset}
.cf__h{font-size:clamp(30px,3vw,44px);margin-bottom:8px}
.cf__g{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cf__note{color:var(--tx-3);font-size:12.5px}

/* Araçlar */
.tnav{position:sticky;top:var(--hdv,84px);z-index:20;background:rgb(var(--sf)/.82);border-block:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:top .5s var(--ease-o)}
.tnav__in{display:flex;gap:6px;padding-block:10px;overflow-x:auto;scrollbar-width:none}
.tnav a{flex-shrink:0;display:flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:12px;color:var(--tx-2);font-weight:500;transition:.25s}
.tnav a:hover{color:var(--hi);background:rgb(var(--tn)/.06)}
.tnav a.is-on{background:var(--volt);color:#fff;box-shadow:0 0 24px -6px var(--volt)}
.tool{scroll-margin-top:140px}
.tool__body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.apps{display:grid;gap:26px}
.apps__g h3{color:var(--tx-3);font-size:10.5px;margin-bottom:10px}
.apps__g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.apps__g h3{grid-column:1/-1}
.app{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:10px 10px 10px 12px;border-radius:16px;background:rgb(var(--tn)/.04);box-shadow:0 0 0 1px var(--line) inset;cursor:pointer;transition:background .25s,box-shadow .25s;user-select:none;-webkit-user-select:none}
.app:hover{box-shadow:0 0 0 1px var(--line-2) inset}
.app.is-on{background:rgba(47,67,255,.14);box-shadow:0 0 0 1px rgb(var(--tn)/.5) inset}
.app__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgb(var(--tn)/.08);color:var(--acc);transition:.25s}
.app.is-on .app__ic{background:var(--volt);color:#fff}
.app__t{display:grid;min-width:0}
.app__t b{font-weight:500;font-size:14.5px;line-height:1.25}
.app__t small{color:var(--tx-3);font-size:10px;margin-top:3px}
.step{display:flex;align-items:center;gap:2px;padding:3px;border-radius:12px;background:rgb(var(--sf)/.5);box-shadow:0 0 0 1px var(--line) inset}
.step button{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--tx-2);transition:.2s}
.step button:hover{background:var(--volt);color:#fff}
.step output{min-width:20px;text-align:center;font:600 15px var(--f-m)}
.apps__set{display:grid;grid-template-columns:1fr 200px;gap:18px 24px;align-items:end;padding:22px;border-radius:20px;background:var(--panel);box-shadow:0 0 0 1px var(--line) inset}
.apps__set .ctl{grid-column:1/-1}
.ctl__help{color:var(--tx-3);font-size:12.5px}
.res{position:sticky;top:calc(var(--hdv,84px) + 84px);transition:top .5s var(--ease-o)}
.res__card{display:grid;gap:18px;padding:clamp(20px,2.4vw,30px);border-radius:var(--r);background:linear-gradient(180deg,rgb(var(--sf)/.9),rgb(var(--sf)/.9));box-shadow:0 0 0 1px var(--line-2) inset,0 40px 80px -40px rgba(47,67,255,.5)}
.res__top{display:flex;justify-content:space-between;color:var(--tx-3);font-size:10.5px}
.res__live{display:flex;align-items:center;gap:6px;color:var(--ok)}
.res__live i{width:6px;height:6px;border-radius:50%;background:var(--ok);animation:blink 1.4s infinite}
.res__big{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.res__big>div{padding:16px;border-radius:16px;background:rgb(var(--sf)/.55);box-shadow:0 0 0 1px var(--line) inset}
.res__big .mono{color:var(--tx-3);font-size:10px}
.res__big b{display:flex;align-items:baseline;gap:6px;margin-top:6px;font:600 clamp(34px,3.6vw,48px)/1 var(--f-m);letter-spacing:-.04em;color:var(--hi);text-shadow:0 0 24px rgba(84,104,255,.6)}
.res__big small{font-size:14px;color:var(--acc);letter-spacing:0}
.meter__bar{position:relative;height:14px;border-radius:8px;background:rgb(var(--tn)/.08);box-shadow:0 0 0 1px var(--line) inset;overflow:visible}
.meter__bar i{position:absolute;left:0;top:0;bottom:0;border-radius:8px;background:linear-gradient(90deg,var(--volt),var(--acc));box-shadow:0 0 14px var(--volt-2);transition:width .6s var(--ease-o),background .3s}
.meter__bar i[data-st=warn]{background:linear-gradient(90deg,var(--volt),var(--amber))}
.meter__bar i[data-st=trip]{background:linear-gradient(90deg,var(--amber),var(--bad));box-shadow:0 0 14px var(--bad)}
.meter__lim{position:absolute;top:-6px;bottom:-6px;width:2px;background:var(--card);box-shadow:0 0 8px #fff;transition:left .4s var(--ease-o)}
.meter__lim::after{content:"ana sigorta";position:absolute;top:-18px;left:50%;translate:-50% 0;font:500 9px var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--tx-2);white-space:nowrap}
.meter__sc{display:flex;justify-content:space-between;margin-top:8px;color:var(--tx-3);font-size:9.5px}
.brk2{display:flex;align-items:center;gap:16px;padding:14px;border-radius:16px;background:rgba(4,5,12,.5);box-shadow:0 0 0 1px var(--line) inset}
.brk2__body{position:relative;width:46px;height:70px;flex-shrink:0;border-radius:8px;background:linear-gradient(90deg,#d8dcea,#f6f7fb,#d3d8e8);box-shadow:inset 0 0 0 1px #9aa3c4}
.brk2__body::before{content:"";position:absolute;left:11px;right:11px;top:14px;bottom:14px;border-radius:5px;background:#1b2046}
.brk2__tog{position:absolute;left:14px;right:14px;top:17px;height:18px;border-radius:4px;background:var(--ok);box-shadow:0 0 10px var(--ok);transition:top .35s cubic-bezier(.5,-0.5,.5,1.5),background .3s,box-shadow .3s}
.brk2[data-st=idle] .brk2__tog{background:#8f97bd;box-shadow:none}
.brk2[data-st=warn] .brk2__tog{background:var(--amber);box-shadow:0 0 10px var(--amber)}
.brk2[data-st=trip] .brk2__tog{top:35px;background:var(--bad);box-shadow:0 0 12px var(--bad)}
.brk2[data-st=trip]{box-shadow:0 0 0 1px rgba(255,90,106,.5) inset;animation:shake .4s}
@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.brk2 b{display:block;font:600 18px var(--f-d)}
.brk2[data-st=trip] b{color:var(--bad)} .brk2[data-st=warn] b{color:var(--amber)} .brk2[data-st=ok] b{color:var(--ok)}
.brk2 small{color:var(--tx-2);font-size:13.5px}
.res__dl{display:grid;gap:0;margin:0}
.res__dl div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.res__dl dt{color:var(--tx-2)} .res__dl dd{margin:0;font-weight:600;text-align:right}
.res__tips{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.res__tips li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--tx-2)}
.res__tips .ic{color:var(--amber);flex-shrink:0;margin-top:2px;width:16px;height:16px}
.res__tips b{color:var(--hi);font-weight:600}
.res__disc{margin:0;color:var(--tx-3);font-size:12.5px;line-height:1.55}
.lt .res__disc{color:var(--ink-3)} .lt .res__disc a{color:var(--volt)}
.tool__body--lux{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.lux__ctl{display:grid;gap:22px;padding:clamp(20px,2.4vw,30px);border-radius:var(--r);background:var(--card);box-shadow:0 0 0 1px rgb(var(--tn)/.07)}
.lt .fld>span,.lt .ctl__h{color:var(--ink-3)} .lt .ctl__h b{color:var(--ink)}
.lt .inp{background:var(--paper);box-shadow:0 0 0 1px rgb(var(--tn)/.12) inset;color:var(--ink)}
.lt .inp:focus{box-shadow:0 0 0 1.5px var(--volt) inset,0 0 0 5px rgba(47,67,255,.12)}
.lt select.inp option{background:var(--card)}
.lt input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--volt) var(--v,50%),rgb(var(--tn)/.1) var(--v,50%))}
.lt input[type=range]::-moz-range-track{background:linear-gradient(90deg,var(--volt) var(--v,50%),rgb(var(--tn)/.1) var(--v,50%))}
.seg--3{grid-template-columns:repeat(3,1fr)}
.lt .seg{background:var(--paper);box-shadow:0 0 0 1px rgb(var(--tn)/.08) inset}
.lt .seg button{color:var(--ink-2)}
.lt .seg button.is-on{background:var(--volt);color:#fff;box-shadow:none}
.lux__out{display:grid;gap:16px}
.plan{position:relative;border-radius:var(--r);overflow:hidden;background:#05060f;aspect-ratio:4/3;box-shadow:0 30px 60px -30px rgb(var(--sf)/.6)}
.plan canvas{width:100%;height:100%}
.plan__dim{position:absolute;right:14px;top:14px;padding:6px 10px;border-radius:8px;background:rgb(var(--tn)/.1);color:var(--acc);font-size:10px}
.lux__r{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lux__r div{padding:14px;border-radius:14px;background:var(--card);box-shadow:0 0 0 1px rgb(var(--tn)/.07)}
.lux__r .mono{color:var(--ink-3);font-size:9.5px}
.lux__r b{display:block;margin-top:6px;font:600 18px/1.2 var(--f-d);letter-spacing:-.02em}
.dx{display:grid;gap:18px;max-width:900px}
.dx__path{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:10.5px;color:var(--tx-3);min-height:20px}
.dx__path button{color:var(--acc);font:inherit;letter-spacing:inherit;text-transform:inherit}
.dx__path button:hover{color:var(--hi)}
.dx__card{padding:clamp(22px,3vw,40px);border-radius:var(--r);background:linear-gradient(180deg,rgb(var(--sf)/.85),rgb(var(--sf)/.85));box-shadow:0 0 0 1px var(--line-2) inset;opacity:0;transform:translateY(14px);transition:opacity .4s,transform .6s var(--ease-o)}
.dx__card.in{opacity:1;transform:none}
.dx__n{color:var(--acc);font-size:10.5px}
.dx__q{font-size:clamp(24px,2.6vw,36px);margin:12px 0 24px}
.dx__o{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dx__o button{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;text-align:left;background:rgb(var(--tn)/.05);box-shadow:0 0 0 1px var(--line) inset;font-size:15.5px;line-height:1.35;transition:.25s}
.dx__o button>span:nth-child(2){flex:1}
.dx__o button:hover{background:rgba(47,67,255,.18);box-shadow:0 0 0 1px var(--acc) inset}
.dx__o button>.ic{color:var(--tx-3);transition:transform .3s var(--ease-o)}
.dx__o button:hover>.ic{color:var(--hi);transform:translateX(3px)}
.dx__oi{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(47,67,255,.16);color:var(--acc);flex-shrink:0}
.dxr{display:grid;gap:16px;justify-items:start}
.dxr__lv{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;font-size:11px}
.dxr--info .dxr__lv{background:rgb(var(--tn)/.12);color:var(--acc)}
.dxr--warn .dxr__lv{background:rgba(255,181,74,.12);color:var(--amber)}
.dxr--acil .dxr__lv{background:rgba(255,90,106,.14);color:var(--bad);animation:blink 1.2s infinite}
.dxr h3{font-size:clamp(24px,2.6vw,34px)}
.dxr ol{margin:0;padding:0;list-style:none;counter-reset:d;display:grid;gap:10px;width:100%}
.dxr li{counter-increment:d;display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px;border-radius:14px;background:rgb(var(--sf)/.45);box-shadow:0 0 0 1px var(--line) inset;color:var(--tx);font-size:15.5px}
.dxr li::before{content:counter(d);display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--volt);color:#fff;font:600 15px var(--f-m)}
.dxr--acil li::before{background:var(--bad)} .dxr--warn li::before{background:#c98320}
.dxr__b{display:flex;flex-wrap:wrap;gap:10px}
.dxr__b .btn{height:48px;padding:0 18px;font-size:14.5px}
.dxr__re{display:inline-flex;align-items:center;gap:8px;color:var(--tx-3);font-size:14px}
.dxr__re:hover{color:var(--hi)}
.dx__warn{display:flex;gap:14px;padding:18px;border-radius:18px;background:rgba(255,90,106,.06);box-shadow:0 0 0 1px rgba(255,90,106,.2) inset}
.dx__warn .ic{color:var(--bad);margin-top:2px}
.dx__warn p{margin:0;color:var(--tx-2);font-size:14.5px}
.dx__warn b{color:var(--hi)} .dx__warn a{color:var(--bad);font-weight:700}

/* Keşif sihirbazı */
.qz__in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,4vw,60px);align-items:start}
.qz__f{display:grid;gap:22px}
.qz__prog{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.qz__prog li{display:grid;gap:10px;color:var(--tx-3);font-size:13.5px}
.qz__prog li::before{content:"";height:4px;border-radius:4px;background:rgb(var(--tn)/.12);transition:background .4s}
.qz__prog li.is-on::before{background:linear-gradient(90deg,var(--volt),var(--acc));box-shadow:0 0 12px var(--volt-2)}
.qz__prog i{display:none}
.qz__prog li.is-on{color:var(--hi)}
.qz__s{display:none;border:0;margin:0;padding:0;min-width:0}
.qz__s.is-on{display:grid;gap:18px;animation:qin .5s var(--ease-o)}
@keyframes qin{from{opacity:0;transform:translateX(24px)}}
.qz__h{font:600 clamp(28px,3vw,42px)/1.1 var(--f-d);letter-spacing:-.035em;padding:0}
.qz__p{color:var(--tx-2);margin:-8px 0 0}
.qz__svc{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qopt{position:relative;cursor:pointer}
.qopt input{position:absolute;opacity:0;pointer-events:none}
.qopt>span{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:rgb(var(--tn)/.05);box-shadow:0 0 0 1px var(--line) inset;transition:.25s;min-height:68px}
.qopt>span .ic{color:var(--acc);flex-shrink:0}
.qopt b{font-weight:600;font-size:15px;line-height:1.3}
.qopt:hover>span{box-shadow:0 0 0 1px var(--acc) inset}
.qopt input:checked+span{background:rgba(47,67,255,.2);box-shadow:0 0 0 1.5px var(--acc) inset,0 0 30px -10px var(--volt)}
.qopt input:checked+span .ic{color:var(--hi)}
.qopt input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.qopt--row>span{display:grid;grid-template-columns:auto 1fr;column-gap:14px}
.qopt--row>span .ic{grid-row:span 2}
.qopt--row small{color:var(--tx-3);font-size:13px}
.qz__urg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.qz__nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.qz__nav [data-q-next],.qz__nav [data-q-send]{margin-left:auto}
.qz__err{margin:0;padding:12px 16px;border-radius:12px;background:rgba(255,90,106,.08);color:var(--bad);font-size:14.5px}
.qz__err.ok{background:rgba(61,220,151,.08);color:var(--ok)}
.qz__side{position:sticky;top:calc(var(--hdv,84px) + 20px);display:grid;gap:16px;transition:top .5s var(--ease-o)}
.ticket{position:relative;padding:24px;border-radius:var(--r);background:linear-gradient(180deg,#0f1330,#080a1a);box-shadow:0 0 0 1px var(--line-2) inset,0 40px 80px -40px rgba(47,67,255,.6);overflow:hidden}
.ticket::before{content:"";position:absolute;left:-12px;right:-12px;top:62px;border-top:2px dashed rgb(var(--tn)/.18)}
.ticket__h{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
.ticket__h .mono{color:var(--tx-3);font-size:10.5px}
.ticket__h b{font:600 18px var(--f-m);color:var(--acc);letter-spacing:.02em}
.ticket__dl{margin:0;display:grid;gap:0}
.ticket__dl div{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.ticket__dl dt{color:var(--tx-3);font:500 10px/1.8 var(--f-m);letter-spacing:.1em;text-transform:uppercase}
.ticket__dl dd{margin:0;color:var(--tx-3)}
.ticket__dl dd.on{color:var(--hi);animation:fi .4s}
.ticket__bar{height:4px;border-radius:4px;background:rgb(var(--tn)/.1);margin-top:20px;overflow:hidden}
.ticket__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--volt),var(--acc));transition:width .5s var(--ease-o)}
.ticket__f{display:flex;justify-content:space-between;margin-top:10px;color:var(--tx-3);font-size:9.5px}
.ticket.is-sent{box-shadow:0 0 0 1.5px var(--ok) inset,0 40px 80px -40px rgba(61,220,151,.6)}
.ticket.is-sent::after{content:"HAZIRLANDI";position:absolute;right:18px;top:96px;padding:6px 12px;border:2px solid var(--ok);border-radius:8px;color:var(--ok);font:700 13px var(--f-m);letter-spacing:.14em;transform:rotate(-12deg);animation:pin .4s var(--ease-o)}

/* 404 */
.e4{min-height:100vh;min-height:100svh;align-items:center}
.e4__in{display:grid;grid-template-columns:auto 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.brk{display:grid;justify-items:center;gap:14px;color:var(--tx-3)}
.brk__body{position:relative;width:120px;height:190px;border-radius:16px;background:linear-gradient(90deg,#d8dcea,#f6f7fb,#d3d8e8);box-shadow:inset 0 0 0 1px #9aa3c4,0 40px 80px -30px rgba(0,0,0,.8)}
.brk__body::before{content:"";position:absolute;left:30px;right:30px;top:40px;bottom:40px;border-radius:10px;background:#1b2046}
.brk__tog{position:absolute;left:36px;right:36px;top:92px;height:46px;border-radius:8px;background:var(--bad);box-shadow:0 0 18px var(--bad);transition:top .4s cubic-bezier(.5,-0.6,.5,1.6),background .3s,box-shadow .3s}
.brk:hover .brk__tog{top:86px}
.brk.on .brk__tog{top:46px;background:var(--ok);box-shadow:0 0 24px var(--ok)}
.e4-on .ph__h{text-shadow:0 0 40px rgba(143,178,255,.8)}

/* Duyarlı — iç sayfalar */
@media (max-width:1180px){
  .pgrid{grid-template-columns:repeat(3,1fr)}
  .kgrid{grid-template-columns:repeat(2,1fr)}
  .cats{grid-template-columns:repeat(2,1fr)}
  .cgrid{grid-template-columns:repeat(2,1fr)}
  .tool__body,.tool__body--lux{grid-template-columns:1fr}
  .res{position:static}
  .qz__in{grid-template-columns:1fr}
  .qz__side{position:static}
  .art__in{grid-template-columns:1fr}
  .art__side{position:static;order:2}
  .faqp__in{grid-template-columns:1fr}
  .faqp__side{position:static}
  .ggrid--4{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:960px){
  .sd__in{grid-template-columns:1fr}
  .sd__side{position:static}
  .sd__img{aspect-ratio:16/10}
  .ct__body{grid-template-columns:1fr}
}
@media (max-width:760px){
  .chk--grid,.srow .chk{grid-template-columns:1fr}
  .story__line{left:26px}
  .sti,.sti--r{grid-template-columns:1fr;gap:20px;padding-left:70px}
  .sti__node{left:26px;top:30px}
  .sti__txt,.sti--r .sti__txt{text-align:left;order:0}
  .mv__in{grid-template-columns:1fr}
  .vals{grid-template-columns:1fr}
  .br{grid-template-columns:1fr}
  .brc h3{font-size:26px}
  .sl__nav{margin-bottom:30px}
  .srow,.srow--r{grid-template-columns:1fr;gap:24px}
  .srow--r .srow__img{order:0}
  .sd__h{margin-top:44px}
  .pn{grid-template-columns:1fr 1fr;gap:10px}
  .pn__all{display:none}
  .pn__a{padding:12px}
  .pgrid,.pgrid--3,.sd .pgrid--3{grid-template-columns:1fr 1fr;gap:10px}
  .pc__b{padding:12px;gap:8px}
  .pc__t{font-size:14.5px}
  .pc .tag{height:22px;font-size:9.5px;padding:0 7px}
  .pc__tags .tag:first-child{display:none}
  .kgrid{grid-template-columns:1fr}
  .st-intro__in{grid-template-columns:1fr}
  .cats{grid-template-columns:1fr 1fr;gap:10px}
  .cat{min-height:280px}
  .cat__b{padding:14px}
  .cat b{font-size:17px}
  .cat__b>span:last-child{display:none}
  .kel__g{grid-template-columns:1fr}
  .ggrid,.ggrid--4{grid-template-columns:repeat(2,1fr);gap:8px}
  .feat{grid-template-columns:1fr}
  .cgrid{grid-template-columns:1fr 1fr;gap:10px}
  .cc{padding:16px}
  .cc__ic{width:44px;height:44px;margin-bottom:8px}
  .cc b{font-size:15px}
  .cc small{display:none}
  .ct__map{min-height:440px}
  .cf__g{grid-template-columns:1fr}
  .apps__g{grid-template-columns:1fr}
  .apps__set{grid-template-columns:1fr}
  .lux__r{grid-template-columns:1fr 1fr}
  .dx__o{grid-template-columns:1fr}
  .qz__svc{grid-template-columns:1fr}
  .qz__urg{grid-template-columns:1fr}
  .qz__prog span{font-size:11.5px}
  .e4__in{grid-template-columns:1fr}
  .brk__body{width:90px;height:140px}
  .brk__body::before{left:22px;right:22px;top:30px;bottom:30px}
  .brk__tog{left:27px;right:27px;top:68px;height:34px}
  .brk.on .brk__tog{top:34px}
}
.ph .crumbs{margin-bottom:20px}
.cc b{overflow-wrap:normal;word-break:normal}
.cc--mail b{font-size:clamp(14px,1.25vw,18px)}
.mnav__c{width:100%;text-align:left}
/* ═══════════ TEMA v2 — açık varsayılan, koyu bölümler .dk, ikinci vurgu kehribar ═══════════
   Kapsam değişkenleri: --tn (nötr ton RGB), --sf (yüzey RGB), --hi (güçlü metin), --acc (vurgu), --hlg (başlık vurgusu) */
:root{
  --bg:#f4f3ef; --bg-2:#ebe9e3; --bg-3:#ffffff; --card:#ffffff; --panel:#ffffff;
  --tx:#16171b; --tx-2:#4d5058; --tx-3:#868991; --hi:#0f1013;
  --line:rgb(20 21 24/.1); --line-2:rgb(20 21 24/.16);
  --tn:20 21 24; --sf:255 255 255;
  --acc:#2f43ff; --amb:#c97a06; --amber:#ffb547;
  --hlg:linear-gradient(100deg,#2f43ff,#2f43ff);
  --icb:rgb(20 21 24/.05); --icc:#16171b;
  color-scheme:light;
}
.dk{
  --bg:#0e0f12; --bg-2:#141519; --bg-3:#1b1c21; --card:#1b1c21; --panel:rgb(255 255 255/.035);
  --tx:#f2f1ee; --tx-2:#b3b5bc; --tx-3:#7d8089; --hi:#ffffff;
  --line:rgb(255 255 255/.08); --line-2:rgb(255 255 255/.15);
  --tn:255 255 255; --sf:20 21 25;
  --acc:#ffb547; --amb:#ffb547;
  --hlg:linear-gradient(100deg,#ffe4ae 0%,#ffbf4d 55%,#ff9a1f 100%);
  --icb:rgb(255 255 255/.06); --icc:#ffb547;
  color-scheme:dark; color:var(--tx);
}
body{background:var(--bg);color:var(--tx)}
.sec.dk{background:var(--bg)}
.alt{background:var(--bg-2)}
.wh{background:#fff}
h1,h2,h3,h4{color:var(--hi)}

/* Başlık vurgusu: açıkta marka mavisi, koyuda kehribar */
em,.lt em,.lab em{background:var(--hlg);-webkit-background-clip:text;background-clip:text;color:transparent}
.js [data-split] em .w>span,.js .lt [data-split] em .w>span,.js .lab [data-split] em .w>span,.js .ph--amber [data-split] em .w>span,.js .st-intro [data-split] em .w>span{background:var(--hlg);-webkit-background-clip:text;background-clip:text;color:transparent}
.kick,.lt .kick{color:var(--tx-2)}
.kick b,.lt .kick b{color:var(--acc)}
.kick i,.lab .kick i{background:var(--amber);box-shadow:0 0 0 4px rgba(255,181,74,.2),0 0 14px rgba(255,181,74,.8)}
@keyframes kpulse{50%{box-shadow:0 0 0 7px rgba(255,181,74,0),0 0 20px rgba(255,181,74,.9)}}
.lnk,.lt .lnk{color:var(--hi);border-bottom:1.5px solid var(--acc)}
.lnk .ic{color:var(--acc)}
.sh__lead,.lt .sh__lead{color:var(--tx-2)}

/* Düğmeler */
.btn--ghost,.lt .btn--ghost{background:rgb(var(--tn)/.04);color:var(--hi);box-shadow:0 0 0 1px var(--line-2) inset}
.btn--ghost:hover,.lt .btn--ghost:hover{background:rgb(var(--tn)/.08);box-shadow:0 0 0 1px var(--hi) inset}
.btn--amber{background:var(--amber);color:#1c1204}
select.inp option{background:var(--card);color:var(--tx)}

/* Kartlar: el feneri + enerjili kenar (mavi + kehribar) */
.glow::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(47,67,255,.09),transparent 45%)}
.dk.glow::before,.dk .glow::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,181,74,.14),transparent 45%)}
.edge::after{background:conic-gradient(from var(--a),transparent 0 60%,rgba(47,67,255,.9) 76%,var(--amber) 81%,rgba(47,67,255,.9) 85%,transparent 95%)}
.dk.edge::after,.dk .edge::after{background:conic-gradient(from var(--a),transparent 0 60%,rgba(255,181,74,.8) 77%,#fff 80%,rgba(255,181,74,.8) 83%,transparent 95%)}

/* İkon kutuları: nötr zemin, üzerine gelince marka */
.bx__ic,.srow__ic,.dd__ic,.kc__ic,.app__ic,.dx__oi,.cat__ic,.cfab__ic,.mnav__c .ic{background:var(--icb);color:var(--icc);box-shadow:0 0 0 1px var(--line) inset}
.cat__ic{color:var(--amber)}
.cfab__wa .cfab__ic{background:var(--wa);color:#fff;box-shadow:none}
.chk .ic,.lt .chk .ic{color:var(--volt);background:rgba(47,67,255,.09)}
.dk .chk .ic,.st-intro .chk .ic{color:var(--amb);background:rgba(255,181,74,.14)}
.tag{background:rgb(var(--tn)/.05);color:var(--tx-2);box-shadow:0 0 0 1px var(--line) inset}
.tag--ok{color:#0f8a57;background:rgba(15,138,87,.08);box-shadow:0 0 0 1px rgba(15,138,87,.2) inset}
.dk .tag--ok{color:var(--ok)}
.tag--live{color:var(--amb);background:rgba(255,181,74,.12);box-shadow:0 0 0 1px rgba(255,181,74,.3) inset}

/* ───── Başlık (header): üstte koyu bant üzerinde şeffaf, kayınca açık cam ───── */
.hd__bar{height:80px;transition:height .45s var(--ease-o),background .4s,box-shadow .4s,backdrop-filter .4s}
.hd__logo{position:relative;display:flex;align-items:center}
.hd__logo .logo{height:64px;width:auto;transition:height .45s var(--ease-o),opacity .3s}
.hd__logo .logo--d{display:none}
.hd.is-scr,.mn-open .hd{--tx:#16171b;--tx-2:#4d5058;--tx-3:#868991;--hi:#0f1013;--line:rgb(20 21 24/.1);--line-2:rgb(20 21 24/.16);--tn:20 21 24;--sf:255 255 255;--acc:#2f43ff;--card:#fff;--icb:rgb(20 21 24/.05);--icc:#16171b;color-scheme:light}
.hd.is-scr .hd__bar{height:64px;background:rgba(255,255,255,.86);box-shadow:0 0 0 1px rgb(20 21 24/.08) inset,0 14px 40px -18px rgb(20 21 24/.3)}
.mn-open .hd .hd__bar{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.hd.is-scr .hd__logo .logo{height:46px}
.hd.is-scr .logo--l,.mn-open .hd .logo--l{display:none}
.hd.is-scr .logo--d,.mn-open .hd .logo--d{display:block}
.burger i{background:var(--hi)}
.burger{box-shadow:0 0 0 1px var(--line-2) inset}
.hd__a.is-on::after{background:linear-gradient(90deg,var(--volt),var(--amber));box-shadow:none}
.dd--list::before,.dd--mega::before{background:rgb(var(--sf)/.96)}
.hd.is-scr .dd--list::before,.hd.is-scr .dd--mega::before{box-shadow:0 0 0 1px rgb(20 21 24/.08) inset,0 40px 80px -30px rgb(20 21 24/.35)}
.dd__svc:hover .dd__ic,.dd__row:hover .dd__ic,.bx:hover .bx__ic{background:var(--volt);color:#fff;box-shadow:0 10px 24px -8px rgba(47,67,255,.7)}
.dd__ft{color:var(--amber)}
.ft__logo{height:84px}

/* Mobil menü: açık */
.mnav{background:radial-gradient(110% 70% at 100% 0%,rgba(255,181,74,.16),transparent 60%),radial-gradient(90% 60% at 0% 100%,rgba(47,67,255,.07),transparent 60%),rgb(var(--sf)/.98)}
.mnav__links summary .ic{color:var(--volt)}
.mnav__c{color:var(--hi)}
.mnav__c .ic{width:40px;height:40px;padding:10px;border-radius:12px}

/* Komut paleti ve iletişim düğmesi: açık kart */
.pal__box{box-shadow:0 0 0 1px var(--line) inset,0 50px 120px -30px rgb(20 21 24/.5)}
.pal__bg{background:rgb(20 21 24/.45)}
.cfab__list a{box-shadow:0 0 0 1px var(--line) inset,0 20px 40px -18px rgb(20 21 24/.35)}

/* İmleç: her zeminde görünür */
.cur__d{background:#fff;mix-blend-mode:difference;box-shadow:none}
.cur__r{box-shadow:0 0 0 1.5px #fff inset;mix-blend-mode:difference}
.cur.is-link .cur__r{background:rgba(255,255,255,.12);box-shadow:0 0 0 1.5px #fff inset}

/* ───── Akordiyonlar (JS ile yükseklik animasyonu) ───── */
.acc__a{display:block;grid-template-rows:none;transition:none}
.acc__a>p,.lt .acc__a>p{overflow:visible;padding:0 56px 24px 56px;color:var(--tx-2)}
.acc__i[open] .acc__a>p{padding-bottom:24px}
.acc__pm,.lt .acc__pm{box-shadow:0 0 0 1px var(--line-2) inset;color:var(--hi);transition:transform .45s var(--ease-o),background .3s,color .3s,box-shadow .3s}
.acc__i[open] .acc__pm{transform:none;background:transparent;color:var(--hi);box-shadow:0 0 0 1px var(--line-2) inset}
.acc__i.is-open .acc__pm,html:not(.js) .acc__i[open] .acc__pm{transform:rotate(45deg);background:var(--volt);color:#fff;box-shadow:none}
.acc__i summary{transition:color .25s}
.acc__i summary:hover .acc__q{color:var(--acc)}
.acc__i.is-open .acc__q{color:var(--hi)}
.mnav__links details[open] summary .ic{transform:none}
.mnav__links details.is-open summary .ic,html:not(.js) .mnav__links details[open] summary .ic{transform:rotate(45deg)}
.mnav__links details>div{padding:6px 0 14px}

/* ───── Bölüm ayarları ───── */
.hero__top{color:var(--tx-2)}
.hero__scroll i::after{background:#fff}
.hud__pol i{background:var(--amber);color:#1c1204;box-shadow:0 0 14px rgba(255,181,74,.7)}
.hud__pol.neg i{background:var(--volt);color:#fff;box-shadow:0 0 14px var(--volt-2)}
.hud__k{color:var(--amber)}
.tick{background:#fff;border-color:var(--line)}
.tick__s{color:var(--amber)}
.tick__i .ic{color:var(--volt)}
.intro{background:var(--bg)}
.intro__big{color:rgb(var(--tn)/.14)}
.stat{background:#fff}
.stats{box-shadow:0 0 0 1px var(--line),0 30px 60px -40px rgb(20 21 24/.3)}
.stat i{background:linear-gradient(90deg,var(--volt),var(--amber));box-shadow:none}
.tl::before{box-shadow:0 0 0 2px var(--volt),0 0 0 6px rgba(47,67,255,.12)}
.tl b{color:var(--hi)}
.tl__y{color:var(--volt)}
/* Bento: açık kartlar; 1 ve 8 görselli koyu */
.bx{background:#fff;box-shadow:0 0 0 1px var(--line) inset,0 24px 50px -40px rgb(20 21 24/.4)}
.bx:hover{box-shadow:0 0 0 1px rgba(47,67,255,.35) inset,0 30px 60px -30px rgba(47,67,255,.35)}
.bx:not(.dk) .bx__img{display:none}
.bx.dk{background:var(--bg)}
.bx:hover .bx__go{background:var(--volt);color:#fff}
.bx__items span{background:rgb(var(--sf)/.55)}
/* Pano: grafit */
.pano__grid{background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.2px)}
.pano__rail i::after{background:linear-gradient(90deg,var(--volt),var(--amber))}
.pano__badge{background:rgb(var(--sf)/.7)}
.pano__badge span{color:var(--amber)}
/* Harita: açık */
.pmap{background:var(--bg-2)}
.pmap__kpi span{background:#fff;box-shadow:0 0 0 1px var(--line) inset}
.map{background:radial-gradient(80% 80% at 50% 45%,#ffffff,#f1f0eb);box-shadow:0 0 0 1px var(--line) inset,0 30px 60px -40px rgb(20 21 24/.35)}
.m-n{fill:rgb(20 21 24/.025);stroke:rgb(20 21 24/.16)}
.m-h{stroke:rgb(20 21 24/.45)}
.m-il{fill:rgb(20 21 24/.38)}
.m-arc{stroke:var(--volt);opacity:.6}
.m-arc.is-on{stroke:var(--amb);opacity:1;filter:none;stroke-width:.9}
.m-dot{fill:var(--volt);stroke:#fff}
.m-pin--hq .m-dot{fill:#16171b;stroke:var(--amber);stroke-width:1.1}
.m-pulse{stroke:var(--volt)}
.m-pin--hq .m-pulse{stroke:var(--amb)}
.m-pin.is-on .m-dot,.m-pin:hover .m-dot,.m-pin:focus-visible .m-dot{fill:var(--amber)}
.m-lbl{fill:#16171b;stroke:rgba(255,255,255,.92)}
.map__legend{color:var(--tx-3)}
.lg-hq{background:#16171b!important;box-shadow:0 0 0 1.5px var(--amber)!important}
.lg-p{background:var(--volt)!important}
.lg-a{border-color:var(--volt)!important}
.plist__l a:hover,.plist__l a.is-on{background:linear-gradient(90deg,rgba(255,181,74,.16),transparent)}
.plist__l a:hover .ic{color:var(--volt)}
/* Işık laboratuvarı: sıcak koyu kalır */
.lab{background:#0d0c0b}
/* Süreç */
.proc__base{stroke:rgb(20 21 24/.1)}
.pstp.lit .pstp__node{box-shadow:0 0 0 6px rgba(47,67,255,.1),0 20px 40px -14px rgba(47,67,255,.7)}
.pstp__node{box-shadow:0 0 0 1px var(--line) inset,0 20px 40px -24px rgb(20 21 24/.4);color:var(--hi)}
/* Araçlar tanıtımı */
.tools-t{background:var(--bg)}
.tt__c{background:#fff;box-shadow:0 0 0 1px var(--line) inset,0 24px 50px -40px rgb(20 21 24/.4)}
.tt__viz--brk i{background:#eceef4}
.tt__viz--brk i::after{background:#16171b}
.tt__viz--lux i{background:radial-gradient(circle,#fff 0 18%,rgba(255,170,60,.85) 30%,transparent 70%)}
.tt__viz--dx i::before{background:#fff;box-shadow:0 0 0 2px var(--volt)}
.tt__viz--dx i:nth-child(2)::before{box-shadow:0 0 0 2px var(--amber)}
.gal-s{background:var(--bg-2);border-color:var(--line)}
.faq-t{background:var(--bg)}
.faq-t.alt{background:var(--bg-2)}
.post__m{color:var(--volt)}
.post__ex,.post--dk .post__ex{color:var(--tx-2)}
.post__t{color:var(--hi)}
.post:hover .post__t{color:var(--volt)}
/* Alt bilgi: grafit; kayan ışık kehribar */
.ft__word{-webkit-text-stroke:1px rgba(255,255,255,.14);background:linear-gradient(90deg,transparent 0%,transparent calc(var(--sx,-20%) - 10%),rgba(255,190,90,.9) var(--sx,-20%),transparent calc(var(--sx,-20%) + 10%),transparent 100%);-webkit-background-clip:text;background-clip:text}
.ft__contact .ic{color:var(--amber)}
.call__ic{box-shadow:0 0 24px rgba(47,67,255,.45)}
/* İç sayfalar */
.ph__meta span{background:rgb(255 255 255/.05)}
.story__line{background:rgb(20 21 24/.1)}
.story__line i{background:linear-gradient(var(--volt),var(--amber));box-shadow:none}
.sti__node{background:#fff;box-shadow:0 0 0 2px var(--line-2)}
.sti__y{background:linear-gradient(180deg,var(--hi),rgb(20 21 24/.3));-webkit-background-clip:text;background-clip:text}
.sti__txt h3{color:var(--volt)}
.mv__list .mono{color:var(--amber)}
.brc{background:#fff;box-shadow:0 0 0 1px var(--line) inset,0 24px 50px -40px rgb(20 21 24/.4)}
.brc__l a:hover{color:var(--volt)}
.brc__l .ic{color:var(--volt)}
.brc--amber .brc__l .ic{color:var(--amb)}
.sl__nav{background:rgba(255,255,255,.88);box-shadow:0 0 0 1px var(--line) inset,0 14px 30px -20px rgb(20 21 24/.3)}
.sl__nav .mono{color:var(--amb)}
.srow__no{-webkit-text-stroke:1.5px rgba(255,255,255,.8)}
.sd__card{box-shadow:0 0 0 1px var(--line) inset,0 24px 50px -40px rgb(20 21 24/.4)}
.sd__tel .ic,.sd__h .ic{color:var(--volt)}
.steps li{background:#fff}
.pn__all{color:var(--hi)}
.kc{background:#fff;box-shadow:0 0 0 1px var(--line) inset,0 24px 50px -40px rgb(20 21 24/.4)}
.kc li .ic{color:var(--amb)}
.cc{background:#fff;box-shadow:0 0 0 1px var(--line) inset,0 24px 50px -40px rgb(20 21 24/.4)}
.ct__map iframe{filter:none}
.ct__addr{background:rgba(255,255,255,.94);box-shadow:0 0 0 1px var(--line) inset,0 20px 40px -20px rgb(20 21 24/.4)}
.cf{box-shadow:0 0 0 1px var(--line) inset,0 30px 60px -40px rgb(20 21 24/.4)}
.faqp__s{background:#fff}
.faqp__nav .mono{color:var(--amb)}
.tnav{background:rgba(255,255,255,.9);box-shadow:0 10px 30px -20px rgb(20 21 24/.3)}
.app{background:#fff}
.app.is-on{background:rgba(47,67,255,.07);box-shadow:0 0 0 1px rgba(47,67,255,.45) inset}
.app.is-on .app__ic{background:var(--volt);color:#fff;box-shadow:none}
.step{background:var(--bg)}
.res__card.dk{background:linear-gradient(180deg,#17181d,#0e0f12);box-shadow:0 0 0 1px rgb(255 255 255/.08) inset,0 40px 80px -40px rgb(20 21 24/.6)}
.res__big b{text-shadow:none}
.res__big small{color:var(--amber)}
.meter__bar i{background:linear-gradient(90deg,var(--volt),#6c7bff)}
.dx__card{background:#fff;box-shadow:0 0 0 1px var(--line) inset,0 30px 60px -40px rgb(20 21 24/.4)}
.dx__o button{background:var(--bg)}
.dx__o button:hover{background:rgba(47,67,255,.07);box-shadow:0 0 0 1px rgba(47,67,255,.5) inset}
.dx__oi{color:var(--volt)}
.dxr li{background:var(--bg)}
.dxr--info .dxr__lv{background:rgba(47,67,255,.08);color:var(--volt)}
.dxr--warn .dxr__lv{color:var(--amb)}
.dx__warn b{color:var(--hi)}
.dx__path button{color:var(--volt)}
.dx__path button:hover{color:var(--hi)}
.qopt>span{background:#fff}
.qopt>span .ic{color:var(--volt)}
.qopt input:checked+span{background:rgba(47,67,255,.07);box-shadow:0 0 0 1.5px var(--volt) inset}
.qopt input:checked+span .ic{color:var(--volt)}
.qz__prog li.is-on::before{background:linear-gradient(90deg,var(--volt),var(--amber));box-shadow:none}
.qz__prog li.is-on{color:var(--hi)}
.ticket.dk{background:linear-gradient(180deg,#17181d,#0e0f12)}
.ticket__h b{color:var(--amber)}
.ticket__bar i{background:linear-gradient(90deg,var(--volt),var(--amber))}
.lux__ctl,.lux__r div{background:#fff}
.lt .inp,.inp{background:#fff;box-shadow:0 0 0 1px var(--line-2) inset}
.dk .inp{background:rgb(255 255 255/.05)}
.inp:focus,.lt .inp:focus{box-shadow:0 0 0 1.5px var(--volt) inset,0 0 0 5px rgba(47,67,255,.12)}
input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--volt) var(--v,50%),rgb(var(--tn)/.12) var(--v,50%))}
input[type=range]::-moz-range-track{background:linear-gradient(90deg,var(--volt) var(--v,50%),rgb(var(--tn)/.12) var(--v,50%))}
input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 1px rgb(20 21 24/.15),0 4px 12px rgb(20 21 24/.25),0 0 0 6px rgba(47,67,255,.14)}
input[type=range]::-moz-range-thumb{box-shadow:0 0 0 1px rgb(20 21 24/.15),0 4px 12px rgb(20 21 24/.25),0 0 0 6px rgba(47,67,255,.14)}
.chip span{background:#fff}
.chip input:checked+span{box-shadow:0 0 24px -8px var(--volt)}
.seg button.is-on{color:#fff}
.gg{background:var(--bg-2)}
.share a,.share button{color:var(--hi)}
.rbar i{background:linear-gradient(90deg,var(--volt),var(--amber))}
.toc a.is-on{border-color:var(--amber);color:var(--hi)}
.art__note{background:rgba(255,181,74,.1);box-shadow:0 0 0 1px rgba(255,181,74,.3) inset}
.art__note .ic,.art__note a{color:var(--amb)}
.sprog i{background:linear-gradient(90deg,var(--volt),var(--amber));box-shadow:none}
.e4-on .ph__h{text-shadow:0 0 40px rgba(255,181,74,.6)}

/* Logo boyları: tablet + mobil (kayınca orantılı küçülür) */
@media (max-width:1180px){
  .hd__bar{height:74px}
  .hd__logo .logo{height:56px}
  .hd.is-scr .hd__bar{height:62px}
  .hd.is-scr .hd__logo .logo{height:44px}
}
@media (max-width:760px){
  .hd__bar{height:66px}
  .hd__logo .logo{height:48px}
  .hd.is-scr .hd__bar{height:56px}
  .hd.is-scr .hd__logo .logo{height:38px}
  .ft__logo{height:70px}
  .acc__a>p,.lt .acc__a>p,.acc__i[open] .acc__a>p{padding:0 0 20px 40px}
  .bx .bx__img{opacity:0}
  .bx.dk .bx__img{opacity:.85}
}
@media (prefers-reduced-motion:reduce){.hd__bar,.hd__logo .logo{transition:none}}
.hero__l2{background:linear-gradient(95deg,#fff 0%,#ffeccc 35%,#ffc56e 70%,#ff9e26 100%);-webkit-background-clip:text;background-clip:text}
.intro__media figcaption,.gg__c{color:#fff}
.qz__p{margin:0}

/* ═══ v2.1 düzeltmeler ═══ */
:root{--tx-3:#6c6f78}
/* Başlık: sayfa üstünde okunur koyu cam, nav yazısı parlak */
.hd.dk:not(.is-scr){--tx-2:#ededeb}
.hd:not(.is-scr) .hd__bar{background:rgba(12,13,16,.52);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 18px 40px -24px rgba(0,0,0,.6);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}
.mn-open .hd .hd__bar{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.hd__k{width:42px;padding:0;justify-content:center}
/* Kelime bölme: ç ş g y gibi alt uzantılar ve İ Ö üst işaretleri kesilmesin */
[data-split] .w{padding:.16em .05em .26em;margin:-.16em -.05em -.26em}
.js [data-split] em .w>span{padding-bottom:.2em;margin-bottom:-.2em}
/* Düğmeler: dar alanda taşmak yerine satır kırar */
.btn{white-space:normal;text-align:center;line-height:1.2;height:auto;min-height:54px;padding-block:10px}
.btn--sm{min-height:42px;padding-block:8px}
.dxr__b .btn{height:auto;min-height:48px}
.hd__cta{white-space:nowrap}
/* WhatsApp: çevresindeki öğelerle aynı dil; resmî ikon yeşil, üzerine gelince koyu yeşil dolgu */
.btn--wa{background:var(--card);color:var(--hi);box-shadow:0 0 0 1px var(--line-2) inset}
.btn--wa .ic{color:#1fa855}
.btn--wa:hover .ic{transform:none;color:#fff}
.btn--wa:hover{background:#1f7a4d;color:#fff;box-shadow:none}
.dk .btn--wa{background:rgb(255 255 255/.05)}
.call--wa .call__ic{background:#1f7a4d;box-shadow:none}
.call--wa:hover{background:rgba(31,122,77,.2);box-shadow:0 0 0 1px rgba(31,168,85,.55) inset,0 0 40px -12px rgba(31,168,85,.6)}
/* SSS yan menüsü: kart içinde düzenli liste */
.faqp__nav{padding:6px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line) inset}
.faqp__nav a{align-items:center;padding:12px 14px;border-radius:12px;color:var(--tx);font-weight:500}
.faqp__nav a:hover{background:var(--bg);color:var(--hi)}
.faqp__nav a.is-on{background:rgba(47,67,255,.07);color:var(--volt)}
.faqp__nav .mono{display:grid;place-items:center;min-width:28px;height:24px;padding:0 8px;border-radius:999px;background:rgb(var(--tn)/.06);color:var(--tx-2);font-size:11px;letter-spacing:0}
.faqp__nav a.is-on .mono{background:var(--volt);color:#fff}
:root{--amb:#a35f04}
.st-intro .kick{color:var(--tx-2)}
.st-intro .chk .ic{color:var(--amb)}

/* ═══ v2.2: yapışkan sütunlar + SEO bileşenleri ═══ */
/* Yapışkan: kısa sütun sabit, uzun sütun kayar; üst boşluk başlığın görünürlüğüne göre (--hdv) */
.mv{overflow:clip}
.faq-t__in>div:first-child,.seo-home__l,.mv__in>.mv__col:last-child,.rg__map{position:sticky;top:calc(var(--hdv,96px) + 28px);align-self:start;transition:top .5s var(--ease-o)}
.pmap__body>.map{position:sticky;top:calc(var(--hdv,96px) + 24px);align-self:start;transition:top .5s var(--ease-o)}
.mv__in{align-items:start}
@media (max-width:1180px){.faq-t__in>div:first-child,.seo-home__l,.mv__in>.mv__col:last-child,.rg__map,.pmap__body>.map{position:static}}
/* Hero H1 anahtar satırı */
.hero__pre{display:block;font:500 clamp(11px,1vw,13px)/1.4 var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin:0 0 clamp(12px,1.6vw,20px) .3em;white-space:normal}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Mega menü: bölge bağlantısı */
.dd__reg{grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;font-size:14px;color:var(--tx-2);box-shadow:0 0 0 1px var(--line) inset;transition:.25s}
.dd__reg .ic:first-child{color:var(--amber)} .dd__reg .ic:last-child{margin-left:auto}
.dd__reg:hover{color:var(--hi);background:rgb(var(--tn)/.05)}
/* Alt bilgi: 5 sütun + bölgeler */
.ft__grid{grid-template-columns:1.25fr 1fr 1fr 1.1fr 1.25fr}
.ft__reg>div{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
@media (max-width:1180px){.ft__grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.ft__reg{grid-column:1/-1}.ft__reg>div{grid-template-columns:1fr 1fr 1fr}}
/* Harita: bölge noktaları */
.m-pin--rg .m-dot{fill:var(--amber);stroke:#fff;stroke-width:.5}
.m-pin--rg .m-pulse{stroke:var(--amb)}
.m-lbl--s{font-size:3.1px;stroke-width:.9px}
/* Bölgeler merkezi */
.rg__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:start}
.rg__map .map{aspect-ratio:206/166}
.rg__h3{font-size:20px;margin:36px 0 14px}
.rgl{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rgl__i{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line) inset;transition:box-shadow .25s,transform .35s var(--ease-o)}
.rgl__i:hover{box-shadow:0 0 0 1px var(--volt) inset;transform:translateY(-2px)}
.rgl__n{font:600 16px/1.2 var(--f-d);color:var(--hi)}
.rgl__m{color:var(--tx-3);font-size:10px;letter-spacing:.06em}
.rgl__i .tag{height:22px;font-size:9.5px;padding:0 7px}
.rgl__i>.ic{margin-left:auto;color:var(--volt);flex-shrink:0}
.rgl--s{grid-template-columns:repeat(2,1fr)}
.seo-txt__c{max-width:860px;columns:2;column-gap:44px}
.seo-txt__c p{break-inside:avoid}
.rg__dist{display:flex;gap:10px;margin:0;font-size:14.5px;color:var(--tx-2);line-height:1.5}
.rg__dist .ic{color:var(--amber);margin-top:2px}
.sd__tel small{color:var(--tx-3);font-size:10px;margin-left:4px}
/* Bölge: hizmet bağlantıları */
.rsv{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rsv__i{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line) inset;transition:box-shadow .25s}
.rsv__i:hover{box-shadow:0 0 0 1px var(--volt) inset}
.rsv__ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--icb);color:var(--icc);flex-shrink:0}
.rsv__i b{display:block;font:600 15.5px/1.3 var(--f-d);color:var(--hi);margin-bottom:4px}
.rsv__i small{display:block;font-size:13.5px;color:var(--tx-2);line-height:1.5}
.rsv__i>.ic{color:var(--volt);margin-left:auto;flex-shrink:0}
/* Hizmet: yerel blok */
.loc{display:flex;gap:16px;margin-top:34px;padding:22px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line) inset}
.loc__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(255,181,74,.16);color:var(--amb);flex-shrink:0}
.loc b{display:block;font:600 18px/1.3 var(--f-d);color:var(--hi);margin-bottom:6px}
.loc p{margin:0 0 12px;color:var(--tx-2);font-size:15px}
.loc__l{display:flex;flex-wrap:wrap;gap:6px}
.loc__l a{padding:6px 11px;border-radius:999px;font-size:13px;color:var(--tx-2);box-shadow:0 0 0 1px var(--line-2) inset;transition:.2s}
.loc__l a:hover{color:#fff;background:var(--volt);box-shadow:none}
/* Blog: kategori, arama, etiket, hizmet bağlantısı */
.btool{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:30px}
.bcats{display:flex;flex-wrap:wrap;gap:6px}
.bcats a{height:38px;display:inline-flex;align-items:center;padding:0 15px;border-radius:999px;font-size:14px;color:var(--tx-2);box-shadow:0 0 0 1px var(--line-2) inset;transition:.25s}
.bcats a:hover{color:var(--hi);box-shadow:0 0 0 1px var(--hi) inset}
.bcats a.is-on{background:var(--volt);color:#fff;box-shadow:none}
.wh .bcats{margin-bottom:30px}.btool .bcats{margin:0}
.bsrch{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:var(--bg);box-shadow:0 0 0 1px var(--line-2) inset;color:var(--tx-3);min-width:min(280px,100%)}
.bsrch input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:15px;color:var(--hi)}
.tagc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:50px;padding-top:30px;border-top:1px solid var(--line)}
.tagc .mono{width:100%;color:var(--tx-3);font-size:10.5px;margin-bottom:4px}
.tagc a,.ptags a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--bg);font-size:13.5px;color:var(--tx-2);transition:.2s}
.tagc a small{color:var(--tx-3);font-size:11px}
.tagc a:hover,.tagc a.is-on,.ptags a:hover{background:var(--volt);color:#fff}
.tagc a:hover small,.tagc a.is-on small{color:#fff}
.ptags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.ptags__cat{background:rgba(255,181,74,.16)!important;color:var(--amb)!important;font-weight:600}
.bsvc{display:flex;align-items:center;gap:16px;margin-top:40px;padding:18px 20px;border-radius:18px;background:var(--bg-3,#fff);box-shadow:0 0 0 1px var(--line-2) inset;transition:box-shadow .25s,transform .35s var(--ease-o)}
.bsvc:hover{box-shadow:0 0 0 1px var(--volt) inset;transform:translateY(-2px)}
.bsvc__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--volt);color:#fff;flex-shrink:0}
.bsvc small{display:block;color:var(--tx-3);font-size:10px}
.bsvc b{display:block;font:600 17px/1.3 var(--f-d);color:var(--hi)}
.bsvc>.ic{margin-left:auto;color:var(--volt)}
.art .bsvc{background:var(--bg)}
/* Arama sayfası */
.srch{max-width:860px}
.srch__f{display:flex;gap:10px;margin-bottom:30px}
.srch__f .faqp__s{flex:1}
.srch__none{color:var(--tx-2)} .srch__none a{color:var(--volt);font-weight:600}
.srch__r{display:grid;gap:8px}
.srch__r a{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line) inset}
.srch__r a:hover{box-shadow:0 0 0 1px var(--volt) inset}
.srch__r .pi{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--icb);color:var(--icc);flex-shrink:0}
.srch__r b{display:block;color:var(--hi);font-weight:600}
.srch__r small{color:var(--tx-3);font-size:10px}
.srch__r a>.ic{margin-left:auto;color:var(--volt)}
/* Ana sayfa yerel SEO */
.seo-home{background:var(--bg-2)}
.seo-home__in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,6vw,90px);align-items:start}
.seo-home .prose p{font-size:16.5px}
.seo-home .prose a{color:var(--volt);font-weight:600}
.rchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.rchips a{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;background:#fff;font-size:14px;color:var(--tx);box-shadow:0 0 0 1px var(--line) inset;transition:.25s}
.rchips a .ic{color:var(--amb)}
.rchips a small{font:500 9.5px var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--amb)}
.rchips a:hover{background:var(--volt);color:#fff;box-shadow:none}
.rchips a:hover .ic,.rchips a:hover small{color:#fff}
@media (max-width:1180px){.rg__in,.seo-home__in{grid-template-columns:1fr}}
@media (max-width:760px){.rgl,.rsv{grid-template-columns:1fr}.rgl--s{grid-template-columns:1fr 1fr}.seo-txt__c{columns:1}.btool{flex-direction:column;align-items:stretch}.srch__f{flex-direction:column}}
.rgl__i{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"n t a" "m t a";column-gap:10px;row-gap:3px;align-items:center}
.rgl__n{grid-area:n}.rgl__m{grid-area:m}.rgl__i .tag{grid-area:t}.rgl__i>.ic{grid-area:a;margin-left:0}
.bsvc__l{color:var(--tx-3);font-weight:500}
/* Ana menü 7 öğe: dar masaüstünde sığsın */
@media (max-width:1400px){.hd__act .hd__st{display:none}}
@media (min-width:1181px) and (max-width:1320px){.hd__a{padding:0 10px;font-size:14px}.hd__bar{gap:14px}.hd__act{margin-left:4px;gap:8px}}
/* Tanıtım: ilk görselin yazısı üst köşede (ikinci görsel alt köşeyi örtüyor) */
.intro__f1 figcaption{top:14px;bottom:auto}
/* İletişim: harita temiz (üstünde kart yok), adres kartı haritanın altında */
.ct__body{align-items:start}
.ct__col{display:grid;gap:14px;align-content:start}
.ct__map{min-height:460px}
.ct__addr{position:static;inset:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:20px 22px;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--line) inset,0 24px 50px -40px rgb(20 21 24/.4);backdrop-filter:none;-webkit-backdrop-filter:none}
.ct__a1{display:flex;align-items:flex-start;gap:14px}
.ct__pin{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(255,181,74,.16);color:var(--amb);flex-shrink:0}
.ct__a1 a{display:grid;gap:2px}
.ct__a1 .mono{color:var(--tx-3);font-size:10px}
.ct__a1 b{font:600 18px/1.3 var(--f-d);color:var(--hi)}
.ct__a1 a:hover b{color:var(--volt)}
.ct__a2{display:grid;gap:10px;justify-items:end}
.ct__btns{display:flex;flex-wrap:wrap;gap:8px}
.ct__btns .btn--ghost .ic{color:#34a853}
@media (max-width:760px){.ct__map{min-height:340px}.ct__a2{justify-items:start}.ct__addr{padding:18px}}
.ct__addr{flex-direction:column;align-items:stretch;gap:16px}
.ct__a2{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
html.lbx-open, html.lbx-open body { overflow: hidden; }
.lbx-open .cf, .lbx-open .totop { opacity: 0 !important; visibility: hidden; }
.lbx { position: fixed; inset: 0; z-index: 10050; display: grid; grid-template-columns: 76px minmax(0, 1fr) 76px; grid-template-rows: auto minmax(0, 1fr) auto; align-items: center; color: #fff; font-family: var(--f-b); }
.lbx__bg { position: absolute; inset: 0; background: rgba(8,4,5,.96); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); opacity: 0; transition: opacity .35s; }
.lbx.is-open .lbx__bg { opacity: var(--fade, 1); }
.lbx__top { position: relative; z-index: 3; grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; padding: 14px 16px 6px 22px; opacity: 0; transition: opacity .35s .1s; }
.lbx.is-open .lbx__top, .lbx.is-open .lbx__nav, .lbx.is-open .lbx__thumbs { opacity: 1; }
.lbx__count { font: 500 13px/1 var(--f-m); letter-spacing: .14em; color: rgba(255, 255, 255, .72); }
.lbx__tools { display: flex; gap: 8px; }
.lbx__btn { position: relative; display: grid; place-items: center; width: 50px; height: 50px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .1); color: #fff; cursor: pointer; transition: background-color .25s, color .25s, transform .25s; }
.lbx__btn:hover { background: var(--ion); color: var(--ink); transform: scale(1.05); }
.lbx__btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.lbx__btn svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.lbx__plus { transition: opacity .2s; }
.lbx.is-zoomed .lbx__plus { opacity: 0; }
.lbx__nav { position: relative; z-index: 2; justify-self: center; opacity: 0; transition: opacity .35s .15s, background-color .25s, transform .25s; }
.lbx.is-single .lbx__nav, .lbx.is-single .lbx__thumbs { display: none; }
.lbx__prev { grid-column: 1; grid-row: 2; } .lbx__stage { grid-column: 2; grid-row: 2; } .lbx__next { grid-column: 3; grid-row: 2; }
.lbx__stage { position: relative; margin: 0; height: 100%; min-height: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 6px 0; transform: scale(.6); transform-origin: var(--ox) var(--oy); opacity: 0; transition: transform .45s cubic-bezier(.2, .8, .2, 1), opacity .3s; touch-action: none; cursor: grab; -webkit-user-select: none; user-select: none; }
.lbx.is-open .lbx__stage { transform: none; opacity: 1; }
.lbx__stage.is-grab, .lbx__stage.is-grab .lbx__img { cursor: grabbing; }
.lbx__pan { display: flex; justify-content: center; max-width: 100%; min-height: 0; will-change: transform; }
.lbx__img { max-width: 100%; max-height: calc(100vh - 220px); max-height: calc(100dvh - 220px); border-radius: 14px; box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .8); opacity: 0; cursor: zoom-in; -webkit-user-drag: none; transition: opacity .35s, transform .45s cubic-bezier(.2, .8, .2, 1); }
.lbx.is-zoomed .lbx__img { cursor: move; }
.lbx__img.from-r { transform: translateX(40px); } .lbx__img.from-l { transform: translateX(-40px); } .lbx__img.in { opacity: 1; transform: none; }
.lbx__cap { max-width: 760px; padding: 0 16px; text-align: center; font-size: 15px; color: rgba(255, 255, 255, .82); }
.lbx__cap, .lbx__thumbs, .lbx__nav { transition: opacity .3s; }
.lbx.is-zoomed .lbx__cap, .lbx.is-zoomed .lbx__thumbs, .lbx.is-zoomed .lbx__nav { opacity: 0; pointer-events: none; }
.lbx__spin { position: absolute; left: 50%; top: 50%; width: 38px; height: 38px; margin: -19px 0 0 -19px; border-radius: 50%; border: 3px solid rgba(255, 255, 255, .2); border-top-color: var(--ion); animation: lbxSpin .8s linear infinite; opacity: 0; transition: opacity .2s; pointer-events: none; }
.lbx.is-loading .lbx__spin { opacity: 1; }
@keyframes lbxSpin { to { transform: rotate(360deg); } }
.lbx__thumbs { position: relative; grid-column: 1 / -1; display: flex; gap: 8px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; touch-action: pan-x; padding: 10px 18px 16px; scrollbar-width: none; opacity: 0; transition: opacity .35s .2s; justify-content: safe center; cursor: grab; -webkit-user-select: none; user-select: none; }
.lbx__thumbs::-webkit-scrollbar { display: none; }
.lbx__thumbs.is-drag { cursor: grabbing; }
.lbx__thumbs button { flex-shrink: 0; width: 64px; height: 64px; padding: 0; border: 0; border-radius: 10px; overflow: hidden; opacity: .45; background: none; cursor: inherit; transition: opacity .25s, box-shadow .25s, transform .25s; }
.lbx__thumbs button:hover { opacity: .85; }
.lbx__thumbs button.is-on { opacity: 1; box-shadow: 0 0 0 2px var(--ion); transform: translateY(-2px); }
.lbx__thumbs img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
@media (max-width: 700px) {
  .lbx { grid-template-columns: 1fr 1fr; grid-template-rows: auto minmax(0, 1fr) auto auto; }
  .lbx__stage { grid-column: 1 / -1; grid-row: 2; padding: 0 8px; }
  .lbx__img { max-height: calc(100dvh - 250px); }
  .lbx__prev { grid-column: 1; grid-row: 3; justify-self: end; margin-right: 10px; }
  .lbx__next { grid-column: 2; grid-row: 3; justify-self: start; margin-left: 10px; }
  .lbx__thumbs { grid-row: 4; }
  .lbx__thumbs button { width: 52px; height: 52px; }
}
@media (prefers-reduced-motion: reduce) { .lbx__stage, .lbx__img { transition: none; } }