:root{--primary: #6d5ae6;--primary-ink: #4c3bb8;--rail: #171a2b;--ink: #16181d;--ink-muted: #5c6274;--bg: #f6f7f9;--border: #e6e8ee}*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff}.wrap{max-width:62rem;margin:0 auto;padding:0 1.5rem}.nav{border-bottom:1px solid var(--border);position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--ink);text-decoration:none}.mark{width:28px;height:28px;border-radius:8px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:15px}.nav nav{display:flex;align-items:center;gap:1.5rem}.nav nav a{color:var(--ink-muted);text-decoration:none;font-size:14.5px}.nav nav a:hover{color:var(--ink)}.cta-small{padding:7px 14px;border-radius:9px;border:1px solid var(--border)}.hero{padding:5rem 0 4rem}h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.15;margin:0 0 1rem;letter-spacing:-.02em}h1 em{font-style:normal;color:var(--primary-ink)}.lead{font-size:1.15rem;color:var(--ink-muted);max-width:34rem;margin:0 0 2rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:2.5rem}.cta{background:var(--primary);color:#fff;padding:13px 24px;border-radius:11px;text-decoration:none;font-weight:600}.ghost{padding:13px 20px;border-radius:11px;border:1px solid var(--border);color:var(--ink);text-decoration:none}.snippet{background:var(--rail);color:#dfe3f0;padding:1.1rem 1.25rem;border-radius:12px;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto;margin:0}.why{background:var(--bg);border-block:1px solid var(--border);padding:4rem 0}.grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.grid h3{margin:0 0 .4rem;font-size:1.05rem}.grid p{margin:0;color:var(--ink-muted);font-size:15px}.how{padding:4rem 0}h2{font-size:1.6rem;margin:0 0 1.5rem;letter-spacing:-.01em}.steps{margin:0;padding-left:1.25rem;display:grid;gap:.6rem;max-width:42rem;color:var(--ink-muted)}.steps b{color:var(--ink)}.last{background:var(--rail);color:#fff;padding:3.5rem 0;text-align:center}.last h2{color:#fff}footer{border-top:1px solid var(--border);padding:1.5rem 0}.foot{display:flex;justify-content:space-between;color:var(--ink-muted);font-size:14px}