/* WealthixDigital — public theme (Bootstrap 5 overrides) */
:root {
    --bg:        #111315;
    --surface:   #181B1F;
    --surface-2: #1F2329;
    --border:    #2A2F36;
    --gold:      #D4AF37;
    --gold-light:#F5D76E;
    --white:     #F8F8F8;
    --muted:     #9AA1AC;
    --green:     #22C55E;
    --radius:    14px;
}
* { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--white); font-family: 'Plus Jakarta Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; -webkit-font-smoothing: antialiased; }
h1,h2,h3,h4,h5 { font-weight: 700; letter-spacing: -.01em; }
a { text-decoration: none; }
.text-gold { color: var(--gold) !important; }
.text-muted2 { color: var(--muted) !important; }
.text-green { color: var(--green) !important; }
.bg-surface { background: var(--surface) !important; }
.gold-gradient { background: linear-gradient(135deg, var(--gold-light), var(--gold)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.section { padding: 88px 0; }
.section-sm { padding: 56px 0; }
.eyebrow { display:inline-block; font-size:.75rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color: var(--gold); border:1px solid var(--border); border-radius:999px; padding:.35rem .9rem; background:var(--surface); }
.section-title { font-size: clamp(1.6rem, 3vw, 2.3rem); }
.section-sub { color: var(--muted); max-width: 640px; margin: 0 auto; }

.btn-gold { background: linear-gradient(135deg, var(--gold-light), var(--gold)); color:#1a1300; font-weight:700; border:none; border-radius:10px; padding:.7rem 1.4rem; transition: transform .15s ease, box-shadow .15s ease; }
.btn-gold:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(212,175,55,.28); color:#1a1300; }
.btn-ghost-gold { background: transparent; color: var(--gold); font-weight:700; border:1px solid rgba(212,175,55,.5); border-radius:10px; padding:.7rem 1.4rem; transition: all .15s ease; }
.btn-ghost-gold:hover { background: rgba(212,175,55,.1); color: var(--gold-light); }

.site-nav { background: rgba(17,19,21,.85); backdrop-filter: blur(12px); border-bottom:1px solid var(--border); }
.site-nav .navbar-brand { font-weight:800; color: var(--white); letter-spacing:.02em; }
.site-nav .nav-link { color: var(--muted); font-weight:500; padding:.5rem .9rem; }
.site-nav .nav-link:hover, .site-nav .nav-link.active { color: var(--gold); }
.brand-mark { color: var(--gold); margin-right:.5rem; }

.surface-card { background: var(--surface); border:1px solid var(--border); border-radius: var(--radius); transition: transform .2s ease, border-color .2s ease; }
.surface-card:hover { transform: translateY(-4px); border-color: rgba(212,175,55,.4); }
.icon-badge { width:54px; height:54px; border-radius:14px; display:flex; align-items:center; justify-content:center; background: rgba(212,175,55,.1); color: var(--gold); font-size:1.3rem; border:1px solid rgba(212,175,55,.25); }

.hero { position:relative; overflow:hidden; padding: 120px 0 90px; }
.hero-glow { position:absolute; right:-5%; top:10%; width:520px; height:520px; border-radius:50%; background: radial-gradient(circle, rgba(212,175,55,.22), transparent 65%); filter: blur(10px); pointer-events:none; }
.hero-crystal { font-size: 11rem; color: var(--gold); filter: drop-shadow(0 0 40px rgba(212,175,55,.5)); }
.trust-badge { color: var(--muted); font-size:.85rem; }
.trust-badge i { color: var(--gold); margin-right:.4rem; }
.stat-float { background: var(--surface); border:1px solid var(--border); border-radius:12px; padding:.8rem 1rem; box-shadow: 0 12px 30px rgba(0,0,0,.35); }
.stat-float .label { color: var(--muted); font-size:.72rem; }
.stat-float .value { font-weight:700; font-size:1.05rem; }

.stat-bar { background: var(--surface); border:1px solid var(--border); border-radius: var(--radius); }
.stat-bar .value { font-size: clamp(1.1rem,2vw,1.6rem); font-weight:800; color: var(--gold); }
.stat-bar .label { color: var(--muted); font-size:.8rem; }

.plan-card { background: var(--surface); border:1px solid var(--border); border-radius: var(--radius); position:relative; }
.plan-card.featured { border-color: var(--gold); box-shadow: 0 0 0 1px rgba(212,175,55,.4), 0 18px 40px rgba(0,0,0,.4); }
.plan-rate { font-size: 2.4rem; font-weight:800; color: var(--gold); line-height:1; }
.plan-badge { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background: linear-gradient(135deg, var(--gold-light), var(--gold)); color:#1a1300; font-size:.7rem; font-weight:700; padding:.25rem .8rem; border-radius:999px; white-space:nowrap; }
.plan-row { display:flex; justify-content:space-between; padding:.5rem 0; border-bottom:1px solid var(--border); font-size:.9rem; }
.plan-row:last-child { border-bottom:none; }
.plan-row .k { color: var(--muted); }

/* inner page hero */
.page-hero { padding: 100px 0 56px; text-align:center; position:relative; border-bottom:1px solid var(--border); background: radial-gradient(circle at 50% 0%, rgba(212,175,55,.1), transparent 60%); }
.page-hero h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); }
.breadcrumb-gold { color: var(--muted); font-size:.85rem; }
.breadcrumb-gold a { color: var(--gold); }

/* calculators + dark inputs */
.calc-box { background: var(--surface); border:1px solid var(--border); border-radius: var(--radius); }
.calc-result { background: rgba(212,175,55,.07); border:1px solid rgba(212,175,55,.25); border-radius:12px; }
.dark-input { background: var(--surface-2) !important; border:1px solid var(--border) !important; color: var(--white) !important; }
.dark-input:focus { border-color: var(--gold) !important; box-shadow:none !important; }
.dark-input::placeholder { color: #6b7280; }

/* comparison table */
.table-gold { color: var(--white); border-color: var(--border); }
.table-gold thead th { color: var(--gold); border-color: var(--border); background: var(--surface); font-weight:700; white-space:nowrap; }
.table-gold td, .table-gold th { border-color: var(--border); vertical-align: middle; }

/* leaderboard */
.leaderboard-row { display:flex; align-items:center; gap:1rem; padding:.85rem 1rem; border-bottom:1px solid var(--border); }
.leaderboard-row:last-child { border-bottom:none; }
.rank-badge { width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; background: rgba(212,175,55,.12); color: var(--gold); font-weight:700; font-size:.85rem; flex-shrink:0; }

/* footer */
.site-footer { background: #0D0F11; border-top:1px solid var(--border); color: var(--muted); }
.site-footer h6 { color: var(--white); font-weight:700; margin-bottom:1rem; }
.site-footer a { color: var(--muted); display:block; padding:.3rem 0; }
.site-footer a:hover { color: var(--gold); }
.social-ico { width:38px; height:38px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background: var(--surface); border:1px solid var(--border); color: var(--muted); margin-right:.5rem; }
.social-ico:hover { color: var(--gold); border-color: rgba(212,175,55,.4); }
.pay-ico { color: var(--muted); font-size:1.5rem; margin-right:1rem; }
.newsletter-input { background: var(--surface); border:1px solid var(--border); color: var(--white); border-radius:10px 0 0 10px; }
.newsletter-input:focus { background: var(--surface); color: var(--white); border-color: var(--gold); box-shadow:none; }
.divider-line { height:1px; background: var(--border); }