:root{--bg:#10100f;--panel:#181817;--panel-2:#20201f;--panel-3:#2a2927;--text:#f0eee8;--muted:#a7a29a;--subtle:#6f6a63;--line:#34312d;--accent:#d7a84d;--accent-strong:#f0c66b;--green:#87b56a;--red:#d56f5e;--radius:8px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);scroll-behavior:smooth}body{min-height:100dvh;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 240px),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:rgba(215,168,77,.28)}.shell{min-height:100dvh;padding:18px}.topbar{display:grid;grid-template-columns:auto 1fr auto;grid-gap:20px;gap:20px;min-height:64px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(24,24,23,.88);padding:12px 16px;position:-webkit-sticky;position:sticky;top:12px;z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:760;letter-spacing:0}.mark{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:var(--accent);color:#18130a}.nav{display:flex;justify-content:center;gap:18px;color:var(--muted);font-size:14px}.nav a:hover{color:var(--text)}.top-actions{display:flex;gap:10px;align-items:center}.button{min-height:40px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;transition:transform .18s ease,border-color .18s ease,background .18s ease;white-space:nowrap}.button:hover{border-color:#5c554a;background:#252421}.button:active{transform:translateY(1px)}.button.primary{background:var(--accent);color:#1d1608;border-color:var(--accent);font-weight:720}.button.primary:hover{background:var(--accent-strong)}.button.ghost{background:transparent}.hero{max-width:1460px;margin:0 auto;min-height:calc(100dvh - 120px);display:grid;grid-template-columns:minmax(360px,.86fr) minmax(560px,1.14fr);grid-gap:18px;gap:18px;padding:18px 0 36px}.builder,.demo-block,.panel,.preview,.pricing-card,.timeline{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.builder{padding:20px;display:grid;grid-gap:18px;gap:18px;align-content:start}.hero-copy{padding:8px 0 6px}.hero-copy h1{margin:0;font-size:clamp(38px,5vw,72px);line-height:.96;letter-spacing:0;max-width:780px}.hero-copy p{color:var(--muted);line-height:1.7;margin:16px 0 0;max-width:58ch}.form-grid{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:8px;gap:8px}.field label{color:var(--text);font-size:13px;font-weight:680}.field small{color:var(--subtle);line-height:1.5}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#111110;color:var(--text);padding:12px 13px;outline:none}.textarea{min-height:118px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(215,168,77,.13)}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.segmented button,.voice-grid button{min-height:42px;border:1px solid var(--line);border-radius:var(--radius);background:#111110;color:var(--muted);padding:10px}.segmented button.active,.voice-grid button.active{color:#1d1608;background:var(--accent);border-color:var(--accent);font-weight:720}.voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.upload-box{border:1px dashed #565148;border-radius:var(--radius);background:#131312;min-height:82px;display:grid;place-items:center;color:var(--muted);padding:14px;text-align:center}.generate-row{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;align-items:center}.status-line{color:var(--muted);font-size:13px}.preview{min-height:620px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}.preview-footer,.preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.preview-footer{border-top:1px solid var(--line);border-bottom:0}.window-controls{display:flex;gap:6px}.window-controls span{width:10px;height:10px;border-radius:999px;background:#5f5a52}.preview-stage{display:grid;grid-template-columns:1fr 280px;grid-gap:0;gap:0;min-height:0}.video-canvas{position:relative;padding:24px;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 0),#121211;background-size:32px 32px;display:grid;align-items:center;justify-items:center}.video-frame{aspect-ratio:16/9;width:100%;border:1px solid #4b4640;border-radius:var(--radius);background:radial-gradient(circle at 18% 20%,rgba(215,168,77,.18),transparent 24%),linear-gradient(135deg,#20201f,#111110 62%);padding:22px;position:relative;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.28)}.video-frame.portrait{aspect-ratio:9/16;width:min(292px,78%);padding:14px}.main-screen{height:72%;border:1px solid #524c43;border-radius:var(--radius);background:#191918;padding:18px;display:grid;grid-template-columns:1fr .42fr;grid-gap:14px;gap:14px}.video-frame.portrait .main-screen{height:70%;grid-template-columns:1fr;padding:14px}.screen-copy h2{margin:0;font-size:clamp(24px,4vw,46px);line-height:1.04}.video-frame.portrait .screen-copy h2{font-size:27px;line-height:1.05}.screen-copy p{color:var(--muted);line-height:1.6}.video-frame.portrait .screen-copy p{font-size:13px;line-height:1.45}.code-block{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#e8dcc8;background:#0d0d0c;border-radius:6px;padding:14px;font-size:12px;line-height:1.7;overflow:hidden}.video-frame.portrait .code-block{display:none}.pip{position:absolute;right:22px;bottom:76px;width:25%;min-width:150px;aspect-ratio:1;border:1px solid #5d5549;border-radius:var(--radius);background:#0d0d0c;display:grid;place-items:center;padding:12px}.video-frame.portrait .pip{right:14px;bottom:78px;width:42%;min-width:112px;padding:8px}.wave{width:100%;height:76px;display:flex;align-items:center;gap:4px}.wave span{flex:1 1;min-width:3px;border-radius:99px;background:var(--accent);height:var(--h)}.subtitle{position:absolute;left:22px;right:22px;bottom:18px;min-height:42px;border-radius:6px;background:rgba(13,13,12,.82);display:grid;place-items:center;text-align:center;color:var(--text);padding:8px 14px;font-weight:720}.video-frame.portrait .subtitle{left:14px;right:14px;bottom:14px;min-height:54px;font-size:13px;line-height:1.35}.subtitle strong{color:var(--accent-strong)}.side-rail{border-left:1px solid var(--line);padding:16px;display:grid;grid-gap:14px;gap:14px;align-content:start;background:#141413}.rail-item{border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:#111110}.rail-item h3{margin:0 0 8px;font-size:14px}.rail-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.timeline{margin:18px auto 0;max-width:1460px;padding:16px}.track{display:grid;grid-template-columns:112px 1fr;grid-gap:12px;gap:12px;align-items:center;padding:8px 0}.track-label{color:var(--muted);font-size:13px}.track-line{height:34px;border:1px solid var(--line);border-radius:6px;background:#121211;overflow:hidden;display:flex}.clip{height:100%;border-right:1px solid rgba(16,16,15,.9);background:rgba(215,168,77,.22)}.clip:nth-child(2n){background:rgba(135,181,106,.2)}.sections{max-width:1460px;margin:0 auto;padding:28px 0 52px;display:grid;grid-gap:18px;gap:18px}.panel{padding:22px}.demo-block h2,.panel h2{margin:0 0 12px;font-size:clamp(26px,3vw,42px)}.demo-block p,.panel p{margin:0;color:var(--muted);line-height:1.7}.agent-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:18px;gap:18px}.agent-list{display:grid;grid-gap:10px;gap:10px}.agent-row{display:grid;grid-template-columns:150px 1fr;grid-gap:12px;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.agent-row:last-child{border-bottom:0}.agent-row strong{color:var(--text)}.agent-row span{color:var(--muted);line-height:1.6}.pricing{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing,.pricing-card{display:grid;grid-gap:12px;gap:12px}.pricing-card{padding:18px}.price{font-size:34px;font-weight:780}.pricing-card ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.8}.demo-block{padding:22px;display:grid;grid-gap:18px;gap:18px}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.lesson{background:#111110;padding:12px;color:var(--muted)}.lesson,.script-output{border:1px solid var(--line);border-radius:var(--radius)}.script-output{max-height:460px;overflow:auto;white-space:pre-wrap;background:#0d0d0c;padding:16px;color:#e7e0d2;line-height:1.7}.footer{max-width:1460px;margin:0 auto;padding:0 0 28px;color:var(--subtle);font-size:13px;display:flex;justify-content:space-between;gap:14px}@media (prefers-reduced-motion:no-preference){.video-frame{animation:liftIn .68s cubic-bezier(.16,1,.3,1)}.wave span{animation:pulseWave 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--i) * 80ms)}}@keyframes liftIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseWave{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}@media (max-width:1080px){.topbar{grid-template-columns:1fr auto}.nav{display:none}.agent-grid,.hero,.preview-stage,.pricing{grid-template-columns:1fr}.side-rail{border-left:0;border-top:1px solid var(--line)}}@media (max-width:720px){.shell{padding:10px}.top-actions .ghost{display:none}.hero{min-height:auto;padding-top:10px}.builder,.demo-block,.panel{padding:16px}.agent-row,.generate-row,.lesson-grid,.segmented,.voice-grid{grid-template-columns:1fr}.preview{min-height:560px}.video-canvas{padding:12px}.video-frame{padding:14px}.main-screen{grid-template-columns:1fr}.pip{width:34%;min-width:112px;right:14px;bottom:70px}.track{grid-template-columns:1fr}.footer{flex-direction:column}}