/* dayzhub.net public pages (2026-09-27) - the DayzHUB Console look (dayzhub.cloud site.css):
   warm near-black surfaces, brass gold for actions, cyan for anything live, Discord blurple
   for the bot's own messages. Archivo (expanded) for display, Inter for text, JetBrains Mono
   for data. Dark only, like the dashboard and dayzhub.cloud. */
:root{
  --bg:#08090B; --bg-2:#0C0D10; --surface:#111215; --surface-2:#16181C; --surface-3:#1C1F24;
  --line:rgba(255,255,255,.07); --line-2:rgba(255,255,255,.11); --line-3:rgba(255,255,255,.18);
  --ink:#EEEAE1; --ink-2:#B1AC9F; --ink-3:#8A857A; --ink-4:#5E5A52;
  --gold:#E7C98B; --gold-2:#F4DDA6; --gold-3:#B8924F; --gold-soft:rgba(231,201,139,.10); --gold-line:rgba(231,201,139,.34);
  --gold-grad:linear-gradient(135deg,#F6DFA6,#E7C98B 48%,#C49A55);
  --live:#5CC3D8; --live-soft:rgba(92,195,216,.12); --live-line:rgba(92,195,216,.36);
  --ok:#5CC38A; --bad:#E2574C;
  --blurple:#5865F2; --blurple-soft:rgba(88,101,242,.14);
  --r:16px; --r-sm:10px;
  --f-d:'Archivo','Inter',system-ui,sans-serif; --f-b:'Inter',system-ui,'Segoe UI',sans-serif; --f-m:'JetBrains Mono',ui-monospace,monospace;
  --wrap:1200px; --gut:clamp(16px,4vw,32px);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--f-b);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:rgba(231,201,139,.3)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
[hidden]{display:none!important}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--gold);color:#16120A;padding:10px 14px;border-radius:8px;font-weight:600}
.skip:focus{top:12px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.mono{font-family:var(--f-m);font-variant-numeric:tabular-nums}

/* type */
h1,h2{font-family:var(--f-d);font-stretch:112%;font-weight:800;letter-spacing:-.022em;text-wrap:balance;line-height:1.04;overflow-wrap:break-word;hyphens:auto}
h1{font-size:clamp(38px,4.6vw,64px)}
h2{font-size:clamp(30px,4vw,48px)}
h3{font-family:var(--f-d);font-stretch:106%;font-weight:700;font-size:19px;line-height:1.25;letter-spacing:-.005em;overflow-wrap:break-word}
h1 span,h2 span{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:var(--ink-2);max-width:62ch;text-wrap:pretty}
.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:700 12px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.badge{font:700 10.5px/1 var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--live);background:var(--live-soft);border:1px solid var(--live-line);border-radius:999px;padding:5px 9px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border-radius:12px;font:600 15px/1 var(--f-b);border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;white-space:nowrap}
.btn.sm{height:38px;padding:0 14px;font-size:14px;border-radius:10px;gap:8px}
.btn.gold{background:var(--gold-grad);color:#1A140A;box-shadow:0 10px 30px -12px rgba(231,201,139,.55),inset 0 1px 0 rgba(255,255,255,.4)}
.btn.gold:hover{transform:translateY(-1px);box-shadow:0 14px 34px -12px rgba(231,201,139,.7),inset 0 1px 0 rgba(255,255,255,.45)}
.btn.gold .ic{transition:transform .2s ease}
.btn.gold:hover .ic{transform:translateX(3px)}
.btn.ghost{background:rgba(255,255,255,.03);border-color:var(--line-2);color:var(--ink)}
.btn.ghost:hover{border-color:var(--line-3);background:rgba(255,255,255,.06)}
.btn .btn-ic{display:none;width:19px;height:19px}
.btn.discord .btn-ic{display:block;width:18px;height:18px;color:#8C9EFF}
.link{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-weight:600}
.link:hover{color:var(--gold-2)}
.link .ic{width:18px;height:18px;transition:transform .2s ease}
.link:hover .ic{transform:translateX(3px)}

/* header */
.top{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease}
.top.scrolled{background:rgba(8,9,11,.8);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom-color:var(--line)}
.top-in{display:flex;align-items:center;gap:24px;height:72px}
.brand{display:inline-flex;align-items:center;gap:11px;flex:none}
.brand img{border-radius:50%;background:#000}
.brand > span > b{display:block;font:800 16px/1.05 var(--f-d);font-stretch:110%;letter-spacing:.005em}
.brand > span > span{display:block;font:600 11.5px/1.3 var(--f-b);color:var(--gold)}
.top-nav{display:flex;align-items:center;gap:2px;margin-right:auto}
.top-nav a{padding:8px 11px;border-radius:9px;color:var(--ink-2);font-size:14.5px;font-weight:500;white-space:nowrap;transition:color .15s,background .15s}
.top-nav a:hover{color:var(--ink);background:rgba(255,255,255,.04)}
.top-nav a[aria-current]{color:var(--ink)}
.top-act{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;width:40px;height:38px;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line-2);background:transparent;color:var(--ink);cursor:pointer}
.lang{position:relative}
.lang summary{list-style:none;display:flex;align-items:center;gap:7px;height:38px;padding:0 11px;border-radius:10px;border:1px solid var(--line-2);color:var(--ink-2);font:600 12.5px var(--f-m);cursor:pointer;user-select:none}
.lang summary::-webkit-details-marker{display:none}
.lang summary:hover{color:var(--ink);border-color:var(--line-3)}
.lang summary .ic{width:17px;height:17px}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;max-height:min(420px,calc(100vh - 110px));overflow-y:auto;padding:6px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 24px 60px -20px rgba(0,0,0,.9);z-index:60}
.lang-menu a{display:block;padding:8px 11px;border-radius:8px;font-size:14px;color:var(--ink-2)}
.lang-menu a:hover{background:rgba(255,255,255,.05);color:var(--ink)}
.lang-menu a[aria-current]{color:var(--gold);background:var(--gold-soft)}

/* page backgrounds */
.hero-grid{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 75% 65% at 50% 0%,transparent 25%,var(--bg) 78%),linear-gradient(var(--line) 1px,transparent 1px) center top / 64px 64px,linear-gradient(90deg,var(--line) 1px,transparent 1px) center top / 64px 64px}

