:root{color-scheme:light;--ink:#142333;--muted:#526474;--paper:#f4f1e9;--accent:#d8552e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1240px;margin:auto;padding:0 36px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px;border-bottom:1px solid #14233325}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:22px;font-weight:750;letter-spacing:-1px}.brand img{width:36px;height:36px;border-radius:9px}nav{display:flex;gap:26px;font-size:14px}nav a{text-decoration:none}h1,h2,p{margin-top:0}h1{font-size:clamp(46px,6.2vw,79px);line-height:1.02;letter-spacing:-.065em;font-weight:650;margin:24px 0 28px}h2{font-size:28px;line-height:1.17;letter-spacing:-.04em;font-weight:650}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--accent)}.lead{font-size:20px;color:var(--muted);max-width:570px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center;padding:88px 0}.button{display:inline-flex;align-items:center;gap:42px;background:var(--ink);color:white;padding:14px 23px;text-decoration:none;border-radius:5px;font-weight:600;font-size:15px}.fine{font-size:13px;color:var(--muted);margin-top:20px}.preview{background:var(--ink);color:#f5f1e9;border-radius:10px;padding:30px;box-shadow:12px 15px 0 #dedbd2}.panel-top{display:flex;align-items:center;gap:8px;font:10px ui-monospace,monospace;letter-spacing:.15em}.panel-top>span:last-child{margin-left:auto;color:#9badbf}.dot{width:7px;height:7px;border-radius:50%;background:#ef976c}.example{font-size:11px;color:#a9bbca;margin:20px 0 32px}.preview h2{font-size:34px}.preview>p:not(.example){font-size:15px;color:#b8c4ce}.record{display:grid;grid-template-columns:auto auto;gap:12px;border:1px solid #5f776c;padding:18px;border-radius:5px;background:#294338;margin:28px 0}.record span{font-size:13px;color:#c0e0c9}.record strong{justify-self:end}.record code{grid-column:1/-1;overflow-wrap:anywhere;font-size:13px}.keep{display:grid;gap:7px;font-size:12px;color:#bcd2c3}.panel-bottom{margin-top:30px;padding-top:18px;border-top:1px solid #ffffff24;font:10px ui-monospace,monospace;letter-spacing:.15em;color:#b8c4ce}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:42px 0 65px;border-top:1px solid #14233325}.steps article>span{font-size:11px;letter-spacing:.15em;color:var(--accent)}.steps h2{margin-top:20px;font-size:24px}.steps p{font-size:15px;color:var(--muted)}.connect{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:48px;background:#e6e4db;margin-bottom:70px;border-radius:8px}.connect p{font-size:15px}.endpoint{display:block;overflow-wrap:anywhere;font:14px/1.8 ui-monospace,monospace;background:#1423330b;padding:12px 16px;border-radius:5px}.prose{max-width:790px;padding:70px 0 100px}.prose h1{font-size:64px}.prose h2{margin-top:42px}.prose p,.prose li{color:var(--muted)}.prose li{margin-bottom:20px}.prose a{color:var(--ink)}.prose a.button{color:#fff}footer{border-top:1px solid #14233325;padding-top:28px;padding-bottom:35px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer div{max-width:520px}footer nav{font-size:12px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}@media(max-width:800px){header,main,footer{padding-left:22px;padding-right:22px}header{min-height:88px}nav{gap:16px}.hero{grid-template-columns:1fr;padding:48px 0;gap:38px}.preview{box-shadow:6px 8px 0 #dedbd2}.steps{grid-template-columns:1fr;gap:24px}.connect{grid-template-columns:1fr;padding:28px;gap:24px}.prose{padding-top:45px}.prose h1{font-size:46px}footer{flex-direction:column}footer nav{flex-wrap:wrap}.brand{font-size:20px}}