:root{--bg:#faf9f6;--panel:#fff;--panel2:#f1f0eb;--line:#e4e3dd;--text:#171717;--muted:#65645e;--accent:#f5c84c;--danger:#a64935;--major:#96751c;--minor:#416ea9;--success:#3b6a47;--brand-yellow:#f5c84c;--brand-blue:#6e9fe5;--brand-coral:#ef8c75;--focus:#285eab;--video-bg:#242a23;--primary:#171717;--on-primary:#fff;--w-text:var(--text);--w-muted:var(--muted);--w-border:var(--line);--w-panel:var(--panel);--w-panel2:var(--panel2);--w-accent:var(--accent);color-scheme:light}
html[data-theme=dark]{--bg:#181a1d;--panel:#202327;--panel2:#292d31;--line:#3a3e43;--text:#efeee7;--muted:#b0b3ae;--danger:#f0ad9b;--major:#f1d176;--minor:#accbf3;--success:#aed2b5;--focus:#9cbde9;--primary:#f5c84c;--on-primary:#211c0e;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px}h1,h2,h3{letter-spacing:-.04em;line-height:1.15}.wordmark{font-size:27px;font-weight:800;letter-spacing:-.065em;text-decoration:none;color:var(--text)}.btn{background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:10px 14px;min-height:40px;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;font-weight:600}.btn:hover{background:var(--panel2)}.btn.primary,.small.primary,.save{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn.quiet{background:transparent;border-color:transparent}.btn.danger-soft,.small.danger{color:var(--danger)}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--muted)}.toast{background:var(--text);color:var(--bg);border-color:var(--line);max-width:calc(100vw - 32px);z-index:400}.marketing{max-width:1440px;margin:auto;padding:0 6%}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line)}.landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:90px 0 75px;align-items:center}.landing-hero h1{font-size:clamp(42px,4.9vw,72px);font-weight:650;margin:24px 0}.landing-hero p{font-size:20px;max-width:510px;color:var(--muted)}.landing-hero .landing-description{font-size:15px;line-height:1.8}.landing-actions{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 18px}.landing-hero small{color:var(--muted);font-size:11px}.landing-preview{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--panel);box-shadow:0 24px 65px #24201a0d;transform:rotate(-1deg)}.preview-chrome,.preview-footer{padding:16px;display:flex;justify-content:space-between;font-size:10px;gap:12px}.preview-chrome span{color:var(--muted)}.preview-stage{background:var(--video-bg);display:flex;align-items:center;justify-content:center;gap:18px;padding:32px 20px;min-height:350px}.preview-reel{background:#e4dfca;aspect-ratio:9/16;width:43%;display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:#343d2d}.preview-reel span{font-size:8px;letter-spacing:.15em}.preview-reel b{font-size:23px;line-height:1.1;font-family:Georgia,serif}.preview-reel i{font-style:normal;align-self:center;background:#f5c84c;border-radius:50%;padding:12px}.preview-comment{background:var(--panel);padding:18px;border-radius:10px;width:48%;font-size:13px}.preview-comment>span{font-size:8px;color:var(--muted)}.preview-comment small{font-size:9px}.preview-footer span{color:var(--muted)}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:50px 0;border-top:1px solid var(--line);scroll-margin-top:20px}.landing-steps span{font-size:11px;color:var(--muted)}.landing-steps h2{font-size:23px}.landing-steps p{color:var(--muted);line-height:1.8}.site-footer{display:flex;gap:30px;align-items:center;padding:30px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.site-footer a{margin-left:auto}
@media(max-width:760px){.marketing{padding:0 22px}.landing-hero{grid-template-columns:1fr;padding:45px 0;gap:35px}.landing-hero h1{font-size:43px}.landing-steps{grid-template-columns:1fr;gap:18px}.preview-stage{min-height:280px;padding:22px}.preview-reel b{font-size:20px}.site-footer{flex-wrap:wrap;gap:15px}}