@import url("./responsive/main.css");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

::selection {
    background-color: #00BFFF;
    color: #000;
}

::-moz-selection {
    background-color: #00BFFF;
    color: #000;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* s_1 */


.s_1::-webkit-scrollbar {
    width: 2px !important;
    height: 2px !important;
}

::-webkit-scrollbar-thumb {
    background-color: #7f7f7f;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

[id] {
    scroll-margin-top: 60px;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

a,
li {
    text-decoration: none;
}

ul {
    list-style: none;
}

/* c */

.light .c_1 {
    color: #000;
}

.dark .c_1 {
    color: #fff;
}

.light .c_2 {
    color: #fff;
}

.dark .c_2 {
    color: #000;
}

.c_3 {
    color: #7f7f7f;
}

.light .c_4 {
    color: #999a9e;
}


.dark .c_4 {
    color: #999a9e;
}

.dark.blight .c_4 {
    color: #fff;
}

.light.blight .c_4 {
    color: #000;
}


.light .c_5 {
    color: #999a9e;
}

.dark .c_5 {
    color: #999a9e;
}

.dark.bdevice .c_5 {
    color: #fff;
}

.light.bdevice .c_5 {
    color: #000;
}


.dark.bdark .c_6 {
    color: #fff;
}

.light.bdark .c_6 {
    color: #000;
}


.light .c_6 {
    color: #999a9e;
}

.dark .c_6 {
    color: #999a9e;
}



.c_7 {
    color: #999a9e;
}


/* lig */

.light .bglig_1 {
    background: linear-gradient(180deg, transparent, transparent, rgb(255,255,255, 1));
}

.dark .bglig_1 {
    background: linear-gradient(180deg, transparent, transparent, rgb(0,0,0, 1));
}

/* ch */

.ch_1:hover {
    color: #7f7f7f;
}

.light .ch_2:hover {
    color: #000;
}

.dark .ch_2:hover {
    color: #fff;
}

.light .ch_3:hover {
    color: #fff;
}

.dark .ch_3:hover {
    color: #000;
}

.ch_4:hover {
    filter: brightness(0.7);
}

.dark .ch_5:hover {
    color: #fff;
}

.light .ch_5:hover {
    color: #000;
}

/* bgc */

.light .bgc_1 {
    background: #fff;
}

.dark .bgc_1 {
    background: #080808;
}

.light .bgc_2 {
    background: #080808;
}

.dark .bgc_2 {
    background: #fff;
}

.bgc_3 {
    background: #7f7f7f;
}

.light .bgc_4 {
    background: rgb(255, 255, 255, 0.5);
}

.dark .bgc_4 {
    background: rgb(0, 0, 0, 0.5);
}

.bgc_5 {
    background: #df3030;
}

.light .bgc_6 {
    background: #c0c0c0;
}

.dark .bgc_6 {
    background: #3f3f3f;
}


.light .bgc_7 {
    background: #f4f4f4f4;
}
.dark .bgc_7 {
    background: #2c2c2c;
}

.bgc_8 {

    background: #000;
}

.light .bgc_9 {
    background: #fff;
}

.dark .bgc_9 {
    background: #050505;
}

.bgc_10 {
    background: #2563eb;
}

.dark .bgc_11 {
    background: #060606;
}

.light .bgc_11 {
    background: #fff;
}

.light .bgc_12 {
  background: #fff;
}

.dark .bgc_12 {

  background: #0a0a0a;
}

.light .bgc_13 {
  background: #fff;
}

.dark .bgc_13 {
  background: #161616;
}

/* bgch */

.bgch_1:hover {
    background: #7f7f7f;
}

.light .bgch_2:hover {
    background: #fff;
}

.dark .bgch_2:hover {
    background: #000;
}

.light .bgch_3:hover {
    background: #000;
}

.dark .bgch_3:hover {
    background: #fff;
}

.bgch_4:hover {
    background: #1d4ed8;
}

/* pc */

.pc_1::placeholder {
    color: #7f7f7f;
}

/* d */

.d_1 {
    display: none;
}

.d_2 {
    display: none !important;
}

































































/* ─── TOKENS ─────────────────────────────────────────────── */
:root {
  --bg:       #080514;
  --bg2:      #0c0820;
  --surface:  #110c25;
  --surface2: #16103a;
  --border:   rgba(120,100,255,.14);
  --border2:  rgba(120,100,255,.24);
  --accent:   #6174ff;
  --accent2:  #a78bfa;
  --accent3:  #ff6b47;
  --accent4:  #ffb347;
  --text:     #f0eeff;
  --muted:    #8878b8;
  --success:  #22c55e;
  --warn:     #f59e0b;
  --glow-b:   rgba(97,116,255,.28);
  --glow-p:   rgba(167,139,250,.22);
  --binance:  #f3ba2f;
  --r:        16px;
  --r2:       20px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}

/* ─── BACKGROUND ────────────────────────────────────────── */
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
}

/* ─── TYPOGRAPHY ─────────────────────────────────────────── */
h1,h2,h3,h4{font-family:'Syne',sans-serif;letter-spacing:-.025em;line-height:1.12}
[data-lucide]{width:20px;height:20px;stroke-width:1.8;flex-shrink:0}

/* ─── UTILITIES ──────────────────────────────────────────── */
.z1{position:relative;z-index:1}
.grad-text{
    background:linear-gradient(135deg,#4F8CFF 0%, #3A6BFF 50%,#1F3CFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text
}
.chip{display:inline-flex;align-items:center;gap:6px;background:#0A1F44;border:1px solid #1D4ED8;border-radius:999px;padding:5px 14px;font-size:.75rem;font-weight:700;letter-spacing:.07em;color:#60A5FA}

/* ─── NAV ─────────────────────────────────────────────────── */
header{
  position:fixed;top:0;left:0;right:0;z-index:200;
  padding:0 32px;height:64px;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(8,5,20,.75);
  backdrop-filter:blur(28px) saturate(1.4);
  border-bottom:1px solid var(--border);
  transition:background .3s,box-shadow .3s;
}
header.scrolled{background:rgba(8,5,20,.92);box-shadow:0 2px 40px rgba(0,0,0,.5)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.logo img{width:34px;height:34px;border-radius:9px;object-fit:cover}
.logo-text{font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:800;color:var(--text);white-space:nowrap}
.logo-text span{color:var(--accent3)}
nav{display:flex;align-items:center;gap:4px}
.nav-link{color:var(--muted);text-decoration:none;padding:7px 12px;font-size:.875rem;font-weight:500;border-radius:8px;transition:color .2s,background .2s;white-space:nowrap}
.nav-link:hover{color:var(--text);background:rgba(255,255,255,.05)}
.nav-discord{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff!important;padding:8px 18px;border-radius:9px;font-weight:700!important;box-shadow:0 4px 18px var(--glow-b);margin-left:6px}
.nav-discord:hover{opacity:.9;transform:translateY(-1px)}
.lang-btn{background:rgba(97,116,255,.1);border:1px solid rgba(97,116,255,.26);color:var(--accent2)!important;padding:6px 12px;border-radius:8px;font-size:.78rem;font-weight:700;margin-left:4px!important;cursor:pointer}
.lang-btn:hover{background:rgba(97,116,255,.18)!important}
.hamburger{
  display:none;align-items:center;justify-content:center;
  cursor:pointer;padding:8px;background:rgba(255,255,255,.05);
  border:1px solid var(--border2);border-radius:9px;z-index:300;
  width:38px;height:38px;transition:background .2s,border-color .2s;
}
.hamburger:hover{background:rgba(97,116,255,.12);border-color:rgba(97,116,255,.3)}
.hamburger-icon{
  display:flex;flex-direction:column;gap:4.5px;width:16px;
}
.hamburger-icon span{
  display:block;height:1.5px;background:var(--text);border-radius:2px;
  transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s,width .3s;
}
.hamburger-icon span:nth-child(3){width:60%}
.hamburger.open .hamburger-icon span:nth-child(1){transform:translateY(6px) rotate(45deg);width:100%}
.hamburger.open .hamburger-icon span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open .hamburger-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg);width:100%}
.mobile-menu{
  display:none;position:fixed;inset:0;top:64px;
  background:rgba(6,4,16,.97);backdrop-filter:blur(36px) saturate(1.6);
  z-index:150;flex-direction:column;align-items:stretch;
  justify-content:flex-start;padding:24px 20px;gap:6px;overflow-y:auto;
}
.mobile-menu.open{display:flex}
.mob-divider{height:1px;background:var(--border);margin:8px 0}
.mobile-menu a{
  color:var(--muted);text-decoration:none;
  font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:600;
  padding:14px 18px;border-radius:10px;width:100%;
  display:flex;align-items:center;gap:10px;
  transition:background .2s,color .2s;
  border:1px solid transparent;
}
.mobile-menu a:hover{background:rgba(97,116,255,.08);color:var(--text);border-color:var(--border)}
.mobile-menu .mob-discord{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  color:#fff!important;margin-top:4px;border:none;
  box-shadow:0 4px 20px var(--glow-b);justify-content:center;
  font-family:'Syne',sans-serif;font-weight:700;font-size:.95rem;
}
.mobile-menu .mob-discord:hover{opacity:.92;background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;transform:none}
.mobile-menu .mob-lang{
  background:rgba(97,116,255,.06);border:1px solid rgba(97,116,255,.2);
  color:var(--accent2)!important;justify-content:center;
  font-size:.85rem;
}
.mob-nav-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:6px 18px 2px;opacity:.6}

/* ─── HERO ───────────────────────────────────────────────── */
.hero{
  position:relative;z-index:1;
  /* min-height:100vh; */
  display:flex;flex-direction:column;justify-content:center;
  max-width:860px;margin:0 auto;
  padding:120px 32px 80px;
}
.hero-content{}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:#0A1F44;border:1px solid #1D4ED8;
  border-radius:999px;padding:6px 16px;font-size:.75rem;font-weight:700;
  color:#60A5FA;letter-spacing:.06em;
  margin-bottom:28px;animation:fadeDown .6s ease both;
  max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:pulse 2s infinite;flex-shrink:0}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
h1.hero-title{
  font-size:clamp(1.9rem,4vw,3.8rem);font-weight:800;
  margin-bottom:22px;animation:fadeDown .7s .08s ease both;
  overflow-wrap:break-word;word-break:break-word;
}
.hero-sub{
  font-size:1.05rem;color:var(--muted);
  margin-bottom:36px;line-height:1.75;
  animation:fadeDown .7s .16s ease both;
  max-width:660px;overflow-wrap:break-word;
}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px;animation:fadeDown .7s .24s ease both}
.btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,#4F8CFF,#1F3CFF);
  color:#fff;padding:13px 28px;border-radius:11px;font-weight:700;font-size:.95rem;
  text-decoration:none;transition:transform .2s,box-shadow .2s;
  box-shadow:0 6px 28px var(--glow-b);white-space:nowrap;
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 36px var(--glow-b)}
.btn-ghost{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid #5865F2;background:rgba(255,255,255,.04);
  color:var(--text);padding:13px 28px;border-radius:11px;font-weight:600;font-size:.95rem;
  text-decoration:none;transition:border-color .2s,background .2s;white-space:nowrap;
}
.btn-ghost:hover{border-color:#7C86FF;background:rgba(167,139,250,.08)}
.hero-trust{display:flex;align-items:center;gap:16px;margin-top:32px;flex-wrap:wrap;animation:fadeDown .7s .32s ease both}
.hero-trust-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted);font-weight:500}
.hero-trust-item [data-lucide]{width:14px;height:14px;color:var(--success)}

