:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172a39;background:#f6f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #087f8c;outline-offset:5px}.notice{padding:10px 24px;background:#193f42;color:#fff;font-size:12px;text-align:center;letter-spacing:.03em}header{max-width:1180px;margin:auto;padding:28px 24px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:750;font-size:24px;letter-spacing:-1px}.brand span{color:#087f8c}nav{display:flex;gap:28px;font-size:14px}main{max-width:1180px;padding:40px 24px 70px;margin:auto}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.16em;color:#397171;font-weight:700}h1{font-size:clamp(42px,7vw,82px);letter-spacing:-.06em;line-height:1.05;margin:22px 0}h2{font-size:32px;letter-spacing:-.035em}h3{font-size:20px;letter-spacing:-.02em}p{line-height:1.7;color:#49606d}.intro{font-size:19px;max-width:620px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding:30px 0 80px}.button{display:inline-block;background:#183d41;color:white;padding:14px 24px;border-radius:6px;font-size:14px;font-weight:650;margin-top:18px}.sample{background:#fff;border:1px solid #d8e2df;border-radius:12px;padding:28px;box-shadow:0 20px 45px #183d4110}.sample small{color:#527578;letter-spacing:.08em;font-size:11px}.sample code{display:block;white-space:pre-wrap;line-height:1.8;font-size:14px;padding:20px 0}.signal{padding:14px 18px;border-radius:5px;background:#edf5f1;color:#176b52;font-size:14px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;border-top:1px solid #d5dfda;padding-top:28px}.section-top p{max-width:420px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0}.card{display:block;padding:26px;border:1px solid #d5dfda;border-radius:8px;background:#fff;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:#087f8c}.card img{width:52px;height:52px}.card p{font-size:14px}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#65766f}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:25px 0}.steps strong{color:#087f8c}.body{max-width:760px}.body h1{font-size:56px}.body img{width:72px;height:72px}.body li{line-height:1.9;color:#49606d}.body code{background:#e8eeeb;padding:3px 6px;border-radius:4px;font-size:13px}.body pre{white-space:pre-wrap;background:#e8eeeb;padding:24px;overflow:auto}.callout{border-left:3px solid #087f8c;padding:8px 22px;margin:30px 0;background:#eef3f0}footer{max-width:1180px;margin:auto;border-top:1px solid #d5dfda;padding:30px 24px 50px;display:flex;justify-content:space-between;gap:24px;font-size:13px;color:#65766f}footer div{display:flex;gap:24px}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:30px;padding-bottom:40px}.grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr;gap:16px}.section-top{display:block}nav{gap:14px}footer{display:block}footer div{margin-top:16px}.body h1{font-size:42px}}@media(max-width:440px){.grid{grid-template-columns:1fr}nav{font-size:12px}}

@media(max-width:760px){header{flex-wrap:wrap;gap:18px}nav{flex-wrap:wrap;gap:16px}}