/* Below the Floodline · Uplink. Styled after the game's own UI: navy panels, chunky outlined
   type, 3D push buttons, cyan/amber/red accents (Config.UI Theme). */
:root{
  --bg:#0c122c; --bg2:#0a0f24; --panel:#16204a; --panel2:#1c2858; --edge:#070b1c; --line:#2a3a78;
  --text:#fff; --sub:#b6c4e8; --dim:#7d8bb8;
  --red:#ec283e; --red-d:#a5122a; --blue:#2f7bff; --blue-d:#1a4fc0; --cyan:#3cd2ff; --amber:#ffd632; --amber-d:#c99a00;
  --green:#3ee07a; --green-d:#1d9a4c; --purple:#a77bff;
  --r:16px;
  --font:"Montserrat",system-ui,sans-serif; --display:"Lilita One","Montserrat",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;overflow-x:clip;max-width:100%}
body{background:var(--bg);color:var(--text);font:600 15px/1.55 var(--font);min-height:100vh;overflow-x:hidden;overflow-x:clip;max-width:100%;position:relative}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}

/* ---------- top bar ---------- */
.top{position:sticky;top:0;z-index:30;background:rgba(10,15,36,.9);backdrop-filter:blur(10px);border-bottom:3px solid var(--edge)}
.top__in{display:flex;align-items:center;gap:16px;height:64px}
.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
.brand__b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(180deg,var(--red) 0 55%,var(--blue) 55%);
  font:400 26px/1 var(--display);color:#fff;border:3px solid var(--edge);box-shadow:0 3px 0 var(--edge);text-shadow:0 2px 0 var(--edge)}
.brand__t{font:400 19px/1 var(--display);letter-spacing:.02em;text-transform:uppercase}
.brand__t small{display:block;font:800 10px/1.4 var(--font);letter-spacing:.24em;color:var(--cyan)}
.nav{display:flex;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{padding:8px 12px;border-radius:10px;color:var(--sub);font-weight:800;font-size:13.5px;white-space:nowrap}
.nav a:hover,.nav a.on{color:#fff;background:var(--panel)}
.nav__home{color:var(--dim)!important}
.uplink{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font:800 11px var(--font);letter-spacing:.14em;white-space:nowrap;
  color:var(--green);background:rgba(62,224,122,.1);border:2px solid rgba(62,224,122,.45)}
.uplink i{width:9px;height:9px;border-radius:50%;background:currentColor;animation:ping 1.8s infinite}
.uplink.off{color:var(--amber);background:rgba(255,214,50,.08);border-color:rgba(255,214,50,.4)}
@keyframes ping{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;border-bottom:4px solid var(--edge);min-height:520px;display:flex;align-items:center}
.hero__art{position:absolute;inset:0;background:#13306e center/cover no-repeat;transform:scale(1.03)}
.hero__art::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(12,18,44,.94) 0%,rgba(12,18,44,.78) 38%,rgba(12,18,44,.15) 70%),
  linear-gradient(0deg,rgba(12,18,44,.9),transparent 40%)}
.hero__in{position:relative;z-index:2;padding:70px 20px 110px}
.kicker{display:inline-block;font:800 12px var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);
  background:rgba(12,18,44,.7);border:2px solid var(--line);padding:5px 12px;border-radius:999px;margin-bottom:14px}