/* ─── HERO VISUAL (feature card) ─────────────────────────── */
.hero-visual{animation:fadeLeft .8s .2s ease both;position:relative}
@keyframes fadeLeft{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}
.hero-card{
  background:rgba(17,12,38,.8);
  border:1px solid var(--border2);
  border-radius:var(--r2);
  overflow:hidden;
  box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 0 1px rgba(97,116,255,.07);
  backdrop-filter:blur(16px);
  position:relative;
}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3))}
.hero-card-header{
  padding:20px 24px 16px;
  border-bottom:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;
}
.hero-card-title{font-family:'Syne',sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hero-card-live{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:var(--success)}
.hero-card-live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:pulse 2s infinite}
.hero-feat-list{padding:8px 0}
.hero-feat{
  display:flex;align-items:center;gap:16px;
  padding:14px 24px;border-bottom:1px solid var(--border);
  transition:background .2s;
}
.hero-feat:last-child{border-bottom:none}
.hero-feat:hover{background:rgba(97,116,255,.04)}
.hero-feat-ico{
  width:44px;height:44px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.hero-feat-ico.blue{background:rgba(97,116,255,.12);border:1px solid rgba(97,116,255,.2);color:var(--accent)}
.hero-feat-ico.orange{background:rgba(255,107,71,.1);border:1px solid rgba(255,107,71,.2);color:var(--accent3)}
.hero-feat-ico.green{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:var(--success)}
.hero-feat-ico.purple{background:rgba(167,139,250,.1);border:1px solid rgba(167,139,250,.2);color:var(--accent2)}
.hero-feat-ico [data-lucide]{width:20px;height:20px}
.hero-feat-body{flex:1;min-width:0}
.hero-feat-name{font-family:'Syne',sans-serif;font-size:.88rem;font-weight:800;color:var(--text);margin-bottom:2px}
.hero-feat-desc{font-size:.78rem;color:var(--muted);line-height:1.4}
.hero-feat-badge{
  font-size:.68rem;font-weight:700;
  background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);
  color:var(--success);padding:3px 8px;border-radius:6px;
  white-space:nowrap;flex-shrink:0;
}
.hero-feat-badge.blue{background:rgba(97,116,255,.1);border-color:rgba(97,116,255,.22);color:var(--accent)}
.hero-card-bottom{
  padding:16px 24px;
  background:rgba(97,116,255,.04);
  border-top:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;
}
.hero-card-bottom-stat{text-align:center}
.hero-card-bottom-val{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;display:block;line-height:1.2}
.hero-card-bottom-lbl{font-size:.68rem;color:var(--muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase}

/* ─── NODE BAR ───────────────────────────────────────────── */
.node-bar{
  position:relative;z-index:1;
  display:flex;justify-content:center;padding:0 32px;
  margin-top:-28px;
}
.node-card{
  background:var(--surface);
  border:1px solid var(--border2);
  border-radius:var(--r2);
  padding:20px 32px;
  display:flex;flex-wrap:wrap;align-items:center;gap:32px;
  max-width:1000px;width:100%;
  box-shadow:0 16px 60px rgba(0,0,0,.45),0 0 0 1px rgba(97,116,255,.06);
  position:relative;overflow:hidden;
}
.node-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3))}
.node-item{display:flex;align-items:center;gap:12px;flex:1;min-width:140px}
.node-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:2px solid rgba(255,255,255,.12);flex-shrink:0}
.node-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.node-val{font-family:'Syne',sans-serif;font-size:.95rem;font-weight:800;color:var(--text)}
.node-sub{font-size:.78rem;color:var(--muted)}
.node-sep{width:1px;height:36px;background:var(--border);flex-shrink:0}
.status-live{display:flex;align-items:center;gap:8px}
.status-dot{width:10px;height:10px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success),0 0 20px rgba(34,197,94,.35);flex-shrink:0;animation:pulse 2s infinite}

