/* ===================================================================
   Dijital Yazılım — htmlv2 · "Flight Deck" hareket sistemi uyarlaması
   Kaynak dil: custom-evo-design-motion (tokenlar, hareket, bölüm kalıpları)
   Farklar: font üçlüsü (Bricolage Grotesque / Manrope / IBM Plex Mono)
            ve buton dili ("tarama bıçağı" — keskin köşe, ok hücresi,
            soldan sağa süpürülen dolgu).
   =================================================================== */
:root{
  --bg:#0a1f44; --bg2:#10295a; --fg:#eaf0f6; --mut:rgba(234,240,246,.66); --line:rgba(234,240,246,.14);
  --card:rgba(255,255,255,.045); --afb:#5d8fb8; --afb-hi:#a9cbea;
  --fire:#8cc4ff; --fire-soft:#b9dbff; --fire-rgb:140,196,255;
  --fill:#8cc4ff; --on-fill:#0a1f44;  /* dolgu (buton vb.): her iki temada pastel mavi, üstünde koyu yazı */
  --wash-a:rgba(140,196,255,.14); --wash-b:rgba(60,110,200,.3);
  --deep:#06142e;
  --f-d:'Inter','Segoe UI',Arial,sans-serif;
  --f-b:'Inter','Segoe UI',Arial,sans-serif;
  --f-m:'Inter','Segoe UI',Arial,sans-serif;
  --ease:cubic-bezier(.23,1,.32,1); --ease-io:cubic-bezier(.77,0,.175,1);
  --pad:max(clamp(20px,4vw,56px),calc((100vw - 1400px)/2)); --hpad:max(clamp(20px,4vw,56px),calc((100vw - 1140px)/2));
  --r:22px; --r-btn:14px; --d:28px; --b:0px;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#e8eff6; --bg2:#f6f9fc; --fg:#0a1f44; --mut:rgba(10,31,68,.66); --line:rgba(10,31,68,.14);
  --card:rgba(255,255,255,.72); --afb:#2f6c9c; --afb-hi:#2f6c9c; --fire:#2a6bbf; --fire-soft:#2a6bbf; --fire-rgb:42,107,191;
  --fill:#a9d1ff; --on-fill:#0a1f44;
  --wash-a:rgba(140,196,255,.2); --wash-b:rgba(93,143,184,.3);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-b);font-size:17px;line-height:1.62;overflow-x:hidden;-webkit-font-smoothing:antialiased;font-variant-emoji:text;transition:background .45s var(--ease),color .45s var(--ease)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--f-d);margin:0;font-weight:800;letter-spacing:-.025em;text-wrap:balance;font-optical-sizing:auto}
p{margin:0;text-wrap:pretty}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
ul,ol{list-style:none;margin:0;padding:0}
:focus-visible{outline:3px solid #4fd1ff;outline-offset:3px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:fixed;left:12px;top:-60px;z-index:999;background:var(--fill);color:var(--on-fill);padding:10px 16px;border-radius:var(--r-btn);font:500 12px var(--f-m);letter-spacing:.12em;text-transform:uppercase;transition:top .2s}
.skip-link:focus{top:12px}
section{position:relative}
main{overflow-x:clip}

/* ambient layers ------------------------------------------------ */
.wash{position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
   radial-gradient(60vmax 60vmax at calc(15% + var(--p,0)*70%) calc(12% + var(--p,0)*70%),var(--wash-a),transparent 62%),
   radial-gradient(70vmax 70vmax at calc(90% - var(--p,0)*70%) calc(80% - var(--p,0)*60%),var(--wash-b),transparent 64%)}
.grain{position:fixed;inset:-50%;z-index:60;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ===================================================================
   BUTONLAR — "tarama bıçağı"
   Keskin köşe (4px), mono büyük harf etiket, ayrı ok hücresi.
   Hover: dolgu soldan sağa süpürülür (tarayıcı ışığı gibi), ok 45° döner.
   =================================================================== */
.btn{--h:54px;--sweep:#fff;--ink:#0a1f44;position:relative;isolation:isolate;display:inline-flex;align-items:stretch;height:var(--h);border-radius:var(--r-btn);overflow:hidden;
  font:500 12px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;
  transition:color .4s var(--ease),border-color .4s var(--ease),transform .14s var(--ease),box-shadow .3s}
.btn>.lb{display:flex;align-items:center;padding:0 22px}
.btn>.ic{display:grid;place-items:center;width:var(--h);border-left:1px solid rgba(255,255,255,.24);transition:border-color .4s}
.btn>.ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;transition:transform .5s var(--ease)}
/* süpürülen dolgunun önünde parlak "ışık" kenarı — tarayıcı lambası */
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--sweep) calc(100% - 3px),var(--edge,#eaf4ff));transform:scaleX(0);transform-origin:0 50%;transition:transform .55s var(--ease-io)}
.btn:hover::before,.btn:focus-visible::before{transform:scaleX(1)}
.btn:hover>.ic svg{transform:rotate(-45deg)}
.btn:active{transform:scale(.97)}
.btn-solid{background:var(--fill);color:var(--on-fill);box-shadow:0 14px 34px -14px rgba(var(--fire-rgb),.8)}
.btn-solid:hover{color:var(--ink)}
.btn-solid:hover>.ic{border-color:rgba(10,31,68,.2)}
.btn-line{border:1px solid rgba(234,240,246,.4);color:#fff;background:rgba(255,255,255,.04);backdrop-filter:blur(6px)}
.btn-line>.ic{border-left-color:rgba(234,240,246,.3)}
.btn-line:hover{color:var(--ink);border-color:#fff}
.btn-line.on-page{color:var(--fg);border-color:var(--line)}
.btn-line.on-page:hover{color:var(--bg);--sweep:var(--fg);border-color:var(--fg)}
.btn-sm{--h:44px;font-size:11px}
.btn-sm>.lb{padding:0 16px}
.btn-block{width:100%}.btn-block>.lb{flex:1;justify-content:flex-start}
/* metin bağlantısı: uzayan çizgi + ok */
.lnk{display:inline-flex;align-items:center;gap:10px;font:500 12px var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);padding:6px 0;position:relative}
.lnk::before{content:"";width:28px;height:1px;background:var(--fill);transition:width .45s var(--ease)}
.lnk svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .45s var(--ease)}
.lnk:hover::before{width:48px}.lnk:hover{color:var(--fire-soft)}.lnk:hover svg{transform:translateX(4px)}
:root[data-theme="light"] .lnk:hover{color:var(--fire)}

/* top bar -------------------------------------------------------- */
.bar{position:fixed;inset:0 0 auto 0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px var(--hpad);
  background:linear-gradient(180deg,rgba(10,31,68,.72),transparent);color:#eaf0f6;
  transition:background .35s var(--ease),box-shadow .35s var(--ease),padding .35s var(--ease)}
.bar.past{background:rgba(6,20,46,.74);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 10px 30px -18px rgba(0,0,0,.7);padding-top:10px;padding-bottom:10px}
.bar-brand{display:flex;align-items:center;gap:12px;flex:none}
.mark{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--fill);color:var(--on-fill);font:800 19px/1 var(--f-d);letter-spacing:-.04em;position:relative;overflow:hidden;transition:width .35s var(--ease),height .35s var(--ease)}
.mark::after{content:"";position:absolute;left:0;right:0;height:2px;background:rgba(255,255,255,.75);top:0;animation:scanmark 4s var(--ease-io) infinite}
@keyframes scanmark{0%,70%{transform:translateY(-4px);opacity:0}75%{opacity:1}100%{transform:translateY(48px);opacity:0}}
.bar.past .mark{width:40px;height:40px}
.bar-brand b{display:block;font:800 19px/1 var(--f-d);letter-spacing:-.02em}
.bar-brand small{display:block;font:400 10px var(--f-m);letter-spacing:.16em;opacity:.65;margin-top:4px}
.bar-nav{font:600 15px var(--f-b)}
.nav-list{display:flex;align-items:center;gap:2px}
.nav-item{position:relative}
.nav-top{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--r-btn);transition:background .2s var(--ease),color .2s}
.nav-top svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .25s var(--ease)}
.nav-top:hover,.nav-item:focus-within>.nav-top,.nav-item.open>.nav-top{background:rgba(234,240,246,.1)}
.nav-item.cur>.nav-top{color:var(--fire-soft)}
.nav-item.cur>.nav-top::before{content:"";width:5px;height:5px;background:currentColor;border-radius:1px}
.nav-item.open>.nav-top svg,.nav-item.has-dd:hover>.nav-top svg{transform:rotate(180deg)}
.dd{position:absolute;left:50%;top:calc(100% + 10px);min-width:300px;padding:8px;display:grid;gap:2px;
  background:rgba(12,30,64,.96);border:1px solid rgba(234,240,246,.12);border-radius:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);backdrop-filter:blur(16px);
  opacity:0;visibility:hidden;transform:translate(-50%,-6px) scale(.97);transform-origin:50% 0;transition:opacity .18s var(--ease),transform .22s var(--ease),visibility 0s .22s}
.dd.wide{min-width:560px;grid-template-columns:1fr 1fr}
.dd::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item.has-dd:hover>.dd,.nav-item.open>.dd{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);transition-delay:0s}
.dd a{display:grid;gap:2px;padding:10px 14px;border-radius:10px;color:#eaf0f6;transition:background .15s}
.dd a:hover,.dd a:focus-visible{background:rgba(234,240,246,.08)}
.dd b{font-weight:700;font-size:14.5px}
.dd small{font-weight:500;font-size:12.5px;color:rgba(234,240,246,.55);line-height:1.35}
.dd a:hover b{color:var(--fire-soft)}
.bar-tools{display:flex;align-items:center;gap:8px}
.chip{display:inline-grid;place-items:center;width:40px;height:38px;border:1px solid rgba(234,240,246,.3);border-radius:var(--r-btn);font-size:15px;transition:background .2s,transform .14s}
.chip:hover{background:rgba(234,240,246,.12)}.chip:active{transform:scale(.92)}
.ico-light{display:none}:root[data-theme="light"] .ico-dark{display:none}:root[data-theme="light"] .ico-light{display:inline}
.cta-tab{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 14px;border-radius:var(--r-btn);background:var(--fill);color:var(--on-fill);font:500 11px var(--f-m);letter-spacing:.12em;text-transform:uppercase;position:relative;overflow:hidden;isolation:isolate;transition:color .35s var(--ease),transform .14s}
.cta-tab::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease-io)}
.cta-tab:hover{color:#0a1f44}.cta-tab:hover::before{transform:scaleX(1);transform-origin:left}
.cta-tab:active{transform:scale(.95)}
.cta-tab i{width:6px;height:6px;border-radius:50%;background:var(--on-fill);box-shadow:0 0 0 0 rgba(10,31,68,.5);animation:ping 2.2s var(--ease) infinite}
.cta-tab:hover i{background:var(--fill)}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(10,31,68,.5)}70%,100%{box-shadow:0 0 0 8px rgba(10,31,68,0)}}
.menu-btn{display:none;position:relative;width:44px;height:42px;border-radius:var(--r-btn);border:1px solid rgba(234,240,246,.3)}
.menu-btn i{position:absolute;left:12px;right:12px;height:2px;background:currentColor;transition:transform .3s var(--ease),opacity .2s}
.menu-btn i:nth-child(1){top:13px}.menu-btn i:nth-child(2){top:19.5px}.menu-btn i:nth-child(3){top:26px}
.menu-btn[aria-expanded="true"] i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] i:nth-child(2){transform:scaleX(.3);opacity:0}
.menu-btn[aria-expanded="true"] i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.m-extra{display:none}

