@font-face{font-family:Nunito;src:url('/website/Nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{--teal:#102f32;--cream:#fff5df;--yellow:#ffd04d;--gold:#e59b12;--muted:#bdcdca;font-family:Nunito,system-ui,sans-serif;color:var(--cream);background:var(--teal);color-scheme:dark}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}a:hover{text-decoration:underline}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 3%;gap:24px}.brand{font-size:clamp(22px,2.8vw,43px);font-weight:1000;letter-spacing:-1px;white-space:nowrap}nav{display:flex;gap:42px;align-items:center;font-size:18px;font-weight:700}nav a{padding:17px 0}.active{color:var(--yellow);border-bottom:3px solid var(--yellow)}.hero{display:grid;grid-template-columns:35% 65%;min-height:700px}.hero-copy{padding:115px 24px 75px 8.6%;align-self:center}h1{font-size:clamp(45px,5.65vw,88px);line-height:.99;font-weight:1000;letter-spacing:-3px;margin:0 0 24px}h1 span{display:block;font-size:1.45em}.hero-copy>p{font-size:clamp(18px,1.8vw,28px);line-height:1.3;margin:0 0 36px;letter-spacing:-.4px}.button{display:inline-flex;justify-content:center;gap:18px;align-items:center;border-radius:60px;background:var(--yellow);color:var(--teal);font-size:clamp(19px,2vw,30px);font-weight:1000;padding:18px 30px;min-width:90%;transition:transform .15s}.button:hover{transform:translateY(-3px);text-decoration:none;background:#ffda72}.button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.5}.hero-copy>.release{color:var(--muted);font-size:23px;margin:16px 0 0}.hero-art{width:100%;height:100%;min-height:700px;object-fit:cover;object-position:50% 50%}.features{background:var(--cream);color:var(--teal);display:grid;grid-template-columns:repeat(3,1fr);padding:44px 3% 34px;scroll-margin-top:20px}.features article{display:flex;align-items:center;gap:30px;padding:5px 30px;min-width:0}.features article:first-child{padding-left:8px}.features article+article{border-left:2px solid #e0dacb}.feature-icon{width:72px;height:72px;flex-shrink:0;fill:var(--gold)}h2{font-size:clamp(22px,2vw,32px);font-weight:1000;letter-spacing:-1px;margin:0 0 2px}.features p{font-size:clamp(17px,1.3vw,21px);line-height:1.4;margin:0}footer{display:flex;justify-content:space-between;gap:20px;background:var(--cream);color:var(--teal);padding:25px 3%;border-top:1px solid #e0dacb;font-size:15px}footer div{display:flex;gap:20px}footer a+a{border-left:1px solid #b7b9b0;padding-left:20px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--cream);color:var(--teal);z-index:5}.skip:focus{top:10px}
body{font-family:system-ui,sans-serif}.brand,h1,h2,.button{font-family:Nunito,system-ui,sans-serif}h1{font-size:clamp(45px,4.95vw,76px)}h1 span{font-size:1.65em}.features article{gap:26px;padding-right:15px}.features p{font-size:20px}
@media(min-width:1600px){.hero{min-height:760px}.hero-art{min-height:760px}.hero-copy{padding-top:110px}h1{font-size:85px}}
@media(max-width:1100px){header{height:auto;min-height:80px}nav{gap:22px;font-size:16px}.hero{grid-template-columns:42% 58%;min-height:580px}.hero-art{min-height:580px}.hero-copy{padding:65px 22px 65px 7%}h1{font-size:5.7vw}.desktop{display:none}.features article{gap:16px;padding:4px 20px}.feature-icon{width:45px;height:50px}.hero-copy>.release{font-size:18px}}
@media(max-width:700px){header{padding:20px 22px 16px;flex-wrap:wrap;gap:14px}.brand{font-size:29px}nav{display:grid;grid-template-columns:repeat(3,max-content);width:100%;gap:8px 22px;font-size:15px}nav a{padding:8px 0}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:40px 24px 34px;width:100%}h1{font-size:48px;letter-spacing:-2px}h1 span{font-size:1.45em}.hero-copy>p{font-size:20px;max-width:390px;margin-bottom:25px}.button{min-width:0;padding:15px 28px;font-size:22px}.hero-copy>.release{font-size:17px;margin-top:15px}.hero-art{height:auto;min-height:0;aspect-ratio:1.25;object-fit:cover}.features{grid-template-columns:1fr;padding:20px 24px}.features article,.features article:first-child{padding:23px 0;gap:24px}.features article+article{border-left:0;border-top:1px solid #e0dacb}.feature-icon{width:50px;height:56px}h2{font-size:26px}.features p{font-size:18px}footer{padding:24px;flex-direction:column;font-size:14px;gap:20px}footer div{gap:15px}footer a+a{padding-left:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.story,.screens,.faq{padding:80px max(5%,calc((100vw - 1280px)/2));}.story{display:grid;grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);gap:64px;align-items:center}.story h2,.screens h2,.faq h2{font-size:clamp(32px,4vw,52px);line-height:1.1;margin-bottom:24px}.story p,.screens>p{font-size:20px;line-height:1.7;color:var(--muted)}.story video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;background:#081b1e;box-shadow:0 22px 55px #020d0f66}.text-link{display:inline-block;margin-top:14px;color:var(--yellow);font-weight:700}.screens{background:var(--cream);color:var(--teal)}.screens>p{color:#426164}.screen-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.screen-strip figure{margin:0}.screen-strip img{width:100%;height:auto;border-radius:16px;display:block;box-shadow:0 14px 30px #102f3225}.screen-strip figcaption{font-size:18px;margin-top:18px;text-align:center;font-weight:700}.faq{max-width:1200px;margin:auto}.faq details{border-bottom:1px solid #426164;padding:22px 0}.faq summary{cursor:pointer;font-size:21px;font-weight:650;line-height:1.5}.faq details p{font-size:18px;line-height:1.7;color:var(--muted);max-width:850px}.faq a{color:var(--yellow);text-decoration:underline}@media(max-width:1100px) and (min-width:701px){.story{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:42px}}@media(max-width:700px){nav{gap:8px 22px}.story,.screens,.faq{padding:48px 24px}.story{grid-template-columns:1fr;gap:28px}.story video{width:100%;max-width:none;justify-self:stretch}.screen-strip{gap:20px;grid-template-columns:1fr}.screen-strip figure{max-width:320px;margin:auto}.story p{font-size:18px}.faq summary{font-size:19px}}