:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;background:#03070c;color:#eef6fc;--cyan:#5bd6ff;--red:#ff4565}
*{box-sizing:border-box}body{margin:0;min-width:320px;position:relative;isolation:isolate}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}[hidden]{display:none!important}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.skip-link{position:fixed;top:-100px;z-index:9;background:#163449;padding:12px}.skip-link:focus{top:8px}
.space{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 22% 18%,#103c582b,transparent 42%),#03070c}.starfield{height:100%;opacity:.5;background-image:radial-gradient(1px 1px at 35px 41px,#d4f3ff 95%,transparent),radial-gradient(1px 1px at 154px 102px,#64badb 95%,transparent),radial-gradient(1px 1px at 280px 70px,#c7eaff 95%,transparent);background-size:337px 277px,259px 313px,509px 419px}
.plans-header{height:72px;margin:0 3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #91cfff18}.brand{display:flex;align-items:center;gap:10px}.brand img{width:40px;height:36px;object-fit:contain}.brand span{font-size:15px;letter-spacing:2px}.brand b{color:var(--cyan);font-weight:500}.plans-header nav{display:flex;gap:28px;align-items:center;font-size:12px}.active{color:var(--cyan)}.account-link{padding:10px 16px;border:1px solid #82c8f033;border-radius:7px;display:flex;gap:18px}.account-link:hover{background:#113448}
main{width:94%;max-width:1900px;margin:auto;padding-bottom:26px}.plans-hero{height:270px;position:relative;display:flex;align-items:center;justify-content:center}.hero-copy{text-align:center;position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:3px;color:#b6d1e3;display:flex;gap:9px;align-items:center;justify-content:center}.eyebrow span,.billing-dot{width:4px;height:4px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red)}h1{font-size:clamp(34px,3.2vw,54px);line-height:1.08;letter-spacing:-1.8px;font-weight:600;margin:15px 0}h1 em{font-style:normal;background:linear-gradient(90deg,#d2f5ff,#39c9ff);background-clip:text;color:transparent}.hero-copy>p:last-child{font-size:12px;color:#91a9be;margin:14px 0}.galaxy-scene{position:absolute;width:37%;height:100%;left:-1%;top:0;pointer-events:none}.galaxy-scene canvas{width:100%;height:100%;object-fit:contain}.earth-scene{position:absolute;right:8%;top:22px;width:205px;height:230px;text-align:center}.earth-scene canvas{width:190px;height:190px;position:relative;filter:drop-shadow(-3px 0 5px #4abfff65)}.earth-halo{position:absolute;inset:0 0 30px;background:radial-gradient(circle,#298bd83b 34%,#2e9afa0d 60%,transparent 70%);transform:scale(1.2)}.earth-caption{display:flex;align-items:center;justify-content:center;gap:7px;font:7px Consolas,monospace;letter-spacing:1.4px;color:#7290a6;margin-top:9px;white-space:nowrap}.earth-caption i{height:3px;width:3px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red)}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 25px}.section-kicker{font-size:8px;color:#6e9cb7;letter-spacing:2px}.section-heading h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:6px 0 0}.section-heading>p{font-size:10px;color:#8196aa;display:flex;align-items:center;gap:9px}.heading-separator{padding:0 4px;color:#395263}.billing-dot{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.plans-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;align-items:stretch}.plan-card{position:relative;min-width:0;display:flex;flex-direction:column;padding:23px 17px 17px;border:1px solid #8fbdde2b;border-radius:13px;background:linear-gradient(150deg,#151d29ed,#0b111beb 48%,#080e17f5);box-shadow:0 14px 28px #0004;transition:transform .2s,border-color .2s}.plan-card:hover{transform:translateY(-4px);border-color:#61d6ff90}.plan-card::before{content:"";position:absolute;top:-1px;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,#80dfff66,transparent)}.plan-card.featured{border-color:#57cfff9c;background:linear-gradient(150deg,#153348f2,#0d1a29f5 48%,#0a1220);box-shadow:0 0 25px #1bb5ff16,0 15px 30px #0005}.popular{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.7px;font-weight:700;white-space:nowrap;padding:6px 12px;border-radius:20px;background:linear-gradient(#ff5977,#cf2748);box-shadow:0 3px 18px #ff365f36}
.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.4px;color:#7792a9;margin-bottom:17px}.orbit{width:20px;height:11px;border:1px solid #69dbff66;border-radius:50%;transform:rotate(-28deg);position:relative}.orbit::after{content:"";width:4px;height:4px;background:var(--cyan);position:absolute;top:2px;left:7px;border-radius:50%;box-shadow:0 0 7px var(--cyan)}.featured .orbit::after{background:var(--red);box-shadow:0 0 7px var(--red)}.featured .orbit{border-color:#ff456599}.plan-heading h3{font-size:24px;letter-spacing:-.7px;text-align:center;margin:0;font-weight:650}.description{font-size:11px;line-height:1.65;color:#94a8ba;margin:14px 0 18px;min-height:55px}.price{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.price strong{font-size:36px;letter-spacing:-1.5px;font-weight:600;font-variant-numeric:tabular-nums}.price-fraction{font-size:.48em;letter-spacing:-.3px}.price-currency{font-size:.6em;letter-spacing:0}.price-interval{font-size:9px;color:#8195a8}.featured .price strong{color:var(--cyan)}.allowance-note{color:#8195a8;font-size:10px;line-height:1.5;margin:8px 0 17px}
.features{list-style:none;padding:0;margin:0 0 21px}.features li{display:grid;grid-template-columns:15px minmax(0,1fr);column-gap:7px;align-items:center;min-height:49px;padding:9px 0;border-bottom:1px solid #adcfff0c}.features li:last-child{border-bottom:0}.feature-mark{grid-row:span 2;width:15px;height:15px;display:grid;place-items:center;color:var(--cyan);border:1px solid #4ed1ff38;border-radius:4px;background:#29bbff09;font-size:9px}.feature-label{font-size:10px;color:#dbe6ef;font-weight:500}.feature-value{grid-column:2;font-size:9px;color:#7e98ae;margin-top:3px}.featured .feature-value{color:#6cbad9}.unavailable .feature-mark,.unavailable .feature-label,.unavailable .feature-value{color:#637384}.plan-action{margin-top:auto;min-height:39px;padding:10px 6px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #71d9ff66;border-radius:7px;font-size:10px;font-weight:700;background:linear-gradient(#58d5ff,#239ed5);color:#031722;box-shadow:0 6px 18px #22b8ff16;transition:filter .2s}.plan-action:hover{filter:brightness(1.15)}.featured .plan-action{background:linear-gradient(#a0efff,#40c7f5)}.action-note{font-size:8px;color:#6c8499;text-align:center;line-height:1.5;margin:9px 0 0}.plans-note{font-size:10px;color:#71889d;line-height:1.7;text-align:center;margin:21px auto 0;max-width:650px}
.loading{grid-column:1/-1;min-height:200px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#93b1c9}.loading span{width:20px;height:20px;border-radius:50%;border:1px solid #6ad9ff44;border-top-color:var(--cyan);animation:spin 1s linear infinite}.plans-error{padding:25px;text-align:center;border:1px solid #6acfff44;border-radius:12px;background:#0c1925}.plans-error button{border:1px solid #6acfff88;padding:10px 18px;background:#163449;color:white;border-radius:6px}.plans-error a{color:var(--cyan)}footer{margin:0 3%;border-top:1px solid #9ad6ff14;padding:20px 0;display:flex;justify-content:space-between;gap:20px;color:#698499;font-size:9px}.footer-motto{letter-spacing:2px;font-size:8px}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.plan-card{padding:25px 23px 19px}.description{min-height:44px}.features li{grid-template-columns:16px minmax(0,1fr) auto;gap:6px;min-height:49px}.feature-mark{grid-row:auto}.feature-value{grid-column:auto;text-align:right;max-width:76px;margin:0}.plan-heading h3{font-size:27px}.price strong{font-size:40px}.plan-action{font-size:11px}}
@media(max-width:1199px){.plans-grid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:210px;overflow-x:auto;padding:15px 3px 20px;scroll-snap-type:x proximity;scrollbar-color:#237da4 #08121e}.plan-card{scroll-snap-align:start}.section-heading{margin-bottom:10px}.earth-scene{right:2%;width:160px;top:48px}.earth-scene canvas{width:150px;height:150px}.earth-caption{font-size:6px;letter-spacing:.7px}.plans-hero{height:260px}h1{font-size:40px}.galaxy-scene{left:-4%;width:36%}}
@media(max-width:640px){.plans-header{height:65px;margin-inline:5%}.brand span{font-size:12px;letter-spacing:1px}.brand img{width:31px}.plans-header nav{gap:12px}.active{display:none}main{width:90%}.plans-hero{height:290px;align-items:end;padding-bottom:18px}.hero-copy h1{font-size:34px}.eyebrow{font-size:7px;letter-spacing:2px}.hero-copy>p:last-child{font-size:11px}.galaxy-scene{width:66%;height:150px;top:-12px;left:-10%}.earth-scene{width:100px;height:100px;right:6%;top:9px}.earth-scene canvas{width:95px;height:95px}.earth-caption{display:none}.earth-halo{inset:0}.section-heading h2{font-size:20px}.section-heading>p{font-size:9px;max-width:114px;line-height:1.5}.section-kicker{font-size:7px}.plans-grid{grid-auto-columns:218px}footer{margin-inline:5%;flex-wrap:wrap}.footer-motto{font-size:7px}}
.price{margin-bottom:17px}.features li{min-height:43px;padding-block:8px}
#spaceCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.galaxy-scene,.earth-scene{pointer-events:none}.earth-scene canvas{filter:none;width:215px;height:215px}.earth-scene{top:8px;width:215px}.earth-caption{margin-top:0}.earth-unavailable{border-radius:50%;background:radial-gradient(circle at 35% 35%,transparent 20%,#000c 90%),url('/assets/plans-earth.jpg') center/200% 100%}
.earth-scene{width:265px;top:-6px;right:5%}.earth-scene canvas{width:265px;height:265px}.earth-caption{margin-top:-10px}
.motion-control{position:absolute;bottom:9px;right:0;border:1px solid #6acfff30;background:#07131dcc;color:#93b4c9;font:9px "Segoe UI",sans-serif;letter-spacing:.4px;border-radius:20px;padding:6px 11px;z-index:2}.motion-control:hover{color:#d5f7ff;border-color:#6acfff80}
@media(max-width:1199px){.earth-scene{width:205px;top:20px;right:1%}.earth-scene canvas{width:205px;height:205px}}
@media(max-width:640px){.earth-scene{width:135px;top:-6px;right:0}.earth-scene canvas{width:135px;height:135px}.motion-control{bottom:2px;font-size:8px;padding:4px 8px}.plans-hero{padding-bottom:26px}}
/* Nebula backdrop and layered glass plan panels. */
.space{position:fixed;background:#030710;min-height:100vh}
.space::before{content:"";position:absolute;inset:-12%;background:url('/assets/xeno-nebula.svg') center/cover no-repeat;opacity:.95;animation:nebula-drift 38s ease-in-out infinite alternate;will-change:transform}
.space::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#02071150,transparent 35%,#02050b55),radial-gradient(ellipse at 50% 70%,transparent 20%,#02050b65 100%)}
.starfield{position:absolute;inset:0;opacity:.6}
.plans-header{background:linear-gradient(90deg,#0a19232e,#08121c0a);border-bottom-color:#82d6ff28}
.plans-section{position:relative;isolation:isolate}
.plans-section::before{content:"";position:absolute;inset:40px -20px -25px;z-index:-1;background:radial-gradient(ellipse at 42% 0,#259acc20,transparent 48%),radial-gradient(ellipse at 87% 88%,#bd254518,transparent 36%);pointer-events:none}
.section-kicker{color:#8bb7d0}.section-heading h2{font-weight:550;letter-spacing:-.7px}.section-heading>p{color:#acc2d4}
.plans-grid{gap:15px;padding-top:3px}
.plan-card{isolation:isolate;padding:21px 18px 18px;border:1px solid transparent;border-radius:18px;background:linear-gradient(148deg,#112332e8,#0a1423ed 40%,#07111bed) padding-box,linear-gradient(145deg,#8bc8e86b,#68b8ed1c 38%,#192b4166 65%,#4796bd59) border-box;box-shadow:inset 0 1px 0 #d6f4ff0f,inset 0 -1px 0 #74cdfc12,0 18px 32px #0006;backdrop-filter:blur(14px);transition:transform .25s,box-shadow .25s}
.plan-card::before{height:2px;top:0;left:22%;right:22%;border-radius:50%;background:linear-gradient(90deg,transparent,#8ce3ffb3,transparent);box-shadow:0 0 14px #4fcbff55}
.plan-card::after{content:"";position:absolute;inset:7px;z-index:-1;border:1px solid #a8ddff0a;border-radius:12px;pointer-events:none;background:linear-gradient(124deg,#b7edff06,transparent 25%,transparent 82%,#81d9ff05)}
.plan-card.featured{border-color:transparent;background:linear-gradient(148deg,#18374bea,#0b1929ed 40%,#091622f5) padding-box,linear-gradient(150deg,#98e8ffb5,#39b7e86b 27%,#28759720 65%,#69c7ed88) border-box;box-shadow:inset 0 1px 0 #def7ff18,0 0 28px #23b9f610,0 22px 40px #0006}
.plan-card.featured::before{background:linear-gradient(90deg,transparent,#f37793,#a5eaff,transparent);box-shadow:0 0 15px #ff42653b}
.plan-card:hover{transform:translateY(-5px);border-color:transparent;box-shadow:inset 0 1px 0 #def7ff21,0 0 30px #5aceff20,0 28px 45px #0007}
.card-visual{position:absolute;top:23px;left:0;right:0;height:150px;z-index:-1;overflow:hidden;pointer-events:none;opacity:.65;background:radial-gradient(ellipse at 50% 50%,#28bbfa16,transparent 62%);filter:hue-rotate(var(--tier-hue))}
.card-orbit{position:absolute;left:50%;top:50%;width:148px;height:56px;border:1px solid #81dbff30;border-radius:50%;transform:translate(-50%,-50%) rotate(var(--tier-angle));box-shadow:0 0 12px #299be808}
.orbit-two{width:108px;height:108px;transform:translate(-50%,-50%) rotate(30deg) scaleX(.48);border-color:#93d9ff23}
.card-core{position:absolute;left:calc(50% - 22px);top:calc(50% - 22px);width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 26%,#a9e9ff26,#36bfff0a 48%,transparent 72%);box-shadow:inset 1px 1px 0 #8ddfff28,0 0 24px #219ce321}
.card-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#b7efff;box-shadow:0 0 9px #66dfff}.star-one{left:23%;top:37%}.star-two{right:24%;bottom:32%;width:2px;height:2px}.featured .star-two{background:#ff7b98;box-shadow:0 0 10px #ff4f77}
.card-meta{font:8px Consolas,monospace;letter-spacing:1.5px;color:#8aa7bc;margin-bottom:29px}.card-meta>.orbit{opacity:.7}.plan-heading h3{font-size:25px;letter-spacing:-.6px;text-shadow:0 3px 15px #0009}.description{margin:16px 0 16px;min-height:51px;font-size:11px;line-height:1.6;color:#b2c4d4}
.price{position:relative;min-height:68px;align-items:center;padding:10px 11px;margin:0 -3px 17px;background:linear-gradient(105deg,#87d9ff0a,transparent 85%);border-top:1px solid #b3e8ff13;border-bottom:1px solid #b3e8ff13;gap:6px}.price strong{font-size:35px;font-weight:550;letter-spacing:-1.4px}.price-interval{font-size:9px;color:#90acbf;align-self:end;margin-bottom:9px}.featured .price strong{color:#a5ebff;text-shadow:0 0 22px #6adfff25}.price-fraction{font-size:.48em}
.features{margin-bottom:19px}.features li{min-height:44px;border-bottom:1px solid #b0ddff10}.feature-mark{border:0;background:linear-gradient(145deg,#5a3d16,#24190d);color:#ffd86a;box-shadow:inset 0 0 0 1px #ffd86a80,0 0 9px #ffbd2d2e;text-shadow:0 0 6px #ffe29a}.feature-label{font-size:10px;font-weight:550;color:#d8e7f2}.feature-value{color:#a5bdcf;font-size:9px}.featured .feature-value{color:#94d0e3}.features .unavailable .feature-mark{background:linear-gradient(145deg,#481321,#1e0b12);color:#ff536d;box-shadow:inset 0 0 0 1px #ff536d78,0 0 9px #ff294727;text-shadow:0 0 6px #ff536d}.features .darkmode-feature .feature-label{color:#ff4866;text-shadow:0 0 8px #ff365044}.features .darkmode-feature.unavailable .feature-label{color:#d23a52}
.popular{top:-11px;padding:6px 12px;font-size:7px;letter-spacing:1px;border:1px solid #ff72838c;background:linear-gradient(135deg,#7d203bef,#33192bed);color:#ffe3ea;box-shadow:0 0 16px #ff396329,inset 0 1px 0 #ffafbe24}
.plan-action{min-height:42px;border-radius:8px;border:1px solid #6fd7ff66;background:linear-gradient(180deg,#20445a,#112a3d);color:#c5f0ff;box-shadow:inset 0 1px 0 #a1e4ff26,0 5px 12px #0005;font-weight:600;font-size:11px;letter-spacing:.1px;justify-content:space-between;padding:11px 12px}
.plan-action>span{display:grid;place-items:center;border-left:1px solid #8fcfe53d;padding-left:10px;font-size:13px;color:#b3eaff}
.featured .plan-action{border-color:#b0f1ff85;background:linear-gradient(135deg,#a5eaff,#50bee9 55%,#349ecd);color:#051b28;box-shadow:inset 0 1px 0 #fff8,0 6px 20px #39bbef20}.featured .plan-action>span{color:#07354a;border-color:#15476340}
.plan-action:hover{filter:brightness(1.18)}
.plans-note{color:#9ab3c8}footer{color:#8ca9bd;border-top-color:#9ad6ff24}
@keyframes nebula-drift{from{transform:translate(-1%,-1%) scale(1)}to{transform:translate(2%,1%) scale(1.06)}}
@media(min-width:1600px){.plan-card{padding:24px 22px 20px}.plan-heading h3{font-size:29px}.price strong{font-size:42px}.description{min-height:40px}.card-visual{top:25px;height:150px}.features li{min-height:44px}.feature-value{max-width:90px}}
@media(max-width:1199px){.plans-grid{padding:17px 3px 24px;gap:15px}.plan-card{padding:22px 18px 18px}.space::before{inset:-5%;animation:none}.plan-action{font-size:10px}}
@media(max-width:640px){.plans-grid{grid-auto-columns:235px}.space::before{background-size:auto 100%;opacity:.85}.description{min-height:44px}.price strong{font-size:37px}}
.popular{background:linear-gradient(180deg,#ff394f,#f0092d);border-color:#ff7c89;color:#fff;box-shadow:0 0 16px #ff173e70,0 4px 12px #ff173e30,inset 0 1px 0 #ffffff40}
.features .unavailable .feature-mark{position:relative;background:transparent!important;color:transparent!important;box-shadow:none!important;text-shadow:none!important;font-size:0!important;line-height:1;overflow:visible;transform:none}
.features .unavailable .feature-mark::before,.features .unavailable .feature-mark::after{content:"";position:absolute;left:50%;top:50%;width:15px;height:2.5px;border-radius:999px;background:#ff405f;box-shadow:0 0 7px #ff405f;transform-origin:center}
.features .unavailable .feature-mark::before{transform:translate(-50%,-50%) rotate(45deg)}
.features .unavailable .feature-mark::after{transform:translate(-50%,-50%) rotate(-45deg)}
.card-orbit{animation:card-orbit-turn 14s linear infinite;will-change:transform}
.card-orbit::before{content:"";position:absolute;left:18%;top:9%;width:4px;height:4px;border-radius:50%;background:#c6f6ff;box-shadow:0 0 5px #92eaff,0 0 12px #4acfff}
.orbit-two{animation:card-orbit-counterturn 19s linear infinite}
.orbit-two::before{left:47%;top:-2px;width:3px;height:3px;background:#84dcff}
.featured .orbit-two::before{background:#ff98ae;box-shadow:0 0 5px #ff6688,0 0 10px #ff4265}
.card-core{animation:card-core-pulse 4s ease-in-out infinite alternate}
.plan-card:nth-child(2n) .card-orbit{animation-delay:-5s}.plan-card:nth-child(3n) .card-orbit{animation-delay:-9s}
@keyframes card-orbit-turn{from{transform:translate(-50%,-50%) rotate(var(--tier-angle))}to{transform:translate(-50%,-50%) rotate(calc(var(--tier-angle) + 360deg))}}
@keyframes card-orbit-counterturn{from{transform:translate(-50%,-50%) rotate(30deg) scaleX(.48)}to{transform:translate(-50%,-50%) rotate(-330deg) scaleX(.48)}}
@keyframes card-core-pulse{from{opacity:.5;transform:scale(.88)}to{opacity:1;transform:scale(1.08)}}
@media(max-width:640px){.plans-section::before{left:0;right:0}}
@media(prefers-reduced-motion:reduce){.space::before,.loading span{animation:none!important}.plan-card,.plan-action{transition:none!important}.plan-card:hover{transform:none}}
/* Customer edition: the same Galaxy renderer and black palette as sign-in. */
:root,body{background:#000}
.plans-header{background:none}
.plans-header .brand>strong{font-size:18px;letter-spacing:-.5px;font-weight:800;color:#edeaf7}
.auth-galaxy-mark{position:relative;display:block;width:260px;aspect-ratio:1;flex:none}
.auth-galaxy-mark canvas,.auth-galaxy-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.auth-galaxy-mark img{display:none}
.auth-galaxy-mark[data-fallback=true] canvas{display:none}
.auth-galaxy-mark[data-fallback=true] img{display:block}
.auth-galaxy-mark.compact{width:42px;height:42px}
.plans-galaxy{position:absolute;right:7%;top:0}
.plans-hero{justify-content:flex-start;padding-left:7%}
.hero-copy{text-align:left}.eyebrow{justify-content:flex-start}
footer{position:relative;align-items:center}.motion-control{position:static}
@media(max-width:640px){.plans-hero{height:auto;min-height:360px;padding:200px 0 24px;justify-content:center}.plans-galaxy{width:190px;top:0;right:calc(50% - 95px)}.hero-copy{text-align:center}.eyebrow{justify-content:center}.plans-header .brand>strong{font-size:16px}.auth-galaxy-mark.compact{width:32px;height:32px}.plan-card .card-orbit,.plan-card .card-core{animation:none}}
