.watch-page{--watch-cyan:#42eee8;--watch-blue:#4c8cff;--watch-violet:#9d62ff;min-height:100svh;background:#030817;color:#f5f8ff;font-size:16px;line-height:1.6}
.watch-page:before{content:"";position:fixed;z-index:-2;inset:0;background:radial-gradient(circle at 8% 18%,#075f9842,transparent 32%),radial-gradient(circle at 91% 24%,#7435ad3d,transparent 31%),linear-gradient(145deg,#020715,#07152e 53%,#08091b)}
.watch-page .site-header{background:#040b1be8;border-color:#263f6d}
.watch-shell{width:min(calc(100% - 70px),1240px);margin:0 auto}
.watch-hero{position:relative;isolation:isolate;overflow:hidden;padding:86px 0 92px}
.watch-orb{position:absolute;z-index:-1;width:560px;height:560px;border-radius:50%;filter:blur(105px);opacity:.25;pointer-events:none}.watch-orb-one{top:-280px;left:-240px;background:#169ee5}.watch-orb-two{right:-330px;bottom:-310px;background:#c44cf1}
.watch-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:78px;align-items:center}
.watch-eyebrow{margin:0 0 17px;color:var(--watch-cyan);font-size:11px;font-weight:850;letter-spacing:.2em}
.watch-copy h1{max-width:650px;margin:0 0 25px;font-size:clamp(49px,5.4vw,78px);line-height:.98;letter-spacing:-.058em}.watch-copy h1 span{color:#6dece8;text-shadow:0 0 36px #22d6e54a}
.watch-lead{max-width:620px;margin:0;color:#bdcbe2;font-size:19px;line-height:1.68}
.watch-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:31px}.watch-badges span{display:inline-flex;align-items:center;gap:8px;min-height:35px;padding:7px 13px;border:1px solid #34527d;border-radius:999px;background:#0b1831a8;color:#b9c9e3;font-size:12px;font-weight:750}.watch-badges i{width:7px;height:7px;border-radius:50%;background:#68ead7;box-shadow:0 0 13px #68ead7}
.connect-card{position:relative;padding:38px 40px 34px;border:1px solid transparent;border-radius:25px;background:linear-gradient(#0a1934f2,#0a1934f2) padding-box,linear-gradient(135deg,#38e9e4,#497eff 48%,#a260ff) border-box;box-shadow:0 30px 90px #0009,0 0 48px #3c78d52e;overflow:hidden}.connect-card:after{content:"";position:absolute;z-index:-1;right:-90px;top:-110px;width:260px;height:260px;border-radius:50%;background:#753fe059;filter:blur(65px)}
.connect-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:27px;border:1px solid #46e6e5;border-radius:15px;background:linear-gradient(145deg,#0d5468,#243f82);color:#c7ffff;box-shadow:0 0 27px #23dbe537}.connect-mark svg{width:27px;height:27px}
.connect-card h2{margin:0 0 12px;font-size:clamp(28px,3vw,39px);line-height:1.1;letter-spacing:-.035em}.connect-intro{max-width:620px;margin:0 0 25px;color:#aebfdb}
.watch-page [hidden]{display:none!important}.google-button,.secondary-button,.text-button{font:inherit;cursor:pointer}.google-button{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:13px;width:100%;min-height:62px;padding:9px 18px 9px 10px;border:1px solid #d9e7ff;border-radius:14px;background:#fff;color:#14213c;font-weight:850;box-shadow:0 14px 38px #0006,0 0 30px #55dff128;transition:transform .18s,box-shadow .18s,filter .18s}.google-button:hover{transform:translateY(-2px);box-shadow:0 18px 44px #0008,0 0 38px #55dff14a;filter:brightness(1.03)}.google-button:focus-visible,.secondary-button:focus-visible,.text-button:focus-visible{outline:3px solid #61f0eb;outline-offset:3px}.google-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #dfe6f2;border-radius:10px;background:#fff}.google-mark svg{width:23px;height:23px}.invite-note{margin:19px 0 0;padding:16px 18px;border:1px solid #304e7a;border-radius:13px;background:#07142bd4;color:#90a8c9;font-size:13px;line-height:1.55}.invite-note strong{color:#d8e9fb}
.signin-state{padding:20px;border:1px solid #345b8f;border-radius:15px;background:#06142cbd}.state-heading{display:flex;align-items:flex-start;gap:14px}.state-heading strong{display:block;margin:1px 0 5px;color:#f6f9ff;font-size:17px}.state-heading p{margin:0;color:#a9bbd5;font-size:13px;line-height:1.55}.state-spinner{width:28px;height:28px;flex:none;border:3px solid #245079;border-top-color:#59eee8;border-radius:50%;animation:watch-spin .9s linear infinite}.secondary-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin-top:16px;padding:10px 16px;border:1px solid #70fff7;border-radius:11px;background:linear-gradient(105deg,#25deda,#458cff 62%,#8c5cf2);color:#041327;font-weight:850;text-decoration:none;box-shadow:0 10px 27px #2c8ed33d;transition:transform .18s,filter .18s}.secondary-button:hover{filter:brightness(1.09);transform:translateY(-1px)}.text-button{display:block;margin:13px auto 0;padding:6px 10px;border:0;background:transparent;color:#91a9ca;font-size:12px;font-weight:750}.text-button:hover{color:#d7e8ff}.error-state{border-color:#7b3d58;background:#241127c9}.state-error-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid #ff708f;border-radius:50%;background:#7c263e;color:#fff0f4;font-weight:900}.field-error{margin:14px 0 0;padding:10px 12px;border:1px solid #ff6582;border-radius:10px;background:#5b17255c;color:#ffd0d9;font-size:12px}@keyframes watch-spin{to{transform:rotate(360deg)}}
.watch-steps{padding:82px 0;background:#071126b5;border-block:1px solid #243b62}.watch-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.watch-section-heading .watch-eyebrow{margin-bottom:10px}.watch-section-heading h2{max-width:720px;margin:0;font-size:clamp(34px,4vw,54px);line-height:1.06;letter-spacing:-.045em}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin:0;padding:0}.step-grid li{display:flex;gap:18px;min-height:220px;padding:28px;border:1px solid #2b4771;border-radius:18px;background:linear-gradient(145deg,#0a1b37,#0b142b);box-shadow:0 15px 42px #0003}.step-grid>li>span{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #3dbac6;border-radius:12px;background:#0d3e57;color:#73eee9;font-size:11px;font-weight:900}.step-grid h3{margin:4px 0 10px;font-size:21px;letter-spacing:-.02em}.step-grid p{margin:0;color:#9fb1cc;font-size:14px}
.watch-reality{padding:88px 0 96px}.reality-grid{display:grid;grid-template-columns:1fr .82fr;gap:84px;align-items:center}.reality-grid h2{max-width:680px;margin:0 0 18px;font-size:clamp(38px,4.4vw,62px);line-height:1.03;letter-spacing:-.05em}.reality-grid>div>p:last-child{max-width:680px;margin:0;color:#aebdd5;font-size:18px}.reality-grid aside{padding:29px 31px;border:1px solid #515589;border-radius:18px;background:linear-gradient(145deg,#151634d9,#111d3add);box-shadow:0 20px 58px #0005}.reality-grid aside strong{display:block;margin-bottom:10px;color:#f2d4ff;font-size:18px}.reality-grid aside p{margin:0 0 17px;color:#aebbd3;font-size:14px}.reality-grid aside a{color:#6fefea;font-size:13px;font-weight:750;text-decoration:none}.reality-grid aside a:hover{text-decoration:underline;text-underline-offset:4px}
.watch-page .site-footer{border-color:#1f365d;background:#020716}.watch-page .footer-inner{width:min(calc(100% - 70px),1240px)}
@media(max-width:980px){.watch-hero{padding:64px 0 72px}.watch-hero-grid{grid-template-columns:1fr;gap:42px}.watch-copy{max-width:760px}.step-grid{grid-template-columns:1fr}.step-grid li{min-height:0}.reality-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:650px){.watch-shell{width:calc(100% - 32px)}.watch-hero{padding:49px 0 58px}.watch-copy h1{font-size:clamp(43px,13vw,61px)}.watch-lead{font-size:16px}.connect-card{padding:29px 22px 25px;border-radius:20px}.google-button{grid-template-columns:40px 1fr auto;font-size:14px}.watch-steps,.watch-reality{padding:62px 0}.step-grid li{padding:23px}.reality-grid h2{font-size:39px}.watch-page .footer-inner{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.google-button,.secondary-button{transition:none}.state-spinner{animation:none;border-color:#59eee8}}