/* ============================================================
   Cape Coins — homepage styles
   ============================================================ */
:root{
    --blue:#2563EB;
    --blue-dark:#1D4ED8;
    --blue-deep:#1E3A8A;
    --navy:#0F1B3D;
    --navy-2:#16265C;
    --text:#0F172A;
    --text-2:#475569;
    --text-3:#94A3B8;
    --bg:#FFFFFF;
    --bg-soft:#F1F5F9;
    --bg-soft-2:#F8FAFC;
    --border:#E2E8F0;
    --green:#16A34A;
    --green-bg:#DCFCE7;
    --red:#DC2626;
    --footer:#0B1220;
    --radius:14px;
    --shadow:0 10px 30px rgba(15,23,42,.08);
    --shadow-lg:0 24px 60px rgba(15,23,42,.18);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
ul{list-style:none}

.btn{display:inline-block;font-weight:600;font-size:.875rem;padding:11px 22px;border-radius:9px;cursor:pointer;border:none;transition:.18s;font-family:inherit;letter-spacing:.02em}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:var(--blue-dark)}
.btn-outline{background:transparent;color:var(--blue);border:1.5px solid var(--blue)}
.btn-outline:hover{background:var(--blue);color:#fff}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--border)}
.header-container{display:flex;align-items:center;gap:28px;height:64px}
.logo{font-size:1.3rem;font-weight:800;color:var(--blue);letter-spacing:-.01em}
.nav{display:flex;gap:4px;margin-right:auto}
.nav-item-container{position:relative}
.nav-item{display:flex;align-items:center;gap:5px;padding:10px 12px;font-size:.9rem;font-weight:500;color:var(--text-2);border-radius:8px;background:none;border:none;font-family:inherit;cursor:pointer;line-height:1}
.nav-item:hover{color:var(--text);background:var(--bg-soft)}
.nav-item svg{width:15px;height:15px;opacity:.75}
.nav-dropdown{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:8px;min-width:200px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:50}
.nav-item-container:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-item{display:block;width:100%;text-align:left;padding:9px 12px;font-size:.875rem;color:var(--text-2);border-radius:7px;background:none;border:none;font-family:inherit;cursor:pointer}
.dropdown-item:hover{background:var(--bg-soft);color:var(--blue)}
.header-actions{display:flex;align-items:center;gap:14px}
.language-switcher{position:relative}
.lang-code{text-transform:uppercase;font-size:.85rem;font-weight:500}
.language-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:8px;min-width:160px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:50}
.language-switcher:hover .language-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.language-option.active{color:var(--blue);font-weight:600}
.login-link{font-size:.875rem;font-weight:500;color:var(--text-2);text-decoration:none}
.login-link:hover{color:var(--text)}
.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:6px}
.hamburger{display:flex;flex-direction:column;gap:4px;width:22px}
.hamburger span{height:2px;background:var(--text);border-radius:2px}
.mobile-menu{display:none;flex-direction:column;gap:18px;padding:20px 24px 28px;border-top:1px solid var(--border);background:#fff}
body.nav-open .mobile-menu{display:flex}
.mobile-group-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin-bottom:8px}
.mobile-group a{display:block;padding:7px 0;font-size:.95rem;color:var(--text-2)}
.mobile-actions{display:flex;gap:12px;align-items:center;border-top:1px solid var(--border);padding-top:18px}

