:root {
  --bg: #080b0b;
  --bg-soft: #0c1110;
  --surface: #101615;
  --surface-2: #151c1a;
  --surface-3: #1a2320;
  --lime: #9cff57;
  --lime-dark: #6cbd33;
  --lime-soft: rgba(156, 255, 87, .12);
  --cream: #f3f4ec;
  --text: #f2f5ef;
  --muted: #929d96;
  --dim: #68726c;
  --border: rgba(224, 240, 228, .11);
  --border-strong: rgba(224, 240, 228, .2);
  --radius: 18px;
  --radius-lg: 28px;
  --shadow: 0 24px 70px rgba(0, 0, 0, .38);
  --shell: 1200px;
  --header-h: 76px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Manrope, system-ui, sans-serif; font-size: 16px; line-height: 1.6; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
button, select, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
.icon { width: 1.1em; height: 1.1em; flex: 0 0 auto; }
.shell { width: min(calc(100% - 40px), var(--shell)); margin-inline: auto; }
.section { padding: 118px 0; position: relative; }
.section-compact { position: relative; }
.skip-link { position: fixed; left: 16px; top: -100px; z-index: 1000; background: var(--lime); color: #071007; padding: 10px 16px; border-radius: 8px; font-weight: 800; }
.skip-link:focus { top: 12px; }
.kicker, .overline { display: block; font-size: 11px; font-weight: 800; letter-spacing: .16em; color: var(--lime); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: "Space Grotesk", Manrope, sans-serif; line-height: 1.08; }
h2 { margin-bottom: 18px; font-size: clamp(38px, 5vw, 64px); letter-spacing: -.045em; }
h3 { margin-bottom: 10px; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 19px; border: 1px solid var(--lime); border-radius: 11px; background: var(--lime); color: #081006; font-weight: 800; font-size: 14px; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 12px 35px rgba(156, 255, 87, .2); }
.button:focus-visible, a:focus-visible, button:focus-visible, select:focus-visible { outline: 3px solid rgba(156,255,87,.5); outline-offset: 3px; }
.button-small { min-height: 42px; font-size: 13px; }
.button-large { min-height: 56px; padding-inline: 24px; }
.button-ghost { background: transparent; color: var(--text); border-color: var(--border-strong); }
.button-ghost:hover { background: var(--surface-2); box-shadow: none; }
.button-light { background: var(--cream); border-color: var(--cream); color: #111511; }
.button-dark { color: var(--text); background: #111713; border-color: rgba(255,255,255,.16); }
.reveal { opacity: 1; transform: none; }
.js .reveal { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s ease; transition-delay: var(--delay, 0ms); }
.js .reveal.visible { opacity: 1; transform: none; }

/* Header */
.site-header { height: var(--header-h); position: fixed; z-index: 100; top: 0; left: 0; right: 0; border-bottom: 1px solid transparent; transition: background .25s ease, border-color .25s ease, backdrop-filter .25s ease; }
.site-header.scrolled { background: rgba(8, 11, 11, .83); backdrop-filter: blur(18px); border-color: var(--border); }
.nav-wrap { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-family: "Space Grotesk"; font-size: 16px; letter-spacing: .025em; font-weight: 700; white-space: nowrap; }
.brand > span:last-child > span { color: var(--lime); }
.brand-cube { position: relative; width: 27px; height: 27px; background: var(--lime); clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); }
.brand-cube::before, .brand-cube::after { content:""; position:absolute; background:#0b110c; opacity:.6; }
.brand-cube::before { width: 1px; height: 55%; top: 46%; left: 50%; }
.brand-cube::after { width: 55%; height: 1px; top: 32%; left: 0; transform: rotate(28deg); }
.desktop-nav { display: flex; align-items: center; gap: 30px; margin-left: auto; }
.desktop-nav a, .login-link { color: #b0b8b3; font-size: 13px; font-weight: 600; transition: color .2s; }
.desktop-nav a:hover, .login-link:hover { color: white; }
.nav-actions { display: flex; align-items: center; gap: 20px; }
.public-balance { text-align:right; }
.public-balance small,.public-balance strong { display:block; }
.public-balance small { color:#657169;font-size:7px;letter-spacing:.08em;text-transform:uppercase; }
.public-balance strong { color:var(--lime);font-size:11px; }
.public-avatar,.public-account summary>span { width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--lime-soft);color:var(--lime);font-size:10px;font-weight:900; }
.public-account { position:relative; }
.public-account summary { list-style:none;cursor:pointer; }
.public-account summary::-webkit-details-marker { display:none; }
.public-account>div { width:185px;position:absolute;right:0;top:42px;padding:7px;border:1px solid var(--border-strong);border-radius:10px;background:#111715;box-shadow:var(--shadow); }
.public-account a,.public-account button { width:100%;display:block;padding:9px;border:0;border-radius:7px;background:transparent;color:#9da7a0;text-align:left;font-size:9px;cursor:pointer; }
.public-account a:hover,.public-account button:hover { background:var(--surface-3);color:white; }
.menu-toggle, .mobile-menu { display: none; }

/* Hero */
.hero { position: relative; min-height: 900px; padding: 166px 0 105px; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse 80% 50% at 73% 26%, rgba(55, 105, 56, .1), transparent 70%); }
.hero::after { content:""; position: absolute; z-index:-1; inset:auto 0 0; height:220px; background: linear-gradient(transparent, var(--bg)); }
.hero-grid-bg { position:absolute; z-index:-2; inset:0; opacity:.38; background-image: linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px); background-size: 68px 68px; mask-image: linear-gradient(to bottom, black, transparent 88%); }
.orb { position:absolute; z-index:-1; border-radius:50%; filter: blur(90px); opacity:.13; background:var(--lime); }
.orb-one { width:400px;height:400px;right:4%;top:7%; }.orb-two {width:280px;height:280px;left:-10%;top:55%;opacity:.06}
.hero-layout { display:grid; grid-template-columns: 1fr .92fr; align-items:center; gap: 74px; }
.eyebrow { width:max-content; max-width:100%; display:flex; align-items:center; gap:9px; margin-bottom:25px; padding:7px 11px; border:1px solid var(--border); border-radius:8px; background:rgba(255,255,255,.025); color:#b9c2bc; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.status-dot, .live-chip i { width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);animation:pulse 2s infinite; }
@keyframes pulse { 50% { opacity:.45; box-shadow:0 0 3px var(--lime); } }
.hero h1 { margin:0 0 27px; max-width:700px; font-size:clamp(50px,5.6vw,79px); letter-spacing:-.055em; }
.hero h1 span { color: var(--lime); }
.hero-lead { max-width:590px; margin-bottom:31px; color:#aab4ad; font-size:18px; line-height:1.68; }
.hero-buttons { display:flex; gap:11px; flex-wrap:wrap; }
.hero-proof { display:flex; gap:19px; flex-wrap:wrap; margin-top:25px; color:#76817a; font-size:11px; font-weight:700; }
.hero-proof span { display:flex; align-items:center; gap:5px; }
.hero-proof .icon { color:var(--lime); }
.config-stage { position:relative; perspective:1000px; }
.config-card { position:relative; z-index:2; padding:27px; border:1px solid var(--border-strong); border-radius:var(--radius-lg); background:linear-gradient(145deg, rgba(24,32,29,.98), rgba(12,17,16,.98)); box-shadow:var(--shadow), inset 0 1px rgba(255,255,255,.04); }
.config-card::before { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:linear-gradient(135deg,rgba(156,255,87,.07),transparent 35%); }
.card-top { display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px; }
.card-top h2 { margin:5px 0 0;font-size:25px;letter-spacing:-.025em; }
.live-chip { display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(156,255,87,.18);border-radius:7px;background:var(--lime-soft);color:#c8ff9f;font-size:10px;font-weight:800;text-transform:uppercase; }
.config-card label, .config-card legend { margin-bottom:8px;color:#8b968f;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.choice-label { display:block;margin-bottom:8px;color:#8b968f;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.game-choice-grid { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px; }
.game-choice { min-width:0;min-height:72px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:11px;background:#0d1211;color:#89948d;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.game-choice:hover { border-color:var(--border-strong);background:#111816;transform:translateY(-1px); }
.game-choice.active { border-color:rgba(156,255,87,.48);background:linear-gradient(135deg,rgba(156,255,87,.12),rgba(156,255,87,.035));color:var(--text);box-shadow:inset 0 0 0 1px rgba(156,255,87,.05); }
.choice-art { width:42px;height:42px;position:relative;display:grid;place-items:center;border-radius:9px;background:#1a231f; }
.vanilla-block { overflow:hidden;background:linear-gradient(to bottom,#78ba49 0 24%,#70533b 25% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); }
.vanilla-block::before { content:"";position:absolute;inset:10px 0 auto;height:2px;background:rgba(24,42,19,.22);box-shadow:0 8px rgba(255,255,255,.06),0 17px rgba(31,22,15,.25); }
.vanilla-block::after { content:"";width:7px;height:7px;position:absolute;right:7px;bottom:8px;background:rgba(38,28,19,.35);box-shadow:-18px -5px rgba(255,255,255,.07); }
.pack-stack i { width:22px;height:22px;position:absolute;border:1px solid rgba(156,255,87,.24);border-radius:5px;background:#26332d;transform:rotate(8deg); }
.pack-stack i:nth-child(1){transform:translate(-6px,4px) rotate(-10deg);opacity:.55}.pack-stack i:nth-child(2){transform:translate(5px,-4px) rotate(10deg);opacity:.75}.pack-stack i:nth-child(3){background:var(--lime-soft);transform:none}.modpack-choice.active .pack-stack i:nth-child(3){background:rgba(156,255,87,.22)}
.choice-copy { min-width:0;display:block; }
.choice-copy strong,.choice-copy small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.choice-copy strong { color:#e2e8e4;font-size:11px; }
.choice-copy small { margin-top:3px;color:#6e7a72;font-size:7.5px; }
.choice-check { width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#0a1109;opacity:0; }
.choice-check .icon { width:11px; }
.game-choice.active .choice-check { opacity:1; }
.choice-arrow { color:#67736b;transition:transform .2s ease,color .2s ease; }
.modpack-choice:hover .choice-arrow { color:var(--lime);transform:translateX(3px); }
.choice-hint { display:flex;align-items:center;gap:6px;margin:0 0 17px;color:#68746c;font-size:8px;line-height:1.45; }
.choice-hint .icon { color:var(--lime); }
.select-wrap { height:66px; position:relative; display:flex;align-items:center;margin-bottom:20px;border:1px solid var(--border-strong);border-radius:12px;background:#0d1211; }
.select-icon { width:40px;height:40px;display:grid;place-items:center;margin-left:11px;border-radius:9px;background:linear-gradient(145deg,#343f39,#17201d);color:var(--lime);font-family:"Space Grotesk";font-weight:800;box-shadow:inset 0 0 0 1px var(--border); }
.select-wrap select { width:100%;height:100%;padding:0 42px 0 12px;appearance:none;border:0;outline:0;background:transparent;color:var(--text);font-weight:800;cursor:pointer; }
.select-wrap option { background:#101615; }.select-chevron {position:absolute;right:17px;color:#8b968f;pointer-events:none}
fieldset { padding:0;margin:0 0 20px;border:0; }
.player-options { display:grid;grid-template-columns:repeat(2,1fr);gap:8px; }
.player-options button { min-height:48px;border:1px solid var(--border);border-radius:10px;background:#0e1312;color:#919b95;font-weight:800;cursor:pointer;transition:.2s; }
.player-options button:hover {border-color:var(--border-strong);color:white}.player-options button.active {border-color:var(--lime);background:var(--lime-soft);color:var(--lime);box-shadow:inset 0 0 0 1px rgba(156,255,87,.08)}
.recommendation { margin-bottom:13px;padding:17px;border:1px solid rgba(156,255,87,.18);border-radius:13px;background:linear-gradient(120deg,rgba(156,255,87,.09),rgba(156,255,87,.02)); }
.rec-head,.rec-main,.rec-meta {display:flex;justify-content:space-between;align-items:center}.rec-head {margin-bottom:13px;color:#9aa49e;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.match {color:var(--lime)}
.rec-main strong,.rec-main span {display:block}.rec-main strong {font-family:"Space Grotesk";font-size:20px}.rec-main span {color:#8a948e;font-size:11px}.rec-price{text-align:right}.rec-price strong{font-size:19px;color:var(--lime)}
.rec-meta {justify-content:flex-start;gap:15px;margin-top:15px;padding-top:12px;border-top:1px solid var(--border);color:#89938d;font-size:10px}.rec-meta span{display:flex;align-items:center;gap:5px}.rec-meta .icon{color:var(--lime)}
.config-submit { width:100%;min-height:62px;justify-content:space-between;padding-inline:18px;text-align:left}.config-submit small,.config-submit b{display:block}.config-submit small{margin-bottom:1px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;opacity:.65}.config-submit b{font-size:14px}.config-submit>.icon{font-size:19px}
.config-note {margin:11px 0 0;text-align:center;color:#626d66;font-size:9px}
.voxel {position:absolute;z-index:0;width:48px;height:48px;border:1px solid rgba(156,255,87,.25);background:linear-gradient(145deg,rgba(156,255,87,.14),rgba(156,255,87,.025));transform:rotate(30deg) skewY(-10deg);box-shadow:0 20px 50px rgba(0,0,0,.4);animation:float 5s ease-in-out infinite}.voxel-a{right:-55px;top:14%;}.voxel-b{left:-46px;bottom:12%;width:29px;height:29px;animation-delay:-2s}.voxel-c{right:9%;bottom:-58px;width:22px;height:22px;animation-delay:-3s}@keyframes float{50%{transform:translateY(-10px) rotate(34deg) skewY(-10deg)}}

/* Creator preview */
.creator-preview { border-block:1px solid var(--border);background:#0a0e0d; }
.preview-bar { min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:30px; }
.preview-copy {display:flex;align-items:center;gap:20px}.preview-copy>div strong,.preview-copy>div span{display:block}.preview-copy strong{font-size:15px}.preview-copy span{color:var(--muted);font-size:12px}.demo-label{padding:5px 8px;border:1px solid rgba(156,255,87,.25);border-radius:5px;color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.12em}
.preview-card{min-width:360px;display:flex;align-items:center;gap:13px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.avatar-placeholder{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#496448,#18231b);font-family:"Space Grotesk";font-weight:800;color:var(--lime)}.preview-card>div:nth-child(2){flex:1}.preview-card span,.preview-card strong{display:block}.preview-card span{font-size:8px;letter-spacing:.13em;color:var(--lime)}.preview-card strong{font-size:12px}.preview-card>a{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--surface-3);color:var(--lime)}

/* Headings and modpacks */
.section-heading {display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:36px}.section-heading h2{margin:7px 0 12px}.section-heading p,.center-heading p{margin:0;color:var(--muted);font-size:16px}.text-link{display:flex;align-items:center;gap:8px;color:#bbc3be;font-size:12px;font-weight:800}.text-link .icon{color:var(--lime)}
.filter-row {display:flex;gap:6px;margin-bottom:23px;overflow-x:auto;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-row button{flex:0 0 auto;padding:8px 15px;border:1px solid transparent;border-radius:8px;background:transparent;color:#7d8781;font-size:11px;font-weight:800;cursor:pointer}.filter-row button:hover{color:white}.filter-row button.active{border-color:var(--border);background:var(--surface-2);color:var(--lime)}
.pack-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.pack-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.pack-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--pack-accent) 40%,transparent);box-shadow:0 25px 50px rgba(0,0,0,.26)}.pack-card[hidden]{display:none}
.pack-art{height:183px;position:relative;overflow:hidden;padding:12px;background:radial-gradient(circle at 65% 30%,color-mix(in srgb,var(--pack-accent) 38%,transparent),transparent 45%),linear-gradient(145deg,#202823,#0e1412)}.pack-art::before{content:"";position:absolute;width:100px;height:100px;right:-20px;bottom:-25px;border:1px solid color-mix(in srgb,var(--pack-accent) 40%,transparent);transform:rotate(30deg);box-shadow:-30px -30px 0 rgba(255,255,255,.025),-60px -60px 0 rgba(255,255,255,.018)}.terrain-lines{position:absolute;inset:50% 0 0;background:repeating-linear-gradient(165deg,transparent 0 12px,rgba(255,255,255,.035) 13px 14px)}.pack-symbol{position:absolute;inset:0;display:grid;place-items:center;color:var(--pack-accent);font-family:"Space Grotesk";font-size:63px;font-weight:800;text-shadow:0 8px 30px color-mix(in srgb,var(--pack-accent) 30%,transparent)}.pack-badge{position:relative;z-index:2;padding:4px 7px;border-radius:5px;background:rgba(7,10,9,.7);backdrop-filter:blur(5px);color:#dbe2dd;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.art-meta{position:absolute;z-index:2;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;color:#aab3ad;font-size:7px;font-weight:800;letter-spacing:.12em}
.pack-body{padding:17px}.pack-category{color:var(--pack-accent);font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.pack-card h3{margin:5px 0 9px;font-size:17px}.pack-card p{height:52px;margin-bottom:14px;color:#828c86;font-size:11px;line-height:1.55}.pack-details{display:flex;justify-content:space-between;gap:5px;margin-bottom:13px;padding-top:12px;border-top:1px solid var(--border);color:#818b85;font-size:9px}.pack-details span{display:flex;align-items:center;gap:4px}.pack-details .icon{color:var(--pack-accent)}.pack-action{display:flex;align-items:center;justify-content:space-between;color:#dfe5e1;font-size:11px;font-weight:800}.pack-action .icon{color:var(--pack-accent);transition:transform .2s}.pack-card:hover .pack-action .icon{transform:translateX(4px)}

/* Journey */
.journey{background:var(--bg-soft);border-block:1px solid var(--border)}.center-heading{max-width:670px;margin:0 auto 54px;text-align:center}.center-heading h2{margin:7px 0 14px}.journey-track{display:grid;grid-template-columns:1fr 88px 1fr 88px 1fr;align-items:center}.journey-card{text-align:center}.step-no{display:block;margin-bottom:13px;color:#536058;font-family:"Space Grotesk";font-size:11px;font-weight:700}.step-visual{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:22px;border:1px solid var(--border);border-radius:var(--radius);background:#0e1412;box-shadow:inset 0 1px rgba(255,255,255,.025)}.pack-mini b{width:57px;height:57px;display:grid;place-items:center;margin-bottom:9px;border-radius:12px;background:linear-gradient(145deg,#30452b,#172019);color:var(--lime);font-size:26px}.pack-mini span,.online-mini span{color:#7f8a83;font-size:10px}.engine-mini{background:radial-gradient(circle,rgba(156,255,87,.09),transparent 60%),#0e1412}.engine-mini i{width:55px;height:55px;margin-bottom:8px;border:1px solid rgba(156,255,87,.25);transform:rotate(45deg);background:rgba(156,255,87,.06);box-shadow:0 0 30px rgba(156,255,87,.08)}.engine-mini b{color:var(--lime);font-size:11px;letter-spacing:.08em}.engine-mini small{color:#68736c;font-size:8px}.online-mini i{width:12px;height:12px;margin-bottom:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 22px var(--lime)}.online-mini b{font-size:17px;letter-spacing:.1em}.journey-card h3{font-size:18px}.journey-card p{max-width:250px;margin-inline:auto;color:#7f8983;font-size:12px}.flow-arrow{display:flex;align-items:center;color:#4b5750}.flow-arrow span{height:1px;flex:1;background:linear-gradient(90deg,var(--border),#4b5750)}.flow-arrow .icon{color:var(--lime)}

/* Comparison */
.comparison-layout{display:grid;grid-template-columns:.82fr 1.25fr;align-items:center;gap:80px}.comparison-copy h2{margin:10px 0 24px;font-size:clamp(38px,4.3vw,62px)}.comparison-copy h2 span{color:var(--lime)}.comparison-copy p{max-width:490px;margin-bottom:29px;color:var(--muted)}.comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.comparison>div{min-width:0;padding:27px}.comparison-old{background:#0c100f}.comparison-new{position:relative;background:linear-gradient(150deg,rgba(156,255,87,.1),transparent 60%),var(--surface-2)}.comparison-title{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.comparison-title i{width:7px;height:7px;border-radius:50%;background:#646d68}.comparison-new .comparison-title{color:var(--lime)}.comparison-new .comparison-title i{background:var(--lime);box-shadow:0 0 10px var(--lime)}.comparison ul{padding:0;margin:0;list-style:none}.comparison li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.045);color:#68726c;font-size:11px;text-decoration:line-through;text-decoration-color:#465048}.time-cost{display:flex;justify-content:space-between;margin-top:22px;padding:12px;border-radius:8px;background:rgba(0,0,0,.25);color:#758079;font-size:10px}.time-cost span{color:var(--lime)}.simple-flow{display:flex;align-items:center;justify-content:space-between;margin:45px 0 28px}.simple-flow>div{text-align:center}.simple-flow span{width:55px;height:55px;display:grid;place-items:center;margin:0 auto 9px;border-radius:12px;background:#202b26;color:var(--lime);font-family:"Space Grotesk";font-size:20px}.simple-flow b{display:block;font-size:10px}.simple-flow>.icon{color:var(--lime)}.comparison-new>p{min-height:57px;color:#8e9992;font-size:11px;line-height:1.7}.comparison-new .time-cost{color:#b8c2bc;background:rgba(156,255,87,.07)}

/* Panel */
.panel-section{padding-bottom:70px;background:linear-gradient(to bottom,var(--bg),#0b100e)}.panel-window{display:grid;grid-template-columns:205px 1fr;height:630px;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:#0d1211;box-shadow:0 40px 90px rgba(0,0,0,.45)}.panel-sidebar{display:flex;flex-direction:column;padding:25px 17px;border-right:1px solid var(--border);background:#0a0e0d}.panel-brand{padding:0 7px;font-size:13px}.panel-brand .brand-cube{width:23px;height:23px}.panel-sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:42px}.panel-sidebar nav span{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:8px;color:#647069;font-size:10px;font-weight:700}.panel-sidebar nav span.active{background:var(--lime-soft);color:var(--lime)}.panel-help{display:flex;flex-direction:column;margin-top:auto;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.panel-help>span{width:25px;height:25px;display:grid;place-items:center;margin-bottom:8px;border-radius:7px;background:var(--lime-soft);color:var(--lime);font-weight:800}.panel-help b{font-size:10px}.panel-help small{color:var(--dim);font-size:8px}.panel-content{min-width:0;padding:0 25px 25px;background:radial-gradient(circle at 90% 0,rgba(156,255,87,.05),transparent 35%)}.panel-toolbar{height:83px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.panel-toolbar small,.panel-toolbar strong{display:block}.panel-toolbar small{color:var(--dim);font-size:7px;letter-spacing:.14em}.panel-toolbar strong{font-size:13px}.panel-controls{display:flex;align-items:center;gap:8px}.panel-controls button{padding:7px 11px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:#9ca69f;font-size:8px;font-weight:800}.panel-controls .panel-start{display:flex;align-items:center;gap:5px;background:var(--lime);color:#0c120d}.panel-avatar{width:30px;height:30px;display:grid;place-items:center;margin-left:8px;border-radius:8px;background:#25302b;color:var(--lime);font-size:8px;font-weight:800}.server-banner{display:flex;align-items:center;justify-content:space-between;margin:24px 0 14px;padding:24px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(110deg,rgba(156,255,87,.08),rgba(255,255,255,.015))}.server-banner .live-chip{width:max-content}.server-banner h3{margin:12px 0 5px;font-size:25px}.server-banner p{margin:0;color:#6f7b74;font-size:10px}.players-online{text-align:right}.players-online>strong{display:block;font-family:"Space Grotesk";font-size:27px}.players-online>strong span{color:#667169;font-size:14px}.players-online small{color:#727d76;font-size:7px;letter-spacing:.1em}.player-dots{display:flex;justify-content:flex-end;gap:3px;margin-top:8px}.player-dots i{width:14px;height:14px;border-radius:4px;background:linear-gradient(145deg,#a2de76,#477831)}.player-dots i:nth-child(2n){background:linear-gradient(145deg,#dca875,#734c2e)}.player-dots i.empty{background:#252d29}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.metric-grid>div{padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.metric-grid span{color:#77827b;font-size:7px;font-weight:800;letter-spacing:.11em}.metric-grid strong{display:block;margin:5px 0 11px;font-size:12px}.meter{height:3px;border-radius:4px;background:#252d29}.meter i{display:block;height:100%;border-radius:inherit;background:var(--lime);box-shadow:0 0 8px rgba(156,255,87,.4)}.console-preview{margin-top:13px;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:#080b0a}.console-preview>div{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid var(--border);color:#738078;font-size:7px;font-weight:800;letter-spacing:.1em}.console-preview>div i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.console-preview code{display:block;padding:14px;color:#819086;font:9px/2 ui-monospace,SFMono-Regular,Consolas,monospace}.console-preview em{color:#4e5a53;font-style:normal}

/* Live account states inside the landing-page panel */
.panel-window:not(.panel-window-empty){height:700px}.panel-window-empty{height:580px}.panel-sidebar nav a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:8px;color:#647069;font-size:10px;font-weight:700;transition:.2s}.panel-sidebar nav a:hover{color:#b9c3bd;background:rgba(255,255,255,.025)}.panel-sidebar nav a.active{background:var(--lime-soft);color:var(--lime)}.panel-sidebar nav a .icon{width:15px}.panel-login,.panel-add{padding:8px 11px;border:1px solid var(--border);border-radius:7px;color:#aab4ae;font-size:8px;font-weight:800}.panel-login:hover,.panel-add:hover{border-color:var(--border-strong);color:white}.panel-wallet{display:flex;align-items:flex-end;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.02)}.panel-wallet small{font-size:6px}.panel-wallet b{color:var(--lime);font-size:10px}.panel-empty-state{min-height:430px;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:44px;padding:45px 7%}.panel-empty-state h3{margin:9px 0 12px;font-size:clamp(27px,3vw,42px)}.panel-empty-state p{max-width:520px;margin:0 0 19px;color:#818c85;font-size:12px;line-height:1.75}.panel-empty-state>div:last-child>small{display:block;margin-top:16px;color:#657069;font-size:9px}.panel-empty-state>div:last-child>small a{color:var(--lime)}.empty-panel-art{width:210px;height:210px;position:relative;display:grid;place-items:center;margin:auto;border:1px solid rgba(156,255,87,.13);border-radius:36%;background:radial-gradient(circle,rgba(156,255,87,.16),transparent 66%);transform:rotate(7deg)}.empty-panel-art .brand-cube{width:84px;height:84px;transform:rotate(-7deg);filter:drop-shadow(0 15px 28px rgba(0,0,0,.4))}.empty-panel-art>i{width:24px;height:24px;position:absolute;border:1px solid rgba(156,255,87,.18);background:#19231e;transform:rotate(20deg)}.empty-panel-art>i:nth-of-type(1){top:20px;right:22px}.empty-panel-art>i:nth-of-type(2){bottom:22px;left:14px;width:15px;height:15px}.panel-empty-points{display:flex;flex-wrap:wrap;gap:8px 15px}.panel-empty-points span{display:flex;align-items:center;gap:5px;color:#aab5ae;font-size:9px}.panel-empty-points .icon{width:13px;color:var(--lime)}.panel-empty-actions{display:flex;gap:9px;margin-top:22px}.panel-empty-actions .button{min-height:42px;padding:0 15px;font-size:9px}.member-balance-card{display:flex;align-items:center;justify-content:space-between;max-width:460px;padding:14px 16px;border:1px solid rgba(156,255,87,.16);border-radius:11px;background:var(--lime-soft)}.member-balance-card span small,.member-balance-card span strong{display:block}.member-balance-card small{color:#819087;font-size:7px;letter-spacing:.12em}.member-balance-card strong{margin-top:3px;color:var(--lime);font:700 19px "Space Grotesk"}.member-balance-card a{color:#c6d1ca;font-size:9px;font-weight:800}.panel-server-switcher{display:flex;gap:7px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:thin}.panel-server-switcher button{min-width:150px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:#0b100e;color:#78847d;text-align:left;cursor:pointer}.panel-server-switcher button.active{border-color:rgba(156,255,87,.28);background:var(--lime-soft);color:white}.panel-server-switcher .status-dot{flex:none;width:6px;height:6px;margin:0;border-radius:50%;background:#69736d}.panel-server-switcher .status-active,.panel-server-switcher .status-provisioning{background:var(--lime);box-shadow:0 0 8px rgba(156,255,87,.5)}.panel-server-switcher .status-payment_required{background:#ffb85c}.panel-server-switcher span,.panel-server-switcher b,.panel-server-switcher small{display:block}.panel-server-switcher b{overflow:hidden;max-width:118px;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.panel-server-switcher small{margin-top:2px;color:#657169;font-size:7px}.panel-server-pane[hidden]{display:none}.panel-server-pane .server-banner{margin-top:14px;padding:17px 19px}.panel-server-pane .server-banner h3{margin:8px 0 4px;font-size:21px}.panel-server-pane .server-banner .live-chip{font-size:7px}.server-state-payment_required{color:#ffc16f!important;background:rgba(255,184,92,.09)!important}.server-state-payment_required i{background:#ffb85c!important;box-shadow:0 0 8px rgba(255,184,92,.5)!important}.server-state-paused,.server-state-cancelled,.server-state-terminated{color:#a3ada7!important;background:rgba(255,255,255,.05)!important}.server-state-paused i,.server-state-cancelled i,.server-state-terminated i{background:#77827b!important;box-shadow:none!important}.panel-manage{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--border);border-radius:8px;color:#c5cec8;font-size:8px;font-weight:800}.panel-manage:hover{border-color:rgba(156,255,87,.3);color:var(--lime)}.panel-manage .icon{width:13px}.panel-subscription-grid{display:grid;grid-template-columns:1.18fr .9fr 1.2fr;gap:10px}.panel-subscription-grid>div{min-width:0;padding:14px 15px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.panel-subscription-grid>div>span,.panel-subscription-grid>div>strong,.panel-subscription-grid>div>small{display:block}.panel-subscription-grid span{color:#77827b;font-size:7px;font-weight:800;letter-spacing:.11em}.panel-subscription-grid strong{overflow:hidden;margin:5px 0 3px;font:700 15px "Space Grotesk";text-overflow:ellipsis}.panel-subscription-grid small{color:#657169;font-size:8px}.panel-subscription-grid small a{color:var(--lime)}.panel-subscription-grid .covered{color:var(--lime)}.panel-subscription-grid .uncovered{color:#ffbd67;font-size:11px}.renewal-overview{display:flex;align-items:center;justify-content:space-between}.period-ring{--period:50;width:48px;height:48px;display:grid;place-items:center;position:relative;flex:none;border-radius:50%;background:conic-gradient(var(--lime) calc(var(--period)*1%),#25302a 0)}.period-ring:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--surface)}.period-ring span{position:relative;color:white;font:700 10px "Space Grotesk"}.period-ring small{display:inline;color:#718078;font-size:6px}.panel-server-pane .metric-grid{margin-top:10px}.panel-server-pane .metric-grid strong{margin-bottom:4px}.panel-server-pane .metric-grid small{color:#626e67;font-size:8px}.panel-renewal-note{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 13px;border:1px solid var(--border);border-radius:10px}.panel-renewal-note>span{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:8px;background:var(--lime-soft);color:var(--lime)}.panel-renewal-note .icon{width:14px}.panel-renewal-note div{min-width:0}.panel-renewal-note b,.panel-renewal-note small{display:block}.panel-renewal-note b{font-size:9px}.panel-renewal-note small{margin-top:2px;color:#667169;font-size:8px}.panel-renewal-note>a{margin-left:auto;padding:7px 10px;border-radius:7px;background:#ffb85c;color:#17120a;font-size:8px;font-weight:900}.panel-renewal-note.needs-topup{border-color:rgba(255,184,92,.18);background:rgba(255,184,92,.035)}.panel-renewal-note.needs-topup>span{color:#ffb85c;background:rgba(255,184,92,.1)}

/* Features */
.features-section{background:#0b100e}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:230px;gap:13px}.feature-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:25px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .2s,transform .2s}.feature-card:hover{transform:translateY(-3px);border-color:var(--border-strong)}.feature-large{grid-row:span 2;background:radial-gradient(circle at 50% 35%,rgba(156,255,87,.1),transparent 44%),var(--surface)}.feature-wide{grid-column:span 2}.feature-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(156,255,87,.18);border-radius:11px;background:var(--lime-soft);color:var(--lime);font-size:21px}.feature-large .feature-icon{width:100px;height:100px;position:absolute;inset:65px auto auto 50%;transform:translateX(-50%);border-radius:26px;font-size:42px;box-shadow:0 0 60px rgba(156,255,87,.1)}.feature-large>div{margin-top:auto}.feature-card h3{font-size:19px}.feature-card p{max-width:420px;margin:0;color:#7f8a83;font-size:12px}.backup-stack{position:absolute;right:23px;top:24px}.backup-stack i{display:block;width:65px;height:36px;margin-top:-24px;border:1px solid var(--border-strong);border-radius:7px;background:#1b2420;transform:rotate(4deg)}.backup-stack i:nth-child(2){transform:rotate(-3deg)}.backup-stack i:nth-child(3){background:var(--lime-soft);border-color:rgba(156,255,87,.2)}.update-pill{width:max-content;position:absolute;right:25px;bottom:27px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:#0c1110;color:#7b8780;font-size:9px}.update-pill strong{color:var(--lime)}

/* Pricing */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:14px}.price-card{position:relative;padding:27px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.price-card.featured{padding-top:34px;border-color:rgba(156,255,87,.38);background:linear-gradient(160deg,rgba(156,255,87,.08),transparent 38%),var(--surface-2);box-shadow:0 25px 60px rgba(0,0,0,.3);transform:scale(1.035)}.popular-label{position:absolute;top:0;left:50%;padding:5px 12px;border-radius:0 0 7px 7px;background:var(--lime);color:#071007;font-size:8px;font-weight:900;letter-spacing:.12em;transform:translateX(-50%);white-space:nowrap}.price-top{display:flex;align-items:center;gap:13px;margin-bottom:27px}.plan-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;background:#202924;color:var(--lime);font-family:"Space Grotesk";font-weight:800}.price-top h3{margin:0 0 3px;font-size:19px}.price-top p{margin:0;color:#738078;font-size:9px}.price{margin-bottom:22px}.price strong{font-family:"Space Grotesk";font-size:36px;letter-spacing:-.04em}.price span{margin-left:5px;color:#758078;font-size:10px}.plan-fit{padding:14px;border-radius:10px;background:#0c1110}.plan-fit b,.plan-fit span{display:block}.plan-fit b{margin-bottom:5px;font-size:11px}.plan-fit span{display:flex;align-items:center;gap:5px;color:#7d8881;font-size:9px}.plan-fit .icon{color:var(--lime)}.price-card ul{min-height:128px;padding:18px 0 8px;margin:0;list-style:none}.price-card li{display:flex;align-items:center;gap:8px;padding:5px 0;color:#9aa49e;font-size:10px}.price-card li .icon{color:var(--lime)}.price-card .button{width:100%}.pricing-note{text-align:center;margin:35px 0 0;color:#59645e;font-size:10px}.pricing-note code{color:#809087}

/* Creator and CTA */
.price-card.modded-plan{box-shadow:0 30px 75px rgba(86,190,43,.18)}.plan-fit .plan-resources{display:block;margin-top:8px;color:#748078;font-size:8px;line-height:1.5}
.creator-section{padding-top:45px}.creator-box{min-height:520px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:70px 70px 70px 400px;border-radius:var(--radius-lg);background:var(--lime);color:#0b110b}.creator-box::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(5,20,7,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(5,20,7,.06) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(90deg,black,transparent 68%)}.creator-copy,.creator-benefits{position:relative;z-index:2}.creator-copy .kicker{color:#355e21}.creator-copy h2{margin:9px 0 20px;font-size:52px}.creator-copy p{margin-bottom:25px;color:#35502e;font-size:13px}.creator-benefits{border-top:1px solid rgba(7,25,9,.17)}.creator-benefits div{display:grid;grid-template-columns:30px 23px 1fr;align-items:center;padding:14px 0;border-bottom:1px solid rgba(7,25,9,.17)}.creator-benefits div>span{color:#4c7336;font-size:9px;font-weight:800}.creator-benefits .icon{width:18px;height:18px;padding:3px;border-radius:50%;background:#0d160d;color:var(--lime)}.creator-benefits b{font-size:11px}.creator-orbit{width:270px;height:270px;position:absolute;left:70px;top:50%;display:grid;place-items:center;border:1px solid rgba(8,28,9,.2);border-radius:50%;transform:translateY(-50%)}.creator-orbit::before,.creator-orbit::after{content:"";position:absolute;border:1px solid rgba(8,28,9,.13);border-radius:50%}.creator-orbit::before{width:200px;height:200px}.creator-orbit::after{width:335px;height:335px}.creator-orbit span{width:100px;height:100px;display:grid;place-items:center;border-radius:24px;background:#121c12;color:var(--lime);font:bold 48px "Space Grotesk";box-shadow:0 25px 50px rgba(21,58,16,.25);transform:rotate(-7deg)}.creator-orbit i{width:16px;height:16px;position:absolute;border:5px solid #172217;border-radius:4px;background:var(--lime)}.creator-orbit i:nth-of-type(1){left:-3px;top:56%}.creator-orbit i:nth-of-type(2){right:20px;top:7%}.creator-orbit i:nth-of-type(3){right:-12px;bottom:23%}
.final-cta{padding-top:50px}.final-box{position:relative;overflow:hidden;padding:92px 30px;text-align:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 100%,rgba(156,255,87,.13),transparent 50%),var(--surface)}.final-box h2{margin:10px 0 12px}.final-box p{margin-bottom:27px;color:#8e9892}.final-box>div:not(.cta-voxel){display:flex;justify-content:center;gap:10px}.cta-voxel{position:absolute;width:140px;height:140px;opacity:.6;border:1px solid rgba(156,255,87,.16);background:linear-gradient(145deg,rgba(156,255,87,.08),transparent);transform:rotate(32deg)}.cta-voxel.left{left:-40px;bottom:-50px}.cta-voxel.right{right:-40px;top:-65px;width:180px;height:180px}

/* Footer */
footer{padding-top:70px;border-top:1px solid var(--border);background:#070909}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:50px;padding-bottom:65px}.footer-brand p{margin:20px 0 0;color:#6a746e;font-size:13px}.footer-grid h3{margin:0 0 17px;color:#d0d6d2;font-family:Manrope;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.footer-grid>div:not(.footer-brand) a{display:block;margin:9px 0;color:#6f7973;font-size:11px}.footer-grid a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;padding-block:20px;border-top:1px solid var(--border);color:#515a55;font-size:9px}.footer-bottom i{color:var(--lime);font-style:normal}

@media (max-width: 1050px) {
  .desktop-nav{gap:18px}.hero-layout{gap:35px}.hero h1{font-size:56px}.pack-grid{grid-template-columns:repeat(3,1fr)}.pack-card:nth-child(n+4){display:none}.comparison-layout{gap:35px}.creator-box{padding-left:330px;gap:40px}.creator-orbit{left:40px}.panel-window{grid-template-columns:165px 1fr}
}

@media (max-width: 820px) {
  :root{--header-h:68px}.shell{width:min(calc(100% - 32px),var(--shell))}.section{padding:88px 0}.desktop-nav,.nav-actions{display:none}.menu-toggle{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:white}.menu-toggle .menu-close{display:none}.menu-toggle[aria-expanded="true"] .menu-open{display:none}.menu-toggle[aria-expanded="true"] .menu-close{display:block}.mobile-menu{display:block;position:fixed;z-index:-1;top:var(--header-h);left:0;right:0;max-height:0;overflow:hidden;background:rgba(8,11,11,.98);transition:max-height .35s ease;border-bottom:1px solid transparent}.mobile-menu.open{max-height:calc(100vh - var(--header-h));border-color:var(--border)}.mobile-menu nav{display:flex;flex-direction:column;padding:18px 16px 25px}.mobile-menu nav>a:not(.button){padding:13px 8px;border-bottom:1px solid var(--border);font-weight:700}.mobile-menu .mobile-login{color:var(--muted)}.mobile-menu .button{margin-top:16px}
  .hero{min-height:auto;padding:125px 0 80px}.hero-layout{grid-template-columns:1fr;gap:62px}.hero-copy{text-align:center}.eyebrow{margin-inline:auto}.hero h1{max-width:760px;margin-inline:auto;font-size:clamp(48px,9vw,72px)}.hero-lead{margin-inline:auto}.hero-buttons,.hero-proof{justify-content:center}.config-stage{width:min(100%,580px);margin-inline:auto}
  .preview-bar{padding-block:20px;flex-direction:column;align-items:stretch}.preview-copy{justify-content:center}.preview-card{min-width:0}
  .section-heading{align-items:start}.pack-grid{display:flex;gap:13px;overflow-x:auto;margin-inline:-16px;padding:0 16px 20px;scroll-snap-type:x mandatory;scrollbar-width:none}.pack-card{flex:0 0 270px;scroll-snap-align:start}.pack-card:nth-child(n){display:block}.journey-track{grid-template-columns:1fr;gap:12px;max-width:480px;margin-inline:auto}.flow-arrow{height:45px;flex-direction:column}.flow-arrow span{width:1px;background:linear-gradient(var(--border),#4b5750)}.flow-arrow .icon{transform:rotate(90deg)}
  .comparison-layout{grid-template-columns:1fr}.comparison-copy{text-align:center}.comparison-copy p{margin-inline:auto}.comparison{max-width:650px;margin-inline:auto}.panel-window{height:auto;grid-template-columns:1fr}.panel-sidebar{display:none}.panel-content{padding:0 18px 20px}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-row:span 2}.feature-wide{grid-column:auto}.pricing-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}.price-card.featured{transform:none;order:-1}.creator-box{min-height:auto;grid-template-columns:1fr;padding:390px 45px 55px}.creator-orbit{top:185px;left:50%;transform:translate(-50%,-50%)}.creator-copy{text-align:center}.creator-copy p{max-width:480px;margin-inline:auto;margin-bottom:25px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-brand{grid-row:span 2}
}

@media (max-width: 560px) {
  .shell{width:min(calc(100% - 28px),var(--shell))}.section{padding:74px 0}h2{font-size:38px}.button-large{min-height:52px;padding-inline:18px}.hero{padding-top:110px}.hero h1{font-size:45px}.hero-lead{font-size:15px}.hero-buttons{display:grid;grid-template-columns:1fr}.hero-proof{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:8px 12px;width:max-content;max-width:100%;margin:23px auto 0}.hero-proof span:last-child{grid-column:1/-1}.config-card{padding:18px;border-radius:21px}.card-top h2{font-size:20px}.game-choice-grid{grid-template-columns:1fr}.game-choice{min-height:64px}.choice-hint{margin-bottom:15px}.player-options button{min-height:45px}.rec-main{align-items:end}.rec-main strong{font-size:17px}.rec-meta{gap:8px}.voxel-a{right:-17px}.voxel-b{left:-12px}.preview-copy{align-items:flex-start}.preview-copy>div strong{font-size:13px}.preview-copy>div span{font-size:10px}.section-heading{display:block}.section-heading .text-link{margin-top:18px}.pack-card{flex-basis:82vw}.center-heading{margin-bottom:37px}.comparison{grid-template-columns:1fr}.comparison-old{display:none}.comparison-new{min-height:340px}.panel-toolbar{height:76px}.panel-toolbar strong{font-size:11px}.panel-controls button{display:none}.panel-controls .panel-start{display:flex}.panel-avatar{display:none}.server-banner{padding:18px}.server-banner h3{font-size:19px}.players-online>strong{font-size:22px}.player-dots{display:none}.metric-grid{grid-template-columns:1fr}.metric-grid>div{padding:11px 13px}.console-preview code{overflow:hidden;white-space:nowrap}.feature-grid{grid-template-columns:1fr;grid-auto-rows:auto}.feature-card{min-height:190px}.feature-large{min-height:330px;grid-row:auto}.feature-wide{grid-column:auto}.update-pill{position:static;margin-top:20px}.price-card{padding:23px}.creator-box{padding:345px 24px 38px}.creator-orbit{top:165px;transform:translate(-50%,-50%) scale(.82)}.creator-copy h2{font-size:41px}.creator-benefits div{grid-template-columns:26px 21px 1fr}.final-box{padding:70px 20px}.final-box>div:not(.cta-voxel){display:grid;grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-bottom{flex-direction:column;gap:7px}.pricing-note{line-height:1.6}
}

@media (max-width: 760px) {
  .panel-window:not(.panel-window-empty),.panel-window-empty{height:auto;min-height:0}.panel-content{padding-bottom:18px}.panel-empty-state{min-height:0;grid-template-columns:1fr;gap:18px;padding:30px 4% 36px;text-align:center}.empty-panel-art{width:130px;height:130px}.empty-panel-art .brand-cube{width:55px;height:55px}.panel-empty-state p{margin-inline:auto}.panel-empty-points{justify-content:center}.panel-empty-actions{justify-content:center}.member-balance-card{margin-inline:auto;text-align:left}.panel-subscription-grid{grid-template-columns:1fr 1fr}.panel-subscription-grid>div:last-child{grid-column:1/-1}.panel-server-switcher{margin-inline:-2px}.panel-server-pane .server-banner{margin-top:12px}.panel-server-pane .metric-grid{grid-template-columns:repeat(3,1fr)}
}

@media (max-width: 560px) {
  .panel-window{border-radius:16px}.panel-content{padding-inline:14px}.panel-toolbar{height:72px}.panel-toolbar>div:first-child{min-width:0}.panel-toolbar strong{overflow:hidden;max-width:175px;text-overflow:ellipsis;white-space:nowrap}.panel-wallet{padding:6px 8px}.panel-wallet small{display:none}.panel-controls .panel-add{display:none}.panel-empty-state{padding:27px 2% 32px}.panel-empty-state h3{font-size:27px}.panel-empty-state p{font-size:11px}.panel-empty-points{display:grid;justify-content:start;width:max-content;max-width:100%;margin-inline:auto;text-align:left}.panel-empty-actions{display:grid;grid-template-columns:1fr;width:100%}.panel-empty-actions .button{width:100%}.member-balance-card{width:100%}.panel-server-switcher button{min-width:138px}.panel-server-pane .server-banner{align-items:flex-start;padding:15px}.panel-server-pane .server-banner h3{font-size:18px}.panel-manage{padding:8px;font-size:0}.panel-manage .icon{width:15px}.panel-subscription-grid{grid-template-columns:1fr}.panel-subscription-grid>div:last-child{grid-column:auto}.panel-server-pane .metric-grid{grid-template-columns:1fr}.panel-renewal-note{align-items:flex-start}.panel-renewal-note>a{align-self:center}.period-ring{width:44px;height:44px}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}
}