*{box-sizing:border-box}body{color:#f5f7ff;background:radial-gradient(circle at top,#1a2034 0%,#090b12 40%,#06070b 100%);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}a{color:inherit;text-decoration:none}.page{width:min(1060px,100% - 32px);margin:0 auto;padding:18px 0 34px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:8px 0 24px;display:flex}.brand{letter-spacing:.02em;font-weight:700}.nav{color:#b2b8c7;gap:22px;font-size:14px;display:flex}.btn{cursor:pointer;border:0;border-radius:999px;font-weight:600;transition:transform .18s}.btn:hover{transform:translateY(-1px)}.btn-ghost{color:#141a2c;background:#dce7ff;padding:10px 16px;font-size:13px}.hero{text-align:center;max-width:760px;margin:0 auto;padding-top:24px}.badge{color:#a8b3d0;letter-spacing:.03em;text-transform:uppercase;border:1px solid #2f3a55;border-radius:999px;padding:7px 12px;font-size:12px;display:inline-flex}.hero h1{margin:50px 0 10px;font-size:clamp(40px,6vw,72px);line-height:.95}.hero p{color:#9ca5bf;max-width:620px;margin:0 auto;font-size:16px;line-height:1.6}.hero-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.btn-primary{color:#101522;background:linear-gradient(135deg,#ffc489 0%,#ff9f61 50%,#ff725b 100%);padding:11px 22px}.btn-link{color:#cfd6ea;background:#ffffff08;border:1px solid #ffffff1f;padding:11px 18px}.preview-panel{aspect-ratio:16/9;background:radial-gradient(circle at 50% 30%,#4474ff4d,#0000 58%),linear-gradient(#152038d9,#0b0e17f2);border:1px solid #273452;border-radius:20px;place-items:center;width:min(100%,960px);margin:42px auto 24px;display:grid;overflow:hidden}.preview-trigger{width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:relative}.preview-trigger:before{content:"";z-index:1;background:linear-gradient(#06080e3d 0%,#06080e7a 100%);position:absolute;inset:0}.preview-trigger:disabled{cursor:default}.preview-thumbnail{object-fit:cover;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.play-pill{color:#d7dded;z-index:2;background:radial-gradient(circle at 35% 30%,#3a4561 0%,#1a2237 65%,#151b2c 100%);border:1px solid #3a4a6d;border-radius:50%;place-items:center;width:144px;height:144px;font-size:14px;font-weight:600;display:grid;position:relative}.play-pill-compact{background:#05070cb8;border:1px solid #ffffff3d;width:92px;height:92px;padding-left:6px;font-size:38px;transition:transform .2s,background-color .2s,box-shadow .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-trigger:hover .play-pill-compact{background:#0e131fd6;transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 0 8px #ffffff14}.shot-grid{margin:16px 0 34px}.mock-shot{background:linear-gradient(#fafafcf2,#e6e9f1f0),repeating-linear-gradient(0deg,#0000 0 28px,#1518230a 28px 29px);border:1px solid #2d3447;border-radius:14px;height:300px}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.feature-card{background:linear-gradient(160deg,#181f31cc,#0e111beb);border:1px solid #1f2535;border-radius:14px;padding:18px}.dot{background:#84a6ff;border-radius:50%;width:8px;height:8px;display:inline-block}.feature-card h2{margin:12px 0 8px;font-size:18px}.feature-card p{color:#98a0b7;margin:0;font-size:14px;line-height:1.55}.partners{color:#737b91;letter-spacing:.08em;flex-wrap:wrap;justify-content:center;gap:36px;margin:34px 0;font-size:13px;display:flex}.cta{text-align:center;background:radial-gradient(circle at 20% 20%,#6c5cff33,#0000 55%),linear-gradient(#101624e6,#0a0c14f2);border:1px solid #222a3d;border-radius:24px;max-width:720px;margin:0 auto;padding:42px 24px}.cta h2{margin:0;font-size:clamp(30px,5vw,46px)}.cta p{color:#9ea7c0;max-width:480px;margin:10px auto 24px}.footer{color:#71798f;border-top:1px solid #1b2131;justify-content:space-between;align-items:center;margin-top:34px;padding-top:20px;font-size:12px;display:flex}.footer-links{gap:16px;display:flex}.login-overlay{z-index:50;background:#030408b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.video-overlay{z-index:60;background:#030408d6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.video-modal{aspect-ratio:16/9;background:#06070b;border:1px solid #24304d;border-radius:14px;width:min(1080px,100%);position:relative;overflow:hidden}.video-modal-iframe{border:0;width:100%;height:100%}.video-modal-close{color:#dbe3f9;cursor:pointer;z-index:1;background:#080a10b8;border:1px solid #ffffff3d;border-radius:50%;width:30px;height:30px;position:absolute;top:10px;right:10px}.login-card{background:radial-gradient(circle at top,#5276ff33,#0000 56%),linear-gradient(#151b2cf2,#0a0d16f5);border:1px solid #24304d;border-radius:18px;width:min(460px,100%);padding:30px;position:relative;box-shadow:0 18px 38px #00000059,inset 0 1px #ffffff14}.close-btn{color:#dbe3f9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff3d;border-radius:50%;width:28px;height:28px;position:absolute;top:10px;right:10px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#9ca9c6;margin:0;font-size:12px;font-weight:600}.login-title{margin:8px 0 6px;font-size:40px;line-height:1}.subtitle{color:#b5bed4;margin:0 0 22px}.google-slot{justify-content:center;min-height:44px;display:flex}.oauth-btn{color:#121212;cursor:pointer;background:#fff;border:1px solid #ffffff38;border-radius:999px;width:100%;padding:11px 14px;font-weight:700}.status{color:#aeb8d2;margin:14px 0 0;font-size:14px}.error{color:#ffc4d4;background:#98244929;border:1px solid #5e2e42;border-radius:10px;margin:0;padding:12px 14px}.error code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.profile{background:#ffffff08;border:1px solid #2a3653;border-radius:12px;align-items:center;gap:12px;margin-top:18px;padding:12px;display:flex}.profile img{border-radius:50%;width:48px;height:48px}.name,.email{margin:0}.name{font-weight:600}.email{color:#a8b2cc;font-size:14px}.signout-btn{color:#e9edfb;cursor:pointer;background:#ffffff0a;border:1px solid #fff3;border-radius:999px;width:100%;margin-top:16px;padding:10px 14px;font-weight:600}.policy-page{place-items:center;min-height:100vh;padding:24px;display:grid}.policy-card{background:radial-gradient(circle at 100% 0,#ffc38924,#0000 42%),linear-gradient(#101624e6,#0a0c14f2);border:1px solid #ffb8783d;border-radius:24px;width:min(860px,100%);padding:28px;box-shadow:0 18px 38px #00000047,inset 0 1px #ffc58a1f}.policy-card h1{margin:0 0 12px;font-size:clamp(30px,4vw,46px)}.policy-back-btn{color:#101522;cursor:pointer;background:linear-gradient(135deg,#ffc489 0%,#ff9f61 50%,#ff725b 100%);border:1px solid #ffbf8166;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:8px 14px;font-size:14px;font-weight:600;line-height:1;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.policy-back-btn:hover{filter:brightness(1.03);border-color:#ffbf81a6;transform:translateY(-1px)}.policy-back-icon{flex:0 0 14px;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.policy-back-icon svg{width:14px;height:14px;display:block}.policy-card h2{color:#ffd5ae;margin:26px 0 10px;font-size:20px}.policy-card h3{color:#ffc997;margin:20px 0 8px;font-size:17px}.policy-card p{color:#aeb8d2;margin:0;line-height:1.65}.policy-card p+p{margin-top:10px}.policy-card ul{margin:10px 0 0;padding-left:20px}.policy-card li{color:#aeb8d2;margin:4px 0;line-height:1.65}.policy-card a{color:#ffc489;text-underline-offset:3px;transition:color .2s}.policy-card a:hover{color:#ffd4b0}.back-home-btn{margin-top:24px;display:inline-flex}.features-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.pricing-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-controls{align-items:center;gap:10px;margin-top:20px;display:flex}.billing-switch-row{align-items:center;gap:8px;display:inline-flex}.billing-label{color:#c9d0e6;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.billing-label.active{color:#ffd8b5}.billing-switch{cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:999px;align-items:center;width:52px;height:30px;padding:3px;transition:background-color .2s,border-color .2s;display:inline-flex}.billing-switch.is-yearly{background:#ffbf8133;border-color:#ffbf8199}.billing-switch-knob{background:linear-gradient(135deg,#ffc489 0%,#ff9f61 50%,#ff725b 100%);border-radius:50%;width:22px;height:22px;transition:transform .2s}.billing-switch.is-yearly .billing-switch-knob{transform:translate(22px)}.pricing-save-badge{color:#ffd8b5;background:#ffbf8133;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.pricing-card{background:linear-gradient(160deg,#181f3199,#0e111bd1);border:1px solid #2a3552;border-radius:14px;flex-direction:column;height:100%;padding:18px;display:flex}.pricing-card h2{color:#ffd5ae;margin:0 0 8px}.pricing-value{color:#f7faff;margin:0;font-size:34px;font-weight:700}.pricing-value span{color:#aeb8d2;margin-left:4px;font-size:14px;font-weight:500}.pricing-billed-yearly{color:#b9c2d8;margin-left:10px;font-size:13px;font-weight:500}.pricing-card ul{flex:1;margin:14px 0;padding-left:18px}.pricing-card li{color:#aeb8d2;margin:4px 0;line-height:1.6}.pricing-card-highlighted{border-color:#ffbf8194;box-shadow:inset 0 0 0 1px #ffbf8133}.pricing-btn{width:100%;margin-top:auto}.plan-compare{margin-top:26px}.plan-compare h2{color:#ffd5ae;margin:0 0 12px;font-size:22px}.plan-compare-table{background:linear-gradient(160deg,#181f3199,#0e111bd1);border:1px solid #2a3552;border-radius:14px;overflow:hidden}.plan-compare-header,.plan-compare-row{grid-template-columns:2fr 1fr 1fr;display:grid}.plan-compare-header{color:#f7faff;background:#ffbf811f;font-weight:700}.plan-compare-header>div,.plan-compare-row>div{border-bottom:1px solid #2a3552;padding:12px 14px}.plan-compare-row>div{color:#aeb8d2}.plan-compare-row>div:nth-child(3){color:#ffd5ae}.plan-compare-row:last-child>div{border-bottom:0}@media (width<=860px){.topbar{flex-wrap:wrap;justify-content:center}.features{grid-template-columns:1fr}.mock-shot{height:220px}.footer{flex-direction:column;gap:10px}.features-page-grid,.pricing-grid,.pricing-grid-two{grid-template-columns:1fr}.plan-compare-header,.plan-compare-row{grid-template-columns:1.4fr 1fr 1fr}.pricing-controls{flex-direction:column;align-items:flex-start}}
