/* HubVM - Global Stylesheet */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#07080b;--bg2:#0c0e13;--bg3:#11141a;--bg4:#181c25;
  --fg:#eceae5;--fg2:#8a90a0;--fg3:#4a5060;
  --rule:rgba(255,255,255,0.07);--rules:rgba(255,255,255,0.13);
  --g:#22d3a7;--gd:rgba(34,211,167,0.35);--gbg:rgba(34,211,167,0.08);
  --w:#f0a050;--wd:rgba(240,160,80,0.3);--wbg:rgba(240,160,80,0.08);
  --b:#4e8eff;--bd2:rgba(78,142,255,0.35);--bbg:rgba(78,142,255,0.08);
  --r:#e85d4a;--purple:#a78bfa;--pd:rgba(167,139,250,0.35);--pbg:rgba(167,139,250,0.08);
  --hd:'Inter Tight',system-ui,sans-serif;--body:'Sora',system-ui,sans-serif;--mo:'JetBrains Mono',monospace;
  --pad:clamp(1.5rem,5vw,4rem)
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;font-size:15px}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--pad)}
/* ── PROMO ── */
.promo{background:linear-gradient(90deg,#2a1258,#0c2a60,#0c3848,#2a1258);padding:.6rem var(--pad);text-align:center;font-size:.78rem;color:var(--fg2);position:relative;z-index:201;border-bottom:1px solid rgba(78,142,255,.3)}
.promo strong{color:var(--w);font-weight:700}
.promo a{color:var(--b);font-weight:700;margin-left:.5rem;text-decoration:underline;text-underline-offset:2px}
.promo-x{position:absolute;right:var(--pad);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--fg3);cursor:pointer;font-size:1rem;line-height:1;padding:.2rem;transition:color .2s}
.promo-x:hover{color:var(--fg)}
/* ── STATUS BAR ── */

@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

@keyframes sbp{0%,100%{opacity:1}50%{opacity:.4}}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);height:54px;background:rgba(7,8,11,0.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--rule)}
.nl{font-family:var(--hd);font-weight:900;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,var(--fg),var(--g));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nk{display:flex;gap:1.6rem;font-size:.78rem;font-weight:500;color:var(--fg2)}
.nk a{transition:color .2s;position:relative}
.nk a:hover{color:var(--g)}
.nk a.hot::after{content:'NEW';position:absolute;top:-8px;right:-18px;font-family:var(--mo);font-size:.42rem;background:linear-gradient(135deg,var(--w),var(--r));color:var(--bg);padding:.08rem .25rem;font-weight:700;letter-spacing:.03em}
.nr{display:flex;align-items:center;gap:1rem}
.nr>a{font-size:.78rem;color:var(--fg2);font-weight:500;transition:color .2s}
.nr>a:hover{color:var(--fg)}
.btn{font-family:var(--body);font-size:.76rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:.6rem 1.4rem;border:none;cursor:pointer;transition:all .25s}
.ba{background:linear-gradient(135deg,var(--g),#1ec8a0);color:var(--bg)}
.ba:hover{box-shadow:0 0 28px rgba(34,211,167,.2);transform:translateY(-1px)}
.bb{background:linear-gradient(135deg,var(--b),#6ea0ff);color:var(--bg)}
.bb:hover{box-shadow:0 0 28px rgba(78,142,255,.25);transform:translateY(-1px)}
.bp{background:linear-gradient(135deg,var(--purple),#8b6ff0);color:var(--bg)}
.bp:hover{box-shadow:0 0 28px rgba(167,139,250,.25);transform:translateY(-1px)}
.bgh{background:0;color:var(--fg);border:1px solid var(--rules)}
.bgh:hover{border-color:var(--g);color:var(--g)}
.bw{background:linear-gradient(135deg,var(--w),#e8944a);color:var(--bg)}
.bw:hover{box-shadow:0 0 28px rgba(240,160,80,.2);transform:translateY(-1px)}
.bl{padding:.85rem 2.2rem;font-size:.8rem}
/* ── HERO ── */
.hero{position:relative;min-height:60vh;display:flex;align-items:center;padding:5rem 0 3rem;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;display:block;opacity:.4;filter:saturate(.7) brightness(1.1)}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0%,rgba(7,8,11,.3) 50%,rgba(7,8,11,.1) 100%)}
.hero-bg::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,211,167,.15),rgba(78,142,255,.12),rgba(167,139,250,.1),rgba(240,160,80,.06));z-index:1;mix-blend-mode:screen}
.hero-inner{position:relative;z-index:1;width:100%;max-width:1180px;margin:0 auto;padding:0 var(--pad);padding-top:6rem}
.hero h1{font-family:var(--hd);font-weight:900;font-size:2.2rem;line-height:1.15;letter-spacing:-.03em}
.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--g),var(--b));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-sub{display:flex;gap:4rem;align-items:flex-end;margin-top:1.8rem;flex-wrap:wrap}
.hero-p{color:var(--fg2);font-size:1rem;line-height:1.7;max-width:480px}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}
.hero-stats{display:flex;gap:2.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}
.hs .hs-v{font-family:var(--mo);font-weight:700;font-size:1.5rem;letter-spacing:-.02em}
.hs .hs-v span{font-size:.7rem;font-weight:500}
.hs:nth-child(1) .hs-v{color:var(--g)}
.hs:nth-child(1) .hs-v span{color:var(--g)}
.hs:nth-child(2) .hs-v{color:var(--b)}
.hs:nth-child(2) .hs-v span{color:var(--b)}
.hs:nth-child(3) .hs-v{color:var(--w)}
.hs:nth-child(3) .hs-v span{color:var(--w)}
.hs:nth-child(4) .hs-v{color:var(--g)}
.hs:nth-child(4) .hs-v span{color:var(--g)}
.hs:nth-child(5) .hs-v{color:var(--purple)}
.hs:nth-child(5) .hs-v span{color:var(--purple)}
.hs .hs-l{font-size:.65rem;color:var(--fg3);margin-top:.1rem;text-transform:uppercase;letter-spacing:.06em}
/* ── PRODUCTS ── */
.products{padding:3.5rem 0;background:linear-gradient(180deg,var(--bg),#08101c 30%,#0c1220 50%,#08101c 70%,var(--bg));border-bottom:1px solid var(--rule)}
.products-head{text-align:center;margin-bottom:2rem}
.products-head h2{font-family:var(--hd);font-weight:900;font-size:clamp(1.6rem,3.5vw,2.5rem);letter-spacing:-.03em}
.products-head p{color:var(--fg2);font-size:.92rem;margin-top:.5rem;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.6}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--rules);position:relative}
.prod-grid::before,.prod-grid::after{content:'';position:absolute;width:12px;height:12px;z-index:2}
.prod-grid::before{top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g)}
.prod-grid::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--purple);border-right:2px solid var(--purple)}
.prod-item{padding:2rem 1.5rem;border-right:1px solid var(--rule);position:relative;transition:all .3s}
.prod-item:last-child{border-right:none}
.prod-item::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;transition:all .3s}
.prod-item:nth-child(1){background:rgba(34,211,167,.05)}
.prod-item:nth-child(1):hover{background:rgba(34,211,167,.1)}
.prod-item:nth-child(1)::after{background:linear-gradient(90deg,var(--g),rgba(34,211,167,.2))}
.prod-item:nth-child(2){background:rgba(78,142,255,.05)}
.prod-item:nth-child(2):hover{background:rgba(78,142,255,.1)}
.prod-item:nth-child(2)::after{background:linear-gradient(90deg,var(--b),rgba(78,142,255,.2))}
.prod-item:nth-child(3){background:rgba(240,160,80,.05)}
.prod-item:nth-child(3):hover{background:rgba(240,160,80,.1)}
.prod-item:nth-child(3)::after{background:linear-gradient(90deg,var(--w),rgba(240,160,80,.2))}
.prod-item:nth-child(4){background:rgba(167,139,250,.05)}
.prod-item:nth-child(4):hover{background:rgba(167,139,250,.1)}
.prod-item:nth-child(4)::after{background:linear-gradient(90deg,var(--purple),rgba(167,139,250,.2))}
.prod-item .prod-icon{width:56px;height:56px;border:1px solid var(--rules);display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}
.prod-item .prod-icon svg{width:28px;height:28px}
.prod-item:nth-child(1) .prod-icon{background:rgba(34,211,167,.1);border-color:var(--gd);box-shadow:0 0 30px rgba(34,211,167,.15)}
.prod-item:nth-child(2) .prod-icon{background:rgba(78,142,255,.1);border-color:var(--bd2);box-shadow:0 0 30px rgba(78,142,255,.15)}
.prod-item:nth-child(3) .prod-icon{background:rgba(240,160,80,.1);border-color:var(--wd);box-shadow:0 0 30px rgba(240,160,80,.15)}
.prod-item:nth-child(4) .prod-icon{background:rgba(167,139,250,.1);border-color:var(--pd);box-shadow:0 0 30px rgba(167,139,250,.15)}
.prod-from{font-family:var(--mo);font-size:.62rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem}
.prod-price{font-family:var(--hd);font-weight:900;font-size:2rem;letter-spacing:-.03em;line-height:1}
.prod-price small{font-family:var(--body);font-size:.72rem;font-weight:400;color:var(--fg3)}
.prod-item:nth-child(1) .prod-price{color:var(--g)}
.prod-item:nth-child(2) .prod-price{color:var(--b)}
.prod-item:nth-child(3) .prod-price{color:var(--w)}
.prod-item:nth-child(4) .prod-price{color:var(--purple)}
.prod-name{font-family:var(--hd);font-weight:800;font-size:1rem;margin-top:.8rem;letter-spacing:-.01em}
.prod-desc{font-size:.78rem;color:var(--fg2);line-height:1.5;margin-top:.3rem}
.prod-features{margin-top:1.2rem;list-style:none}
.prod-features li{font-size:.72rem;color:var(--fg2);padding:.3rem 0;display:flex;align-items:center;gap:.4rem;border-bottom:1px solid var(--rule)}
.prod-features li:last-child{border-bottom:none}
.ck{font-family:var(--mo);font-weight:700;font-size:.65rem;flex-shrink:0}
.prod-item:nth-child(1) .ck{color:var(--g)}
.prod-item:nth-child(2) .ck{color:var(--b)}
.prod-item:nth-child(3) .ck{color:var(--w)}
.prod-item:nth-child(4) .ck{color:var(--purple)}
.prod-cta{margin-top:1.5rem}
.prod-cta a{font-family:var(--mo);font-size:.68rem;letter-spacing:.04em;transition:all .2s;text-transform:uppercase;font-weight:600}
.prod-item:nth-child(1) .prod-cta a{color:var(--g)}
.prod-item:nth-child(1) .prod-cta a:hover{text-shadow:0 0 12px rgba(34,211,167,.3)}
.prod-item:nth-child(2) .prod-cta a{color:var(--b)}
.prod-item:nth-child(2) .prod-cta a:hover{text-shadow:0 0 12px rgba(78,142,255,.3)}
.prod-item:nth-child(3) .prod-cta a{color:var(--w)}
.prod-item:nth-child(3) .prod-cta a:hover{text-shadow:0 0 12px rgba(240,160,80,.3)}
.prod-item:nth-child(4) .prod-cta a{color:var(--purple)}
.prod-item:nth-child(4) .prod-cta a:hover{text-shadow:0 0 12px rgba(167,139,250,.3)}
/* ── IMAGE BREAK ── */
.img-break{position:relative;height:32vh;min-height:220px;overflow:hidden;margin:0}
.img-break img{width:100%;height:100%;object-fit:cover;display:block;opacity:.45;filter:saturate(.6)}
.img-break::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,var(--bg),transparent 20%,transparent 80%,var(--bg))}
.img-break::before{content:'';position:absolute;inset:0;z-index:1}
.img-break.ib-green::before{background:linear-gradient(135deg,rgba(34,211,167,.14),rgba(78,142,255,.08))}
.img-break.ib-blue::before{background:linear-gradient(135deg,rgba(78,142,255,.14),rgba(167,139,250,.08))}
.img-break-text{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 var(--pad)}
.img-break-text h2{font-family:var(--hd);font-weight:900;font-size:clamp(1.8rem,4.5vw,3.5rem);letter-spacing:-.03em;line-height:1.1;max-width:40ch}
.img-break-text h2 em{font-style:normal;background:linear-gradient(135deg,var(--g),var(--b));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
/* ── CONFIGURATOR ── */
.cfg-section{padding:3.5rem 0 0}
.cfg-head{margin-bottom:2.5rem}
.cfg-head h2{font-family:var(--hd);font-weight:900;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.03em}
.cfg-head p{color:var(--fg2);font-size:.92rem;margin-top:.5rem;max-width:520px;line-height:1.6}
.presets{display:flex;gap:0;border:1px solid var(--rules);background:var(--bg2)}
.pb{flex:1;padding:1rem;text-align:center;border:none;border-right:1px solid var(--rule);cursor:pointer;transition:all .25s;background:0;font-family:var(--body);font-size:.82rem;font-weight:600;color:var(--fg2)}
.pb:last-child{border-right:none}
.pb:hover{background:rgba(34,211,167,.04);color:var(--fg)}
.pb.on{box-shadow:inset 0 2px 0 currentColor}
.pb[data-i="0"].on{background:linear-gradient(180deg,rgba(34,211,167,.18),rgba(34,211,167,.04));color:var(--g)}
.pb[data-i="1"].on{background:linear-gradient(180deg,rgba(78,142,255,.18),rgba(78,142,255,.04));color:var(--b)}
.pb[data-i="2"].on{background:linear-gradient(180deg,rgba(167,139,250,.18),rgba(167,139,250,.04));color:var(--purple)}
.pb[data-i="3"].on{background:linear-gradient(180deg,rgba(240,160,80,.18),rgba(240,160,80,.04));color:var(--w)}
.pb[data-i="4"].on{background:linear-gradient(180deg,rgba(232,93,74,.18),rgba(232,93,74,.04));color:var(--r)}
.pb small{display:block;font-family:var(--mo);font-size:.68rem;font-weight:400;margin-top:.1rem;opacity:.6}
.pb.on small{opacity:.8}
.cfg-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rules);border-top:none;min-height:440px;position:relative}
.cfg-grid::before,.cfg-grid::after{content:'';position:absolute;width:12px;height:12px;z-index:2}
.cfg-grid::before{top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g)}
.cfg-grid::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--b);border-right:2px solid var(--b)}
.cfg-gui{padding:2.2rem;border-right:1px solid var(--rule)}
.sg{margin-bottom:1.8rem}
.sg-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.65rem}
.sg-top label{font-size:.75rem;font-weight:600;color:var(--fg2);text-transform:uppercase;letter-spacing:.05em}
.sg-val{font-family:var(--mo);font-size:.92rem;font-weight:700}
#cV{color:var(--g)}
#rV{color:var(--b)}
#dV{color:var(--w)}
.sg-track{width:100%;height:8px;background:var(--bg4);border-radius:4px;position:relative;cursor:pointer;padding:12px 0;background-clip:content-box;box-sizing:content-box;margin:-12px 0}
.sg-fill{height:8px;border-radius:4px;position:absolute;top:12px;left:0;transition:width .15s;pointer-events:none}
#cF{background:linear-gradient(90deg,var(--g),#1ec8a0)}
#rF{background:linear-gradient(90deg,var(--b),#6ea0ff)}
#dF{background:linear-gradient(90deg,var(--w),#e8944a)}
.sg-thumb{width:22px;height:22px;background:var(--bg);border-width:3px;border-style:solid;border-radius:50%;position:absolute;top:16px;transform:translate(-50%,-50%);transition:left .15s;cursor:grab;z-index:3;touch-action:none}
.sg-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}
#cH{border-color:var(--g);box-shadow:0 0 18px rgba(34,211,167,.4)}
#rH{border-color:var(--b);box-shadow:0 0 18px rgba(78,142,255,.4)}
#dH{border-color:var(--w);box-shadow:0 0 18px rgba(240,160,80,.4)}
.sg-stops{display:flex;justify-content:space-between;margin-top:.45rem;font-family:var(--mo);font-size:.56rem;color:var(--fg3)}
.sg-stops span{cursor:pointer;padding:.2rem 0;transition:color .15s}
.sg-stops span:hover{color:var(--g)}
.sl-label{font-size:.75rem;font-weight:600;color:var(--fg2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;margin-top:1.6rem}
.sl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.sl-opt{padding:.6rem;border:1px solid var(--rule);font-family:var(--body);font-size:.72rem;font-weight:500;color:var(--fg2);cursor:pointer;transition:all .2s;text-align:center;background:0}
.sl-opt:hover{border-color:var(--fg3);color:var(--fg);background:rgba(255,255,255,.02)}
.sl-opt.on{font-weight:600}
.sl-opt[data-c="us-east-1"].on{border-color:var(--g);color:var(--g);background:linear-gradient(180deg,rgba(34,211,167,.15),rgba(34,211,167,.04));box-shadow:0 0 16px rgba(34,211,167,.08)}
.sl-opt[data-c="us-west-1"].on{border-color:var(--b);color:var(--b);background:linear-gradient(180deg,rgba(78,142,255,.15),rgba(78,142,255,.04));box-shadow:0 0 16px rgba(78,142,255,.08)}
.sl-opt[data-c="eu-west-1"].on{border-color:var(--w);color:var(--w);background:linear-gradient(180deg,rgba(240,160,80,.15),rgba(240,160,80,.04));box-shadow:0 0 16px rgba(240,160,80,.08)}
.sl-opt[data-c="eu-cent-1"].on{border-color:var(--purple);color:var(--purple);background:linear-gradient(180deg,rgba(167,139,250,.15),rgba(167,139,250,.04));box-shadow:0 0 16px rgba(167,139,250,.08)}
.sl-opt[data-c="ap-se-1"].on{border-color:var(--r);color:var(--r);background:linear-gradient(180deg,rgba(232,93,74,.15),rgba(232,93,74,.04));box-shadow:0 0 16px rgba(232,93,74,.08)}
.sl-opt[data-c="ap-ne-1"].on{border-color:#e06abe;color:#e06abe;background:linear-gradient(180deg,rgba(224,106,190,.15),rgba(224,106,190,.04));box-shadow:0 0 16px rgba(224,106,190,.08)}
.sl-opt small{display:block;font-family:var(--mo);font-size:.52rem;color:var(--fg3);margin-top:.08rem}
.sl-opt.on small{color:inherit;opacity:.5}
.os-wrap{display:flex;gap:.4rem;flex-wrap:wrap}
.os-b{padding:.45rem .9rem;border:1px solid var(--rule);font-family:var(--body);font-size:.7rem;font-weight:500;color:var(--fg2);cursor:pointer;transition:all .2s;background:0}
.os-b:hover{border-color:var(--fg3);color:var(--fg);background:rgba(255,255,255,.02)}
.os-b.on{font-weight:600}
.os-b:nth-child(1).on{border-color:var(--w);color:var(--w);background:linear-gradient(180deg,rgba(240,160,80,.15),rgba(240,160,80,.04))}
.os-b:nth-child(2).on{border-color:var(--b);color:var(--b);background:linear-gradient(180deg,rgba(78,142,255,.15),rgba(78,142,255,.04))}
.os-b:nth-child(3).on{border-color:var(--r);color:var(--r);background:linear-gradient(180deg,rgba(232,93,74,.15),rgba(232,93,74,.04))}
.os-b:nth-child(4).on{border-color:var(--g);color:var(--g);background:linear-gradient(180deg,rgba(34,211,167,.15),rgba(34,211,167,.04))}
.os-b:nth-child(5).on{border-color:var(--purple);color:var(--purple);background:linear-gradient(180deg,rgba(167,139,250,.15),rgba(167,139,250,.04))}
.os-b:nth-child(6).on{border-color:#e06abe;color:#e06abe;background:linear-gradient(180deg,rgba(224,106,190,.15),rgba(224,106,190,.04))}
.cfg-cli{display:flex;flex-direction:column;background:linear-gradient(180deg,#0a1018,#0c0e13)}
.cli-bar{padding:.55rem .9rem;border-bottom:1px solid var(--rule);font-family:var(--mo);font-size:.6rem;color:var(--fg3);display:flex;align-items:center;justify-content:space-between}
.cli-body{flex:1;padding:1.3rem;font-family:var(--mo);font-size:.72rem;line-height:1.85;color:var(--fg2);overflow-y:auto}
.cli-body .p{color:var(--g)}
.cli-body .f{color:var(--w)}
.cli-body .d{color:var(--fg3)}
.cli-sum{padding:1.5rem;border-top:1px solid var(--rule);background:linear-gradient(180deg,rgba(34,211,167,.06),rgba(78,142,255,.02))}
.cli-price{font-family:var(--hd);font-weight:900;font-size:3rem;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,var(--fg),var(--g));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.cli-price small{font-family:var(--body);font-size:.85rem;font-weight:400;-webkit-text-fill-color:var(--fg2)}
.cli-hr{font-family:var(--mo);font-size:.68rem;color:var(--fg3);margin-top:.25rem}
.deploy-btn{width:100%;margin-top:1rem;padding:.95rem;font-family:var(--body);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,var(--g),#1ec8a0);color:var(--bg);border:none;cursor:pointer;position:relative;overflow:hidden;transition:all .3s}
.deploy-btn:hover{box-shadow:0 4px 24px rgba(34,211,167,.2);transform:translateY(-1px)}
.deploy-btn.deploying{background:var(--bg4);color:var(--g);transform:none;box-shadow:none}
.deploy-btn .dp{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,rgba(34,211,167,.15),rgba(78,142,255,.1));width:0;transition:width 2s ease-out}
.incl{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule);border-top:none;background:var(--bg2)}
.incl-i{padding:.9rem 1rem;border-right:1px solid var(--rule);font-size:.72rem;color:var(--fg2);display:flex;align-items:center;gap:.4rem}
.incl-i:nth-child(4n){border-right:none}
.incl-i .ck{color:var(--g)}
/* ── PLANS ── */
.plans-section{padding:0 0 3rem}
.ptbl{width:100%;border-collapse:collapse;font-size:.85rem}
.ptbl thead th{text-align:left;padding:.85rem 1.1rem;font-family:var(--mo);font-size:.58rem;font-weight:400;color:var(--fg3);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--rules)}
.ptbl thead th:last-child{text-align:right}
.ptbl tbody tr{border-bottom:1px solid var(--rule);cursor:pointer;transition:all .2s}
.ptbl tbody tr:hover{background:rgba(34,211,167,.04)}
.ptbl td{padding:1.1rem;vertical-align:middle}
.ptbl td:last-child{text-align:right}
.pn{font-weight:700;font-size:.92rem}
.ptg{display:inline-block;font-family:var(--mo);font-size:.5rem;font-weight:500;color:var(--bg);background:linear-gradient(135deg,var(--g),var(--b));padding:.12rem .4rem;margin-left:.4rem;text-transform:uppercase;letter-spacing:.05em;vertical-align:2px}
.spec{font-family:var(--mo);font-size:.78rem;color:var(--fg2)}
.pv{font-family:var(--hd);font-weight:700;font-size:1.1rem}
.pv small{font-family:var(--body);font-weight:400;font-size:.7rem;color:var(--fg3)}
.psel{font-family:var(--mo);font-size:.65rem;color:var(--fg3);transition:color .2s}
.ptbl tbody tr:hover .psel{color:var(--g)}
.ptbl tbody tr.pro-row{background:linear-gradient(90deg,rgba(34,211,167,.04),rgba(78,142,255,.02));border-left:2px solid var(--g)}
.ptbl tbody tr.pro-row:hover{background:linear-gradient(90deg,rgba(34,211,167,.08),rgba(78,142,255,.04))}
/* ── DOMAINS ── */
.doms{padding:3rem 0;background:linear-gradient(180deg,var(--bg),#0a0e1a,#0c1018,var(--bg))}
.sh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2.5rem;gap:2rem;flex-wrap:wrap}
.sh h2{font-family:var(--hd);font-weight:900;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.02em}
.sh p{color:var(--fg2);font-size:.88rem;max-width:400px;line-height:1.65;text-align:right}
.ds{display:flex;border:1px solid var(--rules);position:relative;transition:all .3s}
.ds:focus-within{border-color:var(--g);box-shadow:0 0 20px rgba(34,211,167,.06)}
.ds::before{content:'';position:absolute;width:8px;height:8px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g)}
.ds::after{content:'';position:absolute;width:8px;height:8px;bottom:-1px;right:-1px;border-bottom:2px solid var(--purple);border-right:2px solid var(--purple)}
.ds input{flex:1;background:0;border:none;padding:1.1rem 1.3rem;color:var(--fg);font-family:var(--mo);font-size:.92rem;outline:none}
.ds input::placeholder{color:var(--fg3)}
.ds button{padding:1.1rem 2.2rem;background:linear-gradient(135deg,var(--g),#1ec8a0);border:none;color:var(--bg);font-family:var(--body);font-weight:700;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .2s}
.ds button:hover{box-shadow:0 0 16px rgba(34,211,167,.15)}
.dr-wrap{border:1px solid var(--rules);margin-bottom:2rem;display:none}
.dr-wrap.on{display:block}
.dr{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.3rem;border-bottom:1px solid var(--rule);transition:background .15s;flex-wrap:wrap;gap:.5rem}
.dr:last-child{border-bottom:none}
.dr:hover{background:rgba(34,211,167,.03)}
.drn{font-family:var(--mo);font-size:.88rem;font-weight:500}
.drn .ext{color:var(--g)}
.drr{display:flex;align-items:center;gap:1.2rem}
.drp{font-family:var(--mo);font-size:.82rem;color:var(--fg2)}
.drp strong{color:var(--g);font-weight:700}
.drs{font-family:var(--mo);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}
.drs.ok{color:var(--g)}
.drs.no{color:var(--fg3)}
.dra{font-family:var(--body);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.38rem .9rem;border:1px solid var(--gd);color:var(--g);background:rgba(34,211,167,.08);cursor:pointer;transition:all .2s}
.dra:hover{background:rgba(34,211,167,.18);box-shadow:0 0 16px rgba(34,211,167,.12)}
.tld-row{display:flex;flex-wrap:wrap;gap:0}
.tld-c{flex:1;min-width:100px;padding:1.2rem;border:1px solid var(--rule);border-right:none;transition:all .2s}
.tld-c:last-child{border-right:1px solid var(--rule)}
.tld-c:hover{background:rgba(34,211,167,.04)}
.tld-e{font-family:var(--mo);font-weight:600;font-size:1.05rem;color:var(--g)}
.tld-p{font-size:.68rem;color:var(--fg3);margin-top:.1rem}
.tld-p strong{color:var(--fg2);font-weight:600}
/* ── NETWORK ── */
.net-section{padding:3rem 0}
.traceroute{border:1px solid var(--rules);font-family:var(--mo);font-size:.75rem;overflow:hidden;position:relative;background:linear-gradient(180deg,#091218,#0c1018,var(--bg2))}
.traceroute::before,.traceroute::after{content:'';position:absolute;width:10px;height:10px;z-index:2}
.traceroute::before{top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g)}
.traceroute::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--b);border-right:2px solid var(--b)}
.tr-head{padding:.65rem 1.1rem;background:rgba(34,211,167,.04);border-bottom:1px solid var(--rule);font-size:.6rem;color:var(--g);display:flex;justify-content:space-between}
.tr-row{display:grid;grid-template-columns:40px 1fr 120px 80px 60px;padding:.65rem 1.1rem;border-bottom:1px solid var(--rule);align-items:center;transition:background .15s}
.tr-row:last-child{border-bottom:none}
.tr-row:hover{background:rgba(34,211,167,.03)}
.tr-hop{color:var(--fg3);font-size:.65rem}
.tr-host{color:var(--fg2);font-weight:500}
.tr-ip{color:var(--fg3);font-size:.68rem}
.tr-lat{font-weight:600;text-align:right}
.tr-lat.fast{color:var(--g)}
.tr-lat.mid{color:var(--w)}
.tr-st{text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:.3rem}
.sdot{width:6px;height:6px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}
.tr-row:nth-child(-n+4) .sdot{background:var(--g);color:var(--g)}
.tr-row:nth-child(n+5) .sdot{background:var(--w);color:var(--w)}
.tr-ping{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:0;margin-right:.3rem;vertical-align:1px}
@keyframes pingflash{0%{opacity:0;transform:scale(.5)}20%{opacity:.8;transform:scale(1.2)}100%{opacity:0;transform:scale(.5)}}
.net-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:2rem;border:1px solid var(--rule)}
.ns-i{padding:1.5rem;border-right:1px solid var(--rule);transition:background .2s}
.ns-i:last-child{border-right:none}
.ns-i:hover{background:var(--bg2)}
.ns-v{font-family:var(--mo);font-weight:700;font-size:1.6rem;letter-spacing:-.02em}
.ns-v span{font-size:.72rem;font-weight:500}
.ns-i:nth-child(1) .ns-v{color:var(--g)}
.ns-i:nth-child(2) .ns-v{color:var(--b)}
.ns-i:nth-child(3) .ns-v{color:var(--g)}
.ns-i:nth-child(4) .ns-v{color:var(--w)}
.ns-l{font-size:.66rem;color:var(--fg3);margin-top:.2rem;text-transform:uppercase;letter-spacing:.06em}
/* ── WHY ── */
.why-section{padding:3rem 0;border-top:1px solid var(--rule)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--rules)}
.why-item{padding:2.2rem 1.8rem;border-right:1px solid var(--rule);transition:all .2s;position:relative}
.why-item:last-child{border-right:none}
.why-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.why-item:nth-child(1)::before{background:linear-gradient(90deg,var(--g),transparent)}
.why-item:nth-child(2)::before{background:linear-gradient(90deg,var(--b),transparent)}
.why-item:nth-child(3)::before{background:linear-gradient(90deg,var(--w),transparent)}
.why-item:nth-child(1){background:rgba(34,211,167,.04)}
.why-item:nth-child(1):hover{background:rgba(34,211,167,.08)}
.why-item:nth-child(2){background:rgba(78,142,255,.04)}
.why-item:nth-child(2):hover{background:rgba(78,142,255,.08)}
.why-item:nth-child(3){background:rgba(240,160,80,.04)}
.why-item:nth-child(3):hover{background:rgba(240,160,80,.08)}
.why-icon{font-size:1.8rem;margin-bottom:1rem;line-height:1}
.why-item h3{font-family:var(--hd);font-weight:800;font-size:1.05rem;margin-bottom:.5rem;letter-spacing:-.01em}
.why-item p{font-size:.82rem;color:var(--fg2);line-height:1.6}
.why-item .why-stat{font-family:var(--mo);font-size:1.3rem;font-weight:700;margin-top:.8rem}
.why-item .why-stat small{font-size:.6rem;color:var(--fg3);font-weight:400;text-transform:uppercase;letter-spacing:.05em;display:block;margin-top:.1rem}
.why-item:nth-child(1) .why-stat{color:var(--g)}
.why-item:nth-child(2) .why-stat{color:var(--b)}
.why-item:nth-child(3) .why-stat{color:var(--w)}
/* ── TRUST ── */
.trust{padding:3rem 0;border-top:1px solid var(--rule)}
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.trust-img{border:1px solid var(--rules);overflow:hidden;aspect-ratio:4/3;position:relative}
.trust-img img{width:100%;height:100%;object-fit:cover;display:block;opacity:.6;filter:saturate(.6)}
.trust-img::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,211,167,.12),rgba(78,142,255,.1));z-index:1}
.trust-img::after{content:'';position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;border-bottom:2px solid var(--b);border-right:2px solid var(--b);z-index:2}
.trust-content h2{font-family:var(--hd);font-weight:900;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.02em;margin-bottom:1rem}
.trust-content p{color:var(--fg2);font-size:.9rem;line-height:1.7}
.trust-content p+p{margin-top:.8rem}
.trust-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:2rem;border:1px solid var(--rule)}
.ts-item{padding:1rem;border-right:1px solid var(--rule);text-align:center}
.ts-item:last-child{border-right:none}
.ts-val{font-family:var(--hd);font-weight:900;font-size:1.5rem;letter-spacing:-.02em}
.ts-val span{color:inherit}
.ts-item:nth-child(1) .ts-val{color:var(--g)}
.ts-item:nth-child(2) .ts-val{color:var(--b)}
.ts-item:nth-child(3) .ts-val{color:var(--w)}
.ts-lbl{font-size:.62rem;color:var(--fg3);margin-top:.1rem;text-transform:uppercase;letter-spacing:.06em}
/* ── CTA ── */
.cta-wrap{background:linear-gradient(135deg,rgba(34,211,167,.1),rgba(78,142,255,.07),rgba(167,139,250,.05));padding:3rem 2.5rem;border:1px solid var(--rules);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2rem;margin:3rem 0;position:relative}
.cta-wrap::before,.cta-wrap::after{content:'';position:absolute;width:14px;height:14px}
.cta-wrap::before{top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g)}
.cta-wrap::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--w);border-right:2px solid var(--w)}
.cta-wrap h2{font-family:var(--hd);font-weight:900;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.02em}
.cta-wrap p{color:var(--fg2);font-size:.9rem;margin-top:.4rem}
.cta-r{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.cta-c{font-family:var(--mo);font-size:.78rem;color:var(--g);border:1px solid var(--gd);padding:.4rem .85rem;background:rgba(34,211,167,.1)}
/* ── SEP ── */
.sep{display:flex;align-items:center;gap:1rem;color:var(--fg3);max-width:1180px;margin:0 auto;padding:0 var(--pad)}
.sep-l{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--rules),transparent)}
.sep-t{font-family:var(--mo);font-size:.58rem;letter-spacing:.08em;white-space:nowrap;color:var(--g)}
/* ── FOOTER ── */
footer{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;box-sizing:border-box;padding:3rem calc((100vw - 1180px)/2 + var(--pad)) 2.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem;border-top:1px solid var(--rule)}
.fc{display:flex;gap:3rem;flex-wrap:wrap}
.fcol h6{font-family:var(--mo);font-size:.54rem;color:var(--g);text-transform:uppercase;letter-spacing:.1em;font-weight:400;margin-bottom:.6rem}
.fcol a{display:block;font-size:.74rem;color:var(--fg2);padding:.18rem 0;transition:color .2s}
.fcol a:hover{color:var(--g)}
.fb{width:100%;padding-top:2rem;margin-top:1rem;border-top:1px solid var(--rule);font-family:var(--mo);font-size:.58rem;color:var(--fg3);display:flex;justify-content:space-between}
.hero h1{font-size:2.2rem!important;line-height:1.15!important}
.hero{min-height:50vh!important;align-items:center!important;padding:5rem 0 3rem!important}
.hero-inner{padding-top:6rem!important}
.split{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rules);position:relative}
.split-img{position:relative;overflow:hidden;min-height:300px}
.split-img img{width:100%;height:100%;object-fit:cover;display:block;opacity:.5;filter:saturate(.5)}
.split-img::before{content:'';position:absolute;inset:0;z-index:1;mix-blend-mode:screen}
.split-img.si-g::before{background:linear-gradient(135deg,rgba(34,211,167,.12),rgba(78,142,255,.06))}
.split-img.si-b::before{background:linear-gradient(135deg,rgba(78,142,255,.12),rgba(167,139,250,.06))}
.split-text{padding:2.5rem;display:flex;flex-direction:column;justify-content:center}
.split-text h2{font-family:var(--hd);font-weight:900;font-size:1.4rem;letter-spacing:-.02em;margin-bottom:.8rem}
.split-text p{font-size:.82rem;color:var(--fg2);line-height:1.65;margin-bottom:.6rem}
.bgrid{display:grid;border:1px solid var(--rules);position:relative}
.bgrid::before,.bgrid::after{content:'';position:absolute;width:12px;height:12px;z-index:2}
.bgrid::before{top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g)}
.bgrid::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--b);border-right:2px solid var(--b)}
.gi{padding:2.2rem 1.8rem;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);transition:background .2s}
.gi:hover{background:var(--bg2)}
.gi-h{font-family:var(--hd);font-weight:800;font-size:.92rem;margin-bottom:.4rem}
.gi-p{font-size:.78rem;color:var(--fg2);line-height:1.6}
.gi-stat{font-family:var(--mo);font-size:1.1rem;font-weight:700;margin-top:.6rem}