/* hero ----------------------------------------------------------- */
.hero{position:relative;height:100svh;min-height:640px;overflow:hidden;color:#eaf0f6;
  background:radial-gradient(120% 90% at 72% 8%,#1f5aa8 0%,#0d2552 48%,#06142e 100%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:4;pointer-events:none;background:linear-gradient(180deg,transparent,var(--bg))}
#scan{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;mix-blend-mode:screen}
.slides{position:absolute;inset:0;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.hero.dragging .slides{cursor:grabbing}
.slide{position:absolute;inset:0;visibility:hidden;transition:visibility 0s .9s}
.slide.is-active,.slide.is-leaving,.slide.peek{visibility:visible;transition-delay:0s}
.hero.settling .slide{transition:translate .5s cubic-bezier(.32,.72,0,1)}
.hero.instant .slide,.hero.instant .slide *{transition:none!important}
.slide.peek .panel{clip-path:inset(0)!important}
.slide.peek .slide-copy{opacity:1}
.slide::before{position:absolute;right:3vw;top:50%;translate:0 -50%;z-index:2;font:800 30vw/1 var(--f-d);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(234,240,246,.12);opacity:0;transition:opacity 1.4s;pointer-events:none}
.slide[data-mode="0"]::before{content:"01"}.slide[data-mode="1"]::before{content:"02"}.slide[data-mode="2"]::before{content:"03"}
.slide.is-active::before{opacity:1}
.slide-copy{position:absolute;left:var(--hpad);top:clamp(150px,24vh,240px);width:min(62vw,860px);z-index:3;opacity:var(--cf,1)}
.slide:not(.is-active):not(.peek) .slide-copy{opacity:0;transition:opacity .35s}
.kicker{display:flex;align-items:center;gap:12px;font:500 11px var(--f-m);letter-spacing:.16em;color:var(--fire-soft);margin-bottom:22px}
.kicker i{font-style:normal;border:1px solid var(--fire-soft);border-radius:3px;padding:3px 8px}
.hero .ht{font-size:clamp(32px,4.4vw,70px);line-height:1.04;color:#fff;margin-bottom:24px;min-height:2em}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em 0 .24em;margin:-.04em .22em -.24em 0}  /* alt/üst uzantılar (ğ, y, Â) kesilmesin */
.split .w>span{display:inline-block;transform:translateY(112%) rotate(5deg);transform-origin:left bottom;transition:transform .95s var(--ease);transition-delay:calc(var(--i)*60ms + 180ms)}
.slide.is-active .split .w>span,.slide.peek .split .w>span{transform:none}
.lede{color:var(--mut);max-width:54ch;font-size:clamp(15px,1.2vw,18px)}
.hero .lede{color:rgba(234,240,246,.82);margin-bottom:32px;font-size:clamp(15px,1.15vw,18px);min-height:3.3em}
.kicker,.hero .lede,.cta-row{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.slide.is-active .kicker,.slide.peek .kicker{opacity:1;transform:none;transition-delay:.05s}
.slide.is-active .lede,.slide.peek .lede{opacity:1;transform:none;transition-delay:.5s}
.slide.is-active .cta-row,.slide.peek .cta-row{opacity:1;transform:none;transition-delay:.65s}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.panel{position:absolute;inset:0;margin:0;z-index:1;overflow:hidden;clip-path:inset(0 0 0 100%);transition:clip-path 1.1s var(--ease-io) .05s}
.slide.is-active .panel{clip-path:inset(0)}
.slide.is-leaving .panel{clip-path:inset(0 100% 0 0);transition:clip-path .7s var(--ease-io)}
.panel img{position:absolute;left:0;top:-20%;width:100%;height:124%;object-fit:cover;scale:1.18;transform:translate3d(0,var(--py,0px),0);transition:scale 9s linear}
.slide.is-active .panel img{scale:1.02}
.panel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,46,.86) 0%,rgba(6,20,46,.5) 48%,rgba(6,20,46,.08) 85%),linear-gradient(0deg,rgba(6,20,46,.8),transparent 32%);pointer-events:none}
.panel figcaption{position:absolute;right:var(--hpad);bottom:110px;font:400 10px var(--f-m);letter-spacing:.18em;color:#fff;z-index:2;opacity:.7}
.side-arrow{position:absolute;z-index:6;bottom:clamp(100px,15vh,150px);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(234,240,246,.3);background:rgba(10,31,68,.3);backdrop-filter:blur(8px);color:#fff;opacity:.5;transition:opacity .25s,background .2s,border-color .2s,transform .14s}
.side-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.hero:hover .side-arrow{opacity:.75}
.side-arrow:hover{opacity:1!important;background:var(--fill);border-color:var(--fill);color:var(--on-fill)}
.side-arrow:active{transform:scale(.92)}
.sa-prev{right:calc(var(--hpad) + 66px)}.sa-next{right:var(--hpad)}
.hero-foot{position:absolute;z-index:6;left:var(--hpad);right:var(--hpad);bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.rail{display:flex;gap:10px}
.rail button{width:clamp(90px,12vw,160px);text-align:left;font:400 10px var(--f-m);letter-spacing:.14em;opacity:.55;transition:opacity .25s}
.rail button[aria-selected="true"]{opacity:1}
.rail b{display:block;font-weight:500;color:var(--fire-soft)}
.rail span{display:block;margin-bottom:8px;text-transform:uppercase}
.rail u{display:block;height:2px;background:rgba(234,240,246,.22);position:relative;overflow:hidden}
.rail u::after{content:"";position:absolute;inset:0;background:var(--fill);transform:scaleX(0);transform-origin:left}
.rail button[aria-selected="true"] u::after{animation:fill var(--dur,7s) linear forwards}
@keyframes fill{to{transform:scaleX(1)}}
.hud{display:flex;gap:30px;font-family:var(--f-m)}
.hud small{display:block;font-size:9px;letter-spacing:.16em;opacity:.55}
.hud b{font-weight:500;font-size:15px;font-variant-numeric:tabular-nums}
.scroll-cue{position:absolute;left:50%;bottom:96px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:8px;font:400 9px var(--f-m);letter-spacing:.2em;opacity:.55;z-index:5}
.scroll-cue i{width:1px;height:38px;background:linear-gradient(var(--fire),transparent);animation:drop 2s var(--ease-io) infinite}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* shared type ----------------------------------------------------- */
.tag{display:flex;align-items:center;gap:12px;font:500 11px var(--f-m);letter-spacing:.18em;color:var(--fire);margin-bottom:22px;text-transform:uppercase}
.tag i{width:34px;height:1px;background:currentColor}
h2{font-size:clamp(28px,3.3vw,50px);line-height:1}
h2 em,.bigt em{font-style:normal;color:var(--fire)}
.sec-head{margin-bottom:6vh;max-width:900px}
.sec-head .lede{margin-top:18px}

/* reveal ----------------------------------------------------------- */
.rv{opacity:0;transform:translateY(var(--d));filter:blur(var(--b));transition:opacity .8s var(--ease),transform .9s var(--ease),filter .8s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.rv.in{opacity:1;transform:none;filter:none}

/* giant marquee ---------------------------------------------------- */
.giant{overflow:hidden;padding:5vw 0 1vw}
.giant-row{display:flex;white-space:nowrap;width:max-content;animation:giantMarquee 70s linear infinite;will-change:transform}
.giant:hover .giant-row{animation-play-state:paused}
.giant-row span{font:800 clamp(50px,8.5vw,140px)/.95 var(--f-d);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.5px var(--line);padding-right:.3em}
.giant-row span b{color:transparent;-webkit-text-stroke:1.5px rgba(var(--fire-rgb),.55);font-weight:inherit}
@keyframes giantMarquee{to{transform:translateX(-50%)}}

/* manifesto card ---------------------------------------------------- */
.manifesto{padding:8vh var(--pad) 7vh}
.mf-card{position:relative;display:grid;grid-template-columns:1.35fr .9fr;gap:clamp(28px,4vw,70px);align-items:center;padding:clamp(28px,4.5vw,70px);border-radius:36px;isolation:isolate;
  background:radial-gradient(60% 70% at 0% 0%,rgba(var(--fire-rgb),.14),transparent 70%),radial-gradient(60% 70% at 100% 100%,rgba(93,143,184,.18),transparent 70%),var(--card)}
.mf-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(var(--fire-rgb),.7),transparent 40%,transparent 60%,rgba(93,143,184,.7));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.mf-quote{display:block;font:800 120px/.6 var(--f-d);color:var(--fire);height:50px}
.manifesto-text{font:700 clamp(22px,2.3vw,36px)/1.18 var(--f-d);letter-spacing:-.02em;margin-bottom:28px}
.manifesto-text .m{opacity:.2;transition:opacity .35s}
.manifesto-text .m.lit{opacity:1}
.mf-motto{padding-left:16px;border-left:3px solid var(--fire);font-size:clamp(16px,1.2vw,19px);color:var(--mut);margin-bottom:26px;max-width:52ch}
.mf-motto em{font-style:normal;color:var(--fg);font-weight:700}
.mf-sign{display:flex;align-items:center;gap:12px}
.mf-sign .mark{width:40px;height:40px;font-size:16px;border-radius:10px}
.mf-sign b{display:block;font-weight:700;font-size:15px}
.mf-sign small{display:block;font:400 10px var(--f-m);letter-spacing:.16em;color:var(--mut);text-transform:uppercase}
.mf-photo{position:relative;margin:0;aspect-ratio:4/5;border-radius:26px;overflow:visible;transform:rotate(1.5deg);transition:transform .8s var(--ease)}
.mf-photo:hover{transform:none}
.mf-photo img{width:100%;height:100%;object-fit:cover;border-radius:26px}
.mf-chip{position:absolute;display:grid;gap:2px;padding:14px 18px;border-radius:14px;background:rgba(10,31,68,.78);border:1px solid rgba(234,240,246,.18);backdrop-filter:blur(10px);color:#eaf0f6;animation:chipFloat 6s var(--ease) infinite alternate}
.mf-chip b{font:800 30px/1 var(--f-d)}
.mf-chip small{font:400 10px var(--f-m);letter-spacing:.16em;color:var(--fire-soft)}
.mf-chip.c1{left:-26px;top:14%}.mf-chip.c2{right:-20px;bottom:12%;animation-delay:-3s}
@keyframes chipFloat{to{transform:translateY(-10px)}}

/* stats --------------------------------------------------------------- */
.stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:0 var(--pad)}
.stats::before,.stats::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line) 12%,var(--line) 88%,transparent)}
.stats::before{top:0}.stats::after{bottom:0}
.stat{padding:clamp(24px,4vw,56px) 12px;text-align:center;position:relative}
.stat+.stat::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:linear-gradient(transparent,var(--line),transparent)}
.stat b{display:block;font:800 clamp(36px,5vw,78px)/1 var(--f-d);letter-spacing:-.03em;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,var(--fg),var(--afb));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{font:400 11px var(--f-m);letter-spacing:.2em;color:var(--mut);text-transform:uppercase}

/* çözüm vitrini: sekmeli liste + dairesel açılan sahne --------------- */
.sol{padding:12vh var(--pad) 4vh}
.sol-wrap{display:grid;grid-template-columns:minmax(300px,.85fr) 1.6fr;gap:clamp(20px,3vw,40px);align-items:stretch}
.sol-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.sol-tab{position:relative;display:grid;gap:4px;text-align:left;padding:20px 8px 22px 22px;border-bottom:1px solid var(--line);transition:background .35s var(--ease)}
.sol-tab::before{content:"";position:absolute;left:0;top:20px;bottom:22px;width:2px;background:var(--line)}
.sol-tab .sc{font:600 11px var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.sol-tab b{font:700 clamp(19px,1.6vw,24px)/1.15 var(--f-d);letter-spacing:-.02em;transition:color .3s}
.sol-tab .sd{display:block;max-height:0;overflow:hidden;color:var(--mut);font-size:15px;line-height:1.5;opacity:0;transition:max-height .6s var(--ease),opacity .4s,margin .4s}
.sol-tab[aria-selected="true"] .sd{max-height:120px;opacity:1;margin-top:6px}
.sol-tab .sbar{position:absolute;left:0;top:20px;bottom:22px;width:2px;background:var(--fire);transform:scaleY(0);transform-origin:50% 0}
.sol-tab[aria-selected="true"]{background:linear-gradient(90deg,rgba(var(--fire-rgb),.08),transparent 80%)}
.sol-tab[aria-selected="true"] b,.sol-tab:hover b{color:var(--fire-soft)}
.sol-tab[aria-selected="true"] .sbar{animation:solfill var(--sol-dur,6s) linear forwards}
.sol-wrap.paused .sol-tab[aria-selected="true"] .sbar{animation-play-state:paused}
@keyframes solfill{to{transform:scaleY(1)}}
.sol-stage{position:relative;min-height:min(62vh,580px);border-radius:28px;overflow:hidden;isolation:isolate;background:var(--bg2)}
.sol-p{position:absolute;inset:0;margin:0;clip-path:circle(0% at 0% 50%);transition:clip-path 1s var(--ease-io);z-index:1}
.sol-p[hidden]{display:block;visibility:hidden}
.sol-p.on{clip-path:circle(150% at 0% 50%);visibility:visible;z-index:2}
.sol-p.out{visibility:visible;z-index:1;clip-path:circle(150% at 0% 50%)}
.sol-p img{width:100%;height:100%;object-fit:cover;scale:1.12;transition:scale 1.6s var(--ease)}
.sol-p.on img{scale:1}
.sol-p::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,20,46,.85),rgba(6,20,46,.1) 55%,transparent);pointer-events:none}
.sol-art{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;color:#eaf0f6;padding-bottom:120px;
  background:radial-gradient(60% 70% at 30% 20%,rgba(140,196,255,.35),transparent 70%),radial-gradient(60% 60% at 80% 90%,rgba(60,110,200,.5),transparent 70%),linear-gradient(160deg,#10295a,#06142e)}
.sol-art b{font:800 clamp(80px,12vw,180px)/.9 var(--f-d);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px #b9dbff}
.sol-art span{font:600 13px var(--f-m);letter-spacing:.18em;text-transform:uppercase;opacity:.8}
.sol-cap{position:absolute;left:clamp(16px,2.4vw,30px);right:clamp(16px,2.4vw,30px);bottom:clamp(16px,2.4vw,30px);z-index:3;display:grid;gap:10px;color:#eaf0f6;max-width:520px}
.sol-cap>*{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .7s var(--ease)}
.sol-p.on .sol-cap>*{opacity:1;transform:none}
.sol-p.on .sol-cap>*:nth-child(1){transition-delay:.35s}.sol-p.on .sol-cap>*:nth-child(2){transition-delay:.42s}.sol-p.on .sol-cap>*:nth-child(3){transition-delay:.5s}.sol-p.on .sol-cap>*:nth-child(4){transition-delay:.58s}
.sol-cap small{font:600 11px var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:#b9dbff}
.sol-cap b{font:800 clamp(26px,2.8vw,42px)/1 var(--f-d);letter-spacing:-.03em}
.sol-cap ul{display:flex;flex-wrap:wrap;gap:8px}
.sol-cap li{font:600 12px var(--f-m);letter-spacing:.04em;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18)}
.sol-cap .lnk{color:#fff}

/* hizmet kartları: masaüstü bento, mobil sürüklenen slider --------------- */
.hs{padding:10vh var(--pad) 4vh}
.hs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:5vh}
.hs-head .tag{margin-bottom:14px}
.hs-track{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(210px,17vw,250px);grid-auto-flow:dense;gap:16px}
.card{--mx:50%;--my:50%;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;border-radius:24px;overflow:hidden;background:var(--bg2);
  border:1px solid rgba(234,240,246,.1);transition:transform .6s var(--ease),border-color .4s,box-shadow .6s var(--ease)}
.card.big{grid-column:span 2;grid-row:span 2}
.card.wide{grid-column:span 2}
.card-img{position:absolute;inset:0;margin:0;z-index:-2}
.card-img img{width:100%;height:100%;object-fit:cover;scale:1.04;filter:saturate(.75) brightness(.8);transition:scale 1.2s var(--ease),filter .6s}
.card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(6,20,46,.94) 0%,rgba(6,20,46,.55) 45%,rgba(6,20,46,.1) 100%);transition:opacity .5s}
.card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(420px circle at var(--mx) var(--my),rgba(140,196,255,.22),transparent 60%)}
.card:hover{transform:translateY(-6px);border-color:rgba(140,196,255,.5);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.card:hover::after{opacity:1}
.card:hover .card-img img{scale:1.12;filter:saturate(1) brightness(.9)}
.card-b{display:grid;gap:8px;padding:22px 22px 24px;max-width:46ch}
.card-tag{justify-self:start;font:600 10.5px var(--f-m);letter-spacing:.14em;text-transform:uppercase;padding:6px 11px;border-radius:999px;color:var(--on-fill);background:var(--fill)}
.card h3{font-size:clamp(18px,1.45vw,22px);line-height:1.15;color:#fff}
.card.big h3{font-size:clamp(26px,2.6vw,40px);letter-spacing:-.03em}
.card h3 a::after{content:"";position:absolute;inset:0;z-index:2}
.card p{color:rgba(234,240,246,.8);font-size:14.5px;line-height:1.5;display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .55s var(--ease)}
.card.big p,.card.wide p,.card:hover p,.card:focus-within p{opacity:1;transform:none}
.card.big p{font-size:16px;max-width:40ch}
.card-go{position:absolute;top:18px;right:18px;z-index:1;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);transition:background .35s,color .35s,transform .55s var(--ease)}
.card-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.card:hover .card-go{background:var(--fill);color:var(--on-fill);border-color:var(--fill);transform:rotate(-45deg)}
.hs-dots{display:none;justify-content:center;gap:6px;padding:14px 0 0}
.hs-dots i{width:6px;height:6px;border-radius:3px;background:var(--line);transition:width .35s var(--ease),background .35s}
.hs-dots i.on{width:20px;background:var(--fire)}
@media(max-width:1200px){.hs-track{grid-template-columns:repeat(3,1fr)}.card.wide{grid-column:span 1}}
.hs.off .hs-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--pad)*-1);padding:4px var(--pad) 16px;scroll-padding-left:var(--pad);scrollbar-width:none;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y}
.hs.off .hs-track::-webkit-scrollbar{display:none}
.hs.off .hs-track.grabbing{cursor:grabbing;scroll-snap-type:none}
.hs.off .hs-track.grabbing .card{pointer-events:none}
.hs.off .card{flex:0 0 min(300px,80vw);height:380px;scroll-snap-align:start;transform:none}
.hs.off .card p{opacity:1;transform:none}
.hs.off .card img,.hs.off .card a{-webkit-user-drag:none}
.hs.off .hs-dots{display:flex}

