:root{font-family:Segoe UI,Inter,Arial,sans-serif;color:#142a3a;background:#f5f7f9;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1180px;margin:auto;padding-left:36px;padding-right:36px}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce4e9}.brand{display:flex;gap:12px;align-items:center;color:#142a3a;text-decoration:none;font-weight:650;font-size:19px}.mark{background:#163e56;color:#fff;border-radius:8px;padding:8px 12px;font-size:17px;letter-spacing:.04em}.label,.eyebrow,.tag{font-size:11px;letter-spacing:.14em;font-weight:700}.label{color:#586b78}.hero{padding:88px 0 62px;max-width:850px}.eyebrow{color:#246a82;margin:0 0 18px}h1{font-size:clamp(44px,7vw,76px);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px;font-weight:650}.subtitle{font-size:clamp(23px,3.2vw,32px);line-height:1.35;letter-spacing:-.02em;margin:0 0 24px;max-width:740px}.intro{color:#526575;font-size:17px;max-width:690px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:38px 0 50px;border-top:1px solid #dce4e9}.number{font-size:13px;color:#2e7892;font-weight:700}h2{font-size:21px;line-height:1.3;margin:16px 0 12px;letter-spacing:-.02em}p{margin-top:0}.steps p,.interfaces p{color:#526575;font-size:15px}.interfaces{background:#fff;border:1px solid #dce4e9;border-radius:14px;padding:36px;display:grid;grid-template-columns:1fr 1.1fr;gap:48px}.interfaces h2{font-size:28px;margin:0 0 16px}.interfaces .eyebrow{color:#246a82;font-size:11px}.endpoint-list{display:flex;flex-direction:column;gap:12px}.endpoint{display:flex;flex-direction:column;gap:6px;padding:19px;border-radius:8px;background:#f3f7fa;border:1px solid #e1e9ee}.tag{color:#2e718a;font-size:10px}.endpoint strong{font-size:16px;overflow-wrap:anywhere}.endpoint-note{font-size:12px;color:#617482}.endpoint a{color:#175f7d;font-size:14px;overflow-wrap:anywhere}.endpoint a:hover{text-decoration-thickness:2px}.notice{padding:30px 0 45px;max-width:850px;color:#526575;font-size:14px}.notice strong{display:block;margin-bottom:6px;color:#213f50}.notice p{margin-bottom:0}footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #dce4e9;padding-top:24px;padding-bottom:30px;color:#657784;font-size:12px}a:focus-visible{outline:3px solid #3183a0;outline-offset:5px}@media(max-width:720px){header,main,footer{padding-left:22px;padding-right:22px}header{height:88px}.label{display:none}.hero{padding-top:55px}.steps{grid-template-columns:1fr;gap:20px}.steps h2{margin-top:8px}.interfaces{grid-template-columns:1fr;gap:20px;padding:24px}.interfaces h2{font-size:25px}footer{flex-direction:column;gap:8px}}