/* KAINARA Clipp unified visual layer — landing + workspace */
:root{
  --k-bg:#0b0b0c;--k-surface:#141416;--k-card:#19191c;--k-card2:#202024;--k-line:#34343a;
  --k-text:#f7f2e8;--k-muted:#aaa398;--k-muted2:#7f776d;--k-gold:#d9aa50;--k-gold2:#f0d187;--k-ok:#22c55e;
  --bg:var(--k-bg);--bg2:var(--k-surface);--bg3:var(--k-card);--bg4:var(--k-card2);--border:var(--k-line);
  --text:var(--k-text);--text2:var(--k-muted);--text3:var(--k-muted2);--accent:var(--k-gold);--accent2:var(--k-gold2);
}
*{box-sizing:border-box}body{background:var(--k-bg)!important;color:var(--k-text)!important;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif!important;letter-spacing:-.01em}body::before{display:none!important}a{color:inherit}.header,.nav{background:var(--k-bg)!important;border-bottom:1px solid var(--k-line)!important;backdrop-filter:none!important}.logo,.brand{color:var(--k-gold)!important;font-weight:950!important;letter-spacing:.11em!important;text-transform:uppercase}.header a,.nav a{color:var(--k-muted)!important}.header a:hover,.nav a:hover{color:var(--k-text)!important}.nav a,.header-right a,.header-right button{border:1px solid var(--k-line)!important;background:var(--k-card)!important;border-radius:999px!important;color:var(--k-muted)!important}.nav a.cta-nav,.btn.primary,.btn-primary,.btn-large,#btn-process{background:var(--k-gold)!important;color:#181106!important;border-color:var(--k-gold)!important;box-shadow:none!important;font-weight:950!important}.btn.secondary,.btn-outline,.input-action{background:var(--k-card2)!important;border:1px solid var(--k-line)!important;color:var(--k-text)!important}.hero,.section,.final{background:transparent!important}.eyebrow,.badge,.pill{border:1px solid rgba(217,170,80,.32)!important;background:#17140f!important;color:var(--k-gold2)!important;border-radius:999px!important}.hero h1,h1,h2,h3{color:var(--k-text)!important;letter-spacing:-.045em}.hero-sub,.sub,.lead,.muted,.drop-hint,.retention-note,.cta-helper{color:var(--k-muted)!important}.upload-section,.options-panel,.card,.feature-card,.preview-card,.showcase,.phone,.video-card,.phases-container,.result-card,.clip-video-card,.clip-meta-card,.job-container,.results-container,.processing-container{background:var(--k-card)!important;border:1px solid var(--k-line)!important;box-shadow:none!important;border-radius:18px!important}.input-with-icon,input,select,textarea,.file-drop-zone,.file-preview{background:#101011!important;border:1px solid var(--k-line)!important;color:var(--k-text)!important;border-radius:13px!important}.input-with-icon:focus-within,input:focus,select:focus,textarea:focus{border-color:var(--k-gold)!important;box-shadow:0 0 0 3px rgba(217,170,80,.14)!important}.step-dot{background:var(--k-card)!important;border:1px solid var(--k-line)!important;color:var(--k-muted)!important}.step-dot.active{background:#20180d!important;border-color:rgba(217,170,80,.45)!important;color:var(--k-gold2)!important}.step-dot.done{background:#102016!important;border-color:rgba(34,197,94,.38)!important;color:#bbf7d0!important}.step-connector,.or-divider:before,.or-divider:after{background:var(--k-line)!important}.fc-icon,.icon{color:var(--k-gold)!important}.feature-stat,.metric b,.proof-item b{color:var(--k-gold2)!important}.workspace-preview{max-width:1120px;margin:0 auto 22px;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.wp-card{background:var(--k-card);border:1px solid var(--k-line);border-radius:18px;padding:18px}.wp-card h3{margin:0 0 8px;font-size:16px}.wp-card p{margin:0;color:var(--k-muted);font-size:13px;line-height:1.55}.wp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.wp-mini{background:var(--k-card2);border:1px solid var(--k-line);border-radius:14px;padding:12px}.wp-mini b{display:block;color:var(--k-gold2);font-size:18px}.wp-mini span{color:var(--k-muted2);font-size:11px}.wp-flow{display:grid;gap:8px}.wp-flow div{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--k-line);border-radius:13px;background:#101011;color:var(--k-muted);font-size:13px}.wp-flow strong{color:var(--k-text);min-width:78px}.screen-grid,.video-frame,.timeline,.phone{background:#101011!important;border-color:var(--k-line)!important}.timeline{background:#2b2010!important;position:relative;overflow:hidden}.timeline:after{content:"";position:absolute;left:22%;top:0;bottom:0;width:16%;background:var(--k-gold)}.timeline:before{content:"";position:absolute;left:57%;top:0;bottom:0;width:15%;background:var(--k-gold2)}.final{border:1px solid var(--k-line)!important;background:var(--k-card)!important;border-radius:22px!important;padding:24px!important}@media(max-width:820px){.workspace-preview{grid-template-columns:1fr;padding:0 16px}.wp-grid{grid-template-columns:1fr}.header-right{gap:6px}.header-right a{margin-right:4px!important}.nav{position:relative!important}.hero{padding-left:16px!important;padding-right:16px!important}}