@font-face{font-family:'Bebas Neue';src:url('fonts/BebasNeue-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.hero-hud{--hud-blue:var(--accent-2,#8fbcff);position:relative;width:440px;max-width:100%;padding:24px 34px 24px 40px;isolation:isolate;clip-path:polygon(0 18px,18px 0,calc(100% - 44px) 0,100% 44px,100% calc(100% - 22px),calc(100% - 22px) 100%,30px 100%,0 calc(100% - 30px))}
.hero-hud::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(110deg,rgba(14,29,49,.76),rgba(10,18,30,.58));transform-origin:center}
.hud-frame{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;fill:none;stroke:var(--hud-blue);stroke-width:1;pointer-events:none}
.hud-frame path{vector-effect:non-scaling-stroke}
.hud-frame .outline{stroke-opacity:.5;stroke-dasharray:2200;stroke-dashoffset:0}
.hud-frame .inner{stroke-opacity:.14;stroke-width:.7}
.hud-frame .bracket{stroke-width:2.5;stroke-opacity:.95;stroke-dasharray:800;stroke-dashoffset:0}
.hud-frame .etch{stroke-opacity:.3;stroke-width:1}
.hud-frame .flash{stroke:#d7e7ff;stroke-width:2;opacity:0;filter:drop-shadow(0 0 4px #5b9bff)}
.hero .hero-hud h1{font-family:'Bebas Neue',sans-serif!important;font-size:64px!important;line-height:.96!important;font-weight:400!important;letter-spacing:.02em!important;max-width:none!important;margin:8px 0 0!important;text-transform:uppercase;color:var(--ink,#f2f5fa);text-align:left!important}
.hero .hero-hud h1 span{font-family:'Bebas Neue',sans-serif!important;text-transform:uppercase!important}
.hud-line{position:relative;display:block;white-space:nowrap;overflow:hidden;padding-bottom:2px}
.hud-line:last-child{color:var(--hud-blue);margin-top:4px}
.hud-line::after{content:"";position:absolute;inset:0 auto 0 0;width:24%;pointer-events:none;background:linear-gradient(90deg,transparent,#dbe9ff42,transparent);opacity:0;transform:translateX(-120%)}
.hero .hero-hud .hero-sub{font-size:14px!important;line-height:1.7!important;max-width:100%!important;margin:20px 0 0!important;padding-top:15px;border-top:1px solid #8fbcff32;color:#b7c6dc!important;letter-spacing:0!important;text-align:left!important}
.hud-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;font-family:'Figtree',sans-serif;font-size:9px;font-weight:500;letter-spacing:.16em;color:#9aafd0}
.hud-bottom b{height:5px;flex:1;max-width:96px;background:repeating-linear-gradient(110deg,#8fbcff 0 5px,transparent 5px 10px);opacity:.55}
.hud-scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 48%,#5b9bff12 49.5%,#bcd6ff70 50%,transparent 51%);opacity:0;z-index:2;transform:translateY(-100%)}
.hero-hud.is-online::before{animation:hud-surface .85s cubic-bezier(.16,1,.3,1) both}
.hero-hud.is-online .outline{animation:hud-trace 1.1s .12s cubic-bezier(.4,0,.2,1) both}
.hero-hud.is-online .bracket{animation:hud-brackets .9s cubic-bezier(.16,1,.3,1) both}
.hero-hud.is-online .etch{animation:hud-signal .6s .65s both}
.hero-hud.is-online .hud-line{animation:hud-text .8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.45s + var(--line)*.13s)}
.hero-hud.is-online .hud-line::after{animation:hud-letter-light .85s linear both;animation-delay:calc(.6s + var(--line)*.13s)}
.hero-hud.is-online .hero-sub{animation:hud-copy .7s 1.15s cubic-bezier(.16,1,.3,1) both}
.hero-hud.is-online .hud-bottom{animation:hud-signal .5s 1.4s both}
.hero-hud.is-online .hud-bottom b{animation:hud-rail .65s 1.45s steps(10,end) both}
.hero-hud.is-online .hud-scan{animation:hud-scan 1.8s .1s linear both}
.hero-hud.is-online .flash{animation:hud-flash 16s 2.2s linear infinite}
body.is-loading .hero-hud,html.hud-pending .hero-hud:not(.is-online){visibility:hidden}
.hero-hud[data-sleep] *, .hero-hud[data-sleep]::before{animation-play-state:paused!important}
@keyframes hud-surface{0%{transform:scaleY(.015);opacity:.2}45%{opacity:.7}100%{transform:scaleY(1);opacity:1}}
@keyframes hud-trace{from{stroke-dashoffset:2200;stroke-opacity:.15}to{stroke-dashoffset:0;stroke-opacity:.5}}
@keyframes hud-brackets{0%{stroke-dashoffset:800;stroke-opacity:0}30%{stroke-opacity:1}100%{stroke-dashoffset:0;stroke-opacity:.95}}
@keyframes hud-text{from{clip-path:inset(0 100% 0 0);transform:translateX(8px);opacity:.25}to{clip-path:inset(0);transform:none;opacity:1}}
@keyframes hud-letter-light{0%{opacity:0;transform:translateX(-120%)}15%,65%{opacity:1}85%{opacity:0;transform:translateX(520%)}100%{opacity:0;transform:translateX(0)}}
@keyframes hud-copy{from{clip-path:inset(0 0 100% 0);opacity:0}to{clip-path:inset(0);opacity:1}}
@keyframes hud-signal{from{opacity:0}to{opacity:1}}
@keyframes hud-rail{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes hud-scan{0%{opacity:0;transform:translateY(-70%)}12%,68%{opacity:1}100%{opacity:0;transform:translateY(70%)}}
@keyframes hud-flash{0%,19%,24%,69%,75%,100%{opacity:0}21.5%,72%{opacity:.72}}
body.is-unfolded .station-field{animation:none;filter:none}
@media(max-width:1100px){.hero-hud{width:440px;align-self:center}.hero .hero-inner{gap:0}}
@media(max-width:600px){.hero-hud{padding:22px 28px 24px 30px;width:100%;max-width:400px}.hero .hero-hud h1{font-size:clamp(38px,12vw,60px)!important;line-height:.98!important;margin-top:4px!important}.hero .hero-hud .hero-sub{font-size:14px!important;line-height:1.65!important;margin-top:18px!important;padding-top:14px}.hud-bottom{font-size:8px;margin-top:16px}.hero:has(.hero-hud){padding-bottom:64px!important}}
@media(prefers-reduced-motion:reduce){.hero-hud.is-online *,.hero-hud.is-online::before{animation:none!important}.hud-scan,.flash,.hud-line::after{display:none}.hud-frame .outline,.hud-frame .bracket{stroke-dashoffset:0}}