.hero{padding:96px 0 80px}.hero-grid{grid-template-columns:1fr 480px;align-items:center;gap:64px;display:grid}@media (width<=1023px){.hero-grid{grid-template-columns:1fr;gap:48px}}@media (width<=767px){.hero{padding:48px 0}}.kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brass-text);margin:0 0 16px;font-size:14px}.hero h1{max-width:13ch;margin:0}@media (width<=767px){.hero h1{font-size:44px;line-height:50px}}.hero .lede{color:var(--ink-muted);max-width:36ch;margin:24px 0 32px;font-size:18px;line-height:29px}.hero .ctas{flex-wrap:wrap;gap:16px;display:flex}.hero .fine{color:var(--ink-muted);margin-top:16px;font-size:14px}.demo-card{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;padding:32px;box-shadow:0 1px 2px #2c1a100a}.demo-playrow{align-items:center;gap:20px;margin:24px 0 28px;display:flex}.play-btn{background:var(--accent);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;padding:0;transition:background-color .15s ease-out;display:grid}.play-btn:hover{background:var(--accent-hover)}.play-btn svg{margin-left:3px}.demo-answers{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.demo-ans{font-family:var(--font-mono);color:var(--ink);text-align:center;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:14px 8px;font-size:16px;transition:border-color .15s ease-out,color .15s ease-out,background-color .15s ease-out}.demo-ans:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.demo-ans:disabled{cursor:default}.demo-ans.is-right{border-color:var(--success);background:var(--success-wash);color:var(--success)}.demo-ans.is-wrong{border-color:var(--error);background:var(--accent-wash);color:var(--error)}.demo-ans.is-dim{opacity:.45}.demo-foot{align-items:center;gap:12px;min-height:36px;margin-top:20px;font-size:14px;display:flex}.band{padding:80px 0}.band+.band{padding-top:0}.band h2{margin:0 0 8px}.band .band-sub{color:var(--ink-muted);max-width:640px;margin:0 0 40px}.feature{background:var(--surface);border:1px solid var(--hairline);border-radius:12px;padding:24px}.feature .t-data-lg{color:var(--accent)}.feature h3{margin:12px 0 6px}.feature p{color:var(--ink-muted);margin:0;font-size:15px;line-height:24px}.skill-link{background:var(--surface);border:1px solid var(--hairline);color:var(--ink);border-radius:12px;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 20px;text-decoration:none;transition:border-color .15s ease-out;display:flex}.skill-link:hover{border-color:var(--accent)}.skill-link .count{font-family:var(--font-mono);color:var(--ink-muted);white-space:nowrap;font-size:13px}.app-band{background:var(--sunken);border:1px solid var(--hairline);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:48px;display:flex}.app-band h2{margin:0 0 8px}.app-band p{color:var(--ink-muted);max-width:52ch;margin:0}