/* hero */
.hero{position:relative;padding:clamp(40px,7vw,92px) 0 clamp(56px,8vw,92px);overflow:hidden}
.hero::before{content:"";position:absolute;left:50%;top:-340px;width:1100px;height:700px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(231,201,139,.13),transparent);pointer-events:none}
.hero::after{content:"";position:absolute;right:-220px;top:80px;width:620px;height:520px;background:radial-gradient(closest-side,rgba(88,101,242,.10),transparent);pointer-events:none}
.hero-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);gap:clamp(32px,4vw,56px);align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:24px}
.hero-copy h1{font-size:clamp(36px,3.9vw,56px)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--ink-2);font-size:14px}
.chips li{display:flex;align-items:center;gap:7px}
.chips .ic{width:16px;height:16px;color:var(--live)}

/* live Discord demo */
.dc{margin:0;position:relative;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line-2);border-radius:18px;box-shadow:0 40px 90px -40px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.dc::after{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;background:linear-gradient(140deg,rgba(231,201,139,.45),transparent 30%,transparent 70%,rgba(88,101,242,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.dc-bar{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.2)}
.dc-bar img{border-radius:50%}
.dc-srv{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pill{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font:700 10.5px var(--f-m);letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:999px;white-space:nowrap}
.pill.live{color:var(--live);background:var(--live-soft);border:1px solid var(--live-line)}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--live);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(92,195,216,.55)}70%{box-shadow:0 0 0 8px rgba(92,195,216,0)}100%{box-shadow:0 0 0 0 rgba(92,195,216,0)}}
.dc-body{display:grid;grid-template-columns:176px minmax(0,1fr);min-height:400px}
.dc-chan{border-right:1px solid var(--line);background:rgba(0,0,0,.14);padding:14px 10px;display:flex;flex-direction:column;gap:4px;min-width:0}
.dc-h{font:700 10.5px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);padding:0 8px 6px}
.dc-chan li{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:7px;font-size:13.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .25s,color .25s}
.dc-chan li b{font-weight:500;overflow:hidden;text-overflow:ellipsis}
.dc-chan li::before{content:"#";font-size:16px;line-height:1;color:var(--ink-4)}
.dc-chan li.on{background:rgba(255,255,255,.06);color:var(--ink)}
.dc-chan li.on::before{color:var(--ink-2)}
.dc-chan li.new b::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;vertical-align:middle;border-radius:50%;background:var(--ink)}
.dc-main{display:flex;flex-direction:column;min-width:0}
.dc-top{display:flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-bottom:1px solid var(--line);font-weight:600;font-size:14.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-top::before{content:"#";font-size:19px;line-height:1;color:var(--ink-3)}
.dc-feed{position:relative;flex:1;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0;overflow:hidden}
.dc-msg{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;animation:msgIn .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes msgIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.dc-av{width:40px;height:40px;border-radius:50%;background:#000;box-shadow:0 0 0 1px var(--gold-line)}
.dc-who{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:6px}
.dc-who b{font-weight:600;font-size:14.5px;color:var(--gold-2)}
.dc-app{font:700 9.5px/1 var(--f-b);letter-spacing:.02em;color:#fff;background:var(--blurple);border-radius:4px;padding:3px 5px}
.dc-who time{font-size:11.5px;color:var(--ink-4)}
.dc-embed{display:flex;flex-direction:column;gap:8px;max-width:440px;padding:14px 16px 13px;border-left:4px solid var(--c,var(--gold));border-radius:4px 10px 10px 4px;background:rgba(255,255,255,.035)}
.dc-cat{font:600 11.5px/1.2 var(--f-b);color:var(--ink-3)}
.dc-title{font-weight:700;font-size:15.5px;line-height:1.3;color:var(--ink)}
.dc-desc,.dc-field{font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.dc-desc b,.dc-field b{color:var(--ink);font-weight:600}
.dc-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.dc-btn{font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:5px;background:rgba(255,255,255,.08);color:var(--ink)}
.dc-btn.blurple{background:var(--blurple);color:#fff}
.dc-foot{font-size:11px;color:var(--ink-4);padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}
.dc-typing{display:flex;align-items:center;gap:8px;height:18px;font-size:12px;color:var(--ink-3)}
.dc-typing i{display:inline-flex;gap:3px}
.dc-typing i span{width:5px;height:5px;border-radius:50%;background:var(--ink-3);animation:dot 1.1s infinite}
.dc-typing i span:nth-child(2){animation-delay:.15s}
.dc-typing i span:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-2px)}}
.dc figcaption{padding:0 14px 10px;text-align:right;font-size:11px;color:var(--ink-4)}

/* facts */
.facts{position:relative;margin-top:clamp(48px,6vw,76px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);background:rgba(17,18,21,.55);overflow:hidden}
.facts li{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:3px;padding:22px}
.facts li + li{border-left:1px solid var(--line)}
.facts .ic{grid-row:span 2;color:var(--gold);margin-top:2px}
.facts b{font-family:var(--f-d);font-stretch:108%;font-weight:700;font-size:16px}
.facts span{font-size:14px;color:var(--ink-3);line-height:1.5}

/* sections */
.sec{padding:clamp(64px,9vw,116px) 0;position:relative}
.sec.tight{padding-top:24px}
.sec.line{border-top:1px solid var(--line)}
.sec-head{display:flex;flex-direction:column;gap:16px;margin-bottom:clamp(32px,4vw,52px);max-width:760px}
.sec-head.center{margin-left:auto;margin-right:auto;align-items:center;text-align:center}
.sec-more{margin-top:28px}

/* feature groups */
.groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.group{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:var(--r);background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);transition:border-color .25s ease}
.group:hover{border-color:var(--line-3)}
.group p{color:var(--ink-2);font-size:15px}
.cell-ic{width:38px;height:38px;padding:8px;border-radius:10px;color:var(--gold);background:var(--gold-soft);border:1px solid var(--gold-line);margin-bottom:6px}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:8px}
.tags a{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--line-2);color:var(--ink-2);font-size:13px;font-weight:500;transition:border-color .15s,color .15s,background .15s}
.tags a:hover{border-color:var(--gold-line);color:var(--gold-2);background:var(--gold-soft)}

