:root{--bg:#fcfbf9;--surface:#fff;--border:#e9e3db;--ink:#221d18;--ink-soft:#6e6659;--accent:#c8674f;--accent-hover:#b25742;--accent-dim:#c8674f14;--chip-bg:#f4efe8;--radius:10px;--font-display:"Bricolage Grotesque","Avenir Next","Segoe UI",sans-serif;--font-body:"Instrument Sans",-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.container{max-width:1120px;margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:12px;font-weight:500}.section-title{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 12px;font-size:max(26px,min(4vw,34px));font-weight:700;line-height:1.15}.section-lede{color:var(--ink-soft);max-width:560px;margin:0 0 40px}.section{padding:88px 0}.section+.section{border-top:1px solid var(--border)}.chip{font-family:var(--font-mono);letter-spacing:.04em;background:var(--chip-bg);color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.chip--accent{background:var(--accent-dim);color:var(--accent)}.btn{font-family:var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{color:var(--ink);border-color:var(--border);background:0 0}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.btn--disabled{background:var(--chip-bg);color:var(--ink-soft);cursor:default}.btn--disabled:hover{background:var(--chip-bg)}.header{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#fcfbf9eb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:64px;display:flex}.brand{font-family:var(--font-display);align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.brand img{border-radius:7px;width:28px;height:28px}.header-nav{color:var(--ink-soft);gap:28px;font-size:14.5px;font-weight:500;display:flex}.header-nav a:hover{color:var(--accent)}.header-actions{align-items:center;gap:10px;display:flex}.header-actions .btn{padding:8px 16px;font-size:14px}.hero{padding:88px 0 96px}.hero-inner{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:56px;display:grid}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 20px;font-size:max(36px,min(5.4vw,54px));font-weight:800;line-height:1.06}.hero h1 em{color:var(--accent);font-style:normal}.hero-sub{color:var(--ink-soft);max-width:460px;margin:0 0 32px;font-size:18px}.hero-ctas{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-note{color:var(--ink-soft);margin:14px 0 0;font-size:13px}.mock{border:1px solid var(--border);background:var(--surface);border-radius:14px;font-size:12px;overflow:hidden;box-shadow:0 24px 48px -32px #221d1840}.mock-chrome{border-bottom:1px solid var(--border);background:var(--chip-bg);align-items:center;gap:10px;padding:10px 14px;display:flex}.mock-dots{gap:5px;display:flex}.mock-dots span{background:var(--border);border-radius:50%;width:9px;height:9px}.mock-url{font-family:var(--font-mono);color:var(--ink-soft);background:var(--surface);text-overflow:ellipsis;border-radius:6px;flex:1;min-width:0;padding:3px 10px;font-size:11px;overflow:hidden}.mock-body{grid-template-columns:minmax(0,1fr) 200px;display:grid}.mock-page{border-right:1px solid var(--border);min-width:0;padding:16px}.mock-video{aspect-ratio:16/9;background:linear-gradient(135deg,#37302a,#221d18);border-radius:8px;margin-bottom:12px;position:relative}.mock-video:after{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid #ffffffd9;width:0;height:0;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.mock-line{background:var(--chip-bg);border-radius:4px;height:8px;margin-bottom:8px}.mock-line--short{width:60%}.mock-panel{background:var(--bg);padding:12px}.mock-tabs{color:var(--ink-soft);border-bottom:1px solid var(--border);gap:10px;margin-bottom:10px;padding-bottom:8px;font-size:10.5px;font-weight:600;display:flex}.mock-tab--active{color:var(--accent)}.mock-row{color:var(--ink);border-radius:6px;gap:8px;padding:5px 6px;line-height:1.45;animation:.5s backwards mock-rise;display:flex}.mock-row:nth-child(2){animation-delay:80ms}.mock-row:nth-child(3){animation-delay:.16s}.mock-row:nth-child(4){animation-delay:.24s}.mock-row:nth-child(5){animation-delay:.32s}.mock-time{font-family:var(--font-mono);color:var(--accent);flex-shrink:0;padding-top:1px;font-size:10px}.mock-row--active{background:var(--accent-dim);box-shadow:inset 2px 0 0 var(--accent)}.mock-row--active .mock-time{animation:2.4s ease-in-out infinite mock-pulse}.mock-zh{color:var(--ink-soft);display:block}.mock-note{border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);border-radius:8px;margin-top:10px;padding:8px 10px;animation:.5s .45s backwards mock-rise}.mock-note .mock-time{margin-right:6px}@keyframes mock-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes mock-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mock-row,.mock-note,.mock-row--active .mock-time{animation:none}}.download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.download-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.download-card h3{font-family:var(--font-display);margin:0 0 2px;font-size:17px;font-weight:700}.download-card p{color:var(--ink-soft);margin:0;font-size:13px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.feature-card h3{font-family:var(--font-display);margin:0 0 8px;font-size:17px;font-weight:700}.feature-card p{color:var(--ink-soft);margin:0;font-size:14px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.price-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;padding:28px;display:flex}.price-card--free{border-color:var(--accent);box-shadow:0 12px 32px -24px #c8674f80}.price-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.price-card h3{font-family:var(--font-display);margin:0;font-size:20px;font-weight:700}.price-amount{font-family:var(--font-display);letter-spacing:-.02em;margin:8px 0 2px;font-size:40px;font-weight:800}.price-amount span{color:var(--ink-soft);letter-spacing:0;font-size:15px;font-weight:500}.price-tagline{color:var(--ink-soft);margin:0 0 18px;font-size:14px}.price-list{flex:1;margin:0 0 24px;padding:0;font-size:14.5px;list-style:none}.price-list li{padding:7px 0 7px 26px;position:relative}.price-list li:before{content:"";border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);width:12px;height:7px;position:absolute;top:14px;left:2px;transform:rotate(-45deg)}.price-card--pro .price-list li:before{border-color:var(--ink-soft)}.faq-list{max-width:720px}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:baseline;gap:16px;padding:18px 4px;font-size:16.5px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--font-mono);color:var(--accent);flex-shrink:0;font-size:18px}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--ink-soft);max-width:640px;margin:0 0 18px;padding:0 4px}.footer{border-top:1px solid var(--border);background:var(--surface);padding:56px 0 40px}.footer-grid{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:32px;margin-bottom:40px;display:grid}.footer-brand p{color:var(--ink-soft);max-width:260px;margin:12px 0 0;font-size:14px}.footer h4{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 14px;font-size:11.5px;font-weight:500}.footer ul{margin:0;padding:0;font-size:14px;list-style:none}.footer ul li{margin-bottom:10px}.footer ul a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;font-size:13px;display:flex}@media (max-width:860px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-sub{max-width:none}.download-grid,.feature-grid,.pricing-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.header-nav{display:none}.section{padding:64px 0}.hero{padding:56px 0 64px}}