.prose{max-width:640px;font-size:.84rem;color:var(--fg2);line-height:1.75}
.prose p{margin-bottom:1rem}
/* History grid instead of timeline */
.hist-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rules);position:relative}
.hist-grid::before{content:'';position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g);z-index:2}
.hist-grid::after{content:'';position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--b);border-right:2px solid var(--b);z-index:2}
.hist-cell{padding:1.8rem 1.5rem;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);transition:background .2s}
.hist-cell:hover{background:var(--bg2)}
.hist-year{font-family:var(--mo);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.3rem}
.hist-title{font-family:var(--hd);font-weight:800;font-size:.88rem;margin-bottom:.35rem}
.hist-desc{font-size:.76rem;color:var(--fg2);line-height:1.6}
.split-img.svg-zoom{cursor:zoom-in;transition:box-shadow .3s}
.split-img.svg-zoom:hover{box-shadow:inset 0 0 0 2px rgba(34,211,167,.25)}
.split-img.svg-zoom::after{content:'Click to enlarge';position:absolute;bottom:12px;right:12px;font-family:var(--mo);font-size:.55rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;background:rgba(10,14,20,.85);padding:.3rem .6rem;border:1px solid var(--rule);z-index:3;opacity:0;transition:opacity .3s;pointer-events:none}
.split-img.svg-zoom:hover::after{opacity:1}
.svg-overlay{position:fixed;inset:0;background:rgba(6,8,12,.92);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;cursor:zoom-out;backdrop-filter:blur(8px)}
.svg-overlay.active{opacity:1;visibility:visible}
.svg-overlay-inner{width:82vw;max-width:960px;max-height:80vh;display:flex;align-items:center;justify-content:center}
.svg-overlay-inner svg{width:100%;height:auto;max-height:80vh;display:block}
.svg-overlay-close{position:absolute;top:20px;right:24px;font-size:1.4rem;color:var(--fg3);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--rule);background:var(--bg);transition:all .2s;z-index:10000}
.svg-overlay-close:hover{color:var(--fg);border-color:var(--fg3)}
.svg-overlay-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-family:var(--mo);font-size:.6rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.08em}
.split-img.si-p::before{background:linear-gradient(135deg,rgba(167,139,250,.12),rgba(78,142,255,.06))}
.split-img.si-w::before{background:linear-gradient(135deg,rgba(240,160,80,.12),rgba(232,93,74,.06))}
.cb{border:1px solid var(--rules);position:relative;margin:1.2rem 0 1.5rem}
.cb::before{content:'';position:absolute;width:8px;height:8px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g);z-index:2}
.cb-bar{display:flex;justify-content:space-between;padding:.5rem .8rem;border-bottom:1px solid var(--rule);font-family:var(--mo);font-size:.55rem;color:var(--fg3);background:var(--bg2)}
.cb-body{padding:1rem;font-family:var(--mo);font-size:.68rem;line-height:1.8;color:var(--g);white-space:pre-wrap;overflow-x:auto}
.cb-body .cm{color:var(--fg3)}
.cb-body .kw{color:var(--b)}
.cb-body .str{color:var(--w)}
.cb-body .fn{color:var(--purple)}
.cb-body .num{color:var(--r)}

