*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#fff;color:#202124;font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}header{padding:22px clamp(20px,5vw,90px);border-bottom:1px solid #e1e3e6;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.wordmark{font-size:17px;letter-spacing:-.5px;font-weight:650;color:#202124;text-decoration:none}nav{display:flex;gap:26px}nav a,a{color:#1769c2}nav a{text-decoration:none;font-size:13px}main{max-width:1240px;margin:auto;padding:clamp(55px,8vw,115px) clamp(20px,5vw,70px)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#68717b;font-weight:700;margin:0 0 18px}.hero{max-width:850px}h1{font-size:clamp(41px,6vw,78px);letter-spacing:-.065em;font-weight:600;line-height:1.05;margin:0 0 22px}h2{font-size:clamp(22px,2.6vw,32px);letter-spacing:-.035em;margin:0 0 12px}p{max-width:72ch;color:#565d64}strong{color:#202124}.notice{border-left:3px solid #777e85;padding:12px 20px;background:#f8f9fa;margin:30px 0;color:#434b53}.button{display:inline-block;background:#202124;color:white;font-size:14px;font-weight:600;border:none;border-radius:6px;padding:12px 20px;text-decoration:none;cursor:pointer}.button:hover{background:#41444a}.button.secondary{background:white;color:#202124;border:1px solid #ccd1d7}.button:disabled{opacity:.35;cursor:not-allowed}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:80px 0}.columns article{border-top:1px solid #ccd1d7;padding-top:22px}.step{font:600 11px/1.4 ui-monospace,monospace;color:#78818a;margin-bottom:10px}section{margin:60px 0}label{display:grid;gap:7px;margin-bottom:18px;font-weight:600;font-size:13px}input,textarea{font:inherit;border:1px solid #a9b0b8;border-radius:5px;padding:13px 14px;width:100%;max-width:590px;color:#202124;background:white}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #67a7f5;outline-offset:2px}pre{background:#f5f6f7;border:1px solid #e5e7eb;padding:18px;overflow-x:auto;font:12px/1.7 ui-monospace,monospace}code{font-family:ui-monospace,monospace}footer{border-top:1px solid #e1e3e6;padding:25px clamp(20px,5vw,90px);font-size:12px;color:#747b83}.demo{max-width:730px}.stage{border-top:1px solid #e1e3e6;padding-top:22px;margin-top:32px}.status{padding:8px 11px;background:#f3f5f6;color:#4d5962;font-size:12px;display:inline-block;border-radius:4px}.output{margin-top:20px;white-space:pre-wrap;background:#f5f6f7;padding:18px;border-radius:5px;color:#30373f}.muted{font-size:13px;color:#68717b}@media(max-width:700px){.columns{grid-template-columns:1fr;gap:24px;margin:50px 0}main{padding-top:55px}nav{gap:16px}}