.hero-scroll{--void:#05070a;--charcoal:#383838;--steel:#6b7280;--bone:#e8eaed;--crimson:#a02030;--crimson-hi:#c8324a;--font-display:var(--font-archivo), "Arial Black", system-ui, sans-serif;--font-mono:var(--font-ibm-plex-mono), "Consolas", monospace;--hud-ease:cubic-bezier(.22, 1, .36, 1);--hud-dur:.16s}.hero-scroll .sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-scroll{color:var(--bone);position:relative}.hero-scroll a{color:inherit}.hero-scroll.is-fallback{height:auto}.hero-stage{background:var(--void);height:100svh;position:sticky;top:0;overflow:hidden}.hero-stage canvas{will-change:transform;backface-visibility:hidden;width:100%;height:100%;display:block;position:absolute;inset:0;transform:translateZ(0)}.hero-perde{background:var(--void);z-index:5;pointer-events:none;opacity:1;transition:opacity .34s ease-out,visibility 0s linear .34s;position:absolute;inset:0}.hero-stage.hazir .hero-perde{opacity:0;visibility:hidden}@media (prefers-reduced-motion:reduce){.hero-perde{transition:none}}.hero-baslik{transition:opacity .35s ease-out,visibility}.hero-scroll.turda .hero-baslik{opacity:0;visibility:hidden;transition:opacity .35s ease-out,visibility 0s linear .35s}.hero-baslik>div{text-align:center;position:relative}.hero-baslik>div:before{content:"";z-index:-1;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--void,#0a0c0e) 72%, transparent) 0%, transparent 70%);pointer-events:none;position:absolute;inset:-30% -14%}.hero-slogan{letter-spacing:.06em;color:var(--bone,#d6dae0);text-shadow:0 1px 12px color-mix(in srgb, var(--void,#0a0c0e) 80%, transparent);flex-wrap:wrap;justify-content:center;gap:.35em 1.1em;margin-top:clamp(1.25rem,2.4vh,2rem);font-size:clamp(.95rem,1.45vw,1.35rem);display:flex}.hero-slogan span+span:before{content:"·";color:var(--crimson-hi,#c8324a);margin-right:1.1em}@media (max-width:900px),(pointer:coarse){.hero-slogan,.hero-baslik>div:before{display:none}}.hud{z-index:10;pointer-events:none;isolation:isolate;position:absolute;inset:0}.hud a,.hud button{pointer-events:auto}.hud-el{opacity:0;visibility:hidden;transition:opacity var(--hud-dur) var(--hud-ease), transform var(--hud-dur) var(--hud-ease), visibility 0s linear var(--hud-dur);will-change:opacity, transform;transform:translateY(8px)}.hud-el.is-on{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(0)}.hud-label.hud-el{transition:opacity var(--hud-dur) var(--hud-ease), visibility 0s linear var(--hud-dur)}.hud-label.hud-el.is-on{transition-delay:0s}.u{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:12px}.d{font-family:var(--font-display);font-variation-settings:"wdth" 125, "wght" 640;text-transform:uppercase;letter-spacing:.01em;font-weight:640;line-height:1.04}.hud-persist{color:var(--bone);align-items:center;gap:16px;display:flex;position:absolute;top:22px;right:24px}.hud-progress{background:color-mix(in srgb, var(--steel) 35%, transparent);width:72px;height:2px;position:relative;overflow:hidden}.hud-progress-fill{transform-origin:0;background:var(--bone);position:absolute;inset:0;transform:scaleX(0)}.hud-skip{pointer-events:auto;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bone);border:1px solid color-mix(in srgb, var(--steel) 55%, transparent);cursor:pointer;transition:border-color var(--hud-dur) var(--hud-ease), background var(--hud-dur) var(--hud-ease);background:0 0;padding:7px 12px;font-size:11px;text-decoration:none}.hud-skip:hover{border-color:var(--bone)}.hud-persist .hud-skip:not(:focus-visible){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hud-telemetry{color:var(--steel);text-shadow:0 1px 3px var(--void), 0 0 12px color-mix(in srgb, var(--void) 85%, transparent);justify-content:space-between;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.hud-telemetry .tick{color:color-mix(in srgb, var(--steel) 65%, transparent)}.hud-acilis{align-items:flex-start;gap:12px;width:max-content;max-width:calc(100vw - 28px);margin:0 auto;display:flex;position:absolute;bottom:52px;left:0;right:0}.hud-scroll-hint{color:var(--bone);flex-direction:column;align-items:center;gap:10px;display:flex}.hud-ekosistem{color:var(--bone);background:var(--crimson);border:1px solid var(--crimson);white-space:nowrap;transition:background var(--hud-dur) var(--hud-ease), border-color var(--hud-dur) var(--hud-ease);align-items:center;padding:9px 14px;text-decoration:none;display:inline-flex}.hud-ekosistem:hover{background:var(--crimson-hi);border-color:var(--crimson-hi)}.hud-ekosistem:focus-visible{outline:2px solid var(--bone);outline-offset:3px}.hud-scroll-hint .txt{background:color-mix(in srgb, var(--void) 66%, transparent);border:1px solid color-mix(in srgb, var(--steel) 35%, transparent);-webkit-backdrop-filter:blur(6px);padding:9px 14px}.hud-scroll-hint .line{background:color-mix(in srgb, var(--bone) 55%, transparent);width:1px;height:30px;box-shadow:0 0 0 1px color-mix(in srgb, var(--void) 45%, transparent);position:relative;overflow:hidden}.hud-scroll-hint .line:after{content:"";background:linear-gradient(to bottom, transparent, var(--crimson-hi));width:100%;height:100%;animation:1.8s ease-in-out infinite hud-scroll-drop;position:absolute;top:-100%;left:0}@keyframes hud-scroll-drop{0%{transform:translateY(0)}to{transform:translateY(200%)}}@media (prefers-reduced-motion:reduce){.hud-scroll-hint .line:after{animation:none}}.hud-copy{max-width:46rem;color:var(--bone);position:absolute;bottom:16vh;left:6vw}.hud-copy .d{font-size:clamp(2rem,4.6vw,4.4rem)}.hud-copy .d+.d{margin-top:.1em}.hud-copy .sub{font-family:var(--font-mono);letter-spacing:.08em;color:var(--steel);text-transform:uppercase;margin-top:1.1em;font-size:13px}.hud-copy.pos-top{top:12vh;bottom:auto}.hud-copy.genis{max-width:62rem}.hud-copy.pos-center{top:50%;bottom:auto;transform:translateY(-50%)}.hud-copy.pos-center.hud-el{transform:translateY(calc(8px - 50%))}.hud-copy.pos-center.hud-el.is-on{transform:translateY(-50%)}.hud-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--bone);border-left:2px solid var(--crimson);background:color-mix(in srgb, var(--void) 78%, transparent);white-space:nowrap;align-items:center;gap:8px;padding:4px 8px 4px 6px;font-size:11px;text-decoration:none;display:inline-flex;position:absolute;top:0;left:0;transform:translate(10px,-50%)}.hud-label .st{color:var(--steel)}.hud-label:hover{background:color-mix(in srgb, var(--void) 92%, transparent)}.hud-label.is-hidden{display:none}.hud-zone{color:var(--bone);border-left:2px solid var(--crimson);background:linear-gradient(90deg, color-mix(in srgb, var(--void) 72%, transparent), transparent 85%);text-shadow:0 1px 3px var(--void);padding:8px 14px 8px 10px;text-decoration:none;display:block;position:absolute;top:40vh;bottom:auto;left:6vw}.hud-zone .zu{color:var(--steel);margin-bottom:10px}.hud-zone .zd{font-size:clamp(1.4rem,2.6vw,2.4rem)}.hud-card{border:1px solid color-mix(in srgb, var(--steel) 40%, transparent);background:color-mix(in srgb, var(--void) 85%, transparent);width:300px;color:var(--bone);padding:16px 18px;position:absolute;top:84px;right:24px}.hud-card h3{font-family:var(--font-mono);letter-spacing:.08em;color:var(--marka-kirmizi-metin);margin-bottom:12px;font-size:12px;font-weight:500}.hud-card .row{font-family:var(--font-mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--steel);justify-content:space-between;gap:16px;padding:4px 0;font-size:12px;display:flex}.hud-card .row b{color:var(--bone);font-weight:500}.hud-final{text-align:center;text-shadow:0 1px 2px var(--void), 0 0 18px color-mix(in srgb, var(--void) 70%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:0 6vw;display:flex;position:absolute;inset:0}.hud-final .d{max-width:22ch;font-size:clamp(1.8rem,3.6vw,3.4rem)}.hud-final .fu{color:var(--steel)}.hud-final .cta{gap:14px;margin-top:10px;display:flex}.btn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;transition:background var(--hud-dur) var(--hud-ease), border-color var(--hud-dur) var(--hud-ease), color var(--hud-dur) var(--hud-ease);padding:14px 26px;font-size:12px;text-decoration:none}.btn-solid{background:var(--crimson);color:var(--bone);border:1px solid var(--crimson)}.btn-solid:hover{background:var(--crimson-hi);border-color:var(--crimson-hi)}.btn-line{background:color-mix(in srgb, var(--void,#0a0c0e) 72%, transparent);color:var(--bone);border:1px solid color-mix(in srgb, var(--bone) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-line:hover{border-color:var(--bone);background:color-mix(in srgb, var(--void,#0a0c0e) 86%, transparent)}.hud-marka{text-align:center;max-height:10vh;color:var(--bone);position:absolute;top:2vh;left:50%;translate:-50%}.marka-kilit{flex-direction:column;align-items:center;gap:10px;display:flex}.marka-mark{line-height:1;display:block}.marka-mark img{object-fit:contain;width:auto;height:5.2vh;max-height:46px;display:block}.marka-word{font-family:var(--font-display);letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:var(--bone);font-size:clamp(1.05rem,1.9vw,1.6rem)}.marka-mark.has-logo .marka-word{display:none}.marka-alt{color:var(--steel);border-top:1px solid color-mix(in srgb, var(--crimson) 70%, transparent);padding-top:8px}.hud-marka-iz{pointer-events:none;transition:opacity .45s;position:absolute;top:3vh;left:3vw}.hud-marka-iz .marka-mark img{height:18px;max-height:18px}.hud-marka-iz .marka-word{letter-spacing:.34em;text-indent:.34em;font-size:12px}.hud-marka-iz .marka-alt{display:none}.fallback-seq{background:var(--void)}.fallback-phase{border-bottom:1px solid color-mix(in srgb, var(--steel) 18%, transparent);grid-template-rows:1fr auto;gap:32px;min-height:100vh;padding:8vh 6vw;display:grid}.fallback-phase .poster{align-self:center;width:min(760px,100%);margin:0 auto}.fallback-phase .poster svg{width:100%;height:auto;display:block}.fallback-copy{max-width:46rem}.fallback-copy .u{color:var(--steel);margin-bottom:14px;display:block}.fallback-copy .d{color:var(--bone);font-size:clamp(1.8rem,4vw,3.6rem)}.fallback-copy .sub{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);margin-top:1em;font-size:13px}.fallback-links{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.fallback-links a{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bone);border:1px solid color-mix(in srgb, var(--steel) 45%, transparent);border-left:2px solid var(--crimson);padding:7px 12px;font-size:11px;text-decoration:none}@media (prefers-reduced-motion:no-preference){.fallback-phase{opacity:.35;transition:opacity .6s var(--hud-ease)}.fallback-phase.in-view{opacity:1}}@media (max-width:768px){.hud-persist{gap:10px;top:14px;right:14px}.hud-telemetry{bottom:14px;left:14px;right:14px}.hud-acilis{bottom:44px}.hud-copy{bottom:14vh;left:7vw;right:7vw}.hud-copy .d{font-size:clamp(1.7rem,8vw,2.6rem)}.hud-copy.genis .d{font-size:clamp(1.35rem,5.6vw,2.2rem)}.hud-card{width:min(300px,100vw - 28px);padding:12px 14px;top:92px;right:14px}.hud-zone{top:30vh;bottom:auto;left:7vw}.hud-marka{max-height:7vh;top:1.5vh}.hud-marka .marka-mark img{height:3.4vh;max-height:30px}.hud-marka .marka-word{letter-spacing:.34em;text-indent:.34em;font-size:.95rem}.hud-marka-iz{display:none}.btn{padding:12px 18px}}.hero-scroll .hero-cikis{visibility:hidden}.hero-scroll.hazir .hero-cikis{visibility:visible}.fallback-baslik{height:auto;margin-bottom:26px;display:block;position:static}.fallback-baslik img{max-width:min(320px,68vw);height:auto}.fallback-phase .poster{position:relative;overflow:hidden}.fallback-phase .poster img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.fallback-phase .poster:after{content:"";background:linear-gradient(to top, var(--void) 0%, color-mix(in oklab, var(--void) 55%, transparent) 38%, color-mix(in oklab, var(--void) 12%, transparent) 72%, transparent 100%);pointer-events:none;position:absolute;inset:0}.fallback-phase .poster-sema{opacity:.22;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.fallback-phase .poster-sema svg{width:100%;height:100%;display:block}@media (max-width:640px){.fallback-phase{gap:22px;min-height:auto;padding:6vh 6vw}.fallback-copy .d{font-size:clamp(1.6rem,7.5vw,2.4rem)}}.fallback-seq{flex-direction:column;display:flex}.fallback-seq>.hud-skip{margin:18px 24px 0 0}.hero-mobil{display:none}@media (max-width:900px),(pointer:coarse){.hero-mobil{z-index:10;background:var(--hero-exit-bg);flex-direction:column;height:100svh;display:flex;position:absolute;inset:0;overflow:hidden}.hero-mobil-sahne{background:var(--void);flex:auto;min-height:30svh;position:relative;overflow:hidden}.hero-mobil-poster,.hero-mobil-poster img{object-fit:cover;object-position:50% 32%;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-mobil-perde{pointer-events:none;background:linear-gradient(to top, var(--hero-exit-bg) 0%, color-mix(in oklab, var(--hero-exit-bg) 55%, transparent) 12%, transparent 32%), linear-gradient(to bottom, color-mix(in oklab, var(--void) 60%, transparent) 0%, transparent 24%);position:absolute;inset:0}.hero-mobil-icerik{padding:2px 6vw calc(env(safe-area-inset-bottom,0px) + 14px);color:var(--bone);flex-direction:column;flex:none;gap:14px;display:flex}.hero-mobil .u,.hero-mobil .btn{font-weight:500}.hero-mobil-telemetri{color:var(--metin-soluk);margin:0}.hero-mobil-ifade{white-space:nowrap;flex-direction:column;margin:0;font-size:clamp(1.25rem,5.8vw,2.4rem);display:flex}.hero-mobil-cta{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.hero-mobil-cta .btn{letter-spacing:.06em;white-space:nowrap;text-align:center;justify-content:center;align-items:center;min-height:48px;padding:0 8px;display:inline-flex}.hero-mobil-alt{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-mobil-atla,.hero-mobil-ekosistem{align-items:center;gap:8px;min-height:44px;text-decoration:none;display:inline-flex}.hero-mobil-atla{color:var(--metin-soluk)}.hero-mobil-ekosistem{color:var(--bone)}.hero-mobil-ekosistem span{color:var(--marka-kirmizi-metin)}.hero-mobil~.hero-baslik{padding-top:calc(env(safe-area-inset-top,0px) + 22px);z-index:20;align-items:flex-start}}@media (max-width:340px){.hero-mobil-cta{grid-template-columns:1fr}}@media (min-width:600px) and (max-width:900px),(min-width:600px) and (pointer:coarse){.hero-mobil-icerik{padding:6px 8vw calc(env(safe-area-inset-bottom,0px) + 28px);gap:18px}.hero-mobil-cta{flex-wrap:wrap;display:flex}.hero-mobil-cta .btn{padding:0 26px}}