@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@600;700;800;900&display=swap');
.hero.shell { padding:32px 0 28px; }
.hero h1 { font-size:clamp(44px,5.5vw,72px); line-height:1; margin-top:18px; }
.hero .hero-copy { margin:18px auto 0; font-size:18px; }
.hero-rule { display:none; }
.fallback-link[hidden] { display:none; }

:root { --ink:#06172d; --ink-2:#092647; --paper:#f1f7f8; --mist:#cfe3e9; --cyan:#30dfd3; --blue:#1878fa; --line:rgba(183,228,239,.22); --sans:"DM Sans",sans-serif; --display:"Outfit",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; color:var(--paper); background:radial-gradient(ellipse 70% 29% at 50% 0%,#0d4268 0%,transparent 75%),var(--ink); font-family:var(--sans); }
body:before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.22; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E"); z-index:5; }
a { color:inherit; text-decoration:none; } button { font:inherit; } .shell { width:min(1120px,calc(100% - 48px)); margin-inline:auto; }
.nav { height:94px; display:flex; align-items:center; justify-content:space-between; animation:rise .75s both; }
.brand { font:800 18px/1 var(--display); letter-spacing:-.8px; display:flex; gap:10px; align-items:center; }.brand>span:last-child>span,.footer span>span { color:var(--cyan); }
.brand-mark { width:27px; height:22px; display:flex; align-items:end; gap:3px; }.brand-mark i { width:6px; display:block; border-radius:5px; background:linear-gradient(180deg,var(--cyan),#188bf4); }.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:22px}
.nav-buy,.text-link { font-size:13px; font-weight:700; color:var(--mist); transition:color .2s; }.nav-buy:hover,.text-link:hover { color:var(--cyan); }.nav-buy span,.text-link span{margin-left:6px;font-size:16px}
.hero { padding:88px 0 60px; text-align:center; animation:rise .85s .08s both; }.eyebrow,.mini-label,.section-kicker { font-size:11px; letter-spacing:2px; font-weight:700; color:#7ad9e3; }.eyebrow { display:inline-flex; align-items:center; gap:8px; padding:7px 11px; border:1px solid rgba(49,220,211,.34); border-radius:30px; background:rgba(9,50,78,.5); }.pulse { height:6px;width:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan); }
h1,h2 { font-family:var(--display); margin:0; letter-spacing:-.055em; } h1 { font-size:clamp(54px,8.3vw,112px); line-height:.88; margin-top:27px; font-weight:900; } h1 em,h2 em { color:var(--cyan); font-style:normal; } .hero-copy { max-width:625px; color:#b8d0dc; font-size:clamp(17px,2.1vw,22px); line-height:1.45; margin:29px auto 37px; }.hero-rule { width:1px;height:58px;background:linear-gradient(var(--cyan),transparent);margin:auto; }
.watch { padding-bottom:96px; animation:rise .9s .17s both; }.section-kicker { margin-bottom:13px; }.video-frame { position:relative; overflow:hidden; aspect-ratio:16/9; background:#031124; box-shadow:0 27px 75px rgba(0,0,0,.35); border:1px solid rgba(139,219,232,.28); }.video-frame:before { content:""; position:absolute;left:-2px;top:0;z-index:1;width:70px;height:2px;background:var(--cyan); }.video-frame iframe { width:100%; height:100%; border:0; display:block; }.watch-under { padding:20px 1px; display:flex; justify-content:space-between; gap:25px; align-items:center; }.watch-under h2 { font-size:23px;letter-spacing:-.035em; }.watch-under p { margin:5px 0 0;color:#8daebd;font-size:14px; }
.shortcut-wrap { background:#dff2f3; color:var(--ink); position:relative; overflow:hidden; }.shortcut-wrap:after { content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-170px;top:-370px;background:radial-gradient(circle,#3de4db 0%,transparent 68%);opacity:.55; }.shortcut { min-height:307px; padding:55px 0; display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;position:relative;z-index:1; }.shortcut-copy h2 { font-size:clamp(34px,4vw,54px);line-height:.96;margin:12px 0 13px; }.shortcut-copy h2 span { color:#0878c2; }.shortcut-copy p { max-width:520px;color:#35546b;margin:0;line-height:1.5;font-size:15px; }.shortcut-action { text-align:center; }.jump-button { cursor:pointer;border:0;color:white;min-width:180px;border-radius:6px;padding:16px 20px;display:flex;justify-content:center;align-items:center;gap:13px;background:linear-gradient(115deg,#2cdbd3,#1379fa);box-shadow:0 11px 26px rgba(13,104,191,.25);font-weight:800;transition:transform .2s,box-shadow .2s; }.jump-button:hover { transform:translateY(-3px);box-shadow:0 15px 30px rgba(13,104,191,.35) }.jump-button small { display:block;font-size:9px;letter-spacing:1.5px;opacity:.8;margin-bottom:2px; }.play-icon { width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid white; }.fallback-link { display:block;margin-top:13px;color:#0a5d99;font-size:12px;font-weight:700;text-decoration:underline; }.player-status { grid-column:1/-1;margin:0;color:#9e371d;font-size:13px;font-weight:600; }
.decision { padding:116px 0 128px; }.decision-number { color:#61ccd1;letter-spacing:1.8px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:13px;margin-bottom:38px; }.decision-number span { width:50px;height:1px;background:#358595; }.decision-grid { display:grid;grid-template-columns:1.15fr .85fr;gap:8%; }.decision h2 { font-size:clamp(42px,5vw,69px);line-height:.94; }.decision-body { padding-top:7px; }.decision-body>p:first-child { margin:0 0 30px;color:#b3cbd6;line-height:1.65;font-size:17px; }.primary-cta { display:inline-flex;align-items:center;gap:32px;background:linear-gradient(100deg,#25d6cf,#1979f6);padding:17px 20px 17px 24px;color:white;font-size:14px;font-weight:800;border-radius:5px;transition:transform .2s; }.primary-cta:hover { transform:translateY(-3px); }.primary-cta span { font-size:22px; }.fine-print { margin:18px 0 0;color:#7093a4;font-size:12px; }
.closing { border-top:1px solid var(--line);min-height:420px;padding:96px 0 80px;position:relative;overflow:hidden; }.closing-art { position:absolute;right:4%;top:0;opacity:.4; }.closing-art span { position:absolute;border:1px solid #2d7e98;border-radius:50%; }.closing-art span:nth-child(1){width:330px;height:330px;right:0;top:-160px}.closing-art span:nth-child(2){width:240px;height:240px;right:45px;top:-115px}.closing-art span:nth-child(3){width:155px;height:155px;right:88px;top:-72px}.closing h2 { font-size:clamp(47px,6vw,78px);line-height:.9;margin:12px 0 30px; }.closing h2 span { color:#63d9db; }.footer { min-height:72px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#75a1b3;font-size:10px;letter-spacing:1.2px;font-weight:700; }.footer>span:first-child { font:800 15px var(--display);color:var(--paper);letter-spacing:-.5px; }
@keyframes rise { from { opacity:0;transform:translateY(16px) } to { opacity:1;transform:translateY(0) } }
@media (max-width:700px) { .shell{width:min(100% - 32px,1120px)}.nav{height:72px}.nav-buy{font-size:12px}.hero{padding:58px 0 42px}.watch{padding-bottom:65px}.watch-under{align-items:flex-start;flex-direction:column}.shortcut{grid-template-columns:1fr;padding:48px 0}.shortcut-action{text-align:left}.jump-button{min-width:190px}.decision{padding:78px 0}.decision-grid{grid-template-columns:1fr;gap:32px}.closing{min-height:380px;padding-top:72px}.footer{gap:20px}.footer>span:last-child{font-size:8px;text-align:right}.shortcut-wrap:after{right:-320px} }
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}