@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#1c1a18;--surface:#25221f;--surface-soft:#2d2925;--surface-muted:#312d29;--text:#f3eee3;--text-dim:#c5bcac;--border:#3f3a34;--gold:#c9a227;--gold-soft:#a98820;--teal:#356257;--teal-soft:#2a5147;--danger:#b54d4d;--success:#4c8a6a;--warning:#9b7c2b;--radius-sm:10px;--radius-md:12px;--shadow:0 12px 24px #00000040}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 6% 10%, #c9a22714, transparent 34%), radial-gradient(circle at 84% 0%, #35625733, transparent 32%), var(--bg);color:var(--text);font-family:IBM Plex Sans,sans-serif;line-height:1.45}h1,h2,h3{letter-spacing:-.01em;margin:0;font-family:Fraunces,serif;line-height:1.1}h1{font-size:clamp(2rem,5vw,3.4rem)}h2{font-size:clamp(1.3rem,3.2vw,2rem)}h3{font-size:1.15rem}p{color:var(--text-dim);margin:0}a{color:inherit}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);width:100%;color:var(--text);font:inherit;padding:.65rem .75rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}label{color:var(--text);gap:.4rem;font-size:.95rem;display:grid}.mono{font-family:IBM Plex Mono,monospace}.brand{color:var(--text);font-family:Fraunces,serif;font-size:1.4rem;text-decoration:none;display:inline-flex}.container{gap:1rem;max-width:1200px;margin:0 auto;padding:1rem;display:grid}.pricing-shell{gap:1.25rem;max-width:1280px}.pricing-head,.compact-head{gap:.45rem}.card{background:linear-gradient(180deg, #ffffff05, #fff0) var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow)}.card-pad{padding:1rem}.btn{cursor:pointer;color:var(--text);border:1px solid #0000;border-radius:12px;font-weight:600;transition:background .2s,border-color .2s}.btn-sm{padding:.4rem .7rem;font-size:.85rem}.btn-md{padding:.55rem .85rem;font-size:.95rem}.btn-lg{padding:.8rem 1.05rem;font-size:1rem}.btn-primary{background:var(--gold);color:#201b14}.btn-primary:hover{background:var(--gold-soft)}.btn-secondary{background:var(--teal)}.btn-secondary:hover{background:var(--teal-soft)}.btn-ghost{border-color:var(--border);background:0 0}.btn-danger{background:var(--danger)}.btn-full{width:100%}.badge{border:1px solid var(--border);border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.78rem;display:inline-flex}.badge-success{background:#4c8a6a26;border-color:#4c8a6a80}.badge-danger{background:#b54d4d26;border-color:#b54d4d80}.badge-warning{background:#9b7c2b26;border-color:#9b7c2b80}.page-header{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.page-header p{margin-top:.35rem}.stats-grid,.pricing-grid,.topup-grid,.settings-grid,.how-grid{gap:1rem;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.pricing-grid,.topup-grid,.how-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pricing-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.plan-card{gap:.9rem;padding:1.15rem;display:grid}.plan-card.recommended{background:linear-gradient(180deg, #c9a22714, #ffffff03) var(--surface);border-color:#c9a2276b}.plan-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.plan-pill{color:var(--gold);border:1px solid #c9a2274d;border-radius:999px;padding:.25rem .55rem;font-size:.76rem}.plan-summary{line-height:1.55}.plan-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.plan-features>div{border:1px solid var(--border);background:#ffffff05;border-radius:12px;padding:.8rem}.plan-features strong{color:var(--text);margin-top:.25rem;display:block}.plan-cta{text-decoration:none}.pricing-section{gap:.75rem;display:grid}.topup-card{gap:.35rem;display:grid}.comparison-card{gap:.75rem;display:grid}.comparison-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:.75rem 0;display:grid}.comparison-row:first-of-type{border-top:none;padding-top:0}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.metric{color:var(--text);margin-top:.4rem;font-size:1.3rem}.recording-list{gap:.7rem;display:grid}.recording-card{grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.7rem;display:grid}.recording-thumb{border-radius:10px;height:72px}.chip-list{flex-wrap:wrap;gap:.65rem;display:flex}.chip{border-radius:10px;padding:.5rem .7rem;text-decoration:none}.upload-form,.auth-form,.stack{gap:.8rem;display:grid}.note{font-size:.88rem}.error{color:#efb4b4}.progress-wrap{gap:.35rem;display:grid}.progress-track{background:var(--surface-muted);border-radius:999px;width:100%;height:9px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--teal), var(--gold));height:100%;transition:width .35s}.route-loading{z-index:20;background:linear-gradient(90deg, transparent, var(--gold), transparent);width:100%;height:2px;animation:1s linear infinite loading-slide;position:fixed;inset:0 auto auto 0}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.public-layout,.landing{display:grid}.landing{gap:1rem;padding-bottom:1rem}.public-topbar{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1a18db;justify-content:space-between;align-items:center;padding:.95rem 1rem;display:flex;position:sticky;top:0}.public-topbar nav{align-items:center;gap:.8rem;display:flex}.public-topbar a{text-decoration:none}.topbar-cta{border:1px solid var(--border);border-radius:10px;padding:.35rem .65rem}.hero-block{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:1.5rem;max-width:1200px;margin:0 auto;padding:3rem 1rem 1rem;display:grid}.hero-split{padding-top:2.8rem;padding-bottom:1rem}.hero-copy{gap:.2rem;max-width:680px;display:grid}.hero-lead{max-width:60ch;margin-top:.8rem;font-size:1.08rem}.hero-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;max-width:760px;margin-top:1rem;display:grid}.hero-stats div,.preview-metric,.preview-clips article{border:1px solid var(--border);background:#ffffff05;border-radius:12px}.hero-stats div{padding:.85rem}.hero-stats span{color:var(--gold);margin-bottom:.35rem;font-size:1.1rem;display:block}.hero-stats p{margin:0;font-size:.9rem}.preview-card{align-content:start;gap:.9rem;padding:1.15rem;display:grid}.hero-preview{align-self:stretch;min-height:100%;position:relative}.hero-aside{background:linear-gradient(#3562571f,#25221fbf);align-self:stretch;gap:1rem;display:grid}.hero-aside-head{gap:.3rem;display:grid}.hero-aside-list{gap:.8rem;display:grid}.hero-aside-list>div{border-top:1px solid var(--border);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem;padding:.8rem 0;display:grid}.hero-aside-list>div:first-child{border-top:none;padding-top:0}.hero-aside-list span{width:2rem;height:2rem;color:var(--gold);background:#c9a2271f;border:1px solid #c9a22747;border-radius:50%;place-items:center;display:grid}.hero-aside-list strong{color:var(--text);margin-bottom:.25rem;font-size:1rem;display:block}.hero-aside-foot{border-top:1px solid var(--border);gap:.35rem;padding-top:.9rem;display:grid}.mini-label{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.landing-section,.pricing-page,.section-head{max-width:1200px;margin:0 auto}.landing-band,.how-grid{max-width:1200px;margin:0 auto;padding:0 1rem}.trust-band,.cta-band{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.trust-band{padding-top:1rem;padding-bottom:1rem}.landing-band{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:1rem;display:grid}.logo-row{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.logo-row span{border:1px solid var(--border);color:var(--text-dim);background:#ffffff05;border-radius:999px;padding:.45rem .75rem}.section-heading{gap:.3rem;max-width:1200px;margin:0 auto;padding:0 1rem .2rem;display:grid}.feature-section{gap:.5rem;display:grid}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:.2rem}.feature-card{gap:.65rem;min-height:100%;padding:1.15rem;display:grid}.feature-index{color:var(--gold);font-size:.8rem}.how-grid{padding-top:.2rem}.cta-band{padding-top:1rem;padding-bottom:1rem}.cta-actions{justify-self:end}.site-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:.5rem;padding:1rem;display:grid}.footer-surface{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#25221fb8}.footer-meta{gap:.25rem;display:grid}.footer-surface p{color:var(--text-dim)}.live-job-card{gap:.9rem;display:grid}.live-job-head,.live-job-meta{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.live-job-meta{flex-wrap:wrap;align-items:center}.live-job-meta>div{min-width:120px}.auth-layout{place-items:start center;gap:.8rem;min-height:100vh;padding:2.25rem 1rem 2rem;display:grid}.auth-panel{gap:.9rem;width:min(460px,100%);display:grid}.auth-brand{margin-bottom:.35rem;font-size:1.65rem}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-top:none;border-right:1px solid var(--border);border-bottom:none;border-left:none;border-radius:0;align-content:start;gap:1rem;padding:1rem;display:grid}.sidebar-nav{gap:.35rem;display:grid}.sidebar-nav a,.mobile-nav a{color:var(--text-dim);border-radius:10px;padding:.5rem .7rem;text-decoration:none}.sidebar-nav a.active,.mobile-nav a.active{background:var(--surface-muted);color:var(--text)}.sidebar-foot{gap:.5rem;margin-top:1rem;display:grid}.app-main{align-content:start;display:grid}.mobile-nav{z-index:8;border-top:none;border-left:none;border-right:none;border-radius:0;padding:.35rem;display:none;position:sticky;top:0}.mobile-nav a{white-space:nowrap;font-size:.88rem}.clip-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem;display:grid}.clip-card{overflow:hidden}.clip-thumb{aspect-ratio:9/16;position:relative}.ratio-tag{background:#00000073;border-radius:6px;padding:.2rem .45rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;position:absolute;top:.5rem;right:.5rem}.clip-actions{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.7rem;display:flex}.editor-preview{grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:1rem;display:grid}.video-mock{aspect-ratio:9/16;color:#ffffffe6;border-radius:12px;place-items:center;display:grid}.trim-grid{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.7rem;display:grid}.stage-list{gap:.6rem;margin:0;padding:1rem;list-style:none;display:grid}.stage-list li{color:var(--text-dim);align-items:center;gap:.6rem;display:flex}.stage-list li.active{color:var(--text)}.stage-list span{border:1px solid var(--border);border-radius:50%;place-items:center;width:26px;height:26px;font-family:IBM Plex Mono,monospace;font-size:.78rem;display:inline-grid}.transaction-list{gap:.35rem;display:grid}.transaction-row{border-bottom:1px solid var(--border);grid-template-columns:1.2fr 1fr 1fr 1fr auto;align-items:center;gap:.5rem;padding:.55rem 0;display:grid}.empty-state{text-align:left;gap:.75rem;display:grid}.waveform{border:1px solid var(--border);background:linear-gradient(#3562572e,#35625700);border-radius:12px;justify-content:center;align-items:flex-end;gap:5px;height:110px;padding:.8rem;display:flex;position:relative;overflow:hidden}.waveform span{background:linear-gradient(180deg, var(--gold), var(--teal));border-radius:999px;width:5px;height:26%;animation:1.4s ease-in-out infinite wave}.wave-coins{gap:.3rem;display:flex;position:absolute;top:1rem;right:1rem}.wave-coins span{background:var(--gold);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite coin-pop}.wave-coins span:nth-child(2){animation-delay:.2s}.wave-coins span:nth-child(3){animation-delay:.4s}@keyframes wave{0%,to{height:18%}50%{height:100%}}@keyframes coin-pop{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.switch{align-items:center;gap:.55rem;display:flex}.switch input{width:auto}.split-row{grid-template-columns:minmax(0,1fr) minmax(180px,300px);align-items:center;gap:1rem;display:grid}.center-page{place-content:center;gap:.6rem;min-height:70vh;display:grid}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:flex;overflow-x:auto}.editor-preview,.split-row,.transaction-row,.landing-band,.trust-band,.pricing-teaser,.cta-band,.preview-grid{grid-template-columns:1fr}.logo-row{justify-content:flex-start}.site-footer{grid-template-columns:1fr}}@media (width>=1280px){.hero-block{gap:2rem}.hero-copy h1{max-width:12ch}.feature-grid{gap:1.25rem}.trust-band,.cta-band{padding-left:1.25rem;padding-right:1.25rem}.pricing-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=981px) and (width<=1279px){.hero-block{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.hero-block{grid-template-columns:1fr;padding-top:2.2rem}.hero-split{padding-top:2.1rem}.hero-copy{max-width:none}.hero-stats,.trust-band,.cta-band{grid-template-columns:1fr}.hero-aside-list>div{grid-template-columns:auto minmax(0,1fr)}.preview-header,.landing-band,.feature-grid{grid-template-columns:1fr}.preview-header{align-items:flex-start}.hero-actions,.cta-actions{width:100%}.hero-actions>a,.cta-actions>a{flex:100%}.auth-layout{padding-top:1.5rem}.pricing-plans,.plan-features,.comparison-row{grid-template-columns:1fr}}@media (width<=560px){.hero-block,.landing-band,.section-heading,.landing-band,.how-grid{padding-left:.85rem;padding-right:.85rem}.pricing-shell{gap:1rem}.hero-actions,.cta-actions{gap:.5rem}.hero-actions a,.cta-actions a,.hero-actions button,.cta-actions button{width:100%}.preview-clips article{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}