:root{--ink:#1a2233;--ink-soft:#4a5468;--paper:#fdfcf9;--paper-raised:#fff;--accent:#16418c;--accent-dark:#0e2f68;--rule:#e4e1d8;--highlight:#fff3cd}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.65}main{max-width:720px;margin:0 auto;padding:0 1.25rem 5rem}a{color:var(--accent)}h1,h2,h3{letter-spacing:-.015em;line-height:1.25}.hero{border-bottom:3px solid var(--ink);padding:4.5rem 0 3rem}.hero .kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:1rem;font-size:.8rem;font-weight:600}.hero h1{margin-bottom:1.25rem;font-size:clamp(2rem,6vw,3rem)}.hero .lede{color:var(--ink-soft);max-width:38rem;font-size:1.15rem}.cta-row{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.btn{border:2px solid var(--accent);cursor:pointer;border-radius:6px;padding:.7rem 1.3rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn-secondary{color:var(--accent);background:0 0}.btn-secondary:hover{background:#16418c12}section{padding-top:3.5rem}section h2{margin-bottom:1.25rem;font-size:1.6rem}section p+p{margin-top:1rem}.figures{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:2rem 0 .5rem;display:grid}.figure{background:var(--paper-raised);border:1px solid var(--rule);border-radius:8px;padding:1.1rem 1.2rem}.figure strong{letter-spacing:-.02em;color:var(--accent);font-size:1.7rem;display:block}.figure span{color:var(--ink-soft);margin-top:.3rem;font-size:.88rem;line-height:1.4;display:block}.steps{counter-reset:step;margin-top:1.5rem;list-style:none}.steps li{padding:0 0 2rem 3.4rem;position:relative}.steps li:before{counter-increment:step;content:counter(step);background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;font-weight:700;display:flex;position:absolute;top:.1rem;left:0}.steps h3{margin-bottom:.4rem;font-size:1.15rem}.note-callout{background:var(--paper-raised);border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:8px;margin-top:2rem;padding:1.3rem 1.5rem}.template-box{background:var(--paper-raised);border:1px solid var(--rule);border-radius:8px;margin-top:1rem;overflow:hidden}.template-box pre{white-space:pre-wrap;color:var(--ink);max-height:30rem;padding:1.4rem 1.5rem;font-family:inherit;font-size:.95rem;overflow-y:auto}.template-box mark{background:var(--highlight);border-radius:3px;padding:0 .15em}.template-actions{border-top:1px solid var(--rule);background:#faf9f5;align-items:center;gap:1rem;padding:.9rem 1.5rem;display:flex}.copy-hint{color:var(--ink-soft);font-size:.85rem}.warning{background:var(--highlight);border-radius:6px;margin-top:1rem;padding:.9rem 1.1rem;font-size:.95rem}details{border-bottom:1px solid var(--rule);padding:.9rem 0}details summary{cursor:pointer;font-weight:600}details p{color:var(--ink-soft);margin-top:.6rem}footer{border-top:3px solid var(--ink);color:var(--ink-soft);margin-top:4rem;padding-top:1.5rem;font-size:.9rem}footer p+p{margin-top:.5rem}@media (max-width:540px){body{font-size:16px}.hero{padding-top:3rem}}