:root{
  --bg:#070b14;--bg2:#0b1020;--panel:#101726;--panel2:#0d1320;--line:rgba(255,255,255,.09);
  --text:#f7f9ff;--muted:#94a0b8;--blue:#4f8cff;--blue2:#6366f1;--cyan:#36d6ff;--green:#34d399;
  --shadow:0 24px 80px rgba(0,0,0,.38);--radius:24px;--container:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(79,140,255,.09),transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:999;background:#fff;color:#000;padding:10px 14px;border-radius:10px}.skip-link:focus{top:16px}
.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(7,11,20,.72);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px)}.nav-wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 10px 30px rgba(79,140,255,.3);font-size:19px}.brand-mark.small{width:32px;height:32px;border-radius:10px;font-size:15px}.desktop-nav{display:flex;gap:28px;color:#b8c2d6;font-size:14px;font-weight:650}.desktop-nav a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:750;transition:.22s ease;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.04)}.btn-light{background:#fff;color:#07101f}.btn-light:hover{box-shadow:0 12px 28px rgba(255,255,255,.12)}.btn-primary{background:linear-gradient(135deg,#fff,#dbe7ff);color:#07101f;border-radius:14px}.btn-telegram{background:#148dcc;color:#fff;border-radius:14px}.btn-large{padding:14px 20px;font-size:15px}.full-width{width:100%}.menu-button{display:none;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;border-radius:10px;width:42px;height:42px;font-size:20px}.mobile-nav{background:#0b1120;border-top:1px solid var(--line);padding:10px 20px 18px}.mobile-nav a{display:block;padding:10px 0;color:#c2cbe0;font-weight:650}
.section{position:relative;padding:92px 0}.hero{padding-top:132px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}.hero-glow{position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none}.hero-glow-a{width:480px;height:480px;background:rgba(37,99,235,.15);left:8%;top:40px}.hero-glow-b{width:420px;height:420px;background:rgba(99,102,241,.13);right:0;top:220px}.card,.feature-card,.step,.price-card,.compliance-card{background:linear-gradient(180deg,rgba(20,28,46,.96),rgba(12,18,31,.96));border:1px solid var(--line);box-shadow:var(--shadow)}.glass-card{border-radius:30px;padding:40px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:#a9c7ff;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.live-dot{width:8px;height:8px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 6px rgba(96,165,250,.1);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(96,165,250,0)}}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(42px,5.2vw,68px);line-height:1.02;letter-spacing:-.045em;margin:22px 0 20px}.hero h1 span{display:block;background:linear-gradient(90deg,#fff,#9dc1ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{color:#9ba6bc;max-width:600px;font-size:17px}.hero-buttons{display:flex;gap:12px;margin:30px 0}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-stats>div{background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px 16px}.mini-stats small{display:block;color:#68748d;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.mini-stats strong{font-size:14px}
.hero-visual{perspective:1200px}.server-shell{position:relative;border-radius:28px;padding:24px;background:linear-gradient(155deg,#111a2c,#080d18);border:1px solid rgba(102,153,255,.24);box-shadow:0 40px 100px rgba(0,0,0,.48),0 0 70px rgba(79,140,255,.12);transform:rotateY(-2deg);overflow:hidden}.server-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,rgba(82,151,255,.08),transparent 48%);pointer-events:none}.server-topline,.server-title-row,.server-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.status-pill,.version-pill{position:relative;z-index:1;border:1px solid rgba(255,255,255,.08);background:#0a1120;border-radius:999px;padding:7px 10px;color:#9fb4d8;font-size:10px;font-weight:800;letter-spacing:.08em}.status-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}.server-title-row{margin:28px 0 18px}.server-title-row small{color:#5878a7;font-size:10px;letter-spacing:.15em}.server-title-row h2{margin:3px 0 0;font-size:32px;letter-spacing:-.04em}.signal-bars{display:flex;align-items:flex-end;gap:4px;height:32px}.signal-bars i{width:5px;border-radius:6px;background:linear-gradient(#55d8ff,#526dff)}.signal-bars i:nth-child(1){height:10px}.signal-bars i:nth-child(2){height:16px}.signal-bars i:nth-child(3){height:23px}.signal-bars i:nth-child(4){height:30px}.server-screen{background:#070d17;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:24px}.connection-map{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;padding:24px 0}.node{width:70px;height:70px;border-radius:18px;display:grid;place-items:center;border:1px solid rgba(89,151,255,.28);background:linear-gradient(145deg,#101a2d,#0a101c);font-size:10px;font-weight:850;color:#bdd5ff;box-shadow:inset 0 0 20px rgba(79,140,255,.05)}.node-b{border-color:rgba(52,211,153,.35);color:#7ee7c1}.route-line{height:2px;background:linear-gradient(90deg,#4f8cff,#34d399);position:relative}.route-line:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;top:50%;left:35%;transform:translate(-50%,-50%);box-shadow:0 0 18px #65baff;animation:route 2s infinite linear}@keyframes route{from{left:10%}to{left:90%}}.route-line-2:after{animation-delay:.9s}.server-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.server-metrics div{background:#0b1322;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px}.server-metrics small{display:block;color:#5e6c86;font-size:9px;letter-spacing:.1em}.server-metrics b{font-size:12px}.server-metrics .good{color:#62e6b6}.server-footer{margin-top:18px;color:#71809a;font-size:10px}.server-footer strong{color:#58dbaa}.progress{flex:1;height:5px;background:#121d31;border-radius:999px;overflow:hidden}.progress i{display:block;width:76%;height:100%;background:linear-gradient(90deg,#4f8cff,#34d399);border-radius:inherit}
.section-heading{text-align:center;max-width:720px;margin:0 auto 48px}.section-heading h2{font-size:clamp(32px,4vw,46px);letter-spacing:-.035em;margin:10px 0}.section-heading p{color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{border-radius:22px;padding:28px;transition:.25s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(88,145,255,.35)}.feature-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(79,140,255,.12);border:1px solid rgba(79,140,255,.18);color:#8db4ff;font-size:22px;font-weight:900;margin-bottom:20px}.feature-card h3{margin-bottom:8px;font-size:20px}.feature-card>p{color:#9ba6ba;font-size:14px;min-height:70px}.feature-sub{border-top:1px solid rgba(255,255,255,.06);padding-top:17px;display:grid;gap:5px}.feature-sub strong{color:#a9c7ff;font-size:13px}.feature-sub span{color:#657089;font-size:12px}.deployment{background:linear-gradient(180deg,transparent,rgba(22,32,54,.22),transparent)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{border-radius:20px;padding:24px;box-shadow:none}.step>span{display:block;font-size:30px;font-weight:900;color:rgba(79,140,255,.26);margin-bottom:14px}.step h3{margin-bottom:7px}.step p{color:#8793ab;font-size:13px;margin:0}.pricing-wrap{max-width:470px}.price-card{border-radius:28px;padding:34px;text-align:center}.price-badge{display:inline-block;color:#9ec0ff;background:rgba(79,140,255,.1);border:1px solid rgba(79,140,255,.18);border-radius:999px;padding:6px 12px;font-size:10px;font-weight:850;letter-spacing:.1em}.price-card h2{font-size:32px;letter-spacing:-.03em;margin:14px 0 22px}.price-line{display:flex;justify-content:center;align-items:flex-end;gap:10px}.price-line del{color:#647089;font-size:20px}.price-line strong{font-size:58px;line-height:.9;letter-spacing:-.05em}.price-line span{color:#95a1b7;margin-bottom:3px}.price-note{color:#67748c;font-size:13px;margin:14px 0 24px}.benefits{list-style:none;padding:0;margin:0 0 26px;text-align:left;display:grid;gap:12px}.benefits li{color:#c5ccda;font-size:14px;position:relative;padding-left:30px}.benefits li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(52,211,153,.12);color:#53dba8;font-weight:900;font-size:11px}.compliance-card{max-width:850px;margin:auto;border-radius:22px;padding:30px;display:grid;grid-template-columns:auto 1fr;gap:20px;box-shadow:none}.compliance-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);color:#fbbf24;font-weight:900}.compliance h2{margin:3px 0 10px;font-size:21px}.compliance p{color:#8b97ae;font-size:13px;margin-bottom:8px}.site-footer{border-top:1px solid rgba(255,255,255,.06);padding:34px 0 80px}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.footer-grid p{margin:0;color:#657087;font-size:11px}.footer-grid p:last-child{text-align:right}.floating-action{position:fixed;right:22px;bottom:22px;z-index:30;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#168dcc;color:#fff;box-shadow:0 16px 35px rgba(0,136,204,.3);font-size:20px;transition:.2s}.floating-action:hover{transform:translateY(-3px) scale(1.03)}
@media(max-width:900px){.desktop-nav{display:none}.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:650px;margin:auto;width:100%}.feature-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-grid p:last-child{text-align:center}}
@media(max-width:640px){.container{width:min(100% - 26px,var(--container))}.section{padding:68px 0}.hero{padding-top:100px}.glass-card{padding:24px;border-radius:22px}.hero h1{font-size:42px}.hero-lead{font-size:15px}.hero-buttons{flex-direction:column}.mini-stats{grid-template-columns:1fr}.hide-mobile{display:none}.menu-button{display:grid;place-items:center}.server-shell{padding:16px;border-radius:22px}.connection-map{grid-template-columns:1fr;gap:10px}.route-line{width:2px;height:26px;margin:auto}.node{width:100%;height:54px}.server-metrics{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr}.price-card{padding:26px}.compliance-card{grid-template-columns:1fr}.floating-action{right:14px;bottom:14px}.site-footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* XPRO Admin/Tools extension */
.tools-section{position:relative}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px;border:1px solid #1e3a4a;border-radius:16px;background:linear-gradient(145deg,#0f1722,#0a1018);box-shadow:0 18px 55px rgba(0,0,0,.18)}.tool-card.featured-tool{border-color:#0e7490}.tool-icon{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;font-weight:900;color:#081018;background:linear-gradient(135deg,#38bdf8,#22c55e);box-shadow:0 0 30px rgba(56,189,248,.18)}.tool-copy h3{margin:5px 0 6px;font-size:20px}.tool-copy p{margin:0;color:#94a3b8;line-height:1.55}.tool-tag{font-size:10px;letter-spacing:1.6px;color:#2dd4bf;font-weight:900}.btn-service{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff!important;border:1px solid #8b5cf6}.btn-service:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-disabled{opacity:.55;cursor:not-allowed;background:#111827;color:#94a3b8!important;border:1px solid #334155}.admin-link{color:#64748b;text-decoration:none}.admin-link:hover{color:#cbd5e1}@media(max-width:900px){.tool-grid{grid-template-columns:1fr}.tool-card{grid-template-columns:auto 1fr}.tool-card .btn{grid-column:1/-1;width:100%}}@media(max-width:560px){.tool-card{grid-template-columns:1fr;text-align:center}.tool-icon{margin:auto}.tool-card .btn{grid-column:auto}}


/* Dynamic Pricing Cards v2 */
.pricing-section{position:relative;overflow:hidden}.pricing-section:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:rgba(79,140,255,.07);filter:blur(90px);left:50%;top:45%;transform:translate(-50%,-50%);pointer-events:none}.pricing-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1180px;margin:0 auto}.pricing-grid.single-plan{max-width:470px}.pricing-grid .price-card{position:relative;background:linear-gradient(160deg,#121b2c,#0a101b);border:1px solid rgba(130,154,195,.18);box-shadow:0 25px 70px rgba(0,0,0,.28);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.pricing-grid .price-card:hover{transform:translateY(-5px);border-color:rgba(105,156,255,.38);box-shadow:0 32px 90px rgba(0,0,0,.38)}.pricing-grid .featured-price{border-color:rgba(79,140,255,.55);box-shadow:0 28px 90px rgba(35,93,210,.14)}.pricing-grid .featured-price:before{content:"MOST POPULAR";position:absolute;top:-12px;right:22px;background:linear-gradient(135deg,#4f8cff,#745cff);color:#fff;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900;letter-spacing:.1em;box-shadow:0 10px 30px rgba(79,140,255,.25)}.pricing-grid .price-line strong{word-break:break-word}.full-width{width:100%;display:flex;justify-content:center}
@media(max-width:640px){.pricing-grid{grid-template-columns:1fr}.pricing-grid.single-plan{max-width:none}}


/* Pricing Layout Fix v3 — compact professional cards */
.pricing-section{padding-top:82px;padding-bottom:82px}
.pricing-section .section-heading{margin-bottom:38px}
.pricing-grid{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:stretch;
  gap:22px;
  max-width:1080px;
  margin:0 auto;
}
.pricing-grid.single-plan{max-width:430px}
.pricing-grid .price-card{
  flex:0 1 350px;
  width:min(100%,350px);
  min-width:0;
  padding:30px 28px;
  border-radius:24px;
  display:flex;
  flex-direction:column;
  text-align:center;
}
.pricing-grid.single-plan .price-card{
  flex-basis:420px;
  width:min(100%,420px);
}
.pricing-grid .price-card h2{
  font-size:25px;
  line-height:1.15;
  margin:16px 0 20px;
}
.pricing-grid .price-line strong{font-size:48px}
.pricing-grid .price-line del{font-size:16px}
.pricing-grid .price-note{min-height:20px;margin:13px 0 22px}
.pricing-grid .benefits{
  flex:1;
  margin-bottom:24px;
  gap:10px;
}
.pricing-grid .benefits li{font-size:13px;padding-left:28px}
.pricing-grid .btn-large{padding:13px 18px;font-size:14px}
@media(max-width:780px){
  .pricing-grid{max-width:430px;gap:18px}
  .pricing-grid .price-card{flex:1 1 100%;width:100%;max-width:430px}
}
@media(max-width:480px){
  .pricing-section{padding-top:64px;padding-bottom:64px}
  .pricing-grid .price-card{padding:26px 22px;border-radius:20px}
  .pricing-grid .price-line strong{font-size:44px}
  .pricing-grid .price-card h2{font-size:23px}
}