:root{--background:#050806;--foreground:#f5f1ea;--muted:#f5f1eaa8;--border:#f5f1ea1f;--surface:#ffffff0f;--dark-background:#050505;--dark-foreground:#f5f1ea;--dark-muted:#f5f1ea9e;--dark-border:#f5f1ea24;--dark-surface:#ffffff0a}*{box-sizing:border-box;margin:0;padding:0}html{background:radial-gradient(circle at 82% 86%,#b0602229 0%,#b060220f 14%,#b0602200 32%),radial-gradient(circle at 68% 42%,#11312252 0%,#11312224 28%,#11312200 58%),radial-gradient(circle at 18% 18%,#0c1c156b 0%,#0c1c152e 26%,#0c1c1500 54%),linear-gradient(#080d0a8f 0%,#03050429 42%,#0000 100%),repeating-linear-gradient(#0000 0 58px,#f5f1ea0c 58px 59px,#0000 59px 67px,#f5f1ea0c 67px 68px,#0000 68px 120px),repeating-linear-gradient(90deg,#0000 0 59px,#f5f1ea0a 59px 60px,#0000 60px 120px),repeating-linear-gradient(#0000 0 10px,#f5f1ea05 10px 11px,#0000 11px 19px,#f5f1ea05 19px 20px,#0000 20px 24px),repeating-linear-gradient(90deg,#0000 0 11px,#f5f1ea05 11px 12px,#0000 12px 24px),radial-gradient(circle at top,#ffffff07,#0000 42%),linear-gradient(#020303 0%,#040706 100%);background-color:var(--background);height:100%;min-height:100dvh}@media (min-width:641px){html{background-attachment:fixed}}body{background-color:var(--background);height:100%;min-height:100dvh;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;font-family:Helvetica Neue;overflow-x:hidden}a{color:inherit;cursor:pointer;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing-page{background:0 0;min-height:100dvh}.site-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#0a0e0c85;border-bottom:1px solid #f5f1ea14;padding:0;position:fixed;top:0;left:0;right:0}.site-nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:none;height:60px;margin:0 auto;padding:0 clamp(20px,3vw,40px);display:flex}.site-logo{justify-content:flex-start;align-items:center;height:100%;margin-right:auto;display:inline-flex}.site-logo-mark{width:84px;height:auto;display:block}.nav-button{color:#050806;white-space:nowrap;background:#f5f1ea;border-color:#f5f1ea;align-items:center;height:44px;padding:0 24px;display:inline-flex}.hero-section{padding:160px 24px 72px}.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;padding:14px 24px;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.primary-button{background:var(--foreground);border:1px solid var(--foreground);color:#050806}.secondary-button{border:1px solid var(--border);color:var(--foreground);background:0 0}.primary-button-dark{background:var(--dark-foreground);border-color:var(--dark-foreground);color:#050505}.primary-button-dark:disabled{cursor:wait;opacity:.7}.secondary-button-dark{border-color:var(--dark-border);color:var(--dark-foreground)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.hero-block{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:920px;margin:0 auto;display:flex}.beta-badge{color:#f5f1ead6;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:.94rem;display:inline-flex}.beta-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 14px #22c55e8c}.hero-title{background:linear-gradient(#fff 0%,#f5f1eab8 100%);color:#0000;letter-spacing:-.06em;-webkit-background-clip:text;background-clip:text;max-width:820px;font-size:clamp(48px,8vw,80px);font-weight:900;line-height:.94}.hero-subline{color:var(--muted);max-width:520px;font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.6}.player-section{max-width:1360px;margin:0 auto;padding:0 clamp(20px,4vw,60px)}.player-frame{border:1px solid #ffffff14;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 40px 120px #0000007a}.player-top-fade{pointer-events:none;z-index:2;background:linear-gradient(#050806b8 0%,#05080600 100%);height:96px;position:absolute;top:0;left:0;right:0}.feature-section{padding:72px 24px 0}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:900px;margin:0 auto;display:grid}.feature-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;padding:24px;box-shadow:0 20px 60px #0000002e}.feature-card h2{letter-spacing:-.03em;margin-bottom:10px;font-size:1.2rem;line-height:1.2}.feature-card p{color:var(--muted);line-height:1.6}.feature-kicker{color:#f5f1eaeb;letter-spacing:.08em;text-transform:none;margin-bottom:16px;font-size:.82rem;font-weight:700}.cta-section{padding:80px 24px 140px}.cta-shell{text-align:center;max-width:720px;margin:0 auto}.cta-title{letter-spacing:-.05em;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;line-height:.96}.cta-copy{color:var(--muted);max-width:34rem;margin:18px auto 28px;font-size:1.05rem;line-height:1.7}.cta-form{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;max-width:640px;margin:0 auto;display:grid}.cta-input{appearance:none;color:var(--foreground);background:#ffffff0f;border:1px solid #f5f1ea1f;border-radius:18px;outline:none;width:100%;min-height:58px;padding:0 18px}.cta-input::placeholder{color:#f5f1ea6b}.cta-input:focus{border-color:#f5f1ea5c}.cta-button{min-width:180px;min-height:58px}.cta-status{color:var(--muted);grid-column:1/-1;min-height:1.4em;font-size:.95rem}.cta-status.error{color:#ff9b8d}.cta-success-title{color:var(--foreground);letter-spacing:-.05em;margin-top:12px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;line-height:1.05}.site-footer{border-top:1px solid #ffffff14;padding:24px}.site-footer-inner{color:#f5f1ea9e;justify-content:space-between;align-items:center;gap:16px;max-width:1360px;margin:0 auto;display:flex}@media (max-width:640px){.site-nav{padding:0}.site-nav-inner{padding:0 14px}.nav-button{height:36px;padding-inline:14px;font-size:.9rem}.hero-section{padding:132px 20px 52px}.player-frame{border-radius:20px}.feature-grid{grid-template-columns:1fr}.cta-section{padding:72px 20px 112px}.cta-form{grid-template-columns:1fr}.cta-button{width:100%}.site-footer-inner{flex-direction:column;align-items:flex-start}}
