*{box-sizing:border-box} :root{--bg:#090817;--panel:#12112a;--panel2:#171536;--ink:#f7f5ff;--muted:#aaa8c5;--line:rgba(255,255,255,.11);--violet:#9274ff;--pink:#ed75cf;--cyan:#76d8ff;--font:"DM Sans",sans-serif;--display:"Space Grotesk",sans-serif}
html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font);overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan)}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}
.header{position:sticky;top:0;z-index:10;background:rgba(9,8,23,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font:700 1.5rem var(--display);letter-spacing:-.07em}.logo span{color:#a78bff}.logo i{font:500 .55rem var(--font);vertical-align:top;margin-left:3px}.nav nav,.navright{display:flex;align-items:center;gap:28px}.nav nav a,.navlink{color:#c8c5dd;font-size:.9rem}.nav nav a:hover,.navlink:hover{color:white}.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:14px 22px;border:0;border-radius:9px;background:linear-gradient(110deg,#8d70ff,#c47bfa);color:white;font-weight:700;box-shadow:0 8px 28px rgba(131,91,255,.22);cursor:pointer;transition:transform .18s,filter .18s}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-small{padding:10px 17px;font-size:.86rem}
.hero{min-height:690px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:54px;padding-top:62px;padding-bottom:72px}.eyebrow{font-size:.72rem;letter-spacing:.16em;color:#a99bff;font-weight:700}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7ef0bd;margin-right:9px;box-shadow:0 0 12px #7ef0bd}.hero h1{font:700 clamp(4rem,7.2vw,6.8rem)/.99 var(--display);letter-spacing:-.075em;margin:25px 0}.hero h1 em,h2 em{font-style:normal;background:linear-gradient(95deg,#a28aff,#e78ad7 75%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:1.12rem;color:#c4c1d8;max-width:480px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:30px 0 20px}.btn-ghost{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.19);box-shadow:none}.hero-note{font-size:.84rem;color:#9b98b8}.proof{display:flex;align-items:center;gap:13px;margin-top:46px}.proof-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(150,120,255,.15);color:#c1aaff;font-size:1.25rem}.proof strong,.proof span{display:block}.proof strong{font-size:.9rem}.proof span{font-size:.78rem;color:var(--muted)}
.hero-visual{position:relative;min-width:0;padding:18px}.visual-glow{position:absolute;inset:12% 5%;background:radial-gradient(ellipse,rgba(115,77,255,.25),transparent 68%);filter:blur(30px)}.video-frame{position:relative;border:1px solid rgba(181,157,255,.32);border-radius:19px;padding:13px;background:linear-gradient(145deg,rgba(45,36,83,.9),rgba(15,14,36,.96));box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 55px rgba(117,83,255,.12)}.video-head,.video-controls{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#d6d0f2;font-size:.7rem;letter-spacing:.1em;font-weight:700}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#72e6ad;margin-right:7px}.live-tag{color:#b7a8ff}.video-frame video{display:block;width:100%;height:min(62vw,570px);min-height:380px;max-height:570px;object-fit:contain;background:#080713;border-radius:10px}.video-controls button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);border-radius:20px;color:white;padding:7px 12px;cursor:pointer;font-size:.72rem}.floating-chip{position:absolute;z-index:2;padding:11px 16px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(25,22,54,.9);box-shadow:0 12px 35px #0005;font-size:.78rem;color:#e7e2ff}.floating-chip span{color:#b59bff;margin-right:8px}.chip-one{top:13%;right:-5px}.chip-two{bottom:12%;left:-4px}.video-caption{position:relative;text-align:center;color:#8986a7;font-size:.73rem;margin:12px 0 0}
.ticker{border-block:1px solid var(--line);background:#100f25}.ticker-inner{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#c9c4e6;font-size:.7rem;font-weight:700;letter-spacing:.15em}.ticker b{color:#a88cff}
.section{padding-top:110px;padding-bottom:110px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.section-top h2,.feedback-copy h2,.waitlist-copy h2{font:600 clamp(2.8rem,5vw,4.4rem)/1.05 var(--display);letter-spacing:-.06em;margin:12px 0 0}.section-top>p{max-width:390px;color:var(--muted);margin:0}.try-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.try-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#15142f,#100f24)}.card-index{padding:22px 24px 0;color:#a49cce;font-size:.68rem;letter-spacing:.15em;font-weight:700}.card-art{height:245px;position:relative;overflow:hidden;display:grid;place-items:center}.live-art{background:radial-gradient(ellipse at 50% 45%,#5541a8 0, #24204e 43%,#131229 78%)}.orbit{position:absolute;border:1px solid #b6a1ff55;border-radius:50%;width:230px;height:230px}.orbit-a{transform:scaleX(.55) rotate(35deg)}.orbit-b{transform:scaleX(.9) rotate(-40deg)}.art-label{font:700 4rem/.85 var(--display);text-align:center;letter-spacing:-.08em;text-shadow:0 8px 28px #0008}.art-bottom{position:absolute;bottom:16px;font-size:.65rem;letter-spacing:.18em;color:#d2c8ff}.photo-art{background:radial-gradient(ellipse at 50% 50%,#59345f,#241a45 55%,#131229)}.photo-stack{position:relative;width:220px;height:170px}.photo-tile{position:absolute;width:130px;height:155px;border-radius:13px;border:1px solid #ffffff55;display:grid;place-items:center;text-align:center;font:700 1.3rem var(--display);box-shadow:0 20px 45px #0005}.tile-back{left:12px;top:0;transform:rotate(-10deg);background:linear-gradient(150deg,#8273d5,#4a3679)}.tile-front{right:10px;bottom:0;transform:rotate(9deg);background:linear-gradient(150deg,#c26aa9,#663f8b)}.spark{position:absolute;right:0;top:-10px;color:#ffe6a6;font-size:2.5rem}.try-card-copy{padding:25px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.try-card h3{font:600 1.45rem var(--display);margin:0}.status{font-size:.68rem;color:#b7a4ff}.try-card p{color:#aaa7c5;font-size:.9rem;max-width:520px}.arrow-link{display:inline-block;margin-top:10px;color:#c5b3ff;font-weight:700;font-size:.86rem}.arrow-link b{margin-left:8px}
.feature-section{background:linear-gradient(180deg,#100f25,#0c0b1d);border-block:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{padding:25px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.feature-icon{font-size:1.6rem;color:#ad94ff}.feature h3{font:600 1.1rem var(--display);margin:13px 0 6px}.feature p{margin:0;color:#a9a6c1;font-size:.85rem}
.roadmap{display:grid;grid-template-columns:1fr 1fr;gap:55px}.roadmap-col h3{font:600 1.3rem var(--display);margin-bottom:17px}.road{display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:start;padding:19px 0;border-top:1px solid var(--line)}.road-num{color:#9184c4;font-size:.76rem}.road strong{font-size:.9rem}.road p{margin:4px 0 0;color:#9996b3;font-size:.82rem}.road small{color:#c2aaff;font-size:.62rem;letter-spacing:.1em}.road small.muted{color:#8986a0}.disclaimer{color:#77748e;font-size:.75rem;margin-top:30px}
.feedback-section{padding:100px 0;background:linear-gradient(120deg,#17133a,#241744 55%,#13112c);border-block:1px solid rgba(180,151,255,.18)}.feedback-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.feedback-copy h2{font-size:clamp(3rem,5vw,4.7rem)}.feedback-copy>p{color:#c1bdd8;max-width:400px}.mail-note{margin-top:35px;color:#d4c7ff;font-size:.85rem}.form-card{padding:30px;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:rgba(10,9,27,.7);box-shadow:0 20px 60px #08071355}.form-card h3{font:600 1.4rem var(--display);margin:0 0 22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-card label,.wait-form label{display:block;color:#c5c0df;font-size:.78rem;margin-bottom:15px}.form-card input,.form-card select,.form-card textarea,.wait-form input,.wait-form select{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#111027;color:#f7f5ff;font-size:.9rem}.form-card textarea{resize:vertical}.form-card select option,.wait-form select option{background:#15132c}.form-btn{width:100%}.form-state{min-height:1.3em;color:#c4b5fd;font-size:.78rem;margin:10px 0 0}
.waitlist-section{padding-top:100px;padding-bottom:100px}.waitlist-box{display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:center;padding:55px;border:1px solid rgba(177,150,255,.24);border-radius:20px;background:radial-gradient(ellipse at 10% 10%,#3b2766,#171331 58%,#111027);box-shadow:0 25px 80px #0004}.waitlist-copy h2{font-size:clamp(3rem,5vw,4.6rem)}.waitlist-copy p{max-width:390px;color:#b9b4d1}.wait-form{padding:25px;border-radius:13px;background:rgba(7,6,20,.45);border:1px solid #ffffff1a}.wait-form .consent{display:flex;gap:10px;align-items:flex-start;font-size:.73rem}.consent input{width:17px;height:17px;margin:2px 0;accent-color:#a18aff}.wait-form button{width:100%}
footer{border-top:1px solid var(--line);padding:26px 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#8885a2;font-size:.78rem}.footer>div{display:flex;gap:22px}.footer a:hover{color:white}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;gap:28px}.hero-copy{max-width:700px}.hero-visual{max-width:720px;width:100%;margin:auto}.hero h1{font-size:clamp(4.5rem,12vw,6.5rem)}.feedback-layout{grid-template-columns:1fr}.waitlist-box{grid-template-columns:1fr}.section-top{align-items:start;flex-direction:column}.section-top>p{max-width:600px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.nav{height:68px}.navright{gap:12px}.navlink{display:none}.btn-small{padding:9px 13px}.hero{padding-top:45px;padding-bottom:50px}.hero h1{font-size:clamp(3.9rem,17vw,5.2rem)}.lead{font-size:1rem}.actions .btn{width:100%}.hero-visual{padding:4px}.video-frame{padding:8px}.video-frame video{min-height:340px;height:115vw;max-height:520px}.chip-one{right:-4px;top:10%}.chip-two{left:-4px;bottom:13%}.floating-chip{font-size:.68rem;padding:8px 10px}.ticker-inner{flex-wrap:wrap;justify-content:center;padding:17px 0;font-size:.6rem}.section{padding-top:75px;padding-bottom:75px}.try-grid,.feature-grid,.roadmap{grid-template-columns:1fr}.card-art{height:215px}.feature-grid{gap:10px}.roadmap{gap:30px}.feedback-section{padding:75px 0}.fields{grid-template-columns:1fr}.form-card{padding:21px}.waitlist-section{padding:70px 0}.waitlist-box{padding:24px 19px;gap:25px}.wait-form{padding:18px}.footer{align-items:flex-start;flex-direction:column}.footer>div{flex-wrap:wrap;gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Form submission states */
.form-state[data-state="success"]{color:#89eac2}
.form-state[data-state="error"]{color:#ff9fb0}
.form-state[data-state="info"]{color:#c9b9ff}
button:disabled{opacity:.6;cursor:wait;filter:saturate(.5);transform:none}

/* Portrait demo: native proportions and symmetric label insets. */
.hero-visual{width:100%;max-width:410px;margin-inline:auto;padding:0;--demo-inset:16px}
.video-frame{padding:12px}
.video-stage{position:relative;border-radius:10px;overflow:hidden}
.video-frame video{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:9/16;object-fit:contain}
.video-stage .floating-chip{position:absolute;margin:0;font-size:.72rem;padding:9px 12px;max-width:calc(100% - 32px)}
.video-stage .chip-one{top:var(--demo-inset);right:var(--demo-inset);bottom:auto;left:auto}
.video-stage .chip-two{bottom:var(--demo-inset);left:var(--demo-inset);top:auto;right:auto}
@media(max-width:620px){.hero-visual{max-width:370px;--demo-inset:12px}.video-frame{padding:8px}.video-head,.video-controls{font-size:.6rem;padding-inline:4px}.video-stage .floating-chip{font-size:.68rem;padding:8px 10px}}