@font-face{font-family:Inter;src:url('../assets/fonts/inter-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/fonts/inter-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/fonts/inter-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Oxanium;src:url('../assets/fonts/oxanium-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Oxanium;src:url('../assets/fonts/oxanium-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Oxanium;src:url('../assets/fonts/oxanium-700.ttf') format('truetype');font-weight:700;font-display:swap}

:root{color-scheme:dark;--background:#08121a;--near-black:#040a0f;--surface:#121f29;--surface-selected:#20333f;--text:#f2f6f7;--secondary:#b8c5cc;--cyan:#31d6c7;--coral:#ff6673;--boundary:#55717d;--line:#29404b;--body:Inter,Arial,sans-serif;--display:Oxanium,'Arial Narrow',sans-serif;--page-width:1240px}
*{box-sizing:border-box}
html{scroll-padding-top:100px}
body{margin:0;background:var(--background);color:var(--text);font-family:var(--body);font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}
body:has(dialog[open]){overflow:hidden}
[hidden]{display:none!important}
::selection{background:var(--cyan);color:var(--background)}
img,video{display:block;max-width:100%;height:auto}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}
a:hover{color:var(--cyan)}
button:focus-visible,a:focus-visible,summary:focus-visible,video:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}
[tabindex="-1"]:focus{outline:none}
p{margin:0 0 1.3rem;color:var(--secondary)}
h1,h2,h3{margin:0;color:var(--text);font-family:var(--display);font-weight:600;line-height:1.12}
h2{font-size:clamp(2.5rem,4.7vw,4.8rem);letter-spacing:-.025em}
h3{font-size:1.45rem;line-height:1.3}
figure{margin:0}
section{scroll-margin-top:25px}
summary{cursor:pointer;min-height:44px;padding:8px 0;color:var(--text)}
details[open]>summary{margin-bottom:.7rem}
details p{max-width:70ch}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:var(--cyan);color:var(--background);padding:12px 20px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0);color:var(--background)}
.section-shell{width:min(var(--page-width),calc(100% - 112px));margin-inline:auto}
.eyebrow,.technical{font-family:var(--display);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.6}
.eyebrow{color:var(--cyan);margin-bottom:2rem;font-weight:600}
.technical{color:var(--secondary)}
.muted-word{color:#819ca9}
.bright-copy{color:var(--text)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 26px;min-height:56px;min-width:220px;font-size:.875rem;font-weight:600;text-decoration:none;letter-spacing:.03em;border:1px solid var(--boundary);transition:background .2s,color .2s}
.button.primary{background:var(--cyan);color:var(--background);border-color:var(--cyan)}
.button.primary:hover{background:#a0eee6;border-color:#a0eee6;color:var(--background)}
.text-link{display:inline-flex;gap:24px;align-items:center;min-height:44px;font-size:.9rem;font-weight:600;text-decoration:none;border-bottom:1px solid var(--boundary);color:var(--text)}
.text-link:hover{color:var(--cyan);border-color:var(--cyan)}
.site-header{position:absolute;top:0;left:0;right:0;min-height:92px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 4%;border-bottom:1px solid transparent;background:linear-gradient(#040a0fe6,transparent)}
.site-header.is-scrolled{position:fixed;background:#08121af5;border-bottom-color:var(--line);backdrop-filter:blur(16px)}
.brand{display:inline-flex;gap:12px;align-items:center;text-decoration:none;white-space:nowrap}
.brand img{width:44px;height:44px;object-fit:contain}
.brand span{font-family:var(--display);font-size:1rem;font-weight:600;letter-spacing:.035em}
.primary-navigation{display:flex;align-items:center;gap:clamp(16px,2.2vw,32px)}
.primary-navigation a{display:flex;align-items:center;min-height:44px;font-size:.8rem;text-transform:uppercase;letter-spacing:.065em;text-decoration:none}
.primary-navigation .nav-campaign{color:var(--cyan)}
.menu-toggle{display:none;border:1px solid var(--boundary);background:transparent;color:var(--text);min-height:44px;align-items:center;gap:15px;padding:8px 12px}
.menu-bars{width:18px;height:10px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.hero{position:relative;isolation:isolate;min-height:850px;min-height:max(800px,100svh);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--near-black);padding:160px 40px 130px;overflow:hidden}
.hero-field{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#040a0f66,#040a0fd9 75%,var(--background)),url('../assets/images/signal-field.webp') center/cover no-repeat;opacity:.65}
.hero::after{content:'';position:absolute;bottom:0;left:50%;height:70px;width:1px;background:linear-gradient(var(--cyan),transparent);opacity:.7}
.hero-topline,.hero-bottomline{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.16em}
.hero-topline{top:126px;opacity:.9}
.hero-bottomline{bottom:35px}
.hero-bottomline a{text-decoration:none;font-size:.8rem}
.hero-content{text-align:center;width:100%;max-width:1000px}
.hero-eyebrow{margin-bottom:12px;color:var(--secondary);font-size:.8rem}
.hero-lockup{display:block;width:100%;margin:0 auto}
.hero-lockup img{width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
.hero-tagline{font-family:var(--display);font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--text);font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.65;margin:12px 0 24px;text-wrap:balance}
.hero-tagline span{color:var(--secondary)}
.hero-description{max-width:500px;margin:0 auto 32px;font-size:.95rem}
.mobile-title{display:none}
.skip-intro{position:absolute;bottom:80px;right:4%;padding:8px 12px;background:var(--background);color:var(--secondary);border:1px solid var(--boundary);font-size:.875rem;min-height:44px}
.acquiring .hero-lockup{animation:acquire 1.65s steps(1,end) both}
.acquiring .hero-field{animation:field-acquire 1.7s ease-out both}
.acquiring .hero-tagline,.acquiring .hero-description{animation:copy-acquire 1.7s ease-out both}
@keyframes acquire{0%,20%{opacity:0;clip-path:inset(48% 0 49%)}32%{opacity:.2;clip-path:inset(44% 0 45%)}48%{opacity:.4;clip-path:inset(10% 0 45%)}65%{opacity:.75;clip-path:inset(0)}82%{opacity:.5;clip-path:inset(2% 0 0)}100%{opacity:1;clip-path:inset(0)}}
@keyframes field-acquire{from{opacity:0}to{opacity:.65}}
@keyframes copy-acquire{0%,50%{opacity:0}100%{opacity:1}}
.signal-introduction{padding-block:130px 75px}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.intro-copy{padding-top:8px;max-width:510px;font-size:1.05rem}
.signal-rule{height:1px;background:var(--line);margin-top:90px;position:relative}
.signal-rule span{display:block;width:110px;height:1px;background:var(--cyan)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.section-heading .eyebrow{margin-bottom:12px}
.compact-heading{font-size:clamp(2rem,3vw,3rem)}
.trailer-section{padding-block:20px 120px}
.video-frame{position:relative;background:#03080c;aspect-ratio:16/9;outline:1px solid var(--line);outline-offset:-1px}
.video-frame video{width:100%;height:100%;object-fit:contain}
.video-play{position:absolute;inset:0;width:100%;border:0;background:linear-gradient(transparent 55%,#03080c99);color:var(--text);display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:18px;padding:40px;text-transform:uppercase;font-size:.875rem;letter-spacing:.13em}
.play-symbol{display:grid;place-items:center;border:1px solid var(--boundary);background:#08121ac4;border-radius:50%;width:70px;height:70px;font-size:1.2rem;padding-left:4px;transition:border-color .2s,background .2s}
.video-play:hover .play-symbol{background:var(--cyan);border-color:var(--cyan);color:var(--background)}
.video-caption{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-top:20px;color:var(--secondary);font-size:.875rem}
.video-caption>span{padding-top:8px}
.video-caption details{max-width:510px}
.video-caption summary{text-align:right}
.media-message{margin-top:16px;color:var(--coral)}
.rpg-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px 65px;align-items:center;padding-block:80px 110px}
.product-copy h2{margin-bottom:32px}
.product-copy>p:not(.eyebrow){max-width:450px}
.product-image{align-self:center}
.product-image img{width:100%;box-shadow:0 30px 80px #0005}
.product-image figcaption{margin-top:16px;font-size:.75rem}
.rpg-details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid var(--line);padding-top:35px;scroll-margin-top:120px}
.rpg-details .technical{font-size:.8rem;color:var(--cyan)}
.rpg-details h3{margin:14px 0 12px}
.rpg-details p{font-size:.95rem;max-width:30ch;margin-bottom:0}
.board-section{background:var(--near-black);border-block:1px solid #20333f70}
.board-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:90px}
.board-mark{display:flex;align-items:center;justify-content:center;min-height:330px;background:radial-gradient(ellipse,#152b344d,transparent 70%)}
.board-mark img{width:260px;height:260px;object-fit:contain}
.board-copy h2{margin-bottom:25px}
.board-copy p{max-width:490px}
.release-note{font-size:.875rem}
.universe-section{padding-block:130px 110px}
.universe-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:center}
.universe-scale{position:relative}
.distance{font-family:var(--display);font-size:clamp(8rem,17vw,16rem);line-height:1;letter-spacing:-.04em;color:#263e4b;display:block;margin-left:-.04em;margin-bottom:12px}
.universe-scale h2{font-size:clamp(2rem,3vw,3rem);line-height:1.18}
.universe-scale .technical{margin-top:24px;font-size:.8rem}
.universe-copy{max-width:510px}
.setting-details{margin-top:30px;border-top:1px solid var(--line);padding-top:8px;font-size:.95rem}
.setting-details summary{color:var(--cyan)}
.behind-section{padding-block:30px 110px}
.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.media-grid img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--near-black)}
.media-grid figcaption{padding:25px 0 0}
.media-grid h3{margin-bottom:12px}
.media-grid p{font-size:.95rem;max-width:440px;margin-bottom:18px}
.media-grid .technical{font-size:.75rem}
.campaign-section{background:linear-gradient(0deg,#040a0ff2,#040a0fe6),url('../assets/images/signal-field.webp') center/cover;border-block:1px solid var(--line)}
.campaign-inner{text-align:center;padding-block:105px 90px}
.campaign-inner .eyebrow{margin-bottom:45px}
.campaign-status{color:var(--cyan);font-size:.8rem;margin-bottom:18px}
.campaign-inner h2{font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(2rem,4.4vw,4.2rem);margin-bottom:26px;white-space:pre-line;overflow-wrap:break-word}
#campaign-copy{white-space:pre-line;max-width:600px;margin-inline:auto}
.campaign-inner .button{margin-top:12px}
.campaign-note{font-size:.875rem;max-width:600px;margin:22px auto 0;scroll-margin-top:120px}
.site-footer{padding-block:65px 25px}
.footer-main{display:grid;grid-template-columns:1fr 1fr .9fr;gap:50px;align-items:start}
.footer-brand>p{font-size:.875rem;margin-top:18px}
.footer-contact h2{font-family:var(--body);font-size:.95rem;margin:8px 0 20px}
.footer-contact p,.footer-contact .text-link{font-size:.875rem}
.footer-contact a{overflow-wrap:anywhere}
.publisher{display:flex;gap:20px;align-items:center;justify-content:flex-end}
.publisher img{background:#f2f6f7;width:112px;height:112px;padding:5px}
.publisher p{font-size:.8rem;line-height:1.8;margin:0}
.publisher strong{font-weight:500;color:var(--text)}
.footer-bottom{margin-top:50px;border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--secondary);font-size:.75rem}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:12px 26px}
.footer-bottom a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-size:.875rem}
.social-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:12px;font-size:.875rem}
.site-information{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}
.dialogs-enhanced .site-information{display:none}
.info-dialog{width:min(580px,calc(100% - 40px));max-height:85svh;background:var(--surface);border:1px solid var(--boundary);color:var(--text);padding:30px}
.info-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}
.dialog-top h2{font-size:1.8rem}
.dialog-close{width:44px;height:44px;background:transparent;color:var(--text);border:1px solid var(--boundary);font-size:1.8rem;line-height:1}
.info-dialog p{font-size:1rem}
@media(min-width:1500px){.hero-lockup{max-width:1080px}.hero-content{max-width:1080px}}
@media(max-width:1100px){.section-shell{width:calc(100% - 72px)}.primary-navigation{gap:18px}.primary-navigation a{font-size:.75rem}.site-header{gap:16px}.intro-grid,.universe-grid,.board-inner{gap:55px}.rpg-section{gap:50px 40px}.footer-main{gap:30px;grid-template-columns:1fr 1fr}.publisher{justify-content:flex-start;grid-column:1/-1}.publisher img{width:90px;height:90px}}
@media(max-width:980px){html{scroll-padding-top:95px}.site-header{min-height:80px;padding:14px 24px;flex-wrap:wrap;background:#08121af5}.site-header:not(.menu-enhanced){position:relative}.menu-enhanced .menu-toggle{display:inline-flex}.primary-navigation{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;padding:10px 0 16px}.primary-navigation a{font-size:.875rem;padding:4px 0}.hero{padding-top:175px;min-height:850px}.hero-topline{top:116px}.hero-lockup{width:100%;min-width:600px;position:relative;left:50%;transform:translateX(-50%)}.intro-grid{gap:45px}.intro-copy{font-size:1rem}.rpg-section{grid-template-columns:1fr;padding-top:30px;gap:45px}.product-copy{max-width:620px}.product-copy h2 br{display:block}.product-copy h2{max-width:600px}.product-copy h2 br::after{content:' '}.product-copy h2{line-height:1.2}.product-copy h2 span::before{content:' '}.product-copy>p:not(.eyebrow){max-width:600px}.product-image{max-width:760px}.rpg-details{gap:30px}.board-inner{grid-template-columns:.6fr 1fr;gap:30px}.board-mark img{width:200px;height:200px}.universe-grid{gap:45px}.video-caption{flex-direction:column;gap:0}.video-caption summary{text-align:left}}
@media(max-width:639px){.section-shell{width:calc(100% - 40px)}.site-header{padding-inline:20px}.brand{gap:8px}.brand span{font-size:.9rem}.site-header .brand{white-space:normal}.site-header .brand span{max-width:112px;line-height:1.3}.brand img{width:38px;height:38px}.hero{min-height:max(780px,100svh);padding:160px 20px 115px}.hero-topline{left:20px;right:20px;top:110px;font-size:.75rem;letter-spacing:.09em}.hero-topline span:last-child{display:none}.hero-lockup{min-width:0;width:180px;margin-block:28px 12px}.hero-lockup img{aspect-ratio:1;width:180px;height:180px}.mobile-title{display:block;font-family:var(--display);font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-wrap:balance;font-size:1.55rem;line-height:1.2;color:var(--text);margin-bottom:24px}.hero-eyebrow{font-size:.75rem;letter-spacing:.12em}.hero-tagline{font-size:1rem;letter-spacing:.2em}.hero-description{font-size:.9rem;max-width:340px}.hero-bottomline{left:20px;right:20px;bottom:25px;justify-content:center}.hero-bottomline>span{display:none}.hero::after{display:none}.skip-intro{bottom:60px;font-size:.8rem}.signal-introduction{padding-block:80px 45px}.eyebrow{font-size:.75rem;letter-spacing:.12em;margin-bottom:24px}.intro-grid{grid-template-columns:1fr;gap:30px}.intro-grid h2{font-size:3rem}.signal-rule{margin-top:45px}.trailer-section{padding-block:10px 75px}.section-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:25px}.section-heading>.technical{font-size:.75rem}.video-play{padding:18px;font-size:.75rem;gap:8px}.play-symbol{width:48px;height:48px;font-size:1rem}.video-caption{font-size:.875rem;margin-top:12px}.rpg-section{padding-block:15px 70px;gap:35px}.product-copy h2{font-size:2.65rem}.product-copy h2 br{display:block}.rpg-details{grid-template-columns:1fr;gap:28px;padding-top:25px}.rpg-details>div{padding-left:40px;position:relative}.rpg-details .technical{position:absolute;left:0;top:4px}.rpg-details h3{margin:0 0 8px}.rpg-details p{max-width:none}.board-inner{grid-template-columns:1fr;padding-block:55px 65px;gap:28px}.board-mark{min-height:160px;justify-content:flex-start}.board-mark img{width:150px;height:150px}.board-copy h2{font-size:2.4rem}.universe-section{padding-block:75px 60px}.universe-grid{grid-template-columns:1fr;gap:30px}.distance{font-size:9rem}.universe-scale h2{font-size:2.35rem}.universe-scale .technical{margin-bottom:0}.behind-section{padding-block:10px 70px}.media-grid{grid-template-columns:1fr;gap:38px}.media-grid figcaption{padding-top:20px}.campaign-inner{padding-block:70px 60px}.campaign-inner .eyebrow{margin-bottom:35px}.campaign-inner h2{font-size:clamp(1.4rem,5.4vw,2.1rem)}.campaign-inner .button{max-width:100%;font-size:.85rem;padding-inline:18px}.site-footer{padding-block:45px 20px}.footer-main{grid-template-columns:1fr;gap:28px}.footer-brand>p{margin-bottom:0}.publisher{grid-column:auto}.footer-bottom{flex-direction:column;align-items:flex-start;gap:10px;margin-top:35px}.footer-bottom nav{gap:8px 20px}.info-dialog{padding:22px}.dialog-top h2{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.skip-intro{display:none!important}}
@media(forced-colors:active){.button,.video-play,.play-symbol{border:1px solid ButtonText}.hero-field{display:none}.muted-word,.distance{color:CanvasText}}
@media print{.site-header,.hero-field,.hero-topline,.hero-bottomline,.skip-intro,.video-play,.menu-toggle,.button,.site-information,.footer-bottom nav{display:none!important}body{background:white;color:black;font-size:11pt}h1,h2,h3,p,.technical,.eyebrow,.muted-word{color:black!important}.section-shell{width:100%}.hero{min-height:0;padding:20px;background:white}.hero-lockup{max-width:600px;min-width:0}.hero-tagline{color:black}.hero::after{display:none}section,.board-inner,.campaign-inner{padding-block:24px!important}.rpg-section,.intro-grid,.universe-grid{gap:24px}.board-section,.campaign-section{background:white}.video-frame{max-width:500px}.rpg-details,.media-grid,figure{break-inside:avoid}.dialogs-enhanced .site-information{display:block}}