.corner-g{position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g);z-index:2}
.corner-b{position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--b);border-right:2px solid var(--b);z-index:2}
.corner-p-tl{position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--purple);border-left:2px solid var(--purple);z-index:2}
.corner-w-tl{position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--w);border-left:2px solid var(--w);z-index:2}
.corner-g-br{position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--g);border-right:2px solid var(--g);z-index:2}
.corner-p-br{position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--purple);border-right:2px solid var(--purple);z-index:2}
/* Server entry cards (reused from dedicated page style) */
.srv-entry{border:1px solid var(--rules);position:relative;margin-bottom:-1px;transition:background .2s;cursor:pointer}
.srv-entry:hover{background:var(--bg2)}
.srv-entry::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px}
.se-g::before{background:var(--g)}
.se-b::before{background:var(--b)}
.se-p::before{background:var(--purple)}
.se-w::before{background:var(--w)}
.se-r::before{background:var(--r)}
.srv-top{display:flex;justify-content:space-between;align-items:baseline;padding:1rem 1.2rem .5rem 1.5rem}
.srv-name{font-family:var(--hd);font-weight:800;font-size:1rem;letter-spacing:-.01em}
.srv-price{font-family:var(--hd);font-weight:900;font-size:1.15rem}
.srv-specs{display:grid;grid-template-columns:repeat(4,1fr);padding:0 1.2rem 1rem 1.5rem;gap:.5rem}
.srv-spec-label{font-family:var(--mo);font-size:.5rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.06em}
.srv-spec-val{font-size:.78rem;font-weight:600;margin-top:.1rem}
.srv-spec-detail{font-size:.62rem;color:var(--fg3);margin-top:.05rem}
.blog-wrap{max-width:680px;margin:0 auto;padding:7rem var(--pad) 4rem}
.blog-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--fg3);text-decoration:none;margin-bottom:2.5rem;transition:color .15s;font-family:var(--mo);letter-spacing:.02em}
.blog-back:hover{color:var(--g)}
.blog-back::before{content:'\2190'}
.blog-header{margin-bottom:2.5rem}
.blog-meta{display:flex;gap:.8rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}
.blog-tag{font-family:var(--mo);font-size:.52rem;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .5rem;border:1px solid;opacity:.8}
.blog-reading{font-family:var(--mo);font-size:.55rem;color:var(--fg3);letter-spacing:.03em}
.blog-title{font-family:var(--hd);font-weight:900;font-size:2.1rem;letter-spacing:-.035em;line-height:1.18;margin-bottom:1rem;color:var(--fg)}
.blog-subtitle{font-size:.95rem;color:var(--fg2);line-height:1.75;margin-bottom:0}
.blog-author-top{display:flex;align-items:center;gap:.8rem;padding:1.5rem 0;margin-top:1.5rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.blog-author-top .avi{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--g),var(--b));display:flex;align-items:center;justify-content:center;font-family:var(--hd);font-weight:700;font-size:.7rem;color:var(--bg);flex-shrink:0}
.blog-author-top .info{font-size:.78rem;color:var(--fg2);line-height:1.4}
.blog-author-top .info strong{color:var(--fg);font-weight:600}
.blog-body{margin-top:2.5rem}
.blog-body>p:first-child::first-letter{float:left;font-family:var(--hd);font-weight:900;font-size:3.2rem;line-height:.85;padding-right:.5rem;padding-top:.1rem;color:var(--g)}
.blog-body h2{font-family:var(--hd);font-weight:800;font-size:1.25rem;letter-spacing:-.02em;margin:3rem 0 1rem;color:var(--fg);position:relative;padding-left:0}
.blog-body h2::before{content:'';display:block;width:24px;height:2px;background:var(--g);margin-bottom:.6rem;opacity:.5}
.blog-body h3{font-family:var(--hd);font-weight:700;font-size:1.02rem;margin:2rem 0 .6rem;color:var(--fg)}
.blog-body p{font-size:.88rem;color:var(--fg2);line-height:1.85;margin-bottom:1.15rem}
.blog-body strong{color:var(--fg);font-weight:600}
.blog-body code{font-family:var(--mo);font-size:.76rem;background:var(--bg2);padding:.15rem .4rem;border:1px solid var(--rule);color:var(--g);border-radius:2px}
.blog-body pre{background:var(--bg2);border:1px solid var(--rule);padding:1.4rem;margin:1.8rem 0;overflow-x:auto;position:relative;border-radius:3px}
.blog-body pre::before{content:'';position:absolute;width:10px;height:10px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g)}
.blog-body pre code{background:none;border:none;padding:0;font-size:.74rem;line-height:1.75;color:var(--fg);border-radius:0}
.blog-body blockquote{border-left:none;padding:1.5rem 2rem;margin:2.5rem 0;background:none;position:relative;text-align:center}
.blog-body blockquote::before{content:'\201C';position:absolute;top:-.2rem;left:.5rem;font-family:var(--hd);font-size:3rem;color:var(--g);opacity:.25;line-height:1}
.blog-body blockquote p{color:var(--fg);font-size:.95rem;font-style:italic;margin-bottom:0;line-height:1.75}
.blog-body .callout{border:1px solid var(--rules);padding:1.4rem;margin:2rem 0;position:relative;border-radius:3px;background:rgba(78,142,255,.02)}
.blog-body .callout::before{content:'';position:absolute;width:10px;height:10px;top:-1px;left:-1px;border-top:2px solid var(--b);border-left:2px solid var(--b)}
.blog-body .callout h4{font-family:var(--hd);font-weight:700;font-size:.88rem;color:var(--b);margin-bottom:.5rem}
.blog-body .callout p{font-size:.82rem;margin-bottom:.5rem}
.blog-body .metric{display:inline-block;font-family:var(--mo);font-size:.68rem;color:var(--g);background:rgba(34,211,167,.06);padding:.2rem .5rem;border:1px solid rgba(34,211,167,.15);margin:.2rem .3rem .2rem 0;border-radius:2px}
.blog-body .metric-r{display:inline-block;font-family:var(--mo);font-size:.68rem;color:#e85d4a;background:rgba(232,93,74,.06);padding:.2rem .5rem;border:1px solid rgba(232,93,74,.15);margin:.2rem .3rem .2rem 0;border-radius:2px}
.blog-body .blog-diagram{margin:2.5rem -1rem;border:1px solid var(--rules);overflow:hidden;position:relative;border-radius:3px}
.blog-body .blog-diagram svg{display:block;width:100%}
.blog-body .blog-diagram-cap{font-family:var(--mo);font-size:.58rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;padding:.5rem 1rem;border-top:1px solid var(--rules);background:var(--bg2)}
.blog-body .blog-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.82rem}
.blog-body .blog-table th{font-family:var(--mo);font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg3);padding:.65rem .8rem;border-bottom:2px solid var(--rule);text-align:left;font-weight:500}
.blog-body .blog-table td{padding:.65rem .8rem;border-bottom:1px solid var(--rule);color:var(--fg2)}
.blog-body .blog-table tr:hover td{background:var(--bg2)}
.blog-body .blog-table .val-g{color:var(--g);font-family:var(--mo);font-weight:600}
.blog-body .blog-table .val-b{color:var(--b);font-family:var(--mo);font-weight:600}
.blog-body .blog-hr{border:none;height:1px;background:var(--rule);margin:3rem 0}
.blog-footer-author{display:flex;align-items:center;gap:1rem;padding:2rem 0;border-top:1px solid var(--rule);margin-top:3rem}
.blog-footer-author .avi{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--g),var(--b));display:flex;align-items:center;justify-content:center;font-family:var(--hd);font-weight:700;font-size:.85rem;color:var(--bg);flex-shrink:0}
.blog-footer-author .info h4{font-family:var(--hd);font-weight:700;font-size:.9rem;margin-bottom:.2rem}
.blog-footer-author .info p{font-size:.78rem;color:var(--fg3);margin:0}
.blog-body .related-posts{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--rule)}
.blog-body .related-posts h3{margin-top:0}
.blog-body .related-posts h3::before{display:none}
.blog-body .rp-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}
.blog-body .rp-card{border:1px solid var(--rules);padding:1rem;text-decoration:none;display:block;transition:all .2s;border-radius:3px}
.blog-body .rp-card:hover{border-color:var(--fg3);background:var(--bg2)}
.blog-body .rp-card h4{font-family:var(--hd);font-weight:700;font-size:.82rem;color:var(--fg);margin-bottom:.3rem;line-height:1.3}
.blog-body .rp-card p{font-size:.72rem;color:var(--fg3);margin:0}
.bp{display:block;text-decoration:none;border:1px solid var(--rules);padding:1.5rem;position:relative;transition:all .2s;background:var(--bg)}
.bp:hover{border-color:var(--fg3);background:var(--bg2)}
.bp::before{content:'';position:absolute;width:10px;height:10px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g);transition:all .2s}
.bp:hover::before{width:14px;height:14px}
.bp-feat{padding:2.5rem;border-width:1px}
.bp-tag{font-family:var(--mo);font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .45rem;border:1px solid;display:inline-block;margin-bottom:.6rem}
.bp-date{font-family:var(--mo);font-size:.58rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem}
.bp-title{font-family:var(--hd);font-weight:900;font-size:1.4rem;letter-spacing:-.02em;line-height:1.25;color:var(--fg);margin-bottom:.6rem}
.bp-title-sm{font-family:var(--hd);font-weight:800;font-size:1.05rem;letter-spacing:-.02em;line-height:1.3;color:var(--fg);margin-bottom:.5rem}
.bp-sub{font-size:.82rem;color:var(--fg2);line-height:1.7;margin-bottom:1rem}
.bp-author{display:flex;align-items:center;gap:.6rem;font-size:.75rem;color:var(--fg3)}
.bp-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--g),var(--b));display:flex;align-items:center;justify-content:center;font-family:var(--hd);font-weight:700;font-size:.6rem;color:var(--bg)}
.bp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:0 0 2rem}
.bp-grid .bp{border-bottom:none}
.bp-grid .bp:nth-child(odd){border-right:none}
.bp-grid .bp:nth-last-child(-n+2){border-bottom:1px solid var(--rules)}
.bp-grid .bp:last-child:nth-child(odd){grid-column:1/-1;border-right:1px solid var(--rules)}
.job-card:hover{background:var(--bg2)}
.job-card:first-child{border-top-left-radius:0;border-top-right-radius:0}
.legal-wrap{max-width:820px;margin:0 auto;padding:3rem var(--pad) 5rem}
.legal-wrap h1{font-family:var(--hd);font-weight:900;font-size:1.8rem;letter-spacing:-.03em;margin-bottom:.5rem}
.legal-wrap .legal-sub{color:var(--fg3);font-size:.78rem;margin-bottom:3rem;font-family:var(--mo)}
.legal-wrap h2{font-family:var(--hd);font-weight:800;font-size:1.1rem;margin:2.5rem 0 .8rem;color:var(--fg);letter-spacing:-.01em}
.legal-wrap h2 span{color:var(--fg3);font-weight:400;margin-right:.4rem}
.legal-wrap h3{font-family:var(--hd);font-weight:700;font-size:.9rem;margin:1.8rem 0 .6rem;color:var(--fg)}
.legal-wrap p{font-size:.8rem;color:var(--fg2);line-height:1.8;margin-bottom:1rem}
.legal-wrap ul,.legal-wrap ol{margin:0 0 1.2rem 1.5rem;font-size:.78rem;color:var(--fg2);line-height:1.9}
.legal-wrap li{margin-bottom:.4rem}
.legal-wrap strong{color:var(--fg);font-weight:600}
.legal-wrap a{color:var(--g);text-decoration:none}
.legal-wrap a:hover{text-decoration:underline}
.legal-toc{background:var(--bg2);border:1px solid var(--rule);padding:1.5rem 2rem;margin-bottom:3rem}
.legal-toc h3{margin:0 0 .8rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg3);font-family:var(--mo)}
.legal-toc ol{margin:0;padding-left:1.2rem;columns:2;column-gap:2rem}
.legal-toc li{font-size:.72rem;color:var(--fg2);margin-bottom:.3rem;cursor:pointer}
.legal-toc li:hover{color:var(--g)}
.legal-toc a{color:var(--fg2)}
.legal-toc a:hover{color:var(--g)}
.auth-gate{display:none}
.console-wrap{max-width:1180px;margin:0 auto;padding:8rem var(--pad) 4rem}
.console-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}
.console-header h1{font-family:var(--hd);font-weight:900;font-size:1.6rem;letter-spacing:-.03em}
.console-header .badge{font-family:var(--mo);font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .6rem;border:1px solid var(--g);color:var(--g)}
.console-empty{border:1px solid var(--rules);padding:4rem 2rem;text-align:center;position:relative}
.console-empty::before{content:'';position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g)}
.console-empty::after{content:'';position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--b);border-right:2px solid var(--b)}
.console-empty h2{font-family:var(--hd);font-weight:800;font-size:1.1rem;margin-bottom:.6rem}
.console-empty p{color:var(--fg2);font-size:.85rem;line-height:1.7;max-width:420px;margin:0 auto}
.console-empty .icon{font-size:2rem;margin-bottom:1rem;opacity:.4}
.console-breadcrumb{font-family:var(--mo);font-size:.6rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.5rem}
.console-breadcrumb a{color:var(--fg3);text-decoration:none;transition:color .15s}
.console-breadcrumb a:hover{color:var(--g)}
.console-breadcrumb span{color:var(--fg2)}
/* CONFIGURATOR */
.cfg-section{padding:3rem 0}
.cfg-head{margin-bottom:1.8rem}
.cfg-head h2{font-family:var(--hd);font-weight:900;font-size:1.6rem;letter-spacing:-.02em}
.cfg-head p{color:var(--fg2);font-size:.85rem;margin-top:.4rem;line-height:1.6}
.base-tabs{display:flex;border:1px solid var(--rules);margin-bottom:-1px;position:relative;z-index:1}
.bt{flex:1;padding:1rem .8rem;text-align:center;cursor:pointer;transition:all .25s;border-right:1px solid var(--rule);background:var(--bg2);border-top:none;border-bottom:none;border-left:none;font-family:var(--body);font-size:.78rem;font-weight:600;color:var(--fg2)}
.bt:last-child{border-right:none}
.bt small{display:block;font-family:var(--mo);font-size:.62rem;font-weight:400;color:var(--fg3);margin-top:.1rem}
.bt:hover{color:var(--fg)}
.bt[data-c="g"].on{background:rgba(34,211,167,.12);color:var(--g);box-shadow:inset 0 2px 0 var(--g)}
.bt[data-c="b"].on{background:rgba(78,142,255,.12);color:var(--b);box-shadow:inset 0 2px 0 var(--b)}
.bt[data-c="p"].on{background:rgba(167,139,250,.12);color:var(--purple);box-shadow:inset 0 2px 0 var(--purple)}
.bt[data-c="w"].on{background:rgba(240,160,80,.12);color:var(--w);box-shadow:inset 0 2px 0 var(--w)}
.cfg-box{display:grid;grid-template-columns:1fr 320px;border:1px solid var(--rules);position:relative}
.cfg-box::before{content:'';position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g);z-index:2}
.cfg-box::after{content:'';position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--b);border-right:2px solid var(--b);z-index:2}
.cfg-left{padding:2rem;border-right:1px solid var(--rule)}
.cfg-right{display:flex;flex-direction:column;background:linear-gradient(180deg,#091218,#0c1018,var(--bg2))}
.opt-group{margin-bottom:1.8rem}
.opt-lbl{font-family:var(--mo);font-size:.58rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}
.opt-row{display:grid;gap:.35rem}
.opt-row.c2{grid-template-columns:1fr 1fr}
.opt-row.c3{grid-template-columns:1fr 1fr 1fr}
.opt-row.c4{grid-template-columns:1fr 1fr 1fr 1fr}
.ob{padding:.65rem .75rem;border:1px solid var(--rule);background:0;color:var(--fg2);font-family:var(--body);font-size:.72rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}
.ob:hover{border-color:rgba(255,255,255,.2);color:var(--fg)}
.ob.sel{font-weight:600}
.ob.sel[data-c="g"]{border-color:var(--g);color:var(--g);background:rgba(34,211,167,.1);box-shadow:0 0 12px rgba(34,211,167,.06)}
.ob.sel[data-c="b"]{border-color:var(--b);color:var(--b);background:rgba(78,142,255,.1);box-shadow:0 0 12px rgba(78,142,255,.06)}
.ob.sel[data-c="p"]{border-color:var(--purple);color:var(--purple);background:rgba(167,139,250,.1);box-shadow:0 0 12px rgba(167,139,250,.06)}
.ob.sel[data-c="w"]{border-color:var(--w);color:var(--w);background:rgba(240,160,80,.1);box-shadow:0 0 12px rgba(240,160,80,.06)}
.ob .om{display:block;font-weight:600}
.ob .os{font-family:var(--mo);font-size:.54rem;color:var(--fg3);display:block;margin-top:.05rem}
.ob .oa{font-family:var(--mo);font-size:.55rem;display:block;margin-top:.1rem;opacity:.5}
.addon-row{display:flex;align-items:center;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--rule)}
.addon-row:last-child{border-bottom:none}
.addon-name{font-size:.75rem;font-weight:500;color:var(--fg2)}
.addon-sub{font-size:.6rem;color:var(--fg3)}
.addon-price{font-family:var(--mo);font-size:.68rem;color:var(--fg3);margin:0 .8rem}
.atog{width:34px;height:18px;border-radius:9px;background:var(--bg4);border:1px solid var(--rule);cursor:pointer;position:relative;transition:all .2s;flex-shrink:0}
.atog::after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:var(--fg3);top:2px;left:2px;transition:all .2s}
.atog.on{background:rgba(34,211,167,.2);border-color:var(--g)}
.atog.on::after{left:18px;background:var(--g);box-shadow:0 0 6px rgba(34,211,167,.4)}
.sum-block{padding:1.2rem 1.4rem;border-bottom:1px solid var(--rule)}
.sum-lbl{font-family:var(--mo);font-size:.5rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem}
.sum-val{font-family:var(--mo);font-size:.7rem;color:var(--fg2);line-height:1.7}
.sum-val strong{color:var(--fg)}
.sum-price-wrap{padding:1.4rem;flex:1;display:flex;flex-direction:column;justify-content:flex-end}
.sum-total{font-family:var(--hd);font-weight:900;font-size:2.6rem;letter-spacing:-.04em;color:var(--fg)}
.sum-total small{font-size:.8rem;font-weight:400;color:var(--fg2)}
.sum-hr{font-family:var(--mo);font-size:.62rem;color:var(--fg3);margin-top:.15rem}
.order-btn{width:100%;margin-top:.8rem;padding:.85rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,var(--g),#1ec8a0);color:var(--bg);border:none;cursor:pointer;transition:all .3s}
.order-btn:hover{box-shadow:0 4px 20px rgba(34,211,167,.25);transform:translateY(-1px)}
.loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin-top:.25rem}
.lb{padding:.45rem .55rem;border:1px solid var(--rule);background:0;color:var(--fg2);font-size:.65rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}
.lb .lbc{font-family:var(--mo);font-size:.5rem;color:var(--fg3);display:block}
.lb.on{border-color:var(--g);color:var(--g);background:rgba(34,211,167,.06)}
.fstrip{display:grid;border:1px solid var(--rule);border-top:none;background:var(--bg2)}
.fstrip-i{padding:.8rem .9rem;border-right:1px solid var(--rule);font-size:.7rem;color:var(--fg2);display:flex;align-items:center;gap:.35rem}
/* SPLIT */
.split{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rules);position:relative}
.split-img{position:relative;overflow:hidden;min-height:320px}
.split-text h2{font-family:var(--hd);font-weight:900;font-size:1.5rem;letter-spacing:-.02em;margin-bottom:.8rem}
/* GRID */
.bgrid{display:grid;border:1px solid var(--rules);position:relative}
.gi-h{font-family:var(--hd);font-weight:800;font-size:.95rem;margin-bottom:.4rem}
.dn{font-weight:700;font-size:.85rem}
.dp{font-family:var(--hd);font-weight:700;font-size:.95rem}
/* SERVER ENTRIES */
.srv-entry{border:1px solid var(--rules);padding:1.8rem 2rem;margin-bottom:.6rem;cursor:pointer;transition:all .25s;position:relative}
.srv-entry:hover{background:rgba(255,255,255,.02);transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,0,0,.3)}
.srv-entry::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:currentColor;opacity:.5;transition:opacity .2s}
.srv-entry:hover::before{opacity:1}
.srv-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.2rem}
.srv-name{font-family:var(--hd);font-weight:900;font-size:1.1rem;letter-spacing:-.01em}
.srv-price{font-family:var(--hd);font-weight:900;font-size:1.6rem;letter-spacing:-.03em}
.srv-price small{font-size:.7rem;font-weight:400;opacity:.5}
.srv-specs-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.srv-spec{display:flex;flex-direction:column;gap:.15rem}
.srv-spec-lbl{font-family:var(--mo);font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg3)}
.srv-spec-val{font-family:var(--mo);font-size:.82rem;font-weight:600;color:var(--fg)}
.srv-spec-sub{font-size:.68rem;color:var(--fg3)}
.opt-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;background:var(--bg2);border:1px solid var(--rule);color:var(--fg2);font-family:var(--body);font-size:.72rem;cursor:pointer;transition:all .25s;text-align:left}
.opt-btn:hover{border-color:var(--fg3);color:var(--fg);background:rgba(255,255,255,.03)}
.ob-l{font-weight:600;font-size:.72rem}
.ob-p{font-family:var(--mo);font-size:.62rem;color:var(--fg3);white-space:nowrap;transition:color .25s}
#cpuOpts .opt-btn:nth-child(1).active{border-color:var(--g);color:var(--g);background:linear-gradient(180deg,rgba(34,211,167,.15),rgba(34,211,167,.04));box-shadow:0 0 14px rgba(34,211,167,.08)}
#cpuOpts .opt-btn:nth-child(2).active{border-color:var(--b);color:var(--b);background:linear-gradient(180deg,rgba(78,142,255,.15),rgba(78,142,255,.04));box-shadow:0 0 14px rgba(78,142,255,.08)}
#cpuOpts .opt-btn:nth-child(3).active{border-color:var(--purple);color:var(--purple);background:linear-gradient(180deg,rgba(167,139,250,.15),rgba(167,139,250,.04));box-shadow:0 0 14px rgba(167,139,250,.08)}
#cpuOpts .opt-btn:nth-child(4).active{border-color:var(--w);color:var(--w);background:linear-gradient(180deg,rgba(240,160,80,.15),rgba(240,160,80,.04));box-shadow:0 0 14px rgba(240,160,80,.08)}
#ramOpts .opt-btn:nth-child(1).active{border-color:var(--g);color:var(--g);background:linear-gradient(180deg,rgba(34,211,167,.15),rgba(34,211,167,.04));box-shadow:0 0 14px rgba(34,211,167,.08)}
#ramOpts .opt-btn:nth-child(2).active{border-color:var(--b);color:var(--b);background:linear-gradient(180deg,rgba(78,142,255,.15),rgba(78,142,255,.04));box-shadow:0 0 14px rgba(78,142,255,.08)}
#ramOpts .opt-btn:nth-child(3).active{border-color:var(--purple);color:var(--purple);background:linear-gradient(180deg,rgba(167,139,250,.15),rgba(167,139,250,.04));box-shadow:0 0 14px rgba(167,139,250,.08)}
#ramOpts .opt-btn:nth-child(4).active{border-color:var(--w);color:var(--w);background:linear-gradient(180deg,rgba(240,160,80,.15),rgba(240,160,80,.04));box-shadow:0 0 14px rgba(240,160,80,.08)}
#diskOpts .opt-btn:nth-child(1).active{border-color:var(--g);color:var(--g);background:linear-gradient(180deg,rgba(34,211,167,.15),rgba(34,211,167,.04));box-shadow:0 0 14px rgba(34,211,167,.08)}
#diskOpts .opt-btn:nth-child(2).active{border-color:var(--b);color:var(--b);background:linear-gradient(180deg,rgba(78,142,255,.15),rgba(78,142,255,.04));box-shadow:0 0 14px rgba(78,142,255,.08)}
#diskOpts .opt-btn:nth-child(3).active{border-color:var(--purple);color:var(--purple);background:linear-gradient(180deg,rgba(167,139,250,.15),rgba(167,139,250,.04));box-shadow:0 0 14px rgba(167,139,250,.08)}
#diskOpts .opt-btn:nth-child(4).active{border-color:var(--w);color:var(--w);background:linear-gradient(180deg,rgba(240,160,80,.15),rgba(240,160,80,.04));box-shadow:0 0 14px rgba(240,160,80,.08)}
#netOpts .opt-btn:nth-child(1).active{border-color:var(--g);color:var(--g);background:linear-gradient(180deg,rgba(34,211,167,.15),rgba(34,211,167,.04));box-shadow:0 0 14px rgba(34,211,167,.08)}
#netOpts .opt-btn:nth-child(2).active{border-color:var(--b);color:var(--b);background:linear-gradient(180deg,rgba(78,142,255,.15),rgba(78,142,255,.04));box-shadow:0 0 14px rgba(78,142,255,.08)}
#netOpts .opt-btn:nth-child(3).active{border-color:var(--purple);color:var(--purple);background:linear-gradient(180deg,rgba(167,139,250,.15),rgba(167,139,250,.04));box-shadow:0 0 14px rgba(167,139,250,.08)}
#netOpts .opt-btn:nth-child(4).active{border-color:var(--w);color:var(--w);background:linear-gradient(180deg,rgba(240,160,80,.15),rgba(240,160,80,.04));box-shadow:0 0 14px rgba(240,160,80,.08)}
.opt-btn.active .ob-p{color:inherit;opacity:.7}
.deploy-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}
.deploy-header h1{font-family:var(--hd);font-weight:900;font-size:1.6rem;letter-spacing:-.03em}
.deploy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}
.deploy-card{border:1px solid var(--rules);padding:2rem;cursor:pointer;transition:all .25s;position:relative;text-decoration:none;color:inherit;display:block}
.deploy-card:hover{background:rgba(255,255,255,.02);transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.3)}
.deploy-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;opacity:.6}
.dc-icon{font-size:1.8rem;margin-bottom:1rem;opacity:.7}
.dc-title{font-family:var(--hd);font-weight:800;font-size:1.05rem;margin-bottom:.5rem}
.dc-desc{font-size:.78rem;color:var(--fg2);line-height:1.6;margin-bottom:1rem}
.dc-specs{font-family:var(--mo);font-size:.6rem;color:var(--fg3);display:flex;gap:1rem}
.dc-tag{font-family:var(--mo);font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;border:1px solid;position:absolute;top:1.2rem;right:1.2rem}
.corner-tl{position:absolute;width:12px;height:12px;top:-1px;left:-1px;z-index:2}
.corner-br{position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;z-index:2}
.doc-nav{display:grid;grid-template-columns:220px 1fr;border:1px solid var(--rules);position:relative;min-height:600px}
.doc-nav::before{content:'';position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g);z-index:2}
.doc-nav::after{content:'';position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--b);border-right:2px solid var(--b);z-index:2}
.doc-sidebar{border-right:1px solid var(--rule);padding:1.5rem 0;background:var(--bg2)}
.ds-section{margin-bottom:1.5rem}
.ds-title{font-family:var(--mo);font-size:.52rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.1em;padding:0 1.2rem;margin-bottom:.4rem}
.ds-link{display:block;padding:.35rem 1.2rem;font-size:.75rem;color:var(--fg2);text-decoration:none;transition:all .15s;border-left:2px solid transparent}
.ds-link:hover{color:var(--fg);background:rgba(255,255,255,.02)}
.ds-link.on{color:var(--g);border-left-color:var(--g);background:rgba(34,211,167,.04);font-weight:600}
.doc-body{padding:2.5rem 3rem;max-width:720px}
.doc-body h2{font-family:var(--hd);font-weight:900;font-size:1.5rem;letter-spacing:-.02em;margin:0 0 .6rem}
.doc-body h3{font-family:var(--hd);font-weight:800;font-size:1rem;margin:2rem 0 .5rem;padding-top:1.5rem;border-top:1px solid var(--rule)}
.doc-body h3:first-of-type{border-top:none;padding-top:0;margin-top:1.5rem}
.doc-body p{font-size:.82rem;color:var(--fg2);line-height:1.7;margin-bottom:.8rem}
.doc-body ul{margin:0 0 1rem 1.2rem;padding:0}
.doc-body li{font-size:.8rem;color:var(--fg2);line-height:1.65;margin-bottom:.3rem}
.doc-body code{font-family:var(--mo);font-size:.72rem;background:var(--bg4);padding:.15rem .4rem;border:1px solid var(--rule);color:var(--g)}
.ep{border:1px solid var(--rule);margin:.8rem 0;padding:.8rem 1rem;display:flex;align-items:center;gap:.8rem;transition:background .2s}
.ep:hover{background:var(--bg2)}
.ep-method{font-family:var(--mo);font-size:.58rem;font-weight:700;padding:.2rem .45rem;letter-spacing:.04em;border:1px solid}
.ep-method.get{color:var(--g);border-color:var(--g);background:rgba(34,211,167,.06)}
.ep-method.post{color:var(--b);border-color:var(--b);background:rgba(78,142,255,.06)}
.ep-method.put{color:var(--w);border-color:var(--w);background:rgba(240,160,80,.06)}
.ep-method.del{color:var(--r);border-color:var(--r);background:rgba(232,93,74,.06)}
.ep-path{font-family:var(--mo);font-size:.72rem;color:var(--fg)}
.ep-desc{font-size:.68rem;color:var(--fg3);margin-left:auto}
.param-tbl{width:100%;border-collapse:collapse;margin:.8rem 0 1.2rem;font-size:.72rem}
.param-tbl th{text-align:left;font-family:var(--mo);font-size:.55rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;padding:.5rem .6rem;border-bottom:2px solid var(--rule)}
.param-tbl td{padding:.45rem .6rem;border-bottom:1px solid var(--rule);color:var(--fg2)}
.param-tbl td:first-child{font-family:var(--mo);color:var(--fg);font-weight:500}
.param-tbl td code{font-size:.65rem}
.docs-wrap{max-width:1280px;margin:0 auto;padding:2rem var(--pad) 4rem;display:grid;grid-template-columns:240px 1fr;gap:2rem}
.docs-side{position:sticky;top:6rem;align-self:start;max-height:calc(100vh - 8rem);overflow-y:auto;padding-right:1rem;border-right:1px solid var(--rule)}
.docs-side::-webkit-scrollbar{width:3px}
.docs-side::-webkit-scrollbar-thumb{background:var(--rules)}
.ds-group{margin-bottom:1.5rem}
.ds-group-title{font-family:var(--mo);font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg3);margin-bottom:.5rem;padding-left:.5rem}
.ds-link{display:block;padding:.35rem .5rem;font-size:.72rem;color:var(--fg2);text-decoration:none;border-left:2px solid transparent;transition:all .15s;cursor:pointer}
.ds-link.active{color:var(--g);border-left-color:var(--g);background:rgba(34,211,167,.04)}
.docs-content{min-width:0}
.doc-section{display:none}
.doc-section.active{display:block}
.doc-section h2{font-family:var(--hd);font-weight:900;font-size:1.5rem;letter-spacing:-.02em;margin-bottom:.3rem}
.doc-section h2+p{color:var(--fg2);font-size:.82rem;line-height:1.6;margin-bottom:2rem}
.doc-section h3{font-family:var(--hd);font-weight:800;font-size:1.05rem;margin:2.5rem 0 .8rem;padding-top:1rem;border-top:1px solid var(--rule)}
.doc-section h3:first-of-type{border-top:none;padding-top:0}
.doc-section h4{font-family:var(--hd);font-weight:700;font-size:.88rem;margin:1.5rem 0 .5rem}
.doc-section p{font-size:.8rem;color:var(--fg2);line-height:1.7;margin-bottom:.8rem}
.doc-section ul,.doc-section ol{margin:0 0 1rem 1.2rem;font-size:.78rem;color:var(--fg2);line-height:1.7}
.doc-section li{margin-bottom:.3rem}
.cb{background:var(--bg2);border:1px solid var(--rule);padding:1rem 1.2rem;font-family:var(--mo);font-size:.68rem;line-height:1.8;overflow-x:auto;margin:1rem 0 1.5rem;position:relative;color:var(--fg);white-space:pre}
.cb-bar{display:flex;justify-content:space-between;align-items:center;padding:.4rem .8rem;background:rgba(255,255,255,.02);border-bottom:1px solid var(--rule);font-family:var(--mo);font-size:.55rem;color:var(--fg3)}
.cb-copy{cursor:pointer;transition:color .15s}
.cb-copy:hover{color:var(--g)}
.doc-section code{font-family:var(--mo);font-size:.72rem;background:var(--bg2);padding:.15rem .4rem;border:1px solid var(--rule);color:var(--g)}
.doc-table{width:100%;border:1px solid var(--rule);margin:1rem 0 1.5rem;font-size:.72rem;border-collapse:collapse}
.doc-table th{background:var(--bg2);padding:.6rem .8rem;text-align:left;font-family:var(--mo);font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg3);border-bottom:1px solid var(--rule)}
.doc-table td{padding:.55rem .8rem;border-bottom:1px solid var(--rule);color:var(--fg2);vertical-align:top}
.doc-table tr:hover td{background:rgba(255,255,255,.015)}
.callout{border:1px solid var(--rule);padding:1rem 1.2rem;margin:1rem 0 1.5rem;font-size:.78rem;line-height:1.6}
.callout-info{border-left:3px solid var(--b);background:rgba(78,142,255,.03)}
.callout-warn{border-left:3px solid var(--w);background:rgba(240,160,80,.03)}
.callout-tip{border-left:3px solid var(--g);background:rgba(34,211,167,.03)}
.callout strong{display:block;margin-bottom:.3rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}
.doc-tabs{display:flex;border-bottom:1px solid var(--rule);margin-bottom:1.5rem}
.doc-tab{padding:.6rem 1.2rem;font-family:var(--mo);font-size:.65rem;color:var(--fg3);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;background:none;border-top:none;border-left:none;border-right:none}
.doc-tab:hover{color:var(--fg)}
.doc-tab.active{color:var(--g);border-bottom-color:var(--g)}
.tab-content{display:none}
.tab-content.active{display:block}
.method{display:inline-block;font-family:var(--mo);font-size:.55rem;font-weight:700;padding:.2rem .5rem;letter-spacing:.04em;margin-right:.4rem;min-width:45px;text-align:center}
.method-get{background:rgba(34,211,167,.1);color:var(--g);border:1px solid rgba(34,211,167,.2)}
.method-post{background:rgba(78,142,255,.1);color:var(--b);border:1px solid rgba(78,142,255,.2)}
.method-put{background:rgba(240,160,80,.1);color:var(--w);border:1px solid rgba(240,160,80,.2)}
.method-delete{background:rgba(232,93,74,.1);color:var(--r);border:1px solid rgba(232,93,74,.2)}
.endpoint{font-family:var(--mo);font-size:.72rem;color:var(--fg)}
.endpoint-row{display:flex;align-items:center;padding:.6rem .8rem;border:1px solid var(--rule);margin-bottom:-1px;transition:background .15s}
.endpoint-row:hover{background:rgba(255,255,255,.02)}
.ep-desc{font-size:.65rem;color:var(--fg3);margin-left:auto}
.docs-search{margin-bottom:1.5rem}
.docs-search input{width:100%;padding:.55rem .8rem;background:var(--bg2);border:1px solid var(--rule);color:var(--fg);font-size:.72rem;font-family:var(--body);outline:none}
.docs-search input:focus{border-color:var(--g)}
.docs-search input::placeholder{color:var(--fg3)}
.param{display:flex;gap:.8rem;padding:.6rem 0;border-bottom:1px solid var(--rule);font-size:.72rem}
.param-name{font-family:var(--mo);font-weight:600;color:var(--fg);min-width:120px}
.param-type{font-family:var(--mo);color:var(--purple);min-width:60px;font-size:.65rem}
.param-req{font-family:var(--mo);font-size:.55rem;padding:.1rem .3rem;background:rgba(232,93,74,.1);color:var(--r);border:1px solid rgba(232,93,74,.2)}
.param-opt{font-family:var(--mo);font-size:.55rem;padding:.1rem .3rem;background:rgba(78,142,255,.06);color:var(--fg3);border:1px solid var(--rule)}
.resp-code{display:inline-block;font-family:var(--mo);font-size:.65rem;font-weight:600;min-width:30px}
.rc-2{color:var(--g)}
.rc-4{color:var(--w)}
.rc-5{color:var(--r)}
.ds{display:flex;gap:0;margin-bottom:1.5rem;border:1px solid var(--rules);position:relative}
.ds::before{content:'';position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g);z-index:2}
.ds input{flex:1;padding:1rem 1.2rem;background:var(--bg2);border:none;color:var(--fg);font-family:var(--body);font-size:.9rem;outline:none}
.ds button{padding:1rem 2rem;background:linear-gradient(135deg,var(--g),#1ec8a0);color:var(--bg);font-family:var(--body);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:none;cursor:pointer;transition:all .25s}
.ds button:hover{box-shadow:0 0 20px rgba(34,211,167,.2)}
.tld-row{display:grid;grid-template-columns:100px 1fr 120px 120px;align-items:center;padding:.85rem 1.2rem;border-bottom:1px solid var(--rule);transition:background .15s}
.tld-row:hover{background:var(--bg2)}
.tld-row:last-child{border-bottom:none}
.tld-ext{font-family:var(--hd);font-weight:800;font-size:1rem}
.tld-desc{font-size:.75rem;color:var(--fg2)}
.tld-reg{font-family:var(--mo);font-size:.78rem;font-weight:600;text-align:right}
.tld-ren{font-family:var(--mo);font-size:.68rem;color:var(--fg3);text-align:right}
.tld-table{border:1px solid var(--rules);position:relative}
.tld-table::before{content:'';position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g);z-index:2}
.tld-table::after{content:'';position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--b);border-right:2px solid var(--b);z-index:2}
.tld-head{display:grid;grid-template-columns:100px 1fr 120px 120px;padding:.6rem 1.2rem;border-bottom:2px solid var(--rule);font-family:var(--mo);font-size:.52rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.08em}
.tld-head span:nth-child(3),.tld-head span:nth-child(4){text-align:right}
.dns-row{display:grid;grid-template-columns:80px 160px 1fr 80px;padding:.55rem 1rem;border-bottom:1px solid var(--rule);font-family:var(--mo);font-size:.7rem;align-items:center}
.dns-row:last-child{border-bottom:none}
.dns-type{font-weight:600;padding:.15rem .35rem;font-size:.55rem;border:1px solid}
.dns-type.a{color:var(--g);border-color:var(--g)}
.dns-type.aaaa{color:var(--b);border-color:var(--b)}
.dns-type.cname{color:var(--purple);border-color:var(--purple)}
.dns-type.mx{color:var(--w);border-color:var(--w)}
.dns-type.txt{color:var(--fg2);border-color:var(--rule)}
.dns-name{color:var(--fg)}
.dns-val{color:var(--fg2);font-size:.65rem}
.dns-ttl{color:var(--fg3);text-align:right;font-size:.6rem}
.dns-tbl{border:1px solid var(--rules);position:relative}
.dns-tbl::before{content:'';position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g);z-index:2}
.dns-head{display:grid;grid-template-columns:80px 160px 1fr 80px;padding:.5rem 1rem;border-bottom:2px solid var(--rule);font-family:var(--mo);font-size:.48rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.08em}
.dns-head span:last-child{text-align:right}
.dr{border:1px solid var(--rules);margin-bottom:-1px;padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:background .15s}
.dr:first-child{border-radius:3px 3px 0 0}
.dr:last-child{border-radius:0 0 3px 3px;margin-bottom:0}
.dr:hover{background:var(--bg2)}
.dr-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}
.dr-domain{font-family:var(--hd);font-weight:700;font-size:.95rem;white-space:nowrap}
.dr-price{font-family:var(--mo);font-size:.8rem;color:var(--fg3)}
.dr-status{font-family:var(--mo);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .6rem;border:1px solid;white-space:nowrap;min-width:80px;text-align:center}
.dr-avail{color:var(--g);border-color:var(--g);background:rgba(34,211,167,.06)}
.dr-taken{color:#e85d4a;border-color:rgba(232,93,74,.3);background:rgba(232,93,74,.04)}
.dr-checking{color:var(--fg3);border-color:var(--rules);background:none}
.dr-btn{font-family:var(--mo);font-size:.7rem;padding:.35rem .8rem;background:var(--g);color:var(--bg);border:none;cursor:pointer;font-weight:600;letter-spacing:.03em;transition:opacity .15s}
.dr-btn:hover{opacity:.85}
.dr-btn:disabled{opacity:.3;cursor:default}
.dr-error{color:var(--fg3);font-size:.75rem;font-style:italic}
.dr-loading{display:inline-block;width:12px;height:12px;border:2px solid var(--rules);border-top-color:var(--g);border-radius:50%;animation:drspin .6s linear infinite}
@keyframes drspin{to{transform:rotate(360deg)}}
.auth-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:6rem var(--pad) 3rem}
.auth-box{width:100%;max-width:420px;border:1px solid var(--rules);position:relative;background:var(--bg)}
.auth-box::before{content:'';position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g);z-index:2}
.auth-box::after{content:'';position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--b);border-right:2px solid var(--b);z-index:2}
.auth-head{padding:2rem 2rem 0;text-align:center}
.auth-head h1{font-family:var(--hd);font-weight:900;font-size:1.5rem;letter-spacing:-.02em;margin-bottom:.3rem}
.auth-head p{font-size:.8rem;color:var(--fg2)}
.auth-form{padding:1.5rem 2rem 2rem}
.af-group{margin-bottom:1rem}
.af-label{display:block;font-family:var(--mo);font-size:.55rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}
.af-input{width:100%;padding:.7rem .8rem;background:var(--bg2);border:1px solid var(--rule);color:var(--fg);font-family:var(--body);font-size:.82rem;outline:none;transition:border-color .2s;box-sizing:border-box}
.af-input:focus{border-color:var(--g);box-shadow:0 0 0 2px rgba(34,211,167,.1)}
.af-input::placeholder{color:var(--fg3)}
textarea.af-textarea,.af-textarea{width:100%;padding:.7rem .8rem;background-color:var(--bg2)!important;background:var(--bg2)!important;border:1px solid var(--rule);color:var(--fg)!important;font-family:var(--body);font-size:.82rem;outline:none;transition:border-color .2s;box-sizing:border-box;resize:vertical;min-height:160px;line-height:1.6;-webkit-appearance:none;appearance:none}
textarea.af-textarea:focus,.af-textarea:focus{border-color:var(--g);box-shadow:0 0 0 2px rgba(34,211,167,.1)}
textarea.af-textarea::placeholder,.af-textarea::placeholder{color:var(--fg3)!important}
.af-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;font-size:.72rem}
.af-row a{color:var(--fg3);text-decoration:none;transition:color .15s}
.af-row a:hover{color:var(--g)}
.af-check{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--fg2);cursor:pointer}
.af-check input{accent-color:var(--g)}
.af-submit{width:100%;padding:.8rem;background:linear-gradient(135deg,var(--g),#1ec8a0);color:var(--bg);font-family:var(--body);font-size:.82rem;font-weight:700;letter-spacing:.03em;border:none;cursor:pointer;transition:all .25s;text-transform:uppercase}
.af-submit:hover{box-shadow:0 4px 20px rgba(34,211,167,.25);transform:translateY(-1px)}
.af-divider{display:flex;align-items:center;gap:.8rem;margin:1.2rem 0;font-family:var(--mo);font-size:.55rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.06em}
.af-divider::before,.af-divider::after{content:'';flex:1;height:1px;background:var(--rule)}
.af-social{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.af-soc-btn{padding:.6rem;border:1px solid var(--rule);background:0;color:var(--fg2);font-family:var(--body);font-size:.72rem;cursor:pointer;transition:all .2s;text-align:center}
.af-soc-btn:hover{border-color:rgba(255,255,255,.2);color:var(--fg);background:var(--bg2)}
.auth-footer{padding:1rem 2rem;border-top:1px solid var(--rule);text-align:center;font-size:.75rem;color:var(--fg3)}
.auth-footer a{color:var(--g);text-decoration:none;font-weight:600}
.auth-footer a:hover{text-decoration:underline}
.corner-b-tl{position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--b);border-left:2px solid var(--b);z-index:2}
.corner-w-br{position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--w);border-right:2px solid var(--w);z-index:2}
.srv-entry{border:1px solid var(--rules);position:relative;margin-bottom:-1px;transition:background .2s;cursor:pointer}
/* ── HERO ── */
.hero{position:relative;min-height:75vh;display:flex;align-items:flex-end;padding:0 0 4rem;overflow:hidden}
.hero-inner{position:relative;z-index:1;width:100%;max-width:1180px;margin:0 auto;padding:0 var(--pad)}
.hero h1{font-family:var(--hd);font-weight:900;font-size:clamp(2.8rem,6.5vw,5rem);line-height:1.05;letter-spacing:-.04em;max-width:16ch}
.img-break-text h2{font-family:var(--hd);font-weight:900;font-size:clamp(1.8rem,4.5vw,3.5rem);letter-spacing:-.03em;line-height:1.1;max-width:18ch}
.ptbl tbody tr:hover 
.ptbl tbody tr.pro-row{background:linear-gradient(90deg,rgba(34,211,167,.04),rgba(78,142,255,.02));border-left:2px solid var(--g)}
.psel{cursor:pointer;color:var(--g);font-weight:600;font-family:var(--mo);font-size:.65rem;transition:color .15s}
.psel:hover{color:#fff}
#pB tr{cursor:pointer;transition:background .15s}
#pB tr:hover{background:rgba(255,255,255,.02)}
.tier-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rules);position:relative}
.tier-row::before{content:'';position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g);z-index:2}
.tier-row::after{content:'';position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--b);border-right:2px solid var(--b);z-index:2}
.tier{padding:2rem 1.5rem;border-right:1px solid var(--rule);transition:background .2s}
.tier:last-child{border-right:none}
.tier:hover{background:var(--bg2)}
.tier-name{font-family:var(--hd);font-weight:900;font-size:1.1rem;margin-bottom:.15rem}
.tier-price{font-family:var(--hd);font-weight:900;font-size:1.6rem;letter-spacing:-.02em;margin-bottom:.6rem}
.tier-price span{font-size:.5em;font-weight:400;color:var(--fg3)}
.tier-feat{font-size:.75rem;color:var(--fg2);line-height:1.7;padding:.25rem 0;border-bottom:1px solid var(--rule)}
.tier-feat:last-child{border-bottom:none}
.tier-feat strong{color:var(--fg);font-weight:600}
.c-g{position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g);z-index:2}
.c-b{position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--b);border-right:2px solid var(--b);z-index:2}
.c-b2{position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--b);border-left:2px solid var(--b);z-index:2}
.c-p{position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--purple);border-left:2px solid var(--purple);z-index:2}
.c-w{position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--w);border-left:2px solid var(--w);z-index:2}
.c-gb{position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--g);border-right:2px solid var(--g);z-index:2}
.c-pb{position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--purple);border-right:2px solid var(--purple);z-index:2}
.c-wb{position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--w);border-right:2px solid var(--w);z-index:2}
.dc-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rules);position:relative}
.dc-grid::before{content:'';position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g);z-index:2}
.dc-grid::after{content:'';position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--b);border-right:2px solid var(--b);z-index:2}
.dc{padding:1.2rem 1rem;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);transition:background .2s}
.dc:hover{background:var(--bg2)}
.dc-city{font-family:var(--hd);font-weight:700;font-size:.82rem}
.dc-code{font-family:var(--mo);font-size:.55rem;color:var(--fg3);margin-top:.1rem}
.dc-flag{font-family:var(--mo);font-size:.6rem;color:var(--fg2);margin-top:.25rem}
.peer-row{display:grid;grid-template-columns:200px 1fr 100px;padding:.65rem 1.2rem;border-bottom:1px solid var(--rule);font-size:.75rem;align-items:center}
.peer-row:last-child{border-bottom:none}
.peer-row:hover{background:var(--bg2)}
.peer-name{font-weight:600;color:var(--fg)}
.peer-type{color:var(--fg2)}
.peer-speed{font-family:var(--mo);font-size:.7rem;color:var(--fg3);text-align:right}
.peer-tbl{border:1px solid var(--rules);position:relative}
.peer-tbl::before{content:'';position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g);z-index:2}
.peer-head{display:grid;grid-template-columns:200px 1fr 100px;padding:.5rem 1.2rem;border-bottom:2px solid var(--rule);font-family:var(--mo);font-size:.5rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.08em}
.peer-head span:last-child{text-align:right}
.arch-row{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--rule)}
.arch-row:last-child{border-bottom:none}
.arch-label{font-family:var(--mo);font-size:.55rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;width:120px;flex-shrink:0}
.arch-bar{flex:1;height:8px;background:var(--bg4);position:relative;border:1px solid var(--rule)}
.arch-fill{height:100%;position:absolute;top:0;left:0}
.arch-val{font-family:var(--mo);font-size:.72rem;font-weight:600;width:100px;text-align:right;flex-shrink:0}
.cfg-section{padding:3rem 0}
.cfg-head{margin-bottom:1.5rem}
.presets{display:flex;border:1px solid var(--rules);margin-bottom:-1px}
.pb{flex:1;padding:1rem .7rem;text-align:center;cursor:pointer;transition:all .25s;border-right:1px solid var(--rule);background:var(--bg2);border-top:none;border-bottom:none;border-left:none;font-family:var(--body);font-size:.76rem;font-weight:600;color:var(--fg2)}
.pb small{display:block;font-family:var(--mo);font-size:.6rem;font-weight:400;color:var(--fg3);margin-top:.1rem}
.pb[data-c="g"].on{background:rgba(34,211,167,.12);color:var(--g);box-shadow:inset 0 2px 0 var(--g)}
.pb[data-c="b"].on{background:rgba(78,142,255,.12);color:var(--b);box-shadow:inset 0 2px 0 var(--b)}
.pb[data-c="p"].on{background:rgba(167,139,250,.12);color:var(--purple);box-shadow:inset 0 2px 0 var(--purple)}
.pb[data-c="w"].on{background:rgba(240,160,80,.12);color:var(--w);box-shadow:inset 0 2px 0 var(--w)}
.pb[data-c="r"].on{background:rgba(232,93,74,.12);color:var(--r);box-shadow:inset 0 2px 0 var(--r)}
.cfg-grid{display:grid;grid-template-columns:1fr 380px;border:1px solid var(--rules);position:relative}
.cfg-grid::before{content:'';position:absolute;width:12px;height:12px;top:-1px;left:-1px;border-top:2px solid var(--g);border-left:2px solid var(--g);z-index:2}
.cfg-grid::after{content:'';position:absolute;width:12px;height:12px;bottom:-1px;right:-1px;border-bottom:2px solid var(--b);border-right:2px solid var(--b);z-index:2}
.cfg-gui{padding:2rem;border-right:1px solid var(--rule)}
.cfg-cli{display:flex;flex-direction:column}
.cli-bar{display:flex;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid var(--rule);font-family:var(--mo);font-size:.62rem;color:var(--fg3)}
.cli-body{flex:1;padding:1.2rem;font-family:var(--mo);font-size:.7rem;line-height:1.8;color:var(--g);white-space:pre-wrap;background:linear-gradient(180deg,rgba(34,211,167,.03),transparent)}
.cli-sum{border-top:1px solid var(--rule);padding:1.2rem}
.cli-price{font-family:var(--hd);font-weight:900;font-size:2.4rem;letter-spacing:-.04em;color:var(--fg)}
.cli-price small{font-size:.75rem;font-weight:400;color:var(--fg2)}
.cli-hr{font-family:var(--mo);font-size:.6rem;color:var(--fg3);margin-top:.1rem}
.deploy-btn{width:100%;margin-top:.7rem;padding:.8rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,var(--g),#1ec8a0);color:var(--bg);border:none;cursor:pointer;transition:all .3s}
.deploy-btn:hover{box-shadow:0 4px 20px rgba(34,211,167,.25);transform:translateY(-1px)}
.sg{margin-bottom:1.5rem}
.sg-top{display:flex;justify-content:space-between;margin-bottom:.5rem}
.sg-top label{font-family:var(--mo);font-size:.6rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.06em}
.sg-val{font-family:var(--mo);font-size:.72rem;font-weight:600;color:var(--g)}
.sg-track{position:relative;height:6px;background:var(--bg4);cursor:pointer;border:1px solid var(--rule)}
.sg-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--g),#1ec8a0);transition:width .2s}
.sg-thumb{position:absolute;top:50%;width:16px;height:16px;background:var(--g);transform:translate(-50%,-50%);cursor:grab;transition:left .2s;box-shadow:0 0 8px rgba(34,211,167,.3)}
.sg-stops{display:flex;justify-content:space-between;margin-top:.3rem;font-family:var(--mo);font-size:.52rem;color:var(--fg3)}
.sl-label{font-family:var(--mo);font-size:.58rem;color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;margin:1rem 0 .4rem}
.sl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem}
.sl-opt{padding:.5rem;border:1px solid var(--rule);background:0;color:var(--fg2);font-size:.68rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}
.sl-opt small{display:block;font-family:var(--mo);font-size:.5rem;color:var(--fg3)}
.sl-opt.on{border-color:var(--g);color:var(--g);background:rgba(34,211,167,.06)}
.os-wrap{display:flex;flex-wrap:wrap;gap:.3rem}
.os-b{padding:.4rem .7rem;border:1px solid var(--rule);background:0;color:var(--fg2);font-size:.68rem;cursor:pointer;transition:all .2s}
.os-b.on{border-color:var(--b);color:var(--b);background:rgba(78,142,255,.06)}
.incl-i{padding:.75rem .8rem;border-right:1px solid var(--rule);font-size:.68rem;color:var(--fg2);display:flex;align-items:center;gap:.35rem}
.incl-i:last-child{border-right:none}
.srv-entry{border:1px solid var(--rules);padding:1.8rem 2rem;margin-bottom:.6rem;cursor:pointer;transition:all .25s;position:relative}
.srv-entry:hover{background:rgba(255,255,255,.02);transform:translateY(-1px)}
.srv-entry::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:currentColor;opacity:.5}
.srv-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}
.srv-name{font-family:var(--hd);font-weight:900;font-size:1rem}
.srv-price{font-family:var(--hd);font-weight:900;font-size:1.4rem}
.srv-price small{font-size:.65rem;font-weight:400;opacity:.5}
.srv-specs-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.srv-spec{display:flex;flex-direction:column;gap:.1rem}
.srv-spec-lbl{font-family:var(--mo);font-size:.48rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg3)}
.srv-spec-val{font-family:var(--mo);font-size:.78rem;font-weight:600;color:var(--fg)}
.srv-spec-sub{font-size:.65rem;color:var(--fg3)}
@media(max-width:1220px){footer{padding:3rem var(--pad) 2.5rem}}
@media(max-width:960px){
  .prod-grid{grid-template-columns:repeat(2,1fr)}.prod-item:nth-child(2n){border-right:none}.prod-item:nth-child(-n+2){border-bottom:1px solid var(--rule)}
  .cfg-grid{grid-template-columns:1fr}.cfg-gui{border-right:none;border-bottom:1px solid var(--rule)}
  .sl-grid{grid-template-columns:repeat(2,1fr)}
  .incl{grid-template-columns:repeat(2,1fr)}.incl-i:nth-child(2n){border-right:none}
  .net-stats{grid-template-columns:repeat(2,1fr)}.ns-i:nth-child(2n){border-right:none}
  .tr-row{grid-template-columns:30px 1fr 80px 60px;font-size:.68rem}.tr-ip{display:none}
  .trust-grid{grid-template-columns:1fr;gap:2rem}
  .why-grid{grid-template-columns:1fr}.why-item{border-right:none!important;border-bottom:1px solid var(--rule)}.why-item:last-child{border-bottom:none}
  .img-break{height:25vh;min-height:180px}
}
@media(max-width:700px){
  .nk{display:none}.promo{display:none}
  nav{top:0}.hero{min-height:50vh}
  .prod-grid{grid-template-columns:1fr}.prod-item{border-right:none!important;border-bottom:1px solid var(--rule)}.prod-item:last-child{border-bottom:none}
  .presets{flex-wrap:wrap}.pb{min-width:70px;font-size:.74rem}
  .tld-row{flex-direction:column}.tld-c{border-right:1px solid var(--rule)}
  .fc{gap:2rem}
  .incl{grid-template-columns:1fr}.incl-i{border-right:none!important}
  .sh{flex-direction:column}.sh p{text-align:left}
  .cta-wrap{flex-direction:column;text-align:center}.cta-r{justify-content:center}
  .net-stats{grid-template-columns:1fr}.ns-i{border-right:none}
  .hero-sub{flex-direction:column;gap:1.5rem}
  .trust-stats{grid-template-columns:1fr}.ts-item{border-right:none;border-bottom:1px solid var(--rule)}.ts-item:last-child{border-bottom:none}
}
@media(max-width:700px){.hero{min-height:45vh!important}}
@media(max-width:960px){.split{grid-template-columns:1fr}.split-img{min-height:220px}.bgrid,.hist-grid{grid-template-columns:1fr!important}.gi,.hist-cell{border-right:none}}
@media(max-width:960px){.split{grid-template-columns:1fr}.split-img{min-height:220px}.bgrid{grid-template-columns:1fr!important}.gi{border-right:none}}
@media(max-width:600px){}
@media(max-width:960px){.split{grid-template-columns:1fr}.split-img{min-height:220px}.bgrid{grid-template-columns:1fr!important}.gi{border-right:none}.srv-specs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.blog-body .blog-diagram{margin:1.5rem -.5rem}.blog-body .rp-grid{grid-template-columns:1fr}.blog-body>p:first-child::first-letter{font-size:2.6rem}}
@media(max-width:700px){.bp-grid{grid-template-columns:1fr}.bp-grid .bp{border-right:1px solid var(--rules)!important;border-bottom:none!important}.bp-grid .bp:last-child{border-bottom:1px solid var(--rules)!important}}
@media(max-width:600px){.legal-toc ol{columns:1}}
@media(max-width:700px){.srv-specs-row{grid-template-columns:repeat(2,1fr);gap:1rem}.srv-entry{padding:1.4rem 1.2rem}}
@media(max-width:960px){.cfg-box{grid-template-columns:1fr}.cfg-left{border-right:none;border-bottom:1px solid var(--rule)}.split{grid-template-columns:1fr}.split-img{min-height:220px}.bgrid{grid-template-columns:1fr!important}.gi{border-right:none}.opt-row.c4{grid-template-columns:1fr 1fr}.fstrip{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:700px){.opt-row.c2,.opt-row.c3{grid-template-columns:1fr}.base-tabs{flex-wrap:wrap}.bt{flex:1 1 45%}.fstrip{grid-template-columns:1fr!important}.fstrip-i{border-right:none;border-bottom:1px solid var(--rule)}}
@media(max-width:900px){.deploy-cards{grid-template-columns:1fr}}
@media(max-width:960px){.doc-nav{grid-template-columns:1fr}.doc-sidebar{border-right:none;border-bottom:1px solid var(--rule);padding:.8rem 0}.doc-body{padding:1.5rem}}
@media(max-width:900px){.docs-wrap{grid-template-columns:1fr}.docs-side{display:none}}
@media(max-width:700px){.tld-row,.tld-head{grid-template-columns:80px 1fr 90px}.tld-ren{display:none}.tld-head span:nth-child(4){display:none}.dns-row,.dns-head{grid-template-columns:60px 1fr 80px}.dns-val{display:none}.dns-head span:nth-child(3){display:none}}
@media(max-width:700px){
  .nk{display:none}.promo{display:none}
  nav{top:0}.hero{min-height:70vh}
  .prod-grid{grid-template-columns:1fr}.prod-item{border-right:none!important;border-bottom:1px solid var(--rule)}.prod-item:last-child{border-bottom:none}
  .presets{flex-wrap:wrap}.pb{min-width:70px;font-size:.74rem}
  .tld-row{flex-direction:column}.tld-c{border-right:1px solid var(--rule)}
  .fc{gap:2rem}
  .incl{grid-template-columns:1fr}.incl-i{border-right:none!important}
  .sh{flex-direction:column}.sh p{text-align:left}
  .cta-wrap{flex-direction:column;text-align:center}.cta-r{justify-content:center}
  .net-stats{grid-template-columns:1fr}.ns-i{border-right:none}
  .hero-sub{flex-direction:column;gap:1.5rem}
  .trust-stats{grid-template-columns:1fr}.ts-item{border-right:none;border-bottom:1px solid var(--rule)}.ts-item:last-child{border-bottom:none}
}
@media(max-width:960px){.split{grid-template-columns:1fr}.split-img{min-height:220px}.bgrid,.tier-row{grid-template-columns:1fr!important}.gi,.tier{border-right:none}}
@media(max-width:960px){.tier-row{grid-template-columns:1fr!important}.tier{border-right:none;border-bottom:1px solid var(--rule)}}
@media(max-width:700px){.dc-grid{grid-template-columns:repeat(2,1fr)}.peer-row,.peer-head{grid-template-columns:1fr 1fr}.peer-type{display:none}}
@media(max-width:960px){.cfg-grid{grid-template-columns:1fr}.cfg-gui{border-right:none;border-bottom:1px solid var(--rule)}.sl-grid{grid-template-columns:repeat(2,1fr)}.incl{grid-template-columns:repeat(2,1fr)}.incl-i:nth-child(2n){border-right:none}.split{grid-template-columns:1fr}.bgrid{grid-template-columns:1fr!important}.gi{border-right:none}.srv-specs-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.presets{flex-wrap:wrap}.pb{flex:1 1 30%}.incl{grid-template-columns:1fr}.incl-i{border-right:none}.sl-grid{grid-template-columns:1fr}}