/* dashboard + steps */
.ops{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,56px);align-items:center}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(32px,4vw,48px)}
.steps li{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 20px 20px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface)}
.steps p{color:var(--ink-2);font-size:14.5px}
.step-n{font:700 12px/1 var(--f-m);letter-spacing:.1em;color:var(--live)}
.dash{margin:0;border-radius:18px;border:1px solid var(--line-2);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:0 40px 90px -45px rgba(0,0,0,.95);overflow:hidden}
.dash-bar{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.2)}
.dash-bar img{border-radius:50%}
.dash-bar b{font-weight:600;font-size:13.5px}
.dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
.dash-kpis div{padding:14px 12px;text-align:center}
.dash-kpis div + div{border-left:1px solid var(--line)}
.dash-kpis b{display:block;font:800 22px/1 var(--f-d);font-stretch:108%;color:var(--gold-2);font-variant-numeric:tabular-nums}
.dash-kpis span{display:block;margin-top:6px;font:600 10px/1.2 var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.dash-body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.dash-col{padding:14px 16px 18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.dash-col + .dash-col{border-left:1px solid var(--line)}
.dash-h{font:700 10.5px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.dash-chart{height:96px}
.dash-chart svg{width:100%;height:100%;display:block}
.dash-log li{font-size:13px;color:var(--ink-3);padding:7px 0;border-top:1px solid var(--line)}
.dash-log li b{color:var(--ink-2);font-weight:600}
.dash-check li{display:flex;gap:9px;font-size:13.5px;color:var(--ink-2);line-height:1.45;padding:3px 0}
.dash-check .ic{width:16px;height:16px;margin-top:2px;color:var(--live)}
.dash-rings{display:flex;gap:22px;justify-content:center;margin-top:auto;padding-top:6px}
.dash-ring{text-align:center}
.dash-ring div{position:relative;width:72px;height:72px}
.dash-ring svg{width:100%;height:100%;display:block}
.dash-ring b{position:absolute;inset:0;display:grid;place-items:center;font:800 15px var(--f-d);color:var(--gold-2)}
.dash-ring span{display:block;margin-top:6px;font:600 10px var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}

/* partners, reviews, help, mods */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cards.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1180px){.cards.cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);transition:border-color .25s}
a.card:hover{border-color:var(--gold-line)}
.card-logo{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);overflow:hidden}
.card-logo img{width:40px;height:40px;object-fit:contain}
.card h3{font-size:17px;margin-bottom:4px}
.card p{color:var(--ink-2);font-size:14.5px}
.card .kind{display:inline-block;margin-top:10px;font:700 10.5px/1 var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.review{flex-direction:column;gap:14px}
.stars{color:var(--gold);letter-spacing:3px;font-size:14px}
.review p{font-size:15px;color:var(--ink-2)}
.who{display:flex;align-items:center;gap:10px}
.who i{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--gold-grad);color:#1A140A;font:800 13px var(--f-d);font-style:normal}
.who b{display:block;font-size:14px}
.who span{display:block;font-size:12.5px;color:var(--ink-3)}
.helps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.help{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);transition:border-color .2s,transform .15s}
.help:hover{border-color:var(--gold-line);transform:translateY(-2px)}
.help .ic{width:22px;height:22px;color:var(--gold)}
.help b{font:700 17px/1.25 var(--f-d);font-stretch:104%}
.help p{font-size:14px;color:var(--ink-2);flex:1}
.help span{font:700 11px/1 var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.mod-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface);transition:border-color .2s,transform .2s}
.mod-card:hover{border-color:var(--gold-line);transform:translateY(-2px)}
.mod-pic{position:relative;height:150px;display:grid;place-items:center;background:radial-gradient(420px 160px at 30% 0,rgba(231,201,139,.14),transparent 70%),var(--bg-2);border-bottom:1px solid var(--line);overflow:hidden}
.mod-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mod-pic span{font:800 34px var(--f-d);font-stretch:110%;color:rgba(231,201,139,.55);text-transform:uppercase}
.mod-body{flex:1;display:flex;flex-direction:column;gap:8px;padding:18px}
.mod-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font:700 10.5px/1 var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mod-body h3{font-size:17px}
.mod-body p{font-size:14px;color:var(--ink-2)}
.mod-foot{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line)}
.mod-price{font:800 19px var(--f-d);color:var(--gold-2)}
.mod-price small{font:600 12px var(--f-b);color:var(--ink-3);margin-left:4px}
.mod-price.free{color:var(--live);font-size:15px}
.mod-price.later{color:var(--ink-2);font-size:14px}
.mod-go{font:700 11px/1 var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}

