:root{color-scheme:dark;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg-primary:#010205;--bg-panel:rgba(14,20,30,.82);--accent:#4ecdc4;--accent-soft:rgba(78,205,196,.25);--accent-strong:rgba(78,205,196,.55);--text-strong:#f5fbff;--text-soft:rgba(229,240,253,.78);--text-muted:rgba(229,240,253,.55);--stroke:rgba(78,205,196,.24)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-primary);color:var(--text-strong);position:relative;overflow-x:hidden}.bg-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:0;mix-blend-mode:screen;opacity:.35}body:after,body:before{content:"";position:fixed;inset:-40vmax;background:radial-gradient(circle at 20% 20%,rgba(78,205,196,.14),transparent 45%),radial-gradient(circle at 80% 10%,rgba(105,89,245,.08),transparent 40%),radial-gradient(circle at 50% 80%,rgba(94,188,255,.06),transparent 50%);filter:blur(38px);opacity:.45;z-index:0}body:after{animation:pulse 18s ease-in-out infinite;opacity:.4}@keyframes pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.05) translate3d(-2%,-1%,0);opacity:.55}}main{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:clamp(48px,6vh,72px) clamp(24px,5vw,56px);position:relative;z-index:1}.hero{width:min(880px,100%);gap:24px}.hero,.hero>header{display:flex;flex-direction:column}.hero>header{gap:12px;text-align:center}.hero h1{margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.progress-meta{display:flex;justify-content:center;gap:16px;font-size:.9rem;color:var(--text-muted)}.stage-card{position:relative;width:100%;background:var(--bg-panel);border-radius:28px;padding:clamp(30px,4.5vw,48px);border:1px solid hsla(0,0%,100%,.04);box-shadow:0 40px 90px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:24px;overflow:hidden}.stage-progress{display:flex;justify-content:center;gap:10px;margin-bottom:12px}.progress-dot{width:10px;height:10px;border-radius:999px;background:hsla(0,0%,100%,.07);transition:all .3s ease}.progress-dot.is-active{background:var(--accent);box-shadow:0 0 14px rgba(78,205,196,.65);transform:scale(1.35)}.progress-dot.is-complete{background:var(--accent-soft)}.stage-header{display:flex;flex-direction:column;gap:12px;text-align:left;align-items:flex-start;max-width:680px;width:100%;margin:0 auto}.stage-kicker{margin:0;font-size:.75rem;letter-spacing:.35em;text-transform:uppercase;color:var(--text-muted)}.stage-title{margin:0;font-size:clamp(2rem,4vw,2.6rem);font-weight:300;line-height:1.3}.stage-agent{margin:0;display:flex;flex-direction:column;gap:12px;color:var(--text-soft);font-size:1.02rem;line-height:1.7;text-align:left;align-items:flex-start;max-width:640px}.stage-agent p{margin:0}.stage-agent ul{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:8px}.stage-agent li{color:var(--text-soft)}.fields{gap:24px;width:100%;max-width:640px;margin:0 auto}.field-group,.fields{display:flex;flex-direction:column}.field-group{gap:12px}.field-group label{font-weight:600;color:var(--text-strong);letter-spacing:.02em}.field-group input,.field-group textarea{width:100%;border:1px solid hsla(0,0%,100%,.08);border-radius:18px;background:rgba(12,18,26,.65);color:var(--text-strong);padding:16px 18px;font-size:1rem;line-height:1.5;transition:border .25s ease,box-shadow .25s ease,transform .25s ease;resize:vertical}.field-group input::placeholder,.field-group textarea::placeholder{color:rgba(229,240,253,.32)}.field-group input:focus,.field-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 20px 45px rgba(78,205,196,.15);transform:translateY(-1px)}.helper{margin:0;font-size:.9rem;color:var(--text-muted)}.chip-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:16px;gap:16px}.chip{border-radius:18px;padding:18px 22px;font-size:1rem;border:1px solid rgba(78,205,196,.22);background:rgba(10,17,26,.85);color:var(--text-soft);cursor:pointer;transition:all .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:inline-flex;justify-content:center;align-items:center;min-height:64px;width:100%;box-shadow:0 20px 40px rgba(0,0,0,.35)}.welcome-card{align-items:center;gap:28px;text-align:center}.welcome-header{display:flex;flex-direction:column;gap:16px;max-width:520px}.welcome-title{margin:0;font-size:clamp(2.2rem,5vw,2.8rem);font-weight:300;color:var(--text-strong)}.welcome-definition{margin:0;font-size:1.05rem;color:var(--text-soft);line-height:1.7}.welcome-media{width:100%;display:flex;justify-content:center}.welcome-video-frame{width:min(520px,100%);display:flex;flex-direction:column;gap:16px;align-items:center}.welcome-video-poster{width:100%;aspect-ratio:16/9;border-radius:20px;background:linear-gradient(135deg,rgba(78,205,196,.25),rgba(42,127,126,.12));border:1px solid var(--stroke);box-shadow:0 34px 60px rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden}.welcome-video-poster:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 30%,rgba(78,205,196,.32),transparent 55%)}.welcome-video-overlay{position:relative;margin:16px;padding:10px 16px;border-radius:999px;background:rgba(12,18,26,.75);border:1px solid var(--stroke);font-size:.85rem;color:var(--text-soft);letter-spacing:.04em}.welcome-script{margin:0;font-size:.95rem;color:var(--text-muted);line-height:1.7;max-width:520px}.welcome-meta{display:flex;flex-direction:column;gap:6px;color:var(--text-muted);font-size:.9rem}.welcome-actions{display:flex;justify-content:center}.welcome-cta{min-width:220px}.welcome-duration{color:var(--text-soft)}.welcome-privacy{color:rgba(229,240,253,.4);font-size:.8rem}.chip:hover{transform:translateY(-2px)}.chip-active,.chip:hover{border-color:var(--accent);color:var(--text-strong)}.chip-active{background:linear-gradient(135deg,rgba(78,205,196,.3),rgba(42,127,126,.22));box-shadow:0 18px 42px rgba(78,205,196,.18)}.stage-footer{display:flex;flex-direction:column;gap:12px}.stage-footer .error{color:#ff7b7b;font-size:.9rem}.cta-button{align-self:flex-end;border:none;border-radius:999px;padding:14px 32px;font-size:1rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#4ecdc4,#2a7f7e);color:var(--text-strong);box-shadow:0 26px 46px rgba(78,205,196,.22);transition:all .25s ease}.cta-button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.cta-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 34px 52px rgba(78,205,196,.32)}.thinking-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(5,11,18,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.thinking-indicator{display:flex;align-items:center;gap:16px;padding:18px 24px;border-radius:20px;border:1px solid var(--stroke);background:rgba(12,20,30,.85);box-shadow:0 24px 60px rgba(0,0,0,.45)}.launch-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem;background:radial-gradient(circle at 10% 20%,rgba(78,205,196,.12),transparent 55%),radial-gradient(circle at 90% 10%,rgba(105,89,245,.12),transparent 50%),var(--bg-primary)}.launch-card{width:min(720px,100%);background:rgba(12,18,26,.78);border-radius:32px;padding:clamp(2.5rem,6vw,4rem);border:1px solid hsla(0,0%,100%,.05);box-shadow:0 50px 120px rgba(0,0,0,.65);display:flex;flex-direction:column;gap:24px;color:var(--text-soft)}.launch-card h1{margin:0;font-size:clamp(2rem,4vw,2.8rem);font-weight:300;color:var(--text-strong)}.launch-kicker{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.4em;color:var(--accent)}.launch-indicator{display:flex;align-items:center;gap:16px;padding:18px 22px;background:rgba(12,20,30,.7);border-radius:20px;border:1px solid var(--stroke);box-shadow:0 20px 46px rgba(0,0,0,.45)}.thinking-orbit{position:relative;width:54px;height:54px;border-radius:50%;background:conic-gradient(from 0deg,rgba(78,205,196,.2),rgba(78,205,196,.55),rgba(78,205,196,.2));display:grid;place-items:center;animation:spin 2s linear infinite}.thinking-core{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#4ecdc4,#2a7f7e);box-shadow:0 0 24px rgba(78,205,196,.4)}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:680px){main{padding:72px 18px}.stage-card{border-radius:22px;padding:28px 22px 32px}.stage-title{font-size:1.85rem}.fields{gap:18px}}