/* ===================== SHAYAN PRIVATE EQUITY — SHARED STYLES ===================== */
:root{
  --navy-950:#050E2E;
  --navy-900:#0E2A78;
  --navy-800:#153B9C;
  --navy-700:#1E4FC2;
  --navy-glow:#3B6BFF;
  --gold-600:#E07A1F;
  --gold-500:#F5941F;
  --gold-100:#FDECD6;
  --cream:#FBF3E9;
  --cream-deep:#F6E7D6;
  --teal-700:#0B5E63;
  --teal-600:#0E7C86;
  --teal-100:#E4F3F3;
  --green-600:#1FA97A;
  --green-100:#E4F7EF;
  --red-600:#D64545;
  --red-100:#FBEAEA;
  --ink-900:#111827;
  --ink-700:#374151;
  --ink-500:#6B7280;
  --ink-300:#9CA3AF;
  --paper:#F7F8FC;
  --white:#FFFFFF;
  --line:#E6E8F0;
  --radius:14px;
  --shadow-sm:0 1px 2px rgba(14,42,120,.06),0 1px 1px rgba(14,42,120,.04);
  --shadow-md:0 8px 24px rgba(14,42,120,.12);
  --shadow-lg:0 20px 48px rgba(14,42,120,.18);
  --font-display:"Fraunces","Georgia",serif;
  --font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",monospace;
  --surface:#FFFFFF;
  --surface-glass:rgba(255,255,255,.96);
  --header-glass:rgba(255,255,255,.92);
  --heading-ink:#111827;
}

