/* The S3 gateway solution uses the shared house tokens and controls. */
.gateway-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);gap:88px;align-items:center}
.house-site .gateway-hero h1{font-size:clamp(40px,4.4vw,64px);max-width:18ch;letter-spacing:-.055em;line-height:1.1}
.gateway-hero .subpage-lead{max-width:550px;font-size:18px;line-height:1.8}
.gateway-hero-note{font-size:13px;color:#9fb2ce;margin:24px 0 0}
.gateway-price{position:relative;isolation:isolate;overflow:hidden;padding:36px;border:1px solid #8db1ff55;border-radius:22px;background:radial-gradient(ellipse at 95% 0,#8db1ff16,transparent 65%),#111a28;box-shadow:0 24px 80px #0003}
.gateway-price:after{content:"";position:absolute;right:-90px;top:-105px;width:240px;height:240px;border:1px solid #8db1ff12;border-radius:50%;z-index:-1}
.gateway-price-label{font-size:11px;font-weight:500;letter-spacing:.13em;color:#a6bde1}
.gateway-price-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:18px 0 0;font-size:68px;line-height:1.1;font-weight:500;letter-spacing:-.06em;color:#edf3ff}
.gateway-price-value>span{font-size:15px;letter-spacing:0;font-weight:400;color:#b7c9e4}
.gateway-tax{font-size:12px;color:#9bb0d0;margin:11px 0 0}
.gateway-price ul{display:grid;gap:17px;list-style:none;margin:28px 0 18px;padding:26px 0 0;border-top:1px solid var(--house-line)}
.gateway-price li{display:flex;gap:12px;align-items:flex-start;color:#c3d1e6;font-size:14px;line-height:1.65}
.gateway-price li svg{width:19px;height:19px;flex-shrink:0;margin-top:2px;fill:none;stroke:var(--house-green);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.gateway-price .text-link{font-size:13px}
.house-site .gateway-page h2{font-size:clamp(32px,3.3vw,48px);font-weight:500;letter-spacing:-.05em;line-height:1.18;margin:0}
.gateway-page h2>span{color:#a5bbdc}
.gateway-path-section{background:radial-gradient(ellipse at 50% 50%,#8db1ff05,transparent 65%),var(--house-bg)}
.gateway-diagram{margin:0;border:1px solid var(--house-line-strong);border-radius:22px;background:linear-gradient(135deg,#121b2a,#0b111b);overflow:hidden}
.gateway-flow{display:grid;grid-template-columns:1fr 70px 1fr 70px 1.35fr;align-items:center;gap:0;padding:48px 40px 36px}
.gateway-flow-node{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:185px;text-align:center;padding:24px 15px;border:1px solid var(--house-line);border-radius:16px;background:#0c1421}
.gateway-flow-node>svg{width:46px;height:46px;fill:none;stroke:#a7c5f7;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;margin-bottom:20px}
.gateway-flow-node>strong{font-size:17px;font-weight:500;color:#e1ebfc;line-height:1.5}
.gateway-flow-node>span:not(.gateway-agent-mark){font-size:12px;line-height:1.8;color:#a0b4d2;margin-top:6px}
.gateway-agent{border-color:#8db1ff65;background:linear-gradient(140deg,#1c2c45,#101b2d);box-shadow:0 0 50px #8db1ff07}
.gateway-agent-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #8db1ff80;border-radius:14px;color:#b6d0ff;font-size:30px;font-weight:500;margin-bottom:18px;background:#8db1ff0c}
.gateway-flow-line{display:flex;position:relative;align-items:center;color:#8db1ff;overflow:hidden}
.gateway-flow-line:before{content:"";height:1px;flex:1;background:linear-gradient(90deg,#8db1ff30,#8db1ff75)}
.gateway-flow-line>span{font-size:17px;line-height:1}
.gateway-flow-line>i{position:absolute;left:0;top:50%;width:4px;height:4px;background:#b4d1ff;border-radius:50%;box-shadow:0 0 10px #8db1ff70;transform:translateY(-50%);animation:gateway-flow 1.8s linear 2}
.gateway-datacentres{display:grid;gap:14px;position:relative;padding-left:18px}
.gateway-location{display:flex;align-items:center;gap:13px;padding:20px 18px;border:1px solid #81d9b23d;border-radius:13px;background:linear-gradient(120deg,#13242b,#0e1824)}
.gateway-location>svg{width:31px;height:31px;fill:none;stroke:#a7c8c2;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.gateway-location strong{display:block;font-size:16px;font-weight:500;color:#d7e9e6}
.gateway-location small{display:block;margin-top:4px;font-size:12px;color:#a0b7c8}
.gateway-location-dot{margin-left:auto;width:5px;height:5px;flex-shrink:0;background:var(--house-green);border-radius:50%;box-shadow:0 0 12px #81d9b230}
.gateway-datacentres>p{display:flex;justify-content:center;align-items:center;gap:7px;position:absolute;top:100%;left:18px;right:0;margin:15px 0 0;color:#acc5d1;font-size:11px;white-space:nowrap}
.gateway-datacentres>p>svg{width:15px;height:15px;fill:none;stroke:var(--house-green);stroke-width:1.3;flex-shrink:0}
.gateway-diagram figcaption{padding:28px 24px 20px;text-align:center;color:#98adcd;font-size:12px}
.gateway-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:40px 0 0;padding:0}
.gateway-steps li{display:flex;gap:17px;align-items:flex-start}
.gateway-steps li>span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;color:#a8c4f4;border:1px solid var(--house-line-strong);border-radius:9px;font-size:11px;background:#8db1ff06}
.gateway-steps h3{font-size:17px;font-weight:500;line-height:1.5;letter-spacing:-.025em;margin:1px 0 10px}
.gateway-steps p{font-size:14px;line-height:1.85;color:#a6b6ce;margin:0}
.gateway-use-cases{border-block:1px solid var(--house-line);background:#0d131e}
.gateway-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gateway-use-grid article{padding:30px;border:1px solid var(--house-line);border-radius:18px;background:#111b2a}
.gateway-use-grid article>span{display:block;color:#a3bcdf;font-size:10px;letter-spacing:.1em;margin-bottom:26px}
.gateway-use-grid h3{font-weight:500;font-size:23px;line-height:1.35;letter-spacing:-.035em;margin:0 0 16px}
.gateway-use-grid p{color:#adbed7;font-size:15px;line-height:1.8;margin:0}
.gateway-answers .house-answers-grid{gap:80px}
.gateway-answers .house-answers-grid>div>p:not(.kicker){font-size:15px;line-height:1.85;color:#acbdd5}
@keyframes gateway-flow{from{left:0;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}
@media(max-width:1100px){.gateway-hero-grid{gap:40px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.gateway-price{padding:28px}.gateway-price-value{font-size:60px}.gateway-flow{padding:36px 25px 34px;grid-template-columns:1fr 35px 1fr 35px 1.35fr}.gateway-flow-node{padding-inline:10px}.gateway-flow-node>strong{font-size:15px}.gateway-location{padding:17px 13px;gap:9px}.gateway-location strong{font-size:14px}.gateway-location small{font-size:11px}.gateway-datacentres{padding-left:10px}.gateway-datacentres>p{left:0;font-size:10px}.gateway-use-grid article{padding:25px}.gateway-use-grid h3{font-size:20px}.gateway-steps{gap:22px}.gateway-steps li{gap:12px}.gateway-answers .house-answers-grid{gap:45px}}
@media(max-width:760px){.gateway-hero-grid{grid-template-columns:1fr;gap:36px}.house-site .gateway-hero h1{font-size:clamp(38px,7vw,54px);max-width:20ch}.gateway-hero .subpage-lead{font-size:17px}.gateway-price{max-width:550px;width:100%;padding:30px}.gateway-price-value{font-size:64px}.gateway-price ul{gap:13px;margin-top:22px;padding-top:22px}.gateway-flow{grid-template-columns:1fr;max-width:500px;margin:auto;padding:28px 24px 14px}.gateway-flow-node{min-height:165px}.gateway-flow-node>strong{font-size:18px}.gateway-flow-node>span:not(.gateway-agent-mark){font-size:13px}.gateway-flow-line{height:42px;width:18px;margin:auto;flex-direction:column;justify-content:flex-end;overflow:visible}.gateway-flow-line:before{width:1px;position:absolute;left:50%;top:0;bottom:6px;transform:translateX(-50%);background:linear-gradient(#8db1ff30,#8db1ff75)}.gateway-flow-line>span{transform:rotate(90deg);position:relative;bottom:0;background:#0e1622}.gateway-flow-line>i{display:none}.gateway-datacentres{padding:0;gap:12px;grid-template-columns:1fr 1fr}.gateway-location{flex-direction:column;align-items:flex-start;position:relative;gap:11px;padding:19px 16px}.gateway-location strong{font-size:14px}.gateway-location small{font-size:11px}.gateway-location-dot{position:absolute;right:16px;top:24px}.gateway-datacentres>p{position:static;grid-column:1/-1;margin:8px 0 0;font-size:12px}.gateway-diagram figcaption{font-size:11px;padding:15px 20px 22px}.gateway-steps{grid-template-columns:1fr;gap:25px;margin-top:32px}.gateway-steps li{gap:16px}.gateway-steps p{max-width:55ch;font-size:15px}.gateway-use-grid{grid-template-columns:1fr;gap:15px}.gateway-use-grid article{padding:28px}.gateway-use-grid h3{font-size:23px}.gateway-use-grid article>span{margin-bottom:19px}.gateway-answers .house-answers-grid{grid-template-columns:1fr;gap:32px}}
@media(max-width:400px){.house-site .gateway-hero h1{font-size:36px}.gateway-hero .subpage-lead{font-size:16px}.gateway-hero-note{font-size:12px}.gateway-price{padding:26px}.gateway-price-value{font-size:60px}.gateway-price-value>span{font-size:14px}.gateway-price li{font-size:13px}.gateway-page .hero-actions .button{width:100%}.gateway-location{padding:17px 12px}.gateway-location strong{font-size:13px}.gateway-location small{font-size:10px}.gateway-datacentres>p{font-size:11px}.gateway-flow{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.gateway-flow-line>i{animation:none;display:none}}