@font-face{font-family:Inter;src:url('/assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#070b10;--white:#f1f5f7;--muted:#a4b2bf;--blue:#38bced;--line:#26333d;--max:1440px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:'';position:absolute;inset:0 0 auto;height:1050px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 35%,#12334866,transparent 56%)}
button,input{font:inherit}
a{color:inherit;text-underline-offset:4px}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
button,a,summary{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #81d9ff;outline-offset:5px}
::selection{background:#38bced;color:#050b10}
.shell{width:min(var(--max),100% - 112px);margin-inline:auto}
.skip-link{position:absolute;left:20px;top:-100px;background:var(--blue);color:var(--bg);padding:14px 20px;z-index:5}
.skip-link:focus{top:10px}
.masthead{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:21px;letter-spacing:-.8px;font-weight:600}
.brand img{border-radius:10px}
.brand-iq{font-weight:850}
.masthead nav{display:flex;align-items:center;gap:32px;font-size:13px}
.home-link{text-decoration:none;color:#c0c9cf;min-height:44px;display:flex;align-items:center}
.home-link:hover{color:#fff}
.nav-cta{border:1px solid #53636f;border-radius:999px;padding:13px 20px;text-decoration:none;display:flex;gap:24px;align-items:center}
.nav-cta:hover{border-color:var(--blue);color:var(--blue)}
.hero{padding-block:78px 90px;display:grid;grid-template-columns:minmax(360px,5fr) minmax(0,7fr);gap:60px;align-items:center}
.eyebrow{font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;line-height:1.6;color:#a6b5c3;margin:0 0 28px;display:flex;gap:10px;align-items:center}
.eyebrow strong{color:var(--blue);font-weight:650}
.status-dot{width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 16px #38bced99}
.eyebrow-rule{height:10px;width:1px;background:#50606c;margin:0 3px}
h1{font-size:clamp(58px,5.65vw,88px);line-height:.98;letter-spacing:-.068em;font-weight:600;margin:0 0 28px}
h1 span,.section-heading h2 span,.closing h2 span{color:var(--blue)}
.hero-intro{font-size:19px;line-height:1.6;color:#b9c6d0;letter-spacing:-.3px;margin:0 0 34px}
.signup{max-width:510px;scroll-margin-top:36px}
.signup h2{font-size:18px;letter-spacing:-.5px;margin:0 0 8px;font-weight:600}
.signup-intro{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 18px}
.email-label{display:block;font-size:12px;color:#c4d1d9;margin-bottom:9px}
.email-row{display:flex;gap:8px}
.email-row input{min-width:0;width:100%;background:#0f1a23;border:1px solid #425463;border-radius:9px;padding:15px 14px;font-size:14px;color:#fff;min-height:52px}
.email-row input::placeholder{color:#94a5b3;opacity:1}
.email-row input[aria-invalid=true]{border-color:#f4a7a7}
.primary-button{display:flex;align-items:center;justify-content:center;gap:17px;border:0;border-radius:9px;padding:15px 17px;background:var(--blue);color:#04131c;font-size:12px;white-space:nowrap;font-weight:700;min-height:52px}
.primary-button:hover{background:#80d9f8}
.primary-button:focus-visible{outline-color:#fff}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:#b1c0cb;line-height:1.65;margin-top:15px;cursor:pointer}
.consent input{width:17px;height:17px;flex:none;margin:0;accent-color:var(--blue)}
.consent a:hover,.signup-note a:hover{color:#fff}
.signup-note{font-size:11px;line-height:1.8;color:#9fadb8;margin:16px 0 0}
.field-error{font-size:12px;line-height:1.5;color:#ffc2bf;margin:8px 0 0}
.form-status{font-size:14px;line-height:1.7;padding:16px 18px;background:#122532;border:1px solid #31556c;border-radius:9px;margin:14px 0 0;overflow-wrap:anywhere}
.form-status[data-state=error]{color:#ffc2bf;border-color:#9a5d5d;background:#24191e}
.form-status[data-state=success]{color:#c7f4df;border-color:#397660;background:#10261f}
.honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-visual{min-width:0;position:relative}
.hero-visual::before{content:'';position:absolute;inset:-35% 0;background:radial-gradient(ellipse,#0e4b6d28,transparent 66%);z-index:-1;pointer-events:none}
.film-heading,.film-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:.12em;color:#9eb2c1;line-height:1.5}
.film-heading{margin-bottom:17px}
.film-heading span:last-child{white-space:nowrap}
.film-frame{border:1px solid #324958;box-shadow:0 22px 80px #0009;border-radius:14px;background:#010609;overflow:hidden}
.film-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#010609}
.film-footer{margin-top:19px;letter-spacing:0;font-size:12px}
.film-footer a{text-decoration:none;display:flex;align-items:center;gap:14px;min-height:32px}
.film-footer a:hover{color:var(--blue)}
.film-transcript{font-size:11px;line-height:1.7;color:#8e9fac;margin:21px 0 0;max-width:630px}
.inside{border-top:1px solid var(--line);padding-top:94px;padding-bottom:74px;max-width:1200px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}
.section-heading .eyebrow{margin-bottom:18px;color:#91aabc}
.section-heading h2{font-size:clamp(34px,4vw,56px);font-weight:550;line-height:1.06;letter-spacing:-.055em;margin:0}
.section-heading>p{font-size:14px;line-height:1.9;color:#adbdc9;max-width:380px;margin:0 0 3px}
.screen-selector{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-bottom:30px}
.screen-selector button{flex:1;color:#9fadb9;background:transparent;border:0;border-bottom:2px solid transparent;padding:18px 12px;display:flex;gap:22px;text-align:left;font-size:11px;line-height:1.6;align-items:center;min-height:58px}
.screen-selector button span{font-size:13px}
.screen-selector button[aria-pressed=true]{color:var(--blue);border-bottom-color:var(--blue)}
.screen-selector button:hover{color:#e5f7ff}
.native-screen{margin:0;max-width:1040px;margin-inline:auto}
.native-screen>img{display:block;width:100%;height:auto;border:1px solid #33424d;border-radius:17px;background:#0a0d10;box-shadow:0 20px 70px #0006}
.native-screen figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.8;color:#a5b7c5;margin-top:22px}
.native-screen figcaption strong{font-weight:500;color:#eef4f7}
.no-script-screens{font-size:14px;line-height:1.8}
.feature-notes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid var(--line)}
.feature-notes p{font-size:18px;line-height:1.6;letter-spacing:-.4px;margin:0;padding:26px 24px 0 0}
.feature-notes p+p{padding-left:32px;border-left:1px solid var(--line)}
.feature-notes span{display:block;font-size:9px;line-height:1.5;letter-spacing:.15em;color:#82a0b5;margin-bottom:13px}
.closing{padding-block:90px;text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 40%,#0e335359,transparent 63%)}
.closing>img{border-radius:22px;margin-bottom:24px;box-shadow:0 0 60px #1c7abe22}
.closing .eyebrow{justify-content:center;margin-bottom:18px}
.closing h2{font-size:clamp(50px,5vw,76px);font-weight:550;line-height:1.04;letter-spacing:-.06em;margin:0 0 32px}
.closing-cta{display:inline-flex;align-items:center;gap:36px;border-bottom:1px solid var(--blue);text-decoration:none;font-size:16px;padding-block:12px;color:var(--blue)}
.closing-cta:hover{color:#fff;border-color:#fff}
.free-note{color:#9eb1bf;font-size:12px;line-height:1.8;margin-top:24px}
.privacy{max-width:1000px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:4px;margin-bottom:34px;scroll-margin-top:32px}
.privacy summary{font-size:13px;line-height:1.6;color:#b6c5cf;padding:23px 0;cursor:pointer}
.privacy summary::marker{color:var(--blue)}
.privacy-copy{font-size:12px;line-height:1.9;color:#9eb0bd;max-width:810px;padding:0 0 20px}
.privacy-copy p{margin:0 0 16px}
.privacy-copy a{color:#c2eaff}
.footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center;font-size:11px;color:#a1b1bc;padding-bottom:30px}
.footer nav{display:flex;gap:24px}
.footer nav a{text-decoration:none;min-height:36px;display:flex;align-items:center}
.footer nav a:hover{color:#fff}
.footer small{width:100%;font-size:10px;line-height:1.6;color:#8196a6}
@media(min-width:1600px){.hero{gap:80px}.hero-visual{margin-right:-18px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero{gap:32px;grid-template-columns:minmax(320px,5fr) minmax(0,6fr);padding-block:60px 70px}h1{font-size:65px}.hero-intro{font-size:17px}.email-row{flex-wrap:wrap}.email-row input{flex:1 1 160px}.primary-button{flex:1 1 auto}.section-heading>p{font-size:13px;max-width:310px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.masthead{height:76px}.brand{font-size:18px;gap:9px}.brand img{width:34px;height:34px;border-radius:8px}.home-link{display:none}.nav-cta{padding:10px 13px;gap:14px;font-size:11px}.hero{grid-template-columns:1fr;gap:44px;padding-block:42px 58px}.hero-copy{max-width:530px}.hero .eyebrow{font-size:9px;gap:7px;margin-bottom:24px}h1{font-size:clamp(56px,11vw,75px);margin-bottom:23px;letter-spacing:-.065em}.hero-intro{font-size:17px;margin-bottom:28px;line-height:1.6}.signup{max-width:none}.signup-intro{font-size:12px}.email-row{flex-wrap:nowrap}.email-row input{width:100px;flex:1}.primary-button{font-size:11px;padding-inline:13px;gap:12px;flex:none}.consent{font-size:11px;line-height:1.7}.film-heading{font-size:9px;margin-bottom:12px}.film-frame{border-radius:10px}.film-footer{margin-top:12px;font-size:11px}.film-transcript{font-size:10px;margin-top:16px}.inside{padding-block:54px 46px}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:40px}.section-heading>p{font-size:13px;max-width:500px;margin-top:22px}.section-heading>p br{display:none}.screen-selector{margin-bottom:20px}.screen-selector button{padding:13px 5px;gap:8px;font-size:9px;align-items:flex-start;flex-direction:column}.screen-selector button span{font-size:11px}.native-screen>img{border-radius:10px}.native-screen figcaption{flex-direction:column;gap:3px;margin-top:16px;font-size:11px}.feature-notes{margin-top:30px}.feature-notes p{font-size:12px;letter-spacing:-.1px;padding:18px 10px 0 0;line-height:1.8}.feature-notes p+p{padding-left:13px}.feature-notes span{font-size:8px;letter-spacing:.06em;min-height:26px;margin-bottom:8px}.closing{padding-block:56px}.closing>img{width:72px;height:72px;border-radius:18px}.closing h2{font-size:54px}.privacy summary{font-size:12px}.privacy-copy{font-size:11px}.footer{gap:10px;font-size:10px}.footer nav{gap:20px}.footer small{margin-top:10px}}
@media(max-width:360px){.brand{font-size:16px}.nav-cta{font-size:10px;gap:8px}.email-row{flex-wrap:wrap}.email-row input,.primary-button{width:100%}.hero .eyebrow{letter-spacing:.08em}.feature-notes p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}