:root {
  --ink: #edf4ee;
  --paper: #08110e;
  --muted: #9aaba0;
  --line: #26362e;
  --green: #c7ff62;
  --deep: #07100d;
}

body {
  background: linear-gradient(180deg, #0d1813 0, #08110e 42%, #0a120f 100%);
  color: var(--ink);
}

.topbar {
  background: rgba(8, 17, 14, .92);
  border-bottom-color: rgba(197, 229, 202, .13);
  backdrop-filter: blur(16px);
}

.brand { color: #f2f8f1; }
.brand-dot { color: var(--green); }
.brand-mark { color: #10180f; box-shadow: 0 0 24px rgba(199, 255, 98, .18); }
.topbar nav, .search-toggle, .top-cta { color: #b3c1b6; }
.topbar nav a:hover, .text-link:hover, .search-toggle:hover { color: var(--green); }
.top-cta { border-bottom-color: #5d7767; }

.hero {
  min-height: 620px;
  max-width: none;
  padding-top: 74px;
  padding-bottom: 66px;
  background:
    linear-gradient(90deg, rgba(199, 255, 98, .04), transparent 30%),
    linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
  background-size: auto, 54px 54px, 54px 54px;
}

.eyebrow { color: #9eb0a3; }
.live-dot { background: var(--green); box-shadow: 0 0 0 4px rgba(199, 255, 98, .12), 0 0 15px rgba(199, 255, 98, .38); }
.hero h1 { color: #f1f7f1; }
.hero h1 span { color: var(--green); }
.hero-lede, .section-heading > p, .network-copy p, .contact-copy, .faq-heading > p { color: #9fac9f; }
.hero-proof { color: #9baaa0; }
.hero-proof strong { color: #eaf3e9; }
.avatars span { border-color: #0d1712; }
.proof-divider { background: #304137; }
.button-primary { background: var(--green); color: #111a10; box-shadow: 0 10px 30px rgba(151, 212, 67, .15); }
.button-primary:hover { background: #dcff95; }
.button-dark { background: #edf5ee; color: #122016; }
.button-dark:hover { background: var(--green); }
.text-link { color: #d5e0d5; }

.hero-art {
  border: 1px solid rgba(210, 239, 211, .16);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .38);
}

.hero-art:after { background: linear-gradient(90deg, rgba(5, 13, 9, .72), rgba(5, 13, 9, .08) 80%), linear-gradient(0deg, rgba(5, 13, 9, .65), transparent 52%); }
.float-chip { background: rgba(9, 20, 15, .84); border: 1px solid rgba(222, 246, 221, .18); box-shadow: 0 16px 34px rgba(0, 0, 0, .34); color: #eef6ef; }
.float-chip small { color: #a8bbac; }
.chip-icon { background: var(--green); color: #132212; }
.uptime-ring { border-color: var(--green); color: var(--green); }
.ticker { background: #c7ff62; color: #142010; }
.ticker b { color: #547830; }

.services, .pricing, .status, .reviews, .faq, .contact { background: transparent; }
.section-heading h2, .status h2, .network-copy h2, .contact h2, .faq h2 { color: #edf4ee; }
.section-index { color: var(--green); }
.catalog-toolbar { border-top: 1px solid #25372d; padding-top: 18px; }
.filter-group { background: #101c16; border-color: #2d4135; }
.filter-button { background: #101c16; border-right-color: #2d4135; color: #aab9af; }
.filter-button:hover { background: #17261e; color: #eff8ef; }
.filter-button.active { background: var(--green); color: #111a10; }
.catalog-note, .price-disclaimer { color: #91a294; }

.service-card {
  background: #0e1a14;
  border-color: #2a3b30;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.service-card:hover { transform: translateY(-5px); border-color: #8db954; box-shadow: 0 20px 42px rgba(0, 0, 0, .34); }
.card-topline, .card-content { background: #0e1a14; }
.tag-quiet { background: #17271e; color: #adc0b0; }
.mc-icon, .game-icon { background: #e9f5d9; color: #345329; }
.web-icon, .bot-icon { background: #dcecf4; color: #205569; }
.cloud-icon { background: #f9e8c6; color: #8b551e; }

.card-art {
  height: 178px;
  align-items: flex-end;
  isolation: isolate;
  background-position: center;
  background-size: cover;
}

.card-art::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(5, 12, 9, .02) 23%, rgba(5, 12, 9, .82) 100%);
}

.card-art > span {
  position: relative;
  z-index: 1;
  padding: 7px 8px;
  background: rgba(8, 17, 14, .82);
  color: #eaf6e7;
  border: 1px solid rgba(230, 248, 227, .18);
  font-size: 8px;
}

.mc-art { background-image: url("https://cdn.mos.cms.futurecdn.net/Dg5DwPErVMs36ar4YqGCcc.jpg"); }
.web-art { background-image: url("https://images.unsplash.com/photo-1461749280684-dccba630e2f6?auto=format&fit=crop&w=1000&q=82"); }
.cloud-art { background-image: url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1000&q=82"); }
.rust-art { background-image: url("https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=1000&q=82"); }
.valheim-art { background-image: url("https://images.unsplash.com/photo-1511512578047-dfb367046420?auto=format&fit=crop&w=1000&q=82"); }
.terraria-art { background-image: url("https://images.unsplash.com/photo-1511882150382-421056c89033?auto=format&fit=crop&w=1000&q=82"); }
.ark-art { background-image: url("https://images.unsplash.com/photo-1542751110-97427bbecf20?auto=format&fit=crop&w=1000&q=82"); }
.fivem-art { background-image: url("https://images.unsplash.com/photo-1552820728-8b83bb6b773f?auto=format&fit=crop&w=1000&q=82"); }
.bot-art { background-image: url("https://images.unsplash.com/photo-1550745165-9bc0b252726f?auto=format&fit=crop&w=1000&q=82"); }
.wordpress-art { background-image: url("https://images.unsplash.com/photo-1499750310107-5fef28a66643?auto=format&fit=crop&w=1000&q=82"); }
.cs2-art { background-image: url("https://images.unsplash.com/photo-1493711662062-fa541adb3fc8?auto=format&fit=crop&w=1000&q=82"); }
.zomboid-art { background-image: url("https://images.unsplash.com/photo-1552820728-8b83bb6b773f?auto=format&fit=crop&w=1000&q=82"); }
.gmod-art { background-image: url("https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=1000&q=82"); }

.mc-art .block, .mc-art .pixel-sun, .web-art .browser-window, .cloud-art .cloud-grid { display: none; }
.extra-art::before { z-index: 0; background: linear-gradient(135deg, rgba(199, 255, 98, .14), transparent 54%); }
.extra-art span { background: rgba(8, 17, 14, .82); color: #eaf6e7; }
.card-kicker { color: #9cbe75; }
.card-content h3, .card-meta strong { color: #edf5ed; }
.card-content p, .card-meta { color: #a1afa4; }
.card-meta { border-top-color: #293a30; }
.card-meta a { color: var(--green); border-color: #33483a; }
.card-meta a:hover { background: var(--green); color: #112011; }

.plan-tabs { border-bottom-color: #2a3b30; }
.plan-tab { color: #a3b1a5; }
.plan-tab:hover { background: #142119; color: #eff8ee; }
.plan-tab.active, .plan-tab[aria-selected="true"] { background: var(--green); border-color: var(--green); color: #142012; }
.plan-intro, .plan-panel-note { color: #a3b0a5; }
.plan-panel-note, .price-disclaimer { background: #122018; border-left-color: var(--green); }
.plan-card { background: #0e1a14; border-color: #2a3b30; }
.plan-card.plan-featured { border-color: #9acd58; box-shadow: inset 0 3px var(--green), 0 18px 40px rgba(0, 0, 0, .22); }
.plan-label, .plan-price small, .plan-specs dt { color: #9bae9e; }
.plan-card h3, .plan-price, .plan-specs dd, .plan-terms strong { color: #eef6ef; }
.plan-card > p, .plan-card ul, .plan-terms p { color: #a0aea3; }
.plan-price, .plan-specs, .plan-specs > div { border-color: #293a30; }
.plan-card li::before { color: var(--green); }
.plan-terms, .plan-terms > div { border-color: #2a3b30; }
.plan-terms span { color: #98ad9b; }

.network { background: #0d1913; border-top: 1px solid #24362c; border-bottom: 1px solid #24362c; }
.network-copy h2 span, .contact h2 span { color: var(--green); }
.workflow-list, .workflow-list > div { border-color: #2a3d31; }
.workflow-list > div > span { color: var(--green); }
.workflow-list strong { color: #edf5ed; }
.workflow-list p { color: #9eaea1; }
.status-board { background: #0e1a14; border-color: #2a3b30; }
.status-summary { border-color: #293a30; color: #edf5ed; }
.updated, .transparency-grid span { color: #9fb1a1; }
.transparency-grid strong { color: #edf5ed; }
.transparency-grid p { color: #a1aea3; }

.reviews, .faq, .contact { border-color: #26382e; }
.review-empty, .faq-list, .faq-list details { border-color: #2a3b30; }
.review-mark { background: #21331f; color: var(--green); }
.review-empty strong, .faq-list summary { color: #eef5ef; }
.review-empty p, .faq-list details p { color: #9eaea1; }
.review-state { color: #a4b5a6; }
.faq-list summary::after { color: var(--green); }
.contact { border-top-color: #2a3b30; }
footer { background: #07100d; border-top-color: #25372d; color: #99aa9c; }
footer .brand { color: #eff7ef; }

.search-popover, .private-panel { background: #0d1913; border-color: #2d4135; box-shadow: 0 20px 60px rgba(0, 0, 0, .52); }
.search-popover input, .private-panel input, .message-form input { background: #08110e; border-color: #2c4034; color: #eef6ef; }
.search-popover input:focus, .private-panel input:focus, .message-form input:focus { border-color: var(--green); }
.private-close { color: #b5c2b7; }
.private-panel h2 { color: #f0f7f0; }

@media (max-width: 650px) {
  .hero { min-height: 0; padding-top: 47px; }
  .hero-art { height: 350px; }
  .card-art { height: 168px; }
  .catalog-toolbar { padding-top: 14px; }
}