/* Homepage trust-first API platform design */
.home-page{background:#f7f9fc;background-image:radial-gradient(circle at 18% 5%,#dce8ff 0,transparent 25%),radial-gradient(circle at 90% 15%,#eee8ff 0,transparent 20%)}
.home-page .infrastructure-hero{grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);min-height:650px;padding:75px 0;gap:65px}.infrastructure-hero .eyebrow{color:#2563d8}.infrastructure-hero .eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18b879;box-shadow:0 0 0 4px #18b8791c;margin-right:6px}.infrastructure-hero h1{font-size:61px}.infrastructure-hero h1 em{background:linear-gradient(110deg,#2463d4,#7855d7);-webkit-background-clip:text;background-clip:text;color:transparent}.protocol-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.protocol-proof span{border:1px solid #dce2ec;background:#ffffffa8;border-radius:99px;padding:7px 10px;color:#5a6678;font-size:8px;font-weight:800}
.gateway-console{border:1px solid #2b3445;border-radius:18px;background:linear-gradient(145deg,#111722,#0b0f17);color:#ccd4df;box-shadow:0 38px 90px #14264b34;overflow:hidden;transform:perspective(900px) rotateY(-2deg)}.console-top{height:48px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid #252d3b;font:500 8px DM Mono}.console-top>span{display:flex;gap:5px}.console-top i{display:block;width:7px;height:7px;border-radius:50%;background:#f06c62}.console-top i:nth-child(2){background:#e7b84b}.console-top i:nth-child(3){background:#55be76}.console-top b{margin:auto;color:#778398}.console-top small{color:#5bdd9e}.gateway-console pre{min-height:190px;margin:0;padding:27px 24px;font:10px/2 DM Mono;white-space:pre-wrap}.gateway-console pre span{color:#ab8ef1}.gateway-console pre b{color:#8dd9a9}.gateway-console pre i{color:#79a9f5}.route-flow{display:grid;grid-template-columns:1fr auto 1.2fr auto 1fr;align-items:center;gap:7px;margin:0 16px 18px;padding:13px;border:1px solid #283243;border-radius:11px;background:#151c28}.route-flow>div{display:flex;min-width:0;flex-direction:column}.route-flow>div:nth-of-type(2){align-items:center}.route-flow img{width:25px;height:25px;border-radius:7px;margin-bottom:5px}.route-flow strong{font-size:6px;color:#d6dce6}.route-flow small{font-size:5px;color:#748096;margin-top:3px}.route-flow>i{font-style:normal;color:#53647f}.console-foot{display:flex;justify-content:space-between;padding:13px 16px;background:#080c12;border-top:1px solid #252d3b;font:500 7px DM Mono}.console-foot b{color:#55d99d}
.trust-strip{height:105px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;border-block:1px solid #dfe4ec!important}.trust-strip>div{display:flex;flex-direction:column;justify-content:center;padding:0 22px;border-right:1px solid #dfe4ec}.trust-strip>div:last-child{border:0}.trust-strip small{font-size:7px;letter-spacing:.13em;color:#8993a2;font-weight:800}.trust-strip b{font-size:10px;margin-top:7px;color:#273140}
.model-network{padding:105px 0!important;display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:80px;align-items:center}.network-copy h2,.integration-flow h2{font-size:42px;letter-spacing:-.05em;margin:12px 0}.network-copy p,.integration-flow>div:first-child p{font-size:12px;line-height:1.75;color:#6e7786}.network-copy>a{font-size:10px;font-weight:800;color:#2463d4;text-decoration:none}.model-cloud{position:relative;min-height:430px;border:1px solid #dfe5ef;border-radius:24px;background:linear-gradient(145deg,#fff,#f2f6fd);box-shadow:0 30px 80px #243d6a14;overflow:hidden}.model-cloud:before,.model-cloud:after{content:'';position:absolute;left:50%;top:50%;border:1px dashed #b8c9e2;border-radius:50%;transform:translate(-50%,-50%)}.model-cloud:before{width:330px;height:240px}.model-cloud:after{width:470px;height:350px}.cloud-core{position:absolute;z-index:3;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#111827;color:#fff;box-shadow:0 20px 50px #15284a42}.cloud-core img{width:43px;height:43px;border-radius:12px}.cloud-core b{font-size:13px;margin-top:8px}.cloud-core small{font-size:7px;color:#8d9bb0}.model-cloud article{position:absolute;z-index:4;min-width:115px;display:grid;grid-template-columns:35px 1fr;align-items:center;padding:9px;border:1px solid #dfe5ef;border-radius:12px;background:#fff;box-shadow:0 14px 35px #243d6a18;animation:homeFloat 4s ease-in-out infinite}.model-cloud article i{grid-row:1/3;width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#eef3fb;font-style:normal;font-size:9px;font-weight:800}.model-cloud article b{font-size:9px}.model-cloud article small{font-size:6px;color:#8a94a2}.cloud-claude{left:28px;top:55px}.cloud-claude i{background:#d77a5d!important;color:#fff}.cloud-gpt{right:30px;top:48px;animation-delay:-1s!important}.cloud-gpt i{background:#1d9f83!important;color:#fff}.cloud-codex{right:22px;bottom:57px;animation-delay:-2s!important}.cloud-codex i{background:#17191d!important;color:#fff}.cloud-grok{left:26px;bottom:58px;animation-delay:-.6s!important}.cloud-gemini{left:50%;top:20px;transform:translateX(-50%);animation:homeFloatCenter 4.5s ease-in-out infinite!important}.cloud-gemini i{background:linear-gradient(145deg,#4285f4,#9c6bd9)!important;color:#fff}@keyframes homeFloat{50%{transform:translateY(-7px)}}@keyframes homeFloatCenter{0%,100%{transform:translateX(-50%)}50%{transform:translate(-50%,-7px)}}
.integration-flow{padding:90px 0!important;border-top:1px solid #dfe4ec;display:grid!important;grid-template-columns:.65fr 1.35fr!important;gap:65px}.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.flow-steps article{display:flex;flex-direction:column;min-height:220px;padding:20px;border:1px solid #dfe4ec;border-radius:13px;background:#fff;box-shadow:0 12px 35px #243d6a09}.flow-steps span{font:500 8px DM Mono;color:#2463d4}.flow-steps b{font-size:12px;margin-top:35px}.flow-steps p{font-size:8px;line-height:1.65;color:#77808e}.flow-steps a{margin-top:auto;font-size:8px;color:#2463d4;font-weight:800;text-decoration:none}.home-page .catalog{border-top:1px solid #dfe4ec}.all-plans{display:flex;justify-content:center;margin-top:28px}.all-plans a{height:42px}.home-page .poster,.home-page .stats{display:none!important}
@media(max-width:900px){.home-page .infrastructure-hero{grid-template-columns:1fr;min-height:0}.gateway-console{transform:none}.model-network,.integration-flow{grid-template-columns:1fr!important}.model-cloud{min-height:400px}}
@media(max-width:600px){.home-page .infrastructure-hero{padding:52px 0!important;gap:40px}.infrastructure-hero h1{font-size:42px}.gateway-console pre{min-height:160px;padding:20px 15px;font-size:8px}.route-flow{grid-template-columns:1fr auto 1fr}.route-flow>div:last-child,.route-flow>i:last-of-type{display:none}.trust-strip{height:auto!important;grid-template-columns:1fr 1fr!important}.trust-strip>div{min-height:82px;padding:15px 10px}.model-network{padding:70px 0!important;gap:35px}.network-copy h2,.integration-flow h2{font-size:34px}.model-cloud{min-height:350px}.model-cloud:before{width:230px;height:180px}.model-cloud:after{width:340px;height:270px}.cloud-core{width:120px;height:120px}.model-cloud article{min-width:91px;grid-template-columns:29px 1fr;padding:6px}.model-cloud article i{width:24px;height:24px}.cloud-claude{left:7px;top:52px}.cloud-gpt{right:7px;top:48px}.cloud-codex{right:6px;bottom:48px}.cloud-grok{left:7px;bottom:50px}.cloud-gemini{top:12px}.integration-flow{padding:65px 0!important;gap:30px}.flow-steps{grid-template-columns:1fr}.flow-steps article{min-height:150px}.flow-steps b{margin-top:22px}}

/* Reference-led editorial hero */
.home-page{background:#ececeb;background-image:none}.home-page header{height:76px;border:0}.home-page header nav{background:#fff;border:1px solid #dedfdf;border-radius:13px;padding:5px 7px;gap:3px;box-shadow:0 8px 25px #2532410a}.home-page header nav a{padding:8px 11px;border-radius:8px;font-size:9px}.home-page header nav a:hover{background:#f1f2f2;color:#111}.home-page .infrastructure-hero{position:relative;display:flex!important;min-height:680px!important;width:min(1220px,calc(100% - 36px));padding:88px 35px 0!important;margin:0 auto 35px;flex-direction:column;align-items:center;gap:0!important;border:8px solid #f8f8f7;border-radius:32px;background:linear-gradient(180deg,#a9d8e9 0%,#d6e9e8 63%,#dce6d5 100%);box-shadow:0 25px 70px #33454c1c;overflow:hidden}.infrastructure-hero:before{content:'';position:absolute;z-index:0;left:-8%;right:-8%;bottom:-85px;height:250px;background:radial-gradient(ellipse at 13% 40%,#668c3c 0 6%,transparent 7%),radial-gradient(ellipse at 30% 35%,#9ab86b 0 9%,transparent 10%),radial-gradient(ellipse at 56% 48%,#6e993f 0 11%,transparent 12%),radial-gradient(ellipse at 75% 33%,#aac879 0 8%,transparent 9%),radial-gradient(ellipse at 94% 42%,#688f3f 0 8%,transparent 9%),linear-gradient(180deg,#b9cf8e,#6f913f);filter:blur(9px);transform:scale(1.08)}.infrastructure-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#ffffff38,transparent 40%,#ffffff20);pointer-events:none}.infrastructure-hero .hero-copy{position:relative;z-index:3;max-width:760px;text-align:center}.infrastructure-hero .eyebrow{display:inline-flex;align-items:center;border:1px solid #718f9838;border-radius:99px;background:#ffffff80;padding:7px 11px;color:#344a51;font-size:7px}.infrastructure-hero h1{font-family:'DM Serif Display',serif;font-weight:400;font-size:62px!important;line-height:.98;letter-spacing:-.045em;margin:20px 0}.infrastructure-hero h1 em{color:#111;background:none}.infrastructure-hero .hero-copy>p{max-width:610px;margin:0 auto;color:#445c63;font-size:12px}.infrastructure-hero .hero-actions{justify-content:center;margin-top:24px}.infrastructure-hero .hero-actions a{height:43px}.infrastructure-hero .hero-actions .solid{background:#151718}.infrastructure-hero .hero-actions .outline{background:#ffffffa8;border-color:#ffffff}.gateway-console.gateway-board{position:relative;z-index:4;width:min(610px,87%);min-height:250px;margin-top:48px;padding:18px 20px 0;border:1px solid #ffffffc7;border-radius:18px 18px 0 0;background:#ffffffc9;color:#17191c;box-shadow:0 20px 70px #263a3f29;backdrop-filter:blur(15px);transform:none;overflow:hidden}.board-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #dfe3e2;font-size:8px;font-weight:800}.board-head>span:first-child{display:flex;align-items:center;gap:7px}.board-head img{width:25px;height:25px;border-radius:7px}.board-live{display:flex;align-items:center;gap:5px;color:#39735a}.board-live i{width:6px;height:6px;border-radius:50%;background:#20a86f}.board-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.board-metrics article{padding:12px;border:1px solid #e1e4e3;border-radius:10px;background:#ffffffa8}.board-metrics small{display:block;font-size:6px;color:#84908e;letter-spacing:.1em}.board-metrics b{display:block;font-size:20px;margin:5px 0}.board-metrics span{font-size:6px;color:#788381}.board-route{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #e1e4e3;border-radius:10px;background:#fff}.route-person{display:flex;align-items:center;gap:8px}.route-person>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#121719;color:#fff;font-size:9px}.route-person p{display:flex;flex-direction:column;margin:0}.route-person b{font-size:8px}.route-person small{font:6px DM Mono;color:#828c8b}.board-route>i{font-style:normal;color:#94a09e}.route-models{display:flex}.route-models span{width:28px;height:28px;display:grid;place-items:center;margin-left:-5px;border:2px solid #fff;border-radius:50%;color:#fff;font-size:7px;font-weight:800}.mini-claude{background:#cc7659}.mini-gpt{background:#239d83}.mini-codex{background:#17191d}.mini-grok{background:#606a73}.mini-gemini{background:linear-gradient(145deg,#4385f4,#906bd5)}
@media(max-width:700px){.home-page header nav{background:#fff}.home-page .infrastructure-hero{min-height:650px!important;padding:65px 14px 0!important;border-width:5px;border-radius:24px}.infrastructure-hero h1{font-size:43px!important}.infrastructure-hero .hero-copy>p{font-size:10px}.gateway-console.gateway-board{width:100%;margin-top:38px;padding:13px 12px 0}.board-metrics article{padding:9px 7px}.board-metrics b{font-size:17px}.board-route{padding:9px}.route-models span{width:24px;height:24px}.route-person small{max-width:95px;overflow:hidden}.home-page .trust-strip{margin-top:0}}

/* Performance and authentic provider marks */
.infrastructure-hero:before{filter:none!important}.gateway-console.gateway-board{background:#f8fbf9ed!important;backdrop-filter:none!important;box-shadow:0 14px 35px #263a3f1b!important;animation:boardRise .7s .1s cubic-bezier(.2,.8,.2,1) both}.infrastructure-hero .hero-copy{animation:heroReveal .6s ease-out both}.board-live i{animation:statusPulse 2s ease-in-out infinite}.route-arrow{animation:arrowFlow 1.6s ease-in-out infinite}.route-models img{width:13px;height:13px;display:block}.route-models span{animation:iconBreathe 3s ease-in-out infinite;will-change:transform}.route-models span:nth-child(2){animation-delay:-.5s}.route-models span:nth-child(3){animation-delay:-1s}.route-models span:nth-child(4){animation-delay:-1.5s}.route-models span:nth-child(5){animation-delay:-2s}.mini-grok{background:#f4f4f2!important}.mini-claude img,.mini-gpt img,.mini-codex img,.mini-gemini img{filter:invert(1)}.model-cloud article i img{width:16px;height:16px;display:block}.cloud-claude i img,.cloud-gpt i img,.cloud-codex i img,.cloud-gemini i img{filter:invert(1)}@keyframes heroReveal{from{opacity:0;transform:translateY(12px)}}@keyframes boardRise{from{opacity:0;transform:translateY(28px)}}@keyframes statusPulse{50%{box-shadow:0 0 0 5px #20a86f20}}@keyframes arrowFlow{50%{transform:translateX(4px);color:#253c38}}@keyframes iconBreathe{50%{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.hero-copy,.gateway-board,.board-live i,.route-arrow,.route-models span,.model-cloud article{animation:none!important}}

/* Never hide first paint while motion initializes */
.infrastructure-hero .hero-copy{animation:heroMove .55s ease-out both}.gateway-console.gateway-board{animation:boardMove .65s .08s cubic-bezier(.2,.8,.2,1) both}@keyframes heroMove{from{transform:translateY(10px)}}@keyframes boardMove{from{transform:translateY(24px)}}