/* ---------- Dark mode ---------- */
html[data-theme="dark"]{
  --paper:#0B1220;
  --surface:#121A2C;
  --surface-glass:rgba(18,26,44,.92);
  --header-glass:rgba(11,18,32,.88);
  --heading-ink:#F3F4F6;
  --ink-900:#F3F4F6;
  --ink-700:#C7CEDD;
  --ink-500:#98A2B8;
  --ink-300:#6B7686;
  --line:#232B3E;
  --white:#121A2C;
  --gold-100:#3A2C15;
}
html[data-theme="dark"] .hero{background-color:var(--paper);}
html[data-theme="dark"] .hero::before{content:"";position:absolute;inset:0;background:rgba(5,14,46,.6);pointer-events:none;}
html[data-theme="dark"] .hero::after{background:linear-gradient(180deg, rgba(11,18,32,0) 40%, var(--paper) 100%);}
html[data-theme="dark"] .hamburger span{background:var(--heading-ink);}
html[data-theme="dark"] .social-row a{background:var(--paper);}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--ink-900);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
body.home{
  background:var(--paper);
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;margin:0;padding:0;}
button{font-family:inherit;cursor:pointer;}
h1,h2,h3,h4{font-family:var(--font-display);margin:0;line-height:1.12;color:var(--heading-ink);}
.container{max-width:1240px;margin:0 auto;padding:0 24px;}
.eyebrow{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold-600);
  font-weight:600;
}
.accent{color:var(--gold-600);}
.pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:600;
}
.pill.up{background:var(--green-100);color:var(--green-600);}
.pill.down{background:var(--red-100);color:var(--red-600);}
.pill.neutral{background:var(--gold-100);color:var(--gold-600);}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 22px;border-radius:10px;border:none;font-weight:600;font-size:14.5px;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  white-space:nowrap;
}
.btn:active{transform:translateY(1px);}
.btn-primary{background:var(--navy-900);color:#fff;}
.btn-primary:hover{transform:translateY(-2px);}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus-visible{background:var(--gold-500);color:var(--navy-950);box-shadow:var(--shadow-md);}
.btn-gold{background:var(--gold-500);color:var(--navy-950);}
.btn-gold:hover{transform:translateY(-2px);}
.btn-gold:hover,.btn-gold:active,.btn-gold:focus-visible{background:var(--gold-600);box-shadow:var(--shadow-md);}
.btn-outline{background:var(--surface);color:var(--heading-ink);border:1.5px solid var(--line);}
.btn-outline:hover{transform:translateY(-2px);}
.btn-outline:hover,.btn-outline:active,.btn-outline:focus-visible{background:var(--teal-600);color:#fff;border-color:var(--teal-600);box-shadow:var(--shadow-md);}
.btn-whatsapp{background:#22C35E;color:#fff;}
.btn-whatsapp:hover{transform:translateY(-2px);}
.btn-whatsapp:hover,.btn-whatsapp:active{background:#1CA750;box-shadow:var(--shadow-md);}
.btn-sm{padding:9px 16px;font-size:13.5px;}
.btn-block{width:100%;}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:60;
  background:var(--header-glass);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.nav-row{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px;}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);}
.brand .mark{
  width:40px;height:40px;border-radius:10px;
  background:conic-gradient(from 220deg, var(--gold-500), var(--navy-900) 55%, var(--gold-500));
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;
}
.brand .word{font-size:19px;font-weight:600;color:var(--heading-ink);letter-spacing:.02em;}
.brand .word small{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;color:var(--ink-500);font-weight:500;}
.logo-img{height:46px;width:auto;object-fit:contain;}
footer .logo-img{height:52px;}
.main-nav{display:flex;align-items:center;gap:30px;}
.main-nav a{font-size:14.5px;font-weight:500;color:var(--ink-700);padding:6px 2px;border-bottom:2px solid transparent;}
.main-nav a:hover,.main-nav a.active{color:var(--heading-ink);border-color:var(--gold-500);}
.nav-actions{display:flex;align-items:center;gap:12px;}
.hamburger{display:none;background:none;border:none;padding:8px;}
.hamburger span{display:block;width:22px;height:2px;background:var(--navy-900);margin:5px 0;border-radius:2px;}

/* ---------- WhatsApp floating button ---------- */
.wa-float{
  position:fixed;right:22px;bottom:22px;z-index:80;
  width:58px;height:58px;border-radius:50%;background:#22C35E;color:#fff;
  display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(34,197,94,.4);
  animation:wa-pulse 2.4s infinite;
}
.wa-float svg{width:28px;height:28px;}
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}70%{box-shadow:0 0 0 14px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

/* ---------- Hero ---------- */
.hero{
  position:relative;overflow:hidden;
  background-color:#FAFBFE;
  background-image:
    radial-gradient(70% 60% at 85% -10%, rgba(59,107,255,.05), transparent 60%),
    url("../images/hero-skyline.jpg");
  background-repeat:no-repeat, no-repeat;
  background-position:center, right center;
  background-size:cover, cover;
}
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg, rgba(250,251,254,0) 60%, var(--paper) 100%);
}
.hero .container{position:relative;z-index:1;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:56px 0 64px;}
.hero-copy h1{font-size:44px;font-weight:600;letter-spacing:-.01em;}
.hero-copy p{color:var(--ink-500);font-size:16px;line-height:1.7;max-width:480px;margin:18px 0 26px;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px;}
.trust-row{display:flex;gap:26px;flex-wrap:wrap;}
.trust-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-700);font-weight:500;transition:transform .2s ease,color .2s ease;}
.trust-item:hover{transform:translateY(-1px);color:var(--heading-ink);}
.trust-item .dot{width:22px;height:22px;border-radius:50%;background:var(--gold-100);color:var(--gold-600);display:flex;align-items:center;justify-content:center;font-size:12px;transition:transform .2s ease,background .2s ease;}
.trust-item:hover .dot{transform:scale(1.12);background:var(--gold-500);color:#fff;}

@keyframes fadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
.hero-copy h1{animation:fadeUp .7s ease both;}
.hero-copy p{animation:fadeUp .7s ease .12s both;}
.hero-actions{animation:fadeUp .7s ease .24s both;}
.trust-row{animation:fadeUp .7s ease .36s both;}
.hero-visual{animation:fadeUp .8s ease .2s both;}

.hero-visual{position:relative;min-height:452px;}
.hero-card{
  position:absolute;right:0;top:26px;left:0;
  background:var(--surface);border-radius:16px;padding:20px 22px;box-shadow:var(--shadow-lg);
  transition:transform .3s ease, box-shadow .3s ease, opacity .35s ease;
}
.hero-card:hover{transform:translateY(-3px);box-shadow:0 26px 50px -18px rgba(14,42,120,.35);}
.hero-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2px;}
.hero-card-head h4{font-size:14px;color:var(--ink-700);font-family:var(--font-body);font-weight:600;display:flex;align-items:center;gap:8px;margin:0;}
.hero-symbol{font-size:11.5px;color:var(--ink-500);font-weight:500;margin-top:3px;}
.live-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--green-600);}
.live-badge-dot{position:relative;width:6px;height:6px;border-radius:50%;background:var(--green-600);}
.live-badge-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--green-600);animation:live-ping 1.6s infinite;}
#heroChart{display:block;width:100%;height:160px;margin:10px 0 2px;}
.hero-chart-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10.5px;color:var(--ink-500);margin:0 0 12px;}
.hero-chart-foot span:first-child{font-family:var(--font-mono);font-weight:700;color:var(--heading-ink);font-size:13px;}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:2px;}
.hero-stats div b{display:block;font-size:18px;color:var(--heading-ink);}
.hero-stats div b#statAssets{color:var(--heading-ink)!important;text-decoration:none;font-weight:700;}
.hero-stats div span{font-size:11px;color:var(--ink-500);}
.hero-stats div small{display:block;font-size:11px;color:var(--green-600);font-weight:600;}

