:root{
  --bg:#1B2129;
  --side:#161B22;
  --panel:#232B36;
  --panel2:#2A3441;
  --hover:#303B49;
  --text:#F2F4F7;
  --body:#C9D0DA;
  --muted:#B3BCC8;
  --muted2:#8892A0;
  --border:#344050;
  --border2:#475467;
  --accent:#A78BFA;
  --accent2:#C4B5FD;
  --accent-dk:#7C5CD6;
  --accent-ink:#1B2129;
  --accent-tint:rgba(167,139,250,.14);
  --ok:#5BD08A;
  --ok-tint:rgba(91,208,138,.16);
  --danger:#F26D7A;
  --star:#F5C542;
  --blurple:#5865F2;
  --blurple-dk:#3F49C7;
  --r:4px;
  --w:1200px;
  --sans:"Rubik",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
::selection{background:var(--accent-tint);color:var(--text)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
.wrap{width:100%;max-width:var(--w);margin:0 auto;padding:0 24px}
.px{image-rendering:pixelated;image-rendering:crisp-edges}

.h1{margin:0;font-weight:900;font-size:clamp(40px,5vw,66px);line-height:.95;letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance}
.h2{margin:0;font-weight:800;font-size:clamp(30px,3.6vw,46px);line-height:1;letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance}
.h1 em,.h2 em{font-style:normal;color:var(--accent)}

.b{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border-radius:var(--r);font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:transform .08s,box-shadow .08s,background .12s,border-color .12s,color .12s}
.b:active{transform:translateY(2px)}
.b-acc{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 var(--accent-dk)}
.b-acc:hover{background:var(--accent2)}
.b-acc:active{box-shadow:0 1px 0 var(--accent-dk)}
.b-line{border:2px solid var(--border2);color:var(--text);background:transparent;box-shadow:0 3px 0 var(--border2)}
.b-line:hover{border-color:var(--accent);color:var(--accent2);box-shadow:0 3px 0 var(--accent-dk)}
.b-line:active{box-shadow:0 1px 0 var(--border2)}
.b-dark{background:var(--side);color:var(--text);box-shadow:0 3px 0 #090c10}
.b-dark:hover{background:#1f2630}
.b-plans{border:2px solid var(--accent);color:var(--accent2);background:var(--accent-tint)}
.b-plans:hover,.b-plans[aria-current="page"]{background:rgba(167,139,250,.28);color:var(--text)}
.b-blurple{background:var(--blurple);color:#fff;box-shadow:0 3px 0 var(--blurple-dk)}
.b-blurple:hover{background:#6b77ff}
.b svg{width:18px;height:18px;flex:0 0 auto}

.nav{position:sticky;top:0;z-index:40;background:var(--side);border-bottom:1px solid var(--border)}
.nav-in{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.brand{display:flex;align-items:center;gap:11px;margin-right:18px}
.brand svg{width:34px;height:34px}
.brand svg{--mk:#8a8a8a;--mk2:#7d7575}
.brand b{white-space:nowrap;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.links{display:flex;align-items:center;gap:2px;justify-self:center}
.nl{display:inline-flex;align-items:center;height:38px;padding:0 12px;border-radius:var(--r);font-weight:500;font-size:14px;color:var(--muted);transition:background .12s,color .12s}
.nl:hover{background:var(--panel);color:var(--text)}
.nl[aria-current="page"]{color:var(--text);font-weight:700}
.nav-cta{display:flex;align-items:center;gap:10px;justify-self:end}
.nav-cta .b{height:40px;padding:0 16px;font-size:13px}
.nav-cta .b-blurple{padding:0 12px}
.burger{display:none;width:40px;height:40px;border-radius:var(--r);background:var(--panel);place-items:center}
.burger svg{width:22px;height:22px;stroke:var(--text);stroke-width:2.2;fill:none;stroke-linecap:round}

.hero-wrap{position:relative}
.hero{position:relative;overflow:hidden;background:var(--side) url(/images/hero-spawners.webp) center 38%/cover no-repeat;clip-path:polygon(0 0,100% 0,100% calc(100% - 64px),0 100%);padding:64px 0 136px}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,33,41,.97) 0%,rgba(27,33,41,.88) 40%,rgba(27,33,41,.4) 72%,rgba(27,33,41,.2) 100%),linear-gradient(180deg,rgba(27,33,41,.25),rgba(27,33,41,.7))}
.hero .wrap{position:relative}
.hero-t{max-width:660px}
.lede{margin:26px 0 0;max-width:50ch;color:var(--body);font-size:18px;line-height:1.55}
.hero-b{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:center;gap:40px 56px}
.hero-g .h1{font-size:clamp(40px,4.3vw,60px)}
.pov{position:relative;padding-top:128px}
.skins{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;z-index:0;pointer-events:none}
.skins img{height:240px;width:auto;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}
.skins img:nth-child(2){height:276px;margin:0 -34px;position:relative;z-index:1}
.pov-scr{position:relative;z-index:1;aspect-ratio:16/9;overflow:hidden;background:#0d1117;border:2px solid var(--border2);border-radius:var(--r);box-shadow:0 0 0 6px rgba(22,27,34,.72),0 28px 60px rgba(0,0,0,.55)}
.pov-poster{width:100%;height:100%;object-fit:cover}
.pov-go{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 28px 0 22px;border-radius:var(--r);background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:16px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 0 var(--accent-dk),0 16px 36px rgba(0,0,0,.5);transition:background .12s,box-shadow .08s}
.pov-go:hover{background:var(--accent2)}
.pov-go:active{transform:translate(-50%,calc(-50% + 2px));box-shadow:0 2px 0 var(--accent-dk),0 12px 30px rgba(0,0,0,.5)}
.pov-go svg{width:22px;height:22px;fill:currentColor}
.pov-go[hidden],.pov-load[hidden],.pov-x[hidden],.pov-fs[hidden]{display:none}
.pov-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;background:rgba(13,17,23,.62);color:var(--body);font-size:14px;font-weight:500;text-align:center}
.pov-bar{width:min(280px,70%);height:8px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden}
.pov-bar i{display:block;width:0;height:100%;background:var(--accent);transition:width .2s}
.pov-frame{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .25s}
.pov-on .pov-frame{opacity:1}
.pov-on .pov-poster{visibility:hidden}
.pov-x{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:2;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r);background:rgba(13,17,23,.8);border:1px solid var(--border2)}
.pov-x svg{width:20px;height:20px;fill:none;stroke:var(--text);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pov-x:hover{background:var(--panel)}
.pov-full{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:#000}
.pov-max{position:fixed;inset:0;z-index:100;width:auto;height:auto}
html.pov-lock{overflow:hidden}
.pov-cap{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;margin-top:22px}
.pov-cap b{display:block;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.pov-cap span{display:block;margin-top:5px;max-width:46ch;color:var(--muted);font-size:14px;line-height:1.5}
.pov-fs{flex:0 0 auto;height:42px;padding:0 16px;font-size:13px}
.pov-fs svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:reduce){.pov-frame,.pov-bar i,.pov-go{transition:none}}

.sec{padding:88px 0}
.alt{background:var(--side)}
.sec-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-bottom:40px}
.sec-h>div:first-child{flex:1 1 520px;min-width:0}
.sec-h p{margin:16px 0 0;max-width:62ch;color:var(--muted);font-size:16.5px;line-height:1.55}
.sec-h p a{color:var(--accent2);border-bottom:1px solid var(--accent-dk)}
.sec-h .side{flex:0 0 auto;margin-left:auto}

.srv-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.srv{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:16px;align-items:center;width:100%;text-align:left;padding:12px 18px 12px 12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:border-color .12s,background .12s}
.srv:hover{border-color:var(--border2);background:var(--panel2)}
.srv-i{width:68px;height:68px;display:grid;place-items:center;padding:8px;background:var(--side);border-radius:var(--r)}
.srv-i img{width:52px;height:52px;object-fit:contain}
.srv b{display:block;font-weight:700;font-size:17px}
.srv-d{display:block;margin-top:4px;color:var(--muted);font-size:13.5px}
.bars{display:inline-flex;align-items:flex-end;gap:2px;height:16px}
.bars i{display:block;width:4px;background:var(--ok)}
.bars i:nth-child(1){height:5px}.bars i:nth-child(2){height:8px}.bars i:nth-child(3){height:11px}.bars i:nth-child(4){height:13px}.bars i:nth-child(5){height:16px}
.srv-any{grid-column:1/-1;grid-template-columns:68px minmax(0,1fr);border-style:dashed;background:transparent}
.srv-any:hover{background:transparent;border-color:var(--accent)}
.srv-any .srv-i{background:transparent;border:2px dashed var(--border2);font-weight:900;font-size:26px;color:var(--muted2);transition:border-color .12s,color .12s}
.srv-any:hover .srv-i{border-color:var(--accent);color:var(--accent2)}

.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}
.modal[hidden]{display:none}
.modal-bg{position:absolute;inset:0;background:rgba(10,13,18,.74)}
.modal-card{position:relative;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:22px 24px 24px;background:var(--panel);border:1px solid var(--border2);border-radius:var(--r);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.modal-h{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.modal-h h3{margin:0;font-weight:800;font-size:22px;line-height:1;text-transform:uppercase}
.modal-x{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r);background:var(--panel2);color:var(--muted);transition:background .12s,color .12s}
.modal-x:hover{color:var(--text);background:var(--hover)}
.modal-x svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round}
.srv-form{display:flex;gap:10px}
.srv-in{flex:1;min-width:0;height:48px;padding:0 14px;border-radius:var(--r);border:2px solid var(--border2);background:var(--bg);color:var(--text);font:500 16px var(--sans)}
.srv-in:focus{outline:0;border-color:var(--accent)}
.srv-in::placeholder{color:var(--muted2)}
.srv-form .b:disabled{opacity:.6;cursor:wait}
.srv-hint{margin:10px 0 0;color:var(--muted2);font-size:13px}
.srv-res{margin-top:18px}
.srv-err:not([hidden])+.srv-res{margin-top:0}
.srv-prev{display:flex;gap:14px;padding:12px;background:#0b0e12;border:1px solid var(--border);border-radius:var(--r)}
.srv-prev[hidden]{display:none}
.srv-err+.srv-res{margin-top:14px}
.srv-icon{width:64px;height:64px;flex:0 0 auto;border-radius:2px;background:var(--panel2)}
.srv-icon-none{display:grid;place-items:center;font-weight:900;font-size:26px;color:var(--muted2);border:2px dashed var(--border2);background:transparent}
.srv-icon[hidden],.srv-icon-none[hidden]{display:none}
.srv-prev-t{min-width:0;flex:1}
.srv-line{display:flex;align-items:center;justify-content:space-between;gap:12px}
.srv-line b{min-width:0;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srv-right{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}
.srv-right .bars{height:10px;gap:1px}
.srv-right .bars i{width:2px}
.srv-right .bars i:nth-child(1){height:3px}.srv-right .bars i:nth-child(2){height:5px}.srv-right .bars i:nth-child(3){height:7px}.srv-right .bars i:nth-child(4){height:8px}.srv-right .bars i:nth-child(5){height:10px}
.srv-count{font-size:14px;color:#AAAAAA;font-variant-numeric:tabular-nums}
.srv-count span{color:#555555;padding:0 1px}
.srv-motd{margin-top:5px;font-size:14px;line-height:1.35;color:#AAAAAA;word-break:break-word}
.srv-used{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;border-radius:var(--r);background:var(--panel2);color:var(--body);font-size:14.5px;line-height:1.45}
.srv-used::before{content:"";flex:0 0 10px;width:10px;height:10px;margin-top:6px;background:var(--muted2)}
.srv-used b{color:var(--text)}
.srv-used.yes::before{background:var(--ok)}
.srv-used.yes b{color:var(--ok)}
.srv-err{margin:14px 0 0;color:var(--danger);font-weight:600;font-size:14px}
.mc-0{color:#000}.mc-1{color:#0000AA}.mc-2{color:#00AA00}.mc-3{color:#00AAAA}.mc-4{color:#AA0000}.mc-5{color:#AA00AA}.mc-6{color:#FFAA00}.mc-7{color:#AAAAAA}.mc-8{color:#555555}.mc-9{color:#5555FF}.mc-a{color:#55FF55}.mc-b{color:#55FFFF}.mc-c{color:#FF5555}.mc-d{color:#FF55FF}.mc-e{color:#FFFF55}.mc-f{color:#FFFFFF}
.mc-l{font-weight:700}.mc-o{font-style:italic}.mc-n{text-decoration:underline}.mc-m{text-decoration:line-through}

.loc-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.loc{display:flex;align-items:center;gap:16px;padding:16px 18px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r)}
.loc img{width:46px;height:32px;object-fit:cover;border-radius:2px;border:2px solid var(--border2);flex:0 0 auto}
.loc b{display:block;font-weight:800;font-size:20px;line-height:1;text-transform:uppercase}
.loc-d{display:block;margin-top:5px;color:var(--muted2);font-size:13px;line-height:1}
.loc .st{margin-left:auto}
.st{display:inline-flex;align-items:center;font-weight:600;font-size:13.5px}
.st-on{color:var(--ok)}
.st-off{color:var(--danger)}

.ft-g{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ft{padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r)}
.ft-s{width:80px;height:80px;display:grid;place-items:center;background:var(--panel2);border:2px solid var(--border2);box-shadow:inset 3px 3px 0 rgba(0,0,0,.35),inset -3px -3px 0 rgba(255,255,255,.05)}
.ft img{width:48px;height:48px}
.ft h3{margin:18px 0 6px;font-weight:700;font-size:17px;line-height:1.2}
.ft p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}
.more{margin-top:44px;padding-top:28px;border-top:1px solid var(--border)}
.more h3{margin:0 0 16px;font-weight:700;font-size:16px}
.more ul{margin:0;padding:0;list-style:none;columns:5;column-gap:28px}
.more li{break-inside:avoid;padding:6px 0;font-size:14px;color:var(--body);border-bottom:1px solid var(--border)}
.more li a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border2)}
.more li a:hover{color:var(--accent2);border-bottom-color:var(--accent2)}

.gd-g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gd{display:block;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color .12s,transform .12s}
.gd:hover{border-color:var(--border2);transform:translateY(-2px)}
.gd-i{aspect-ratio:16/9;background:var(--side);border-bottom:1px solid var(--border);overflow:hidden}
.gd-i img{width:100%;height:100%;object-fit:cover;object-position:center top}
.gd-b{padding:18px 20px 20px}
.gd h3{margin:0 0 6px;font-weight:700;font-size:17px;line-height:1.25}
.gd p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}

#reviews{position:relative;overflow:hidden}
#reviews .wrap{position:relative;z-index:1}
.rv-skin{display:none;position:absolute;bottom:118px;width:177px;height:auto;z-index:0;pointer-events:none;filter:drop-shadow(0 16px 16px rgba(0,0,0,.4))}
.rv-skin-l{left:calc(((100% - var(--w)) / 2 + 24px - 177px) / 2)}
.rv-skin-r{right:calc(((100% - var(--w)) / 2 + 24px - 177px) / 2)}
@media (min-width:1500px){.rv-skin{display:block}}
.rv-strip{overflow:hidden}
.rv-track{display:flex;gap:14px}
.rv{flex:0 0 calc((100% - 28px)/3);display:flex;flex-direction:column;padding:20px 22px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r)}
.rv-h{display:flex;align-items:center;gap:12px}
.rv-av{width:42px;height:42px;border-radius:var(--r);object-fit:cover;background:var(--panel2);flex:0 0 auto}
.rv-av-fb{display:grid;place-items:center;font-weight:800;font-size:16px;color:var(--accent-ink);background:var(--accent)}
.rv-n{font-weight:700;font-size:15px;line-height:1.2}
.rv-stars{margin-top:3px;color:var(--star);font-size:13px;letter-spacing:1px;line-height:1}
.rv-stars i{font-style:normal;color:var(--border2)}
.rv p{margin:14px 0 0;color:var(--body);font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.rv time{display:block;margin-top:auto;padding-top:14px;color:var(--muted2);font-size:12.5px}
.rv-dots{display:flex;justify-content:center;gap:6px;margin-top:22px}
.rv-dots i{width:8px;height:8px;border-radius:50%;background:var(--border2)}
.rv-dots i.on{background:var(--accent)}

.pl-g{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pl{display:flex;flex-direction:column;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r)}
.pl-top{display:flex;align-items:center;gap:14px}
.pl img,.pl svg{width:42px;height:42px}
.pl h3{margin:0;font-weight:800;font-size:20px;line-height:1.1;text-transform:uppercase}
.pl-s{display:block;margin-top:3px;color:var(--muted2);font-size:13px}
.pl-p{margin-top:22px;display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.pl-p b{font-weight:800;font-size:36px;line-height:1;letter-spacing:-.02em}
.pl-p s{color:var(--muted2);font-size:15px}
.pl-p s:empty{display:none}
.pl-t{margin-top:6px;color:var(--muted2);font-size:13px}
.pl ul{margin:18px 0 24px;padding:0;list-style:none;color:var(--body);font-size:14.5px}
.pl li{padding:5px 0 5px 18px;position:relative}
.pl li::before{content:"";position:absolute;left:0;top:12px;width:7px;height:7px;background:var(--accent)}
.pl .b{margin-top:auto;width:100%}
.sale{display:none;background:#2A2340;border-bottom:1px solid #3d3260;color:var(--body)}
html.cc-sale .sale{display:block}
.sale-in{display:flex;align-items:center;gap:28px;padding-top:14px;padding-bottom:14px}
.sale-big{flex:0 0 auto}
.sale-big b{display:block;font-weight:900;font-size:34px;line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:var(--accent2)}
.sale-big span{display:block;margin-top:3px;font-weight:600;font-size:13px;color:var(--text)}
.sale-x{margin:0;max-width:44ch;font-size:15px;line-height:1.4;color:var(--body)}
.sale-x b{color:var(--text)}
.sale-t{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);white-space:nowrap}
.sale-clock{display:flex;gap:6px}
.sale-clock div{min-width:54px;padding:7px 8px 6px;background:rgba(0,0,0,.28);border:1px solid #3d3260;border-radius:var(--r);text-align:center}
.sale-clock b{display:block;font-weight:800;font-size:18px;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}
.sale-clock i{display:block;margin-top:3px;font-style:normal;font-size:11px;color:var(--muted2)}
.sale-link{flex:0 0 auto;font-weight:700;font-size:14px;color:var(--accent2);border-bottom:2px solid var(--accent-dk);line-height:1.2}
.sale:hover .sale-link{color:var(--text);border-bottom-color:var(--accent2)}
.sale:hover .sale-x{color:var(--text)}

.faq-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq{background:var(--panel);border:1px solid var(--border);border-radius:var(--r)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;font-weight:700;font-size:15px;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:800;font-size:22px;line-height:1;color:var(--accent)}
.faq[open] summary::after{content:"\2013"}
.faq div{padding:0 18px 18px;color:var(--muted);font-size:14.5px;line-height:1.6}
.faq div a{color:var(--accent2);border-bottom:1px solid var(--accent-dk)}

.cta{position:relative;background:var(--accent);color:var(--accent-ink)}
.cta .wrap{position:relative}
.cta .h2{color:var(--accent-ink)}
.cta p{margin:14px 0 0;font-size:17px;color:rgba(27,33,41,.78);max-width:46ch}
.cta-b{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.cta-t{max-width:640px}
.cta-skin{position:absolute;right:40px;top:50%;transform:translateY(-50%);height:300px;width:auto;filter:drop-shadow(0 16px 16px rgba(0,0,0,.3));pointer-events:none}

.foot{background:var(--side);border-top:1px solid var(--border);padding:56px 0 40px}
.foot-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.foot .brand{margin:0}
.foot p{margin:18px 0 0;max-width:40ch;color:var(--muted2);font-size:13.5px;line-height:1.6}
.foot h4{margin:0 0 14px;font-weight:700;font-size:14px;color:var(--text)}
.foot ul{margin:0;padding:0;list-style:none}
.foot li{padding:5px 0}
.foot li a{color:var(--muted);font-size:14.5px}
.foot li a:hover{color:var(--accent2)}
.foot-b{margin-top:48px;padding-top:22px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--muted2)}

@media (max-width:1180px){
  .hero-g{grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:40px 44px}
}
@media (max-width:1100px){
  .nav-in{grid-template-columns:auto 1fr}
  .links{display:none}
  .burger{display:grid}
  .links.open{display:flex;position:absolute;left:0;right:0;top:68px;flex-direction:column;align-items:stretch;gap:4px;padding:12px 24px 20px;background:var(--side);border-bottom:1px solid var(--border)}
  .links.open .nl{height:46px}
  .ft-g,.pl-g{grid-template-columns:1fr 1fr}
  .more ul{columns:3}
  .loc-g{grid-template-columns:1fr 1fr}
  .rv{flex-basis:calc((100% - 14px)/2)}
  .hero-g{grid-template-columns:minmax(0,1fr);gap:36px}
  .hero-g .h1{font-size:clamp(40px,5vw,66px)}
  .pov{max-width:620px}
  .foot-g{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .hero{padding:72px 0 96px;clip-path:polygon(0 0,100% 0,100% calc(100% - 36px),0 100%)}
  .cta-skin{display:none}
  .sale-x{display:none}
  .srv-g,.gd-g,.faq-g{grid-template-columns:1fr}
  .loc-g{grid-template-columns:1fr}
}
@media (max-width:600px){
  .wrap{padding:0 16px}
  .sec{padding:64px 0}
  .ft-g,.pl-g{grid-template-columns:1fr}
  .more ul{columns:2}
  .rv{flex-basis:100%}
  .nav-cta .b-acc,.nav-cta .b-plans{display:none}
  .sale-x,.sale-link,.sale-t>span{display:none}
  .sale-in{gap:16px}
  .sale-big b{font-size:26px}
  .sale-t{margin-left:auto}
  .sale-clock{gap:4px}
  .sale-clock div{min-width:44px;padding:6px 4px 5px}
  .sale-clock b{font-size:16px}
  .hero-b .b,.cta-b .b{width:100%}
  .pov{padding-top:100px}
  .skins img{height:184px}
  .skins img:nth-child(2){height:212px;margin:0 -26px}
  .pov-go{height:48px;padding:0 22px 0 18px;font-size:15px}
  .pov-cap{flex-direction:column;align-items:stretch}
  .pov-fs{width:100%}
  .srv{grid-template-columns:56px minmax(0,1fr) auto;gap:12px;padding:12px}
  .srv-i{width:56px;height:56px;padding:6px}
  .srv-i img{width:44px;height:44px}
  .foot-g{grid-template-columns:1fr}
}
@media (max-width:360px){
  .nav-cta{gap:6px}
  .nav-cta .b-blurple{padding:0 9px}
  .sale-in{gap:10px}
  .sale-big b{font-size:22px}
  .sale-clock div{min-width:38px;padding:6px 2px 5px}
  .pov{padding-top:86px}
  .skins img{height:158px}
  .skins img:nth-child(2){height:182px;margin:0 -22px}
  .loc{gap:10px;padding:14px 12px}
  .loc img{width:38px;height:26px}
  .loc>div{min-width:0}
  .loc b{font-size:17px;overflow-wrap:anywhere}
}