/* Parent-brand environment: continuous light, geometry and restrained product-specific depth. */
body{background:radial-gradient(900px 720px at 15% 42%,rgba(111,30,65,.16),transparent 68%),radial-gradient(900px 700px at 52% 36%,rgba(35,72,164,.22),transparent 70%),radial-gradient(760px 680px at 93% 58%,rgba(91,70,178,.16),transparent 68%),linear-gradient(115deg,#090a10 0%,#080b16 44%,#0a0d1c 72%,#080a13 100%);}
.gateway{isolation:isolate;overflow:hidden}.gateway:after{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;opacity:.22;background:linear-gradient(90deg,transparent 0 19%,rgba(202,210,231,.08) 19.05%,transparent 19.12% 33%,rgba(122,158,255,.08) 33.05%,transparent 33.12% 67%,rgba(145,132,237,.06) 67.05%,transparent 67.12%),linear-gradient(28deg,transparent 0 38%,rgba(164,176,212,.07) 38.05%,transparent 38.12% 78%,rgba(97,122,211,.06) 78.05%,transparent 78.12%);transform:rotate(-6deg)}
.gateway__top img{filter:brightness(1.18) contrast(1.04)}.gateway__top>span{color:#9ca7bc}
.gateway__intro{position:relative}.gateway__intro:after{content:"";position:absolute;left:-8%;top:8%;width:62%;height:170%;z-index:-1;pointer-events:none;opacity:.3;background:linear-gradient(90deg,rgba(202,208,222,.08) 1px,transparent 1px),linear-gradient(rgba(202,208,222,.06) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(90deg,#000,transparent 86%);transform:skewX(-18deg)}
.gateway h1 em{color:#a9bcff;text-shadow:0 0 42px rgba(89,123,235,.18)}
.gateway-card{background-clip:padding-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 18px 52px rgba(0,0,0,.18)}.gateway-card:after{opacity:.9;background:linear-gradient(130deg,rgba(255,255,255,.09),transparent 22%,transparent 68%,rgba(63,112,229,.05))}.gateway-card:hover,.gateway-card:focus-visible{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 28px 78px rgba(0,0,0,.38)}
.gateway-card--parallax{background:radial-gradient(120% 70% at 8% 98%,rgba(130,31,70,.2),transparent 60%),radial-gradient(80% 60% at 78% 0,rgba(212,215,227,.14),transparent 68%),linear-gradient(150deg,#20212a,#0b0c12 72%)}
.gateway-card--relay{background:radial-gradient(110% 80% at 100% 0,rgba(64,112,245,.38),transparent 63%),radial-gradient(70% 50% at 20% 100%,rgba(79,62,181,.16),transparent 70%),linear-gradient(150deg,#152c67,#080d1e 76%)}
.gateway-card--windows{background:radial-gradient(110% 80% at 100% 0,rgba(122,107,222,.25),transparent 64%),linear-gradient(150deg,#1a1e3d,#090b14 76%)}
.gateway-card__label{font-weight:650;position:relative}.gateway-card__label:before{content:"";display:inline-block;width:18px;height:18px;margin-right:10px;border:1px solid currentColor;opacity:.7;transform:rotate(45deg);border-radius:3px}.gateway-card--parallax .gateway-card__label:before{border-radius:1px;transform:none}.gateway-card--windows .gateway-card__label:before{border-radius:2px;transform:none;box-shadow:inset 5px 0 transparent}
.gateway-card h2,.gateway-card p,.gateway-card__meta,.gateway-card b{position:relative;z-index:1}.gateway-card__meta{color:#9aa7c0}.gateway-card__meta span:before{background:currentColor;box-shadow:0 0 8px currentColor}
.gateway__ecosystem{color:#8d99b0;font-weight:600;letter-spacing:.2em;text-shadow:0 0 18px rgba(115,148,231,.18)}.gateway__ecosystem .gateway__line{background:linear-gradient(90deg,#6f7890,#536fae)}
.gateway-modal__panel{box-shadow:0 30px 120px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.11);background:radial-gradient(90% 70% at 100% 0,rgba(63,104,227,.22),transparent 65%),linear-gradient(145deg,#131e3e,#090d18)}
@media (prefers-reduced-motion:no-preference){.gateway:after{animation:gateway-atmo-drift 28s ease-in-out infinite alternate}@keyframes gateway-atmo-drift{from{transform:rotate(-6deg) translate3d(-1%,0,0)}to{transform:rotate(-4deg) translate3d(1%,1%,0)}}}