#home .home-art{position:relative;isolation:isolate;padding:30px 0 0;overflow:hidden;min-height:560px}
#home .home-label{display:flex;justify-content:space-between;font-size:9px;color:#8793a5;letter-spacing:2px}
#home .home-label span{letter-spacing:1px}
#home .home-message{position:relative;z-index:2;padding:64px 0 62px}
#home h1{font-size:clamp(62px,7.4vw,92px);line-height:1.12;font-weight:500;letter-spacing:-5px;margin:0 0 26px}
#home h1 span{color:#2663eb}
#home .home-message p{font-size:13px;color:#88909e;margin:0 0 31px}
#home .home-message .btn{padding:13px 20px;border-radius:3px;min-width:135px;justify-content:space-between;font-weight:400}
#home .halo{position:absolute;width:380px;height:380px;right:38px;top:88px;border-radius:50%;border:1px solid #abc4ff;box-shadow:inset 5px 1px 3px #ffffff,inset -8px -5px 18px #2863eb22,5px 3px 18px #2663eb0c;background:radial-gradient(circle at 62% 62%,transparent 57%,#2663eb09 64%,#7baaff36 69%,#ffffff 71%);transform:rotate(-32deg);z-index:0}
#home .halo:before{content:'';position:absolute;inset:15px;border-radius:50%;border:1px solid #b6cdff66}
#home .halo:after{content:'';position:absolute;inset:-17px;border-radius:50%;border:1px solid #e7edf8}
#home .halo i{position:absolute;width:8px;height:8px;border-radius:50%;background:#2663eb;top:50px;left:53px;box-shadow:0 0 14px #2663eb55}
#home .home-bottom{display:flex;justify-content:space-between;position:relative;z-index:2;padding:0 0 27px;font-size:10px;color:#8f99a9;letter-spacing:.3px;border-bottom:1px solid var(--line)}
#home .home-offer{display:flex;justify-content:space-between;align-items:center;padding:39px 0 33px;border-bottom:1px solid var(--line)}
#home .home-offer .eyebrow{font-size:10px;letter-spacing:1px}
#home .home-offer h2{font-size:40px;letter-spacing:-1.5px;font-weight:400;margin:15px 0 0}
#home .home-offer h2 span{font-size:20px;letter-spacing:0}
#home .home-offer h2 i{font-size:12px;letter-spacing:0;color:#8b95a6;font-style:normal;margin-left:13px}
#home .home-cost{display:flex;align-items:center;gap:50px;font-size:18px}
#home .home-cost b{font-size:48px;font-weight:400;letter-spacing:-2px;margin-left:3px}
#home .home-cost small{font-size:11px;color:#919aab}
#home .home-arrow{width:49px;height:49px;border:1px solid #c9d2e1;border-radius:50%;background:transparent;color:#2663eb;font-size:23px;transition:background .2s,color .2s}
#home .home-arrow:hover{background:#2663eb;color:white;border-color:#2663eb}
#home .home-fine{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding:21px 0 0;color:#939cad;font-size:10px}
#home .home-fine details{max-width:370px;text-align:right}
#home .home-fine summary{font-size:10px;list-style:none;cursor:pointer;color:#7b879b}
#home .home-fine summary::-webkit-details-marker{display:none}
#home .home-fine p{text-align:left;font-size:11px;line-height:1.9}
@media(max-width:800px){#home .home-art{min-height:0;padding-top:18px}
#home .home-label{font-size:8px;letter-spacing:1px}
#home .home-label span{font-size:8px}
#home .home-message{padding:59px 0 90px}
#home h1{font-size:62px;letter-spacing:-3px}
#home .home-message p{font-size:11px;margin-bottom:27px}
#home .halo{width:235px;height:235px;right:-100px;top:108px;opacity:.65}
#home .halo i{top:26px;left:32px;width:6px;height:6px}
#home .home-bottom{font-size:8px;padding-bottom:22px}
#home .home-bottom>span:last-child{display:none}
#home .home-offer{padding:28px 0}
#home .home-offer h2{font-size:34px}
#home .home-offer h2 span{font-size:15px}
#home .home-offer h2 i{display:block;margin:9px 0 0;font-size:10px}
#home .home-cost{gap:20px;font-size:14px}
#home .home-cost b{font-size:40px}
#home .home-arrow{width:39px;height:39px;font-size:19px}
#home .home-fine{flex-direction:column;gap:18px}
#home .home-fine details{text-align:left}}
.editorial-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:38px 0 32px;align-items:stretch}
.editorial-copy{display:flex;flex-direction:column;padding:24px 0 0}
.editorial-copy .eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;color:#69778f;letter-spacing:2px}
.blue-dash{width:20px;height:3px;background:#2663eb}
#home .editorial-copy h1{font-size:clamp(42px,4.7vw,61px);font-weight:550;line-height:1.28;letter-spacing:-2.5px;margin:39px 0 23px}
#home .editorial-copy h1 span{color:#2663eb}
#home .editorial-copy p{font-size:12px;line-height:1.9;color:#8a93a3;margin:0 0 31px}
.editorial-copy .btn{align-self:flex-start;min-width:152px;justify-content:space-between;font-weight:400;border-radius:2px}
.hero-meta{display:flex;justify-content:space-between;gap:12px;color:#8b96a7;font-size:9px;margin-top:auto;padding-top:48px;letter-spacing:.3px}
.home-platforms{display:flex;justify-content:space-between;gap:15px;padding:20px 0 29px;font-size:9px;letter-spacing:.5px;color:#94a0b1;border-bottom:1px solid var(--line)}
#home .home-offer{padding:30px 0}
#home .home-offer h2{font-size:34px;margin-top:11px}
@media(max-width:800px){.editorial-hero{grid-template-columns:1fr;gap:29px;padding-top:16px}
.editorial-copy{padding-top:15px}
#home .editorial-copy h1{font-size:47px;margin-top:28px;letter-spacing:-2px}
#home .editorial-copy p{font-size:12px;margin-bottom:24px}
.hero-meta{padding-top:28px}
.home-platforms{flex-direction:column;gap:10px;font-size:8px;padding:0 0 24px}
#home .home-offer h2{font-size:32px}}
.editorial-hero{grid-template-columns:1.05fr 1fr;gap:25px;padding:50px 0 35px;min-height:515px}
.editorial-copy{padding-top:28px;z-index:2}
.editorial-copy .eyebrow{color:#93a0b4;letter-spacing:.22em}
.blue-dash{height:5px;width:5px;border-radius:50%;background:#4a90e2;box-shadow:0 0 13px #4a90e2}
#home .editorial-copy h1{font-size:clamp(55px,6.7vw,92px);letter-spacing:-.065em;line-height:.95;margin:38px 0 28px;font-weight:700;color:#e6f0ff;white-space:nowrap}
#home .editorial-copy h1 em{font:italic .9em Georgia,serif;color:#72b9ff;text-shadow:0 0 30px #2663eb55;letter-spacing:-.06em}
#home .editorial-copy p{color:#a6b0c6;font-size:13px;letter-spacing:.05em}
#home .editorial-copy .btn{border-radius:0;font-size:11px;padding:15px 19px}
.hero-meta{color:#62758f;letter-spacing:.13em;font:8px/1.6 monospace}
.portal-art{position:relative;min-height:390px;display:grid;place-items:center;isolation:isolate}
.portal-glow{position:absolute;inset:0;background:radial-gradient(ellipse,#2663eb28,transparent 68%);filter:blur(15px)}
.portal-sphere{width:330px;height:330px;position:relative;display:grid;place-items:center;transform:rotate(-8deg)}
.portal-sphere:before{content:"";position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle at 32% 22%,#e6f0ffaa 0,#4a90e266 4%,#123e7944 18%,#06101e 55%,#02050a 73%);border:1px solid #a9d2ff88;box-shadow:inset -30px -40px 70px #000,inset 14px 11px 40px #b4ddff38,0 0 65px #2663eb35}
.portal-sphere:after{content:"";position:absolute;inset:19%;border-radius:50%;border:1px solid #c5e3ff35;box-shadow:0 0 35px #4a90e255,inset 0 0 35px #2663eb33}
.ring{position:absolute;inset:0;border:1px solid #76b9ff66;border-radius:50%;z-index:3;pointer-events:none}
.r1{transform:rotate(23deg) scaleY(.34);box-shadow:0 0 20px #2663eb55}
.r2{inset:-7%;transform:rotate(-37deg) scaleY(.48);border-color:#e5f3ff44}
.r3{inset:5%;transform:rotate(67deg) scaleY(.23);border-color:#4a90e288}
.portal-core{z-index:4;font-size:43px;font-weight:900;letter-spacing:.13em;text-shadow:0 0 30px #4a90e2;transform:rotate(8deg)}
.portal-core small{color:#4a90e2;font-size:.43em;letter-spacing:0}
.orb-point{position:absolute;width:5px;height:5px;top:60px;left:73px;background:#e6f0ff;box-shadow:0 0 22px 7px #4a90e2;z-index:5;border-radius:50%}
.orb-caption{position:absolute;bottom:1px;font:7px/1 monospace;letter-spacing:.2em;color:#6e8bb1}
.orb-cross{position:absolute;top:7px;right:7px;color:#426591;font-size:24px;font-weight:200}
.home-platforms{color:#61728b;border-color:#a6b0c626;font:9px/1.7 monospace}
.home-platforms>span:first-child{color:#4a90e2}
.home-offer{color:#e6f0ff}
#home .home-offer .eyebrow{color:#4a90e2;letter-spacing:.16em}
#home .home-offer h2{font-weight:400}
#home .home-offer h2 i,#home .home-cost small{color:#8997ac}
#home .home-arrow{border-color:#4a90e266;color:#72b9ff;background:#2663eb0c}
#home .home-fine{color:#708199}
#home .home-fine summary{color:#91a4bf}
#home .home-fine p{color:#91a4bf}
@media(max-width:800px){.editorial-hero{grid-template-columns:1fr;padding-top:20px;gap:8px}
.editorial-copy{padding-top:15px}
#home .editorial-copy h1{font-size:clamp(49px,12vw,72px);margin-top:30px;white-space:normal}
#home .editorial-copy p{font-size:12px}
.portal-art{min-height:305px}
.portal-sphere{width:265px;height:265px}
.portal-core{font-size:34px}
.orb-point{top:47px;left:57px}
.hero-meta{padding-top:27px}
.home-platforms{padding-top:20px}
.editorial-copy .btn{min-width:155px}}
#home{--px:0;--py:0}
.editorial-hero{min-height:565px;align-items:center;position:relative}
.editorial-copy{padding:15px 0 0;position:relative}
.editorial-copy:before{content:"";position:absolute;left:-25px;top:22px;width:1px;height:180px;background:linear-gradient(#72b9ff66,transparent)}
#home .editorial-copy h1{font-size:clamp(58px,7.2vw,102px);line-height:.94;letter-spacing:-.065em}
#home .editorial-copy h1 em{background:linear-gradient(100deg,#e5f4ff 5%,#72b9ff 40%,#367ce9 65%,#b8deff 95%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:inkflow 9s ease-in-out infinite alternate;text-shadow:none}
#home .editorial-copy .btn{position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;background:#2663eb;box-shadow:0 0 30px #2663eb25!important}
#home .editorial-copy .btn:hover{transform:translateY(-3px);box-shadow:0 8px 35px #2663eb55!important}
#home .editorial-copy .btn span{transition:transform .3s}
#home .editorial-copy .btn:hover span{transform:translate(3px,-3px)}
.portal-art{min-height:470px;perspective:1000px;overflow:visible}
.portal-sphere{width:350px;height:350px;transform:rotateX(calc(var(--py)*-12deg)) rotateY(calc(var(--px)*15deg)) rotate(-12deg);transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;will-change:transform}
.portal-sphere:before{inset:6%;background:radial-gradient(circle at 30% 23%,#cce9ff55,#173e7544 13%,#040915 49%,#01040a 70%);box-shadow:inset 0 0 45px #559dff28,0 0 35px #2663eb38,0 0 100px #2663eb18;border-color:#80bfff99;animation:gatebreath 7s ease-in-out infinite}
.portal-sphere:after{inset:10%;border:1px dashed #8cc9ff66;box-shadow:inset 0 0 25px #2663eb25;animation:gatespin 100s linear infinite}
.ring{inset:-3%;border-color:#80bfff80;box-shadow:0 0 13px #2663eb2a}
.ring:after{content:"";position:absolute;top:50%;left:-3px;width:5px;height:5px;background:#d8efff;border-radius:50%;box-shadow:0 0 13px 3px #4a90e2}
.r1{animation:orbitA 28s linear infinite}
.r2{inset:-11%;animation:orbitB 38s linear infinite;border-color:#9fcaff35}
.r3{inset:1%;animation:orbitC 32s linear infinite;border-color:#4a90e277}
.portal-core{font-size:48px;letter-spacing:.10em;transform:translateZ(55px) rotate(12deg);text-shadow:0 0 45px #4a90e266}
.portal-core small{font-weight:500}
.orb-point{top:55px;left:59px;animation:starblink 4s ease-in-out infinite}
.portal-glow{inset:-40px;background:radial-gradient(ellipse,#2663eb25,transparent 63%);transform:translate(calc(var(--px)*15px),calc(var(--py)*15px));transition:transform .6s}
.starfield{position:absolute;inset:-8%;width:116%;height:116%;z-index:-1;pointer-events:none}
.gate-label{position:absolute;top:13px;left:15px;color:#6188bd;font:7px/1 monospace;letter-spacing:.18em}
.gate-label:before{content:"";display:inline-block;width:4px;height:4px;margin-right:8px;background:#72b9ff;border-radius:50%;box-shadow:0 0 8px #72b9ff}
.gate-coordinate{position:absolute;bottom:18px;right:0;color:#516b8f;font:7px/1 monospace;letter-spacing:.12em}
.orb-caption{bottom:18px;left:0;color:#7593bd;font-size:7px}
.orb-caption span{margin-left:12px;color:#acd7ff}
.orb-cross{color:#46688e}
.home-platforms{position:relative}
.home-platforms:after{content:"";position:absolute;left:0;bottom:-1px;width:100px;height:1px;background:linear-gradient(90deg,transparent,#78c8ff,transparent);animation:signal 9s ease-in-out infinite}
.home-arrow{transition:transform .3s,background .3s!important}
.home-arrow:hover{transform:rotate(45deg)}
.home-offer{transition:background .3s}
.home-offer:hover{background:#2663eb06}
#home.active .editorial-copy{animation:enter .85s ease-out both}
#home.active .portal-art{animation:enter 1.1s .1s ease-out both}
@keyframes gatespin{to{transform:rotate(360deg)}}
@keyframes orbitA{from{transform:rotate(20deg) scaleY(.38) rotate(0)}to{transform:rotate(20deg) scaleY(.38) rotate(360deg)}}
@keyframes orbitB{from{transform:rotate(-40deg) scaleY(.55) rotate(0)}to{transform:rotate(-40deg) scaleY(.55) rotate(-360deg)}}
@keyframes orbitC{from{transform:rotate(65deg) scaleY(.26) rotate(0)}to{transform:rotate(65deg) scaleY(.26) rotate(360deg)}}
@keyframes gatebreath{50%{box-shadow:inset 0 0 50px #559dff35,0 0 45px #2663eb55,0 0 110px #2663eb28}}
@keyframes starblink{50%{opacity:.5;box-shadow:0 0 12px 3px #4a90e2}}
@keyframes inkflow{to{background-position:100% center}}
@keyframes signal{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:calc(100% - 100px);opacity:0}}
@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.editorial-hero{gap:0;min-height:0}
#home .editorial-copy h1{font-size:clamp(55px,14vw,76px)}
.editorial-copy:before{left:-12px;height:130px}
.portal-art{min-height:345px;margin:17px 0 8px}
.portal-sphere{width:260px;height:260px}
.portal-core{font-size:35px}
.orb-point{top:41px;left:44px}
.gate-label{top:3px;left:0;font-size:6px}
.gate-coordinate{font-size:6px;bottom:0}
.orb-caption{font-size:6px;bottom:0}
.starfield{inset:0;width:100%;height:100%}}
@media(prefers-reduced-motion:reduce){#home *,#home *:before,#home *:after{animation:none!important;transition:none!important}
.portal-sphere{transform:rotate(-12deg)!important}
.portal-glow{transform:none!important}
.starfield{opacity:.5}}