/* ═══════ TOPBAR ═══════ */
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:60;
  display:flex;align-items:center;gap:26px;
  padding:0 clamp(16px,3vw,30px);height:64px;
  background:rgba(8,10,14,.72);backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;transition:border-color .3s,background .3s;
}
.topbar.stuck{border-bottom-color:var(--line);background:rgba(8,10,14,.93)}
.brand{display:flex;align-items:center;gap:10px;flex:none}
.brand__mark{color:var(--amber);display:grid;place-items:center}
.brand__txt{display:flex;flex-direction:column;font-family:var(--f-disp);font-weight:900;font-size:17px;letter-spacing:.06em;line-height:1}
.brand__txt em{font-family:var(--f-mono);font-style:normal;font-weight:500;font-size:8px;letter-spacing:.24em;color:var(--mute2);margin-top:3px}

.topnav{display:flex;gap:4px;margin-left:auto}
.topnav a{
  padding:8px 13px;font-family:var(--f-ui);font-size:12.5px;font-weight:600;
  letter-spacing:.05em;text-transform:uppercase;color:var(--mute);
  border-radius:var(--r);transition:color .18s,background .18s;
}
.topnav a:hover,.topnav a.on{color:var(--paper);background:rgba(255,255,255,.05)}

.topbar__right{display:flex;align-items:center;gap:12px;margin-left:auto}
.topnav+.topbar__right{margin-left:0}
.edge-badge{
  display:inline-flex;align-items:center;gap:7px;padding:6px 11px;
  border:1px solid var(--line);border-radius:var(--r);
  font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;color:var(--mute);
}
.edge-badge b{color:var(--scan)}
.edge-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--scan);animation:pulse 2.2s infinite}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(61,224,218,.5)}50%{opacity:.5;box-shadow:0 0 0 5px rgba(61,224,218,0)}}

.burger{display:none;flex-direction:column;gap:4px;padding:8px}
.burger span{width:20px;height:2px;background:var(--paper);transition:transform .25s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media(max-width:1080px){
  .topnav{
    position:fixed;top:64px;left:0;right:0;flex-direction:column;gap:0;
    background:var(--steel);border-bottom:1px solid var(--line);
    padding:8px;transform:translateY(-140%);transition:transform .32s var(--ease);
  }
  .topnav.open{transform:none}
  .topnav a{padding:14px;font-size:14px}
  .burger{display:flex}
  .edge-badge{display:none}
}
@media(max-width:560px){.topbar .btn--sm{display:none}}

/* ═══════ HERO ═══════ */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:96px 0 60px}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero__scrim{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(120% 90% at 15% 45%,rgba(8,10,14,.94) 0%,rgba(8,10,14,.7) 42%,rgba(8,10,14,.15) 78%),
    linear-gradient(to top,var(--void) 2%,transparent 40%);
}
.hero__inner{position:relative;z-index:2;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(18px,4vw,40px);width:100%}
.eyebrow{
  font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.24em;
  color:var(--scan);margin-bottom:20px;
}
.hero__title{font-size:clamp(46px,8.6vw,112px);letter-spacing:-.02em;line-height:1.04}
.hero__title .hl{
  color:transparent;-webkit-text-stroke:2px var(--amber);
  paint-order:stroke fill;
}
.hero__lede{max-width:60ch;margin-top:26px;color:#B9C4D2;font-size:clamp(15px,1.7vw,18px);line-height:1.66}
.hero__lede b{color:var(--paper);font-weight:600;border-bottom:1px solid var(--amber-d)}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero__stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;
  margin-top:56px;max-width:820px;background:var(--line);border:1px solid var(--line);
}
.hero__stats li{background:rgba(8,10,14,.86);padding:18px 16px}
.hero__stats b{display:block;font-family:var(--f-disp);font-size:clamp(26px,3.4vw,40px);font-weight:900;color:var(--amber);line-height:1}
.hero__stats small{font-size:.42em;color:var(--mute);margin-left:3px;font-family:var(--f-mono);letter-spacing:0}
.hero__stats span{display:block;margin-top:7px;font-size:11.5px;color:var(--mute);line-height:1.4}

.hero__hud{
  position:absolute;right:clamp(18px,4vw,40px);top:50%;transform:translateY(-50%);z-index:2;
  width:250px;border:1px solid var(--line);background:rgba(16,20,27,.82);backdrop-filter:blur(8px);
  font-family:var(--f-mono);font-size:10.5px;
}
.hud__row{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line)}
.hud__row:last-child{border:0}
.hud__row span{color:var(--mute2);letter-spacing:.1em}
.hud__row b{color:var(--paper);font-weight:500;text-align:right}
@media(max-width:1180px){.hero__hud{display:none}}
@media(max-width:700px){.hero__stats{grid-template-columns:1fr 1fr}}

.hero__scroll{
  position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  font-family:var(--f-mono);font-size:9px;letter-spacing:.3em;color:var(--mute2);
}
.hero__scroll span{width:1px;height:34px;background:linear-gradient(var(--amber),transparent);animation:drop 2s 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}}