/* pricing */
.cycle{display:flex;justify-content:center;margin:-12px 0 28px}
.cycle div{display:inline-flex;gap:2px;padding:4px;border:1px solid var(--line-2);border-radius:999px;background:rgba(255,255,255,.03)}
.cycle button{border:0;background:transparent;color:var(--ink-2);font:600 14px var(--f-b);padding:9px 18px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.cycle button[aria-pressed=true]{background:var(--gold-grad);color:#1A140A}
.cycle small{margin-left:6px;font:700 10px var(--f-m);letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 22px 22px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface)}
.plan.hot{border-color:var(--gold-line);background:linear-gradient(180deg,rgba(231,201,139,.07),var(--surface) 40%)}
.plan-tag{align-self:flex-start;font:700 10.5px/1 var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);background:var(--gold-soft);border:1px solid var(--gold-line);padding:5px 9px;border-radius:999px}
.plan h3{font-size:22px}
.plan-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.plan-price b{font:800 34px/1 var(--f-d);font-stretch:108%;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.plan-price span{color:var(--ink-3);font-size:14px}
.plan p{color:var(--ink-2);font-size:14.5px;flex:1}
.plan .gift{flex:0;color:var(--gold-2);font-weight:600}
.plan .btn{margin-top:4px}
.table-wrap{margin-top:16px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.compare{width:100%;border-collapse:collapse;min-width:720px;font-size:14px}
.compare th,.compare td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.compare tr:last-child th,.compare tr:last-child td{border-bottom:0}
.compare th[scope=row]{text-align:left;font-weight:500;color:var(--ink-2);width:52%}
.compare thead th{background:var(--surface-2);font:700 13.5px var(--f-d);font-stretch:106%;color:var(--ink)}
.compare thead th:first-child{text-align:left;color:var(--ink-3);font:700 11px var(--f-m);letter-spacing:.1em;text-transform:uppercase}
.compare tbody tr:hover{background:rgba(255,255,255,.02)}
.compare .yes{color:var(--live);font-weight:600}
.compare .no{color:var(--ink-4)}
.compare .ic{width:18px;height:18px;vertical-align:-4px}
.fp{display:flex;flex-wrap:wrap;gap:6px}
.fp span{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);font-size:12.5px;color:var(--ink)}
.notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px}
.note{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:14px;color:var(--ink-2)}
.note b{display:block;color:var(--ink);margin-bottom:4px}

/* DayzHUB Console teaser */
.cx{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,56px);align-items:center}
.cx-copy{display:flex;flex-direction:column;gap:18px}
.cx-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;margin-top:clamp(32px,4vw,48px)}
.cx-points li{display:flex;gap:11px}
.cx-points .ic{width:34px;height:34px;padding:7px;border-radius:9px;color:var(--gold);background:var(--gold-soft);border:1px solid var(--gold-line)}
.cx-points b{display:block;font:700 14px/1.3 var(--f-d);font-stretch:104%}
.cx-points span{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.45;margin-top:2px}
.cx-note{color:var(--ink-3);font-size:14px}
.shots{position:relative;margin:0;border-radius:16px;border:1px solid var(--line-2);background:var(--surface);padding:8px;box-shadow:0 40px 90px -45px rgba(0,0,0,.95)}
.shots img{border-radius:10px;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.shots [data-slide]{display:none}
.shots [data-slide].on{display:block;animation:fadeIn .4s ease}
@keyframes fadeIn{from{opacity:.2}to{opacity:1}}
.shots figcaption{position:absolute;left:20px;bottom:20px;padding:6px 11px;border-radius:8px;background:rgba(8,9,11,.86);border:1px solid var(--line-2);font:700 11px var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.dots{display:flex;justify-content:center;gap:8px;margin-top:12px}
.dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--line-3);cursor:pointer}
.dots button[aria-current=true]{background:var(--gold)}

/* cta */
.cta{padding:0 0 clamp(64px,9vw,116px)}
.cta-in{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:clamp(36px,5vw,64px);border-radius:22px;border:1px solid var(--gold-line);overflow:hidden;background:radial-gradient(600px 300px at 88% 20%,rgba(88,101,242,.16),transparent 70%),radial-gradient(700px 320px at 100% 100%,rgba(231,201,139,.12),transparent 70%),var(--surface)}
.cta-in p{color:var(--ink-2);max-width:56ch}
.cta-in .hero-cta{margin-top:6px}

/* footer */
.foot{border-top:1px solid var(--line);background:var(--bg-2)}
.foot-in{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:32px;padding-top:48px;padding-bottom:36px}
.foot-brand p{margin-top:14px;color:var(--ink-3);font-size:14px;max-width:36ch}
.foot-col{display:flex;flex-direction:column;gap:9px}
.foot-col h2{font:700 11.5px var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}
.foot-col a{color:var(--ink-2);font-size:14.5px}
.foot-col a:hover{color:var(--gold)}
.foot-base{padding-top:20px;padding-bottom:28px;border-top:1px solid var(--line);color:var(--ink-4);font-size:12.5px}