/* ---------- Hero ---------- */
.hero{position:relative;background:linear-gradient(160deg,#1E3A8A 0%,#1B347C 45%,#16265C 100%);color:#fff;overflow:hidden;padding-top:64px}
.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;opacity:.5;pointer-events:none}
.hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:64px 24px 88px}
.hero-text h1{font-size:3.4rem;font-weight:800;line-height:1.08;letter-spacing:-.02em;margin-bottom:22px}
.hero-lead{font-size:1.18rem;font-weight:500;color:#DBE5FB;margin-bottom:16px;max-width:460px}
.hero-sub{font-size:.95rem;color:#A9BCE6;max-width:460px;margin-bottom:26px}
.hero-trust{font-size:.82rem;color:#8AA0D4;margin-bottom:18px}
.hero-pills{display:flex;gap:22px;flex-wrap:wrap}
.hero-pill{font-size:.82rem;color:#C5D3F2;display:flex;align-items:center;gap:7px}

.hero-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;backdrop-filter:blur(8px);box-shadow:var(--shadow-lg)}
.hero-card-head{display:flex;justify-content:space-between;align-items:center;background:#0E1626;border-radius:12px;padding:13px 16px;font-size:.85rem;font-weight:600}
.hero-card-dots{display:flex;gap:6px}
.hero-card-dots i{width:9px;height:9px;border-radius:50%;display:inline-block}
.d-green{background:#22C55E}.d-amber{background:#F59E0B}.d-red{background:#EF4444}
.hero-card-body{background:#fff;border-radius:12px;padding:16px;margin-top:8px;color:var(--text)}
.hero-quotes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.hero-quote{background:#F0FDF4;border:1px solid #DCFCE7;border-radius:10px;padding:12px 14px}
.hq-pair{font-size:.72rem;color:var(--text-3);font-weight:600;margin-bottom:6px}
.hq-price{font-size:1.5rem;font-weight:700;color:var(--green);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.hq-change{font-size:.72rem;color:var(--green);margin-top:2px;font-variant-numeric:tabular-nums}
.hero-portfolio{background:var(--bg-soft-2);border-radius:10px;padding:14px}
.hp-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--text-2);margin-bottom:10px}
.hp-value{font-size:1.1rem;font-weight:700;color:var(--text)}
.hp-bar{height:7px;border-radius:5px;background:#E2E8F0;overflow:hidden}
.hp-bar span{display:block;height:100%;width:72%;background:linear-gradient(90deg,var(--blue),#60A5FA);border-radius:5px}

/* ---------- Ticker strip ---------- */
.ticker{position:relative;background:linear-gradient(180deg,#16265C,#152353);border-top:1px solid rgba(255,255,255,.07);padding:18px 0;overflow:hidden}
.ticker-track{display:flex;gap:14px;width:max-content;animation:tickerScroll 48s linear infinite;padding:0 14px}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-card{flex:0 0 auto;width:168px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:11px 13px}
.ticker-card-top{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.ticker-badge{background:rgba(255,255,255,.16);color:#fff;font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:5px}
.ticker-name{font-size:.7rem;color:#B6C5E8;margin-left:auto}
.ticker-price{font-size:1.12rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.ticker-change{font-size:.78rem;font-weight:600;margin-top:4px;padding:2px 8px;border-radius:6px;display:inline-block;font-variant-numeric:tabular-nums}
.ticker-change.up{color:#fff;background:rgba(34,197,94,.85)}
.ticker-change.down{color:#fff;background:rgba(239,68,68,.85)}

/* ---------- Section heads ---------- */
.section-head{text-align:center;margin-bottom:36px}
.section-head h2{font-size:1.85rem;font-weight:800;letter-spacing:-.01em;position:relative;display:inline-block}
.title-bar{position:absolute;left:-18px;top:50%;transform:translateY(-50%);width:4px;height:26px;background:var(--blue);border-radius:3px}
.section-head p{color:var(--text-2);margin-top:10px;font-size:.98rem}

/* ---------- Live Market Data ---------- */
.market-data{background:var(--bg-soft-2);padding:64px 0}
.md-tabs{display:flex;gap:4px;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:12px;padding:6px;width:max-content;margin:0 auto 34px;box-shadow:var(--shadow)}
.md-tab{background:none;border:none;font-family:inherit;font-size:.875rem;font-weight:600;color:var(--text-2);padding:9px 22px;border-radius:8px;cursor:pointer;transition:.15s}
.md-tab.active{background:var(--blue);color:#fff}
.md-grid{display:none;grid-template-columns:repeat(4,1fr);gap:20px}
.md-grid.active{display:grid}
.md-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px}
.md-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}
.md-sym{font-size:.95rem;font-weight:700}
.md-name{font-size:.74rem;color:var(--text-3);margin-top:2px}
.md-trend{font-size:1.05rem;font-weight:700}
.md-trend.up{color:var(--green)}.md-trend.down{color:var(--red)}
.md-price{font-size:1.7rem;font-weight:800;letter-spacing:-.01em;margin-bottom:10px;font-variant-numeric:tabular-nums}
.md-changes{display:flex;gap:14px;font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums}
.md-abs.up,.md-pct.up{color:var(--green)}
.md-abs.down,.md-pct.down{color:var(--red)}
.md-status{text-align:center;margin-top:30px;font-size:.8rem;color:var(--text-2);font-weight:600}
.md-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:4px;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.5)}70%{box-shadow:0 0 0 7px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}

/* ---------- Why choose ---------- */
.why{background:#fff;padding:64px 0}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.why-card{border:1px solid var(--border);border-radius:var(--radius);padding:26px 22px;transition:.18s}
.why-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.why-icon{width:48px;height:48px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px}
.why-icon.blue{background:#DBEAFE}.why-icon.purple{background:#EDE9FE}.why-icon.green{background:#DCFCE7}.why-icon.orange{background:#FFEDD5}
.why-card h3{font-size:1.02rem;font-weight:700;margin-bottom:8px}
.why-card p{font-size:.86rem;color:var(--text-2)}

/* ---------- Stats banner ---------- */
.stats-wrap{background:#fff;padding:20px 0 80px}
.stats-banner{position:relative;background:linear-gradient(120deg,var(--blue) 0%,var(--blue-dark) 100%);border-radius:18px;padding:46px 40px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;color:#fff;box-shadow:var(--shadow-lg)}
.stats-banner .stat{text-align:center}
.stat-num{font-size:2.6rem;font-weight:800;letter-spacing:-.02em}
.stat-label{font-size:.84rem;color:#DBE5FB;margin-top:4px}
.stats-note{grid-column:1/-1;text-align:center;font-size:.72rem;color:#B9C9F0;font-style:italic;margin-top:6px}

/* ---------- Platform ---------- */
.platform{background:#fff;padding:30px 0 80px}
.platform-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.platform-pill{display:inline-block;background:#DBEAFE;color:var(--blue);font-size:.74rem;font-weight:600;padding:5px 13px;border-radius:999px;margin-bottom:16px}
.platform-text h2{font-size:2rem;font-weight:800;letter-spacing:-.01em;margin-bottom:14px}
.platform-text>p{color:var(--text-2);font-size:.95rem;margin-bottom:22px;max-width:440px}
.platform-list{margin-bottom:26px}
.platform-list li{display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--text);margin-bottom:12px}
.platform-list li::before{content:"\2713";color:var(--green);font-weight:800}
.platform-ctas{display:flex;gap:14px}

.platform-mock{position:relative}
.mock-window{background:#0E1626;border-radius:16px;padding:0 0 16px;box-shadow:var(--shadow-lg);overflow:hidden}
.mock-head{display:flex;align-items:center;gap:12px;padding:13px 16px;background:#0E1626}
.mock-dots{display:flex;gap:6px}
.mock-dots i{width:9px;height:9px;border-radius:50%;display:inline-block}
.mock-dots i:nth-child(1){background:#EF4444}.mock-dots i:nth-child(2){background:#F59E0B}.mock-dots i:nth-child(3){background:#22C55E}
.mock-title{color:#fff;font-size:.82rem;font-weight:600;background:var(--blue);padding:5px 12px;border-radius:7px}
.mock-live{color:#9FB3E0;font-size:.74rem;margin-left:auto}
.mock-body{padding:16px}
.mock-chart{height:150px;border-radius:10px;background:linear-gradient(180deg,#CFE0FA,#EAF1FD);margin-bottom:14px}
.mock-order{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mock-buy,.mock-sell{border-radius:10px;padding:12px 14px;font-size:.78rem;display:flex;flex-direction:column;gap:6px}
.mock-buy{background:#F0FDF4}.mock-sell{background:#FEF2F2}
.mock-buy strong{color:var(--green);font-size:1.05rem}
.mock-sell strong{color:var(--red);font-size:1.05rem}
.mock-phone{position:absolute;right:-18px;bottom:-26px;width:118px;background:#0E1626;border-radius:16px;padding:10px;box-shadow:var(--shadow-lg)}
.mock-phone-head{background:var(--blue);color:#fff;font-size:.62rem;font-weight:600;padding:8px 10px;border-radius:9px;line-height:1.2}
.mock-phone-body{height:74px;background:#EAF1FD;border-radius:8px;margin:8px 0}
.mock-phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mock-phone-actions span{font-size:.6rem;font-weight:700;text-align:center;padding:6px 0;border-radius:6px}
.mock-phone-actions .buy{background:var(--green-bg);color:var(--green)}
.mock-phone-actions .sell{background:#FEE2E2;color:var(--red)}

/* ---------- Footer ---------- */
.site-footer{background:var(--footer);color:#94A3B8;padding:56px 0 26px;font-size:.86rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px}
.footer-logo{font-size:1.2rem;font-weight:800;color:#fff;margin-bottom:14px}
.footer-about p{max-width:280px;margin-bottom:14px;line-height:1.7}
.footer-email{color:#CBD5E1}
.footer-col h4{color:#fff;font-size:.92rem;font-weight:700;margin-bottom:14px}
.footer-col a{display:block;color:#94A3B8;margin-bottom:9px;transition:.14s}
.footer-col a:hover{color:#fff}
.risk-warning{background:rgba(127,29,29,.28);border:1px solid rgba(220,38,38,.35);border-radius:10px;padding:16px 18px;font-size:.76rem;line-height:1.7;color:#FCA5A5;margin-bottom:24px}
.risk-warning strong{color:#FCA5A5}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;font-size:.78rem;color:#64748B;flex-wrap:wrap;gap:12px}
.footer-legal{display:flex;gap:20px}
.footer-legal a:hover{color:#fff}

/* ---------- Live update flash ---------- */
.flash-up{animation:fU .8s ease-out}
.flash-down{animation:fD .8s ease-out}
@keyframes fU{0%{background:rgba(22,163,74,.18)}100%{background:transparent}}
@keyframes fD{0%{background:rgba(220,38,38,.18)}100%{background:transparent}}

/* ============================================================
   FOREX PAGE
   ============================================================ */
.sec{padding:64px 0}
.sec-white{background:#fff}
.sec-soft{background:var(--bg-soft-2)}
.sec .section-head p{max-width:680px;margin-left:auto;margin-right:auto}

/* Forex hero (green) */
.fx-hero{position:relative;background:linear-gradient(155deg,#16A34A 0%,#15994A 40%,#0E8A52 100%);color:#fff;overflow:hidden;padding-top:64px}
.fx-hero-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;opacity:.45}
.fx-hero-inner{position:relative;text-align:center;padding:60px 24px 84px;max-width:760px}
.fx-hero h1{font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:18px}
.fx-hero-lead{font-size:1.25rem;font-weight:600;color:#EAFBF0;margin-bottom:16px;line-height:1.4}
.fx-hero-sub{font-size:.95rem;color:#CDEFD9;max-width:540px;margin:0 auto 30px}
.fx-hero-stats{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.fx-stat{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:20px 34px;min-width:150px;backdrop-filter:blur(6px)}
.fx-stat-num{font-size:1.9rem;font-weight:800;letter-spacing:-.01em}
.fx-stat-label{font-size:.78rem;color:#DDF5E6;margin-top:4px}

/* Forex ticker (blue/indigo cards w/ bar) */
.fx-ticker{background:linear-gradient(180deg,#1E3A8A,#1B347C);padding:16px 0}
.fx-ticker .ticker-track{gap:12px}
.fx-tcard{flex:0 0 auto;width:150px;background:linear-gradient(160deg,rgba(99,102,241,.28),rgba(59,130,246,.18));border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:10px 12px}
.fx-tcard-top{display:flex;flex-direction:column;margin-bottom:6px}
.fx-tbadge{font-size:.72rem;font-weight:700;color:#fff}
.fx-tlabel{font-size:.56rem;color:#B6C5E8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-tprice{font-size:1.05rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.fx-tchange{font-size:.7rem;font-weight:600;margin:3px 0 7px;font-variant-numeric:tabular-nums}
.fx-tchange.up{color:#4ADE80}.fx-tchange.down{color:#FCA5A5}
.fx-tbar{height:4px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}
.fx-tbar span{display:block;height:100%;width:78%;background:#22C55E;border-radius:3px}

/* Feature grid (AI edge / execution) */
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feat-card{border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;transition:.18s}
.feat-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.feat-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:16px}
.feat-icon.dark{background:#0F1B3D;color:#fff}
.feat-icon.light{background:var(--bg-soft);border:1px solid var(--border)}
.feat-card h3{font-size:1rem;font-weight:700;margin-bottom:8px}
.feat-card p{font-size:.84rem;color:var(--text-2);line-height:1.6}

/* 3-column live rates */
.md-grid-3{grid-template-columns:repeat(3,1fr)}

/* Onboarding steps */
.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step-card{border:1px solid var(--border);border-radius:var(--radius);padding:30px 24px;text-align:center}
.step-num{width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.step-card h3{font-size:1.05rem;font-weight:700;margin-bottom:10px}
.step-card p{font-size:.85rem;color:var(--text-2)}

/* Audience cards */
.aud-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.aud-card{border:1px solid var(--border);border-radius:18px;padding:34px 30px;box-shadow:var(--shadow)}
.aud-icon{width:64px;height:64px;border-radius:16px;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin:0 auto 18px;box-shadow:0 0 0 6px rgba(37,99,235,.06)}
.aud-card h3{text-align:center;font-size:1.3rem;font-weight:800;margin-bottom:12px}
.aud-card>p{text-align:center;font-size:.9rem;color:var(--text-2);margin-bottom:22px}
.aud-list li{display:flex;align-items:center;gap:10px;font-size:.88rem;padding:9px 0;border-top:1px solid var(--border)}
.aud-list li::before{content:"\2713";color:var(--green);font-weight:800}

/* Forex CTA banner */
.fx-cta{background:linear-gradient(120deg,var(--blue),var(--blue-dark));color:#fff;text-align:center;padding:56px 0}
.fx-cta h2{font-size:1.85rem;font-weight:800;margin-bottom:12px}
.fx-cta p{color:#DBE5FB;margin-bottom:24px}
.btn-white{background:#fff;color:var(--blue)}
.btn-white:hover{background:#EFF4FF}

/* ============================================================
   GENERIC INNER-PAGE HERO + SHARED PAGE SECTIONS
   ============================================================ */
.page-hero{position:relative;color:#fff;overflow:hidden;padding-top:64px}
.page-hero-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;opacity:.4}
.page-hero-inner{position:relative;text-align:center;max-width:820px;margin:0 auto;padding:60px 24px 84px}
.page-hero h1{font-size:2.9rem;font-weight:800;letter-spacing:-.02em;margin-bottom:18px}
.page-hero-lead{font-size:1.2rem;font-weight:600;line-height:1.45;margin-bottom:14px;opacity:.97}
.page-hero-sub{font-size:.92rem;opacity:.82;max-width:560px;margin:0 auto 30px}
.page-hero-stats{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.page-stat{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:18px 32px;min-width:150px;backdrop-filter:blur(6px)}
.page-stat-num{font-size:1.9rem;font-weight:800}
.page-stat-label{font-size:.76rem;opacity:.9;margin-top:4px}

/* Hero color variants */
.cmd-hero{background:linear-gradient(155deg,#E8820E 0%,#D9740A 45%,#C25E07 100%)}
.sh-hero{background:linear-gradient(150deg,#7C3AED 0%,#6D28D9 50%,#5B21B6 100%)}

.sec-tint{background:linear-gradient(180deg,#F8FAFF,#EEF3FB)}

/* 2-column live prices */
.md-grid-2{grid-template-columns:repeat(2,1fr);max-width:700px;margin:0 auto}

/* Category cards (Commodities Made Simple) */
.cat-card{border:1px solid var(--border);border-radius:var(--radius);padding:22px 20px}
.cat-icon{width:46px;height:46px;border-radius:12px;background:#0F1B3D;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:14px}
.cat-card h3{font-size:1.05rem;font-weight:700;margin-bottom:8px}
.cat-card>p{font-size:.83rem;color:var(--text-2);margin-bottom:12px}
.cat-list li{font-size:.82rem;color:var(--text);padding:9px 0;border-top:1px solid var(--border)}

/* Orange step numbers */
.steps-orange .step-num{background:#E8820E}

/* Persona cards (Why Trade … With Us?) */
.persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.persona-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:30px 28px;box-shadow:var(--shadow)}
.persona-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.persona-icon{width:54px;height:54px;border-radius:14px;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 0 0 6px rgba(37,99,235,.06)}
.persona-pill{font-size:.64rem;font-weight:700;letter-spacing:.05em;color:var(--blue);background:#DBEAFE;padding:5px 11px;border-radius:999px}
.persona-card h3{font-size:1.25rem;font-weight:800;margin-bottom:10px}
.persona-card>p{font-size:.88rem;color:var(--text-2);margin-bottom:16px}
.check-list li{display:flex;align-items:center;gap:10px;font-size:.86rem;color:var(--text);padding:7px 0}
.check-list li::before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--green-bg);color:var(--green);font-size:.7rem;font-weight:800;flex-shrink:0}

/* Centered tool cards (Stock Investing Simplified) */
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:920px;margin:0 auto;text-align:center}
.tool-icon{width:54px;height:54px;border-radius:14px;background:#0F1B3D;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto 14px}
.tool-card h3{font-size:1.02rem;font-weight:700;margin-bottom:8px}
.tool-card p{font-size:.84rem;color:var(--text-2)}

/* Persona head with stacked pill + title (Shares) + blue icon variant */
.persona-headtext{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.persona-headtext h3{margin:0;font-size:1.2rem;font-weight:800}
.persona-icon.blue{background:var(--blue);color:#fff;box-shadow:none}

/* Power cards (The … Advantage) */
.power-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:820px;margin:0 auto}
.power-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px 22px;text-align:center}
.power-icon{width:48px;height:48px;border-radius:12px;background:#EAF1FD;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin:0 auto 14px}
.power-card h3{font-size:1rem;font-weight:700;margin-bottom:8px}
.power-card p{font-size:.84rem;color:var(--text-2)}

/* ============================================================
   REAL ESTATE PAGE (green theme)
   ============================================================ */
.re-hero{background:linear-gradient(150deg,#3F4953 0%,#5A646E 50%,#7C848C 100%)}
.re-page .title-bar{background:#16A34A}
.re-page .section-head h2{color:#0E7355}

/* Smart Property Selection */
.re-sel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto}
.re-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:30px 24px;text-align:center}
.re-icon{width:54px;height:54px;border-radius:14px;background:#DCFCE7;color:#16A34A;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto 16px}
.re-card h3{font-size:1.05rem;font-weight:700;margin-bottom:10px}
.re-card p{font-size:.85rem;color:var(--text-2)}

/* Featured properties */
.prop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.prop-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.prop-img{position:relative;height:120px;background:linear-gradient(135deg,#16A34A,#15803D);display:flex;align-items:center;justify-content:center}
.prop-bldg{font-size:2.6rem;opacity:.35}
.prop-roi{position:absolute;top:14px;left:14px;right:14px;background:#F59E0B;color:#fff;font-size:.72rem;font-weight:700;padding:6px 12px;border-radius:8px}
.prop-body{padding:18px}
.prop-loc{font-size:.78rem;color:var(--text-3);margin-bottom:6px}
.prop-name{font-size:1.05rem;font-weight:700;margin-bottom:8px}
.prop-price{font-size:1.2rem;font-weight:800;color:#16A34A;margin-bottom:14px}
.prop-yield{font-size:.72rem;font-weight:600;color:var(--text-2)}
.btn-green{background:#16A34A;color:#fff;width:100%;text-align:center}
.btn-green:hover{background:#15803D}

/* Green step numbers */
.steps-green .step-num{background:#16A34A}

/* Investment Property Types */
.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.type-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px 24px;text-align:center}
.type-icon{width:52px;height:52px;border-radius:13px;background:#0F1B3D;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin:0 auto 14px}
.type-card h3{font-size:1.05rem;font-weight:700;margin-bottom:8px}
.type-card>p{font-size:.84rem;color:var(--text-2);margin-bottom:16px}
.type-card .check-list{text-align:left}

/* Real Estate CTA */
.re-cta{background:linear-gradient(135deg,#16A34A,#0E7C43);color:#fff;text-align:center;padding:56px 0}
.re-cta h2{font-size:1.9rem;font-weight:800;margin:0 auto 12px;max-width:560px}
.re-cta p{color:#DCFCE7;margin-bottom:24px}
.re-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-green-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.btn-green-outline:hover{background:rgba(255,255,255,.12)}

/* ============================================================
   AI BOT PAGE
   ============================================================ */
.bot-hero{background:linear-gradient(160deg,#0F1B3D 0%,#1B2541 50%,#243049 100%)}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}

/* Strategy cards (2-col) */
.strat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.strat-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px 24px}
.strat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.strat-name{font-size:1.02rem;font-weight:700}
.strat-time{font-size:.78rem;color:var(--text-3)}
.strat-desc{font-size:.86rem;color:var(--text-2);margin-bottom:14px}
.strat-stats{display:flex;gap:28px;font-size:.78rem;color:var(--text-3)}
.strat-stats strong{margin-left:7px;font-size:.86rem;color:var(--text)}
.strat-stats strong.up{color:var(--green)}

/* Performance metric cards */
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.metric-card{display:flex;gap:12px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px}
.metric-icon{width:34px;height:34px;border-radius:9px;background:var(--bg-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}
.metric-label{font-size:.78rem;color:var(--text-2);font-weight:500}
.metric-val{font-size:1.4rem;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.metric-val.up{color:var(--green)}.metric-val.down{color:var(--red)}
.metric-note{font-size:.72rem;color:var(--text-3)}

/* How-it-works pipeline */
.pipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pipe-card{}
.pipe-icon-wrap{position:relative;width:50px;margin-bottom:14px}
.pipe-icon{width:50px;height:50px;border-radius:13px;background:#0F1B3D;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.pipe-num{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.pipe-card h3{font-size:.98rem;font-weight:700;margin-bottom:8px}
.pipe-card p{font-size:.82rem;color:var(--text-2)}

/* Tier cards */
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tier-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px 24px}
.tier-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.tier-icon{width:48px;height:48px;border-radius:12px;background:#0F1B3D;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}
.tier-headtext{display:flex;flex-direction:column;gap:4px}
.tier-pill{font-size:.66rem;font-weight:600;color:var(--blue)}
.tier-headtext h3{font-size:1.1rem;font-weight:800}
.tier-list li{position:relative;padding:7px 0 7px 18px;font-size:.84rem;color:var(--text-2)}
.tier-list li::before{content:"";position:absolute;left:2px;top:14px;width:5px;height:5px;border-radius:50%;background:var(--text-3)}

/* ============================================================
   INDICES PAGE
   ============================================================ */
.btn-dark{background:#0F1B3D;color:#fff;width:100%;text-align:center}
.btn-dark:hover{background:#1B2541}

/* Index Trading for Every Level */
.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.level-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px 24px;display:flex;flex-direction:column}
.level-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.level-icon{width:46px;height:46px;border-radius:12px;background:#0F1B3D;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.level-pill{font-size:.66rem;font-weight:600;color:var(--blue);background:#DBEAFE;padding:4px 11px;border-radius:999px}
.level-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}
.level-card>p{font-size:.85rem;color:var(--text-2);margin-bottom:14px}
.level-card .check-list{margin-bottom:18px}
.level-card .btn-dark{margin-top:auto}

/* Why Trade Indices — clean grid (fixes the cramped/overlapping list) */
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.adv-item{display:flex;gap:14px;align-items:flex-start}
.adv-icon{flex-shrink:0;width:40px;height:40px;border-radius:11px;background:#DCFCE7;color:#16A34A;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.adv-item h4{font-size:.98rem;font-weight:700;margin-bottom:5px}
.adv-item p{font-size:.84rem;color:var(--text-2)}

/* AI-Enhanced Portfolio Hedging — cards with real icons */
.hedge-list{display:flex;flex-direction:column;gap:16px;max-width:840px;margin:0 auto}
.hedge-card{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px 24px}
.hedge-icon{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#FEF3C7;color:#D97706;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.hedge-body h3{font-size:1.02rem;font-weight:700;margin-bottom:4px}
.hedge-sub{font-size:.84rem;color:var(--text-3);margin-bottom:8px}
.hedge-sol{font-size:.86rem;color:var(--text-2)}
.hedge-sol strong{color:var(--text)}

/* ============================================================
   WEBTRADER PAGE
   ============================================================ */
.wt-hero{background:linear-gradient(160deg,#2563EB 0%,#1E50C8 50%,#1E3A8A 100%)}

/* Blue icon cards (2-col) */
.icard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:920px;margin:0 auto}
.icard{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:30px 26px;text-align:center}
.icard-icon{width:54px;height:54px;border-radius:14px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto 16px}
.icard h3{font-size:1.05rem;font-weight:700;margin-bottom:10px}
.icard p{font-size:.85rem;color:var(--text-2)}

/* New Traders / Professionals */
.wtp-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:920px;margin:0 auto}
.wtp-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px 26px}
.wtp-card.popular{border-color:#F59E0B;box-shadow:0 0 0 3px rgba(245,158,11,.15)}
.wtp-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#F59E0B;color:#fff;font-size:.64rem;font-weight:700;letter-spacing:.05em;padding:5px 16px;border-radius:999px;white-space:nowrap}
.wtp-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.wtp-icon{width:46px;height:46px;border-radius:12px;background:#0F1B3D;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.wtp-head h3{font-size:1.2rem;font-weight:800}

/* Dark icon cards (3-col) */
.dcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dcard{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 22px;text-align:center}
.dcard-icon{width:46px;height:46px;border-radius:12px;background:#0F1B3D;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin:0 auto 14px}
.dcard h3{font-size:1rem;font-weight:700;margin-bottom:8px}
.dcard p{font-size:.83rem;color:var(--text-2)}

/* ============================================================
   RESEARCH PAGE
   ============================================================ */
.rs-hero{background:linear-gradient(165deg,#2A4BC2 0%,#2340B2 50%,#1E3A8A 100%)}
.rs-hero-inner{padding-bottom:120px}

/* 4-col research tool cards (reuse .icard) */
.rtool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

/* Filter tabs */
.research-filter-bar{background:linear-gradient(180deg,#EFF4FF,#F8FAFF);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.research-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:22px 0}
.rfilter{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 16px;font-size:.84rem;font-weight:600;color:var(--text-2);cursor:pointer;font-family:inherit;transition:.15s}
.rfilter:hover{border-color:var(--blue);color:var(--blue)}
.rfilter.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.rfilter-count{background:rgba(15,23,42,.08);font-size:.7rem;font-weight:700;padding:1px 8px;border-radius:999px}
.rfilter.active .rfilter-count{background:rgba(255,255,255,.25)}

/* Report cards */
.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.report-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:.18s}
.report-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.report-img{position:relative;height:120px}
.report-img.g1{background:linear-gradient(135deg,#334155,#475569)}
.report-img.g2{background:linear-gradient(135deg,#1E3A8A,#2563EB)}
.report-img.g3{background:linear-gradient(135deg,#0F766E,#0E7490)}
.report-img.g4{background:linear-gradient(135deg,#7C2D12,#B45309)}
.report-img.g5{background:linear-gradient(135deg,#1E293B,#334155)}
.report-img.g6{background:linear-gradient(135deg,#3730A3,#6366F1)}
.report-badge{position:absolute;top:12px;left:12px;background:var(--blue);color:#fff;font-size:.66rem;font-weight:700;padding:5px 11px;border-radius:7px}
.report-body{padding:18px}
.report-title{font-size:1rem;font-weight:700;line-height:1.35;margin-bottom:8px}
.report-author{font-size:.8rem;font-weight:600;color:var(--blue);margin-bottom:10px}
.report-desc{font-size:.82rem;color:var(--text-2);line-height:1.6}

/* ============================================================
   ANALYSIS PAGE
   ============================================================ */
.an-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:22px 0}
.an-tab{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:9px 18px;font-size:.86rem;font-weight:600;color:var(--text-2);cursor:pointer;font-family:inherit;transition:.15s}
.an-tab:hover{border-color:var(--blue);color:var(--blue)}
.an-tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.an-tab-count{background:rgba(15,23,42,.08);font-size:.7rem;font-weight:700;padding:1px 8px;border-radius:999px}
.an-tab.active .an-tab-count{background:rgba(255,255,255,.25)}

.an-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.an-card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:24px}
.an-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.an-pair{font-size:1.1rem;font-weight:700;margin-right:8px}
.an-tf{font-size:.7rem;font-weight:600;color:var(--text-2);background:var(--bg-soft);padding:3px 8px;border-radius:6px}
.an-action{font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:7px}
.an-action.buy{background:var(--green-bg);color:var(--green)}
.an-action.sell{background:#FEE2E2;color:var(--red)}
.an-action.hold{background:var(--bg-soft);color:var(--text-2)}
.an-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.an-level{border-radius:10px;padding:12px;text-align:center}
.an-level.current{background:var(--bg-soft)}
.an-level.target{background:#F0FDF4}
.an-level.stop{background:#FEF2F2}
.an-level-label{display:block;font-size:.62rem;font-weight:700;letter-spacing:.04em;color:var(--text-3);margin-bottom:5px}
.an-level.target .an-level-label{color:var(--green)}
.an-level.stop .an-level-label{color:var(--red)}
.an-level-val{font-size:.95rem;font-weight:700}
.an-level.target .an-level-val{color:var(--green)}
.an-level.stop .an-level-val{color:var(--red)}
.an-conf{margin-bottom:14px}
.an-conf-top{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-2);margin-bottom:7px}
.an-strength{font-size:.72rem;font-weight:700;color:var(--blue)}
.an-conf-bar{height:7px;border-radius:5px;background:var(--border);overflow:hidden}
.an-conf-bar span{display:block;height:100%;background:var(--blue);border-radius:5px}
.an-desc{font-size:.84rem;color:var(--text-2);line-height:1.6;margin-bottom:14px}
.an-tags{display:flex;flex-wrap:wrap;gap:8px}
.an-tags span{font-size:.7rem;font-weight:600;color:var(--text-2);background:var(--bg-soft);padding:4px 9px;border-radius:6px}

/* ============================================================
   NEWS PAGE
   ============================================================ */
.breaking-bar{background:linear-gradient(90deg,#DC2626,#EF4444);overflow:hidden}
.breaking-bar .container{display:flex;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px}
.breaking-pill{background:#fff;color:#DC2626;font-size:.66rem;font-weight:800;letter-spacing:.05em;padding:5px 14px;border-radius:7px;flex-shrink:0}
.breaking-ticker{flex:1;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.breaking-track{display:flex;width:max-content;animation:breakingScroll 45s linear infinite}
.breaking-bar:hover .breaking-track{animation-play-state:paused}
.breaking-text{color:#fff;font-size:.88rem;font-weight:500;white-space:nowrap;padding-right:48px}
@keyframes breakingScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.breaking-track{animation:none}}

.news-filter-bar{background:linear-gradient(180deg,#EFF4FF,#F8FAFF);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0}
.nfilter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.nfilter-head>span:first-child{font-size:.95rem;font-weight:700}
.nfilter-cats{font-size:.82rem;color:var(--text-2)}
.news-filter-bar .research-filters{justify-content:flex-start;padding:0}

/* News cards */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:.18s}
.news-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.news-img{position:relative;height:150px;background-size:cover;background-position:center}
.news-cat{position:absolute;top:12px;left:12px;background:var(--blue);color:#fff;font-size:.66rem;font-weight:700;padding:5px 11px;border-radius:7px}
.news-impact{position:absolute;top:12px;right:12px;font-size:.6rem;font-weight:800;letter-spacing:.03em;padding:4px 9px;border-radius:6px;color:#fff}
.news-impact.high{background:#EF4444}
.news-impact.medium{background:#F59E0B}
.news-body{padding:18px}
.news-title{font-size:1rem;font-weight:700;line-height:1.35;margin-bottom:8px}
.news-desc{font-size:.84rem;color:var(--text-2);line-height:1.6;margin-bottom:14px}
.news-meta{display:flex;gap:18px;font-size:.74rem;color:var(--text-3);border-top:1px solid var(--border);padding-top:12px}

/* Today's Market Impact */
.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:880px;margin:0 auto 40px}
.impact-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 26px;box-shadow:var(--shadow)}
.impact-card.positive{border-left:4px solid var(--green)}
.impact-card.risk{border-left:4px solid var(--red)}
.impact-card h3{font-size:1.05rem;font-weight:700;margin-bottom:16px}
.impact-card.positive h3{color:var(--green)}
.impact-card.risk h3{color:var(--red)}
.impact-card li{position:relative;padding:9px 0 9px 26px;font-size:.86rem;color:var(--text);border-top:1px solid var(--border)}
.impact-card li:first-of-type{border-top:none}
.impact-card li::before{position:absolute;left:0;top:9px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:800}
.impact-card.positive li::before{content:"\2713";background:var(--green-bg);color:var(--green)}
.impact-card.risk li::before{content:"\2715";background:#FEE2E2;color:var(--red)}

/* Newsletter */
.newsletter{max-width:880px;margin:0 auto}
.newsletter h2{font-size:1.5rem;font-weight:800;margin-bottom:8px}
.newsletter>p{color:var(--text-2);margin-bottom:18px}
.newsletter-form{display:flex;gap:12px;max-width:480px;flex-wrap:wrap}
.newsletter-form input{flex:1;min-width:200px;padding:12px 16px;border:1px solid var(--border);border-radius:9px;font-family:inherit;font-size:.9rem}
.newsletter-form input:focus{outline:none;border-color:var(--blue)}

/* ============================================================
   ABOUT PAGE
   ============================================================ */
/* Vision / Mission */
.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto}
.vm-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:30px 28px}
.vm-icon{width:52px;height:52px;border-radius:13px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:18px}
.vm-card h3{font-size:1.3rem;font-weight:800;margin-bottom:12px}
.vm-card p{font-size:.9rem;color:var(--text-2);line-height:1.7}

/* Hand in Hand with Technology (dark band) */
.tech-band{background:linear-gradient(155deg,#16223F,#0F1B3D);border-radius:20px;padding:44px 40px;text-align:center;color:#fff}
.tech-band h2{font-size:1.7rem;font-weight:800;margin-bottom:14px}
.tech-band>p{color:#AEB9D4;font-size:.92rem;max-width:680px;margin:0 auto 30px;line-height:1.7}
.tech-band-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tech-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px 14px}
.tech-stat-num{font-size:1.7rem;font-weight:800}
.tech-stat-label{font-size:.74rem;color:#AEB9D4;margin-top:4px}

/* 3-col blue icon cards (cutting-edge) */
.icard-grid-3{grid-template-columns:repeat(3,1fr);max-width:1000px}

/* Expert team */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.team-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:30px 24px;text-align:center}
.team-photo{width:110px;height:110px;border-radius:50%;overflow:hidden;margin:0 auto 16px;background:var(--bg-soft);box-shadow:0 0 0 5px rgba(37,99,235,.08)}
.team-photo img{width:100%;height:100%;object-fit:cover;display:block}
.team-name{font-size:1.05rem;font-weight:700;margin-bottom:4px}
.team-role{font-size:.82rem;font-weight:600;color:var(--blue)}

/* ============================================================
   IMPACT & COMPLIANCE (regulations) PAGE
   ============================================================ */
.page-stat-icon{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin:0 auto 10px}
.section-head-left{text-align:left;margin-bottom:28px}
.section-head-left p{margin-left:0;margin-right:0;max-width:760px}

/* Registration cards */
.reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.reg-card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:24px}
.reg-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.reg-flag{font-size:1.4rem}
.reg-country{font-size:1.05rem;font-weight:700}
.reg-authority{font-size:.78rem;color:var(--text-3)}
.reg-company{margin-bottom:16px}
.reg-label{font-size:.66rem;font-weight:700;letter-spacing:.05em;color:var(--text-3);margin-bottom:6px}
.reg-company-val{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:600;background:var(--bg-soft);border-radius:8px;padding:10px 12px;line-height:1.4}
.reg-rows{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.reg-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem}
.reg-row-label{color:var(--text-2)}
.reg-val{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;font-weight:600;color:var(--blue);background:#EFF4FF;border-radius:6px;padding:4px 10px;white-space:nowrap}
.reg-note{font-size:.78rem;color:var(--text-3);font-style:italic;margin-bottom:16px}
.reg-btns{display:flex;gap:10px;flex-wrap:wrap}
.btn-sm{padding:8px 14px;font-size:.78rem}

/* Compliance framework */
.cf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cf-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:28px 24px;text-align:center}
.cf-icon{font-size:1.6rem;margin-bottom:14px}
.cf-card h3{font-size:1.02rem;font-weight:700;margin-bottom:10px}
.cf-card p{font-size:.84rem;color:var(--text-2);line-height:1.6}

/* Regulatory stats */
.rstat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}
.rstat-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:34px 24px;text-align:center;box-shadow:var(--shadow)}
.rstat-icon{font-size:1.4rem;color:var(--text-2);margin-bottom:14px}
.rstat-num{font-size:2.4rem;font-weight:800;color:var(--blue);letter-spacing:-.02em;margin-bottom:8px}
.rstat-label{font-size:.92rem;font-weight:700}
.rstat-sub{font-size:.8rem;color:var(--text-3);margin-top:2px}

/* Legal notice */
.legal-notice{display:flex;gap:14px;align-items:flex-start;border-top:1px solid var(--border);padding-top:24px}
.legal-icon{font-size:1.2rem;flex-shrink:0}
.legal-notice h3{font-size:1rem;font-weight:700;margin-bottom:8px}
.legal-notice p{font-size:.8rem;color:var(--text-3);line-height:1.7;margin-bottom:10px}
.legal-notice strong{color:var(--text-2)}

/* ============================================================
   ACCOUNTS PAGE
   ============================================================ */
/* VIP benefits (dark) */
.vip-section{background:linear-gradient(160deg,#16223F,#0F1B3D);color:#fff;padding:60px 0;text-align:center}
.vip-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(245,158,11,.18);color:#F59E0B;border:1px solid rgba(245,158,11,.4);font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:6px 16px;border-radius:999px;margin-bottom:18px}
.vip-section h2{font-size:1.8rem;font-weight:800;margin-bottom:14px}
.vip-intro{color:#AEB9D4;font-size:.9rem;max-width:760px;margin:0 auto 32px;line-height:1.7}
.vip-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:0 auto;text-align:left}
.vip-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px}
.vip-icon{width:46px;height:46px;border-radius:12px;background:rgba(245,158,11,.18);color:#F59E0B;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:14px}
.vip-card h3{font-size:1.02rem;font-weight:700;margin-bottom:8px}
.vip-card p{font-size:.84rem;color:#AEB9D4;line-height:1.6}

/* Account tier cards */
.acct-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.acct-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.acct-card.popular{border:2px solid #F59E0B;box-shadow:0 0 0 4px rgba(245,158,11,.12)}
.acct-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#F59E0B;color:#fff;font-size:.64rem;font-weight:800;letter-spacing:.04em;padding:5px 15px;border-radius:999px;white-space:nowrap}
.acct-icon{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:14px}
.acct-icon.blue{background:#DBEAFE}.acct-icon.green{background:#DCFCE7}.acct-icon.silver{background:#E2E8F0}
.acct-icon.gold{background:#FEF3C7}.acct-icon.purple{background:#EDE9FE}.acct-icon.dark{background:#0F1B3D}
.acct-name{font-size:1.2rem;font-weight:800;margin-bottom:3px}
.acct-tagline{font-size:.8rem;color:var(--text-3);margin-bottom:16px}
.acct-price-box{background:var(--bg-soft);border-radius:10px;padding:14px;text-align:center;margin-bottom:18px}
.acct-price-label{font-size:.6rem;font-weight:700;letter-spacing:.06em;color:var(--text-3);margin-bottom:4px}
.acct-price{font-size:1.7rem;font-weight:800;color:var(--blue);letter-spacing:-.01em}
.acct-features{margin-bottom:18px}
.acct-frow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--border);font-size:.8rem}
.acct-frow:first-child{border-top:none}
.acct-flabel{color:var(--text-2)}
.acct-fval{font-size:.72rem;font-weight:600;color:var(--blue);background:#EFF4FF;border-radius:6px;padding:3px 9px;white-space:nowrap}
.acct-check{color:var(--green);font-weight:800}
.acct-benefits-title{font-size:.92rem;font-weight:700;margin-bottom:8px}
.acct-benefits .check-list{margin-bottom:18px}
.acct-btn{margin-top:auto;width:100%;text-align:center}

/* Comparison table */
.cmp-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);background:#fff}
.cmp-table{width:100%;border-collapse:collapse;min-width:820px}
.cmp-table th,.cmp-table td{padding:14px 12px;text-align:center;font-size:.8rem;border-bottom:1px solid var(--border)}
.cmp-table thead th{background:var(--blue);color:#fff;font-weight:700;font-size:.82rem}
.cmp-th-price{display:block;font-size:.68rem;font-weight:500;opacity:.85;margin-top:2px}
.cmp-feature-col{text-align:left;font-weight:600;background:var(--bg-soft-2);position:sticky;left:0}
.cmp-table thead .cmp-feature-col{background:var(--blue)}
.cmp-table tbody tr:last-child td{border-bottom:none}

/* Transaction overview */
.txn-overview{max-width:820px}
.txn-overview p{font-size:.88rem;color:var(--text-2);line-height:1.75;margin-bottom:14px}
.txn-overview strong{color:var(--text)}

/* Trading journey strip */
.journey-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.journey-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px 12px;text-align:center;box-shadow:var(--shadow)}
.journey-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin:0 auto 10px}
.journey-name{font-size:.82rem;font-weight:700;margin-bottom:3px}
.journey-price{font-size:.78rem;color:var(--blue);font-weight:600}

/* ============================================================
   HELP CENTER PAGE
   ============================================================ */
.faq-list{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:box-shadow .15s}
.faq-item:hover{box-shadow:var(--shadow)}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:none;border:none;font-family:inherit;cursor:pointer;padding:18px 20px;text-align:left;font-size:.95rem;font-weight:600;color:var(--text)}
.faq-icon{display:flex;color:var(--text-3);transition:transform .2s;flex-shrink:0}
.faq-item.open .faq-icon{transform:rotate(90deg);color:var(--blue)}
.faq-answer{display:none;padding:0 20px 18px;font-size:.88rem;color:var(--text-2);line-height:1.7}
.faq-item.open .faq-answer{display:block}
.faq-answer a{color:var(--blue);font-weight:600}

/* Contact band */
.help-contact{background:linear-gradient(135deg,#2563EB,#1D4ED8);color:#fff;padding:54px 0}
.help-contact h2{font-size:1.9rem;font-weight:800;line-height:1.2;margin-bottom:12px}
.help-contact>p{color:#DBE5FB;margin-bottom:20px}
.help-contact-link{display:block;color:#fff;font-size:.95rem;font-weight:500;margin-bottom:10px;opacity:.95}
.help-contact-link:hover{opacity:1;text-decoration:underline}

/* ============================================================
   LEGAL PAGES (Privacy Policy / Terms of Use)
   ============================================================ */
/* Types of data cards */
.dc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:980px;margin:0 auto}
.dc-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px 26px;text-align:center;box-shadow:var(--shadow)}
.dc-icon{width:54px;height:54px;border-radius:14px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.dc-card h3{font-size:1.05rem;font-weight:700;margin-bottom:8px}
.dc-card>p{font-size:.85rem;color:var(--text-2);margin-bottom:16px}
.dc-purpose{background:#EFF4FF;border-radius:10px;padding:12px 14px;font-size:.78rem;color:var(--text-2);text-align:left;line-height:1.55}
.dc-purpose strong{color:var(--blue);font-weight:700}

/* Taller hero for pages without stat cards (Terms) */
.legal-hero-inner{padding-bottom:130px}

/* TOC + body layout */
.legal-layout{display:grid;grid-template-columns:248px 1fr;gap:32px;align-items:start}
.legal-toc{position:sticky;top:84px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px 20px;box-shadow:var(--shadow)}
.legal-toc h3{font-size:.95rem;font-weight:700;margin-bottom:12px}
.legal-toc a{display:block;font-size:.8rem;color:var(--text-2);padding:8px 0;border-top:1px solid var(--border)}
.legal-toc a:first-of-type{border-top:none}
.legal-toc a:hover{color:var(--blue)}

/* Intro callout */
.legal-intro{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#EAF1FD,#F5F8FF);border:1px solid #DBEAFE;border-radius:16px;padding:24px 26px;margin-bottom:24px}
.legal-intro-icon{flex-shrink:0;width:46px;height:46px;border-radius:12px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center}
.legal-intro h3{font-size:1.05rem;font-weight:700;margin-bottom:6px}
.legal-intro p{font-size:.86rem;color:var(--text-2);line-height:1.6}

/* Numbered sections */
.legal-body{background:#fff;border:1px solid var(--border);border-radius:16px;padding:8px 36px;box-shadow:var(--shadow)}
.legal-section{padding:28px 0;border-bottom:1px solid var(--border)}
.legal-section:last-child{border-bottom:none}
.legal-section h2{font-size:1.3rem;font-weight:800;letter-spacing:-.01em;margin-bottom:14px;position:relative;padding-left:16px}
.legal-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:22px;background:var(--blue);border-radius:3px}
.legal-section p{font-size:.86rem;color:var(--text-2);line-height:1.75}

/* ---------- Responsive ---------- */
@media(max-width:980px){
    .hero-inner,.platform-inner{grid-template-columns:1fr;gap:40px}
    .hero-text h1{font-size:2.6rem}
    .why-grid,.md-grid.active,.feat-grid,.step-grid{grid-template-columns:repeat(2,1fr)}
    .md-grid-3.active{grid-template-columns:repeat(2,1fr)}
    .aud-grid,.persona-grid,.strat-grid,.an-grid{grid-template-columns:1fr}
    .power-grid{grid-template-columns:repeat(3,1fr)}
    .metric-grid,.pipe-grid,.tier-grid,.level-grid,.adv-grid,.dcard-grid,.rtool-grid,.report-grid,.news-grid,.icard-grid-3,.team-grid,.cf-grid,.rstat-grid,.acct-grid{grid-template-columns:repeat(2,1fr)}
    .icard-grid,.wtp-grid,.impact-grid,.vm-grid,.reg-grid,.vip-grid{grid-template-columns:1fr}
    .legal-layout{grid-template-columns:1fr}
    .legal-toc{position:static}
    .journey-grid{grid-template-columns:repeat(3,1fr)}
    .tech-band-stats{grid-template-columns:repeat(2,1fr)}
    .fx-hero h1,.page-hero h1{font-size:2.3rem}
    .main-nav,.header-actions .login-link,.header-actions .lang-btn{display:none}
    .mobile-toggle{display:flex}
}
@media(max-width:640px){
    .why-grid,.md-grid.active,.feat-grid,.step-grid,.md-grid-3.active,.md-grid-2,.power-grid,.tool-grid,.re-sel-grid,.prop-grid,.type-grid,.metric-grid,.pipe-grid,.tier-grid,.level-grid,.adv-grid,.dcard-grid,.rtool-grid,.report-grid,.news-grid,.impact-grid,.icard-grid-3,.team-grid,.tech-band-stats,.cf-grid,.rstat-grid,.acct-grid,.dc-grid{grid-template-columns:1fr}
    .legal-body{padding:8px 22px}
    .journey-grid{grid-template-columns:repeat(2,1fr)}
    .stats-banner{grid-template-columns:1fr;gap:28px}
    .footer-grid{grid-template-columns:1fr 1fr}
    .md-tabs{width:100%;overflow-x:auto}
    .fx-hero-stats,.page-hero-stats{flex-direction:column}
}