:root{color-scheme:light;--ink:#182d28;--muted:#566d64;--paper:#f5f6ee;--green:#124e40;--line:#d5ded2;--lime:#d7f27d;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:var(--green);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}nav{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-weight:750;font-size:25px;text-decoration:none;letter-spacing:-1.2px}.brand span{display:inline-grid;place-items:center;background:var(--green);color:var(--lime);border-radius:9px;width:32px;height:34px;margin-left:3px}nav .links{display:flex;align-items:center;gap:28px;font-size:14px}nav .links a{text-decoration:none}main{padding:76px 0 96px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:750;color:var(--green)}h1{font:normal clamp(42px,6.2vw,78px)/1.04 var(--serif);letter-spacing:-2.8px;max-width:850px;margin:22px 0 30px}h2{font:normal 34px/1.2 var(--serif);letter-spacing:-.7px;margin:0 0 20px}h3{font-size:18px;margin:0 0 8px}p{margin:0 0 18px}.lead{max-width:620px;font-size:19px;line-height:1.65;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:25px;padding:13px 22px;background:var(--green);color:#fff;text-decoration:none;font-weight:650;font-size:14px;border-radius:6px;cursor:pointer;border:0}.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:30px 0 0}.fine{font-size:13px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.hero h1{font-size:clamp(46px,6vw,76px)}.preview{background:var(--green);color:#e7f0de;border-radius:16px;padding:30px;box-shadow:18px 18px 0 #e1e8d5;transform:rotate(1deg)}.preview .label{font-size:10px;letter-spacing:2px;color:var(--lime);margin-bottom:32px}.preview pre{font-size:15px;line-height:2.2;margin:15px 0;color:#fff}.preview .divider{height:1px;background:#3e6b59;margin:18px 0}.preview .fine{color:#c0d6c6}.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:7px}.section{margin-top:84px;padding-top:42px;border-top:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.number{display:inline-grid;place-items:center;width:35px;height:35px;border:1px solid #aec7b4;border-radius:50%;color:var(--green);font-size:12px;margin-bottom:25px}.card p{font-size:15px;color:var(--muted)}.callout{padding:25px 30px;border-left:3px solid var(--green);background:#e6ecd9;margin:32px 0}.callout p:last-child{margin-bottom:0}.article{max-width:790px}.article h1{font-size:60px}.article h2{margin-top:48px}.article ul{padding-left:24px}.article li{margin:12px 0}.step{display:grid;grid-template-columns:50px 1fr;gap:12px;margin-top:40px}.step .number{margin:4px 0 0}.step h2{font:normal 28px var(--serif);margin:0 0 15px}.step p{color:var(--muted)}code{font-size:.9em;background:#e6ebdd;padding:2px 5px;border-radius:4px}pre{overflow:auto}.status{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:22px}.status>div{padding:15px 20px;border-bottom:1px solid var(--line);display:flex;gap:15px;align-items:baseline}.status>div:last-child{border-bottom:0}.status b{min-width:170px;font-size:14px}.status span{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px 0 40px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.setup-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:30px;margin-top:30px}.setup-card input{font:inherit;padding:12px;border:1px solid #9db5a4;border-radius:5px}.setup-card button{font:inherit;padding:12px 22px;background:var(--green);color:#fff;border:0;border-radius:5px}.setup-card:has(form) .awaiting-script{display:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #83aa00;outline-offset:4px}@media(max-width:760px){.wrap{width:min(100% - 36px,1120px)}main{padding-top:42px}.hero,.grid{grid-template-columns:1fr;gap:35px}.hero h1,.article h1{font-size:48px;letter-spacing:-1.9px}.preview{transform:none;margin-right:14px}.section{margin-top:60px}.number{margin-bottom:12px}nav .links{gap:16px}.status>div{display:block}.status b{display:block;margin-bottom:4px}footer{display:block}footer span{display:block;margin-bottom:8px}}