.api-hero{background:linear-gradient(117deg,#071d36,#082c4c 70%,#074e60);color:#fff;overflow:hidden;padding:92px 0 94px}
.api-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.api-eyebrow,.api-kicker{font-size:11px;letter-spacing:1.7px;font-weight:850;color:#0c9e9b}
.api-eyebrow{color:#79e8d9;display:inline-flex;gap:10px;align-items:center}
.api-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#52e6c9;box-shadow:0 0 0 5px rgba(82,230,201,.13)}
.api-hero h1{font-size:clamp(40px,4.5vw,66px);line-height:1.09;letter-spacing:-2.5px;color:#fff;margin:19px 0 23px;font-weight:850}
.api-hero h1 em,.api-agency h2 em{font-style:normal;color:#64e7d6}
.api-hero-copy>p{color:#cbdce9;font-size:17px;line-height:1.85;max-width:610px}
.api-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}
.api-actions a{display:inline-flex;gap:18px;align-items:center;justify-content:center;padding:15px 19px;border-radius:10px;font-weight:800;font-size:13px;text-decoration:none}
.api-primary{background:#42dbc9;color:#052e3e!important}.api-primary:hover{background:#84f0e5}
.api-secondary{border:1px solid #547087;color:#e3f4f7!important}
.api-hero-notes{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:25px;font-size:11px;color:#c8e7e9}
.api-console{background:#071528;border:1px solid #35546e;border-radius:17px;box-shadow:0 35px 70px #02162b80;overflow:hidden;transform:rotate(1deg)}
.api-console-top,.api-example-top{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#11283f;padding:16px 19px;color:#afc6d9;font-size:10px;font-weight:800;letter-spacing:1px}
.api-console-dots{color:#ff9b8e;letter-spacing:3px}.api-console-tag{color:#4ee1c6}
.api-console-body{padding:22px}.api-code-label{font-size:10px;letter-spacing:1px;font-weight:850;color:#819eb5}
.api-console pre,.api-example pre{overflow-x:auto;margin:12px 0;color:#e3e9f6;font-size:12px;line-height:1.9;white-space:pre}
.api-console pre code,.api-example pre code{font-family:Consolas,Monaco,monospace}
.api-code-purple{color:#b69fff}.api-code-teal{color:#60e5d3}.api-code-muted{color:#8299ae}.api-code-yellow{color:#ffce7c}
.api-code-divider{border-top:1px solid #284058;margin:19px 0}
.api-console-bottom{padding:13px 19px;border-top:1px solid #263c52;color:#8ba6ba;font-size:10px}
.api-console-bottom .api-live-dot{width:6px;height:6px;margin-right:8px}
.api-use,.api-reference,.api-faq{padding:86px 0;background:#fff}
.api-heading{text-align:center;max-width:740px;margin:0 auto 42px}
.api-heading h2,.api-quick h2,.api-faq h2{font-size:clamp(30px,3.1vw,44px);line-height:1.17;letter-spacing:-1.4px;color:#0b2c46;margin:14px 0}
.api-heading p,.api-quick-copy>p,.api-faq-grid>div>p{color:#65798b;font-size:15px;line-height:1.8}
.api-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.api-use-grid article{background:#f4f8fb;border:1px solid #e4edf2;border-radius:16px;padding:28px 22px;transition:transform .2s,box-shadow .2s}
.api-use-grid article:hover{transform:translateY(-5px);box-shadow:0 14px 28px #153b5312}
.api-use-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#ddf6f2;color:#087f7c;font-size:26px;font-weight:700}
.api-use h3{font-size:17px;color:#11324b;margin:20px 0 9px}
.api-use p{color:#65798b;font-size:13px;line-height:1.75;margin:0}
.api-quick{padding:90px 0;background:#f1f7fa}
.api-quick-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}
.api-steps{margin:28px 0}.api-steps>div{display:flex;gap:16px;margin:20px 0;align-items:flex-start}
.api-steps b{display:grid;place-items:center;width:36px;height:36px;flex:none;background:#d8f5f0;color:#087c77;border-radius:10px;font-size:12px}
.api-steps strong,.api-steps small{display:block}.api-steps strong{font-size:14px;color:#123b54}.api-steps small{color:#667d8d;font-size:12px;margin-top:4px;line-height:1.6}
.api-plan-note{padding:14px 17px;border-left:3px solid #11b9aa;background:#e1f3f1;font-size:12px!important}
.api-example{min-width:0;background:#091b30;border-radius:16px;overflow:hidden;box-shadow:0 25px 48px #153b5326}
.api-example pre{padding:19px 25px;margin:0;font-size:12px;line-height:1.9}
.api-example-bottom{background:#132e46;color:#abc1d2;font-size:11px;line-height:1.6;padding:14px 21px}
.api-reference{background:#fff}
.api-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.api-endpoint{border:1px solid #dae7ec;border-radius:13px;background:#fff;overflow:hidden;align-self:start}
.api-endpoint[open]{box-shadow:0 14px 32px #1c506414;border-color:#b4dad9}
.api-endpoint summary{display:flex;gap:14px;align-items:center;cursor:pointer;padding:19px 20px;list-style:none}
.api-endpoint summary::-webkit-details-marker{display:none}
.api-method{font-size:10px;font-weight:850;color:#008a80;background:#e0f8f3;border-radius:6px;padding:6px}
.api-endpoint-title{flex:1;min-width:0}.api-endpoint-title strong,.api-endpoint-title small{display:block}
.api-endpoint-title strong{color:#153c53;font-size:14px}.api-endpoint-title small{color:#79909f;font-family:monospace;font-size:10px;margin-top:5px;overflow-wrap:anywhere}
.api-endpoint-arrow{font-size:23px;color:#0b9d91}.api-endpoint[open] .api-endpoint-arrow{transform:rotate(45deg)}
.api-endpoint-body{border-top:1px solid #e5eff3;padding:17px 21px 22px}
.api-endpoint-body p,.api-endpoint-body>small{color:#647d8b;font-size:12px;line-height:1.7}
.api-param-row{display:flex;gap:13px;padding:10px 0;border-bottom:1px solid #eaf1f4;font-size:12px}
.api-param-row strong{min-width:68px;color:#173a50}.api-param-row span{color:#617d8d;overflow-wrap:anywhere}
.api-response-title{font-size:11px;font-weight:800;color:#234c60;margin:18px 0 8px}
.api-endpoint-body pre{background:#0c263c;color:#7fe8da;padding:13px;border-radius:8px;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}
.api-reference-note{margin-top:27px;color:#667f8c;font-size:13px;text-align:center}
.api-reference-note a{color:#058d85;font-weight:750}
.api-agency{background:linear-gradient(112deg,#071f39,#07435a);padding:82px 0;color:#fff}
.api-agency-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.api-agency .api-kicker{color:#77e6d9}.api-agency h2{color:#fff;font-size:clamp(30px,3.2vw,45px);line-height:1.15;margin:15px 0 19px}
.api-agency p{color:#c7dfe8;font-size:15px;line-height:1.8}
.api-agency a{display:inline-block;background:#4ce1cf;color:#08394b;padding:14px 20px;border-radius:9px;font-size:13px;font-weight:800;text-decoration:none;margin-top:12px}
.api-agency-visual{display:flex;flex-direction:column;align-items:center;justify-content:center}
.api-agency-node,.api-agency-center{padding:15px 23px;border-radius:12px;background:#ffffff14;border:1px solid #9be6e34d;font-size:12px;letter-spacing:1px;font-weight:850}
.api-agency-center{font-size:23px;background:#0c3458;box-shadow:0 15px 30px #0004}
.api-agency-center span{color:#6be9db}.api-agency-center small{display:block;font-size:9px;color:#a2c8d3;text-align:center;margin-top:5px}
.api-agency-line{height:35px;border-left:2px dashed #66e0d0}
.api-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.api-faq-items details{border-bottom:1px solid #dce9ee;padding:19px 0}
.api-faq-items summary{cursor:pointer;font-weight:750;color:#173a51;font-size:15px}
.api-faq-items p{font-size:13px;color:#667f8b;line-height:1.8}
@media(max-width:980px){.api-hero-grid,.api-quick-grid,.api-agency-grid{grid-template-columns:1fr;gap:36px}.api-use-grid{grid-template-columns:repeat(2,1fr)}.api-console{transform:none}.api-hero{padding:65px 0}}
@media(max-width:650px){.api-hero h1{letter-spacing:-1.5px}.api-use,.api-reference,.api-faq,.api-quick,.api-agency{padding:60px 0}.api-use-grid,.api-reference-grid,.api-faq-grid{grid-template-columns:1fr}.api-use-grid{gap:12px}.api-faq-grid{gap:12px}.api-console-body{padding:14px}.api-console pre,.api-example pre{font-size:10px}.api-hero-notes{gap:9px}.api-actions a{width:100%}}
@media(prefers-reduced-motion:reduce){.api-use-grid article{transition:none}}