/* ---------- Live rates marquee band ---------- */
.marquee-band{
  background:var(--navy-950);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  overflow:hidden;position:relative;padding:14px 0;
}
.marquee-band::before,.marquee-band::after{
  content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;
}
.marquee-band::before{left:0;background:linear-gradient(90deg,var(--navy-950),transparent);}
.marquee-band::after{right:0;background:linear-gradient(270deg,var(--navy-950),transparent);}
.marquee-track{display:flex;width:max-content;animation:marquee-scroll 38s linear infinite;}
.marquee-band:hover .marquee-track{animation-play-state:paused;}
.marquee-group{display:flex;flex-shrink:0;}
.marquee-item{
  display:flex;align-items:center;gap:10px;padding:0 28px;
  border-right:1px solid rgba(255,255,255,.08);white-space:nowrap;
}
.m-sym{font-size:12.5px;font-weight:600;color:#B9C3E0;letter-spacing:.02em;}
.m-price{font-family:var(--font-mono);font-size:14px;font-weight:600;color:#fff;}
.m-chg{font-family:var(--font-mono);font-size:12px;font-weight:600;}
.m-chg.up{color:#5FE3A3;}
.m-chg.down{color:#FF8686;}
@keyframes marquee-scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none;}}

/* ---------- Live ticker section ---------- */
.section{padding:56px 0;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:14px;}
.section-head h2{font-size:26px;font-weight:600;}
.section-head p{color:var(--ink-500);font-size:14px;margin:4px 0 0;}
.tab-row{display:flex;gap:4px;background:var(--surface);padding:4px;border-radius:10px;border:1px solid var(--line);max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.tab-row::-webkit-scrollbar{display:none;}
.tab{padding:8px 16px;border-radius:7px;font-size:13.5px;font-weight:600;color:var(--ink-500);background:none;border:none;white-space:nowrap;flex-shrink:0;}
.tab.active{background:var(--navy-900);color:#fff;}
.view-all{font-size:13.5px;font-weight:600;color:var(--heading-ink);display:inline-flex;align-items:center;gap:6px;}

.ticker-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;}
.ticker-card{
  background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 16px 14px;
  cursor:pointer;transition:box-shadow .15s ease, transform .15s ease, border-color .15s ease;
  position:relative;
}
.ticker-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--navy-700);}
.ticker-card .sym{font-size:13px;font-weight:600;color:var(--ink-500);letter-spacing:.02em;}
.ticker-card .price{font-family:var(--font-mono);font-size:19px;font-weight:600;color:var(--heading-ink);margin:6px 0 2px;}
.ticker-card .chg{font-size:12.5px;font-weight:600;}
.ticker-card .chg.up{color:var(--green-600);}
.ticker-card .chg.down{color:var(--red-600);}
.ticker-card .spark{width:100%;height:34px;margin-top:8px;}
.live-dot{position:absolute;top:14px;right:14px;width:7px;height:7px;border-radius:50%;background:var(--green-600);}
.live-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--green-600);animation:live-ping 1.6s infinite;}
@keyframes live-ping{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.6);opacity:0}}
.updated-note{font-size:11.5px;color:var(--ink-300);margin-top:14px;font-family:var(--font-mono);}