/* ═══════ TICKER ═══════ */
.ticker{
  border-block:1px solid var(--line);background:var(--steel);
  overflow:hidden;position:relative;z-index:2;
}
.ticker__track{display:flex;gap:0;white-space:nowrap;animation:slide 46s linear infinite;width:max-content}
.ticker:hover .ticker__track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
.ticker__i{
  display:inline-flex;align-items:center;gap:10px;padding:13px 26px;
  font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;color:var(--mute);
  border-right:1px solid var(--line);
}
.ticker__i b{color:var(--amber);font-weight:600}
.ticker__i i{width:5px;height:5px;background:var(--scan);border-radius:50%;flex:none}

/* ═══════ SECTIONS ═══════ */
.section{padding:clamp(70px,9vw,130px) 0;position:relative}
.section--line{background:linear-gradient(180deg,var(--void),#0B0E14 12%,#0B0E14 88%,var(--void));border-block:1px solid var(--line)}
.section--sec{background:radial-gradient(90% 60% at 50% 0%,rgba(61,224,218,.05),transparent 70%)}
.section--road{border-top:1px solid var(--line)}
.section--cta{padding-bottom:clamp(70px,9vw,120px)}

/* ═══════ GRIDS ═══════ */
.grid{display:grid;gap:18px}
.grid--sim{grid-template-columns:minmax(0,1fr) 330px;align-items:start}
.grid--aug{grid-template-columns:minmax(0,1fr) 340px}
.grid--lbl{grid-template-columns:minmax(0,1fr) 320px;align-items:start}
.grid--insp{grid-template-columns:minmax(0,1fr) 320px;align-items:start}
@media(max-width:1000px){.grid--sim,.grid--aug,.grid--lbl,.grid--insp{grid-template-columns:1fr}}

/* ═══════ FOOTER ═══════ */
.foot{border-top:1px solid var(--line);background:var(--steel);padding-top:56px;position:relative;z-index:1}
.foot__wrap{display:grid;grid-template-columns:1.2fr 2fr;gap:40px;padding-bottom:44px}
.foot__brand{display:flex;gap:12px}
.foot__brand .brand__mark{color:var(--amber);flex:none;margin-top:2px}
.foot__brand b{display:block;font-family:var(--f-disp);font-size:17px;letter-spacing:.05em}
.foot__brand span{display:block;margin-top:8px;color:var(--mute);font-size:13.5px;max-width:34ch;line-height:1.55}
.foot__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.foot__cols p{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;color:var(--mute2);margin-bottom:14px}
.foot__cols a,.foot__cols span{display:block;font-size:13.5px;color:var(--mute);padding:5px 0;transition:color .18s}
.foot__cols a:hover{color:var(--amber)}
.foot__legal{
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding-block:18px;border-top:1px solid var(--line);
  font-family:var(--f-mono);font-size:10.5px;color:var(--mute2);letter-spacing:.05em;
}
.foot__edge{color:var(--scan-d)}
@media(max-width:820px){.foot__wrap{grid-template-columns:1fr}.foot__cols{grid-template-columns:1fr 1fr}}

/* ═══════ HERO — 3D döner istasyon halkası ═══════ */
.hero__canvas{opacity:.5}
.hero3d{
  position:absolute;right:clamp(18px,4vw,40px);bottom:86px;z-index:2;
  width:240px;display:flex;flex-direction:column;align-items:center;gap:12px;
  pointer-events:none;
}
.hero3d__stage{
  width:220px;height:220px;perspective:900px;pointer-events:auto;cursor:grab;touch-action:pan-y;
}
.hero3d__stage:active{cursor:grabbing}
.hero3d__ring{
  position:relative;width:100%;height:100%;transform-style:preserve-3d;
  transform:rotateX(-9deg);
}
.h3d-face{
  position:absolute;top:73px;left:35px;width:150px;height:74px;margin:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:rgba(16,20,27,.86);border:1px solid var(--line2);backdrop-filter:blur(6px);
  cursor:pointer;transition:border-color .2s,background .2s;text-align:center;
  backface-visibility:hidden;
}
.h3d-face b{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;color:var(--amber)}
.h3d-face span{font-family:var(--f-ui);font-size:11.5px;font-weight:600;color:var(--paper)}
.h3d-face:hover,.h3d-face.is-hot{border-color:var(--scan);background:rgba(61,224,218,.1)}
.hero3d__hint{
  pointer-events:none;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.16em;
  color:var(--mute2);text-align:center;margin:0;
}
@media(max-width:1180px){.hero3d{display:none}}

/* ═══════ DİL DEĞİŞTİRİCİ ═══════ */
.langsw{display:flex;border:1px solid var(--line2);border-radius:var(--r);overflow:hidden;flex:none}
.langsw button{
  padding:6px 10px;font-family:var(--f-mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;
  color:var(--mute2);transition:color .16s,background .16s;
}
.langsw button:hover{color:var(--paper)}
.langsw button.on{color:#0B0803;background:var(--amber)}
@media(max-width:560px){.langsw button{padding:6px 8px}}