:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-app:#e9e3d7;--color-panel:#f8f4ec;--color-stage:#efe9dd;--color-lane:#f3eee5;--color-card:#fbf8f2;--color-raised:#fcf9f3;--color-field:#6e5a3c14;--color-hover:#6e5a3c21;--color-line:#503c1e1a;--color-ink:#2b2620;--color-muted:#655d53;--color-accent:#b8121f;--color-accent-ink:#fffaf2;--color-ok:#2b6f3a;--color-danger:#ad231b;--radius-panel:16px;--radius-lg:10px;--radius-md:8px;--shadow-panel:0 0 0 .5px #503c1e14, 0 1px 3px #503c1e0f;--font-sans:"Inter", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-app);color:var(--color-ink);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}.wrap{max-width:1080px;margin:0 auto;padding:0 16px}.skip{background:var(--color-accent);color:var(--color-accent-ink);border-radius:var(--radius-md);padding:8px 12px;position:absolute;top:-48px;left:16px}.skip:focus{top:8px}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.top{justify-content:space-between;align-items:center;gap:12px;padding-top:16px;padding-bottom:16px;display:flex}.brand{font-weight:600}h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(2.2rem,7vw,4rem);line-height:1.05}h2{margin:0 0 16px;font-size:1.5rem}h3{margin:8px 0 4px;font-size:1.1rem}p{margin:0}section{padding-top:64px;padding-bottom:8px}.hero{padding-top:72px;padding-bottom:24px}.lead{color:var(--color-muted);max-width:40ch;font-size:1.2rem}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{border-radius:var(--radius-lg);border:1px solid var(--color-line);background:var(--color-card);min-height:44px;color:var(--color-ink);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-hover)}.btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.small{min-height:36px;padding:0 14px;font-size:.9rem}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.card{background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:24px}.card.wide{align-items:flex-start;gap:16px;display:flex}.card ul{margin:0;padding-left:18px}.icon{color:var(--color-accent);flex:none;display:inline-flex}.icon svg{fill:currentColor;width:28px;height:28px}.sample{margin:0}.frame{aspect-ratio:16/9;background:var(--color-lane);border:1px solid var(--color-line);border-radius:var(--radius-panel);color:var(--color-muted);place-items:center;display:grid}.frame .icon{color:var(--color-muted)}.sample figcaption{color:var(--color-muted);margin-top:8px;font-size:.9rem}.foot{color:var(--color-muted);padding-top:48px;padding-bottom:48px;font-size:.9rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}