/* ─── STATS STRIP ────────────────────────────────────────── */
.stats-strip{
  position:relative;z-index:1;
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid #647fff24;border-bottom:1px solid #647fff24;
  /* background:rgba(17,12,37,.55); */
  backdrop-filter:blur(14px);
  margin-top:52px;overflow:hidden;
}
.stat-cell{
  padding:28px 16px;text-align:center;
  border-right:1px solid #647fff24;
  position:relative;
}
.stat-cell:last-child{border-right:none}
.stat-num{
  font-family:'Syne',sans-serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;
  display:block;line-height:1;margin-bottom:6px;
}
.stat-lbl{color:var(--muted);font-size:.82rem;font-weight:500}

/* ─── SECTIONS ───────────────────────────────────────────── */
.section{position:relative;z-index:1;width:100%}
.section-inner{max-width:1120px;margin:0 auto;padding:88px 32px}
.section-head{margin-bottom:52px}
.section-head.center{text-align:center}
.section-head.center .section-desc{margin:0 auto}
.section-chip{margin-bottom:14px}
.section-title{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;margin-bottom:14px;overflow-wrap:break-word}
.section-desc{color:#B8C4FF;font-size:1rem;max-width:520px;line-height:1.75}

/* ─── SERVICES ───────────────────────────────────────────── */
.services-section{
  /* background:rgba(15,9,35,.5) */
}
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.svc-card{
  background:var(--surface);
  border:1px solid #1E3A8A;
  border-radius:var(--r2);
  padding:28px 26px;
  transition:border-color .25s,transform .25s,box-shadow .25s;
  position:relative;overflow:hidden;cursor:default;
}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}
/* .svc-card.all::before{background:linear-gradient(90deg,#2563EB,#3B82F6)} */
.svc-card.discord::before{background:linear-gradient(90deg,#5865f2,#7289da)}
.svc-card.telegram::before{background:linear-gradient(90deg,#26a5e4,#0088cc)}
.svc-card.whatsapp::before{background:linear-gradient(90deg,#25d366,#128c7e)}
.svc-card.mcjava::before{background:linear-gradient(90deg,#c17817,#f0a30a)}
.svc-card.mcbedrock::before{background:linear-gradient(90deg,#7bb641,#4d9e25)}
.svc-card.webapi::before{background:linear-gradient(90deg,var(--accent),var(--accent2))}
.svc-card:hover{border-color:#3B82F6;transform:translateY(-5px);box-shadow:0 14px 48px rgba(0,0,0,.32)}
.svc-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.svc-icon{width:52px;height:52px;border-radius:14px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.svc-icon img,.svc-icon svg{width:52px;height:52px;object-fit:contain;border-radius:14px;display:block}
.svc-card h3{font-size:1.05rem;font-weight:800;color:var(--text);margin-bottom:2px}
.svc-card .svc-sub{font-size:.78rem;color:#B8C4FF}
.svc-card p{color:#B8C4FF;font-size:.875rem;line-height:1.65;margin-bottom:16px}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{
  background:rgba(97,116,255,.08);border:1px solid rgba(97,116,255,.18);
  border-radius:6px;padding:3px 10px;font-size:.7rem;font-weight:700;
  color:var(--accent2);letter-spacing:.02em;
}

/* ─── FEATURES ───────────────────────────────────────────── */
.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.feat-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r2);padding:28px 26px;
  transition:border-color .25s,transform .25s,box-shadow .25s;
}
.feat-card:hover{border-color:rgba(97,116,255,.35);transform:translateY(-4px);box-shadow:0 12px 44px var(--glow-b)}
.feat-icon{
  width:50px;height:50px;border-radius:13px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:18px;background:rgba(97,116,255,.1);
  border:1px solid rgba(97,116,255,.22);color:var(--accent);
}
.feat-icon.orange{background:rgba(255,107,71,.1);border-color:rgba(255,107,71,.22);color:var(--accent3)}
.feat-icon.green{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.22);color:var(--success)}
.feat-icon [data-lucide]{width:24px;height:24px}
.feat-card h3{font-size:1rem;font-weight:800;margin-bottom:8px;color:var(--text)}
.feat-card p{color:var(--muted);font-size:.875rem;line-height:1.65}
.feat-badge{
  display:inline-flex;align-items:center;gap:6px;margin-top:12px;
  background:rgba(255,107,71,.08);border:1px solid rgba(255,107,71,.25);
  border-radius:7px;padding:4px 10px;font-size:.7rem;font-weight:700;
  color:var(--accent3);letter-spacing:.04em;text-transform:uppercase;
}

/* ─── PRICING ────────────────────────────────────────────── */
.pricing-section{
  /* background:rgba(14,8,32,.5) */
}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;margin-top:0}
.plan-card{
  background:var(--surface);border:1px solid #647fff24;
  border-radius:var(--r2);padding:32px 28px;
  position:relative;transition:transform .3s,box-shadow .3s;
  overflow:hidden;display:flex;flex-direction:column;
}
.plan-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.plan-card.standard::before{background:linear-gradient(90deg,var(--accent2),var(--accent3))}
.plan-card.premium::before{background:linear-gradient(90deg,var(--accent3),var(--accent4))}
.plan-card.popular{
  border-color:rgba(97,116,255,.38);
  box-shadow:0 0 0 1px rgba(97,116,255,.15),0 20px 60px var(--glow-b);
}




/* sutil acento interno */
.plan-card:hover{
  border-color: rgba(97,116,255,.45);
}



.plan-badge{
  position:absolute;top:16px;right:16px;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;padding:4px 12px;border-radius:999px;
}
.plan-badge.orange{background:linear-gradient(135deg,var(--accent3),var(--accent4))}
.plan-name{font-family:'Syne',sans-serif;font-size:1.25rem;font-weight:800;display:block;margin-bottom:4px}
.plan-tagline{color:#B8C4FF;font-size:.85rem;margin-bottom:24px}
.plan-price{display:flex;align-items:baseline;gap:3px;margin-bottom:6px}
.plan-price .cur{font-size:1rem;font-weight:700;color:#6EA8FF;padding-top:6px}
.plan-price .amt{font-family:'Syne',sans-serif;font-size:3rem;font-weight:800;line-height:1}
.plan-price .amt{background:linear-gradient(135deg,#3A8DFF,#00C6FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.plan-price .per{color:#B8C4FF;font-size:.88rem;margin-left:4px}
.plan-avail{font-size:.8rem;color:var(--muted);margin-bottom:26px}
.plan-avail strong{color:var(--text)}
.plan-promo{
  display:flex;align-items:center;gap:8px;
  background:linear-gradient(90deg,rgba(22,197,94,.18),rgba(22,197,94,.08));
  border:1px solid rgba(22,197,94,.35);
  border-radius:9px;padding:9px 14px;margin-bottom:16px;
  position:relative;overflow:hidden;
}
.plan-promo::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%);
  animation:promoShimmer 2.4s ease-in-out infinite;
}
@keyframes promoShimmer{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(200%)}
}
.plan-promo-ico{
  flex-shrink:0;
  background:rgba(22,197,94,.2);border-radius:6px;
  width:26px;height:26px;display:flex;align-items:center;justify-content:center;
  color:var(--success);
}
.plan-promo-ico svg{width:14px;height:14px}
.plan-promo-text{display:flex;flex-direction:column;gap:1px;line-height:1.25}
.plan-promo-title{
  font-size:.78rem;font-weight:800;
  color:#4ade80;letter-spacing:.01em;
}
.plan-promo-sub{font-size:.7rem;color:rgba(74,222,128,.7);font-weight:500}
.plan-promo-pill{
  margin-left:auto;flex-shrink:0;
  background:rgba(22,197,94,.25);
  border:1px solid rgba(22,197,94,.4);
  color:#4ade80;font-size:.65rem;font-weight:800;
  padding:2px 8px;border-radius:999px;letter-spacing:.05em;text-transform:uppercase;
}
.plan-divider{height:1px;background:var(--border);margin-bottom:22px}
.plan-specs{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px;flex:1}
.plan-specs li{display:flex;align-items:center;gap:10px;font-size:.875rem}
.spec-check{color:var(--success);flex-shrink:0}
.spec-check [data-lucide]{width:15px;height:15px;stroke-width:2.5}
.spec-val{font-weight:600;color:var(--text)}
.spec-lbl{color:#B8C4FF;margin-left:3px;font-weight:400}
.btn-plan{
  display:block;text-align:center;padding:13px;border-radius:11px;
  font-weight:700;font-size:.92rem;text-decoration:none;
  transition:all .2s;cursor:pointer;border:none;width:100%;
}
.btn-outline{background:transparent;border:1px solid var(--border2);color:var(--text)}
.btn-outline:hover{border-color:var(--accent);background:rgba(97,116,255,.08)}
.btn-filled{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 4px 22px var(--glow-b)}
.btn-filled:hover{box-shadow:0 8px 32px var(--glow-p);transform:translateY(-1px)}
.pricing-powered{
  text-align:center;margin-top:28px;
  font-size:.82rem;color:#B8C4FF;
  display:flex;align-items:center;justify-content:center;gap:6px;
}
.pricing-powered [data-lucide]{width:14px;height:14px;color:#B8C4FF;}

/* ─── TRUST ──────────────────────────────────────────────── */
.trust-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.trust-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r);padding:22px 18px;text-align:center;
  transition:border-color .2s,transform .2s;
}
.trust-card:hover{border-color:rgba(97,116,255,.32);transform:translateY(-3px)}
.trust-ico{
  width:46px;height:46px;border-radius:12px;margin:0 auto 14px;
  background:rgba(97,116,255,.1);border:1px solid rgba(97,116,255,.2);
  display:flex;align-items:center;justify-content:center;color:var(--accent);
}
.trust-ico [data-lucide]{width:22px;height:22px}
.trust-card h4{font-family:'Syne',sans-serif;font-size:.92rem;font-weight:700;margin-bottom:6px}
.trust-card p{color:var(--muted);font-size:.8rem;line-height:1.55}

/* ─── PAYMENT ────────────────────────────────────────────── */
.payment-section{
  /* background:linear-gradient(135deg,rgba(20,13,48,.95),rgba(13,8,30,.98)); */
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
}
.payment-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.pay-methods{margin-top:28px;display:flex;flex-direction:column;gap:16px}
.pay-row-label{font-size:.7rem;font-weight:700;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.pay-chips{display:flex;flex-wrap:wrap;gap:10px}
.pay-chip{
  display:flex;align-items:center;gap:9px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  border-radius:11px;padding:10px 16px;
  transition:border-color .2s,background .2s;
}
.pay-chip:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
.pay-chip-ico{width:28px;height:28px;border-radius:7px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.pay-chip-ico img{width:80%;height:80%;object-fit:contain;display:block}
.pay-chip span{font-size:.82rem;font-weight:700;color:var(--text);white-space:nowrap}
.pay-chip.mp .pay-chip-ico{background:#00b1ea}
.pay-chip.bnb .pay-chip-ico{background:#f3ba2f}
.pay-chip.usdt .pay-chip-ico{background:#26a17b}
.pay-chip.paypal .pay-chip-ico{background:#003087}
.pay-pills{display:flex;flex-wrap:wrap;gap:7px}
.pay-pill{
  background:rgba(97,116,255,.08);border:1px solid rgba(97,116,255,.2);
  border-radius:999px;padding:5px 13px;font-size:.77rem;font-weight:600;color:var(--accent2);
}
.pay-pill.bnb-pill{background:rgba(243,186,47,.08);border-color:rgba(243,186,47,.25);color:var(--binance)}
.pay-pill.pp-pill{background:rgba(0,48,135,.15);border-color:rgba(0,112,210,.3);color:#4da6ff}
.pay-warn{
  display:flex;align-items:flex-start;gap:10px;margin-top:24px;
  background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.2);
  border-radius:11px;padding:14px 16px;color:var(--muted);font-size:.82rem;line-height:1.6;
}
.pay-warn [data-lucide]{color:var(--warn);width:16px;height:16px;margin-top:1px;flex-shrink:0}
.payment-right{position:relative}
.payment-big-card{
  background:rgba(17,12,38,.8);border:1px solid var(--border2);
  border-radius:var(--r2);padding:28px;
  box-shadow:0 20px 60px rgba(0,0,0,.4);
}
.payment-big-card h3{font-size:1.05rem;font-weight:800;margin-bottom:18px;color:var(--text)}
.pay-feature{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}
.pay-feature:last-child{border-bottom:none}
.pay-feature-ico{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pay-feature-ico.blue{background:rgba(97,116,255,.12);color:var(--accent)}
.pay-feature-ico.yellow{background:rgba(243,186,47,.1);color:var(--binance)}
.pay-feature-ico.green{background:rgba(34,197,94,.1);color:var(--success)}
.pay-feature-ico [data-lucide]{width:18px;height:18px}
.pay-feature-text strong{font-size:.88rem;font-weight:700;color:var(--text);display:block;margin-bottom:2px}
.pay-feature-text span{font-size:.78rem;color:var(--muted)}

/* ─── FAQ ────────────────────────────────────────────────── */
.faq-section{
  /* background:rgba(13,8,30,.4) */
}
.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:start}
.faq-aside h2{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;margin-bottom:14px}
.faq-aside p{color:#B8C4FF;line-height:1.75;margin-bottom:24px}
.faq-aside-cta{
  display:inline-flex;align-items:center;gap:8px;
      
  background:linear-gradient(135deg,#4F8CFF,#1F3CFF);
  color:#fff;padding:12px 22px;border-radius:10px;font-weight:700;font-size:.9rem;
  text-decoration:none;box-shadow:0 4px 20px var(--glow-b);transition:transform .2s,box-shadow .2s;
}
.faq-aside-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px var(--glow-b)}
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{background:var(--surface);border:1px solid #647fff24;border-radius:13px;overflow:hidden}
.faq-q{
  width:100%;background:transparent;border:none;color:var(--text);
  font-family:'DM Sans',sans-serif;font-size:.92rem;font-weight:600;
  padding:18px 20px;text-align:left;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  transition:background .2s;
}
.faq-q:hover{background:rgba(97,116,255,.05)}
.faq-arrow{
  width:24px;height:24px;border-radius:50%;
  background:rgba(97,116,255,.12);border:1px solid rgba(97,116,255,.2);
  display:flex;align-items:center;justify-content:center;
  transition:transform .28s;flex-shrink:0;color:#616dff;
}
.faq-arrow [data-lucide]{width:12px;height:12px;stroke-width:2.5}
.faq-a{
  max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s;
  color:#B8C4FF;font-size:.88rem;line-height:1.75;padding:0 20px;
}
.faq-item.open .faq-a{max-height:300px;padding:0 20px 18px}
.faq-item.open .faq-arrow{transform:rotate(180deg)}

/* ─── CTA STRIP ──────────────────────────────────────────── */
.cta-strip{
  position:relative;z-index:1;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  padding:56px 32px;text-align:center;overflow:hidden;
}
.cta-strip::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Crect x='0' y='0' width='1' height='60'/%3E%3Crect x='0' y='0' width='60' height='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.cta-strip h2{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;color:#fff;margin-bottom:10px;position:relative}
.cta-strip p{color:rgba(255,255,255,.75);font-size:1.05rem;margin-bottom:28px;position:relative}
.cta-strip-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;position:relative}
.btn-white{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;color:var(--accent);
  padding:13px 28px;border-radius:11px;font-weight:700;font-size:.95rem;
  text-decoration:none;transition:transform .2s,box-shadow .2s;
  box-shadow:0 4px 20px rgba(0,0,0,.2);
}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.3)}
.btn-white-ghost{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);
  color:#fff;padding:13px 28px;border-radius:11px;font-weight:600;font-size:.95rem;
  text-decoration:none;transition:background .2s;
}
.btn-white-ghost:hover{background:rgba(255,255,255,.2)}

/* ─── FOOTER ─────────────────────────────────────────────── */
footer{
  /* background:var(--bg2); */
  border-top:1px solid var(--border);
  padding:56px 32px 32px;position:relative;z-index:1;
}
.footer-inner{max-width:1120px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
.footer-brand .logo{margin-bottom:14px}
.footer-brand p{color:var(--muted);font-size:.85rem;line-height:1.7;max-width:220px;margin-bottom:18px}
.footer-social{display:flex;gap:10px}
.social-btn{
  width:36px;height:36px;border-radius:9px;
  background:rgba(255,255,255,.06);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  color:var(--muted);transition:background .2s,color .2s,border-color .2s;text-decoration:none;
}
.social-btn:hover{background:rgba(97,116,255,.15);color:var(--accent);border-color:rgba(97,116,255,.3)}
.social-btn [data-lucide]{width:16px;height:16px}
.footer-col h4{font-family:'Syne',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.footer-col a{display:block;color:var(--muted);text-decoration:none;font-size:.875rem;margin-bottom:10px;transition:color .2s}
.footer-col a:hover{color:var(--text)}
.footer-bottom{
  border-top:1px solid var(--border);padding-top:24px;
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;
}
.footer-legal{color:var(--muted);font-size:.78rem;line-height:1.7}

/* ─── ANIMATIONS ─────────────────────────────────────────── */
@keyframes fadeDown{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ─── RESPONSIVE ─────────────────────────────────────────── */
@media(max-width:1024px){
  .payment-layout,.faq-layout{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  header{padding:0 20px}
  nav{display:none}
  .hamburger{display:flex}
  .stats-strip{grid-template-columns:repeat(2,1fr)}
  .stats-strip .stat-cell:nth-child(2){border-right:none}
  .stats-strip .stat-cell:nth-child(3){border-top:1px solid var(--border)}
  .section-inner{padding:64px 20px}
  .node-card{padding:16px 20px;gap:18px}
  .node-sep{display:none}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .hero{padding:100px 20px 60px;min-height:auto}
  h1.hero-title{font-size:clamp(1.7rem,8vw,2.6rem)}
  .hero-badge{font-size:.68rem;padding:5px 12px;letter-spacing:.04em}
  .hero-sub{font-size:.95rem}
  .hero-btns .btn-primary,.hero-btns .btn-ghost{width:100%;justify-content:center}
  .hero-btns{flex-direction:column}
  .payment-big-card{display:none}
  .services-grid,.features-grid,.pricing-grid,.trust-grid{grid-template-columns:1fr}
}