/* süreç: sabit 4 adım ------------------------------------------------ */
.proc{padding:12vh var(--pad) 4vh}
.proc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:6vh}
.proc-head h2{font-size:clamp(32px,4.2vw,64px);line-height:.95;text-transform:uppercase}
.proc-head h2 em{display:block;color:var(--afb-hi)}
.proc-head .lede{max-width:40ch}
.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pstep{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 14px 22px;border:1px solid var(--line);border-radius:24px;background:var(--card)}
.pstep figure{margin:0 0 8px;aspect-ratio:4/3;border-radius:16px;overflow:hidden}
.pstep img{width:100%;height:100%;object-fit:cover}
.pk{font:600 11px var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--fire);padding:0 6px}
.pstep h3{font-size:clamp(19px,1.5vw,23px);padding:0 6px}
.pstep p{color:var(--mut);font-size:15px;padding:0 6px}
.pstep .pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding:8px 6px 0}
.pills li{font:500 11px var(--f-m);letter-spacing:.06em;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--mut)}
@media(max-width:1000px){.proc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.proc-grid{grid-template-columns:1fr}}

/* referans bandı (zirve kalıbı) --------------------------------------- */
.band{margin-top:8vh;overflow:hidden;color:#eaf0f6;isolation:isolate}
.band::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(70% 80% at 50% 50%,rgba(10,31,68,.96),rgba(10,31,68,0) 100%)}
.band-bg{position:absolute;inset:-12% 0;z-index:-1;opacity:.2;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 80%);mask-image:radial-gradient(closest-side,#000 30%,transparent 80%)}
.band-bg img{width:100%;height:100%;object-fit:cover}
.band-in{padding:clamp(60px,12vh,140px) var(--pad)}
.bigt{font-size:clamp(34px,5.4vw,88px);line-height:.9;margin-bottom:5vh;max-width:14ch}
.count{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:5vh}
.count div{min-width:clamp(120px,14vw,200px);padding:18px 16px;border:1px solid rgba(234,240,246,.2);border-radius:18px;background:rgba(255,255,255,.05);backdrop-filter:blur(8px)}
.count b{display:block;font:500 clamp(26px,3.6vw,52px)/1.1 var(--f-m);color:var(--fire-soft);font-variant-numeric:tabular-nums}
.count small{display:block;font:400 10px var(--f-m);letter-spacing:.18em;opacity:.6;text-transform:uppercase;margin-top:4px}
.band .lede{color:rgba(234,240,246,.74)}
.lede.wide{max-width:64ch;margin-bottom:4vh}
.wall{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:5vh}
.wall li{font:400 12px var(--f-m);letter-spacing:.1em;padding:10px 16px;border:1px solid rgba(234,240,246,.2);border-radius:3px;opacity:.75;text-transform:uppercase;transition:opacity .2s,background .2s,color .2s,border-color .2s}
.wall li:hover{opacity:1;background:var(--fill);color:var(--on-fill);border-color:var(--fill)}
.wall.jump{margin-bottom:2vh}
.wall.jump li{padding:0}
.wall.jump a{display:block;padding:10px 16px}

/* why cards ------------------------------------------------------------- */
.why{padding:12vh var(--pad) 4vh}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;perspective:1100px}
.wc{padding:30px 26px 34px;border:1px solid var(--line);border-radius:26px;background:var(--card);backdrop-filter:blur(10px);transform-origin:50% 100%;will-change:transform,opacity;min-height:300px;display:flex;flex-direction:column;gap:12px}
.wc b{font:800 clamp(48px,5.4vw,84px)/.9 var(--f-d);color:transparent;-webkit-text-stroke:1.5px var(--fire)}
.wc h3{font-size:clamp(19px,1.6vw,24px)}.wc p{color:var(--mut);font-size:15px}

/* gallery ----------------------------------------------------------------- */
.gal{padding:8vh var(--pad) 8vh}
.gal-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,28px);align-items:start}
.col{display:flex;flex-direction:column;gap:clamp(14px,2vw,28px);will-change:transform}
.col figure{position:relative;margin:0}
.col figure:nth-child(1){aspect-ratio:4/5}.col figure:nth-child(2){aspect-ratio:1/1}
.col:nth-child(2) figure:nth-child(1){aspect-ratio:1/1}.col:nth-child(2) figure:nth-child(2){aspect-ratio:4/5}
.col a{display:block;width:100%;height:100%;cursor:zoom-in}
.col figcaption{position:absolute;left:12%;bottom:16%;font:400 11px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.7);pointer-events:none}
.soft{margin:0;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse 70% 68% at 50% 50%,#000 36%,transparent 98%);mask-image:radial-gradient(ellipse 70% 68% at 50% 50%,#000 36%,transparent 98%)}
.soft img{width:100%;height:100%;object-fit:cover;scale:1.18;transform:translate3d(0,var(--iy,0px),0);transition:scale 1s var(--ease)}
.soft:hover img{scale:1.26}

/* lightbox */
.lbx{position:fixed;inset:0;z-index:2000;display:grid;grid-template-rows:auto 1fr auto;background:rgba(4,8,14,.95);color:#fff;opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility 0s .3s}
.lbx.open{opacity:1;visibility:visible;transition-delay:0s}
.lbx-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font:400 12px var(--f-m);letter-spacing:.14em}
.lbx-btn{width:46px;height:46px;border-radius:var(--r-btn);display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);transition:background .2s,transform .14s}
.lbx-btn:hover{background:var(--fill);color:var(--on-fill)}.lbx-btn:active{transform:scale(.92)}
.lbx-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.lbx-stage{position:relative;display:grid;place-items:center;padding:0 80px;min-height:0}
.lbx-stage img{max-width:100%;max-height:calc(100vh - 170px);object-fit:contain;border-radius:8px;transition:opacity .3s,transform .5s var(--ease)}
.lbx-stage img.wait{opacity:.2;transform:scale(.98)}
.lbx-prev,.lbx-next{position:absolute;top:50%;translate:0 -50%}
.lbx-prev{left:18px}.lbx-next{right:18px}
.lbx-cap{padding:14px 20px 22px;text-align:center;font:400 12px var(--f-m);letter-spacing:.14em;text-transform:uppercase;opacity:.8}

/* join / değerlendirme kartı ---------------------------------------------- */
.apply{padding:10vh var(--pad) 4vh}
.join-card{display:grid;grid-template-columns:1.25fr .9fr;gap:clamp(24px,4vw,64px);padding:clamp(28px,4vw,60px);border-radius:36px;border:1px solid var(--line);backdrop-filter:blur(14px);
  background:linear-gradient(135deg,rgba(var(--fire-rgb),.1),rgba(93,143,184,.08) 60%,transparent),var(--card)}
