:root{--bg: #0b0b0f;--surface: #14141b;--surface-2: #1b1b24;--field: #0f0f15;--border: #2a2a37;--text: #f4f4f6;--muted: #a3a3b3;--yellow: #ffe600;--yellow-soft: rgba(255, 230, 0, .12);--ink: #0b0b0f;--cyan: #22d3ee;--cyan-soft: rgba(34, 211, 238, .12);--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .1);--ok: #4ade80;--ok-soft: rgba(74, 222, 128, .1);--warn: #fbbf24;--radius: 14px;--radius-sm: 10px;--gutter: 16px;--font: "Poppins SemiBold", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-bold: "Poppins ExtraBold", "Poppins SemiBold", system-ui, sans-serif;--display: "Anton", Impact, "Arial Narrow", sans-serif;--mono: ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:15px/1.6 var(--font);overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:24px var(--gutter) 48px}a{color:var(--cyan);text-underline-offset:3px}h1,h2,h3{margin:0 0 .6rem;line-height:1.15;font-weight:400}h1{font-family:var(--display);font-size:2.1rem;letter-spacing:.01em}h2{font-family:var(--font-bold);font-size:1.15rem}h3{font-family:var(--font-bold);font-size:1.05rem}p{margin:0 0 .75rem}code{font-family:var(--mono);font-size:.9em;background:var(--surface-2);padding:.1em .35em;border-radius:5px;overflow-wrap:anywhere}strong{font-family:var(--font-bold);font-weight:400}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.loading:after{content:"";display:inline-block;width:1.2em;text-align:left;animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.tight{gap:6px;flex-wrap:nowrap}.row.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.stack.tight{gap:4px}.grow{flex:1;min-width:0}.grid-2{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.grid-2{grid-template-columns:1fr 1fr}}.page{display:flex;flex-direction:column;gap:18px}.page-head p{margin-bottom:0}.crumb{margin-bottom:4px!important;font-size:.9rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;min-width:0}.panel.narrow{max-width:480px;margin:24px auto;width:100%}.top{position:sticky;top:0;z-index:10;background:#0b0b0feb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.top-inner{max-width:1180px;margin:0 auto;padding:10px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{color:var(--yellow);text-decoration:none}.wordmark{display:inline-flex;align-items:baseline;font-family:var(--display);font-size:1.85rem;line-height:1;letter-spacing:.01em}.wordmark-z{height:.86em;width:auto;margin-right:.03em;align-self:baseline}.top nav{display:flex;align-items:center;gap:18px}.top nav a{color:var(--text);text-decoration:none}.top nav a:hover{color:var(--yellow)}.top nav a.button{color:var(--ink)}.top nav button.link{color:var(--text);font-size:inherit;text-decoration:none}.top nav button.link:hover{color:var(--yellow)}.menu-toggle{display:none}@media(max-width:640px){.menu-toggle{display:inline-flex;background:transparent;color:var(--text);border:1px solid var(--border);padding:6px 12px;font-size:.9rem}.top nav:not(.open){display:none}.top nav#nav{width:100%;flex-direction:column;align-items:flex-start;gap:12px;padding:6px 0 8px}}.banner{background:var(--danger-soft);border-bottom:1px solid var(--danger);padding:10px var(--gutter);text-align:center;font-size:.9rem}.bottom{border-top:1px solid var(--border);color:var(--muted);font-size:.9rem}.bottom-inner{max-width:1180px;margin:0 auto;padding:20px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bottom-inner p{margin:0}.bottom-brand{display:flex;align-items:center;gap:8px}.bottom-z{height:1.1em;color:var(--yellow)}.bottom nav{display:flex;gap:16px;flex-wrap:wrap}.bottom a{color:var(--muted);overflow-wrap:anywhere}.bottom a:hover{color:var(--text)}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:9px 18px;border:1px solid var(--yellow);border-radius:999px;background:var(--yellow);color:var(--ink);font:.95rem/1.2 var(--font-bold);text-decoration:none;cursor:pointer;transition:transform .08s ease,background .15s ease,box-shadow .15s ease}button:hover:not(:disabled),.button:hover{box-shadow:0 0 0 4px var(--yellow-soft)}button:active:not(:disabled),.button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button.ghost,.button.ghost{background:transparent;color:var(--text);border-color:var(--border)}button.ghost:hover:not(:disabled),.button.ghost:hover{border-color:var(--yellow);box-shadow:none}button.small,.button.small{min-height:34px;padding:5px 12px;font-size:.85rem}.button.big{min-height:50px;padding:12px 26px;font-size:1.05rem}button.link{min-height:0;padding:0;background:none;border:none;color:var(--cyan);font-family:var(--font);text-decoration:underline;text-underline-offset:3px}button.link:hover:not(:disabled){box-shadow:none}.danger,button.link.danger{color:var(--danger)}button.ghost.danger:hover:not(:disabled){border-color:var(--danger)}input,select{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--field);color:var(--text);font:16px/1.3 var(--font)}input[type=range]{padding:0;min-height:28px;border:none;background:transparent;accent-color:var(--yellow)}input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;min-height:0}label{font-family:var(--font-bold);font-size:.9rem}.field{border:none;margin:0;padding:0;min-width:0}.field legend{padding:0;margin-bottom:8px;font-family:var(--font-bold);font-size:.9rem}.segmented{display:inline-flex;flex-wrap:wrap;gap:6px}.segmented button{min-height:36px;padding:6px 14px;background:var(--field);color:var(--text);border-color:var(--border);font-size:.88rem}.segmented button.on{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.money{width:120px;font-family:var(--font-bold)}.note{border-radius:var(--radius-sm);padding:12px 14px;border:1px solid var(--border);background:var(--surface-2)}.note p:last-child{margin-bottom:0}.note.error{border-color:var(--danger);background:var(--danger-soft)}.note.ok{border-color:var(--ok);background:var(--ok-soft)}.note.warn{border-color:var(--warn);background:#fbbf2414}.note .fix{color:var(--text);font-family:var(--font-bold)}.error-text{color:var(--danger)}.chip{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-family:var(--font-bold);background:var(--surface-2);color:var(--muted);border:1px solid var(--border);white-space:nowrap}.chip-done,.chip-transcribed{color:var(--ok);border-color:#4ade8066}.chip-queued,.chip-transcribing,.chip-rendering{color:var(--cyan);border-color:#22d3ee66}.chip-failed{color:var(--danger);border-color:#ff6b6b66}.chip-live,.chip-free{color:var(--yellow);border-color:#ffe60066}.progress{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.progress-label{display:flex;justify-content:space-between;font-family:var(--font-bold);font-size:.9rem}.progress-track{height:10px;border-radius:999px;background:var(--field);overflow:hidden;border:1px solid var(--border)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--yellow),#fff59a);border-radius:999px;transition:width .3s ease;box-shadow:0 0 12px #ffe60080}.landing{display:flex;flex-direction:column;gap:56px}.hero{display:grid;grid-template-columns:1fr;gap:32px;align-items:center;padding-top:12px}@media(min-width:860px){.hero{grid-template-columns:1.2fr 1fr;padding-top:32px}}.eyebrow{color:var(--cyan);font-family:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.headline{font-size:clamp(2.8rem,10vw,5.4rem);line-height:.98;text-transform:uppercase;margin-bottom:1.2rem}.zap{color:var(--yellow);text-shadow:0 0 24px rgba(255,230,0,.35)}.lead{font-size:1.1rem;max-width:34rem}.lead.strong{font-family:var(--font-bold);color:var(--yellow);margin-bottom:1.4rem}.display{font-family:var(--display);font-size:clamp(1.9rem,6vw,2.8rem);text-transform:uppercase;letter-spacing:.01em}.band{min-width:0}.steps{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px;grid-template-columns:1fr;counter-reset:step}@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;counter-increment:step}.steps li:before{content:counter(step);display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--yellow);color:var(--ink);font-family:var(--display);font-size:1.1rem;margin-bottom:10px}.steps p{color:var(--muted);margin:0}.style-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:16px}.style-tile{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.style-tile-art{height:96px;display:grid;place-items:center;padding:8px;background:radial-gradient(circle at 30% 20%,rgba(34,211,238,.25),transparent 60%),radial-gradient(circle at 80% 80%,rgba(255,79,216,.2),transparent 55%),#23232e;font-size:1.3rem}.style-tile figcaption{padding:10px 12px 12px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}.style-tile figcaption .muted{flex-basis:100%;line-height:1.4}.sample{display:inline-block;line-height:1.25;text-align:center;paint-order:stroke fill;-webkit-text-stroke-width:0;max-width:100%;overflow-wrap:anywhere}.sample span{paint-order:stroke fill;stroke-linejoin:round}.sample.boxed{padding:.15em .4em;border-radius:3px}.plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:16px 0}.plan{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column}.panel .plan{background:var(--surface-2)}.plan.current{border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow-soft)}.plan header{display:flex;justify-content:space-between;align-items:center;gap:8px}.plan h3{font-family:var(--display);font-size:1.6rem;text-transform:uppercase;margin:0;color:var(--yellow)}.plan .price{font-family:var(--font-bold);font-size:1.6rem;margin:6px 0 10px}.plan .per{font-family:var(--font);font-size:.9rem;color:var(--muted)}.plan ul{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.92rem}.plan li:before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:2px;background:var(--cyan);transform:rotate(45deg) translateY(-2px)}.plan-action{margin-top:auto}.plan-action>*{width:100%}.code{background:#07070a;border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;overflow-x:auto;max-width:100%;margin:0 0 14px}.code code{background:none;padding:0;font-size:.85rem;line-height:1.6;white-space:pre;overflow-wrap:normal;color:#e9e9ef}.cta{text-align:center;background:radial-gradient(circle at 50% 0%,rgba(255,230,0,.12),transparent 65%),var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:36px 20px}.phone{justify-self:center;width:min(290px,72vw);aspect-ratio:9 / 16;border-radius:38px;padding:10px;background:#1c1c26;box-shadow:0 0 0 1px #2e2e3c,0 30px 80px #0009,0 0 60px #ffe60014}.phone-screen{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden;background:#101018}.phone-scene{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 35% 30%,rgba(34,211,238,.45),transparent 40%),radial-gradient(circle at 70% 55%,rgba(255,79,216,.35),transparent 42%),radial-gradient(circle at 40% 80%,rgba(255,230,0,.18),transparent 40%),linear-gradient(160deg,#1d1b33,#0d0d14);filter:blur(6px);animation:drift 12s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(-4%,-2%) scale(1)}to{transform:translate(4%,3%) scale(1.08)}}.phone-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;animation:flash .22s ease-out}@keyframes flash{0%{opacity:.22}to{opacity:0}}.demo-cue{position:absolute;left:7%;right:7%;bottom:26%;margin:0;text-align:center;font-family:"Poppins Black",var(--font-bold);font-size:1.55rem;line-height:1.2;color:#fff;-webkit-text-stroke:.2em #000;paint-order:stroke fill;text-shadow:.05em .06em 0 rgba(0,0,0,.5);animation:strike .24s cubic-bezier(.2,.9,.3,1.3)}.demo-cue span{display:inline-block;line-height:1;transition:font-size .09s ease-out,color .05s linear}.demo-cue span.on{color:var(--yellow);font-size:1.15em}@keyframes strike{0%{opacity:0;transform:scale(1.35) translateY(4px);filter:brightness(2.2)}60%{opacity:1;transform:scale(.97)}to{transform:scale(1);filter:none}}@media(prefers-reduced-motion:reduce){.phone-scene,.demo-cue,.phone-flash,.loading:after{animation:none}}.drop{position:relative;border:2px dashed var(--border);border-radius:var(--radius);background:var(--field);transition:border-color .15s ease,background .15s ease}.drop:hover,.drop.over{border-color:var(--yellow);background:var(--yellow-soft)}.drop.has-file{border-style:solid;border-color:var(--cyan)}.drop label{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 16px;text-align:center;pointer-events:none;font-family:var(--font)}.drop label strong{font-size:1.05rem}.file-name{overflow-wrap:anywhere}.caption-list{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:8px}.caption-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text);text-decoration:none}.caption-row:hover{border-color:var(--yellow)}.caption-name{font-family:var(--font-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.caption-row .muted{grid-column:1 / -1}.file-title{font-family:var(--font-bold);font-size:1.4rem;margin:0;overflow-wrap:anywhere;min-width:0}.panel.done{border-color:#4ade8073}.zapped{font-family:var(--font-bold);color:var(--yellow);background:var(--yellow-soft);border-radius:999px;padding:4px 14px;animation:strike .3s cubic-bezier(.2,.9,.3,1.3)}.downloads{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.editor{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}@media(min-width:980px){.editor{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.editor-preview{position:sticky;top:76px}}.editor-preview,.editor-side{min-width:0}.stage{position:relative;max-width:100%;max-height:70vh;margin:0 auto 8px;background:#000;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.stage video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.stage-captions{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.stage-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;text-align:center;color:var(--muted);background:#000000bf}.words{position:relative;display:flex;flex-wrap:wrap;gap:2px 4px;max-height:40vh;overflow-y:auto;padding:10px;border-radius:var(--radius-sm);background:var(--field);border:1px solid var(--border)}.word{min-height:0;padding:2px 6px;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--text);font:1rem/1.5 var(--font);transition:none}.word:hover:not(:disabled){box-shadow:none;background:var(--surface-2)}.word.now{background:var(--yellow);color:var(--ink)}.word.picked{border-color:var(--cyan);background:var(--cyan-soft);color:var(--text)}.word.bad{text-decoration:underline wavy var(--danger);text-underline-offset:4px}.word-box{border:1px solid var(--cyan);border-radius:var(--radius-sm);background:var(--cyan-soft);margin:0;padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}.word-box-row{display:flex;gap:12px;flex-wrap:wrap}.word-box label{font-family:var(--font)}input.time{width:6.5em}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.style-pick{flex-direction:column;align-items:stretch;gap:0;padding:0;min-height:0;border-radius:var(--radius-sm);background:var(--surface-2);border:2px solid var(--border);color:var(--text);overflow:hidden}.style-pick:hover:not(:disabled){box-shadow:none;border-color:var(--muted)}.style-pick.chosen{border-color:var(--yellow)}.style-pick-art{display:grid;place-items:center;height:56px;padding:4px;background:radial-gradient(circle at 30% 20%,rgba(34,211,238,.25),transparent 60%),#2a2a36;font-size:1.05rem}.style-pick-name{padding:6px 4px;font-size:.82rem;font-family:var(--font-bold)}.lock{color:var(--yellow);font-size:.75rem}.actions .row{margin-top:4px}.delete-row{text-align:right;margin:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:12px}.stats>div{background:var(--surface-2);border-radius:var(--radius-sm);padding:12px 14px}.stat-label{display:block;font-size:.8rem;color:var(--muted)}.stat{font-family:var(--display);font-size:1.8rem;letter-spacing:.01em;color:var(--yellow)}.secret{margin-top:14px;padding:14px;border:1px solid var(--yellow);border-radius:var(--radius-sm);background:var(--yellow-soft)}.secret-value{display:block;padding:10px 12px;margin:8px 0 10px;word-break:break-all;background:var(--field)}.table-wrap{max-width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);white-space:nowrap}th{font-family:var(--font-bold);font-weight:400;color:var(--muted);font-size:.82rem}tr.revoked td{opacity:.5}.legal h1{font-size:2rem}.prose h2{margin-top:1.4rem}.prose ul{padding-left:1.3rem}.prose td,.prose th{white-space:normal}.big-code{font-family:var(--display);font-size:5rem;line-height:1;color:var(--yellow);margin-bottom:.5rem}