:root {
  --mc-green: #69d052;
  --mc-green-dark: #2c8334;
  --mc-blue: #48a9f8;
  --mc-gold: #ffc857;
  --mc-panel: #0b1422;
  --mc-panel-2: #111e2e;
  --mc-line: rgba(255,255,255,.12);
  --mc-muted: #a8b5c7;
}

.minecraft-hosting-page { background:#050b13; color:#eef6ff; }
.minecraft-hosting-page main { overflow:hidden; }
.minecraft-hosting-page .site-header { background:rgba(3,9,17,.96); }
.minecraft-hosting-page .button { border:1px solid var(--mc-green); background:var(--mc-green); color:#06100a; font-weight:850; box-shadow:0 12px 32px rgba(73,176,77,.22); }
.minecraft-hosting-page .button:hover { background:#83e46d; border-color:#83e46d; transform:translateY(-2px); }
.minecraft-hosting-page .button.secondary { color:#f4f8ff; background:rgba(4,12,22,.7); border-color:rgba(255,255,255,.32); box-shadow:none; }
.minecraft-hosting-page .eyebrow { margin:0 0 .65rem; color:var(--mc-green); font-size:.76rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }

.minecraft-hero { min-height:720px; position:relative; display:grid; align-items:center; isolation:isolate; border-bottom:1px solid rgba(105,208,82,.2); }
.minecraft-hero-image { position:absolute; inset:0; z-index:-4; width:100%; height:100%; object-fit:cover; object-position:center 45%; }
.minecraft-hero-shade { position:absolute; inset:0; z-index:-3; background:linear-gradient(90deg,rgba(2,7,12,.98) 0%,rgba(2,8,15,.87) 38%,rgba(4,10,17,.36) 70%,rgba(3,8,14,.58) 100%),linear-gradient(0deg,rgba(3,9,16,.94),transparent 42%); }
.minecraft-pixel-grid { position:absolute; inset:0; z-index:-2; opacity:.14; background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(90deg,#000,transparent 72%); }
.minecraft-hero-copy { width:min(750px,66vw); padding:7rem 0 6rem; }
.minecraft-breadcrumbs { display:flex; gap:.6rem; margin-bottom:1.5rem; color:#aab9c9; font-size:.82rem; }
.minecraft-breadcrumbs a { color:#dce9f6; }
.minecraft-live-pill { display:inline-flex; padding:.45rem .75rem; border:1px solid rgba(105,208,82,.4); border-radius:999px; color:#c9ffc0; background:rgba(41,109,47,.22); font-size:.72rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.minecraft-hero h1 { margin:1rem 0; max-width:760px; font-size:clamp(3.3rem,7vw,6.8rem); line-height:.86; letter-spacing:-.065em; text-transform:uppercase; text-wrap:balance; }
.minecraft-hero h1 span { color:transparent; -webkit-text-stroke:1.5px rgba(132,228,108,.95); text-shadow:0 0 36px rgba(78,196,81,.22); }
.minecraft-hero .lead { max-width:650px; color:#d1dce8; font-size:clamp(1.05rem,1.5vw,1.25rem); line-height:1.7; }
.minecraft-hero-badges { display:flex; flex-wrap:wrap; gap:.6rem; margin:1.6rem 0; }
.minecraft-hero-badges span { padding:.48rem .72rem; border:1px solid rgba(255,255,255,.14); border-radius:6px; background:rgba(4,12,21,.68); color:#d9e5ef; font-size:.76rem; font-weight:750; }

.minecraft-proof { background:#07111d; border-bottom:1px solid var(--mc-line); }
.minecraft-proof-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.minecraft-proof-grid div { padding:1.5rem 1.25rem; border-right:1px solid var(--mc-line); }
.minecraft-proof-grid div:first-child { border-left:1px solid var(--mc-line); }
.minecraft-proof-grid strong,.minecraft-proof-grid span { display:block; }
.minecraft-proof-grid strong { color:#fff; font-size:.98rem; }
.minecraft-proof-grid span { margin-top:.28rem; color:var(--mc-muted); font-size:.76rem; }

.minecraft-section { padding:6rem 0; position:relative; }
.minecraft-section.is-soft { background:linear-gradient(180deg,#08111d,#0b1725); border-block:1px solid var(--mc-line); }
.minecraft-heading { max-width:800px; margin-bottom:2.1rem; }
.minecraft-heading h2 { margin:.2rem 0 .75rem; font-size:clamp(2.2rem,4.5vw,4rem); line-height:1; letter-spacing:-.045em; text-wrap:balance; }
.minecraft-heading > p:last-child { color:var(--mc-muted); line-height:1.7; }
.minecraft-heading-row { max-width:none; display:flex; align-items:end; justify-content:space-between; gap:2rem; }
.minecraft-heading-row > div:first-child { max-width:800px; }

.modpack-section { background:radial-gradient(circle at 75% 8%,rgba(72,169,248,.1),transparent 34%),#050b13; }
.modpack-arrows { display:flex; gap:.6rem; padding-bottom:.4rem; }
.modpack-arrows button { width:46px; height:46px; border:1px solid var(--mc-line); border-radius:8px; background:#101b29; color:#fff; font-size:1.3rem; cursor:pointer; }
.modpack-arrows button:hover { border-color:var(--mc-green); color:var(--mc-green); }
.modpack-track { display:flex; gap:1rem; padding:.15rem .1rem 1.25rem; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-color:var(--mc-green-dark) #101926; scrollbar-width:thin; }
.modpack-card { flex:0 0 clamp(250px,23vw,310px); scroll-snap-align:start; display:grid; grid-template-rows:auto auto 1fr auto auto; gap:.9rem; min-height:470px; padding:1rem; border:1px solid var(--mc-line); border-radius:14px; background:linear-gradient(145deg,#111e2c,#09121e); position:relative; transition:.2s ease; }
.modpack-card:hover,.modpack-card.is-selected { transform:translateY(-5px); border-color:rgba(105,208,82,.72); box-shadow:0 20px 40px rgba(0,0,0,.3); }
.modpack-card.is-selected { box-shadow:inset 0 0 0 1px var(--mc-green),0 20px 40px rgba(28,101,45,.2); }
.modpack-card img { width:100%; aspect-ratio:1.65; object-fit:contain; border-radius:9px; padding:.7rem; background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); }
.modpack-rank { position:absolute; top:1.65rem; left:1.6rem; z-index:1; padding:.28rem .45rem; border-radius:4px; background:rgba(3,9,16,.84); color:var(--mc-green); font-size:.67rem; font-weight:900; letter-spacing:.12em; }
.modpack-loader { color:#8ecaf8; font-size:.67rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.modpack-card h3 { margin:.35rem 0 .25rem; color:#fff; font-size:1.18rem; line-height:1.15; }
.modpack-card p { margin:0; color:var(--mc-muted); font-size:.84rem; line-height:1.55; }
.modpack-card button { width:100%; padding:.78rem .9rem; border:0; border-radius:7px; background:var(--mc-green); color:#061008; font-weight:900; cursor:pointer; }
.modpack-card.is-selected button { background:#d7ffd0; }
.modpack-card > a { color:#a9c4dd; font-size:.74rem; font-weight:700; text-align:center; }
.modpack-selection { display:flex; justify-content:space-between; gap:1rem; margin-top:1.15rem; padding:1rem 1.2rem; border:1px solid rgba(105,208,82,.3); border-radius:9px; background:rgba(42,115,51,.13); color:#d8ead7; font-weight:700; }
.modpack-selection a { color:var(--mc-green); }
.modpack-note { max-width:950px; margin:1rem 0 0; color:#7f8da0; font-size:.72rem; line-height:1.55; }
.modpack-note a { color:#a9c4dd; text-decoration:underline; }

.minecraft-tier-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; align-items:stretch; }
.minecraft-tier { --tier:#8a6339; display:flex; flex-direction:column; gap:.8rem; padding:1.25rem; border:1px solid var(--mc-line); border-top:3px solid var(--tier); border-radius:11px; background:rgba(6,13,22,.85); transition:.2s ease; }
.minecraft-tier.stone { --tier:#9299a1; }
.minecraft-tier.iron { --tier:#d0d7dd; }
.minecraft-tier.gold { --tier:#f2c84b; }
.minecraft-tier.diamond { --tier:#52e5df; }
.minecraft-tier:hover,.minecraft-tier.is-selected { transform:translateY(-5px); border-color:var(--tier); box-shadow:0 18px 38px rgba(0,0,0,.28); }
.minecraft-tier.is-selected { box-shadow:inset 0 0 0 1px var(--tier),0 18px 38px rgba(0,0,0,.28); }
.tier-block { width:48px; aspect-ratio:1; border:3px solid rgba(0,0,0,.25); background:var(--tier); box-shadow:inset -8px -8px 0 rgba(0,0,0,.14),inset 8px 8px 0 rgba(255,255,255,.12); image-rendering:pixelated; }
.tier-label { color:var(--tier); font-size:.65rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.minecraft-tier h3 { margin:0; color:#fff; font-size:1.55rem; }
.minecraft-tier > p { min-height:62px; margin:0 0 .3rem; color:var(--mc-muted); font-size:.79rem; line-height:1.55; }
.tier-pending { padding:.72rem; border:1px dashed rgba(255,255,255,.16); border-radius:7px; background:rgba(255,255,255,.025); }
.tier-pending span,.tier-pending strong { display:block; }
.tier-pending span { color:#7f8da0; font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; }
.tier-pending strong { margin-top:.22rem; color:#e7eef7; font-size:.83rem; }
.minecraft-tier button { margin-top:auto; padding:.75rem; border:1px solid var(--tier); border-radius:7px; background:transparent; color:#fff; font-weight:850; cursor:pointer; }
.minecraft-tier button:hover,.minecraft-tier.is-selected button { background:var(--tier); color:#07101a; }
.tier-summary { display:grid; grid-template-columns:auto 1fr; gap:1rem 1.5rem; align-items:center; margin-top:1.25rem; padding:1.1rem 1.25rem; border:1px solid var(--mc-line); border-radius:9px; background:#101a27; }
.tier-summary strong { color:var(--mc-green); }
.tier-summary span { color:#c0ccda; }

.minecraft-infra { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(2rem,6vw,6rem); align-items:center; }
.minecraft-infra-copy h2 { margin:.25rem 0 1rem; font-size:clamp(2.3rem,4.5vw,4rem); line-height:1; letter-spacing:-.045em; }
.minecraft-infra-copy > p { color:var(--mc-muted); line-height:1.7; }
.minecraft-checks { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; margin-top:1.4rem; }
.minecraft-checks div { padding:.75rem .85rem; border:1px solid var(--mc-line); border-radius:7px; color:#d8e4ef; background:#0c1622; font-size:.82rem; }
.minecraft-checks div::before { content:'✓'; margin-right:.55rem; color:var(--mc-green); font-weight:900; }
.minecraft-stack { padding:1.2rem; border:1px solid var(--mc-line); border-radius:14px; background:linear-gradient(145deg,#111d2b,#08111b); box-shadow:0 25px 60px rgba(0,0,0,.28); }
.minecraft-amd-badge { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.75rem; padding:1.25rem; border-radius:9px; background:#020407; }
.minecraft-amd-badge span { color:#aab7c6; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.minecraft-amd-badge img { width:min(210px,55%); height:auto; filter:brightness(0) invert(1); }
.stack-row { display:flex; justify-content:space-between; gap:1rem; padding:1rem .5rem; border-top:1px solid var(--mc-line); }
.stack-row strong { color:var(--mc-green); }
.stack-row span { color:var(--mc-muted); font-size:.82rem; }

.minecraft-final { padding-top:1rem; }
.minecraft-final-panel { padding:clamp(2rem,6vw,5rem); border:1px solid rgba(105,208,82,.3); border-radius:16px; background:linear-gradient(120deg,rgba(36,108,44,.34),rgba(12,28,45,.9)),linear-gradient(135deg,#0a1622,#111c2a); text-align:center; box-shadow:0 25px 70px rgba(0,0,0,.35); }
.minecraft-final-panel h2 { margin:.4rem auto 1rem; max-width:840px; font-size:clamp(2.3rem,5vw,4.3rem); line-height:1; letter-spacing:-.05em; }
.minecraft-final-panel > p:not(.eyebrow) { max-width:690px; margin:0 auto; color:var(--mc-muted); line-height:1.7; }
.minecraft-final-panel .hero-actions { justify-content:center; }

@media (max-width:1100px) {
  .minecraft-tier-grid { grid-template-columns:repeat(3,1fr); }
  .minecraft-proof-grid { grid-template-columns:repeat(2,1fr); }
  .minecraft-proof-grid div:nth-child(3) { border-left:1px solid var(--mc-line); }
}

@media (max-width:780px) {
  .minecraft-hero { min-height:650px; }
  .minecraft-hero-copy { width:100%; padding:5rem 0; }
  .minecraft-hero-shade { background:linear-gradient(90deg,rgba(2,7,12,.96),rgba(2,8,15,.65)),linear-gradient(0deg,rgba(3,9,16,.95),transparent 42%); }
  .minecraft-heading-row,.minecraft-infra { display:block; }
  .modpack-arrows { margin-top:1rem; }
  .minecraft-tier-grid { grid-template-columns:1fr; }
  .minecraft-tier > p { min-height:0; }
  .minecraft-stack { margin-top:2rem; }
  .minecraft-checks { grid-template-columns:1fr; }
}

@media (max-width:520px) {
  .minecraft-section { padding:4.2rem 0; }
  .minecraft-proof-grid { grid-template-columns:1fr; }
  .minecraft-proof-grid div { border-left:1px solid var(--mc-line); }
  .modpack-card { flex-basis:88vw; }
  .modpack-selection,.tier-summary { display:block; }
  .modpack-selection a { display:block; margin-top:.5rem; }
  .tier-summary span { display:block; margin-top:.45rem; }
}

/* Auto-scrolling modpack marquee (showcase only) */
.modpack-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);margin-top:1.25rem}
.modpack-marquee-track{display:flex;gap:1rem;width:max-content;animation:mc-marquee 55s linear infinite}
.modpack-marquee:hover .modpack-marquee-track{animation-play-state:paused}
@keyframes mc-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.modpack-marquee .modpack-card{flex:0 0 260px;min-width:260px}
.modpack-marquee .modpack-card button{display:none}
.tier-specs{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.45rem}
.tier-specs li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.35rem 0;font-size:.92rem}
.tier-specs span{opacity:.75}
.tier-price{display:flex;align-items:baseline;gap:.5rem;margin:0 0 1rem}
.tier-price strong{font-size:1.6rem}
.tier-price span{opacity:.7;font-size:.85rem}
.minecraft-tier.is-featured{outline:1px solid rgba(56,189,248,.45);box-shadow:0 0 0 1px rgba(56,189,248,.15) inset}
.minecraft-tier .button{width:100%;text-align:center}