:root{
  --bg:#071422; --bg2:#0b1f3a; --card:#0f1e3a;
  --text:#e8f1ff; --muted:#9fb4d3;
  --accent:#11c5ff; --accent2:#2f6bff;
  --ring: rgba(47,107,255,.28);
  --bg-light:#f9fafc; --bg2-light:#edf2f7; --card-light:#ffffff;
  --text-light:#1e293b; --muted-light:#64748b;
  --accent-light:#2563eb; --accent2-light:#0ea5e9;
  --ring-light:rgba(37,99,235,.25);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);
  background: radial-gradient(1200px 800px at 80% -10%, rgba(47,107,255,.18), transparent), linear-gradient(180deg,var(--bg),var(--bg2));
}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;z-index:50;background:rgba(11,15,26,.7);backdrop-filter: blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:700}
.brand img{width:32px;height:32px}
.nav-links{display:flex;gap:16px;align-items:center}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);padding:10px 14px;border-radius:14px}
.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));border:none;color:#fff;box-shadow:0 0 0 0 var(--ring)}
.btn.primary:hover{box-shadow:0 0 0 8px var(--ring); transform:translateY(-1px)}
.section{padding:80px 0;border-top:1px solid rgba(255,255,255,.06)}
.hero{padding:120px 0 90px;display:grid;grid-template-columns:1.1fr .9fr;gap:36px}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
h1{font-size:56px;margin:0 0 12px;background:linear-gradient(90deg,#fff,#c3c8ff);-webkit-background-clip:text;color:transparent}
h2{font-size:32px;margin:0 0 16px}
h3{margin:0 0 8px}
.footer{padding:40px 0;color:var(--muted)}
.socials{display:flex;gap:12px;flex-wrap:wrap}
.chip{padding:6px 10px;border-radius:9999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:12px}
.muted{color:var(--muted)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid rgba(255,255,255,.08);padding:10px;text-align:left}
.table th{background:rgba(255,255,255,.04);color:#cfe1ff}

/* Section snapping */
html, body{;height:100%}
.section, header.hero{scroll-snap-align:start}

/* Light mode overrides */
[data-theme='light']{
  --bg:var(--bg-light);--bg2:var(--bg2-light);--card:var(--card-light);
  --text:var(--text-light);--muted:var(--muted-light);
  --accent:var(--accent-light);--accent2:var(--accent2-light);--ring:var(--ring-light);
  color:var(--text-light);background:linear-gradient(180deg,var(--bg-light),var(--bg2-light));
}
[data-theme='light'] .card{box-shadow:0 4px 12px rgba(0,0,0,.08)}

/* AOS fallback */
[data-aos]{opacity:1 !important;transform:none !important}

/* Mobile tweaks */
@media (max-width: 960px){
  .hero{ padding: 96px 0 64px; grid-template-columns: 1fr; gap: 18px; }
  h1{ font-size: 36px; line-height: 1.15; }
  .card{ padding: 16px; border-radius: 16px; }
  .grid-3{ grid-template-columns: 1fr; }
  .nav-links{ display: none; }
}
@media (max-width: 960px){
  html, body{ scroll-snap-type: none; }
  .section, header.hero{ scroll-snap-align: none; }
}

/* --- Reputation UI --- */
.rep-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.rep-stats{display:flex;gap:18px;margin:8px 0 12px}
.rep-stats > div{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.rep-stats strong{font-size:22px}
.progress{height:10px;border-radius:9999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.badge{padding:6px 10px;border-radius:9999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}
.badge.active{background:linear-gradient(90deg,var(--accent),var(--accent2)); color:#fff; border:none; box-shadow:0 0 0 6px var(--ring);}
.stars{display:flex;gap:8px;font-size:28px;user-select:none}
.star{background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:12px;width:44px;height:44px;line-height:1;color:#cbd5e1}
.star.active,.star:hover{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border:none}
.small{font-size:12px}
@media(max-width:960px){ .rep-wrap{grid-template-columns:1fr;} }

/* === Responsive Navbar === */
.vdx-nav{
  position: sticky; top: 0; z-index: 50;
  display:flex; align-items:center; justify-content:space-between;
  padding: 10px 16px; background: rgba(8,12,22,.75); backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.vdx-logo{ display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--vdx-text); font-weight:700; }
.vdx-logo img{ border-radius:8px; display:block; }
.vdx-links{ display:flex; gap:14px; align-items:center; }
.vdx-links a{ color:var(--vdx-text); text-decoration:none; font-weight:600; padding:8px 10px; border-radius:10px; border:1px solid transparent; }
.vdx-links a:hover{ border-color: rgba(59,130,246,.45); background: rgba(59,130,246,.12); }
.vdx-burger{ display:none; width:44px; height:36px; border-radius:10px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.04); cursor:pointer; align-items:center; justify-content:center; gap:4px; }
.vdx-burger span{ display:block; width:20px; height:2px; background:#fff; }

.vdx-mobile-menu{ position: sticky; top: 56px; z-index: 40; display:flex; flex-direction:column; gap:6px; padding:10px 16px; background: rgba(8,12,22,.95); border-bottom:1px solid rgba(255,255,255,.06); }
.vdx-mobile-menu a{ color:var(--vdx-text); text-decoration:none; padding:10px; border-radius:10px; border:1px solid rgba(255,255,255,.06); }
.vdx-mobile-menu a:hover{ background: rgba(59,130,246,.12); border-color: rgba(59,130,246,.45); }

@media (max-width: 920px){
  .vdx-burger{ display:flex; }
  .vdx-links{ display:none; }
}


/* === Veridex Coming Soon & Roadmap styles (vdx-*) === */
:root {
  --vdx-bg: #0b1220;
  --vdx-border: #1e293b;
  --vdx-primary: #3b82f6;
  --vdx-accent: #22d3ee;
  --vdx-text: #e5e7eb;
  --vdx-muted: #94a3b8;
  --vdx-radius: 18px;
  --vdx-shadow: 0 10px 30px rgba(0,0,0,.45);
}
.vdx-wrap { max-width: 1200px; margin: 0 auto; padding: 56px 20px 72px; color: var(--vdx-text); }
.vdx-header { text-align:center; margin-bottom:28px; }
.vdx-eyebrow { display:inline-block; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--vdx-accent); background:rgba(34,211,238,.08); padding:6px 10px; border:1px solid rgba(34,211,238,.25); border-radius:999px; }
.vdx-title { font-size:clamp(26px,4vw,42px); line-height:1.1; margin:14px 0 10px; }
.vdx-subtitle { color:var(--vdx-muted); font-size:15px; max-width:720px; margin:0 auto; }

/* grid */
.vdx-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; margin-top:28px; }
@media (max-width:960px){ .vdx-grid{ grid-template-columns:repeat(6,1fr);} }
@media (max-width:640px){ .vdx-grid{ grid-template-columns:repeat(1,1fr);} }

.vdx-card { grid-column:span 4; background:linear-gradient(180deg,rgba(255,255,255,.02),transparent); border:1px solid var(--vdx-border); border-radius:var(--vdx-radius); padding:18px; position:relative; overflow:hidden; box-shadow:var(--vdx-shadow); }
@media (max-width:960px){ .vdx-card{ grid-column:span 6;} }
@media (max-width:640px){ .vdx-card{ grid-column:span 1;} }

.vdx-card h3 { font-size:18px; margin:0; }
.vdx-card p { color:var(--vdx-muted); font-size:14px; line-height:1.5; margin:6px 0 10px; }
.vdx-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:10px; }
.vdx-badge { font-size:12px; letter-spacing:.06em; text-transform:uppercase; padding:6px 10px; border-radius:999px; border:1px solid var(--vdx-border); background:rgba(255,255,255,.04); }
.vdx-badge.planned{ color:var(--vdx-muted); }
.vdx-badge.inprogress{ background:rgba(59,130,246,.12); }
.vdx-badge.target{ background:rgba(245,158,11,.12); }
.vdx-eta { font-size:12px; color:var(--vdx-muted); }

/* timeline */
.vdx-roadmap { margin-top:40px; border:1px solid var(--vdx-border); border-radius:var(--vdx-radius); padding:22px; box-shadow:var(--vdx-shadow); background:linear-gradient(180deg,rgba(255,255,255,.02),transparent); }
.vdx-roadmap h4 { margin:0 0 12px; font-size:16px; color:var(--vdx-muted); letter-spacing:.08em; text-transform:uppercase; }
.timeline { position:relative; margin:16px 0 0; padding-left:24px; }
.timeline::before { content:""; position:absolute; left:10px; top:0; bottom:0; width:2px; background:linear-gradient(180deg, rgba(59,130,246,.6), rgba(34,211,238,.4)); }
.t-item { position:relative; padding:10px 0 10px 10px; }
.t-item::before { content:""; position:absolute; left:-2px; top:16px; width:10px; height:10px; border-radius:50%; background:var(--vdx-primary); }
.t-q { font-weight:700; font-size:15px; }
.t-desc { color:var(--vdx-muted); font-size:14px; margin-top:4px; }
.vdx-cta { margin-top:22px; display:flex; gap:12px; flex-wrap:wrap; }
.vdx-btn { display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border-radius:12px; border:1px solid var(--vdx-border); background:rgba(255,255,255,.04); color:var(--vdx-text); text-decoration:none; font-weight:600; }