.join-title{font-size:clamp(40px,5vw,78px);line-height:.95;margin-bottom:18px}
.join-title em{font-style:normal;color:var(--fire)}
.join-lede{color:var(--mut);font-size:clamp(16px,1.2vw,18px);max-width:48ch;margin-bottom:30px}
.steps{margin:0 0 34px;display:grid}
.steps li{display:flex;gap:20px;align-items:flex-start;padding:18px 0;border-top:1px solid var(--line)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps b{flex:none;width:44px;height:44px;border-radius:4px;display:grid;place-items:center;font:500 13px var(--f-m);color:var(--fire);border:1.5px solid var(--fire);transform:rotate(0);transition:transform .5s var(--ease)}
.steps li:hover b{transform:rotate(45deg)}
.steps li:hover b span{transform:rotate(-45deg)}
.steps b span{display:block;transition:transform .5s var(--ease)}
.steps h3{font-size:clamp(18px,1.4vw,21px);margin-bottom:4px}
.steps p{color:var(--mut);font-size:15px}
.join-right{display:flex;flex-direction:column;gap:22px}
.join-img{margin:0;flex:1;min-height:240px;border-radius:26px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
.join-img img{width:100%;height:100%;object-fit:cover}
.join-contact{display:grid;gap:10px}
.jc-h{font:400 11px var(--f-m);letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.jc-big{font:800 clamp(20px,1.8vw,26px)/1.15 var(--f-d);transition:color .2s}
.jc-big:hover{color:var(--fire)}

/* forms -------------------------------------------------------------------- */
.form{display:grid;gap:18px;padding:clamp(22px,3vw,40px);border:1px solid var(--line);border-radius:30px;background:var(--card);backdrop-filter:blur(14px)}
.form label{display:grid;gap:6px;font:500 10px var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.form input,.form select,.form textarea{background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 2px;font:500 17px var(--f-b);color:var(--fg);text-transform:none;letter-spacing:0;border-radius:0;transition:border-color .2s;width:100%}
.form textarea{resize:vertical;min-height:110px}
.form select option{color:#0a1f44}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--fill)}
.form .check{display:flex;gap:10px;align-items:flex-start;font:500 13px/1.5 var(--f-b);letter-spacing:0;text-transform:none}
.form .check input{width:18px;height:18px;flex:none;accent-color:var(--fire);margin-top:2px}
.form .hp{position:absolute;left:-9999px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.err{display:none;font:500 12.5px var(--f-b);text-transform:none;letter-spacing:0;color:#ff8a7a}
label.bad .err{display:block}label.bad input,label.bad select,label.bad textarea{border-color:#ff6a5a}
label.bad{animation:shake .36s var(--ease-io)}
@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}

/* modal ------------------------------------------------------------------- */
dialog#modal{border:1px solid var(--line);border-radius:28px;padding:clamp(22px,3vw,40px);width:min(640px,calc(100vw - 28px));max-height:92vh;overflow:auto;background:var(--bg2);color:var(--fg);box-shadow:0 50px 120px -30px rgba(0,0,0,.7);
  opacity:0;transform:translateY(14px) scale(.96);transition:opacity .22s var(--ease),transform .3s var(--ease),overlay .3s allow-discrete,display .3s allow-discrete}
dialog#modal[open]{opacity:1;transform:none}
@starting-style{dialog#modal[open]{opacity:0;transform:translateY(14px) scale(.96)}}
dialog#modal::backdrop{background:rgba(4,14,34,.62);backdrop-filter:blur(8px);opacity:0;transition:opacity .25s,overlay .25s allow-discrete,display .25s allow-discrete}
dialog#modal[open]::backdrop{opacity:1}
@starting-style{dialog#modal[open]::backdrop{opacity:0}}
dialog#modal h3{font-size:clamp(26px,3.4vw,40px);line-height:1.02;margin-bottom:22px;padding-right:40px}
dialog#modal .form{padding:0;border:0;background:none;backdrop-filter:none}
dialog .x{position:absolute;top:14px;right:16px;width:40px;height:40px;border-radius:var(--r-btn);border:1px solid var(--line);font-size:22px;line-height:1;transition:background .2s,transform .14s}
dialog .x:hover{background:var(--card)}dialog .x:active{transform:scale(.92)}
body:has(dialog[open]){overflow:hidden}

/* toast + to-top ----------------------------------------------------------- */
.toasts{position:fixed;right:20px;bottom:90px;z-index:200;display:flex;flex-direction:column-reverse;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}
.toast{pointer-events:auto;background:var(--bg2);color:var(--fg);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:14px;box-shadow:0 24px 50px -16px rgba(0,0,0,.5);transform:translateY(18%) scale(.96);opacity:0;transition:transform .4s var(--ease),opacity .4s var(--ease)}
.toast.in{transform:none;opacity:1}.toast.out{transform:translateY(8%) scale(.98);opacity:0;transition-duration:.2s}
.toast[data-k="ok"]{border-left:3px solid #4ade80}.toast[data-k="err"]{border-left:3px solid #ff6a5a}
.to-top{position:fixed;right:22px;bottom:22px;z-index:90;width:54px;height:54px;border-radius:var(--r-btn);display:grid;place-items:center;
  background:rgba(10,31,68,.5);border:1px solid rgba(234,240,246,.22);color:#eaf0f6;backdrop-filter:blur(10px);
  opacity:0;visibility:hidden;transform:translateY(14px) scale(.9);transition:opacity .3s var(--ease),transform .35s var(--ease),visibility 0s .35s,background .2s,border-color .2s}
.to-top.show{opacity:.85;visibility:visible;transform:none;transition-delay:0s}
.to-top:hover{opacity:1;background:var(--fill);border-color:var(--fill);color:var(--on-fill)}
.to-top:active{transform:scale(.92)}
.to-top svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}

/* footer ---------------------------------------------------------------------- */
.foot{position:relative;isolation:isolate;padding:18vh var(--pad) 0;background:linear-gradient(180deg,transparent 0,var(--deep) 260px);color:#eaf0f6;overflow:hidden}
.foot-bg{position:absolute;inset:0;z-index:-2;opacity:.13;-webkit-mask-image:linear-gradient(180deg,transparent 10%,#000 40%,#000 75%,transparent),linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 10%,#000 40%,#000 75%,transparent),linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-composite:intersect}
.foot-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(.5)}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:clamp(28px,4vw,64px);padding-bottom:9vh}
.fcol h4{font:500 12px var(--f-m);letter-spacing:.2em;text-transform:uppercase;color:var(--fire-soft);margin-bottom:24px}
.fcol ul{display:grid;gap:12px}
.fcol>ul a{color:rgba(234,240,246,.78);font-weight:500;font-size:15.5px;transition:color .2s,padding .3s var(--ease)}
.fcol>ul a:hover{color:#fff;padding-left:6px}
.f-logo{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.f-logo b{display:block;font:800 24px/1 var(--f-d)}
.f-logo small{display:block;font-size:12.5px;color:rgba(234,240,246,.6);margin-top:4px}
.f-slogan{font:700 clamp(17px,1.4vw,21px)/1.28 var(--f-d);margin-bottom:22px;max-width:30ch}
.f-info{display:grid;gap:12px;margin-bottom:10px}
.f-info li{display:flex;gap:12px;font-size:15px;color:rgba(234,240,246,.75);line-height:1.45}
.f-info li>span:first-child{flex:none;width:20px;color:var(--fire-soft)}
.f-info a:hover{color:#fff}
.fcol-news p{color:rgba(234,240,246,.72);font-size:15px;margin-bottom:18px}
.news{display:flex;gap:6px;padding:5px;border:1px solid rgba(234,240,246,.2);border-radius:8px;background:rgba(255,255,255,.04)}
.news input{flex:1;min-width:0;background:transparent;border:0;padding:0 12px;color:#fff;font:500 15px var(--f-b)}
.news input::placeholder{color:rgba(234,240,246,.4)}
.news input:focus{outline:0}
.news:focus-within{border-color:var(--fill)}
.news.bad{border-color:#ff6a5a;animation:shake .36s var(--ease-io)}
.news-note{display:block;margin-top:10px;font-size:12px;color:rgba(234,240,246,.45)}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:24px 0 28px;font-size:13px;color:rgba(234,240,246,.5);position:relative}
.foot-bottom::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(234,240,246,.16) 10%,rgba(234,240,246,.16) 90%,transparent)}
.foot-bottom a:hover{color:var(--fire-soft)}
.cert{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 12px;border:1px solid rgba(234,240,246,.18);border-radius:4px;font:400 10px var(--f-m);letter-spacing:.14em;color:rgba(234,240,246,.75)}
.cert i{width:7px;height:7px;background:#4ade80;border-radius:50%}

/* ===================================================================
   ALT SAYFA
   =================================================================== */
.zp-hero{position:relative;min-height:88svh;display:flex;flex-direction:column;justify-content:flex-end;padding:150px var(--hpad) 64px;overflow:hidden;color:#eaf0f6;background:#0a1f44;isolation:isolate}
.zp-hero-bg{position:absolute;inset:-6% 0 0;margin:0;z-index:-1;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent)}
.zp-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:.42;scale:1.12;transform:translate3d(0,var(--hy,0px),0);filter:saturate(.8)}
.zp-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,31,68,.94),rgba(10,31,68,.55) 55%,rgba(10,31,68,.2)),linear-gradient(0deg,var(--bg),transparent 40%)}
.crumbs{display:flex;gap:10px;align-items:center;font:600 13px var(--f-b);color:rgba(234,240,246,.6);margin-bottom:26px}
.crumbs a:hover{color:var(--fire-soft)}
.zp-title{font-size:clamp(42px,6.2vw,100px);line-height:.92;color:#fff;margin-bottom:24px}
.zp-title>span{display:inline-block;animation:zpUp 1s var(--ease) both}
.zp-title em{display:inline-block;font-style:normal;color:var(--fire);animation:zpUp 1s var(--ease) .12s both}
@keyframes zpUp{from{opacity:0;transform:translateY(40px)}}
.zp-hero .tag{animation:zpUp 1s var(--ease) both}
.zp-lede{max-width:60ch;color:rgba(234,240,246,.8);font-size:clamp(16px,1.3vw,19px);margin-bottom:30px;animation:zpUp 1s var(--ease) .2s both}
.zp-meta{margin:0 0 32px;display:flex;flex-wrap:wrap;gap:12px;animation:zpUp 1s var(--ease) .28s both}
.zp-meta li{display:grid;gap:2px;padding:12px 18px;border:1px solid rgba(234,240,246,.16);border-radius:14px;background:rgba(255,255,255,.05);backdrop-filter:blur(8px)}
.zp-meta small{font:400 10px var(--f-m);letter-spacing:.16em;color:var(--fire-soft);text-transform:uppercase}
.zp-meta b{font:700 15px var(--f-b)}
.zp-cta{animation:zpUp 1s var(--ease) .36s both}
.zp-count{position:absolute;right:var(--hpad);bottom:64px;display:flex;gap:10px;animation:zpUp 1s var(--ease) .44s both}
.zp-count div{min-width:96px;padding:14px 12px;text-align:center;border:1px solid rgba(234,240,246,.18);border-radius:16px;background:rgba(10,31,68,.5);backdrop-filter:blur(10px)}
.zp-count b{display:block;font:500 clamp(24px,2.6vw,38px)/1.1 var(--f-m);color:var(--fire-soft);font-variant-numeric:tabular-nums}
.zp-count small{font:400 9px var(--f-m);letter-spacing:.18em;opacity:.6;text-transform:uppercase}

.zp-sec{padding:12vh var(--pad) 0}
.zp-note{font:500 14px var(--f-b);color:var(--mut);margin:-2vh 0 4vh;padding-left:14px;border-left:2px solid var(--fire)}
.zp-what-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.zp-what-grid.g3{grid-template-columns:repeat(3,1fr)}
.zw{position:relative;padding:28px 24px 30px;border:1px solid var(--line);border-radius:22px;background:var(--card);overflow:hidden;transition:transform .5s var(--ease),border-color .3s}
.zw::after{content:"";position:absolute;inset:auto -30% -60% -30%;height:80%;background:radial-gradient(closest-side,rgba(var(--fire-rgb),.22),transparent);opacity:0;transition:opacity .4s;pointer-events:none}
.zw:hover{transform:translateY(-6px);border-color:rgba(var(--fire-rgb),.5)}.zw:hover::after{opacity:1}
.zw b{font:500 12px var(--f-m);color:var(--fire)}
.zw h3{font-size:clamp(19px,1.6vw,24px);margin:14px 0 10px}
.zw p{color:var(--mut);font-size:15px}

/* hizmet / ürün satırları */
.svc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,90px);align-items:center;padding:9vh 0;scroll-margin-top:90px;position:relative}
.svc+.svc::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--line) 15%,var(--line) 85%,transparent)}
.svc:nth-child(even) .svc-media{order:-1}
.svc-n{font:800 clamp(56px,6vw,96px)/.9 var(--f-d);color:transparent;-webkit-text-stroke:1.5px var(--fire);margin-bottom:12px;display:block}
.svc h2{margin-bottom:14px}
.svc .sub{font:500 12px var(--f-m);letter-spacing:.14em;color:var(--afb-hi);text-transform:uppercase;margin-bottom:18px;display:block}
.svc p{color:var(--mut);margin-bottom:14px;max-width:58ch}
.ticks{display:grid;gap:10px;margin:20px 0 26px}
.ticks li{position:relative;padding-left:30px;font-size:15.5px;line-height:1.5}
.ticks li::before{content:"";position:absolute;left:2px;top:7px;width:10px;height:10px;border:1.5px solid var(--fire);transform:rotate(45deg)}
.ticks b{color:var(--fg)}
.ticks.cols{grid-template-columns:1fr 1fr;column-gap:24px}
.svc-media{aspect-ratio:4/3.4}
.svc-media.soft img{transform:translate3d(0,var(--iy,0px),0)}
.svc-box{padding:30px;border:1px solid var(--line);border-radius:26px;background:var(--card);display:grid;gap:16px}
.svc-box h3{font-size:20px}

/* sekmeler */
.tabs{position:relative;display:inline-flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:8px;margin-bottom:5vh}
.tabs button{position:relative;z-index:1;padding:10px 20px;border-radius:5px;font:500 12px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);transition:color .25s}
.tabs button[aria-selected="true"]{color:var(--on-fill)}
.tab-ink{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:5px;background:var(--fill);transition:transform .45s var(--ease),width .45s var(--ease)}
.day{list-style:none}
.day[hidden]{display:none}
.day li{display:grid;grid-template-columns:90px 1fr auto;gap:24px;align-items:center;padding:20px 6px;position:relative;opacity:0;transform:translateX(-24px);transition:opacity .5s var(--ease),transform .6s var(--ease),background .3s;transition-delay:calc(var(--i,0)*60ms)}
.day.show li{opacity:1;transform:none}
.day li::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
.day li:hover{background:linear-gradient(90deg,rgba(var(--fire-rgb),.07),transparent 70%)}
.day time,.day .k{font:500 clamp(16px,1.4vw,20px) var(--f-m);color:var(--fire-soft)}
.day h3{font-size:clamp(17px,1.5vw,22px)}.day p{color:var(--mut);font-size:15px;margin-top:4px}
.trk{font:400 10px var(--f-m);letter-spacing:.16em;padding:6px 12px;border-radius:3px;border:1px solid var(--line);color:var(--mut);text-transform:uppercase}
.trk.a{color:#9ac3ec;border-color:rgba(154,195,236,.4)}.trk.b{color:#5ad0eb;border-color:rgba(90,208,235,.4)}.trk.c{color:#ffa85a;border-color:rgba(255,168,90,.4)}

/* SSS */
.faq{display:grid;gap:10px;max-width:960px}
.faq details{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;transition:border-color .3s}
.faq details[open]{border-color:rgba(var(--fire-rgb),.45)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;font:700 clamp(16px,1.25vw,18px) var(--f-b)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font-size:26px;font-weight:400;color:var(--fire);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details>div{padding:0 24px 22px;color:var(--mut);max-width:76ch}
.faq details>div p+p{margin-top:10px}

/* logolar */
.org-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.org-grid li{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:20px;background:var(--card);transition:border-color .3s,transform .4s var(--ease)}
.org-grid li:hover{border-color:rgba(var(--fire-rgb),.6);transform:translateY(-4px)}
.org-grid .lg{display:grid;place-items:center;height:110px;border-radius:14px;background:#fff;padding:18px}
.org-grid .lg img{max-height:70px;width:auto;object-fit:contain;filter:grayscale(.15);transition:filter .3s}
.org-grid li:hover .lg img{filter:none}
.org-grid span{font:600 14px var(--f-b);text-align:center;color:var(--mut)}

/* yolculuk (çizilen çizgi) */
.jny-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-top:48px}
.jny-line{position:absolute;left:0;right:0;top:12px;height:3px;background:var(--line);border-radius:3px}
.jny-line i{display:block;height:100%;background:linear-gradient(90deg,var(--afb),var(--fire));border-radius:3px;transform:scaleX(0);transform-origin:left;box-shadow:0 0 22px rgba(var(--fire-rgb),.7)}
.jny-node{position:relative;opacity:.35;transition:opacity .6s var(--ease),transform .8s var(--ease);transform:translateY(24px)}
.jny-node::before{content:"";position:absolute;left:0;top:-44px;width:20px;height:20px;border-radius:3px;background:var(--bg);border:3px solid var(--line);transition:background .4s,border-color .4s,transform .6s var(--ease)}
.jny-node.lit{opacity:1;transform:none}.jny-node.lit::before{background:var(--fill);border-color:var(--fill);transform:rotate(45deg) scale(1.15)}
.jny-node b{display:block;font:800 clamp(38px,4.6vw,72px)/1 var(--f-d);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.5px var(--fg);margin-bottom:10px;transition:color .5s}
.jny-node.lit b{color:var(--fg);-webkit-text-stroke:0}
.jny-node h3{font-size:clamp(18px,1.6vw,23px);margin-bottom:6px}.jny-node p{color:var(--mut);font-size:15px;max-width:30ch}

/* iletişim */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,80px);align-items:start}
.contact-list{display:grid;gap:26px;margin-bottom:34px}
.contact-list li{display:grid;gap:6px}
.contact-list small{font:500 11px var(--f-m);letter-spacing:.2em;color:var(--fire);text-transform:uppercase}
.contact-list a,.contact-list span{font:800 clamp(20px,1.9vw,28px)/1.2 var(--f-d);color:var(--fg);transition:color .2s}
.contact-list a:hover{color:var(--fire)}
.contact-list span.sm{font:600 17px/1.5 var(--f-b);color:var(--mut)}
.map-card{position:relative;display:block;margin-top:8px;aspect-ratio:16/9;border-radius:22px;overflow:hidden;border:1px solid var(--line)}
.map-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.4) brightness(.6);transition:filter .5s,scale .8s var(--ease)}
.map-card:hover img{filter:none;scale:1.04}
.map-card span{position:absolute;left:18px;bottom:16px}

/* ===================================================================
   AÇIK TEMA
   =================================================================== */
:root[data-theme="light"] body{background:#fff}
:root[data-theme="light"] .bar{background:linear-gradient(180deg,#fff,transparent);color:#0a1f44}
:root[data-theme="light"] .bar.past{background:rgba(255,255,255,.82);box-shadow:0 10px 30px -20px rgba(10,31,68,.35)}
:root[data-theme="light"] .chip,:root[data-theme="light"] .menu-btn{border-color:rgba(10,31,68,.3)}
:root[data-theme="light"] .chip:hover{background:rgba(10,31,68,.08)}
:root[data-theme="light"] .nav-top:hover,:root[data-theme="light"] .nav-item.open>.nav-top,:root[data-theme="light"] .nav-item:focus-within>.nav-top{background:rgba(10,31,68,.07)}
:root[data-theme="light"] .dd{background:rgba(255,255,255,.98);border-color:rgba(10,31,68,.1);box-shadow:0 30px 60px -24px rgba(10,31,68,.3)}
:root[data-theme="light"] .dd a{color:#0a1f44}
:root[data-theme="light"] .dd small{color:rgba(10,31,68,.55)}
:root[data-theme="light"] .dd a:hover{background:rgba(10,31,68,.05)}
:root[data-theme="light"] .dd a:hover b,:root[data-theme="light"] .nav-item.cur>.nav-top{color:var(--fire)}
:root[data-theme="light"] #scan{mix-blend-mode:multiply}
:root[data-theme="light"] .hero{background:#fff;color:#0a1f44}
:root[data-theme="light"] .hero .ht{color:#0a1f44}
:root[data-theme="light"] .hero .lede{color:rgba(10,31,68,.72)}
:root[data-theme="light"] .kicker,:root[data-theme="light"] .rail b{color:var(--fire)}
:root[data-theme="light"] .kicker i{border-color:var(--fill)}
:root[data-theme="light"] .panel::after{background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.72) 36%,rgba(255,255,255,0) 68%),linear-gradient(0deg,#fff,transparent 22%)}
:root[data-theme="light"] .slide::before{-webkit-text-stroke-color:rgba(10,31,68,.1)}
:root[data-theme="light"] .panel figcaption{color:#0a1f44}
:root[data-theme="light"] .rail u{background:rgba(10,31,68,.15)}
:root[data-theme="light"] .side-arrow{border-color:rgba(10,31,68,.25);color:#0a1f44;background:rgba(255,255,255,.6)}
:root[data-theme="light"] .side-arrow:hover{color:var(--on-fill)}
:root[data-theme="light"] .btn-line{color:#0a1f44;border-color:rgba(10,31,68,.35);background:rgba(10,31,68,.04)}
:root[data-theme="light"] .btn-line>.ic{border-left-color:rgba(10,31,68,.2)}
:root[data-theme="light"] .btn-line:hover{--sweep:#0a1f44;color:#fff;border-color:#0a1f44}
:root[data-theme="light"] .btn-solid{--sweep:#0a1f44;--ink:#fff}
:root[data-theme="light"] .band::before{background:radial-gradient(70% 80% at 50% 50%,rgba(240,245,250,1),rgba(255,255,255,0) 100%)}
:root[data-theme="light"] .band{color:#0a1f44}
:root[data-theme="light"] .band .lede{color:rgba(10,31,68,.7)}
:root[data-theme="light"] .count div{background:#f2f6fa;border-color:rgba(10,31,68,.15)}
:root[data-theme="light"] .count b{color:var(--fire)}
:root[data-theme="light"] .wall li{border-color:rgba(10,31,68,.2)}
:root[data-theme="light"] .card,:root[data-theme="light"] .wc,:root[data-theme="light"] .form,:root[data-theme="light"] .zw,:root[data-theme="light"] .faq details,:root[data-theme="light"] .org-grid li,:root[data-theme="light"] .svc-box{background:#fff}
:root[data-theme="light"] .pl-t h3{color:#0a1f44;text-shadow:none}
:root[data-theme="light"] .pl-t p,:root[data-theme="light"] .pl-t .lnk{color:rgba(10,31,68,.82)}
:root[data-theme="light"] .mf-chip{background:rgba(255,255,255,.88);color:#0a1f44;border-color:rgba(10,31,68,.12)}
:root[data-theme="light"] .mf-chip small{color:var(--fire)}
:root[data-theme="light"] .to-top{background:rgba(255,255,255,.6);border-color:rgba(10,31,68,.18);color:#0a1f44}
:root[data-theme="light"] .to-top:hover{color:var(--on-fill)}
:root[data-theme="light"] .zp-hero{background:#fff;color:#0a1f44}
:root[data-theme="light"] .zp-hero::before{background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.72) 55%,rgba(255,255,255,.3)),linear-gradient(0deg,var(--bg),transparent 40%)}
:root[data-theme="light"] .zp-title{color:#0a1f44}:root[data-theme="light"] .zp-lede{color:rgba(10,31,68,.75)}
:root[data-theme="light"] .crumbs{color:rgba(10,31,68,.6)}
:root[data-theme="light"] .zp-meta li,:root[data-theme="light"] .zp-count div{background:rgba(255,255,255,.75);border-color:rgba(10,31,68,.14)}
:root[data-theme="light"] .zp-meta small,:root[data-theme="light"] .zp-count b{color:var(--fire)}
:root[data-theme="light"] .tl-rail u,:root[data-theme="light"] .jny-node::before{background:#fff}
:root[data-theme="light"] .tabs button[aria-selected="true"]{color:var(--on-fill)}

/* ===================================================================
   MOBİL
   =================================================================== */
@media(max-width:1060px){
  .bar{gap:10px}
  .bar-tools{display:contents}
  .menu-btn{display:inline-block;order:-2;flex:none}
  .bar-brand{order:-1;margin-left:2px;gap:10px}
  .bar-brand small{display:none}
  .bar-brand .mark{width:40px;height:40px;font-size:16px}
  #themeToggle{margin-left:auto}
  .bar.past{background:rgba(6,20,46,.92)}
  .bar.menu-open,.bar.menu-open.past{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important;box-shadow:none}
  .bar-nav{position:fixed;inset:0;height:100dvh;z-index:-1;display:flex;flex-direction:column;padding:92px 22px 30px;background:rgba(6,20,46,.97);backdrop-filter:blur(14px);overflow:auto;
    clip-path:inset(0 100% 0 0);visibility:hidden;transition:clip-path .45s var(--ease-io),visibility 0s .45s}
  .bar.menu-open .bar-nav{clip-path:inset(0);visibility:visible;transition-delay:0s}
  .nav-list{flex-direction:column;align-items:stretch;gap:2px}
  .nav-list>li{opacity:0;transform:translateX(-24px);transition:opacity .4s var(--ease),transform .5s var(--ease)}
  .bar.menu-open .nav-list>li{opacity:1;transform:none}
  .bar.menu-open .nav-list>li:nth-child(1){transition-delay:.12s}.bar.menu-open .nav-list>li:nth-child(2){transition-delay:.17s}
  .bar.menu-open .nav-list>li:nth-child(3){transition-delay:.22s}.bar.menu-open .nav-list>li:nth-child(4){transition-delay:.27s}
  .bar.menu-open .nav-list>li:nth-child(5){transition-delay:.32s}
  .nav-top{width:100%;justify-content:space-between;font-size:20px;padding:16px 8px;color:#eaf0f6}
  .nav-top>span{flex:1;text-align:left}
  .dd,.dd.wide{position:static;transform:none!important;min-width:0;grid-template-columns:1fr;background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0 0 10px 10px;display:none;opacity:1;visibility:visible}
  .nav-item.open>.dd{display:grid}
  .nav-item.has-dd:hover>.dd{display:none}.nav-item.has-dd.open:hover>.dd,.nav-item.has-dd.open>.dd{display:grid}
  .m-extra{display:grid;gap:18px;margin-top:auto;padding-top:28px;border-top:1px solid rgba(234,240,246,.12);opacity:0;transform:translateY(16px);transition:opacity .4s var(--ease),transform .5s var(--ease)}
  .bar.menu-open .m-extra{opacity:1;transform:none;transition-delay:.38s}
  .m-extra h4{font:500 11px var(--f-m);letter-spacing:.18em;color:var(--fire-soft);text-transform:uppercase}
  .m-extra a,.m-extra span{color:rgba(234,240,246,.8);font-size:15px}
  .m-extra ul{display:grid;gap:8px}
  :root[data-theme="light"] .bar-nav{background:rgba(255,255,255,.98)}
  :root[data-theme="light"] .nav-top,:root[data-theme="light"] .m-extra a,:root[data-theme="light"] .m-extra span{color:#0a1f44}
  :root[data-theme="light"] .bar.past{background:rgba(255,255,255,.94)}
}
@media(max-width:1000px){
  .hero .ht{font-size:clamp(28px,7vw,46px)}
  .slide-copy{top:110px;width:calc(100vw - 44px)}
  .hud,.scroll-cue,.side-arrow{display:none}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .zp-what-grid,.zp-what-grid.g3{grid-template-columns:repeat(2,1fr)}
  .dd.wide{min-width:0}
}
@media(max-width:1100px){.zp-count{position:static;margin-top:30px}}
@media(max-width:900px){
  .mf-card,.join-card,.contact-grid{grid-template-columns:1fr}
  .mf-photo{order:-1;aspect-ratio:16/11;transform:none}
  .mf-chip.c1{left:12px;top:auto;bottom:-22px}.mf-chip.c2{right:12px;bottom:-22px}
  .two{grid-template-columns:1fr}
  .svc{grid-template-columns:1fr;padding:7vh 0}
  .svc:nth-child(even) .svc-media{order:0}
  .svc-media{aspect-ratio:16/11}
  .ticks.cols{grid-template-columns:1fr}
}
@media(max-width:860px){
  .plat-row{flex-direction:column;height:auto}
  .pl{flex:none;height:280px}.pl:hover,.pl:focus-within{flex:none}
  .pl-t p,.pl-t .lnk{opacity:1;transform:none}
  .pl-t h3{white-space:normal}
  .tl{height:auto}.tl-stick{position:static;height:auto;overflow:visible}
  .tl-head{flex-direction:column;align-items:flex-start}
  .tl-body{display:block;position:relative;padding:26px 22px 8px 34px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(var(--fire-rgb),.08),rgba(93,143,184,.06) 60%,transparent),var(--card)}
  .tl-body::before{content:"";position:absolute;left:18px;top:30px;bottom:30px;width:2px;background:linear-gradient(var(--afb-hi),var(--fire))}
  .tl-years,.tl-rail,.tl-count,.tl-imgs{display:none}
  .tl-items{height:auto;min-height:0}
  .tl-items>li{position:relative;opacity:1;transform:none;filter:none;translate:none;margin-bottom:26px;display:grid;grid-template-columns:1fr 76px;column-gap:14px;pointer-events:auto}
  .tl-items>li>*{grid-column:1}
  .tl-y{display:block}
  .tl-thumb{display:block;grid-column:2!important;grid-row:1/4;width:76px;height:76px;object-fit:cover;border-radius:14px}
  h2,.bigt,.stat b,.count b{translate:none!important}
  .jny-track{grid-template-columns:1fr;padding:0 0 0 34px}
  .jny-line{left:10px;right:auto;top:0;bottom:0;width:3px;height:auto}
  .jny-line i{transform-origin:top;transform:scaleY(0);height:100%}
  .jny-node::before{left:-34px;top:6px}
}
@media(max-width:800px){
  .gal-cols{grid-template-columns:repeat(2,1fr);gap:10px}
  .col{display:contents}
  .col figure,.col figure:nth-child(n),.col:nth-child(2) figure:nth-child(n){aspect-ratio:1/1;border-radius:16px;overflow:hidden;-webkit-mask-image:none;mask-image:none}
  .col figure::after{content:"";position:absolute;inset:auto 0 0 0;height:50%;background:linear-gradient(0deg,rgba(6,20,46,.75),transparent);pointer-events:none}
  .col .soft img{scale:1;transform:none}
  .col figcaption{left:12px;bottom:10px;font-size:9.5px;z-index:1}
  .lbx-stage{padding:0 12px}
  .lbx-prev,.lbx-next{background:rgba(0,0,0,.45)}
}
@media(max-width:760px){
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(3)::before{display:none}
  .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:700px){
  .day li{grid-template-columns:64px 1fr}.trk{display:none}
  .panel figcaption{display:none}
  .hero-foot{bottom:22px}
  .rail button{width:calc((100vw - 64px)/3)}
  .count{flex-wrap:nowrap}.count div{flex:1;min-width:0;padding:14px 8px}.count b{font-size:clamp(20px,6vw,30px)}
}
@media(max-width:600px){
  .why-grid,.zp-what-grid,.zp-what-grid.g3{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .manifesto,.plat,.why,.gal,.apply,.zp-sec{padding-left:20px;padding-right:20px}
  .btn>.lb{padding:0 16px}
  .cta-row .btn{flex:1 1 100%;--h:50px}
  .cta-row .btn>.lb{flex:1}
  .hs-head{flex-wrap:wrap}
  .hero .lede{min-height:0}
}
@media(max-width:420px){
  .bar-brand b{font-size:16px}
  .cta-tab{padding:0 10px}
  .cta-tab .t-long{display:none}
}

/* ===================================================================
   HAREKETİ AZALT
   =================================================================== */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important}
  .rv,.split .w>span,.kicker,.hero .lede,.cta-row{transform:none!important;filter:none!important;transition:opacity .25s linear!important}
  .panel{clip-path:inset(0)!important;transition:opacity .25s!important}
  .slide:not(.is-active) .panel{opacity:0}
  .panel img,.soft img{transform:none!important;transition:none!important}
  .soft img{scale:1.05}
  .col,.giant-row,.hs-track,.wc{transform:none!important}
  .wc{opacity:1!important}
  .jny-node{opacity:1!important;transform:none!important}
  .tl{height:auto}.tl-stick{position:static;height:auto}
  .tl-items>li{position:relative;opacity:1;transform:none;filter:none;translate:none;margin-bottom:26px}
  .tl-years,.tl-rail,.tl-count,.tl-imgs{display:none}.tl-body{display:block}.tl-items{height:auto}
  .day li{opacity:1;transform:none}
  .dd{transform:translate(-50%,0)!important}
  .btn::before,.cta-tab::before{transition:none}
}

/* dairesel tema geçişi */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.vt::view-transition-new(root){animation:vtx .65s cubic-bezier(.77,0,.175,1)}
@keyframes vtx{from{clip-path:circle(0 at var(--vx) var(--vy))}to{clip-path:circle(150% at var(--vx) var(--vy))}}
.org-grid .lg.inv{background:#10295a}

/* ===================================================================
   v4: MEGA MENÜ (htmlv3 düzeni, v4 renkleri)
   =================================================================== */
.nav-item.has-dd{position:static}
.nav-item.cur>.nav-top::before{content:none}
.nav-item.cur>.nav-top{color:var(--fire-soft);box-shadow:inset 0 -2px 0 var(--fire)}
.mega{position:absolute;left:0;right:0;top:100%;padding:30px var(--hpad) 36px;background:rgba(10,31,68,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-top:1px solid rgba(234,240,246,.08);border-bottom:1px solid rgba(234,240,246,.12);box-shadow:0 40px 60px -30px rgba(0,0,0,.6);color:#eaf0f6;
  visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .55s var(--ease-io),visibility 0s .55s}
.mega::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:24px}
.nav-item.open>.mega{visibility:visible;clip-path:inset(0 0 -80px 0);transition-delay:0s}
.mega-in{display:grid;grid-template-columns:1fr 1fr 1fr 300px;gap:4px 28px}
.mega-h{grid-column:1/-2;font:600 11px var(--f-m);letter-spacing:.18em;text-transform:uppercase;color:var(--fire-soft);margin-bottom:8px}
.ml{display:contents}
.ml a{display:grid;grid-template-columns:30px 1fr;gap:2px 10px;padding:11px 12px;border-radius:12px;opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease),transform .5s var(--ease),background .2s}
.nav-item.open .ml a{opacity:1;transform:none;transition-delay:calc(var(--s)*35ms + 120ms)}
@media(hover:hover) and (min-width:1061px){
  .nav-item.has-dd:hover>.mega{visibility:visible;clip-path:inset(0 0 -80px 0);transition-delay:0s}
  .nav-item.has-dd:hover .ml a{opacity:1;transform:none;transition-delay:calc(var(--s)*35ms + 120ms)}
}
.ml a:hover{background:rgba(234,240,246,.07)}
.ml a:hover b{color:var(--fire-soft)}
.ml em{grid-row:1/3;font-style:normal;font:700 12px var(--f-m);color:var(--fire-soft);padding-top:3px;font-variant-numeric:tabular-nums}
.ml b{font-weight:600;font-size:14.5px;transition:color .2s}
.ml small{font-size:12.5px;color:rgba(234,240,246,.55);line-height:1.4}
.feat{grid-column:4;grid-row:1/span 8;align-self:start;position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:4/5;color:#fff}
.feat img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.feat:hover img{transform:scale(1.05)}
.feat span{position:absolute;inset:auto 0 0;padding:20px;background:linear-gradient(0deg,rgba(6,20,46,.9),transparent);font-weight:700;font-size:17px;line-height:1.3}
.feat small{display:block;font-weight:500;font-size:13px;opacity:.75;margin-top:4px}
:root[data-theme="light"] .mega{background:rgba(255,255,255,.98);color:#0a1f44;border-color:rgba(10,31,68,.1);box-shadow:0 40px 60px -34px rgba(10,31,68,.3)}
:root[data-theme="light"] .ml small{color:rgba(10,31,68,.55)}
:root[data-theme="light"] .ml a:hover{background:rgba(10,31,68,.05)}
:root[data-theme="light"] .mega-h,:root[data-theme="light"] .ml em,:root[data-theme="light"] .ml a:hover b{color:var(--fire)}
@media(max-width:1060px){
  .mega{position:static;display:none;visibility:visible;clip-path:none!important;background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0 0 10px 8px}
  .mega::before{content:none}
  .nav-item.open>.mega{display:block}
  .mega-in{display:block}
  .mega-h,.feat,.ml em,.ml small{display:none}
  .ml{display:grid}
  .ml a{display:block;opacity:1;transform:none;padding:9px 8px;color:#eaf0f6}
  :root[data-theme="light"] .ml a{color:#0a1f44}
  .sol-wrap{grid-template-columns:1fr}
  .sol-stage{order:-1;min-height:0;aspect-ratio:4/3}
  .hs-track{grid-template-columns:repeat(2,1fr)}
}

/* v4: hero numaraları kaldırıldı, neden kartları harfsiz */
.slide::before{content:none!important}
.rail span{margin-bottom:10px}
.wc{min-height:0;padding-top:28px}
.wc::before{content:"";width:34px;height:2px;background:var(--fire);margin-bottom:10px}
:root[data-theme="light"] .sol-tab[aria-selected="true"] b,:root[data-theme="light"] .sol-tab:hover b{color:var(--fire)}
:root[data-theme="light"] .card,:root[data-theme="light"] .pstep{background:#fff}
@media(prefers-reduced-motion:reduce){.sol-p{transition:none}.sol-tab .sbar{animation:none}}

/* v4: logo + yalnız koyu tema */
.bar-brand .logo{height:64px;width:auto;transition:height .35s var(--ease)}
.bar.past .bar-brand .logo{height:52px}
.f-logo .logo{height:56px;width:auto}
.f-legal{font-size:12.5px;color:rgba(234,240,246,.55);margin:-8px 0 18px}
.mf-sign .logo{height:40px;width:auto}
.mf-sign small{display:block;font:500 10px var(--f-m);letter-spacing:.16em;color:var(--mut);text-transform:uppercase;padding-left:14px;border-left:1px solid var(--line)}
@media(max-width:1060px){.bar-brand .logo{height:48px}.cta-tab{margin-left:auto}}
/* v4: slider okları daha yukarıda ve daha görünür */
.side-arrow{bottom:clamp(170px,27vh,270px);width:60px;height:60px;opacity:.9;background:rgba(10,31,68,.55);border-color:rgba(185,219,255,.55);box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
.side-arrow svg{width:22px;height:22px;stroke-width:2.2}
.hero:hover .side-arrow{opacity:1}
.sa-prev{right:calc(var(--hpad) + 72px)}

/* v4: mobil hero — ilk girişte tamamı ve oklar görünür */
@media(max-width:1000px){
  .hero{height:100svh;min-height:560px}
  .slide-copy{top:calc(76px + 3vh)!important}
  .hero .ht{font-size:clamp(26px,7.6vw,42px);margin-bottom:14px;min-height:0}
  .hero .lede{font-size:14.5px;line-height:1.5;margin-bottom:20px;min-height:0}
  .kicker{margin-bottom:14px}
  .cta-row{gap:8px}
  .cta-row .btn{--h:46px}
  .side-arrow{display:grid;bottom:74px;width:46px;height:46px;opacity:1}
  .side-arrow svg{width:18px;height:18px}
  .sa-prev{right:calc(var(--hpad) + 54px)}
  .hero-foot{bottom:18px}
  .panel figcaption{display:none}
}
@media(max-width:1000px) and (max-height:700px){
  .hero .lede{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .slide-copy{top:72px!important}
}

/* v4: arama kutusu */
.search{position:relative;display:flex;align-items:center}
.search>svg{position:absolute;left:12px;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;opacity:.7;pointer-events:none}
.search input{width:180px;height:40px;padding:0 34px 0 36px;border-radius:var(--r-btn);border:1px solid rgba(234,240,246,.22);background:rgba(255,255,255,.06);color:#eaf0f6;font:500 14px var(--f-b);transition:width .45s var(--ease),border-color .25s,background .25s}
.search input::placeholder{color:rgba(234,240,246,.55)}
.search input::-webkit-search-cancel-button{display:none}
.search input:focus{outline:0;width:260px;border-color:var(--fire);background:rgba(255,255,255,.1)}
.search kbd{position:absolute;right:10px;font:600 11px var(--f-m);padding:2px 7px;border-radius:6px;border:1px solid rgba(234,240,246,.25);opacity:.6;pointer-events:none}
.search input:focus~kbd{opacity:0}
.search-r{position:absolute;right:0;top:calc(100% + 10px);width:min(420px,calc(100vw - 32px));max-height:min(70vh,460px);overflow:auto;padding:8px;z-index:95;
  background:rgba(12,30,64,.98);border:1px solid rgba(234,240,246,.12);border-radius:16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);backdrop-filter:blur(16px)}
.search-r li a{display:grid;gap:2px;padding:10px 12px;border-radius:10px;color:#eaf0f6}
.search-r li a small{font:600 10.5px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--fire-soft)}
.search-r li a b{font-weight:600;font-size:15px}
.search-r li a span{font-size:13px;color:rgba(234,240,246,.6);line-height:1.4}
.search-r li a mark{background:rgba(140,196,255,.3);color:inherit;border-radius:3px;padding:0 1px}
.search-r li[aria-selected="true"] a,.search-r li a:hover{background:rgba(140,196,255,.12)}
.search-r .none{padding:14px 12px;color:rgba(234,240,246,.6);font-size:14px}
.search-m{display:none}
@media(max-width:1280px){.search input{width:150px}.search input:focus{width:220px}}
@media(max-width:1060px){
  .search-d{display:none}
  .search-m{display:flex;margin-bottom:18px}
  .search-m input{width:100%;height:50px;font-size:16px}
  .search-m input:focus{width:100%}
  .search-m kbd{display:none}
  .search-m .search-r{position:static;width:100%;margin-top:8px;box-shadow:none}
}

/* v4: mega menü — tam genişlik değil, ortalanmış sınırlı panel */
@media(min-width:1061px){
  .mega{left:50%;right:auto;top:calc(100% + 8px);width:min(940px,calc(100vw - 2*var(--hpad)));padding:22px;border:1px solid rgba(234,240,246,.12);border-radius:22px;
    transform:translateX(-50%);clip-path:inset(0 0 100% 0 round 22px)}
  .nav-item.open>.mega{clip-path:inset(0 round 22px)}
  .mega-in{grid-template-columns:1fr 1fr 1fr 230px;gap:2px 14px}
  .mega::before{height:30px}
  .feat{aspect-ratio:auto;height:100%;min-height:260px}
}
@media(hover:hover) and (min-width:1061px){.nav-item.has-dd:hover>.mega{clip-path:inset(0 round 22px)}}
:root[data-theme="light"] .mega{border-color:rgba(10,31,68,.1)}

/* v4: referans bandında logolar */
.wall.logos li{display:flex;align-items:center;gap:12px;padding:7px 16px 7px 7px;opacity:.9;border-radius:14px}
.wall.logos .lg{display:grid;place-items:center;width:64px;height:44px;padding:6px 8px;border-radius:10px;background:#fff;flex:none}
.wall.logos .lg.inv{background:#10295a}
.wall.logos img{max-width:100%;max-height:30px;width:auto;object-fit:contain}
@media(max-width:600px){.wall.logos li{font-size:11px}.wall.logos .lg{width:52px;height:38px}}
@media(max-width:1060px){
  .search-m{flex-wrap:wrap}
  .search-m>svg{top:17px}
  .search-m input{flex:1 1 100%}
  .search-m .search-r{flex:1 1 100%;max-height:none}
}

/* v4: modal — sabit koyu başlık (sürüklenebilir), kaydırılan gövde, sabit buton alanı */
dialog#modal.mdl{padding:0;width:min(680px,calc(100vw - 24px));max-height:min(88vh,860px);overflow:hidden;border-radius:24px;border:1px solid rgba(234,240,246,.14);background:var(--bg2)}
dialog#modal.mdl[open]{display:flex;flex-direction:column}
dialog#modal.mdl::backdrop{background:rgba(2,8,22,.78)}
.mdl-h{position:relative;flex:none;display:flex;align-items:flex-start;gap:14px;padding:22px 76px 20px 28px;background:#06142e;border-bottom:1px solid rgba(234,240,246,.1);cursor:move;user-select:none;-webkit-user-select:none;touch-action:none}
.mdl-h .tag{margin-bottom:10px}
dialog#modal.mdl h3{font-size:clamp(22px,2.6vw,30px);line-height:1.08;margin:0;padding:0}
.mdl-grip{position:absolute;left:50%;top:8px;width:42px;height:4px;margin-left:-21px;border-radius:4px;background:rgba(234,240,246,.22);transition:background .2s}
.mdl-h:hover .mdl-grip,.mdl.dragging .mdl-grip{background:var(--fire)}
.mdl.dragging{transition:none!important}
dialog#modal.mdl .x{top:18px;right:18px;display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.04)}
dialog#modal.mdl .x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
dialog#modal .mdl-form{display:flex;flex-direction:column;flex:1;min-height:0;gap:0}
.mdl-b{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;gap:18px;align-content:start;padding:24px 28px 28px;scrollbar-width:thin;scrollbar-color:rgba(140,196,255,.35) transparent}
.mdl-f{flex:none;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:16px 28px;background:#081a3c;border-top:1px solid rgba(234,240,246,.1)}
.mdl-f .btn-solid{--h:50px}
@media(max-width:600px){
  .mdl-h{padding:22px 64px 16px 20px}.mdl-b{padding:20px}.mdl-f{padding:12px 20px}
  .mdl-f .btn{flex:1}.mdl-f .btn>.lb{flex:1;justify-content:center}
}
@media(max-width:600px){
  .mdl-f .btn-line{flex:none}
  .mdl-f .btn-solid{flex:1;min-width:0}
  .mdl-f .btn-solid>.lb{min-width:0;overflow:hidden;text-overflow:ellipsis}
}

/* ===================================================================
   v4.3 — referans slaytı, Dijital Arşiv bölümü, çözüm okları,
   alt sayfa kartları, özel select, Teklif Al vurgusu
   =================================================================== */
/* referans slaytı: logo şeridi */
.hero-logos{display:flex;flex-wrap:wrap;gap:10px;margin:-8px 0 28px;max-width:640px}
.hero-logos li{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.slide.is-active .hero-logos li,.slide.peek .hero-logos li{opacity:1;transform:none}
.slide.is-active .hero-logos li:nth-child(1){transition-delay:.55s}.slide.is-active .hero-logos li:nth-child(2){transition-delay:.6s}.slide.is-active .hero-logos li:nth-child(3){transition-delay:.65s}
.slide.is-active .hero-logos li:nth-child(4){transition-delay:.7s}.slide.is-active .hero-logos li:nth-child(5){transition-delay:.75s}.slide.is-active .hero-logos li:nth-child(6){transition-delay:.8s}.slide.is-active .hero-logos li:nth-child(7){transition-delay:.85s}
.hero-logos .lg{display:grid;place-items:center;width:84px;height:56px;padding:8px 10px;border-radius:14px;background:#fff;box-shadow:0 12px 30px -14px rgba(0,0,0,.6);transition:transform .4s var(--ease)}
.hero-logos .lg.inv{background:#10295a;border:1px solid rgba(255,255,255,.2)}
.hero-logos .lg:hover{transform:translateY(-4px)}
.hero-logos img{max-width:100%;max-height:36px;width:auto;object-fit:contain}
@media(max-width:1000px){.hero-logos{gap:6px;margin:-4px 0 16px}.hero-logos .lg{width:54px;height:38px;padding:5px 6px;border-radius:10px}.hero-logos img{max-height:24px}}
.rail{flex-wrap:nowrap}
@media(max-width:700px){.rail button{width:calc((100vw - 64px)/4)}.rail span{font-size:9px;letter-spacing:.08em}}

/* Dijital Arşiv bölümü */
.da{padding:12vh var(--pad) 4vh}
.da-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,80px);align-items:center}
.da h2{margin-bottom:18px}
.da .lede{max-width:60ch;margin-bottom:30px;font-size:clamp(16px,1.25vw,19px);color:rgba(234,240,246,.78)}
.da-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:32px}
.da-list li{padding:18px 18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--card);display:grid;gap:6px;transition:border-color .3s,transform .45s var(--ease)}
.da-list li:hover{border-color:rgba(var(--fire-rgb),.5);transform:translateY(-4px)}
.da-list b{font-size:16.5px;font-weight:700;display:flex;align-items:center;gap:10px}
.da-list b::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--fire);transform:rotate(45deg)}
.da-list span{color:var(--mut);font-size:14.5px;line-height:1.5}
.da-visual{position:relative}
.da-img{margin:0;aspect-ratio:4/5;border-radius:28px;overflow:hidden;border:1px solid var(--line)}
.da-img img{width:100%;height:100%;object-fit:cover}
.da-flow{position:absolute;left:-28px;right:28px;bottom:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.da-flow li{padding:12px 10px;border-radius:14px;background:rgba(10,31,68,.82);backdrop-filter:blur(10px);border:1px solid rgba(234,240,246,.16);font-weight:700;font-size:14px;text-align:center}
.da-flow span{display:block;font:600 10.5px var(--f-m);letter-spacing:.14em;color:var(--fire-soft);margin-bottom:2px}
.da-badge{position:absolute;right:-18px;top:28px;padding:14px 18px;border-radius:16px;background:var(--fill);color:var(--on-fill);box-shadow:0 20px 40px -18px rgba(0,0,0,.6);animation:chipFloat 6s var(--ease) infinite alternate}
.da-badge b{display:block;font-size:30px;font-weight:800;line-height:1}
.da-badge small{font:600 10px var(--f-m);letter-spacing:.14em;text-transform:uppercase}
@media(max-width:900px){.da-grid{grid-template-columns:1fr}.da-visual{order:-1}.da-img{aspect-ratio:16/11}.da-flow{left:12px;right:12px;bottom:12px}.da-badge{right:12px;top:12px}.da-list{grid-template-columns:1fr}}

/* çözüm satırları: sağda yuvarlak ok linki */
.sol-row{position:relative}
.sol-row .sol-tab{width:100%;padding-right:70px}
.sol-go{position:absolute;right:10px;top:50%;translate:0 -50%;z-index:2;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(234,240,246,.3);color:#eaf0f6;opacity:.45;transition:opacity .3s,background .3s,color .3s,border-color .3s,transform .45s var(--ease)}
.sol-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.sol-row:hover .sol-go,.sol-tab[aria-selected="true"]+.sol-go{opacity:.85}
.sol-go:hover,.sol-go:focus-visible{opacity:1;background:var(--fill);color:var(--on-fill);border-color:var(--fill);transform:rotate(-45deg)}

/* alt sayfa kart ızgarası (görsel kapaklı kartlar) */
.rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rel-grid .card{min-height:300px}
@media(max-width:1100px){.rel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.rel-grid{grid-template-columns:1fr}}
.zw h3 a:hover{color:var(--fire-soft)}

/* özel select (JS ile kurulur; JS yoksa yerel select görünür) */
.dsel{position:relative}
.dsel select{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.dsel-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line);font:500 17px var(--f-b);text-transform:none;letter-spacing:0;color:var(--fg);text-align:left;transition:border-color .2s}
.dsel-btn.ph{color:rgba(234,240,246,.45)}
.dsel-btn svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .35s var(--ease)}
.dsel.open .dsel-btn{border-color:var(--fire)}
.dsel.open .dsel-btn svg{transform:rotate(180deg)}
label.bad .dsel-btn{border-color:#ff6a5a}
.dsel-list{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;max-height:260px;overflow:auto;padding:6px;border-radius:14px;background:#0c2552;border:1px solid rgba(234,240,246,.14);box-shadow:0 24px 50px -18px rgba(0,0,0,.7);
  opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:50% 0;transition:opacity .2s var(--ease),transform .3s var(--ease),visibility 0s .3s;text-transform:none;letter-spacing:0}
.dsel.open .dsel-list{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.dsel-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;font:500 15px var(--f-b);color:#eaf0f6;cursor:pointer}
.dsel-list li:hover,.dsel-list li.act{background:rgba(140,196,255,.12)}
.dsel-list li[aria-selected="true"]{color:var(--fire-soft)}
.dsel-list li[aria-selected="true"]::after{content:"";width:12px;height:7px;border:2px solid currentColor;border-top:0;border-right:0;transform:rotate(-45deg) translateY(-2px)}
.dsel.up .dsel-list{top:auto;bottom:calc(100% + 8px);transform-origin:50% 100%}

/* Teklif Al: göze batan, parlayan CTA */
.cta-tab{height:44px;padding:0 18px 0 16px;gap:10px;font-weight:700;font-size:12px;letter-spacing:.12em;border-radius:999px;
  background:linear-gradient(135deg,#b9dbff 0%,#8cc4ff 45%,#5fa8ff 100%);color:#06142e;
  box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 10px 30px -8px rgba(140,196,255,.75),0 0 0 0 rgba(140,196,255,.55);animation:ctaGlow 2.8s var(--ease) infinite}
.cta-tab::before{background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);transform:translateX(-120%);transition:none;animation:ctaShine 4.2s var(--ease-io) infinite}
.cta-tab:hover{color:#06142e;transform:translateY(-1px)}
.cta-tab:hover::before{transform:translateX(-120%)}
.cta-tab i{background:#06142e}
.cta-ar{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;transition:transform .35s var(--ease)}
.cta-tab:hover .cta-ar{transform:translateX(3px)}
@keyframes ctaGlow{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 10px 30px -8px rgba(140,196,255,.75),0 0 0 0 rgba(140,196,255,.55)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 10px 34px -6px rgba(140,196,255,.95),0 0 0 8px rgba(140,196,255,0)}}
@keyframes ctaShine{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){.cta-tab,.cta-tab::before{animation:none}}
@media(max-width:420px){.cta-tab{padding:0 12px;height:40px}.cta-ar{display:none}}

.hero-logos{gap:8px;max-width:none}
.hero-logos .lg{width:72px;height:50px;padding:7px 8px}
.hero-logos img{max-height:32px}
.rel-grid .card p{opacity:1;transform:none}
.dsel-list{max-height:220px}

/* hakkımızda: büyük numara yerine logo */
.svc-logo{display:block;height:clamp(64px,7vw,96px);width:auto;margin-bottom:18px}

/* mobil menü: iletişim bloğu menünün hemen altında, menü kendi içinde kaydırılabilir */
@media(max-width:1060px){
  .bar-nav{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(40px + env(safe-area-inset-bottom))}
  .m-extra{margin-top:20px;padding-top:22px;flex:none}
  .m-extra ul{gap:10px}
  .m-extra a{display:inline-flex;align-items:center;min-height:40px;font-size:16px}
}
@media(max-width:1060px){.bar.menu-open .bar-nav{-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 66px,#000 92px);mask-image:linear-gradient(180deg,transparent 0,transparent 66px,#000 92px)}}
@media(max-width:1060px){
  .bar.menu-open .bar-nav{-webkit-mask-image:none;mask-image:none}
  .bar.menu-open::after{content:"";position:absolute;left:0;right:0;top:0;height:78px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(6,20,46,.99) 72%,rgba(6,20,46,0))}
}

/* düzeltme: giriş animasyonlu gizleme yalnız slayt içindeki buton satırlarında; diğer bölümlerde butonlar görünür */
section:not(.hero) .cta-row{opacity:1;transform:none}

/* ===================== v4.4 boşluklar, mobil çözüm akordeonu, slider imleci ===================== */
/* masaüstü: bölüm boşluklarını biraz azalt */
.da,.sol,.hs,.proc,.why,.zp-sec{padding-top:clamp(56px,8vh,96px)}
.manifesto{padding-top:4vh;padding-bottom:5vh}
.giant{padding:3vw 0 0}
.gal{padding-top:6vh;padding-bottom:3vh}
.apply{padding-top:6vh}
.band{margin-top:5vh}
.svc{padding:6vh 0}
.zp-hero{padding-bottom:48px}
/* mobil: sıkı ritim */
@media(max-width:900px){
  .manifesto,.da,.sol,.hs,.proc,.why,.gal,.apply,.zp-sec{padding-top:44px;padding-bottom:0}
  .apply{padding-bottom:20px}
  .band{margin-top:32px}.band-in{padding-top:52px;padding-bottom:52px}
  .svc{padding:24px 0}
  .zp-hero{padding-bottom:32px;min-height:78svh}
  .giant{padding:24px 0 0}
  .sec-head{margin-bottom:24px}
  .hs-head,.proc-head{margin-bottom:24px}
  .foot{padding-top:72px}
  .foot-grid{padding-bottom:40px}
}
/* mobil hizmet slider'ı: el (pointer) yerine tut-sürükle imleci */
.hs.off .hs-track,.hs.off .card,.hs.off .card a,.hs.off .card *{cursor:grab}
.hs.off .hs-track.grabbing,.hs.off .hs-track.grabbing *{cursor:grabbing}

/* çözümler — mobil akordeon (sahne gizli, görsel satır içinde açılır) */
.sol-m{display:none}
@media(max-width:1060px){
  .sol-stage{display:none}
  .sol-m{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
  .sol-m-in{overflow:hidden;display:grid;gap:12px;padding:0 6px}
  .sol-tab[aria-selected="true"]~.sol-m{grid-template-rows:1fr}
  .sol-tab[aria-selected="true"]~.sol-m .sol-m-in{padding:4px 6px 22px}
  .sol-m figure{margin:0;aspect-ratio:16/10;border-radius:18px;overflow:hidden;position:relative;background:var(--bg2)}
  .sol-m figure img{width:100%;height:100%;object-fit:cover}
  .sol-m .sol-art{padding-bottom:0}
  .sol-m .sol-art b{font-size:72px}
  .sol-m ul{display:flex;flex-wrap:wrap;gap:6px}
  .sol-m li{font:600 11.5px var(--f-m);letter-spacing:.04em;padding:6px 11px;border-radius:999px;border:1px solid var(--line);color:var(--mut)}
  .sol-tab .sbar{display:none}
  .sol-go{top:22px;translate:none}
}

/* v4.5: kayan dev yazı yerine hareketsiz dört temel kutusu */
.pillars{padding:5vh var(--pad) 0}
.pillars ul{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pillars li{position:relative;display:grid;grid-template-columns:52px 1fr;gap:3px 14px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:20px;
  background:linear-gradient(135deg,rgba(var(--fire-rgb),.09),transparent 65%),var(--card)}
.pillars .pi{grid-row:1/3;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:var(--fire-soft);background:rgba(var(--fire-rgb),.12);border:1px solid rgba(var(--fire-rgb),.28)}
.pillars svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pillars b{font-size:19px;font-weight:800;letter-spacing:-.015em;line-height:1.1}
.pillars li>span:last-child{color:var(--mut);font-size:13.5px;line-height:1.4}
.pillars li+li::before{content:"";position:absolute;left:-12px;top:50%;width:8px;height:8px;border-top:2px solid var(--fire);border-right:2px solid var(--fire);transform:translate(-50%,-50%) rotate(45deg);opacity:.55}
@media(max-width:1100px){.pillars li{grid-template-columns:1fr;gap:10px;align-content:start}.pillars .pi{grid-row:auto}}
@media(max-width:900px){.pillars{padding-top:28px}.pillars ul{grid-template-columns:1fr 1fr;gap:10px}.pillars li{padding:16px}.pillars li+li::before{display:none}.pillars b{font-size:17px}}

/* v4.6: 23 yıl tecrübe slaytı */
.exp-big{position:absolute;right:calc(var(--hpad) - 10px);top:50%;z-index:2;display:flex;align-items:center;gap:18px;translate:0 -58%;pointer-events:none;
  opacity:0;transform:scale(.92);transition:opacity 1s var(--ease) .3s,transform 1.2s var(--ease) .3s}
.slide.is-active .exp-big,.slide.peek .exp-big{opacity:1;transform:none}
.exp-big b{font-size:clamp(150px,19vw,300px);font-weight:900;line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px rgba(185,219,255,.85);text-shadow:0 0 60px rgba(140,196,255,.25)}
.exp-big span{font-size:clamp(14px,1.4vw,20px);font-weight:800;letter-spacing:.16em;line-height:1.3;color:#eaf0f6;border-left:3px solid var(--fire);padding-left:14px}
.hero-years{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 28px}
.hero-years li{display:grid;gap:2px;padding:10px 14px;border-radius:14px;background:rgba(10,31,68,.55);backdrop-filter:blur(8px);border:1px solid rgba(234,240,246,.16);
  opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.slide.is-active .hero-years li{opacity:1;transform:none}
.slide.is-active .hero-years li:nth-child(1){transition-delay:.55s}.slide.is-active .hero-years li:nth-child(2){transition-delay:.62s}.slide.is-active .hero-years li:nth-child(3){transition-delay:.69s}.slide.is-active .hero-years li:nth-child(4){transition-delay:.76s}
.hero-years b{font-size:17px;font-weight:800;color:var(--fire-soft);letter-spacing:-.01em}
.hero-years span{font:600 10.5px var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:rgba(234,240,246,.75)}
@media(max-width:1000px){
  .exp-big{right:12px;top:auto;bottom:118px;translate:none;gap:10px}
  .exp-big b{font-size:96px;-webkit-text-stroke-width:1.5px}
  .exp-big span{font-size:11px;padding-left:8px}
  .hero-years{gap:6px;margin:-4px 0 16px}.hero-years li{padding:7px 10px}.hero-years b{font-size:14px}.hero-years span{font-size:9px}
}
@media(max-width:700px){.rail button{width:calc((100vw - 72px)/5)}.rail span{font-size:8.5px;letter-spacing:.04em}}
#scan{transition:opacity .8s var(--ease)}
/* 23 yıl slaytında da tarama efekti görünür (önceden gizleniyordu) */
/* dört temel kutusu yalnız masaüstü/tablette; mobilde gizli */
@media(max-width:700px){.pillars{display:none}}

/* v4.7: mobil hero — yazı bloğu header ile oklar arasında güvenli dikey ortalı */
@media(max-width:1000px){
  .slide-copy{top:76px!important;bottom:136px;display:flex;flex-direction:column;overflow:hidden}
  .slide-copy>:first-child{margin-top:auto}
  .slide-copy>:last-child{margin-bottom:auto}
  .exp-big{left:var(--hpad);right:auto;bottom:74px;gap:8px}
  .exp-big b{font-size:58px}
  .exp-big span{font-size:9.5px}
}
@media(max-width:1000px) and (max-height:700px){.slide-copy{top:68px!important;bottom:128px}}

/* v4.8: mobilde Teklif Al modalı tam ekran */
@media(max-width:600px){
  dialog#modal.mdl{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;inset:0;border-radius:0;border:0;translate:none!important}
  dialog#modal.mdl[open]{display:flex}
  .mdl-h{cursor:default;padding:calc(18px + env(safe-area-inset-top)) 64px 16px 20px}
  .mdl-grip{display:none}
  dialog#modal.mdl .x{top:calc(14px + env(safe-area-inset-top))}
  .mdl-b{padding:20px 20px 28px}
  .mdl-f{padding:12px 20px calc(12px + env(safe-area-inset-bottom))}
  @starting-style{dialog#modal.mdl[open]{opacity:0;transform:translateY(24px)}}
}

/* v4.9: Safari (eski iOS) için tam ekran modal yedekleri — 100dvh desteklenmezse 100vh / fill-available */
@media(max-width:600px){
  dialog#modal.mdl{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-width:none;
    height:100vh;height:-webkit-fill-available;height:100dvh;max-height:none}
}
/* modal başlığı: tutma ikonu + tut/sürükle imleci (masaüstü) */
@media(min-width:601px){
  .mdl-h{cursor:grab}
  .mdl.dragging .mdl-h,.mdl.dragging .mdl-h *{cursor:grabbing}
  .mdl-h .x{cursor:pointer}
  .mdl-grip{top:9px;width:30px;height:12px;margin-left:-15px;border-radius:0;opacity:.55;transition:opacity .2s;
    background:radial-gradient(circle,rgba(234,240,246,.9) 1.6px,transparent 2px) 0 0/10px 6px}
  .mdl-h:hover .mdl-grip,.mdl.dragging .mdl-grip{opacity:1;background:radial-gradient(circle,var(--fire) 1.6px,transparent 2px) 0 0/10px 6px}
}

/* v4.10: mobil modal — tam ekran değil; ortada, büyük, yuvarlak köşeli kart */
@media(max-width:600px){
  dialog#modal.mdl{top:0;left:0;right:0;bottom:0;inset:0;margin:auto;width:calc(100% - 24px);max-width:none;
    height:86vh;height:86dvh;max-height:none;border-radius:22px;border:1px solid rgba(234,240,246,.14)}
  .mdl-h{padding:18px 64px 16px 20px}
  dialog#modal.mdl .x{top:14px}
  .mdl-f{padding:12px 16px}
  dialog#modal.mdl::backdrop{background:rgba(2,8,22,.82)}
}

ul.feat-list{margin:0;padding:0;list-style:none;display:contents}.feat-list>li{display:contents}