:root{color-scheme:dark;--bg:#06121c;--ice:#75d6ff;--muted:#b5c5ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f4f7f9;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--ice);outline-offset:6px}.skip{position:absolute;left:20px;top:-100px;z-index:9}.skip:focus{top:20px;background:#06121c;padding:20px}header{height:96px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17}.wordmark{color:#FFFFFF;font-size:26px;font-weight:900;letter-spacing:-1px;text-decoration:none}.wordmark span{color:#249BFF}.development{font-size:10px;letter-spacing:2px;color:#c8d7df;display:flex;align-items:center;gap:10px}.development i{width:6px;height:6px;background:var(--ice);border-radius:50%}.hero{height:min(850px,calc(100svh - 96px));min-height:650px;position:relative;isolation:isolate;overflow:hidden}.backdrop,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.backdrop{object-position:58% center}.ambient{z-index:-2}.shade{z-index:-1;background:linear-gradient(90deg,#020d19d9 0%,#02101a65 53%,#02101a10),linear-gradient(0deg,#06121c 0%,transparent 27%)}.hero-copy{padding:9vh 8% 110px;max-width:850px}.eyebrow{color:var(--ice);font-size:11px;letter-spacing:2.6px;font-weight:bold;margin:0 0 30px}h1{font-size:clamp(64px,7.7vw,112px);line-height:.97;letter-spacing:-5px;margin:0 0 28px;font-weight:800}.intro{font-size:21px;line-height:1.6;color:#d4e1e9;margin:0 0 30px}.watch{display:flex;align-items:center;gap:18px;background:#e6f6ff;border:0;border-radius:3px;color:#071725;padding:19px 24px;font-size:14px;font-weight:bold;min-height:56px}.watch:hover{background:var(--ice)}.duration{border-left:1px solid #09223740;padding-left:18px;font-size:12px;font-weight:normal}.tagline{font-size:10px;letter-spacing:3px;margin-top:27px;color:#c5d5df}.hero-bottom{position:absolute;bottom:25px;left:6%;right:6%;display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:22px;font-size:10px;letter-spacing:1.2px;color:#b5c5ce}.hero-bottom a{text-decoration:none}.hero-bottom a span{margin-left:15px;color:var(--ice)}#motion{border:1px solid #ffffff30;background:#071622aa;color:#d8e5eb;font-size:11px;padding:10px;min-height:40px}.about{padding:95px 8% 65px;max-width:1600px;margin:auto}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}h2{font-size:clamp(30px,3.4vw,48px);line-height:1.12;letter-spacing:-1.6px;margin:0}.about-grid p{font-size:17px;color:var(--muted);line-height:1.75;margin:0 0 18px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.principles article{border-top:1px solid #a0cfeb30;padding-top:22px}.principles span{font-size:10px;letter-spacing:2px;color:var(--ice)}h3{font-size:19px;margin:20px 0 10px}.principles p{color:var(--muted);font-size:14px;line-height:1.6}.safety{margin:0 8% 70px;padding:25px 30px;border-left:2px solid #79bad7;background:#0c1c28}.safety strong{font-size:14px}.safety p{font-size:13px;line-height:1.8;color:var(--muted);max-width:1000px;margin-bottom:0}footer{border-top:1px solid #ffffff18;padding:35px 8%;display:flex;align-items:center;justify-content:space-between;gap:22px}footer .wordmark{font-size:20px}footer p,footer small{font-size:11px;color:var(--muted)}dialog{background:#07131f;color:white;border:1px solid #507387;border-radius:8px;padding:20px;width:min(1000px,95vw);max-height:92svh}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.dialog-head h2{font-size:22px;letter-spacing:-.5px}.dialog-head button{background:#142b3b;color:white;border:1px solid #547082;padding:12px 16px;border-radius:3px}#teaser{width:100%;max-height:65svh;display:block;background:#000}.transcript{color:var(--muted);font-size:12px;line-height:1.6}.download{font-size:12px;color:var(--ice)}body.modal-open{overflow:hidden}@media(max-width:700px){header{height:78px;padding:0 6%}.wordmark{font-size:22px}.development{font-size:8px;letter-spacing:1.2px}.hero{min-height:680px;height:calc(100svh - 78px);max-height:880px}.hero-copy{padding:95px 7% 135px}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:26px}h1{font-size:clamp(60px,16vw,88px);letter-spacing:-3.4px}.intro{font-size:18px}.backdrop{object-position:65%}.shade{background:linear-gradient(90deg,#020d19d9,#02101a50),linear-gradient(0deg,#06121c,transparent 40%)}.hero-bottom{flex-wrap:wrap;gap:14px}.hero-bottom>span{display:none}.about{padding:65px 7% 35px}.about-grid{grid-template-columns:1fr;gap:25px}.about-grid p{font-size:16px}.principles{grid-template-columns:1fr;gap:20px;margin-top:30px}.principles article{padding-top:20px}.principles h3{margin-top:13px}.safety{margin:0 7% 40px;padding:22px}footer{align-items:flex-start;flex-direction:column;gap:8px;padding:30px 7%}dialog{padding:12px}.dialog-head h2{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient{display:none}}

/* Atmospheric signal treatment: illustrative graphics, no live readings. */
.signal-field{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden;opacity:.55}.signal-grid{position:absolute;inset:25% -10% -45% 38%;background-image:linear-gradient(#249bff20 1px,transparent 1px),linear-gradient(90deg,#249bff20 1px,transparent 1px);background-size:65px 65px;transform:perspective(550px) rotateX(56deg);mask-image:linear-gradient(transparent,#000 30%,transparent)}.orbit{position:absolute;left:75%;top:48%;border:1px solid #249bff55;border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:200px;height:200px}.orbit-two{width:350px;height:350px;border-style:dashed;opacity:.65}.orbit-three{width:510px;height:510px;opacity:.4}.node{position:absolute;width:7px;height:7px;background:#249BFF;border:1px solid #a8dbff;border-radius:50%;box-shadow:0 0 18px #249bff;animation:signal 4s ease-in-out infinite}.n1{left:75%;top:48%}.n2{left:86%;top:58%;animation-delay:1s}.n3{left:65%;top:37%;animation-delay:2s}.field-label{position:absolute;right:8%;top:77%;font:9px monospace;letter-spacing:2px;color:#9cc7e4}.development,.eyebrow,.tagline,.hero-bottom,.principles span{font-family:Consolas,monospace}.hero-copy{position:relative;z-index:1}.hero-bottom{z-index:2}@keyframes signal{0%,100%{opacity:.4;box-shadow:0 0 6px #249bff}50%{opacity:1;box-shadow:0 0 22px #249bff}}body.motion-paused .node{animation-play-state:paused}@media(max-width:700px){.signal-field{opacity:.3}.field-label{display:none}.orbit{left:90%;top:56%}.hero-copy .eyebrow{max-width:290px;line-height:1.7}}@media(prefers-reduced-motion:reduce){.node{animation:none}}
@media(min-width:701px){.hero-copy{max-width:1050px;padding-right:0}}

.community,.company,.partnership{padding:75px 8%;border-top:1px solid #ffffff18;max-width:1600px;margin:auto}.community{background:linear-gradient(120deg,#0b2434,#06121c)}.text-link{display:inline-block;color:#75d6ff;font-weight:bold;padding:12px 0;text-underline-offset:5px}.partnership{display:grid;grid-template-columns:1fr 1fr;gap:80px}.partnership p{color:var(--muted);line-height:1.8;max-width:540px}.partnership h2{margin-bottom:25px}form label{display:block;font-size:14px;margin:0 0 9px}form input:not([type=hidden]),form textarea{display:block;width:100%;border:1px solid #4a6477;background:#0a1b29;color:#fff;border-radius:3px;padding:14px;font:16px Arial;margin-bottom:22px}form input:focus,form textarea:focus{outline:2px solid #249BFF;outline-offset:2px}form textarea{resize:vertical;min-height:120px}.partnership .form-note{font-size:12px;line-height:1.6;margin:0 0 22px}.thank-you{min-height:70vh;padding:100px 8%;max-width:950px}.thank-you p{line-height:1.8;color:var(--muted)}@media(max-width:700px){.community,.company,.partnership{padding:55px 7%}.partnership{grid-template-columns:1fr;gap:30px}.thank-you{padding:70px 7%}}

.dedication{margin:0 0 30px;padding:4px 0 4px 24px;border-left:2px solid #249BFF}.dedication p{color:#fff;font-size:20px}

/* Inline teaser replaces the launch dialog; native controls remain available. */
.hero{height:auto;min-height:950px}.hero-copy{padding-top:65px;padding-bottom:110px}h1{font-size:clamp(56px,6vw,88px)}.inline-teaser{width:min(100%,420px)}.inline-teaser #teaser{width:100%;aspect-ratio:16/9;max-height:none;border:1px solid #52758c;border-radius:4px}.inline-teaser .watch{margin-top:12px;padding:13px 20px;min-height:48px}.inline-teaser .form-note{font-size:12px;color:#b5c5ce;line-height:1.5}.inline-teaser .form-note:empty{display:none}.node{animation:none}@media(max-width:700px){.hero{height:auto;min-height:980px;max-height:none}.hero-copy{padding-top:60px;padding-bottom:110px}h1{font-size:clamp(52px,14vw,72px)}.inline-teaser{width:100%}.hero-bottom{justify-content:flex-end}}

/* Center the teaser across the page, with a larger responsive player. */
.hero-copy{max-width:none;width:100%;padding-left:8%;padding-right:8%}
.inline-teaser{width:min(100%,960px);margin:40px auto 0}
.inline-teaser .watch{margin-left:auto;margin-right:auto}
.inline-teaser .form-note{text-align:center}
@media(max-width:700px){.hero-copy{padding-left:7%;padding-right:7%}.inline-teaser{width:100%;margin-top:30px}}


/* Readable type throughout both public pages; keep the hero headline size. */
body{font-size:20px;line-height:1.6}
header{height:112px}.wordmark{font-size:44px}footer .wordmark{font-size:36px}
.development{font-size:16px;letter-spacing:1.4px}.development i{width:9px;height:9px}
.hero-copy{padding-top:32px;padding-left:5%;padding-right:5%}
.inline-teaser{width:min(100%,1440px);margin:0 auto 48px}
.inline-teaser .watch{font-size:20px;min-height:56px;padding:14px 28px}
.eyebrow{font-size:17px;line-height:1.6;letter-spacing:2px}
.intro{font-size:28px}.tagline{font-size:17px}.hero-bottom{font-size:16px;line-height:1.5}
.field-label{font-size:15px}
h2{font-size:clamp(36px,4vw,60px)}h3{font-size:26px}
.about-grid p,.partnership p,.thank-you p{font-size:22px;line-height:1.75}
.dedication p{font-size:25px}.principles span{font-size:16px}.principles p{font-size:20px}
.text-link{font-size:20px}.watch{font-size:20px}
form label{font-size:20px}form input:not([type=hidden]),form textarea{font-size:20px}
.partnership .form-note,.inline-teaser .form-note{font-size:17px}
.safety strong{font-size:22px}.safety p{font-size:19px}
footer{flex-wrap:wrap}footer p,footer small{font-size:17px}
@media(max-width:1000px){.about-grid{grid-template-columns:1fr;gap:28px}.partnership{grid-template-columns:1fr;gap:35px}.principles{gap:22px}}
@media(max-width:700px){
 header{height:auto;min-height:106px;padding:22px 5%;flex-wrap:wrap;gap:12px}.wordmark{font-size:36px}.development{font-size:13px}
 .hero-copy{padding:24px 5% 135px}.inline-teaser{width:100%;margin:0 auto 38px}
 .hero-copy .eyebrow{max-width:none}.eyebrow{font-size:15px}.intro{font-size:24px}
 .tagline{font-size:16px}.hero-bottom{font-size:15px}
 .about-grid p,.partnership p,.thank-you p{font-size:20px}.dedication p{font-size:22px}
 .principles{grid-template-columns:1fr}.safety p{font-size:18px}
 footer .wordmark{font-size:32px}footer p,footer small{font-size:16px}
}
