/* 9th Planet Cards — custom, no-build static website. */
:root{--ink:#0e1a3a;--navy:#0a1232;--navy2:#121f50;--blue:#2b8deb;--cyan:#35d3fa;--gold:#ffcb44;--cream:#fff9ed;--text:#1f3150;--muted:#56677d;--ring:#3a91f0;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--cream);color:var(--text);line-height:1.6}a{color:inherit}a:focus-visible{outline:3px solid var(--ring);outline-offset:4px;border-radius:4px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}.wrap{width:min(1120px,calc(100% - 44px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-80px;background:white;color:#111;padding:12px 18px;z-index:99}.skip-link:focus{top:12px}.site-header{position:relative;z-index:4;background:#0b1439;border-bottom:1px solid rgba(255,255,255,.12);color:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;text-decoration:none;font-size:1.15rem;letter-spacing:-.04em;white-space:nowrap}.brand strong{color:#ffcd4c}.brand-planet{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;border:3px solid #49b6ff;background:#ffd44c;color:#10214c;font-size:1.6rem;font-weight:1000;box-shadow:0 0 0 5px #122c65;position:relative;transform:rotate(-10deg)}.brand-planet:after{content:'';position:absolute;width:49px;height:16px;transform:rotate(-25deg);border:3px solid #6bdafa;border-radius:50%;pointer-events:none}.site-header nav{display:flex;gap:24px}.site-header nav a{text-decoration:none;color:#dce8ff;font-weight:680;font-size:.91rem}.site-header nav a:hover{color:#ffcd4c}.header-cta{background:#244779;color:#fff;border:1px solid #3765a5;padding:11px 15px;font-weight:750;text-decoration:none;border-radius:12px;white-space:nowrap}.header-cta:hover{background:#3260a0}
.hero{background:radial-gradient(ellipse at 23% 18%,#182e78 0,transparent 35%),radial-gradient(ellipse at 85% 47%,#401b7d 0,transparent 43%),linear-gradient(160deg,#080f2e,#101b4a 60%,#100b39);color:white;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;opacity:.65;background-image:radial-gradient(2px 2px at 16% 18%,#fff 99%,transparent),radial-gradient(2px 2px at 39% 32%,#97eafa 99%,transparent),radial-gradient(2px 2px at 83% 12%,#fff4b2 99%,transparent),radial-gradient(2px 2px at 72% 61%,#fff 99%,transparent);background-size:260px 240px,360px 330px,460px 400px,390px 370px;pointer-events:none}.hero-glow{pointer-events:none;position:absolute;width:650px;height:650px;top:40%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#2571e2;filter:blur(140px);opacity:.16}.hero-inner{position:relative;padding-top:67px;text-align:center;padding-bottom:64px}.eyebrow{margin:0 0 11px;color:#ffcc55;font-weight:850;font-size:.75rem;letter-spacing:.17em;text-transform:uppercase}.eyebrow-blue{color:#2763bb}.status-star{font-size:1.1rem}.hero h1,h2,h3{letter-spacing:-.045em;line-height:1.13}.hero h1{font-size:clamp(2.45rem,6vw,4.8rem);font-weight:900;margin:0 0 13px}.hero h1 span{color:#ffd24f}.hero-sub{margin:0 auto 25px;max-width:650px;color:#e6ecff;font-size:clamp(1rem,2vw,1.19rem)}.hero-buttons{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}.button{min-height:49px;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 22px;border-radius:12px;font-weight:850;text-decoration:none;line-height:1.3;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 5px 0 rgba(0,0,0,.09)}.button:hover{transform:translateY(-2px)}.button-gold{background:#ffd348;color:#14234e;border:2px solid #fff0ad;box-shadow:0 4px 0 #c88d1e}.button-gold:hover{background:#ffe083}.button-outline{background:#142a5a;border:2px solid #6abbef;color:#fff}.button-outline:hover{background:#1f4081}.hero-art{overflow:hidden;border-radius:23px;border:3px solid rgba(118,202,255,.55);box-shadow:0 18px 65px rgba(3,5,26,.55),0 0 0 9px rgba(70,153,250,.1);max-width:1000px;margin:0 auto}.hero-art img{width:100%;height:auto}.hero-signoff{margin:24px 0 0;color:#fff;letter-spacing:.13em;font-weight:850;font-size:clamp(.71rem,1.6vw,.94rem)}.hero-signoff span{color:#ffd348}
.section-pad{padding:76px 0}.section-heading{text-align:center;max-width:620px;margin:0 auto 33px}.section-heading h2,.story-copy h2,.future-copy h2,.last-inner h2{font-weight:900;font-size:clamp(2rem,4vw,3rem);margin:0 0 14px;color:#12214a}.section-heading p:not(.eyebrow){font-size:1.08rem;color:var(--muted)}.shop-section{background:#fffaf1}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.shop-card{border:2px solid #dbe4f7;border-radius:var(--radius);padding:30px;position:relative;overflow:hidden;box-shadow:0 12px 28px rgba(19,43,88,.065)}.ebay-card{background:linear-gradient(140deg,#f6faff,#e7f4ff)}.vinted-card{background:linear-gradient(140deg,#f7fdfd,#ddf6f4)}.shop-icon{height:59px;width:59px;border-radius:17px;background:#234db3;color:#fff;display:grid;place-items:center;font-size:2.4rem;line-height:1;margin-bottom:20px;box-shadow:5px 5px 0 #99c5f5;transform:rotate(-5deg)}.vinted-card .shop-icon{background:#168c8a;box-shadow:5px 5px 0 #8addd3}.shop-kicker{font-size:.72rem;letter-spacing:.16em;color:#4567a3;font-weight:900;margin:0 0 7px}.shop-card h3{font-size:1.85rem;color:#102252;font-weight:870;margin:0 0 9px}.shop-card p:not(.shop-kicker){max-width:385px;margin:0 0 24px;color:#405676}.button-dark{background:#13295b;color:#fff;border:2px solid #13295b;box-shadow:0 4px 0 #081537}.button-dark:hover{background:#274985}.shop-note{text-align:center;font-size:.89rem;margin:22px auto 0;color:#5e6c84}
.story-section{background:linear-gradient(180deg,#fff9ee,#fff5dd)}.story-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:80px;align-items:center}.story-mark{width:min(370px,100%);aspect-ratio:1;justify-self:center;border-radius:50%;background:radial-gradient(circle at 27% 24%,#7fcbff 0,transparent 29%),linear-gradient(140deg,#224db0,#0a1747);position:relative;display:grid;place-items:center;box-shadow:inset 0 0 0 9px rgba(255,255,255,.16),0 18px 46px rgba(20,37,91,.15)}.story-mark:before,.story-mark:after{position:absolute;content:'';border-radius:50%;background:#fff;opacity:.9;width:5px;height:5px;top:18%;left:65%}.story-mark:after{top:75%;left:23%;height:4px;width:4px}.story-planet{display:grid;place-items:center;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#fff0a1,#ffb845 70%,#e56b28);color:#102552;font-size:10rem;font-weight:1000;line-height:1;box-shadow:inset -18px -15px 0 rgba(188,89,45,.2),0 0 30px rgba(255,200,78,.28);transform:rotate(-13deg);z-index:2}.orbit{position:absolute;border:12px solid #79dbff;width:115%;height:39%;border-radius:50%;transform:rotate(-25deg);z-index:3;box-shadow:0 2px 0 #12399b}.orbit-two{transform:rotate(24deg);opacity:.45;border-width:5px;z-index:1}.orbit-star{position:absolute;color:#ffd65a;font-size:3rem;z-index:4}.orbit-star.a{top:9%;right:17%}.orbit-star.b{left:8%;top:36%;font-size:2rem}.orbit-star.c{bottom:13%;right:16%;font-size:2rem}.story-copy h2{max-width:500px}.story-copy p:not(.eyebrow){font-size:1.04rem;color:#465775}.story-tag{display:inline-flex;align-items:center;gap:9px;margin-top:10px;padding:9px 14px;color:#283964;background:#fff;border:1px solid #eadbbd;border-radius:100px;font-weight:750;font-size:.88rem}.story-tag span{color:#f2a727}
.future-section{padding-top:30px;background:#fff5dd}.future-panel{background:linear-gradient(120deg,#151d4d,#192970 64%,#312574);color:#fff;border-radius:26px;display:grid;grid-template-columns:1.6fr .65fr;align-items:center;padding:48px 55px;overflow:hidden;position:relative}.future-panel:before{content:'';position:absolute;inset:0;background-image:radial-gradient(2px 2px at 12% 23%,#fff 99%,transparent),radial-gradient(3px 3px at 80% 32%,#d4eaff 99%,transparent);background-size:180px 140px,230px 200px;opacity:.6;pointer-events:none}.future-copy{position:relative;z-index:1}.future-copy h2{color:#fff}.future-copy p:not(.eyebrow){max-width:580px;color:#dee6ff}.future-copy .future-note{font-size:.84rem;color:#bdcdec!important}.future-art{position:relative;min-height:210px;display:grid;place-items:center}.character-orbit{display:grid;place-items:center;background:#38b3d5;border:9px solid #ffcf50;border-radius:50%;height:155px;width:155px;transform:rotate(7deg);box-shadow:0 0 0 13px #184290,0 0 50px #449afe99}.character-orbit span{font-size:6.7rem;line-height:1}.character-orbit i,.character-orbit b{position:absolute;color:#fff199;font-style:normal;font-size:2.5rem}.character-orbit i{top:-45px;right:-20px}.character-orbit b{bottom:-20px;left:-26px}
.last-call{background:#101b45;color:#fff;padding:55px 0}.last-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.last-inner h2{color:#fff;font-size:clamp(1.7rem,3vw,2.5rem);max-width:600px;margin:0}.last-actions{display:flex;gap:12px;flex-wrap:wrap}.site-footer{background:#080e28;color:#c7d1ec;padding:37px 0}.footer-inner{text-align:center}.footer-brand{color:#ffd355;text-decoration:none;font-weight:900;font-size:1.2rem}.footer-inner p{margin:6px 0;color:#c8d9fb;font-size:.88rem}.footer-inner .legal{max-width:780px;margin:18px auto 0;color:#91a2cb;font-size:.73rem;line-height:1.6}
@media(max-width:900px){.site-header nav{gap:14px}.site-header nav a{font-size:.81rem}.header-cta{display:none}.story-grid{gap:35px}.story-mark{max-width:280px}.story-planet{width:150px;height:150px;font-size:8rem}.last-inner{flex-direction:column;align-items:flex-start}.future-panel{padding:38px}}
@media(max-width:620px){.wrap{width:min(100% - 30px,1120px)}.header-inner{min-height:66px;flex-wrap:wrap;padding:12px 0}.brand{font-size:1.04rem}.brand-planet{width:36px;height:36px;font-size:1.25rem}.site-header nav{width:100%;justify-content:space-between;gap:14px;padding-top:9px;border-top:1px solid rgba(255,255,255,.12)}.site-header nav a{font-size:.84rem}.hero-inner{padding-top:47px;padding-bottom:44px}.hero h1{font-size:clamp(2.45rem,10vw,3.5rem)}.hero-sub{font-size:1rem}.hero-buttons{margin-bottom:25px;gap:10px}.hero-buttons .button{flex:1 1 175px}.hero-art{border-radius:16px;border-width:2px}.hero-signoff{line-height:1.8;font-size:.67rem;letter-spacing:.08em;margin-top:17px}.section-pad{padding:54px 0}.shop-grid,.story-grid,.future-panel{grid-template-columns:1fr}.shop-card{padding:25px}.story-mark{max-width:220px}.story-planet{width:118px;height:118px;font-size:6rem}.orbit{border-width:9px}.story-copy{text-align:center}.future-section{padding-top:12px}.future-panel{padding:32px 25px;gap:14px}.future-art{min-height:160px}.character-orbit{width:112px;height:112px}.character-orbit span{font-size:4.5rem}.last-call{padding:45px 0}.last-actions,.last-actions .button{width:100%}.footer-inner .legal{font-size:.69rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}