/* API Development page — AI integration visual refresh. */
.api-page .aad-main>section.aad-section{background:#fff!important}
.api-page .aad-main>section.aad-section:nth-of-type(even){background:#f7f6f0!important}
.api-page .api-intro-section{background:linear-gradient(145deg,#f7fbfc,#f1f6f8)!important}
.api-page .api-intro-section .aad-intro-copy:before{background:linear-gradient(#008f96,#3b82f6)}
.api-page .api-intro-section .aad-intro-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.api-page .api-intro-section .aad-intro-points li{min-height:60px;padding:13px 14px;border:1px solid #d8e5e7;border-radius:12px;background:#fff;font-size:12px}
.api-page .api-intro-section .aad-intro-points li:last-child{grid-column:1/-1}
.api-page .api-intro-section .aad-intro-points i{color:#fff;background:#098e96}
.api-page .api-ai-visual{position:relative;display:block;min-height:500px;padding:0;overflow:hidden;isolation:isolate;border:1px solid #164a66;border-radius:26px;background:#08233a;box-shadow:0 28px 60px rgba(16,74,103,.18)}
.api-page .api-ai-visual>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.api-page .api-ai-visual:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,rgba(3,25,43,.94),rgba(5,54,72,.68) 48%,rgba(5,54,72,.1))}
.api-page .api-ai-visual:hover>img{transform:scale(1.055)}
.api-page .api-ai-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:500px;padding:42px;color:#fff}
.api-page .api-ai-content>span{display:inline-flex;align-items:center;gap:8px;margin-bottom:auto;padding:9px 12px;color:#d8fbfa;border:1px solid rgba(147,242,236,.34);border-radius:999px;background:rgba(4,53,68,.5);font:700 10px/1 var(--font-secondary);letter-spacing:.1em;text-transform:uppercase}
.api-page .api-ai-content h3{max-width:390px;margin:0 0 12px;color:#fff;font:780 clamp(2rem,3.2vw,3.3rem)/.98 var(--font-primary);letter-spacing:-.055em}
.api-page .api-ai-content p{max-width:385px;margin:0;color:#d7edf0;font:400 13px/1.65 var(--font-secondary)}
.api-page .api-final-cta .aad-cta-inner{border-color:#16475a;background:#103d51}
.api-page .api-final-cta .aad-cta-copy{background:linear-gradient(145deg,#083146,#11566a)}
.api-page .api-final-cta .aad-cta-points i{color:#79e1d6}
.api-page .api-final-cta .aad-cta-action strong{color:#101a2e!important}
.api-page .api-final-cta .aad-cta-action small,.api-page .api-final-cta .aad-cta-action>p{color:#4f5f78!important}
@media(max-width:980px){.api-page .api-ai-visual,.api-page .api-ai-content{min-height:430px}.api-page .api-ai-visual{max-width:720px}}
@media(max-width:640px){.api-page .api-intro-section .aad-intro-points{grid-template-columns:1fr}.api-page .api-intro-section .aad-intro-points li:last-child{grid-column:auto}.api-page .api-ai-visual,.api-page .api-ai-content{min-height:390px}.api-page .api-ai-content{padding:28px}}

/* Same proof-grid treatment used on the Software Development page. */
.api-page .api-proof-section{padding-block:clamp(76px,8vw,116px)!important;background:#fff!important}
.api-page .api-proof-section .aad-wrap{max-width:1320px}
.api-page .api-proof-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.62fr);column-gap:70px;row-gap:16px;align-items:end;margin-bottom:42px;text-align:left}
.api-page .api-proof-head .aad-eyebrow{grid-column:1/-1;justify-self:start;margin:0;color:#293954;border-color:#d8e0ea;background:#f8fafc}
.api-page .api-proof-head h2{max-width:690px;margin:0!important;color:#0a1020!important;font-size:clamp(2.5rem,4.25vw,4.15rem)!important;line-height:1.02}
.api-page .api-proof-head h2 span{color:#1c3152!important}
.api-page .api-proof-head>p{max-width:390px;margin:0 0 5px;color:#637087;font:400 14px/1.7 var(--font-secondary)}
.api-page .api-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.api-page .api-proof-grid article{position:relative;min-height:190px;padding:23px 21px 20px;border:1px solid #dfe5ed;border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(24,38,66,.04);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.api-page .api-proof-grid article:before{content:"";position:absolute;top:0;left:20px;right:20px;height:3px;border-radius:0 0 3px 3px;background:#23a5a7;opacity:.7}
.api-page .api-proof-grid article:first-child{grid-column:span 2;min-height:220px;padding:29px;border-color:#0d465c;background:#0d465c;box-shadow:none}
.api-page .api-proof-grid article:first-child:before{background:#7df1e2;opacity:1}
.api-page .api-proof-grid article>i{display:grid;width:42px;height:42px;place-items:center;margin-bottom:29px;color:#0d5265;border-radius:12px;background:#e8f6f5;font-size:18px}
.api-page .api-proof-grid article:first-child>i{color:#123b4a;background:#7df1e2}
.api-page .api-proof-grid article h3{margin:0 0 8px;color:#14213a;font:740 1rem/1.25 var(--font-primary)}
.api-page .api-proof-grid article p{margin:0;color:#68758a;font:400 12px/1.6 var(--font-secondary)}
.api-page .api-proof-grid article:first-child h3{color:#fff;font-size:1.35rem}.api-page .api-proof-grid article:first-child p{max-width:430px;color:#c3e0e2}
.api-page .api-proof-grid article:hover{border-color:#9fcbd0;box-shadow:0 16px 30px rgba(15,83,100,.1);transform:translateY(-4px)}
.api-page .api-proof-grid article:first-child:hover{border-color:#0d465c;box-shadow:0 18px 32px rgba(13,70,92,.2)}
@media(max-width:980px){.api-page .api-proof-head{grid-template-columns:1fr;gap:14px}.api-page .api-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.api-page .api-proof-head h2{font-size:2.55rem!important}.api-page .api-proof-grid{grid-template-columns:1fr}.api-page .api-proof-grid article:first-child{grid-column:auto}}

/* Platform integrations: three cards across on desktop. */
.api-page .api-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:980px){.api-page .api-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.api-page .api-platform-grid{grid-template-columns:1fr}}