.title{font:400 clamp(52px,9vw,104px)/.88 var(--display);text-transform:uppercase;letter-spacing:.01em}
.title span{display:block}
.title__red{color:var(--red);text-shadow:0 6px 0 var(--edge),4px 0 0 var(--edge),-4px 0 0 var(--edge),0 -4px 0 var(--edge),4px 4px 0 var(--edge),-4px 4px 0 var(--edge),4px -4px 0 var(--edge),-4px -4px 0 var(--edge)}
.title__the{font-size:.32em;letter-spacing:.6em;color:#dfe8ff;margin:.25em 0 .2em .1em;text-shadow:0 3px 0 var(--edge)}
.title__blue{color:var(--blue);text-shadow:0 6px 0 var(--edge),4px 0 0 var(--edge),-4px 0 0 var(--edge),0 -4px 0 var(--edge),4px 4px 0 var(--edge),-4px 4px 0 var(--edge),4px -4px 0 var(--edge),-4px -4px 0 var(--edge)}
.lede{max-width:520px;margin:20px 0 26px;font-weight:600;font-size:17px;color:#dbe3fa;text-shadow:0 2px 6px rgba(0,0,0,.6)}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* 3D game buttons */
.gbtn{--c:var(--red);--d:var(--red-d);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px 12px;border-radius:14px;
  font:400 20px/1 var(--display);letter-spacing:.03em;text-transform:uppercase;color:#fff;cursor:pointer;user-select:none;
  background:linear-gradient(180deg,color-mix(in srgb,var(--c) 82%,#fff) 0,var(--c) 45%);border:3px solid var(--edge);
  box-shadow:0 5px 0 var(--d),0 5px 0 3px var(--edge),inset 0 2px 0 rgba(255,255,255,.35);
  text-shadow:0 2px 0 var(--edge),1px 1px 0 var(--edge),-1px 1px 0 var(--edge);transition:transform .08s,box-shadow .08s,filter .15s}
.gbtn:hover{filter:brightness(1.08)}
.gbtn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--d),0 1px 0 3px var(--edge),inset 0 2px 0 rgba(255,255,255,.35)}
.gbtn--amber{--c:var(--amber);--d:var(--amber-d)}
.gbtn--navy{--c:#33468f;--d:#1d2a5e}
.gbtn--green{--c:var(--green);--d:var(--green-d)}
.gbtn--blue{--c:var(--blue);--d:var(--blue-d)}
.gbtn--sm{font-size:16px;padding:10px 18px 9px;border-radius:12px;align-self:flex-start}
.gbtn[aria-disabled=true]{filter:grayscale(.85) brightness(.7);pointer-events:none}

/* animated water at the bottom of the hero */
.waves{position:absolute;left:0;right:0;bottom:0;height:90px;z-index:1;pointer-events:none}
.waves i{position:absolute;left:-50%;width:200%;height:100%;bottom:0;background-repeat:repeat-x;background-size:600px 90px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 90'%3E%3Cpath d='M0 40 Q75 10 150 40 T300 40 T450 40 T600 40 V90 H0Z' fill='%232f7bff' fill-opacity='.55'/%3E%3C/svg%3E");
  animation:drift 9s linear infinite}
.waves i+i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 90'%3E%3Cpath d='M0 55 Q75 30 150 55 T300 55 T450 55 T600 55 V90 H0Z' fill='%230c122c'/%3E%3Cpath d='M0 55 Q75 30 150 55 T300 55 T450 55 T600 55' fill='none' stroke='%233cd2ff' stroke-width='3' stroke-opacity='.7'/%3E%3C/svg%3E");
  animation-duration:6s;animation-direction:reverse}
@keyframes drift{to{transform:translateX(600px)}}
@media (prefers-reduced-motion:reduce){.waves i,.uplink i{animation:none}}

/* ---------- panels ---------- */
.panel{background:linear-gradient(180deg,var(--panel2),var(--panel));border:3px solid var(--edge);border-radius:var(--r);
  box-shadow:0 5px 0 var(--edge),inset 0 2px 0 rgba(255,255,255,.07)}
.empty{padding:28px 18px;color:var(--sub);text-align:center}
.sec{margin-top:56px;scroll-margin-top:84px}
.h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.h span{font:400 34px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;
  text-shadow:0 4px 0 var(--edge),3px 0 0 var(--edge),-3px 0 0 var(--edge),0 -3px 0 var(--edge),3px 3px 0 var(--edge),-3px 3px 0 var(--edge),3px -3px 0 var(--edge),-3px -3px 0 var(--edge)}
.h em{font-style:normal;color:var(--sub);font-weight:700;font-size:13px}
.tag{font:800 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:2px solid var(--edge);color:var(--edge)}
.tag--green{background:var(--green)} .tag--amber{background:var(--amber)} .tag--red{background:var(--red);color:#fff} .tag--cyan{background:var(--cyan)} .tag--purple{background:var(--purple);color:#fff} .tag--grey{background:#5b6790;color:#fff}

/* stats */
.stats{position:relative;z-index:3;margin-top:-46px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.stat{background:linear-gradient(180deg,var(--panel2),var(--panel));border:3px solid var(--edge);border-radius:var(--r);box-shadow:0 5px 0 var(--edge);padding:14px 16px;display:grid}
.stat b{font:400 32px/1.05 var(--display);font-variant-numeric:tabular-nums;text-shadow:0 3px 0 var(--edge)}
.stat span{font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-top:2px}
.stat small{color:var(--dim);font-weight:700;font-size:12px}
.stat--live b{color:var(--green)}

/* ---------- leaderboards ---------- */
.lbtabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.lbtab{font:400 16px var(--display);letter-spacing:.03em;color:var(--text);background:var(--panel2);border:3px solid var(--edge);border-radius:12px;padding:8px 14px 7px;
  box-shadow:0 3px 0 var(--edge);cursor:pointer;text-shadow:0 2px 0 var(--edge)}
.lbtab:hover{background:var(--line)}
.lbtab.on{background:var(--amber);color:var(--edge);text-shadow:none}
.lb{padding:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.lb .empty{grid-column:1/-1;padding:28px;text-align:center;color:var(--sub)}
.lbrow{display:grid;grid-template-columns:40px 44px 1fr auto;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--bg2);border:2px solid transparent}
.lbrow:hover{border-color:var(--line)}
.lbrank{font:400 22px var(--display);color:var(--dim);text-align:center}
.lbrow--1 .lbrank{color:var(--amber)} .lbrow--2 .lbrank{color:#d9e2f5} .lbrow--3 .lbrank{color:#e0965a}
.lbrow--1{border-color:rgba(255,214,50,.45)}
.lbava{width:40px;height:40px;border-radius:10px;overflow:hidden;background:var(--panel2);border:2px solid var(--edge)}
.lbava img{width:100%;height:100%}
.lbname{font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lbname small{display:block;color:var(--dim);font-weight:700;font-size:12px}
.lbval{font:400 22px var(--display);color:var(--cyan);text-shadow:0 2px 0 var(--edge)}
@media (max-width:760px){.lb{grid-template-columns:1fr}}

/* ---------- team uplink ---------- */
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}
.member{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:18px;position:relative;overflow:hidden}
.member::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--st,#5b6790)}
.ava{position:relative;width:84px;height:84px;border-radius:50%;background:#24336b;border:4px solid var(--st,#5b6790);box-shadow:0 0 0 3px var(--edge),0 0 22px -2px var(--st,transparent)}
.ava img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.ava b{position:absolute;right:-2px;bottom:2px;width:22px;height:22px;border-radius:50%;background:var(--st,#5b6790);border:3px solid var(--edge)}
.member[data-live="1"] .ava b{animation:ping 1.8s infinite;color:var(--st)}
.member h3{font:400 24px/1.05 var(--display);letter-spacing:.02em;text-shadow:0 3px 0 var(--edge)}
.member .who{color:var(--dim);font-weight:700;font-size:13px}
.member .roles{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.member .role{display:inline-block;padding:3px 9px;border-radius:999px;border:1px solid currentColor;color:var(--sub);font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.member .role--owner{color:#ffcf4a}
.member .role--lead-dev{color:#ff5a6e}
.member .role--admin{color:#ffa63c}
.member .role--moderator{color:#4aa8ff}
.member .role--tester{color:#3ee07a}
.status{display:inline-flex;align-items:center;gap:8px;font:800 12.5px var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--edge);
  background:var(--st,#5b6790);border:2px solid var(--edge);border-radius:10px;padding:6px 10px}
.member .when{display:block;margin-top:8px;color:var(--sub);font-weight:700;font-size:13px}
.member .acts{grid-column:1 / -1;display:flex;gap:10px;flex-wrap:wrap}
.st-ingame{--st:var(--green)} .st-testing{--st:var(--amber)} .st-studio{--st:var(--purple)} .st-playing{--st:var(--cyan)} .st-online{--st:var(--blue)} .st-offline,.st-unknown{--st:#5b6790}
.st-studio .status,.st-online .status,.st-offline .status,.st-unknown .status{color:#fff}

/* ---------- servers ---------- */
.grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.srv{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;padding:14px 18px;border-top:2px solid rgba(7,11,28,.6)}
.srv:first-child{border-top:0}
.srv .id{font:400 17px var(--display);color:var(--cyan);letter-spacing:.04em}
.bar{height:14px;background:#0b1130;border:2px solid var(--edge);border-radius:99px;overflow:hidden}
.bar b{display:block;height:100%;background:linear-gradient(180deg,#7fe8ff,var(--cyan) 50%,#1ea6d6);border-radius:99px}
.srv .n{font:400 19px var(--display);min-width:56px;text-align:right}
.srv .p{color:var(--dim);font-weight:700;font-size:12.5px;min-width:58px;text-align:right}
.places{display:grid;gap:16px}
.place{padding:18px;display:flex;flex-direction:column;gap:10px}
.place__h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.place h3{font:400 24px/1 var(--display);text-transform:uppercase;text-shadow:0 3px 0 var(--edge)}
.place p{color:var(--sub);font-weight:600;font-size:14px}
.kv{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--dim);font-weight:700}
.kv b{color:#fff}
.place--test{background:repeating-linear-gradient(135deg,rgba(255,214,50,.06) 0 14px,transparent 14px 28px),linear-gradient(180deg,var(--panel2),var(--panel))}

/* ---------- patch notes ---------- */
.patch{padding:22px 24px}
.patch+.patch{border-top:3px dashed rgba(7,11,28,.7)}
.ph{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.ph h3{font:400 28px/1.05 var(--display);text-transform:uppercase;text-shadow:0 3px 0 var(--edge)}
.ph .ver{font-weight:800;font-size:12px;color:var(--cyan);letter-spacing:.08em}
.ph .date{margin-left:auto;color:var(--dim);font-weight:800;font-size:13px}
.cat{margin-top:14px}
.cat h4{display:inline-block;font:800 11.5px var(--font);letter-spacing:.14em;text-transform:uppercase;padding:4px 9px;border-radius:8px;border:2px solid var(--edge);margin-bottom:8px;background:var(--cyan);color:var(--edge)}
.cat.new h4{background:var(--green)} .cat.fix h4{background:var(--amber)} .cat.bal h4{background:var(--purple);color:#fff}
.cat ul{list-style:none;display:grid;gap:6px}
.cat li{position:relative;padding-left:22px;color:#e2e8fb;font-weight:600}
.cat li::before{content:"";position:absolute;left:4px;top:.55em;width:9px;height:9px;border-radius:3px;background:var(--cyan);border:2px solid var(--edge);transform:rotate(45deg)}
details.older{border-top:3px dashed rgba(7,11,28,.7)}
details.older summary{padding:16px 24px;cursor:pointer;list-style:none;font:400 18px var(--display);text-transform:uppercase;color:var(--sub)}
details.older summary::-webkit-details-marker{display:none}
details.older summary::before{content:"+ ";color:var(--cyan)}
details.older[open] summary::before{content:"– "}

/* ---------- modes ---------- */
.modes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.mode{padding:16px 16px 16px 76px;position:relative;min-height:96px}
.mode i{position:absolute;left:14px;top:16px;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font:400 15px var(--display);font-style:normal;
  background:var(--mc);border:3px solid var(--edge);box-shadow:0 3px 0 var(--edge);color:#fff;text-shadow:0 2px 0 var(--edge)}
.mode h3{font:400 21px/1.1 var(--display);text-transform:uppercase;text-shadow:0 2px 0 var(--edge);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mode p{color:var(--sub);font-weight:600;font-size:13.5px;margin-top:4px}

/* ---------- maps (vote-card style) ---------- */
.maps{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.map{overflow:hidden;display:flex;flex-direction:column;transition:transform .15s}
.map:hover{transform:translateY(-3px) rotate(-.4deg)}
.map__img{position:relative;aspect-ratio:16/9;background:#13306e;border-bottom:3px solid var(--edge)}
.map__img img{width:100%;height:100%;object-fit:cover}
.map__img .tag{position:absolute;top:10px;right:10px}
.map__name{position:absolute;left:12px;bottom:8px;right:12px;font:400 24px/1 var(--display);text-transform:uppercase;
  text-shadow:0 3px 0 var(--edge),2px 0 0 var(--edge),-2px 0 0 var(--edge),0 -2px 0 var(--edge),2px 2px 0 var(--edge),-2px 2px 0 var(--edge)}
.map p{padding:10px 14px 14px;color:var(--sub);font-weight:600;font-size:13.5px}

/* ---------- powers (hotbar-slot style) ---------- */
.tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.tools input{flex:1;min-width:220px;padding:12px 16px;border-radius:14px;border:3px solid var(--edge);background:#0b1130;color:#fff;font:700 15px var(--font);box-shadow:inset 0 3px 0 rgba(0,0,0,.35)}
.tools input:focus{outline:none;border-color:var(--cyan)}
.seg{display:flex;border:3px solid var(--edge);border-radius:14px;overflow:hidden;box-shadow:0 4px 0 var(--edge)}
.seg button{border:0;padding:10px 14px;background:var(--panel);color:var(--sub);font:800 13px var(--font);cursor:pointer}
.seg button+button{border-left:3px solid var(--edge)}
.seg button.on{background:var(--cyan);color:var(--edge)}
.powers{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.pw{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:12px;align-items:start}
.slot{position:relative;width:68px;height:68px;border-radius:14px;background:radial-gradient(circle at 50% 35%,#2d4290,#16204a);border:3px solid var(--edge);box-shadow:0 4px 0 var(--edge),inset 0 2px 0 rgba(255,255,255,.12);display:grid;place-items:center}
.slot img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(7,11,28,.8))}
.slot kbd{position:absolute;right:-6px;bottom:-6px;min-width:24px;height:24px;padding:0 5px;border-radius:7px;background:#fff;color:var(--edge);font:400 14px/20px var(--display);text-align:center;border:2px solid var(--edge)}
.slot.g{background:radial-gradient(circle at 50% 35%,#6d5a17,#2a2312)}
.slot b{font:400 32px/1 var(--display);color:#fff;text-shadow:0 3px 0 var(--edge),2px 0 0 var(--edge),-2px 0 0 var(--edge)}
.pw h3 .tag{font-size:9.5px;padding:3px 7px;vertical-align:middle}
.slot.g kbd{background:var(--amber)}
.pw h3{font:400 19px/1.1 var(--display);text-transform:uppercase;text-shadow:0 2px 0 var(--edge)}
.pw p{color:var(--sub);font-weight:600;font-size:13px;margin-top:3px}
.sec__note{color:var(--sub);font-weight:600;font-size:14px;margin:-4px 0 14px;max-width:760px}
.ch{border-top:5px solid var(--cc,var(--cyan))}
.ch .slot{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--cc,#2d4290) 55%,#16204a),#16204a)}
.ch__role{display:block;color:var(--cc,var(--cyan));font:800 11px/1.3 var(--font);text-transform:uppercase;letter-spacing:.04em;margin-top:3px}
.ch__moves{list-style:none;display:flex;flex-wrap:wrap;gap:5px 10px;margin:8px 0 2px;padding:0}
.ch__moves li{display:flex;align-items:center;gap:5px;font:700 12.5px var(--font);color:#fff}
.ch__moves kbd{min-width:20px;height:20px;padding:0 4px;border-radius:6px;background:#fff;color:var(--edge);font:400 12px/17px var(--display);text-align:center;border:2px solid var(--edge)}
.ch p b{color:#fff}
.ch .slot img.portrait{width:58px;height:58px;border-radius:50%;filter:none}

/* ---------- links ---------- */
.links{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.link{display:flex;align-items:center;gap:14px;padding:14px 16px;transition:transform .12s}
.link:hover{transform:translateY(-2px)}
.link .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font:400 22px var(--display);border:3px solid var(--edge);box-shadow:0 3px 0 var(--edge);background:var(--blue);text-shadow:0 2px 0 var(--edge)}
.link b{display:block;font:400 19px/1.1 var(--display);text-transform:uppercase}
.link small{color:var(--sub);font-weight:600;font-size:12.5px}

.foot{margin-top:70px;border-top:3px solid var(--edge);background:var(--bg2);padding:26px 0 40px;color:var(--dim);font-weight:700;font-size:13px}
.foot__in{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.foot a{color:var(--sub);text-decoration:underline}

@media (max-width:980px){
  .stats{grid-template-columns:repeat(3,1fr)}
  .grid2{grid-template-columns:1fr}
  .nav{display:none}
  .uplink{margin-left:auto}
}
@media (max-width:620px){
  .wrap{padding:0 16px}
  .hero{min-height:480px}
  .hero__art::after{background:linear-gradient(0deg,rgba(12,18,44,.96) 10%,rgba(12,18,44,.55) 60%,rgba(12,18,44,.35))}
  .hero__in{padding:56px 16px 100px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stats .stat:last-child{grid-column:span 2}
  .brand__t small{display:none}
  .uplink span{display:none}
  .team{grid-template-columns:1fr}
  .ava{width:68px;height:68px}
  .srv{grid-template-columns:auto 1fr auto}
  .srv .p{display:none}
  .h span{font-size:28px}
  .powers{grid-template-columns:1fr}
  .seg{width:100%}
  .seg button{flex:1;padding:10px 6px}
}