:root{--landing-blue:#1498e8;--landing-ink:#020d16;--landing-muted:#9aadb9}
body{font-family:"Inter",Arial,sans-serif;background:#020d16}
.landing-hero{position:relative;isolation:isolate;min-height:690px;margin-bottom:-24px;overflow:hidden;background:#020d16}
.landing-hero::before{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(90deg,rgba(2,13,22,.34) 0%,rgba(2,13,22,.08) 48%,rgba(2,13,22,.02) 74%),url("assets/hero-helmet.png");background-position:center top;background-repeat:no-repeat;background-size:cover}
.landing-hero::after{content:"";position:absolute;inset:auto 0 0;z-index:-2;height:250px;background:linear-gradient(180deg,transparent 0%,rgba(2,13,22,.68) 52%,#020d16 100%);pointer-events:none}
.landing-nav{position:relative;z-index:5;display:grid;grid-template-columns:220px 1fr 250px;align-items:center;width:min(1440px,calc(100% - 96px));height:92px;margin:0 auto}
.landing-brand{display:inline-flex;width:150px}.landing-brand img{display:block;width:100%;height:auto;object-fit:contain;filter:none}
.landing-links{display:flex;align-items:center;justify-content:center;gap:42px}.landing-links>a,.landing-pricing{color:#b9c7d0;text-decoration:none;text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.22em}.landing-links>a{padding:12px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.landing-links>a:hover,.landing-links>a:focus-visible{color:#fff;border-color:#1498e8;outline:none}
.landing-pricing{display:flex;align-items:center;gap:8px}.landing-pricing b{font:inherit}.landing-pricing small{padding:3px 5px;border:1px solid rgba(91,135,163,.42);border-radius:2px;color:#60839a;font-size:7px;letter-spacing:.12em;white-space:nowrap}
.landing-actions{display:flex;align-items:center;justify-content:flex-end;gap:28px}.landing-actions a,.landing-actions span{text-decoration:none;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.2em}.landing-start{min-width:144px;padding:14px 20px;border:1px solid #24a8f2;border-radius:4px;background:#158ed6;color:#fff;text-align:center;transition:background .2s,border-color .2s}.landing-start:hover,.landing-start:focus-visible{border-color:#67c9ff;background:#1b9de7;outline:none}.landing-signin{padding:12px 0;color:#66808e;opacity:.72;cursor:not-allowed}.landing-signin:hover,.landing-signin:focus-visible{color:#66808e;outline:none}
.landing-hero .landing-hero-content{display:flex;align-items:flex-start;width:min(1280px,calc(100% - 96px));min-height:568px;margin:0 auto;padding:30px 0 112px;text-align:left}
.landing-copy{width:min(760px,65%)}
.landing-hero .landing-title{margin:0;color:#f3f6f8;font-size:clamp(62px,5.35vw,82px);font-weight:800;line-height:.83;letter-spacing:-.055em;text-transform:uppercase;white-space:nowrap}.landing-hero .landing-title span{display:inline-block;position:relative;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px rgba(189,210,222,.84);text-shadow:none;letter-spacing:.015em;font-weight:600;font-synthesis:none;text-rendering:geometricPrecision;transform:translateZ(0)}.landing-hero .landing-title span::after{content:attr(data-text);position:absolute;inset:0;z-index:1;color:#020d16;-webkit-text-fill-color:#020d16;-webkit-text-stroke:0;text-shadow:none;pointer-events:none}
.landing-kicker{margin:28px 0 0;color:#32aef4;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.landing-lead{max-width:480px;margin:17px 0 0;color:#a6b3bc;font-size:15px;line-height:1.55}
.landing-cta{display:flex;align-items:center;gap:42px;margin-top:34px}.landing-cta a{text-decoration:none;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.18em}
.landing-beta{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:160px;padding:11px 13px;border:1px solid #24a8f2;border-radius:4px;background:#1597e4;color:#fff;transition:background .2s,border-color .2s}.landing-beta:hover,.landing-beta:focus-visible{border-color:#70d0ff;background:#1aa3f0;outline:none}.landing-beta-icon{width:23px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}.landing-beta:hover .landing-beta-icon,.landing-beta:focus-visible .landing-beta-icon{transform:translateX(2px)}
.landing-explore{padding:11px 0 8px;border-bottom:1px solid #7fa7bf;color:#edf5f9;transition:color .2s,border-color .2s}.landing-explore:hover,.landing-explore:focus-visible{border-color:#35b6ff;color:#35b6ff;outline:none}
@media(max-width:980px){.landing-nav{grid-template-columns:165px 1fr 220px;width:min(100% - 48px,1440px)}.landing-brand{width:145px}.landing-links{gap:22px}.landing-hero .landing-hero-content{width:min(100% - 48px,1280px)}.landing-copy{width:min(660px,70%)}.landing-hero::before{background-position:58% top}}
@media(max-width:760px){.landing-hero{min-height:720px}.landing-nav{grid-template-columns:1fr auto;height:122px;padding-top:12px;align-items:start}.landing-brand{width:145px;margin-top:7px}.landing-links{position:absolute;top:76px;left:0;right:0;justify-content:flex-start;gap:24px;border-top:1px solid rgba(127,166,188,.14);padding-top:12px}.landing-actions{gap:15px}.landing-start{min-width:108px;padding:11px 12px}.landing-signin{font-size:8px!important}.landing-hero .landing-hero-content{min-height:570px;padding:58px 0 110px}.landing-copy{width:82%}.landing-hero .landing-title{font-size:clamp(48px,8.8vw,64px)}.landing-hero::before{background-position:64% top}.landing-lead{font-size:14px}}
@media(max-width:520px){.landing-hero{min-height:690px;margin-bottom:-12px}.landing-nav{width:calc(100% - 28px);height:116px}.landing-brand{width:132px}.landing-links{top:69px;gap:17px;overflow:hidden}.landing-links>a,.landing-pricing{font-size:7px;letter-spacing:.14em}.landing-pricing small{display:none}.landing-actions{gap:11px}.landing-start{min-width:92px;padding:10px 9px;font-size:7px!important}.landing-signin{font-size:7px!important}.landing-hero::before{background-image:linear-gradient(90deg,rgba(2,13,22,.65),rgba(2,13,22,.2)),url("assets/hero-helmet.png");background-position:64% top}.landing-hero::after{height:230px}.landing-hero .landing-hero-content{width:calc(100% - 28px);padding:72px 0 110px}.landing-copy{width:100%}.landing-hero .landing-title{font-size:clamp(31px,9.2vw,46px)}.landing-kicker{max-width:330px;margin-top:24px;font-size:9px;line-height:1.5}.landing-lead{max-width:310px;font-size:13px}.landing-cta{gap:22px;margin-top:28px}.landing-beta{min-width:150px;gap:13px;padding:10px 11px}.landing-beta-icon{width:21px}.landing-explore{font-size:8px!important}}
.landing-hero::before{background-image:linear-gradient(90deg,rgba(2,13,22,.34) 0%,rgba(2,13,22,.08) 42%,rgba(2,13,22,.04) 64%,rgba(2,13,22,.32) 82%,rgba(2,13,22,.72) 94%,#020d16 100%),url("assets/hero-helmet.png")}
.landing-hero::after{inset:0;height:auto;background:linear-gradient(90deg,transparent 58%,rgba(2,13,22,.08) 72%,rgba(2,13,22,.38) 87%,#020d16 100%),linear-gradient(180deg,transparent 0%,transparent 48%,rgba(2,13,22,.68) 76%,#020d16 100%)}
@media(max-width:520px){.landing-hero::before{background-image:linear-gradient(90deg,rgba(2,13,22,.65) 0%,rgba(2,13,22,.2) 48%,rgba(2,13,22,.48) 82%,#020d16 100%),url("assets/hero-helmet.png")}.landing-hero::after{inset:0;height:auto}}

/* Let the helmet and light trails remain visible through the full hero before they fade. */
.landing-hero::after{background:linear-gradient(180deg,transparent 0 58%,rgba(2,13,22,.28) 82%,#020d16 100%)}

/* Keep the landing surface from exaggerating 8-bit steps in very dark gradients. */
main::before{display:none}

/* The legacy ambient glow was visible only outside the hero and caused a false right edge. */
main>.ambient-one,main>.ambient-two{display:none}
@media(max-width:520px){.landing-hero .landing-title span{font-size:.88em;letter-spacing:0}}