@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--blue:#397cff;--muted:#899bb9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#080f1f;color:#f2f6ff;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}header{height:94px;margin:auto;max-width:1280px;padding:0 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1b2b47}.brand{font-weight:800;font-size:23px;letter-spacing:-1px}.brand sup{font-size:10px;margin-left:5px;color:#568fff}nav{display:flex;gap:34px;font-size:12px;color:#a2b1ca}.navbtn{border:1px solid #30476d;padding:13px 20px;border-radius:7px;font-size:12px}.hero{max-width:1280px;margin:auto;padding:70px 36px 55px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.eyebrow{color:#82a6e6;font-size:10px;letter-spacing:2px;font-weight:800}h1{font-size:82px;line-height:1.08;letter-spacing:-5px;margin:24px 0}h1 em{font-style:normal;color:#5089ff}p{font-size:14px;line-height:1.85;color:var(--muted)}.hero p{margin-bottom:30px}.primary{border:0;border-radius:7px;padding:17px 23px;background:var(--blue);color:white;display:inline-flex;gap:44px;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;transition:.2s}.primary:hover{background:#5591ff;transform:translateY(-3px)}.caption{font-size:9px;letter-spacing:1.4px;color:#8193b1;margin-top:34px}.caption b{color:#4387ff;margin:0 16px}.scene{position:relative;min-height:440px;background:radial-gradient(ellipse,#154fa34d,transparent 66%)}.orbit{position:absolute;inset:45px 10px;border:1px solid #23437780;border-radius:50%;transform:rotate(-25deg)}.second{inset:100px -8px;transform:rotate(32deg)}.cube{position:absolute;background:linear-gradient(135deg,#a3dbff,#3e85ff 50%,#2455d5);border:1px solid #91c5ff;box-shadow:12px 17px 0 #163eaa,14px 19px 0 #407dff;transform:rotate(-24deg) skew(6deg,5deg);border-radius:19px;animation:float 6s infinite ease-in-out}.big{width:230px;height:230px;top:22%;left:27%;display:grid;place-items:center;filter:drop-shadow(0 26px 28px #1d5dff44)}.big div{width:87px;height:87px;background:#091c43;box-shadow:inset 12px 14px #12378d;border:1px solid #8ac5ff;border-radius:5px}.small{width:52px;height:52px;left:10%;top:17%;border-radius:8px;animation-duration:7s}.tiny{width:66px;height:66px;right:4%;bottom:17%;border-radius:10px;animation-duration:5s}.label{position:absolute;background:#0d203ce8;border:1px solid #345887;border-radius:6px;padding:12px 16px;color:#a7c7ff;font:10px monospace;letter-spacing:1px}.l1{right:0;top:23%}.l2{left:12%;bottom:9%}.plus{position:absolute;left:7%;top:50%;font-size:25px;color:#386494}.scene-id{position:absolute;bottom:0;right:0;font:9px monospace;letter-spacing:2px;color:#526e94}.ticker{background:#0e1c33;border-block:1px solid #213858;padding:20px;display:flex;align-items:center;justify-content:center;gap:42px;white-space:nowrap;overflow:hidden;font-size:10px;letter-spacing:2px;color:#93aed6}.ticker b{color:#4f8fff;font-size:18px}#catalog{max-width:1280px;margin:auto;padding:65px 36px}.heading{display:flex;justify-content:space-between;align-items:end}h2{font-size:36px;letter-spacing:-1.4px;line-height:1.2;margin:14px 0 0}h2 span{color:var(--blue)}.heading p{font-size:12px}.toolbar{display:flex;justify-content:space-between;gap:20px;margin:30px 0 25px}.tabs{display:flex;gap:6px}.tabs button{border:1px solid transparent;background:none;color:#8b9db9;padding:12px 15px;border-radius:6px;font-size:11px}.tabs small{font-size:9px;opacity:.6;margin-left:8px}.tabs .selected{background:#193665;border-color:#2e5287;color:#c3dbff}.search{display:flex;gap:10px;align-items:center;border:1px solid #20324f;border-radius:6px;padding:8px 12px;background:#0d192b;color:#7e94b5}.search input{width:155px;background:none;color:white;border:0;outline:none;font-size:11px}.search:focus-within{border-color:#5c98ff}kbd{font-size:9px;border:1px solid #33435f;padding:2px 4px;border-radius:3px}#cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #213451;background:linear-gradient(145deg,#13223a,#0c1729);padding:25px;border-radius:12px;transition:transform .2s,border-color .2s;animation:appear .3s}.card:hover{transform:translateY(-6px);border-color:#447bc9}.card-top{display:flex;justify-content:space-between;align-items:start}.icon{width:65px;height:65px;display:grid;place-items:center;background:linear-gradient(135deg,#2565db,#10316f);border:1px solid #4479d0;border-radius:15px;font-size:38px;font-weight:800;color:#b8d7ff}.icon.solar{background:linear-gradient(135deg,#265779,#142b49);color:#89dcff}.icon.vpn{background:linear-gradient(135deg,#243d8d,#1c285b)}.badge{color:#8daedc;border:1px solid #2a4164;background:#162946;border-radius:4px;padding:5px 8px;font-size:9px}.card h3{font-size:25px;margin:23px 0 5px;letter-spacing:-.6px}.tag{color:#6296ec;font-size:9px;letter-spacing:1.1px}.card p{font-size:12px;min-height:67px;margin:16px 0 22px}.meta{display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid #243652;color:#8195b5;font-size:9px}.meta b{color:#d3b478;font-weight:400}.card button{width:100%;display:flex;justify-content:space-between;border:1px solid #315380;border-radius:6px;background:#162f54;color:#c5daff;font-size:11px;font-weight:700;padding:13px 15px;margin-top:18px}.card button:hover{background:#224777}.availability{font-size:10px;color:#7187a8;margin-top:22px}#empty{text-align:center;padding:35px}#about{max-width:1208px;margin:0 auto 60px;padding:36px 40px;display:flex;align-items:center;gap:32px;border:1px solid #29446f;border-radius:12px;background:radial-gradient(ellipse at left,#17376b,#0d1a2f 75%)}.about-icon{font-size:50px;color:#75aaff;width:88px;height:88px;border:1px solid #3a639d;display:grid;place-items:center;flex-shrink:0;border-radius:20px;transform:rotate(-9deg)}#about h2{font-size:28px}#about p{font-size:12px;max-width:405px;margin-left:auto}#about small{display:block;font-size:10px;color:#667f9f;margin-top:10px}footer{max-width:1280px;margin:auto;padding:28px 36px;border-top:1px solid #1d2e49;display:flex;justify-content:space-between;align-items:center}footer .brand{font-size:16px}footer span,footer>a:last-child{font-size:10px;color:#7f92af}dialog{background:#10203a;border:1px solid #395f99;border-radius:15px;color:white;padding:36px;width:min(460px,90vw)}dialog::backdrop{background:#030917bb;backdrop-filter:blur(7px)}dialog p{font-size:13px}.close{position:absolute;right:12px;top:10px;border:0;background:none;color:#afc3e1;font-size:26px}.close-bottom{width:100%;margin-top:15px}.status{color:#d7b77d;font-size:13px;margin-top:25px}.ring{position:fixed;width:12px;height:12px;border:2px solid #76b2ff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:99999;animation:ripple .6s forwards}@keyframes ripple{to{width:85px;height:85px;opacity:0}}@keyframes float{50%{translate:0 -14px}}@keyframes appear{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}:focus-visible{outline:2px solid #82b7ff;outline-offset:4px}@media(max-width:900px){h1{font-size:65px}.big{width:180px;height:180px;left:20%;top:25%}.big div{width:65px;height:65px}.toolbar{flex-wrap:wrap}.card{padding:18px}#about{margin:0 24px 40px;padding:28px;gap:25px}.about-icon{display:none}#about p{max-width:45%}nav{display:none}}@media(max-width:600px){header{height:77px;padding:0 22px}.brand{font-size:18px}.navbtn{font-size:10px;padding:10px}.hero{grid-template-columns:1fr;padding:45px 24px 25px}h1{font-size:64px;letter-spacing:-3px}.scene{min-height:310px;margin-top:20px}.big{top:15%;left:28%}.l1{right:0;top:12%}.small{top:12%}.tiny{width:45px;height:45px;right:8%;bottom:18%}.ticker{justify-content:start;gap:25px;font-size:8px}#catalog{padding:40px 24px}.heading{display:block}.heading h2{font-size:30px}.heading p{margin-top:10px}.tabs{width:100%;gap:2px}.tabs button{flex:1;padding:10px 8px;font-size:10px}.tabs small{margin-left:4px}.search{width:100%}.search input{width:100%}#cards{grid-template-columns:1fr;gap:17px}.card{padding:24px}.card p{min-height:0}#about{display:block}#about p{max-width:none;margin-top:24px}footer{padding:25px}footer span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.ring{display:none}}
/* Left campaign panel; flows above content on smaller screens. */
.page-layout{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;padding:0 24px}.page-content{min-width:0}.robux-promo{align-self:start;position:sticky;top:24px;margin-top:64px;padding:22px 18px;border:1px solid #355b97;border-radius:14px;background:radial-gradient(ellipse at top left,#234d90,#0e1d36 75%);box-shadow:0 15px 45px #02091740}.promo-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#2d64bd;color:#badaff;font-size:27px;margin-bottom:20px}.robux-promo .eyebrow{font-size:8px;letter-spacing:1.2px}.robux-promo h2{font-size:27px;letter-spacing:-1px;line-height:1.25;margin-top:13px}.robux-promo p{font-size:11px;line-height:1.8;margin:16px 0 20px}.robux-promo .primary{width:100%;padding:13px 12px;gap:8px;font-size:11px}.robux-promo small{display:block;font-size:9px;line-height:1.7;color:#8fa7cc;margin-top:15px}.page-content .hero{padding-inline:18px}.page-content h1{font-size:clamp(52px,5.4vw,78px)}.page-content #catalog{padding-inline:18px}.page-content #about{margin-inline:18px}.page-content .ticker{gap:22px;font-size:8px}
@media(max-width:1100px){.page-layout{grid-template-columns:190px minmax(0,1fr);gap:12px;padding:0 16px}.robux-promo{padding:20px 15px}.page-content .hero{grid-template-columns:1fr}.page-content .scene{min-height:310px}.page-content #cards{grid-template-columns:1fr}.page-content .card p{min-height:0}.page-content .heading{display:block}.page-content #about{display:block}.page-content #about p{max-width:none}}
@media(max-width:700px){.page-layout{display:flex;flex-direction:column;padding:0;gap:0}.robux-promo{position:static;margin:24px 24px 0;align-self:stretch;padding:20px}.robux-promo h2 br{display:none}.robux-promo h2 span::before{content:' '}.robux-promo p{margin:12px 0}.robux-promo .primary{width:auto;gap:30px}.promo-symbol{float:right;margin:0 0 10px 10px}.robux-promo small{max-width:420px}.page-content .hero{padding-inline:24px}.page-content #catalog{padding-inline:24px}.page-content #about{margin-inline:24px}}