/* feature pages (/features/:slug) */
.hero.page{padding:clamp(32px,5vw,64px) 0 clamp(48px,6vw,80px)}
.crumbs a{color:var(--gold)}
.crumbs a:hover{color:var(--gold-2)}
.crumbs span[aria-hidden]{color:var(--ink-4)}
.tier{display:inline-block;font:700 10.5px/1 var(--f-m);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px;border:1px solid var(--gold-line);color:var(--gold);background:var(--gold-soft)}
.tier.t2{color:#E7A53A;border-color:rgba(231,165,58,.4);background:rgba(231,165,58,.1)}
.tier.t3{color:var(--live);border-color:var(--live-line);background:var(--live-soft)}
.f-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--gold-line);background:var(--gold-soft);font-size:28px}
.f-desc{color:var(--ink-3);font-size:15.5px;max-width:62ch}
.f-mock{min-width:0}
.fwin{margin:0;border-radius:16px;border:1px solid var(--line-2);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:0 40px 90px -45px rgba(0,0,0,.95);overflow:hidden}
.fwin-top{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.2);font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fwin-top::before{content:"#";font-size:18px;line-height:1;color:var(--ink-3)}
.fwin-body{display:flex;flex-direction:column;gap:14px;padding:18px}
.dc-av.u{display:grid;place-items:center;background:var(--surface-3);box-shadow:0 0 0 1px var(--line-2);color:var(--ink-2);font:700 12px var(--f-b)}
.dc-who b.n{color:var(--ink)}
.dc-btn.red{background:#C9413A;color:#fff}
.dc-btn.green{background:#2D7D46;color:#fff}
.f-user,.f-silent{opacity:.7}
.f-rows p,.f-board p{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid rgba(255,255,255,.06);font-size:13px}
.f-rows span{color:var(--ink-3);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.f-rows b,.f-board b{font:700 13px var(--f-m);color:var(--ink)}
.f-rows b.g{color:var(--gold-2)}
.f-rows b.c{color:var(--live)}
.f-board i{width:24px;text-align:center;font-style:normal;color:var(--ink-3);font-weight:700}
.f-board span{flex:1;color:var(--ink)}
.f-board b{color:var(--ok)}
.f-note{font-size:12px;color:var(--ink-4);font-style:italic}
.bwin{border-radius:14px;border:1px solid var(--line-2);background:var(--surface);overflow:hidden;box-shadow:0 30px 70px -40px rgba(0,0,0,.9)}
.bwin-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-3)}
.bwin-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-3)}
.bwin-bar span{margin-left:8px;font:500 11.5px var(--f-m);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store{padding:16px;display:flex;flex-direction:column;gap:12px}
.store-head{display:flex;align-items:center;gap:11px}
.store-logo{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;border:1px solid var(--gold-line);background:var(--gold-soft);font-size:19px}
.store-head b{display:block;font:800 16px var(--f-d);font-stretch:106%}
.store-head small{display:block;font-size:12px;color:var(--ink-3)}
.store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.store-card{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2)}
.store-img{height:52px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--surface-3),var(--surface));font-size:24px;margin-bottom:6px}
.store-card b{font-size:13px}
.store-card small{font-size:11.5px;color:var(--ink-3)}
.store-card p{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.store-card p span{font:700 14px var(--f-m);color:var(--gold-2)}
.store-card p i{font-style:normal;font-size:11px;font-weight:700;padding:5px 11px;border-radius:7px;background:var(--gold-grad);color:#1A140A}
.sd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.sd-stats p{padding:11px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);text-align:center}
.sd-stats b{display:block;font:700 18px var(--f-m);color:var(--gold-2)}
.sd-stats span{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.sd-table{border:1px solid var(--line-2);border-radius:10px;overflow:hidden}
.sd-table p{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;padding:9px 12px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.sd-table p:first-child{border-top:0}
.sd-table p.h{background:var(--surface-3);font:700 10px var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.sd-table p span:nth-child(n+2){text-align:right;font-family:var(--f-m)}
.store-list p{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:13.5px}
.store-list p:first-child{border-top:0}
.store-list b{font:700 14px var(--f-m);color:var(--gold-2)}
.store-list em{font-style:normal;margin-left:6px;padding:1px 6px;border-radius:4px;background:var(--live-soft);color:var(--live);font-size:10px;font-weight:700}
.store-coupon{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface-2);font-size:12.5px;color:var(--ink-3)}
.store-coupon span{margin-left:auto;padding:3px 10px;border:1px solid var(--line-2);border-radius:6px;font-size:11px;color:var(--ink-4)}
.store-fees{font-size:12.5px;color:var(--ok)}
.f-slides{position:relative}
.f-slide{margin:0;display:none;flex-direction:column;gap:11px}
.f-slide.on{display:flex;animation:fadeIn .4s ease}
.f-slide figcaption{font-size:12.5px;color:var(--ink-3);text-align:center;padding:0 10px}
.f-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:0}
.f-compare{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,56px);align-items:start}
.f-preview{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface)}
.f-plan{display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 13px var(--f-m);color:var(--ink-3)}
.f-also{font-size:13px;color:var(--ink-3)}
.f-items{display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--ink-2)}
.f-items li{display:flex;gap:9px;line-height:1.45}
.f-items .ic{width:16px;height:16px;margin-top:2px;color:var(--live)}
.f-items li.prev{color:var(--ink);font-weight:600}
.f-tiers .plan{gap:14px}
@media (max-width:1080px){.f-compare{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.store-grid,.sd-stats{grid-template-columns:minmax(0,1fr)}}

/* help center (/help) */
.help-head{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px}
.help-head > *{max-width:820px}
.help-search{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-radius:14px;border:1px solid var(--line-2);background:var(--surface);max-width:620px;transition:border-color .2s}
.help-search:focus-within{border-color:var(--gold-line)}
.help-search .ic{color:var(--ink-3)}
.help-search input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--ink);font:500 15.5px var(--f-b);outline:none}
.help-tabs{display:flex;flex-wrap:wrap;gap:8px}
.help-tabs button{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:transparent;color:var(--ink-2);font:600 13.5px var(--f-b);cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.help-tabs button:hover{border-color:var(--gold-line);color:var(--gold-2)}
.help-tabs button[aria-pressed=true]{background:var(--gold-grad);border-color:transparent;color:#1A140A}
.help-body{display:flex;flex-direction:column;gap:36px}
.faq-list{display:flex;flex-direction:column;border-top:1px solid var(--line);max-width:900px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 2px;cursor:pointer;font-family:var(--f-d);font-stretch:104%;font-weight:600;font-size:17px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary .ic{color:var(--ink-3);transform:rotate(90deg);transition:transform .25s ease}
.faq-list details[open] summary .ic{transform:rotate(-90deg);color:var(--gold)}
.faq-list summary:hover{color:var(--gold-2)}
.faq-a{padding:0 40px 20px 2px;color:var(--ink-2);max-width:72ch;line-height:1.7}
.faq-a a{color:var(--gold)}
.faq-a code{font-family:var(--f-m);font-size:13px;color:var(--gold-2);background:rgba(0,0,0,.35);padding:1px 6px;border-radius:5px}
.guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;align-items:start}
.guide{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);transition:border-color .2s}
.guide:hover,.guide[open]{border-color:var(--gold-line)}
.guide summary{list-style:none;display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer}
.guide summary::-webkit-details-marker{display:none}
.guide summary b{flex:1;min-width:0;font-weight:600;font-size:15px}
.guide-ic{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);font-size:17px}
.guide-body{display:flex;flex-direction:column;gap:12px;padding:0 18px 18px;border-top:1px solid var(--line);padding-top:14px}
.guide-body > p{color:var(--ink-2);font-size:14px}
.guide-body ol{display:flex;flex-direction:column;gap:9px}
.guide-body li{display:flex;gap:10px;font-size:13.5px;color:var(--ink-2);line-height:1.5}
.guide-body li span{flex:none;font:700 11px/1.9 var(--f-m);color:var(--gold)}
.guide-body li b{color:var(--ink);font-weight:600}
.guide-body .link{font-size:14px}
.help-empty{color:var(--ink-3)}
/* 404 */
.nf{min-height:calc(100vh - 110px);display:flex;align-items:center}
.nf-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:18px;width:100%}
.nf-in > *{max-width:760px}
.nf-code{font:800 clamp(88px,15vw,168px)/.9 var(--f-d);font-stretch:112%;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:2px var(--gold-3)}

