.api-direction{background:var(--paper);border-bottom:1px solid var(--line);padding:24px 0}.api-direction>.wrap{display:flex;gap:32px;align-items:center}.api-direction strong{flex-shrink:0;font-size:11px;letter-spacing:.12em;color:var(--brand)}.api-direction p{font-size:13px;color:var(--muted);max-width:960px}.api-heading{max-width:920px;margin-bottom:48px}.api-heading h2,.api-sdk h2{font-size:clamp(32px,3.8vw,56px);line-height:1.1;margin:18px 0 24px}.api-heading p,.api-sdk p{font-size:17px;line-height:1.75;color:var(--muted)}.api-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.api-role-grid article{border-top:2px solid var(--brand);padding-top:25px}.api-role-grid h3,.api-controls h3{font-size:25px;line-height:1.2;margin:18px 0}.api-role-grid p,.api-controls p{font-size:16px;line-height:1.75;color:var(--muted)}.api-scenario{background:radial-gradient(ellipse at 100% 0,#214387,#0a1329 65%);color:white}.api-scenario .eyebrow{color:#a5c2ff}.api-scenario p{color:#bccdea}.api-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:50px 0;gap:28px}.api-flow li{position:relative;border-top:1px solid #6281b6;padding-top:25px}.api-step-number{display:grid;place-items:center;width:44px;height:44px;border:1px solid #a1b9e9;border-radius:50%;color:#b5ccff;margin-bottom:30px}.api-flow li:not(:last-child):after{content:'→';position:absolute;right:0;top:24px;font-size:28px;color:#a1b9e9}.api-flow h3{font-size:26px;margin-bottom:16px}.api-flow p{font-size:15px;line-height:1.75}.api-boundary{padding:28px 32px;border:1px solid #49638d;border-radius:18px;background:#ffffff08}.api-boundary strong{font-size:20px}.api-boundary p{font-size:15px;margin-top:12px;line-height:1.75}.api-split{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center}.api-sdk p+p{margin-top:22px}.api-stack{padding:32px;background:var(--paper);border:1px solid var(--line);border-radius:22px;text-align:center}.api-stack>div{background:white;border:1px solid var(--line);padding:22px 18px;border-radius:12px;font-size:15px}.api-stack>span{display:block;color:var(--brand);font-size:25px;padding:8px}.api-stack .api-stack-core{background:var(--brand);color:white;font-size:23px;letter-spacing:.08em}.api-stack .api-stack-sdk{border-color:var(--blue)}.api-governance{background:var(--paper)}.api-controls{display:grid;grid-template-columns:1fr 1fr;gap:25px 50px}.api-controls article{border-top:1px solid var(--line);padding:8px 0 20px}@media(max-width:850px){.api-flow{grid-template-columns:1fr 1fr}.api-split{grid-template-columns:1fr;gap:40px}.api-role-grid{gap:22px}.api-role-grid h3{font-size:22px}}@media(max-width:600px){.api-direction>.wrap{display:block}.api-direction strong{display:block;margin-bottom:12px}.api-role-grid,.api-flow,.api-controls{grid-template-columns:1fr}.api-flow{gap:25px}.api-step-number{margin-bottom:18px}.api-boundary,.api-stack{padding:22px}.api-heading{margin-bottom:32px}.api-heading h2,.api-sdk h2{font-size:34px}.api-flow li:not(:last-child):after{content:'↓'}}
.api-architecture{margin:0;padding:30px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 90% 90%,#dce5ff,transparent 65%),#f8faff;box-shadow:0 24px 60px #182d6810;min-width:0}.api-architecture figcaption{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:28px}.api-diagram-kicker{font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--brand)}.api-diagram-status{font-size:10px;color:var(--muted)}.api-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.api-source{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 5px;background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 10px #182d6805;font-size:12px;font-weight:600}.api-source svg{width:25px;height:25px;fill:none;stroke:var(--brand);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.api-connector{height:42px;display:flex;justify-content:center;align-items:center;position:relative;color:var(--blue)}.api-connector:before{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:1px solid #b5c4f4}.api-connector span{position:relative;font-size:18px;background:#f5f8ff;line-height:22px}.api-sdk-bridge{display:flex;align-items:center;gap:14px;padding:19px;background:white;border:1px solid #becbf7;border-radius:14px;box-shadow:0 6px 20px #1a3edf08}.api-code-mark{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:#edf1ff;color:var(--brand);font-size:17px;font-weight:600}.api-sdk-bridge strong{font-size:15px;display:block}.api-sdk-bridge small{display:block;color:var(--muted);font-size:11px;margin-top:5px;line-height:1.5}.api-planned{margin-left:auto;border:1px solid #d4ddfb;background:#f4f6ff;color:var(--brand);border-radius:20px;padding:5px 9px;font-size:10px;white-space:nowrap}.api-hub{overflow:hidden;border:1px solid #3659de;border-radius:17px;background:linear-gradient(120deg,#10266f,var(--brand));color:white;box-shadow:0 12px 30px #1a3edf20}.api-hub-title{padding:26px 22px;display:flex;gap:16px;align-items:center}.api-hub-title img{object-fit:contain;flex-shrink:0}.api-hub-title span{display:block;font-size:11px;letter-spacing:.14em;color:#c6d4ff;margin-bottom:7px}.api-hub-title strong{display:block;font-size:20px;line-height:1.3;font-weight:600}.api-hub ul{list-style:none;margin:0;padding:18px 22px;display:grid;grid-template-columns:1fr 1.5fr;gap:16px 12px;background:#05174d35;border-top:1px solid #ffffff26}.api-hub li{font-size:12px;line-height:1.45;display:flex;align-items:baseline;gap:8px}.api-hub li span{color:#9bbaff}@media(max-width:1100px){.api-split{gap:40px}.api-architecture{padding:22px}}@media(max-width:600px){.api-architecture{padding:18px;border-radius:18px}.api-architecture figcaption{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:20px}.api-sources{gap:6px}.api-source{font-size:10px;padding:16px 3px;gap:10px}.api-sdk-bridge{padding:14px 10px;gap:9px}.api-sdk-bridge strong{font-size:13px}.api-code-mark{width:30px;height:32px;font-size:14px}.api-sdk-bridge small{font-size:10px}.api-hub-title{padding:22px 16px;gap:12px}.api-hub-title strong{font-size:18px}.api-hub ul{padding:16px;gap:14px 8px}.api-hub li{font-size:11px}}