/* CYEB GREEN · Four living gateways. No-JS keeps the original full-card links. */
.portals{gap:0;border:1px solid #cddde1;border-radius:12px;overflow:hidden;background:#102b44;isolation:isolate;transition:grid-template-columns .8s cubic-bezier(.2,.7,.15,1)}
.portals .portal{border:0;border-right:1px solid #ffffff35;border-radius:0;min-height:570px;transform:none;box-shadow:none;transition:background .6s,filter .6s;perspective:1100px;isolation:isolate}
.portals .portal:last-child{border-right:0}.portals .portal:hover,.portals .portal:focus-visible{transform:none;box-shadow:none}
.portals .portal:before{z-index:4;background:radial-gradient(450px circle at var(--mx,50%) var(--my,40%),#d8fff529,transparent 70%);border:0;opacity:.15;transition:opacity .5s}
.portals .portal.is-active:before{opacity:1}.portals .portal:after{pointer-events:none}
.portals .portal-top{padding:26px 25px 0;gap:8px;min-height:54px;z-index:3}.portals .portal-index{font-size:9px;letter-spacing:.12em}.portals .portal-heading{padding:24px 25px 0;position:relative;z-index:3}.portals .portal-heading h3{font-size:36px;transition:font-size .65s cubic-bezier(.2,.7,.15,1),transform .6s;transform-origin:left center;white-space:nowrap}.portals .portal-heading p{font-size:12px;line-height:1.5;min-height:36px;transition:opacity .4s;max-width:260px}
.portals .portal-bottom{padding:20px 25px 28px;position:relative;z-index:7;margin-top:auto;pointer-events:none}.portals .portal-bottom>p{font-size:12px;line-height:1.75;transition:opacity .4s;min-height:42px;margin-bottom:22px}.portals .portal-action{white-space:normal;min-height:47px;font-size:12px;gap:12px;padding-top:18px;pointer-events:auto;position:relative;z-index:8}.portals .portal-action>span{flex-shrink:0}.portals .domain{font-size:9px;margin-top:10px;white-space:nowrap}.portal-toggle{position:absolute;inset:0;width:100%;height:100%;z-index:6;border:0;background:none;padding:0;text-align:left;cursor:pointer;border-radius:0}.portal-toggle:focus-visible{outline:3px solid #a6ce39;outline-offset:-5px}.portal-toggle .portal-accessible-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.portal-toggle-hint{position:absolute;right:25px;top:29px;display:flex;align-items:center;justify-content:center;width:29px;height:29px;color:currentColor;font-size:18px;border:1px solid currentColor;border-radius:50%;opacity:.7;transition:transform .4s,background .4s,color .4s,border-color .4s}.portal.is-active .portal-toggle-hint{transform:rotate(45deg);background:#a6ce39;color:#102b44;border-color:#a6ce39;opacity:1}.portal-enhanced>.portal-top>.arrow{visibility:hidden}.portal-visit:hover{text-decoration:underline;text-underline-offset:4px}.portals .portal-visit:focus-visible{outline:3px solid #a6ce39;outline-offset:5px}.portals .portal-visit:hover>span{transform:translate(3px,-3px)}.portal-visit>span{transition:transform .35s}
/* Supplied EV artwork is presented as a complete scene. */
.portals .ev{background:#132f49;color:#fff}.portals .ev .portal-heading p,.portals .ev .portal-bottom>p{color:#e2edf0}.portals .ev .domain{color:#b8d3de}.portals .ev .portal-action{border-color:#ffffff46}.portals .ev .product-stage{position:absolute;inset:0;height:100%;min-height:0;z-index:-2;overflow:hidden;transform:none}.portals .ev .product-stage img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:48% 48%;transform:scale(1.025);transition:transform 1.3s cubic-bezier(.2,.7,.15,1),object-position .9s;filter:saturate(.93)}.portals .ev:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0a284bd9 0%,#102e4b92 26%,#102e4b0a 43%,#102e4b40 59%,#0a284be8 78%,#0a284b 100%)}.portals .ev .stage-ring,.portals .ev .stage-label{display:none}.portals .ev.is-active .product-stage img{transform:scale(1.08);object-position:51% 48%}.portals .ev .portal-top,.portals .ev .portal-heading{color:#fff}
.portals .storage{background:linear-gradient(160deg,#f8fcfb,#e4eff0);color:#183a5f}.portals .storage .product-stage{min-height:250px;overflow:visible;transform-style:preserve-3d}.portals .storage .product-stage img{position:relative;width:97%;height:auto;max-width:none;transform:translate3d(-2%,12px,0) rotateY(-7deg);transition:transform 1.1s cubic-bezier(.2,.7,.15,1);filter:drop-shadow(0 23px 14px #183a5f1b);z-index:2;mix-blend-mode:multiply}.portals .storage.is-active .product-stage img{transform:translate3d(0,1px,40px) rotateY(0deg) scale(1.02)}.portals .storage .product-stage:before{content:'';position:absolute;width:255px;height:255px;border:1px solid #90bdc366;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 25px #a8cfd81a,0 0 0 50px #a8cfd80f}.portals .storage .storage-lines{inset:18px 30px auto;height:120px;opacity:.55;mask-image:linear-gradient(transparent,#000)}.portals .storage .storage-lines i{transition:transform .6s;transform-origin:bottom}.portals .storage.is-active .storage-lines i{animation:charge-bars 2.4s ease-in-out infinite}.portals .storage .storage-lines i:nth-child(3n){animation-delay:.25s}.portals .storage .storage-lines i:nth-child(2n){animation-delay:.5s}.portals .storage .stage-label{bottom:0;left:25px;font-size:7px}.portals .storage .portal-bottom{background:linear-gradient(0deg,#e9f2f1,transparent)}
.portals .mobility{background:#183a5f}.portals .mobility-scene{object-position:43% center;transform:scale(1.02);transition:transform 1.2s cubic-bezier(.2,.7,.15,1),object-position 1.2s}.portals .mobility.is-active .mobility-scene{transform:scale(1.12);object-position:49% center}.portals .mobility:after{background:linear-gradient(180deg,#0b294ed9 0%,#0b294e63 29%,#0b294e10 49%,#0b294ebc 70%,#0b294efa 100%)}.portals .mobility-chip{left:25px;top:57%;font-size:8px;max-width:calc(100% - 40px);white-space:nowrap;transition:transform .7s,background .7s}.portals .mobility.is-active .mobility-chip{transform:translateY(-9px);background:#183a5fa3}.portals .soon{min-width:0}.portals .soon .portal-heading h3{font-size:31px}.portals .soon .portal-top{height:auto}.portals .soon .soon-status{font-size:7px}.portals .soon .portal-index{font-size:8px;letter-spacing:.07em}.portals .soon .portal-action{pointer-events:none}.portals .soon .portal-bottom{pointer-events:none}
.portal-energy-sweep{position:absolute;pointer-events:none;inset:0;z-index:4;background:linear-gradient(110deg,transparent 35%,#9debf100 43%,#a6ce3966 49%,#b9ffff8c 50%,#57ced300 56%,transparent 63%);transform:translateX(-145%);opacity:0;mix-blend-mode:screen}.portal.is-active .portal-energy-sweep{animation:gateway-sweep 1.3s cubic-bezier(.2,.65,.3,1) .08s both}.portal.storage .portal-energy-sweep{mix-blend-mode:normal;opacity:.55}.portal .portal-heading,.portal .portal-bottom{transition:opacity .5s,transform .65s}.portals .portal.is-active .portal-heading{transform:translateY(-2px)}
@keyframes gateway-sweep{0%{transform:translateX(-145%);opacity:0}20%{opacity:.7}100%{transform:translateX(145%);opacity:0}}@keyframes charge-bars{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1.15)}}
@media(min-width:1100px){.portals{grid-template-columns:repeat(4,minmax(0,1fr));min-height:580px}.portals[data-active="0"]{grid-template-columns:1.8fr .76fr .76fr .76fr}.portals[data-active="1"]{grid-template-columns:.76fr 1.8fr .76fr .76fr}.portals[data-active="2"]{grid-template-columns:.76fr .76fr 1.8fr .76fr}.portals[data-active="3"]{grid-template-columns:.76fr .76fr .76fr 1.8fr}.portals .portal.is-active .portal-heading h3{font-size:54px}.portals .soon.is-active .portal-heading h3{font-size:44px}.portals.has-active .portal:not(.is-active) .portal-heading h3{font-size:28px}.portals.has-active .portal.soon:not(.is-active) .portal-heading h3{font-size:25px}.portals.has-active .portal:not(.is-active) .portal-heading p{opacity:.65}.portals.has-active .portal:not(.is-active) .portal-bottom>p{opacity:.55}.portals.has-active .portal:not(.is-active) .portal-top{padding-inline:18px}.portals.has-active .portal:not(.is-active) .portal-heading{padding-inline:18px}.portals.has-active .portal:not(.is-active) .portal-bottom{padding-inline:18px}.portals.has-active .portal:not(.is-active) .portal-toggle-hint{right:16px}.portals.has-active .portal:not(.is-active) .portal-index{font-size:7px;letter-spacing:.04em}.portals.has-active .portal.soon:not(.is-active) .portal-index{font-size:6px}.portals.has-active .portal.soon:not(.is-active) .soon-status{display:none}.portals.has-active .portal:not(.is-active) .portal-action{font-size:10px}.portals.has-active .portal:not(.is-active) .domain{font-size:8px}.portals.has-active .portal:not(.is-active) .mobility-chip{font-size:6px;left:18px;padding:8px;max-width:calc(100% - 30px)}.portals .portal.is-active .portal-action{font-size:14px}.portals .portal.is-active .portal-bottom>p{font-size:14px}.portals .portal.is-active .portal-heading p{font-size:14px}.portals .portal.is-active .domain{font-size:10px}}
@media(max-width:1099px){.portals{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#cfdee2;border-radius:10px}.portals .portal{border:0;min-height:535px}.portals .portal-heading h3{font-size:39px}.portals .portal-heading p{font-size:13px}.portals .portal-bottom>p{font-size:13px}.portals .portal-action{font-size:12px}.portals .portal.is-active{box-shadow:inset 0 0 0 2px #a6ce39}.portals .storage .product-stage{min-height:230px}.portals .storage .product-stage img{width:97%}.portals .soon .portal-heading h3{font-size:35px}}
@media(max-width:640px){.portals{grid-template-columns:1fr;gap:10px;border:0;overflow:visible;background:transparent;border-radius:0}.portals .portal{min-height:400px;border:1px solid #dce5e7;border-radius:9px;transition:min-height .55s cubic-bezier(.2,.7,.15,1)}.portals .portal-top{padding:24px 24px 0}.portals .portal-heading{padding:20px 24px 0}.portals .portal-heading h3{font-size:43px}.portals .portal-heading p{font-size:13px}.portals .portal-bottom{padding:20px 24px 24px}.portals .portal-bottom>p{font-size:13px;min-height:0;margin-bottom:0}.portals .portal-bottom>p br{display:none}.portals .portal-action{font-size:13px;min-height:48px;margin-top:18px}.portals .domain{font-size:9px}.portals .portal-toggle-hint{right:24px;top:24px;width:32px;height:32px}.portals .portal.is-active{min-height:465px;box-shadow:0 18px 40px #183a5f12}.portals .portal-enhanced:not(.is-active) .portal-visit{display:none}.portals .portal-enhanced:not(.is-active) .domain{display:none}.portals .portal .ev-stage{height:100%;min-height:0}.portals .ev-stage img{height:100%;width:100%;object-fit:cover;object-position:center 47%;transform:scale(1.03)}.portals .ev.is-active .ev-stage img{transform:scale(1.075)}.portals .storage .product-stage{height:185px;min-height:185px;flex:none}.portals .storage .product-stage img{width:95%;max-width:430px;transform:translate3d(0,7px,0);max-height:190px;object-fit:contain}.portals .storage.is-active .product-stage img{transform:translate3d(0,-3px,25px) scale(1.025)}.portals .storage .storage-lines{top:5px;height:100px}.portals .storage .product-stage:before{width:200px;height:200px}.portals .storage .portal-bottom{padding-top:13px}.portals .mobility-chip{top:52%;font-size:8px;left:24px}.portals .mobility .mobility-scene{object-position:center}.portals .soon{min-height:465px}.portals .soon .portal-heading h3{font-size:39px}.portals .soon .portal-top{padding:24px 24px 0}.portals .soon .future-stage{min-height:210px;height:210px}.portals .soon .portal-bottom>p{margin-bottom:0}.portals .soon .portal-action{margin-top:18px}.portals .portal.is-active .portal-heading{transform:none}}
@media(prefers-reduced-motion:reduce){.portals,.portals *, .portals *:before,.portals *:after{transition:none!important;animation:none!important}.portals .ev.is-active .product-stage img,.portals .mobility.is-active .mobility-scene{transform:none}.portal-energy-sweep{display:none}}