/* updates (/updates) and the server directory (/servers) */
.up-stats{display:flex;flex-wrap:wrap;gap:10px}
.up-stats li{display:flex;align-items:baseline;gap:8px;padding:9px 14px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface)}
.up-stats b{font:800 18px var(--f-d);font-stretch:106%;color:var(--gold-2);font-variant-numeric:tabular-nums}
.up-stats span{font-size:13px;color:var(--ink-3)}
.up-stats li.live b{color:var(--live)}
.up-feed{display:flex;flex-direction:column;max-width:920px}
.up-entry{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px}
.up-entry[hidden]{display:none}
.up-rail{position:relative;display:flex;justify-content:center}
.up-rail::before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--line)}
.up-rail i{position:relative;margin-top:24px;width:12px;height:12px;border-radius:50%;border:2px solid var(--line-3);background:var(--bg)}
.up-entry.latest .up-rail i{border-color:var(--gold);background:var(--gold);box-shadow:0 0 12px rgba(231,201,139,.6)}
.up-entry:first-child .up-rail::before{top:24px}
.up-entry:last-child .up-rail::before{bottom:auto;height:24px}
.up-card{margin:10px 0;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.up-entry.latest .up-card{border-color:var(--gold-line);background:linear-gradient(180deg,rgba(231,201,139,.06),var(--surface) 60%)}
.up-card header{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:12px}
.up-card h2{font-size:18px;font-stretch:106%;letter-spacing:-.005em;line-height:1.3}
.up-card time{margin-left:auto;font:600 12px var(--f-m);color:var(--ink-3)}
.up-card ul{display:flex;flex-direction:column;gap:8px}
.up-card li{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;color:var(--ink-2);line-height:1.55}
.up-card li[hidden]{display:none}
.up-tag{flex:none;min-width:88px;text-align:center;margin-top:2px;padding:3px 8px;border-radius:7px;font:700 10.5px/1.4 var(--f-m);letter-spacing:.06em;text-transform:uppercase}
.up-tag.k-new{color:var(--gold-2);background:var(--gold-soft);border:1px solid var(--gold-line)}
.up-tag.k-imp{color:var(--live);background:var(--live-soft);border:1px solid var(--live-line)}
.up-tag.k-fix{color:#E7A53A;background:rgba(231,165,58,.1);border:1px solid rgba(231,165,58,.35)}
.up-empty{display:flex;flex-direction:column;gap:14px;padding:48px 28px;border:1px dashed var(--line-2);border-radius:var(--r)}
.srv-wrap{display:flex;flex-direction:column;gap:40px}
.srv-growing{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--ink-3)}
.srv-growing .ic{color:var(--gold);width:17px;height:17px}
.srv-now{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.srv-now a{flex:none;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid var(--live-line);background:var(--live-soft);transition:border-color .15s}
.srv-now a:hover{border-color:var(--live)}
.srv-now b{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}
.srv-now span{display:inline-flex;align-items:center;gap:6px;font:700 12.5px var(--f-m);color:var(--live)}
.srv-now i,.srv-live i{width:7px;height:7px;border-radius:50%;background:currentColor}
.srv-group{display:flex;flex-direction:column;gap:16px}
.srv-group[hidden]{display:none}
.srv-h{display:flex;align-items:center;gap:12px;font:700 12px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.srv-h::after{content:"";flex:1;height:1px;background:var(--line)}
.srv-h small{order:3;font:600 11.5px var(--f-m);letter-spacing:.06em;color:var(--ink-3)}
.srv-feat{display:flex;align-items:center;flex-wrap:wrap;gap:20px 24px;padding:24px 26px;border-radius:var(--r);border:1px solid var(--gold-line);background:radial-gradient(420px 160px at 0 0,rgba(231,201,139,.1),transparent 70%),var(--surface)}
.srv-feat .srv-id{flex:1;min-width:220px;display:flex;flex-direction:column;gap:8px}
.srv-feat h2{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:22px;font-stretch:108%}
.srv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.srv{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden;transition:border-color .2s,transform .2s}
.srv[hidden]{display:none}
.srv:hover{border-color:var(--gold-line);transform:translateY(-2px)}
.srv-banner{height:120px;border-bottom:1px solid var(--line);overflow:hidden}
.srv-banner img{width:100%;height:100%;object-fit:cover}
.srv-body{flex:1;display:flex;flex-direction:column;gap:11px;padding:17px}
.srv-top{display:flex;align-items:center;gap:12px}
.srv-emblem{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:11px;overflow:hidden;background:var(--gold-grad);color:#1A140A;font:800 15px var(--f-d)}
.srv-emblem.big{width:64px;height:64px;border-radius:14px;font-size:22px;background:var(--surface-2);border:1px solid var(--gold-line);color:var(--gold)}
.srv-emblem img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.srv-id{min-width:0;flex:1}
.srv-id h3{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srv-id p{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px}
.srv-live{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font:700 10.5px/1.2 var(--f-m);letter-spacing:.04em}
.srv-live.on{color:var(--ok);border:1px solid rgba(92,195,138,.35);background:rgba(92,195,138,.08)}
.srv-live.off{color:var(--bad);border:1px solid rgba(226,87,76,.35);background:rgba(226,87,76,.08)}
.srv-live.unk{color:var(--ink-3);border:1px solid rgba(138,133,122,.35);background:rgba(138,133,122,.08)}
.srv-desc{flex:1;font-size:14px;color:var(--ink-2)}
.srv-tags{display:flex;flex-wrap:wrap;gap:6px}
.srv-tags span{padding:3px 9px;border-radius:999px;border:1px solid var(--line-2);font-size:12px;color:var(--ink-2)}
.srv-addr{display:flex;align-items:center;gap:8px}
.srv-addr code{font:500 12.5px var(--f-m);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srv-addr button{flex:none;border:1px solid var(--line-2);border-radius:7px;background:transparent;color:var(--ink-2);font:600 11.5px var(--f-b);padding:3px 9px;cursor:pointer}
.srv-addr button:hover{border-color:var(--gold-line);color:var(--gold-2)}
.srv-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.srv-none{padding:18px 20px;border:1px dashed var(--line-2);border-radius:12px;color:var(--ink-3);font-size:14px}
.srv-none a,.srv-foot a{color:var(--gold);font-weight:600}
.srv-rent{align-items:center}
.srv-foot{text-align:center;color:var(--ink-3)}
@media (max-width:640px){.up-card time{margin-left:0;width:100%}.up-tag{min-width:0}.srv-grid{grid-template-columns:minmax(0,1fr)}}

/* names the mods store's stylesheet (public/css/mods-store.css) was written against (dz.css) */
:root{--gold-bright:var(--gold-2);--gold-deep:var(--gold-3);--line-gold:var(--gold-line);--panel:var(--surface);--fm:var(--f-m);--fd:var(--f-d);--r-lg:18px}
.btn.primary{background:var(--gold-grad);color:#1A140A;box-shadow:0 10px 30px -12px rgba(231,201,139,.55),inset 0 1px 0 rgba(255,255,255,.4)}
.btn.primary:hover{transform:translateY(-1px)}
.btn.lg{height:52px;padding:0 26px;font-size:16px}
.btn .bx{font-size:18px}
.gold-text{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ms-wrap{padding-top:clamp(28px,4vw,48px)}

/* one server's public live-status page (/s/:slug) */
.ps{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px;max-width:900px}
.ps-card{display:flex;flex-direction:column;gap:18px;padding:clamp(20px,3vw,32px);border:1px solid var(--line-2);border-radius:20px;background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:0 40px 90px -45px rgba(0,0,0,.95);overflow:hidden}
.ps-banner{margin:calc(clamp(20px,3vw,32px) * -1) calc(clamp(20px,3vw,32px) * -1) 0;height:clamp(140px,22vw,220px);border-bottom:1px solid var(--line);overflow:hidden}
.ps-banner img{width:100%;height:100%;object-fit:cover}
.ps-head{display:flex;align-items:center;gap:16px}
.ps-head h1{font-size:clamp(26px,3.4vw,40px)}
.ps-head .srv-id p{margin-top:8px}
.ps-desc{color:var(--ink-2);font-size:16px;max-width:70ch}
.ps-sec{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--line)}
.ps-sec h2{font:700 12px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.ps-event{display:flex;align-items:center;gap:14px}
.ps-date{flex:none;padding:8px 12px;border-radius:10px;border:1px solid var(--gold-line);background:var(--gold-soft);font:800 14px var(--f-d);color:var(--gold-2);text-align:center}
.ps-event b{display:block;font-size:15px}
.ps-event small{display:block;font-size:13px;color:var(--ink-3)}
.ps-stream{padding:5px 11px;border-radius:999px;border:1px solid var(--line-2);font-size:13px;color:var(--ink-2)}
.ps-stream:hover{border-color:var(--gold-line);color:var(--gold-2)}
.ps-embed img{align-self:flex-start;height:48px;width:auto}
.ps-embed-row{display:flex;gap:8px}
.ps-embed-row input{flex:1;min-width:0;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--bg);color:var(--ink-3);font:500 12.5px var(--f-m)}
.ps-hint{font-size:13px;color:var(--ink-4)}
.ps-powered{font-size:13.5px;color:var(--ink-3)}
.ps-powered a{color:var(--gold);font-weight:600}
@media (max-width:640px){.ps-head{align-items:flex-start}}

/* partners (/partners/) and the TB Mods showcase */
.pt-stack{position:relative;z-index:1;display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:20px;background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:0 40px 90px -45px rgba(0,0,0,.95);overflow:hidden}
.pt-stack-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.2)}
.pt-stack-head img{border-radius:8px}
.pt-stack-head b{font:700 15px var(--f-d);margin-right:auto}
.pt-stack ul{display:flex;flex-direction:column}
.pt-stack li{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line)}
.pt-stack .card-logo{width:92px;height:48px}
.pt-stack .card-logo img{width:76px;height:34px}
.pt-stack li b{display:block;font-size:15.5px}
.pt-stack li small{display:block;margin-top:3px;font:700 10.5px/1 var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.pt-stack-foot{display:flex;flex-direction:column;gap:8px;padding:20px}
.pt-stack-foot h2{font-size:22px}
.pt-stack-foot p{color:var(--ink-2);font-size:14.5px}
.pt-card{flex-direction:column;gap:18px;padding:26px}
.pt-logo{height:84px;align-self:stretch;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--bg-2);overflow:hidden}
.pt-logo img{max-width:70%;max-height:56px;object-fit:contain}
.pt-card-body{flex:1}
.pt-card .btn{align-self:flex-start}
.pt-tb{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,56px);align-items:center}
.pt-tb .sec-head{margin-bottom:0}
.pt-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pt-thumbs li{position:relative;aspect-ratio:16/10;border-radius:14px;border:1px solid var(--line);overflow:hidden;background:var(--bg-2)}
.pt-thumbs img{width:100%;height:100%;object-fit:cover}
.pt-thumbs li:last-child:nth-child(odd){grid-column:1/-1}
.pt-thumbs span{position:absolute;left:10px;bottom:10px;padding:4px 9px;border-radius:999px;background:rgba(8,9,11,.82);font:700 11px var(--f-m);color:var(--ink)}
.pt-catalog .mod-pic{height:auto;aspect-ratio:16/10}
.pt-about{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.pt-about .mod-pic{aspect-ratio:auto;min-height:220px;border-bottom:0;border-right:1px solid var(--line)}
.pt-about .mod-body{justify-content:center;padding:24px}
.pt-about .btn{align-self:flex-start;margin-top:6px}
.pt-catalog .mod-meta{color:var(--gold)}
.pt-src{margin-top:24px;font-size:13.5px;color:var(--ink-3)}
.pt-src a{color:var(--gold)}
@media (max-width:1080px){.pt-tb{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.pt-about{grid-column:auto;display:flex}.pt-about .mod-pic{aspect-ratio:16/10;min-height:0;border-right:0;border-bottom:1px solid var(--line)}}

/* reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

/* responsive */
@media (max-width:1180px){
  .top-nav{display:none;position:absolute;left:0;right:0;top:72px;flex-direction:column;align-items:stretch;gap:2px;padding:10px var(--gut) 18px;background:rgba(8,9,11,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
  .top-nav.open{display:flex}
  .top-nav a{padding:12px 10px;font-size:16px}
  .menu-btn{display:inline-flex}
  .brand{margin-right:auto}
}
@media (max-width:1080px){
  .hero-in,.ops,.cx{grid-template-columns:minmax(0,1fr)}
  .hero-copy{max-width:720px}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts li:nth-child(3){border-left:0}
  .facts li:nth-child(n+3){border-top:1px solid var(--line)}
  .groups{grid-template-columns:repeat(2,minmax(0,1fr))}
  .helps,.steps,.cx-points{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .cards,.cards.cards-4,.plan-grid{grid-template-columns:minmax(0,1fr)}
  .foot-in{grid-template-columns:repeat(3,minmax(0,1fr))}
  .foot-brand{grid-column:1/-1}
}
@media (max-width:640px){
  .top-in{gap:12px}
  .top-act .btn span{display:none}
  .top-act .btn .btn-ic{display:block}
  .top-act .btn.sm{width:40px;padding:0}
  .lang .lang-code{display:none}
  .dc-body{grid-template-columns:minmax(0,1fr);min-height:360px}
  .dc-chan{display:none}
  .dc figcaption{text-align:left}
  .facts,.groups,.helps,.steps,.cx-points{grid-template-columns:minmax(0,1fr)}
  .facts li + li{border-left:0;border-top:1px solid var(--line)}
  .dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dash-kpis div:nth-child(3){border-left:0}
  .dash-kpis div:nth-child(n+3){border-top:1px solid var(--line)}
  .dash-body{grid-template-columns:minmax(0,1fr)}
  .dash-col + .dash-col{border-left:0;border-top:1px solid var(--line)}
  .hero-cta .btn{flex:1 1 auto}
  .group{padding:22px}
  .foot-in{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
}