:root{--bg: #0e1318;--bg-2: #131b23;--fg: #eef3f5;--muted: #94a3b0;--accent: #4ade80;--accent-2: #22c5a3;--paper: #f7f1e8;--ink: #111715;--sun: #f3b43f;--clay: #d56d42;--error: #ff7b72;--radius: 14px;--radius-sm: 8px;--shadow: 0 8px 24px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,rgba(243,180,63,.08),transparent 36%),radial-gradient(circle at 20% 0%,#1a2632 0%,var(--bg) 60%) fixed;color:var(--fg);-webkit-font-smoothing:antialiased}.root{min-height:100vh;display:flex;flex-direction:column}.scene-root-hidden{display:none}.admin-preview-bar{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:#091210eb;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 16px 40px #00000038;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.admin-preview-bar strong{margin-right:6px;color:#d6ffe4;font-size:12px;letter-spacing:0;text-transform:uppercase}.admin-preview-bar a{min-height:30px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:#d9e8e4;font-size:13px;text-decoration:none;transition:.12s ease}.admin-preview-bar a:hover,.admin-preview-bar a.active{background:var(--accent);border-color:var(--accent);color:#06210f}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#091210db;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 12px 36px #00000029;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.brand{display:inline-flex;gap:8px;align-items:center;font-weight:700;font-size:18px;color:var(--fg);text-decoration:none}.brand-logo{width:30px;height:30px;border-radius:10px;object-fit:cover;box-shadow:0 8px 18px -12px #000c}.brand-button{background:transparent;border:0;cursor:pointer;font-family:inherit;padding:0}.brand-mark{color:var(--accent)}.brand-tld{color:var(--muted);font-weight:400}.locale-switcher{display:inline-flex;gap:4px}.locale-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--muted);padding:6px 10px;font-size:12px;border-radius:var(--radius-sm);cursor:pointer;transition:.12s}.locale-btn:hover{color:var(--fg);border-color:#ffffff2e}.locale-btn.active{background:var(--accent);color:#06210f;border-color:var(--accent)}.main{flex:1;display:flex;flex-direction:column;align-items:center;padding:48px 24px;max-width:720px;margin:0 auto;width:100%;gap:32px}.main-landing{max-width:none;padding:0;align-items:stretch}.landing{width:100%}.landing-hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(32px,5vw,76px);padding:clamp(44px,7vw,92px) clamp(20px,7vw,96px);background:linear-gradient(90deg,#0e1318fa,#0e1318c7),radial-gradient(circle at 82% 22%,rgba(243,180,63,.28),transparent 30%),radial-gradient(circle at 64% 72%,rgba(74,222,128,.18),transparent 32%)}.landing-copy{max-width:760px}.landing-kicker{color:var(--sun);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:0;margin:0 0 18px}.landing h1{margin:0;font-size:clamp(42px,7vw,86px);line-height:.98;letter-spacing:0;max-width:780px}.landing-lead{color:#c8d0d0;font-size:clamp(17px,2vw,22px);line-height:1.55;margin:28px 0 0;max-width:650px}.landing-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:34px}.landing-link{color:#c8d0d0}.landing-visual{min-height:520px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-left:1px solid rgba(255,255,255,.08)}.landing-visual:before{content:"";position:absolute;inset:7% 4%;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}.landing-visual img{width:min(280px,58vw);height:auto;position:relative;filter:drop-shadow(0 26px 50px rgba(0,0,0,.48))}.landing-flow{position:absolute;inset:auto 4% 8%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.landing-flow span{min-height:58px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;border:1px solid rgba(255,255,255,.12);background:#0a1015b8;color:#dce6e4;border-radius:var(--radius-sm);font-size:13px;line-height:1.25}.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#ffffff14}.landing-steps article{min-height:270px;padding:clamp(26px,4vw,48px);background:var(--paper);color:var(--ink)}.landing-steps span{display:block;color:var(--clay);font-weight:900;margin-bottom:40px}.landing-steps h2,.landing-registration h2{font-size:clamp(28px,4vw,46px);line-height:1.05;letter-spacing:0;margin:0}.landing-steps p,.landing-registration p{color:#111715bd;line-height:1.58;font-size:16px;margin:18px 0 0}.landing-registration{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,520px);gap:clamp(28px,5vw,72px);align-items:start;background:var(--paper);color:var(--ink);padding:clamp(44px,7vw,92px) clamp(20px,7vw,96px)}.registration-copy{max-width:660px;position:sticky;top:96px}.landing-registration .landing-kicker{color:var(--clay)}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.hero h1{font-size:clamp(32px,5vw,56px);margin:0;letter-spacing:0;line-height:1.05}.hero-sub{color:var(--muted);margin:0;font-size:17px;line-height:1.55;max-width:540px}.mic-block{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:14px}.mic-btn{width:144px;height:144px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#06210f;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mic-btn:active,.mic-recording{transform:scale(.96);box-shadow:0 0 0 14px #4ade802e}.mic-recording{animation:pulse 1.2s ease-out infinite}.mic-uploading{opacity:.7;cursor:progress}.mic-denied{background:#4b2026;color:var(--error);cursor:not-allowed}@keyframes pulse{0%{box-shadow:0 0 #4ade8073}70%{box-shadow:0 0 0 24px #4ade8000}to{box-shadow:0 0 #4ade8000}}.mic-label{color:var(--muted);font-size:14px}.transcript-preview{margin-top:12px;padding:12px 16px;background:var(--bg-2);border-radius:var(--radius);font-size:15px;max-width:520px;line-height:1.5;color:var(--fg)}.skip-voice{margin-top:8px}.brief-form,.tiers,.status,.hosting-card{width:100%;max-width:560px;display:flex;flex-direction:column;gap:14px;background:var(--bg-2);padding:28px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.05)}.brief-form h2,.tiers h2,.status h2,.hosting-card h2{margin:0 0 8px;font-size:22px}.brief-form input,.brief-form textarea,.email-input{background:#0a1015;color:var(--fg);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:12px 14px;font-family:inherit;font-size:15px;width:100%;outline:none;transition:border .12s}.brief-form input:focus,.brief-form textarea:focus,.email-input:focus{border-color:var(--accent)}.brief-form textarea{resize:vertical;min-height:96px}.btn-primary{background:var(--accent);color:#06210f;border:0;padding:14px 22px;border-radius:999px;font-weight:600;font-size:15px;cursor:pointer;transition:.12s;text-align:center;text-decoration:none;display:inline-block}.btn-primary:hover:not(:disabled){background:#6dec9b}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-link{background:transparent;border:0;color:var(--muted);font-size:14px;cursor:pointer;padding:6px 8px;text-decoration:underline;text-underline-offset:3px}.btn-link:hover{color:var(--fg)}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:8px}.tier{background:#0a1015;padding:18px;border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;border:1px solid rgba(255,255,255,.05)}.tier h3{margin:0;font-size:18px}.tier-price{margin:0;font-size:24px;font-weight:700;color:var(--fg)}.tier-credits{color:var(--accent);margin:0;font-weight:600;font-size:14px}.tier-desc{color:var(--muted);font-size:13px;line-height:1.45;margin:0;flex:1}.tier-mini{border-color:#4ade8040}.tier-maxi{border-color:#22c5a359}.tier-email-hint,.hosting-sub,.hosting-footnote{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.hosting-card{gap:16px}.hosting-card-embedded{max-width:none;background:#111715;color:var(--fg);box-shadow:0 28px 60px #11171538}.hosting-title-row{display:flex;align-items:center;gap:8px;position:relative}.hosting-title-row h2{margin:0}.hosting-help{position:relative;display:inline-flex;align-items:center}.hosting-help-btn{width:24px;height:24px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff14;color:var(--fg);font:700 13px/1 inherit;cursor:help}.hosting-help-tip{position:absolute;left:50%;bottom:calc(100% + 10px);width:min(300px,calc(100vw - 48px));transform:translate(-50%) translateY(4px);padding:12px 14px;border-radius:var(--radius-sm);background:#f7fbf8;color:#18231f;box-shadow:0 16px 36px #00000038;font-size:13px;line-height:1.45;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:8}.hosting-help:hover .hosting-help-tip,.hosting-help:focus-within .hosting-help-tip{opacity:1;transform:translate(-50%) translateY(0)}.hosting-card-embedded .hosting-sub,.hosting-card-embedded .hosting-footnote{color:#aab8b4}.hosting-sms-block{display:flex;flex-direction:column;gap:12px}.hosting-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.hosting-warning{margin:0;color:#ffd08a;font-size:13px;line-height:1.45}.check-row{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:14px;line-height:1.45}.check-row input{margin-top:2px}.check-row a{color:var(--accent);text-underline-offset:3px}.check-row a:hover{color:#6dec9b}.status{align-items:center;text-align:center;gap:18px}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#ff7b721f;color:var(--error);border:1px solid rgba(255,123,114,.3);padding:12px 16px;border-radius:var(--radius);display:flex;justify-content:space-between;gap:12px;width:100%;max-width:560px;align-items:center}.error-banner .btn-link{color:var(--error)}.footer{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;padding:24px;color:var(--muted);font-size:13px;border-top:1px solid rgba(255,255,255,.06)}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--fg)}@media (max-width: 480px){.main{padding:24px 16px;gap:24px}.main-landing{padding:0;gap:0}.mic-btn{width:120px;height:120px}.brief-form,.tiers,.status,.hosting-card{padding:20px}}@media (max-width: 860px){.landing-hero,.landing-registration{grid-template-columns:1fr}.landing-visual{min-height:420px;border-left:0;border-top:1px solid rgba(255,255,255,.08)}.landing-steps{grid-template-columns:1fr}.registration-copy{position:static}}@media (max-width: 560px){.landing-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-visual{min-height:360px}.landing-hero,.landing-registration{padding-left:18px;padding-right:18px}}