/* ---------- Feature cards (Investments / Training / Markets) ---------- */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--navy-700);}
.feature-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff;font-size:22px;}
.feature-icon.blue{background:var(--navy-900);}
.feature-icon.green{background:var(--green-600);}
.feature-icon.gold{background:var(--gold-500);}
.feature-card h3{font-size:19px;font-weight:600;margin-bottom:6px;}
.feature-card>p{color:var(--ink-500);font-size:13.5px;line-height:1.6;margin-bottom:18px;}
.feature-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;flex:1;}
.feature-list a{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px;border-radius:9px;background:var(--paper);font-size:13.5px;font-weight:500;
  border:1px solid transparent;
}
.feature-list a:hover{border-color:var(--navy-700);background:var(--surface);}
.feature-list .live-price{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-500);}

/* ---------- Stats band ---------- */
.stats-band{background:var(--navy-900);color:#fff;padding:44px 0;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
.stats-grid .icon{font-size:24px;color:var(--gold-500);margin-bottom:10px;}
.stats-grid b{display:block;font-size:30px;font-family:var(--font-display);}
.stats-grid span{font-size:13px;color:#B9C3E0;}

/* ---------- Why choose ---------- */
.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;}
.why-points{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.why-point{display:flex;gap:12px;}
.why-point .ico{width:42px;height:42px;border-radius:11px;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;transition:transform .25s ease, background .25s ease;}
.why-point:hover .ico{transform:rotate(-6deg) scale(1.08);background:var(--gold-100);}
.why-point h4{font-size:15px;font-weight:600;margin-bottom:4px;color:var(--ink-900);font-family:var(--font-body);}
.why-point p{font-size:13px;color:var(--ink-500);margin:0;line-height:1.55;}

/* ---------- CTA band ---------- */
.cta-band{
  background:linear-gradient(120deg,var(--navy-950),var(--navy-800));
  border-radius:22px;padding:44px 44px;color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.cta-band h2{color:#fff;font-size:26px;}
.cta-band p{color:#B9C3E0;font-size:14px;margin:8px 0 0;}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap;}

/* ---------- Footer ---------- */
footer{border-top:1px solid var(--line);padding:48px 0 22px;background:var(--surface);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px;margin-bottom:32px;}
.footer-grid h5{font-size:13.5px;font-weight:600;margin-bottom:14px;color:var(--heading-ink);}
.footer-grid ul li{margin-bottom:9px;}
.footer-grid ul a{font-size:13.5px;color:var(--ink-500);}
.footer-grid ul a:hover{color:var(--heading-ink);}
.footer-grid p{font-size:13px;color:var(--ink-500);line-height:1.6;}
.footer-contact li{display:flex;gap:8px;font-size:13px;color:var(--ink-700);margin-bottom:10px;align-items:flex-start;}
.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-300);flex-wrap:wrap;gap:10px;}
.social-row{display:flex;gap:10px;margin-top:14px;}
.social-row a{width:34px;height:34px;border-radius:9px;background:var(--paper);display:flex;align-items:center;justify-content:center;}

/* ---------- Page header (inner pages) ---------- */
.page-hero{background:linear-gradient(180deg,var(--navy-950),var(--navy-800));color:#fff;padding:54px 0 60px;}
.page-hero .eyebrow{color:var(--gold-500);}
.page-hero h1{color:#fff;font-size:36px;margin-top:10px;}
.page-hero p{color:#C6CEE6;max-width:600px;margin-top:12px;font-size:15px;line-height:1.7;}
.breadcrumb{font-size:12.5px;color:#9AA6CC;display:flex;gap:8px;align-items:center;}
.breadcrumb a{color:#C6CEE6;}

/* ---------- Legal pages (Privacy / Terms) ---------- */
.legal-content{max-width:760px;}
.legal-content h2{font-size:20px;margin:34px 0 12px;color:var(--heading-ink);}
.legal-content h2:first-child{margin-top:0;}
.legal-content p{font-size:14.5px;line-height:1.75;color:var(--ink-700);margin-bottom:12px;}
.legal-content ul{margin:6px 0 14px 20px;}
.legal-content li{font-size:14.5px;line-height:1.75;color:var(--ink-700);margin-bottom:6px;}
.legal-content .updated-note{margin-top:0;margin-bottom:6px;}

/* ---------- Plan / product cards ---------- */
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.plan-card{background:var(--surface);border-radius:18px;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;position:relative;overflow:hidden;}
.plan-card.featured{border-color:var(--navy-900);box-shadow:var(--shadow-lg);}
.plan-card .tag{position:absolute;top:0;right:0;background:var(--gold-500);color:var(--navy-950);font-size:11px;font-weight:700;padding:6px 14px;border-radius:0 0 0 12px;}
.plan-card h3{font-size:19px;margin-bottom:4px;}
.plan-card .roi{font-family:var(--font-display);font-size:38px;color:var(--heading-ink);margin:14px 0 2px;}
.plan-card .roi span{font-size:14px;color:var(--ink-500);font-family:var(--font-body);}
.plan-meta{display:flex;flex-direction:column;gap:10px;margin:18px 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;}
.plan-meta div{display:flex;justify-content:space-between;font-size:13.5px;}
.plan-meta div b{color:var(--heading-ink);font-weight:600;}
.plan-meta div span{color:var(--ink-500);}
.plan-card ul{margin-bottom:20px;flex:1;}
.plan-card ul li{font-size:13px;color:var(--ink-700);padding-left:20px;position:relative;margin-bottom:9px;}
.plan-card ul li::before{content:"✓";position:absolute;left:0;color:var(--green-600);font-weight:700;}

.track-badge{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-500);margin-top:14px;}
.track-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--green-600);}

/* ---------- Training location toggle ---------- */
.loc-toggle{display:inline-flex;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:4px;margin-bottom:16px;}
.loc-toggle button{padding:7px 14px;border-radius:7px;font-size:12.5px;font-weight:600;border:none;background:none;color:var(--ink-500);}
.loc-toggle button.active{background:var(--navy-900);color:#fff;}
.price-block{font-family:var(--font-display);font-size:32px;color:var(--heading-ink);margin:6px 0;}
.price-block small{font-size:13px;color:var(--ink-500);font-family:var(--font-body);}

/* ---------- Market detail page ---------- */
.detail-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-bottom:26px;}
.detail-price{font-family:var(--font-mono);font-size:44px;font-weight:600;color:var(--heading-ink);}
.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:26px;}
.range-row{display:flex;gap:8px;margin-bottom:16px;}
.range-btn{padding:7px 14px;border-radius:8px;font-size:12.5px;font-weight:600;background:var(--paper);border:1px solid var(--line);color:var(--ink-500);}
.range-btn.active{background:var(--navy-900);color:#fff;border-color:var(--navy-900);}
.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px;}
.side-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:16px;}
.side-card h4{font-size:13.5px;font-weight:600;margin-bottom:12px;color:var(--ink-700);font-family:var(--font-body);}
.kv-row{display:flex;justify-content:space-between;font-size:13px;padding:8px 0;border-bottom:1px dashed var(--line);}
.kv-row:last-child{border-bottom:none;}
.kv-row span{color:var(--ink-500);}
.kv-row b{color:var(--heading-ink);}
.related-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;}

.mkt-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;}

.note-banner{background:var(--gold-100);border:1px solid #F0D9AC;color:#7A5410;font-size:12.5px;padding:12px 16px;border-radius:10px;display:flex;gap:8px;align-items:flex-start;margin-bottom:24px;}

@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;}
  .feature-grid,.plan-grid{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .why-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .detail-grid{grid-template-columns:1fr;}
  .main-nav,.nav-actions .btn-outline{display:none;}
  .hamburger{display:block;}
}
@media (max-width:560px){
  .hero-copy h1{font-size:32px;}
  .cta-band{flex-direction:column;text-align:center;}
  .footer-grid{grid-template-columns:1fr;}
}


/* Premium UI Enhancements */
.hero-visual{min-height:520px;}
.hero-card{
 background:var(--surface-glass);
 backdrop-filter:blur(18px);
 border:1px solid rgba(14,42,120,.08);
 border-radius:24px;
 padding:24px;
}
.hero-stats > *{
 background:#f8fafc;
 border:1px solid #edf2f7;
 border-radius:14px;
 padding:16px;
 transition:all .25s ease;
}
.hero-stats > *:hover{
 transform:translateY(-4px);
 box-shadow:0 10px 24px rgba(14,42,120,.08);
}
.feature-card{
 border-radius:24px;
 transition:transform .3s ease, box-shadow .3s ease;
 position:relative;
 overflow:hidden;
}
.feature-card:hover{
 transform:translateY(-8px);
 box-shadow:0 20px 40px rgba(14,42,120,.12);
}
.feature-card::before{
 content:"";
 position:absolute;
 top:0;left:0;right:0;
 height:4px;
 background:linear-gradient(90deg,#0E2A78,#F5941F);
}

.stats-grid b{font-weight:800;color:#fffdf6;font-size:3.4rem;}
.faq-wrap{margin-top:40px;display:grid;gap:16px}
.faq-wrap details{background:var(--surface);border-radius:18px;padding:22px;box-shadow:var(--shadow-md)}
.faq-wrap summary{font-weight:700;font-size:1.1rem;cursor:pointer}

/* ---------- Currency selector + Dark mode toggle ---------- */
.currency-select{
  height:38px;border-radius:10px;border:1.5px solid var(--line);
  background:var(--surface);color:var(--heading-ink);font-size:12.5px;font-weight:600;
  padding:0 8px;font-family:inherit;cursor:pointer;
}
.theme-toggle{
  width:38px;height:38px;border-radius:10px;border:1.5px solid var(--line);
  background:var(--surface);color:var(--heading-ink);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  transition:transform .15s ease, background .15s ease;
}
.theme-toggle:hover{transform:translateY(-2px);background:var(--gold-100);}
.theme-toggle .icon-moon{display:none;}
html[data-theme="dark"] .theme-toggle .icon-sun{display:none;}
html[data-theme="dark"] .theme-toggle .icon-moon{display:block;}
@media (max-width:560px){
  .currency-select{display:none;}
}

/* ---------- Testimonials ---------- */
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.testimonial-card{
  background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px;
  display:flex;flex-direction:column;gap:14px;transition:transform .25s ease, box-shadow .25s ease;
}
.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.testimonial-card .stars{color:var(--gold-500);font-size:15px;letter-spacing:2px;}
.testimonial-card p{font-size:13.5px;line-height:1.7;color:var(--ink-700);flex:1;margin:0;}
.testimonial-person{display:flex;align-items:center;gap:12px;}
.testimonial-person .avatar{
  width:42px;height:42px;border-radius:50%;background:var(--navy-900);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;
}
.testimonial-person b{display:block;font-size:13.5px;color:var(--heading-ink);}
.testimonial-person span{font-size:12px;color:var(--ink-500);}

/* ---------- Team / About page ---------- */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.team-card{
  background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px 24px;
  text-align:center;transition:transform .25s ease, box-shadow .25s ease;
}
.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.team-avatar{
  width:76px;height:76px;border-radius:50%;
  background:conic-gradient(from 220deg, var(--gold-500), var(--navy-900) 55%, var(--gold-500));
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;margin:0 auto 16px;
}
.team-card h4{font-size:16px;margin-bottom:2px;color:var(--heading-ink);}
.team-card .role{font-size:12.5px;color:var(--gold-600);font-weight:600;margin-bottom:10px;display:block;}
.team-card p{font-size:13px;color:var(--ink-500);line-height:1.6;margin:0;}

/* ---------- Live chat widget ---------- */
.chat-float{
  position:fixed;right:22px;bottom:92px;z-index:80;
  width:54px;height:54px;border-radius:50%;background:var(--navy-900);color:#fff;border:none;
  display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(14,42,120,.35);
  transition:transform .15s ease, background .15s ease;
}
.chat-float:hover{transform:translateY(-2px);background:var(--gold-500);color:var(--navy-950);}
.chat-panel{
  position:fixed;right:22px;bottom:158px;z-index:85;width:340px;max-width:calc(100vw - 32px);
  max-height:70vh;background:var(--surface);border:1px solid var(--line);border-radius:18px;
  box-shadow:var(--shadow-lg);display:none;flex-direction:column;overflow:hidden;
}
.chat-panel.open{display:flex;}
.chat-head{background:var(--navy-900);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:flex-start;}
.chat-head b{font-size:14px;}
.chat-status{display:flex;align-items:center;gap:6px;font-size:11px;color:#B9C3E0;margin-top:3px;}
.chat-close{background:none;border:none;color:#fff;font-size:15px;cursor:pointer;padding:2px;line-height:1;}
.chat-body{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;font-size:13px;max-height:340px;}
.chat-msg{max-width:88%;padding:10px 12px;border-radius:12px;line-height:1.5;}
.chat-msg.bot{background:var(--paper);color:var(--ink-700);border-bottom-left-radius:4px;align-self:flex-start;}
.chat-msg.user{background:var(--navy-900);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;}
.chat-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px;}
.chat-quick button{
  font-size:11.5px;font-weight:600;padding:7px 12px;border-radius:999px;
  background:var(--paper);border:1px solid var(--line);color:var(--heading-ink);
}
.chat-quick button:hover{background:var(--gold-100);border-color:var(--gold-500);}
.chat-input-row{display:flex;border-top:1px solid var(--line);flex-shrink:0;}
.chat-input-row input{
  flex:1;border:none;padding:12px 14px;font-size:13px;font-family:inherit;
  background:var(--surface);color:var(--ink-900);outline:none;
}
.chat-input-row button{border:none;background:var(--navy-900);color:#fff;width:46px;font-size:15px;flex-shrink:0;}
.chat-input-row button:hover{background:var(--gold-500);color:var(--navy-950);}
.chat-wa-cta{
  display:block;text-align:center;padding:10px;font-size:12.5px;font-weight:600;color:#1CA750;
  border-top:1px solid var(--line);background:var(--paper);flex-shrink:0;
}
@media (max-width:560px){
  .chat-panel{right:12px;left:12px;width:auto;bottom:150px;}
  .chat-float{right:16px;}
  .wa-float{right:16px;}
}

/* ---------- Returns calculator ---------- */
.calc-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow-md);}
.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0;}
.calc-field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-700);margin-bottom:6px;}
.calc-field select,.calc-field input{
  width:100%;padding:11px 12px;border-radius:10px;border:1.5px solid var(--line);
  background:var(--paper);color:var(--ink-900);font-size:13.5px;font-family:inherit;
}
.calc-result{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:var(--paper);border-radius:14px;padding:18px;margin-bottom:16px;}
.calc-result div{text-align:center;}
.calc-result span{display:block;font-size:12px;color:var(--ink-500);margin-bottom:6px;}
.calc-result b{font-family:var(--font-display);font-size:20px;color:var(--heading-ink);}
.calc-result b.up{color:var(--green-600);}
.calc-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.note-inline{font-size:12px;color:var(--ink-300);}

@media (max-width:980px){
  .testimonial-grid{grid-template-columns:1fr 1fr;}
  .team-grid{grid-template-columns:1fr 1fr;}
  .calc-grid,.calc-result{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .testimonial-grid{grid-template-columns:1fr;}
  .team-grid{grid-template-columns:1fr;}
}