.api-page{background:#f7f4fa}.api-hero{display:grid;grid-template-columns:.86fr 1.14fr;gap:72px;align-items:center;max-width:1280px;min-height:720px;margin:auto;padding:94px 32px 100px}.api-copy h1,.api-section-heading h2,.api-cta h2{max-width:650px;margin:0;font-size:clamp(48px,5.5vw,78px);line-height:.99;letter-spacing:-.078em}.api-copy h1 em,.api-section-heading h2 em,.api-cta h2 em{background:linear-gradient(105deg,#5120a9,#d72fff);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}.api-lead{max-width:500px;margin:27px 0 31px;color:#5d5164;font-size:16px;line-height:1.75}.api-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:45px}.api-proof span{padding:8px 10px;border:1px solid #dac9e3;border-radius:9px;background:#fff;color:#6c5876;font:8px var(--mono);letter-spacing:.04em}
.api-console{overflow:hidden;border:1px solid #4f2c64;border-radius:26px;background:radial-gradient(circle at 48% 35%,#8d2cbe4a,transparent 27%),linear-gradient(145deg,#180b26,#09060f 68%);box-shadow:25px 30px 0 #e9e0f1,0 34px 80px #2c0d501c;color:#fff}.api-console-head,.api-console-foot{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #402650;color:#bdadca;font:8px var(--mono);letter-spacing:.08em}.api-console-head span,.api-console-foot span{display:flex;align-items:center;gap:7px}.api-console-head i,.api-console-foot i{width:5px;height:5px;border-radius:50%;background:var(--magenta);box-shadow:0 0 11px var(--magenta)}.api-console-head small{color:#87768f;font-size:7px}.api-console-body{display:grid;grid-template-columns:1fr 55px 132px 55px 1.12fr;gap:12px;align-items:center;min-height:474px;padding:32px 24px;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:31px 31px}.api-endpoint{display:grid;gap:9px;padding:18px;border:1px solid #5a3b69;border-radius:15px;background:#170d22e8}.api-endpoint small,.provider-stack small{color:#9a83a6;font:7px var(--mono);letter-spacing:.08em}.api-endpoint strong{margin-bottom:8px;font-size:13px}.api-endpoint span{padding:8px;border:1px solid #4e345c;border-radius:8px;background:#0e0816;color:#cbb8d5;font:7px var(--mono)}.api-route{display:flex;align-items:center;gap:5px}.api-route i{height:1px;flex:1;background:#ce4bea}.api-route b{color:#ad8bbd;font:6px var(--mono)}.api-core{display:flex;width:132px;height:132px;align-items:center;border:1px solid #dd59f3;border-radius:50%;background:radial-gradient(circle,#6e24a7,#260f35 70%);box-shadow:0 0 0 13px #cc43e50d,0 0 35px #d044ec4a;flex-direction:column;justify-content:center}.api-core>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ebb6ff;color:#45125e;font-size:17px;font-weight:800}.api-core small{margin-top:8px;color:#bfa8ca;font:6px var(--mono)}.api-core strong{font-size:10px}.api-core div{display:flex;gap:5px;margin-top:8px}.api-core i{width:4px;height:4px;border-radius:50%;background:#e75bfa}.provider-stack{display:grid;gap:9px}.provider-stack article{display:grid;grid-template-columns:23px 1fr auto;gap:9px;align-items:center;padding:12px;border:1px solid #553565;border-radius:12px;background:#160c21e8}.provider-stack article>i{color:#b278c2;font:7px var(--mono);font-style:normal}.provider-stack span{display:block}.provider-stack b{display:block;margin-top:2px;font-size:10px}.provider-stack em{color:#dd82ed;font:6px var(--mono);font-style:normal}.api-console-foot{border-top:1px solid #402650;border-bottom:0;justify-content:flex-start;gap:18px;color:#96859f;font-size:7px}
.api-signal{display:grid;grid-template-columns:repeat(4,1fr);max-width:1216px;margin:0 auto 118px;border:1px solid #ded2e5;border-radius:18px;background:#fff;box-shadow:0 18px 46px #3614480d}.api-signal>span{display:grid;grid-template-columns:25px 1fr;gap:4px 10px;padding:20px;border-right:1px solid #eadff0}.api-signal>span:last-child{border-right:0}.api-signal b{grid-row:span 2;color:#9a4db6;font:8px var(--mono)}.api-signal em{color:#2f2038;font-size:12px;font-style:normal;font-weight:800}.api-signal small{color:#786a80;font-size:9px}
.api-outcomes{padding:125px max(32px,calc((100vw - 1216px)/2));background:radial-gradient(circle at 91% 10%,#d84cf21c,transparent 25%),#0d0714;color:#fff}.api-section-heading{max-width:730px}.api-section-heading h2{font-size:clamp(44px,5vw,70px)}.api-section-heading>p:last-child{max-width:590px;margin:23px 0 0;color:#b8a8c0;font-size:14px;line-height:1.75}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:60px}.outcome-grid article{padding:25px;border:1px solid #44284f;border-radius:19px;background:linear-gradient(145deg,#1d1028,#120a1a)}.outcome-grid article>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #835198;border-radius:9px;color:#dc76ee;font:8px var(--mono)}.outcome-grid h3{margin:38px 0 12px;font-size:23px;line-height:1.08;letter-spacing:-.045em}.outcome-grid p{min-height:89px;margin:0;color:#b8a9c0;font-size:12px;line-height:1.65}.outcome-grid ul{display:grid;gap:9px;margin:23px 0 0;padding:18px 0 0;border-top:1px solid #3d2946;list-style:none}.outcome-grid li{position:relative;padding-left:15px;color:#d0c2d5;font-size:10px}.outcome-grid li:before{position:absolute;top:.55em;left:0;width:5px;height:5px;border-radius:50%;background:#d94cf0;content:''}
.api-flow{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;max-width:1216px;margin:auto;padding:128px 0}.api-flow ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.api-flow li{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:20px;border:1px solid #dccde5;border-radius:16px;background:#fff}.api-flow li>b{color:#a23abe;font:9px var(--mono)}.api-flow small{color:#9a7aa7;font:7px var(--mono);letter-spacing:.08em}.api-flow h3{margin:5px 0 6px;font-size:17px;letter-spacing:-.03em}.api-flow li p{margin:0;color:#716377;font-size:11px;line-height:1.6}.api-cta{display:grid;grid-template-columns:1.2fr .8fr;gap:85px;align-items:end;padding:92px max(32px,calc((100vw - 1216px)/2));background:radial-gradient(circle at 83% 7%,#d448ef5e,transparent 25%),linear-gradient(130deg,#210d36,#12091e 65%);color:#fff}.api-cta>div:last-child>p{margin:0 0 24px;color:#c8b6d1;font-size:14px;line-height:1.75}
html[dir=rtl] .api-copy,html[dir=rtl] .api-section-heading,html[dir=rtl] .outcome-grid article{text-align:right}html[dir=rtl] .api-signal>span{border-right:0;border-left:1px solid #eadff0}html[dir=rtl] .api-signal>span:last-child{border-left:0}html[dir=rtl] .outcome-grid li{padding-right:15px;padding-left:0}html[dir=rtl] .outcome-grid li:before{right:0;left:auto}
@media(max-width:1000px){.api-hero{grid-template-columns:1fr;gap:55px}.api-console{max-width:720px}.api-signal{margin:0 24px 95px}.api-flow{margin:0 32px}.outcome-grid{grid-template-columns:1fr 1fr}.outcome-grid article:last-child{grid-column:1/-1}.api-flow,.api-cta{grid-template-columns:1fr;gap:40px}}
@media(max-width:680px){.api-hero{padding:62px 20px 76px}.api-copy h1,.api-section-heading h2,.api-cta h2{font-size:44px;letter-spacing:-.072em}.api-lead{font-size:15px}.api-proof{margin-top:34px}.api-console{border-radius:19px;box-shadow:10px 13px 0 #e9e0f1,0 25px 55px #2c0d501c}.api-console-head small{display:none}.api-console-body{grid-template-columns:1fr 42px 94px;min-height:450px;padding:22px 13px}.api-route{display:none}.api-core{width:92px;height:92px}.api-core>span{width:27px;height:27px}.api-core small{font-size:5px}.api-core strong{font-size:8px}.provider-stack{grid-column:1/-1}.api-endpoint{min-width:0}.api-signal{grid-template-columns:1fr 1fr;margin:0 20px 82px}.api-signal>span:nth-child(2){border-right:0}.api-signal>span:nth-child(-n+2){border-bottom:1px solid #eadff0}.api-outcomes{padding:84px 20px}.outcome-grid{grid-template-columns:1fr;gap:12px;margin-top:38px}.outcome-grid article:last-child{grid-column:auto}.outcome-grid p{min-height:0}.api-flow{grid-template-columns:1fr;gap:35px;margin:0;padding:85px 20px}.api-cta{padding:72px 20px}.api-cta>div:last-child>p{font-size:13px}html[dir=rtl] .api-signal>span:nth-child(2){border-left:0}}
@media(max-width:350px){.api-page .platform-header{margin-inline:4px;padding-inline:4px}.api-page .platform-brand{padding-inline:6px}.api-page .platform-brand img{width:88px}.api-page .header-actions{gap:4px}.api-page .platform-language>button{width:52px;padding-inline:5px}.api-page .header-cta{padding-inline:7px;font-size:9px;letter-spacing:-.02em}}
@media(prefers-reduced-motion:reduce){.api-page *{scroll-behavior:auto}}