@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600&display=swap');
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --font: "Plus Jakarta Sans", sans-serif;

  --color-accent: #2563eb;
  --color-accent-dark: #1d4ed8;
  --color-bg-dark: #020c1b;
  --color-bg-light: #f8faff;
  --color-bg-white: #ffffff;
  --color-text-dark: #0f172a;
  --color-text-dark-muted: rgba(15, 23, 42, 0.5);
  --color-text-light: #ffffff;
  --color-text-light-muted: rgba(255, 255, 255, 0.45);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --transition: 0.2s ease;
  --z-base: 1;
  --z-dropdown: 100;
  --z-sticky: 500;
  --z-header: 1000;
  --z-overlay: 9999;
  --header-height: 72px;
}

/* RESET */
html { font-size: 16px; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: var(--header-height); overflow-x: hidden; }
img, video, svg { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
button { cursor: pointer; border: none; background: none; font: inherit; }
input, textarea, select { font: inherit; }

/* PAGE LAYOUT */
html { height: 100%; }

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: var(--font);
  font-weight: 400;
  background-color: var(--color-bg-dark);
  color: var(--color-text-light);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

#header { position: absolute; top: 0; left: 0; right: 0; z-index: var(--z-header); }
#main   { flex: 1; width: 100%; }
#footer { flex-shrink: 0; width: 100%; }


/* CONTAINER */
.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 26px;
  padding-right: 26px;
}

@media (min-width: 375px)  { .container { padding-left: 30px;  padding-right: 30px;  } }
@media (min-width: 414px)  { .container { padding-left: 34px;  padding-right: 34px;  } }
@media (min-width: 576px)  { .container { padding-left: 38px;  padding-right: 38px;  } }
@media (min-width: 768px)  { .container { padding-left: 42px;  padding-right: 42px;  } }
@media (min-width: 992px)  { .container { padding-left: 120px; padding-right: 120px; } }
@media (min-width: 1200px) { .container { padding-left: 160px; padding-right: 160px; } }
@media (min-width: 1400px) { .container { padding-left: 190px; padding-right: 190px; } }


/* SECTION PADDING */
.section-pad-sm  { padding-top: 60px;  padding-bottom: 60px;  }
.section-pad     { padding-top: 150px; padding-bottom: 150px; }
.section-pad-lg { padding-top: 220px; padding-bottom: 220px; }
.section-pad-xlg { padding-top: 440px; padding-bottom: 440px; }
.hero-pad        { padding-top: 160px; padding-bottom: 120px; }

/* SECTION PADDING — VIEWPORT BASED */
.section-vh-hero,
.section-vh-sm,
.section-vh-md,
.section-vh-lg,
.section-vh-xl {
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

@media (max-width: 991px) {
  .section-pad-sm  { padding-top: 48px;  padding-bottom: 48px;  }
  .section-pad     { padding-top: 80px;  padding-bottom: 80px;  }
  .section-pad-lg  { padding-top: 100px; padding-bottom: 100px; }
  .hero-pad        { padding-top: 120px; padding-bottom: 80px;  }
}

@media (max-width: 767px) {
  .section-pad-sm  { padding-top: 40px;  padding-bottom: 40px;  }
  .section-pad     { padding-top: 60px;  padding-bottom: 60px;  }
  .section-pad-lg  { padding-top: 80px;  padding-bottom: 80px;  }
  .hero-pad        { padding-top: 100px; padding-bottom: 60px;  }
}


/* TYPOGRAPHY — HERO */
.hero-heading {
  font-family: var(--font);
  font-size: 60px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -2px;
  color: var(--color-text-dark);
  margin-bottom: 16px;
}

.hero-heading--light { color: var(--color-text-dark); }
.hero-heading--dark  { color: var(--color-text-light); }

@media (max-width: 991px) { .hero-heading { font-size: 48px; } }
@media (max-width: 767px) { .hero-heading { font-size: 36px; letter-spacing: -1.5px; } }


/* TYPOGRAPHY — SECTION HEADING */
.section-heading {
  font-family: var(--font);
  font-size: 42px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-bottom: 3px;
}

.section-heading--light { color: var(--color-text-dark); }
.section-heading--dark  { color: var(--color-text-light); }

.section-heading--light span { color: var(--color-accent); }
.section-heading--dark  span {
  background: linear-gradient(135deg, #60a5fa, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@media (max-width: 991px) { .section-heading { font-size: 32px; } }
@media (max-width: 767px) { .section-heading { font-size: 26px; } }


/* TYPOGRAPHY — SECTION SUBTEXT */
.section-sub {
  font-family: var(--font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  max-width: 560px;
  margin: 0 auto;
}

.section-sub--light { color: var(--color-text-dark-muted); }
.section-sub--dark  { color: var(--color-text-light-muted); }

@media (max-width: 991px) { .section-sub { font-size: 15px; } }
@media (max-width: 767px) { .section-sub { font-size: 14px; } }


/* TYPOGRAPHY — CARD HEADING */
.card-heading {
  font-family: var(--font);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.card-heading--light { color: #0d1321; }
.card-heading--dark  { color: #f0f6ff; }


/* TYPOGRAPHY — CARD SUBTEXT */
.card-sub {
  font-family: var(--font);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}

.card-sub--light { color: var(--color-text-dark-muted); }
.card-sub--dark  { color: var(--color-text-light-muted); }


/* TYPOGRAPHY — CARD FEATURE TEXT */
.card-feat {
  font-family: var(--font);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.card-feat--light { color: #4b5a78; }
.card-feat--dark  { color: rgba(240, 246, 255, 0.6); }


/* TYPOGRAPHY — PRICE */
.price-amount {
  font-family: var(--font);
  font-size: 44px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -2px;
}

.price-amount--light { color: #0d1321; }
.price-amount--dark  { color: #f0f6ff; }

.price-currency {
  font-size: 17px;
  font-weight: 700;
  color: #94a3b8;
  line-height: 1;
}

.price-period {
  font-size: 12px;
  font-weight: 500;
  color: #94a3b8;
}


/* TYPOGRAPHY — BODY */
.body-lg { font-size: 16px; line-height: 1.7; }
.body-md { font-size: 15px; line-height: 1.7; }
.body-sm { font-size: 14px; line-height: 1.7; }
.body-xs { font-size: 12px; line-height: 1.6; }


/* BUTTONS */
.btn-primary,
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 14px 32px;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}

.btn-primary {
  background: var(--color-accent);
  color: #ffffff;
  border-color: var(--color-accent);
}

.btn-primary:hover {
  background: var(--color-accent-dark);
  border-color: var(--color-accent-dark);
}

.btn-secondary {
  background: transparent;
  color: #1f2937;
  border-color: rgba(59, 59, 59, 0.12);
}

.btn-secondary:hover {
  background: #f3f4f6;
  border-color: rgba(59, 59, 59, 0.25);
}

.btn-sm {
  font-size: 14px;
  font-weight: 600;
  padding: 10px 24px;
  border-radius: var(--radius-sm);
}

.btn-primary:active,
.btn-secondary:active { transform: scale(0.98); }

/* Hero Start Trading Now button */
.hero-section-lp2 .btn-primary {
  background: #102A67 !important;
  border-color: #102A67 !important;
}
.hero-section-lp2 .btn-primary:hover {
  background: #0d2357 !important;
  border-color: #0d2357 !important;
}

.hero-section-lp2 .pill-with-desc__badge {
  background: #102A67 !important;
}

/* BACKGROUNDS */
.bg-dark,
.bg-dark-mesh,
.bg-light,
.bg-light-tr,
.bg-light-dots,
.bg-light-clean { position: relative; overflow: hidden; }

.bg-white-grid { background: #ffffff; position: relative; overflow: hidden; }
.bg-white-grid::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(37,99,235,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(37,99,235,0.04) 1px, transparent 1px); background-size: 40px 40px; pointer-events: none; z-index: 0; }
.bg-white-grid > .container { position: relative; z-index: 1; }

.bg-dark > .container,
.bg-dark-mesh > .container,
.bg-light > .container,
.bg-light-dots > .container,
.bg-light-clean > .container { position: relative; z-index: var(--z-base); }

.bg-dark { background: #020c1b; }
.bg-dark::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,0.055) 1px, transparent 1px); background-size: 26px 26px; pointer-events: none; z-index: 0; }
.bg-dark::after  { content: ''; position: absolute; top: -150px; left: -150px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(30,58,138,0.5) 0%, transparent 65%); pointer-events: none; z-index: 0; }

.bg-dark-mesh { background: #000d1f; }
.bg-dark-mesh::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(96,165,250,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(96,165,250,0.04) 1px, transparent 1px); background-size: 50px 50px; pointer-events: none; z-index: 0; }
.bg-dark-mesh::after  { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 900px; height: 500px; background: radial-gradient(ellipse, rgba(30,58,138,0.45) 0%, rgba(14,116,144,0.15) 50%, transparent 75%); pointer-events: none; z-index: 0; }

.bg-light { background: #f8faff; }
.bg-light::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(59,130,246,0.1) 1px, transparent 1px); background-size: 26px 26px; pointer-events: none; z-index: 0; }
.bg-light::after  { content: ''; position: absolute; top: -150px; left: -150px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(59,130,246,0.1) 0%, transparent 65%); pointer-events: none; z-index: 0; }

.bg-light-tr { background: #f8fafc; }
.bg-light-tr::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(37,130,246,0.12) 1px, transparent 1px); background-size: 20px 20px; pointer-events: none; z-index: 0; }
.bg-light-tr::after  { content: ''; position: absolute; top: -150px; right: -150px; width: 700px; height: 700px; background: radial-gradient(circle, rgba(37,99,235,0.15) 0%, rgba(59,130,246,0.08) 40%, transparent 70%); pointer-events: none; z-index: 0; }

.bg-light-dots { background: #f8fafc; }
.bg-light-dots::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(37,99,235,0.12) 1px, transparent 1px); background-size: 20px 20px; pointer-events: none; z-index: 0; }
.bg-light-dots::after  { content: ''; position: absolute; top: -150px; right: -150px; width: 700px; height: 700px; background: radial-gradient(circle, rgba(37,99,235,0.15) 0%, rgba(59,130,246,0.08) 40%, transparent 70%); pointer-events: none; z-index: 0; }

.bg-light-clean { background: #ffffff; }

.glow-br { position: absolute; bottom: -150px; right: -150px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(14,116,144,0.25) 0%, transparent 65%); pointer-events: none; z-index: 0; }

.bg-light-blue { position: relative; overflow: hidden; background: linear-gradient(160deg, #e8ecf5 0%, #f2f4fb 60%, #e4e9f5 100%); }
.bg-light-blue > .container { position: relative; z-index: var(--z-base); }
.bg-light-blue::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(37,99,235,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(37,99,235,0.035) 1px, transparent 1px); background-size: 52px 52px; pointer-events: none; z-index: 0; }
.bg-light-blue::after { content: ''; position: absolute; top: 10%; left: -160px; width: 440px; height: 440px; background: radial-gradient(circle, rgba(37,99,235,0.07) 0%, transparent 65%); pointer-events: none; z-index: 0; }
.glow-br-blue { position: absolute; bottom: 5%; right: -120px; width: 380px; height: 380px; background: radial-gradient(circle, rgba(99,102,241,0.05) 0%, transparent 65%); pointer-events: none; z-index: 0; }

.bg-hero-dep { position: relative; overflow: hidden; background: linear-gradient(to top, #bfdbfe 0%, #dbeafe 20%, #eff6ff 50%, #ffffff 100%); }
.bg-hero-dep > .container { position: relative; z-index: 1; }
.bg-hero-dep::before { content: ''; position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%); width: 1000px; height: 560px; background: radial-gradient(ellipse at center bottom, rgba(37,99,235,0.18) 0%, rgba(96,165,250,0.09) 45%, transparent 72%); pointer-events: none; z-index: 0; }
.bg-hero-dep::after { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(37,99,235,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(37,99,235,0.03) 1px, transparent 1px); background-size: 48px 48px; pointer-events: none; z-index: 0; }

.bg-dots-blue { position: relative; overflow: hidden; background: #eef5fd; }
.bg-dots-blue > .container { position: relative; z-index: 1; }
.bg-dots-blue::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(30,58,138,0.07) 1.5px, transparent 1.5px); background-size: 22px 22px; pointer-events: none; z-index: 0; }
.bg-dots-blue::after { content: ''; position: absolute; bottom: -200px; left: 50%; transform: translateX(-50%); width: 900px; height: 600px; background: radial-gradient(ellipse at center, rgba(30,58,138,0.08) 0%, rgba(37,99,235,0.04) 50%, transparent 75%); pointer-events: none; z-index: 0; }

.bg-dark-pulse { background:#020c1b; position:relative; overflow:hidden; }
.bg-dark-pulse::before { content:''; position:absolute; width:800px; height:800px; border-radius:50%; background:radial-gradient(circle, rgba(37,99,235,0.12) 0%, transparent 70%); top:-200px; left:-200px; animation:pulseBg 6s ease-in-out infinite; pointer-events:none; z-index:0; }
.bg-dark-pulse::after { content:''; position:absolute; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle, rgba(14,116,144,0.1) 0%, transparent 70%); bottom:-100px; right:-100px; animation:pulseBg 8s ease-in-out infinite reverse; pointer-events:none; z-index:0; }
@keyframes pulseBg { 0%,100% { transform:scale(1); opacity:1; } 50% { transform:scale(1.2); opacity:0.6; } }
.bg-dark-pulse .container { position:relative; z-index:1; }

.bg-mesh{position:relative;overflow:hidden;background:#020c1b;padding:80px 0 100px;}
.bg-mesh::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,0.055) 1px,transparent 1px);background-size:26px 26px;pointer-events:none;z-index:0;}
.bg-mesh::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 50%,rgba(30,58,138,0.55) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 30%,rgba(148,163,184,0.08) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 50% 100%,rgba(71,85,105,0.12) 0%,transparent 60%),linear-gradient(160deg,rgba(15,23,42,0.95) 0%,rgba(2,12,27,1) 50%,rgba(15,23,42,0.9) 100%);pointer-events:none;z-index:0;}
.bg-mesh > *{position:relative;z-index:1;}

/* mid-navy base, diagonal gradient sweep that shifts slowly */
.bg-dark-gradient { background:#020c1b; position:relative; overflow:hidden; }
.bg-dark-gradient::before { content:''; position:absolute; inset:0; background:linear-gradient(125deg, rgba(37,99,235,0.15) 0%, transparent 40%, rgba(14,116,144,0.1) 60%, transparent 100%); animation:gradientShift 10s ease-in-out infinite alternate; pointer-events:none; z-index:0; }
@keyframes gradientShift { 0% { opacity:1; transform:translateX(0) translateY(0); } 100% { opacity:0.7; transform:translateX(40px) translateY(-30px); } }
.bg-dark-gradient .container { position:relative; z-index:1; }

/* deep steel — two radial ellipses, cool left / indigo right */
.bg-dark-slate { background:#0a0f1e; position:relative; overflow:hidden; }
.bg-dark-slate::before { content:''; position:absolute; inset:0; background-image:radial-gradient(ellipse 80% 50% at 20% 50%, rgba(37,99,235,0.08) 0%, transparent 100%), radial-gradient(ellipse 60% 40% at 80% 60%, rgba(99,102,241,0.06) 0%, transparent 100%); pointer-events:none; z-index:0; }
.bg-dark-slate .container { position:relative; z-index:1; }

/* electric top glow — lighter steel-blue band bleeds down from top */
.bg-dark-aurora { background:#04101f; position:relative; overflow:hidden; }
.bg-dark-aurora::before { content:''; position:absolute; top:-80px; left:-10%; right:-10%; height:340px; background:linear-gradient(180deg, rgba(56,130,255,0.22) 0%, rgba(14,116,144,0.08) 50%, transparent 100%); filter:blur(48px); pointer-events:none; z-index:0; animation:auroraMove 14s ease-in-out infinite alternate; }
.bg-dark-aurora::after { content:''; position:absolute; inset:0; background-image:radial-gradient(circle, rgba(255,255,255,0.028) 1px, transparent 1px); background-size:28px 28px; pointer-events:none; z-index:0; }
@keyframes auroraMove { 0% { transform:scaleX(1) translateX(0); opacity:1; } 100% { transform:scaleX(1.12) translateX(24px); opacity:0.65; } }
.bg-dark-aurora .container { position:relative; z-index:1; }

/* near-black grid with blue bloom rising from bottom center */
.bg-dark-charcoal { background:#080d18; position:relative; overflow:hidden; }
.bg-dark-charcoal::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px); background-size:60px 60px; pointer-events:none; z-index:0; }
.bg-dark-charcoal::after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; height:300px; background:radial-gradient(ellipse at center bottom, rgba(37,99,235,0.1) 0%, transparent 70%); pointer-events:none; z-index:0; }
.bg-dark-charcoal .container { position:relative; z-index:1; }

/* lighter-navy — same dark family but base lifted to #0d1e38, soft center glow */
.bg-dark-navy { background:#0d1e38; position:relative; overflow:hidden; }
.bg-dark-navy::before { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:900px; height:600px; background:radial-gradient(ellipse, rgba(59,130,246,0.1) 0%, rgba(37,99,235,0.05) 40%, transparent 70%); pointer-events:none; z-index:0; }
.bg-dark-navy::after { content:''; position:absolute; inset:0; background-image:radial-gradient(circle, rgba(255,255,255,0.035) 1px, transparent 1px); background-size:24px 24px; pointer-events:none; z-index:0; }
.bg-dark-navy .container { position:relative; z-index:1; }

/* steel-blue tinted — #0f1c35 base, left-edge accent bar + diagonal teal wash */
.bg-dark-steel { background:#0f1c35; position:relative; overflow:hidden; }
.bg-dark-steel::before { content:''; position:absolute; top:0; left:0; width:4px; height:100%; background:linear-gradient(180deg, transparent, rgba(59,130,246,0.5), rgba(14,116,144,0.3), transparent); pointer-events:none; z-index:0; }
@media(max-width:767px){ .bg-dark-steel::before { display:none; } }
.bg-dark-steel::after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 70% 60% at 85% 20%, rgba(14,116,144,0.1) 0%, transparent 65%), radial-gradient(ellipse 50% 40% at 15% 80%, rgba(37,99,235,0.08) 0%, transparent 65%); pointer-events:none; z-index:0; }
.bg-dark-steel .container { position:relative; z-index:1; }

/* ── LIGHT ── */

.bg-light-orbs { background:#f8faff; position:relative; overflow:hidden; }
.bg-light-orbs::before { content:''; position:absolute; width:500px; height:500px; border-radius:50%; background:rgba(37,99,235,0.06); filter:blur(80px); top:-100px; right:-100px; animation:orbFloat 8s ease-in-out infinite; pointer-events:none; z-index:0; }
.bg-light-orbs::after { content:''; position:absolute; width:400px; height:400px; border-radius:50%; background:rgba(14,116,144,0.05); filter:blur(60px); bottom:-80px; left:-80px; animation:orbFloat 10s ease-in-out infinite reverse; pointer-events:none; z-index:0; }
@keyframes orbFloat { 0%,100% { transform:translate(0,0); } 50% { transform:translate(30px,-20px); } }
.bg-light-orbs .container { position:relative; z-index:1; }

.bg-light-ice { background:linear-gradient(160deg, #f0f6ff 0%, #e8f2ff 50%, #f5f9ff 100%); position:relative; overflow:hidden; }
.bg-light-ice::before { content:''; position:absolute; inset:0; background-image:radial-gradient(circle, rgba(37,99,235,0.04) 1px, transparent 1px); background-size:32px 32px; pointer-events:none; z-index:0; }
.bg-light-ice .container { position:relative; z-index:1; }

.bg-light-warm { background:#fdfcf8; position:relative; overflow:hidden; }
.bg-light-warm::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 70% 60% at 10% 20%, rgba(250,204,21,0.04) 0%, transparent 100%), radial-gradient(ellipse 60% 50% at 90% 80%, rgba(37,99,235,0.04) 0%, transparent 100%); pointer-events:none; z-index:0; }
.bg-light-warm .container { position:relative; z-index:1; }

.bg-light-ruled { background:#ffffff; position:relative; overflow:hidden; }
.bg-light-ruled::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, transparent, #2563eb, #0ea5e9, #2563eb, transparent); background-size:200% 100%; animation:ruleSweep 4s linear infinite; z-index:1; }
.bg-light-ruled::after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 80% 40% at 50% 0%, rgba(37,99,235,0.04) 0%, transparent 100%); pointer-events:none; z-index:0; }
@keyframes ruleSweep { 0% { background-position:200% 0; } 100% { background-position:-200% 0; } }
.bg-light-ruled .container { position:relative; z-index:1; }

.bg-light-frost { background:linear-gradient(135deg, #eef4ff 0%, #f8faff 60%, #e8f0fe 100%); position:relative; overflow:hidden; }
.bg-light-frost::before { content:''; position:absolute; width:600px; height:600px; border-radius:50%; background:rgba(37,99,235,0.07); filter:blur(100px); top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none; z-index:0; }
.bg-light-frost .container { position:relative; z-index:1; }


/* UTILITIES */
.text-center  { text-align: center; }
.text-accent  { color: var(--color-accent); }
.text-muted   { color: var(--color-text-dark-muted); }
.text-muted-light { color: var(--color-text-light-muted); }

.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.accordion-item { border-bottom: 1px solid #e8edf5; }
.accordion-item:first-child { border-top: 1px solid #e8edf5; }
.accordion-trigger { display: flex; align-items: center; justify-content: space-between; padding: 24px 0; cursor: pointer; gap: 24px; }
.accordion-icon { width: 32px; height: 32px; border-radius: var(--radius-sm); background: #f1f5f9; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 300; color: #64748b; flex-shrink: 0; transition: all var(--transition); line-height: 1; }
.accordion-item.active .accordion-icon { background: var(--color-accent); color: #fff; transform: rotate(45deg); }
.accordion-body { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease; }
.accordion-item.active .accordion-body { max-height: 500px; padding-bottom: 24px; }
.accordion-body p { margin: 0; }
@media (max-width: 767px) { .accordion-trigger { padding: 20px 0; } }

.pill-badge { display:inline-flex; align-items:center; border:1px solid rgba(96,165,250,0.25); border-radius:100px; padding:5px; margin-bottom:20px; width:fit-content; background:rgba(255,255,255,0.12); animation:subtext-entrance 0.8s cubic-bezier(0.34,1.56,0.64,1) forwards; }

/* Reusable pill with desc */
.pill-with-desc { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(37,99,235,0.2); border-radius: 100px; padding: 5px 14px 5px 5px; background: rgba(255,255,255,0.7); margin-bottom: 20px; }
.pill-with-desc__badge { background: var(--color-accent); color: #fff; font-weight: 700; padding: 4px 12px; border-radius: 100px; font-size: 12px; }
.pill-with-desc__text { color: var(--color-text-dark); font-weight: 500; font-size: 12px; }

/* COMPONENT — PRICING CARDS */
.pricing-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.pricing-card { position: relative; background: #fff; border-radius: var(--radius-lg); padding: 32px 24px 28px; border: 1.5px solid rgba(0,0,0,0.06); box-shadow: 0 2px 16px rgba(37,99,235,0.05); display: flex; flex-direction: column; transition: transform var(--transition), box-shadow var(--transition); }
.pricing-card:hover { transform: translateY(-4px); box-shadow: 0 8px 32px rgba(37,99,235,0.1); }
.pricing-card--popular { border-color: var(--color-accent); border-width: 2px; padding-top: 52px; box-shadow: 0 8px 36px rgba(37,99,235,0.18); }
.pricing-card--popular:hover { box-shadow: 0 14px 48px rgba(37,99,235,0.24); }
.pricing-popular-badge { position: absolute; top: -1px; left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 6px; background: linear-gradient(135deg, var(--color-accent-dark), var(--color-accent)); color: #fff; font-size: 10.5px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; padding: 6px 16px 7px; border-radius: 0 0 12px 12px; white-space: nowrap; box-shadow: 0 4px 16px rgba(37,99,235,0.35); z-index: 2; }
.pricing-badge-pulse { width: 5px; height: 5px; background: #fff; border-radius: 50%; animation: pricing-blink 1.5s ease-in-out infinite; }
@keyframes pricing-blink { 0%,100% { opacity:1; } 50% { opacity:0.3; } }
.pricing-tier-row { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.pricing-tier-icon { font-size: 14px; color: #c0c8d8; }
.pricing-tier-icon--blue { color: var(--color-accent); }
.pricing-tier-icon--slate { color: #64748b; }
.pricing-price-row { display: flex; align-items: baseline; gap: 5px; margin-bottom: 6px; }
.pricing-inactivity { font-size: 10.5px; color: #a0aec0; margin: 0 0 14px; line-height: 1.4; }
.pricing-spacer { height: 32px; }
.pricing-divider { height: 1px; background: #f1f4f9; margin-bottom: 18px; }
.pricing-divider--popular { background: rgba(37,99,235,0.1); }
.pricing-feats { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.pricing-feats li { display: flex; align-items: center; gap: 8px; }
.pricing-check { font-size: 10px; font-weight: 800; color: #94a3b8; flex-shrink: 0; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; background: #f1f5f9; border-radius: 50%; }
.pricing-check--popular { color: var(--color-accent); background: rgba(37,99,235,0.08); }
.pricing-bottom { text-align: center; margin-top: 40px; }
.pricing-compare { display: inline-block; font-size: 13.5px; font-weight: 600; color: #4b5a78; border: 1.5px solid #d0d7e8; padding: 10px 24px; border-radius: 50px; background: #fff; transition: all var(--transition); box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
.pricing-compare:hover { border-color: var(--color-accent); color: var(--color-accent); }
@media (max-width: 1024px) { .pricing-grid { grid-template-columns: repeat(2, 1fr); } }
/* HOME — PRICING SECTION */
.pv4-head { margin-bottom: 48px; }
@media (max-width: 767px) {
  .pv4.section-vh-xl {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    align-items: flex-start;
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (max-width: 580px) {
  .pv4 { padding: 56px 24px 64px; }
  .pricing-grid { grid-template-columns: 1fr; }
  .pricing-card { align-items: center; text-align: center; }
  .pricing-feats li { justify-content: center; }
}


/* COMPONENT — TIMELINE */
.timeline-steps { display: flex; flex-direction: column; }
.timeline-step { display: flex; gap: 20px; }
.timeline-step-left { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; padding-top: 2px; }
.timeline-dot-wrap { display: flex; flex-direction: column; align-items: center; }
.timeline-dot { width: 14px; height: 14px; border-radius: 50%; background: #e2e8f0; border: 2px solid #e2e8f0; transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; flex-shrink: 0; z-index: 1; }
.timeline-step.active .timeline-dot,
.timeline-step.done .timeline-dot { background: var(--color-accent); border-color: var(--color-accent); }
.timeline-step.active .timeline-dot { box-shadow: 0 0 0 4px rgba(37,99,235,0.15), 0 0 0 7px rgba(37,99,235,0.06); }
.timeline-line { width: 2px; height: 80px; background: #e2e8f0; border-radius: 2px; margin: 4px 0; position: relative; overflow: hidden; flex-shrink: 0; }
.timeline-line-fill { position: absolute; top: 0; left: 0; width: 100%; height: 0%; background: var(--color-accent); border-radius: 2px; }
.timeline-step.done .timeline-line-fill { height: 100%; }
.timeline-step.active .timeline-line-fill { animation: timeline-travel 3.6s linear forwards; }
@keyframes timeline-travel { 0% { height: 0%; } 100% { height: 100%; } }
.timeline-step-content { flex: 1; height: 80px; display: flex; flex-direction: column; justify-content: flex-start; gap: 4px; }
.timeline-step-num { font-size: 10px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: #cbd5e1; transition: color 0.4s ease; }
.timeline-step.active .timeline-step-num,
.timeline-step.done .timeline-step-num { color: var(--color-accent); }
.timeline-step-title { font-size: 20px; font-weight: 700; color: #cbd5e1; line-height: 1.3; margin: 0; transition: color 0.4s ease; }
.timeline-step.active .timeline-step-title { color: var(--color-text-dark); }
.timeline-step.done .timeline-step-title { color: #94a3b8; }
.timeline-step-desc { font-size: 13px; color: #64748b; line-height: 1.6; margin: 0; opacity: 0; transition: opacity 0.4s ease; }
.timeline-step.active .timeline-step-desc { opacity: 1; }
@media (max-width: 767px) { .timeline-line { height: 60px; } }


/* COMPONENT — TABS BUTTON */
.tabs-btn { position: relative; padding: 8px 22px 10px; background: transparent; border: 1px solid rgba(96,165,250,0.12); border-radius: 100px; color: rgba(240,246,255,0.35); font-size: 13px; font-weight: 600; cursor: pointer; font-family: var(--font); transition: color var(--transition), border-color var(--transition), background var(--transition); overflow: hidden; }
.tabs-btn:hover { color: rgba(240,246,255,0.65); border-color: rgba(96,165,250,0.3); }
.tabs-btn.active { color: #f0f6ff; border-color: rgba(96,165,250,0.4); background: rgba(30,58,138,0.25); }
.tabs-btn-progress { position: absolute; bottom: 0; left: 0; height: 2px; width: 0%; background: linear-gradient(90deg, #60a5fa, #06b6d4); border-radius: 0 0 100px 100px; }
.tabs-btn.active .tabs-btn-progress { animation: tabs-progress-fill 4s linear forwards; }
@keyframes tabs-progress-fill { from { width: 0%; } to { width: 100%; } }
.tabs-btn-label { position: relative; z-index: 1; }
@media (max-width: 767px) { .tabs-btn { font-size: 12px; padding: 7px 14px 9px; } }


/* HOME — HERO */
.hero-section-lp2 { min-height: 100vh; display: flex; align-items: center; position: relative; overflow: hidden; }
.hero-section-lp2 .container { position: relative; z-index: 1; width: 100%; }
.hero-lottie-bg { position: absolute; inset: 0; width: 85%; height: 85%; pointer-events: none; z-index: 0; opacity: 0.15; left: 50%; transform: translateX(-50%) translateY(2%); }
.hero-lottie-bg svg { width: 100% !important; height: 100% !important; }
.hero-content-wrapper-lp2 { position: relative; z-index: 1; }
.hero-bg-shape-lp2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; height: auto; z-index: 0; pointer-events: none; opacity: 0.5; }
.heading-1-center { text-align: center; display: block; line-height: 1.15; }
.body-text-16-center { text-align: center; max-width: 760px; margin: 0 auto 28px; }
.hero-typing-wrapper { display: inline; color: var(--color-accent); white-space: nowrap; }
.hero-typing-text { display: inline; }
.hero-typing-cursor { display: inline; color: var(--color-accent); font-weight: 300; animation: hero-blink 0.7s step-end infinite; }
@keyframes hero-blink { 50% { opacity: 0; } }
.subtext { position: relative; display: inline-flex !important; align-items: center; gap: 8px; animation: subtext-entrance 0.8s cubic-bezier(0.34,1.56,0.64,1) forwards; border: 1px solid rgba(37,99,235,0.2); border-radius: 100px; padding: 5px 14px 5px 5px; margin-bottom: 20px; background: rgba(255,255,255,0.7); }
.subtext:has(> p:only-child) { padding: 5px 14px; }
.hero-text-lp2 { position: relative; overflow: hidden; background: var(--color-accent); color: #fff; font-weight: 700; padding: 4px 12px; border-radius: 100px; }
.subtitle-copy { position: relative; animation: subtitle-slide 0.9s cubic-bezier(0.34,1.56,0.64,1) 0.15s both; color: var(--color-text-dark); font-weight: 500; font-size: 13px; }
.hero-buttons { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.hero-buttons .btn-primary,
.hero-buttons .btn-secondary { width: 200px; }
@keyframes subtext-entrance { 0% { opacity:0; transform:translateY(-12px) scale(0.95); } 100% { opacity:1; transform:translateY(0) scale(1); } }
@keyframes subtitle-slide { 0% { opacity:0; transform:translateX(-8px); } 100% { opacity:1; transform:translateX(0); } }
@media (max-width: 991px) { .hero-bg-shape-lp2 { width: 90%; } }
@media (max-width: 767px) { .hero-bg-shape-lp2 { width: 100%; } .hero-buttons { flex-direction: column; align-items: center; width: 100%; } .hero-buttons .btn-primary, .hero-buttons .btn-secondary { width: 100%; max-width: 320px; } .subtitle-copy { font-size: 12px; } }


/* HOME — WHY US CAROUSEL */
.wsu-v15-heading { margin-bottom: 20px; }
.carousel-scene { position: relative; width: 100%; height: 420px; perspective: 1200px; z-index: 1; display: flex; align-items: center; justify-content: center; overflow: visible; }
.carousel-track { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; }
.carousel-card { position: absolute; width: 320px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background: linear-gradient(160deg, #0d1f3c 0%, #071428 100%); border: 1px solid rgba(96,165,250,0.12); border-radius: var(--radius-lg); overflow: hidden; cursor: pointer; transition: all 1.2s cubic-bezier(0.25,0.46,0.45,0.94); transform-style: preserve-3d; will-change: transform, opacity; box-shadow: 0 4px 24px rgba(0,0,0,0.3); }
.carousel-card.pos-center { transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1); opacity: 1; z-index: 5; box-shadow: 0 20px 60px rgba(30,58,138,0.5), 0 0 0 1px rgba(96,165,250,0.3); border-color: rgba(96,165,250,0.35); }
.carousel-card.pos-left1  { transform: translateX(calc(-50% - 310px)) translateY(-50%) translateZ(-120px) rotateY(25deg) scale(0.85); opacity: 0.55; z-index: 4; }
.carousel-card.pos-right1 { transform: translateX(calc(-50% + 310px)) translateY(-50%) translateZ(-120px) rotateY(-25deg) scale(0.85); opacity: 0.55; z-index: 4; }
.carousel-card.pos-left2  { transform: translateX(calc(-50% - 560px)) translateY(-50%) translateZ(-280px) rotateY(40deg) scale(0.65); opacity: 0.2; z-index: 3; }
.carousel-card.pos-right2 { transform: translateX(calc(-50% + 560px)) translateY(-50%) translateZ(-280px) rotateY(-40deg) scale(0.65); opacity: 0.2; z-index: 3; }
.carousel-card.pos-hidden { transform: translateX(-50%) translateY(-50%) translateZ(-400px) scale(0.4); opacity: 0; z-index: 1; pointer-events: none; }
.carousel-card-img-wrap { width: 100%; height: 220px; background: linear-gradient(160deg, #071428 0%, #040e20 100%); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.carousel-card-img { width: 100%; height: 100%; object-fit: contain; padding: 16px; filter: drop-shadow(0 0 16px rgba(96,165,250,0.15)); transition: transform 0.4s ease; }
.carousel-card.pos-center .carousel-card-img { filter: drop-shadow(0 0 28px rgba(96,165,250,0.3)); transform: scale(1.04); }
.carousel-card-title { padding: 20px 22px 8px; }
.carousel-card-desc  { padding: 0 22px 22px; }
.carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; background: transparent; border: none; color: #60a5fa; font-size: 36px; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; transition: color var(--transition), transform var(--transition); }
.carousel-btn:hover { color: #93c5fd; transform: translateY(-50%) scale(1.2); }
.carousel-btn-prev { left: -40px; }
.carousel-btn-next { right: -40px; }
.carousel-dots { display: flex; justify-content: center; gap: 8px; margin-top: 12px; position: relative; z-index: 1; }
.carousel-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(96,165,250,0.2); transition: all var(--transition); cursor: pointer; }
.carousel-dot.active { background: linear-gradient(90deg, #60a5fa, #06b6d4); width: 24px; border-radius: 4px; }
@media (max-width: 991px) { .carousel-scene { height: 460px; } .carousel-card { width: 275px; } .carousel-card.pos-left1 { transform: translateX(calc(-50% - 260px)) translateY(-50%) translateZ(-120px) rotateY(25deg) scale(0.82); } .carousel-card.pos-right1 { transform: translateX(calc(-50% + 260px)) translateY(-50%) translateZ(-120px) rotateY(-25deg) scale(0.82); } .carousel-card.pos-left2 { transform: translateX(calc(-50% - 460px)) translateY(-50%) translateZ(-250px) rotateY(40deg) scale(0.6); opacity: 0.15; } .carousel-card.pos-right2 { transform: translateX(calc(-50% + 460px)) translateY(-50%) translateZ(-250px) rotateY(-40deg) scale(0.6); opacity: 0.15; } }
@media (max-width: 767px) {
  .carousel-scene { height: 420px; }
  .carousel-card { width: 250px; }
  .carousel-card.pos-left1 { transform: translateX(calc(-50% - 220px)) translateY(-50%) translateZ(-100px) rotateY(20deg) scale(0.75); opacity: 0.35; }
  .carousel-card.pos-right1 { transform: translateX(calc(-50% + 220px)) translateY(-50%) translateZ(-100px) rotateY(-20deg) scale(0.75); opacity: 0.35; }
  .carousel-card.pos-left1, .carousel-card.pos-right1 { pointer-events: none; }
  .carousel-card.pos-left2, .carousel-card.pos-right2 { opacity: 0; pointer-events: none; }
  .carousel-btn { display: none; }
  .carousel-touch-left,
  .carousel-touch-right { position: absolute; top: 0; bottom: 0; width: 50%; z-index: 20; cursor: pointer; -webkit-tap-highlight-color: transparent; user-select: none; }
  .carousel-touch-left  { left: 0; }
  .carousel-touch-right { right: 0; }
}

.tagm-v3 { position: relative; display: flex; align-items: center; padding: 56px 0; background: #eef3fb; overflow: hidden; }
.tagm-v3 .glow-br { position: absolute; bottom: -120px; right: -120px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(59,130,246,0.10) 0%, transparent 70%); pointer-events: none; }
.tagm-v3 .glow-tl { position: absolute; top: -100px; left: -100px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(59,130,246,0.07) 0%, transparent 70%); pointer-events: none; }
.tagm-v3-heading { text-align: center; margin-bottom: 36px; }
.tagm-v3-inner { max-width: 900px; margin: 0 auto; width: 100%; }
.tagm-v3-grid { display: flex; flex-direction: column; gap: 12px; }
.tagm-v3-row { display: flex; gap: 12px; height: 210px; }
.tagm-v3-card { position: relative; flex: 1 1 0; min-width: 0; background: #fff; border: 1px solid rgba(59,130,246,0.14); border-radius: 20px; overflow: hidden; text-decoration: none; display: flex; flex-direction: column; box-shadow: 0 4px 24px rgba(59,130,246,0.07), 0 1px 4px rgba(0,0,0,0.04); cursor: pointer; will-change: flex-grow; transition: flex-grow 0.6s cubic-bezier(0.4,0,0.2,1), box-shadow 0.6s ease, border-color 0.6s ease; opacity: 0; transform: translateY(18px); }
.tagm-v3-card.entered { opacity: 1; transform: translateY(0); transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.4,0,0.2,1), flex-grow 0.6s cubic-bezier(0.4,0,0.2,1), box-shadow 0.6s ease, border-color 0.6s ease; }
.tagm-v3-card.active { flex-grow: 2.8; border-color: rgba(59,130,246,0.36); box-shadow: 0 14px 44px rgba(59,130,246,0.12), 0 2px 8px rgba(0,0,0,0.06); flex-direction: row; }
.tagm-v3-card::before { content: ''; position: absolute; top: 0; left: 15%; right: 15%; height: 2px; background: linear-gradient(to right, transparent, #3b82f6, transparent); border-radius: 2px; opacity: 0; z-index: 2; will-change: opacity; transition: opacity 0.6s ease; }
.tagm-v3-card.active::before { opacity: 1; }
.tagm-v3-card-img-wrap { flex: 1 1 0; display: flex; align-items: center; justify-content: center; background: #f0f5ff; overflow: hidden; transition: flex 0.6s cubic-bezier(0.4,0,0.2,1), border-bottom 0.01s, border-right 0.01s, width 0.6s cubic-bezier(0.4,0,0.2,1); border-bottom: 1px solid rgba(59,130,246,0.07); }
.tagm-v3-card.active .tagm-v3-card-img-wrap { flex: 0 0 140px; width: 140px; border-bottom: none; border-right: 1px solid rgba(59,130,246,0.07); }
.tagm-v3-card-img { width: 120px; height: 120px; object-fit: contain; filter: drop-shadow(0 4px 14px rgba(59,130,246,0.15)); will-change: transform, filter, width, height; transition: transform 0.6s cubic-bezier(0.4,0,0.2,1), filter 0.6s ease, width 0.6s ease, height 0.6s ease; }
.tagm-v3-card.active .tagm-v3-card-img { width: 100px; height: 100px; transform: scale(1.0); filter: drop-shadow(0 6px 22px rgba(59,130,246,0.28)); }
.tagm-v3-card-content { flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; padding: 12px 16px 14px; gap: 5px; overflow: hidden; transition: padding 0.6s ease; }
.tagm-v3-card.active .tagm-v3-card-content { flex: 1 1 0; justify-content: center; padding: 18px 20px; }
.tagm-v3-card-name { font-size: 13px; font-weight: 700; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: font-size 0.6s ease; }
.tagm-v3-card.active .tagm-v3-card-name { font-size: 16px; white-space: normal; margin-bottom: 2px; }
.tagm-v3-card-desc { font-size: 12px; color: #64748b; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: 0; opacity: 0; will-change: max-height, opacity; transition: max-height 0.55s cubic-bezier(0.4,0,0.2,1), opacity 0.4s ease 0.1s; }
.tagm-v3-card.active .tagm-v3-card-desc { max-height: 60px; opacity: 1; }
.tagm-v3-card-footer { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin-top: 4px; }
.tagm-v3-stat { font-size: 11px; font-weight: 600; color: #3b82f6; background: rgba(59,130,246,0.08); border: 1px solid rgba(59,130,246,0.15); padding: 3px 10px; border-radius: 100px; white-space: nowrap; }
.tagm-v3-binance-tag { font-size: 11px; font-weight: 700; color: #fff; background: #1e293b; border: none; border-radius: 100px; padding: 3px 10px; white-space: nowrap; letter-spacing: 0.01em; box-shadow: 0 2px 8px rgba(15,23,42,0.18); }
.tagm-v3-arr { margin-left: auto; color: rgba(15,23,42,0.2); flex-shrink: 0; will-change: transform, color; transition: color 0.6s ease, transform 0.6s ease; }
.tagm-v3-card.active .tagm-v3-arr { color: #3b82f6; transform: translateX(3px); }
@media (max-width: 767px) { .tagm-v3 { padding: 48px 0; } .tagm-v3-row { flex-direction: column; height: auto; } .tagm-v3-card, .tagm-v3-card.active { flex: 1 1 auto !important; flex-direction: column !important; } .tagm-v3-card-img-wrap, .tagm-v3-card.active .tagm-v3-card-img-wrap { flex: none !important; width: 100% !important; height: 120px; border-right: none; border-bottom: 1px solid rgba(59,130,246,0.07); } .tagm-v3-card-desc { max-height: 60px; opacity: 1; } }
@media (max-width: 767px) {
  .tagm-v3.section-vh-lg {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    align-items: flex-start;
    padding-top: 64px;
    padding-bottom: 64px;
  }
}



/* HOME — HOW IT WORKS */
.hiw-v2-heading { margin-bottom: 64px; }
.hiw-v2-body { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; align-items: start; }
.hiw-v2-image-wrap { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 120px; align-self: flex-start; }
.hiw-v2-img-frame { position: relative; border-radius: var(--radius-lg); overflow: hidden; aspect-ratio: 16/11; background: #f8fafc; box-shadow: 0 0 0 1px rgba(0,0,0,0.06), 0 16px 48px rgba(0,0,0,0.08); width: 80%; margin-left: auto; }
.hiw-v2-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.5s ease; }
.hiw-v2-img.active { opacity: 1; }
.hiw-v2-img-label { display: flex; justify-content: space-between; align-items: center; padding: 0 4px; margin-left: auto; width: 80%; }
.hiw-v2-img-step { font-size: 12px; color: #94a3b8; font-weight: 500; }
.hiw-v2-img-step-name { font-size: 13px; font-weight: 700; color: var(--color-accent); }
.hiw-v2-steps { display: flex; flex-direction: column; }
@media (max-width: 991px) { .hiw-v2-body { grid-template-columns: 1fr; gap: 40px; } .hiw-v2-image-wrap { position: static; } }
@media (max-width: 767px) { .hiw-v2 { padding: 60px 0; } .hiw-v2-heading { margin-bottom: 40px; } }

/* How It Works — mobile FIXED */
@media (max-width: 767px) {
  /* Unlock section height */
  .hiw-v2.section-vh-lg {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    align-items: flex-start;
    padding-top: 64px;
    padding-bottom: 64px;
  }
  /* Full-width centred image frame */
  .hiw-v2-image-wrap {
    align-items: center;
    width: 100%;
  }
  .hiw-v2-img-frame {
    width: 100%;          /* full width — bigger asset */
    margin-left: 0;
    margin-right: 0;
    aspect-ratio: 4 / 3;
  }
  /* label matches full width */
  .hiw-v2-img-label {
    width: 100%;
    margin-left: 0;
    padding: 0 2px;
  }
}

/* HOME — PLATFORM */
.plat-v3 { position: relative; padding: 100px 0 120px; }
.plat-v3 .container { position: relative; z-index: 1; }
.plat-v3 .plat-head { text-align: center; margin-bottom: 48px; }
.plat-v3 .plat-tabs { display: flex; gap: 0; justify-content: center; background: rgba(96,165,250,0.06); border: 1px solid rgba(96,165,250,0.15); border-radius: 100px; padding: 5px; width: fit-content; margin: 0 auto 56px; }
.plat-v3 .plat-tab { padding: 10px 28px; border-radius: 100px; font-size: 14px; font-weight: 600; color: rgba(240,246,255,0.35); cursor: pointer; border: none; background: transparent; font-family: var(--font); transition: all 0.25s ease; white-space: nowrap; }
@media (max-width: 767px) {
  .plat-v3 .plat-tabs { width: 100%; margin: 0 auto 32px; }
  .plat-v3 .plat-tab { padding: 8px 12px; font-size: 11px; flex: 1; text-align: center; }
  .plat-v3 { padding: 60px 0 70px; }
}
.plat-v3 .plat-tab.active { background: rgba(37,99,235,0.3); color: #f0f6ff; border: 1px solid rgba(96,165,250,0.3); box-shadow: 0 2px 12px rgba(37,99,235,0.25); }
.plat-v3 .plat-panels { position: relative; }
.plat-v3 .plat-panel { display: none; }
.plat-v3 .plat-panel.active { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; animation: v3-panel-in 0.5s cubic-bezier(0.22,1,0.36,1); }
@keyframes v3-panel-in { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.plat-v3 .plat-panel--flip { direction: rtl; }
.plat-v3 .plat-panel--flip > * { direction: ltr; }
.plat-v3 .plat-img-wrap { position: relative; border-radius: 28px; overflow: hidden; background: linear-gradient(160deg, #0d1f3c, #071428); border: 1px solid rgba(96,165,250,0.12); aspect-ratio: 4/3; display: flex; align-items: center; justify-content: center; box-shadow: 0 24px 80px rgba(0,0,0,0.4); }
.plat-v3 .plat-img-wrap img { width: 80%; height: 80%; object-fit: contain; transition: transform 0.5s ease; }
.plat-v3 .plat-panel.active .plat-img-wrap img { transform: scale(1.03); }
.plat-v3 .plat-img-badge { position: absolute; bottom: 20px; left: 20px; z-index: 2; background: rgba(2,12,27,0.85); backdrop-filter: blur(10px); border: 1px solid rgba(96,165,250,0.2); border-radius: 12px; padding: 10px 16px; display: flex; align-items: center; gap: 10px; }
.plat-v3 .plat-img-badge-dot { width: 8px; height: 8px; background: #22c55e; border-radius: 50%; animation: v3-pulse 2s infinite; }
@keyframes v3-pulse { 0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.4)} 50%{box-shadow:0 0 0 6px rgba(34,197,94,0)} }
.plat-v3 .plat-img-badge span { font-size: 12px; font-weight: 700; color: #f0f6ff; }
.plat-v3 .plat-text { display: flex; flex-direction: column; gap: 22px; }
.plat-v3 .plat-text-num { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(96,165,250,0.4); }
.plat-v3 .plat-text h3 { font-size: 34px; font-weight: 800; color: #f0f6ff; letter-spacing: -0.3px; line-height: 1.2; }
.plat-v3 .plat-text h3 span { background: linear-gradient(135deg,#60a5fa,#2563eb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.plat-v3 .plat-text p { font-size: 15px; line-height: 1.75; color: rgba(240,246,255,0.45); max-width: 440px; }
.plat-v3 .plat-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.plat-v3 .plat-tag { font-size: 11.5px; font-weight: 600; padding: 5px 12px; border-radius: 100px; background: rgba(96,165,250,0.08); border: 1px solid rgba(96,165,250,0.18); color: #60a5fa; }
.plat-v3 .plat-tag--soon { background: rgba(250,204,21,0.08); border-color: rgba(250,204,21,0.2); color: #ca8a04; }
.plat-v3 .plat-actions { display: flex; flex-direction: column; gap: 14px; }
.plat-v3 .plat-dl-row { display: flex; gap: 8px; flex-wrap: wrap; }
.plat-v3 .plat-dl-btn { display: flex; align-items: center; gap: 5px; padding: 8px 14px; background: rgba(13,31,60,0.6); border: 1px solid rgba(96,165,250,0.18); border-radius: 10px; font-size: 11.5px; font-weight: 600; color: #f0f6ff; text-decoration: none; font-family: var(--font); transition: all 0.2s; }
.plat-v3 .plat-dl-btn:hover { border-color: rgba(96,165,250,0.45); background: rgba(30,58,138,0.3); transform: translateY(-1px); }
.plat-v3 .plat-dl-btn svg { width: 13px; height: 13px; }
.plat-v3 .plat-cta-link { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 700; color: #60a5fa; text-decoration: none; transition: gap 0.2s; }
.plat-v3 .plat-cta-link:hover { gap: 11px; }
.plat-v3 .plat-coming-note { font-size: 13px; color: rgba(240,246,255,0.25); }
@media (max-width: 900px) { .plat-v3 .plat-panel.active { grid-template-columns: 1fr; gap: 32px; } .plat-v3 .plat-panel--flip { direction: ltr; } .plat-v3 .plat-tabs { flex-wrap: wrap; border-radius: 20px; } }
@media (max-width: 767px) {
  .plat-v3 .plat-img-badge { padding: 6px 10px; }
  .plat-v3 .plat-img-badge span { font-size: 10px; }
  .plat-v3 .plat-img-badge-dot { width: 6px; height: 6px; }
}


/* HOME — FAQ */
.faq-v2-inner { display: grid; grid-template-columns: 360px 1fr; gap: 80px; align-items: start; }
.faq-v2-left { padding-top: 22px; }
.faq-v2-sub { margin: 0 0 28px; }
.faq-v2-link { display: inline-flex; align-items: center; font-size: 14px; font-weight: 600; color: var(--color-accent); transition: opacity var(--transition); }
.faq-v2-link:hover { opacity: 0.7; }
.faq-v2-right .card-heading { font-weight: 500; font-size: 16px; }
@media (max-width: 991px) { .faq-v2-inner { grid-template-columns: 1fr; gap: 40px; } .faq-v2-left { padding-top: 0; } }
@media (max-width: 767px) { .faq-v2 { padding: 60px 0 70px; } }

/* unlock section-vh-lg on mobile */
@media (max-width: 767px) {
  .faq-v2.section-vh-lg,
  .why-us-v15.section-vh-lg,
  .market-faq-section {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    align-items: flex-start;
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

/*  *************************************************************************************************** */
@media (max-width: 767px) {
  .pricing-hero-section {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    align-items: flex-start;
    padding-top: 80px;
    padding-bottom: 64px;
  }
}

/* ── ACCOUNT TYPES — COMPARISON TABLE ── */
.ct4-heading { margin-bottom: 48px; }
.ct4-wrap { max-width: 1100px; margin: 0 auto; position: relative; z-index: 1; border-radius: 20px; border: 1px solid rgba(96,165,250,0.1); background: rgba(255,255,255,0.02); backdrop-filter: blur(8px); overflow: visible; }
.ct4-thead { display: grid; grid-template-columns: 200px repeat(4, 1fr); background: rgba(2,12,27,0.9); border-bottom: 1px solid rgba(96,165,250,0.12); border-radius: 20px 20px 0 0; }
.ct4-th { padding: 22px 16px; font-size: 14px; font-weight: 700; color: rgba(240,246,255,0.5); text-align: center; position: relative; }
.ct4-th-feat { text-align: left; }
.ct4-th-popular { color: #60a5fa; background: rgba(37,99,235,0.1); border-left: 1px solid rgba(96,165,250,0.15); border-right: 1px solid rgba(96,165,250,0.15); display: flex; align-items: center; justify-content: center; overflow: visible; }
.ct4-glow-col { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(37,99,235,0.08) 0%, transparent 100%); pointer-events: none; }
.ct4-pop-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); font-size: 9.5px; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase; background: linear-gradient(135deg, #1d4ed8, #2563eb); color: #fff; padding: 3px 10px; border-radius: 20px; white-space: nowrap; box-shadow: 0 2px 10px rgba(37,99,235,0.5); z-index: 10; }
.ct4-pop-label { position: relative; z-index: 1; }
.ct4-group { border-bottom: 1px solid rgba(96,165,250,0.07); }
.ct4-group-title { padding: 8px 20px; font-size: 10px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: rgba(96,165,250,0.4); background: rgba(96,165,250,0.03); border-bottom: 1px solid rgba(96,165,250,0.06); }
.ct4-tr { display: grid; grid-template-columns: 200px repeat(4, 1fr); border-bottom: 1px solid rgba(96,165,250,0.05); transition: background var(--transition); }
.ct4-tr:last-child { border-bottom: none; }
.ct4-tr:hover { background: rgba(96,165,250,0.03); }
.ct4-td { padding: 14px 16px; font-size: 13px; font-weight: 600; color: rgba(240,246,255,0.7); text-align: center; display: flex; align-items: center; justify-content: center; }
.ct4-td-feat { font-size: 12.5px; font-weight: 500; color: rgba(240,246,255,0.35); text-align: left; justify-content: flex-start; padding-left: 20px; }
.ct4-td-pop { color: #93c5fd; background: rgba(37,99,235,0.06); border-left: 1px solid rgba(96,165,250,0.08); border-right: 1px solid rgba(96,165,250,0.08); }
.ct4-tfoot { display: grid; grid-template-columns: 200px repeat(4, 1fr); padding: 0; background: rgba(2,12,27,0.8); border-top: 1px solid rgba(96,165,250,0.1); border-radius: 0 0 20px 20px; overflow: hidden; }
.ct4-tf { display: flex; align-items: center; justify-content: center; padding: 20px 12px; }
.ct4-tf-pop { background: rgba(37,99,235,0.06); border-left: 1px solid rgba(96,165,250,0.08); border-right: 1px solid rgba(96,165,250,0.08); padding: 0 12px; min-width: 0; overflow: hidden; }
.ct4-tf-feat { padding-left: 20px; }
.ct4-btn { display: block; width: 100%; box-sizing: border-box; text-align: center; padding: 11px 12px; border-radius: var(--radius-sm); font-size: 12.5px; font-weight: 700; text-decoration: none; background: rgba(96,165,250,0.07); color: #60a5fa; border: 1px solid rgba(96,165,250,0.18); transition: all var(--transition); }
.ct4-btn:hover { background: rgba(96,165,250,0.14); border-color: rgba(96,165,250,0.35); }
.ct4-btn-pop { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; border-color: transparent; box-shadow: 0 4px 20px rgba(37,99,235,0.4); }
.ct4-btn-pop:hover { box-shadow: 0 6px 28px rgba(37,99,235,0.6); transform: translateY(-1px); }
@media (max-width: 900px) { .ct4-thead, .ct4-tr, .ct4-tfoot { grid-template-columns: 140px repeat(4, 1fr); } .ct4-td { font-size: 11.5px; padding: 12px 8px; } .ct4-td-feat { font-size: 11px; padding-left: 12px; } }
@media (max-width: 640px) {
  .ct4-wrap { overflow: visible; border: none; background: none; backdrop-filter: none; }
  .ct4-thead, .ct4-tfoot { display: none; }
  .ct4-tr { grid-template-columns: 1fr 1fr; }
  .ct4-group-title { font-size: 9px; padding: 8px 14px; }
  .ct4-td:not(.ct4-td-feat) { display: none; }
  .ct4-td-feat { padding-left: 14px; font-size: 11.5px; color: rgba(240,246,255,0.4); justify-content: flex-start; }
  .ct4-td.ct4-mob-active { display: flex; font-size: 12.5px; font-weight: 700; color: rgba(240,246,255,0.85); }
  .ct4-td.ct4-mob-active.ct4-td-pop { background: none; border: none; color: #93c5fd; }
  .ct4-mob-tabs { display: flex; border-radius: 12px; background: rgba(2,12,27,0.7); border: 1px solid rgba(96,165,250,0.12); overflow: hidden; margin-bottom: 16px; }
  .ct4-mob-tab { flex: 1; padding: 11px 4px; font-size: 11px; font-weight: 700; color: rgba(240,246,255,0.4); text-align: center; cursor: pointer; background: none; border: none; }
  .ct4-mob-tab.active { color: #60a5fa; background: rgba(37,99,235,0.12); }
  .ct4-mob-tab.active-popular { color: #fff; background: linear-gradient(135deg, #2563eb, #1d4ed8); }
  .ct4-mob-cta { display: flex; justify-content: center; padding: 20px 0 4px; }
  .ct4-mob-cta .ct4-btn { min-width: 180px; padding: 13px 24px; font-size: 13px; }
}
@media (min-width: 641px) {
  .ct4-mob-tabs, .ct4-mob-cta { display: none; }
}

/*  ***********************************  DEPOSITS PAGE **************************************************************** */

.dep-hero-wrap.section-vh-hero {
  height: auto !important;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .bg-hero-dep .hero-heading { font-size: 36px; letter-spacing: -1px; }
  .bg-hero-dep .hero-typing-wrapper { display: block; }
  .va-chrome { flex-wrap: wrap; gap: 6px; padding: 10px 14px; }
  .va-chrome-t { font-size: 9px; }
  .va-live { font-size: 8px; }
  .va-live span { display: none; }
  .va-ticker { justify-content: center; }
  .va-det { padding: 20px 16px; }
  .dep-ht-lbl { display: none; }
  .dep-hero-wrap .btn-secondary { display: none; }
  .va-kpis { grid-template-columns: 1fr 1fr; }
}
.dep-hero-trust { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; width: 100%; }
.dep-ht-card { background: linear-gradient(145deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.55) 100%); backdrop-filter: blur(32px) saturate(200%); -webkit-backdrop-filter: blur(32px) saturate(200%); border: 1px solid rgba(255,255,255,0.9); border-bottom: 1px solid rgba(37,99,235,0.1); border-radius: 24px; padding: 18px 16px 16px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; box-shadow: 0 8px 32px rgba(37,99,235,0.08), inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(37,99,235,0.06); transition: transform 0.32s cubic-bezier(.22,.68,0,1.2), box-shadow 0.32s ease; position: relative; overflow: hidden; }
.dep-ht-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 52%; background: linear-gradient(180deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%); border-radius: 24px 24px 60% 60% / 24px 24px 40px 40px; pointer-events: none; z-index: 1; }
.dep-ht-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 20%, rgba(255,255,255,0.6) 50%, transparent 80%); transform: translateX(-100%); transition: transform 0.55s ease; pointer-events: none; z-index: 2; }
.dep-ht-card:hover::after { transform: translateX(100%); }
.dep-ht-card:hover { transform: translateY(-6px); box-shadow: 0 24px 64px rgba(37,99,235,0.13), inset 0 1px 0 rgba(255,255,255,1); }
.dep-ht-img { width: 80px; height: 80px; object-fit: contain; filter: drop-shadow(0 8px 20px rgba(37,99,235,0.2)); transition: transform 0.32s cubic-bezier(.22,.68,0,1.2); position: relative; z-index: 3; }
.dep-ht-card:hover .dep-ht-img { transform: scale(1.07) translateY(-4px); }
.dep-ht-val { font-size: 18px; font-weight: 800; color: #0d1321; letter-spacing: -0.4px; position: relative; z-index: 3; }
.dep-ht-val em { font-style: normal; color: var(--color-accent); }
.dep-ht-lbl { font-size: 12.5px; color: rgba(15,23,42,0.5); line-height: 1.55; max-width: 160px; position: relative; z-index: 3; }
@media (max-width: 900px) { .dep-hero-trust { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .dep-hero-trust { grid-template-columns: repeat(2, 1fr); gap: 12px; } .dep-ht-img { width: 56px; height: 56px; } .dep-ht-val { font-size: 15px; } .dep-ht-lbl { font-size: 11px; } }

/* ── DEPOSITS PAGE ── PAYMENT METHODS */
.dep-stat-row { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); overflow: hidden; }
.dep-stat-cell { padding: 28px 32px; border-right: 1px solid rgba(255,255,255,.06); display: flex; align-items: center; gap: 16px; }
.dep-stat-cell:last-child { border-right: none; }
.dep-stat-ico { width: 44px; height: 44px; border-radius: var(--radius-sm); background: rgba(37,99,235,.1); border: 1px solid rgba(37,99,235,.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.dep-stat-val { font-size: 28px; font-weight: 800; letter-spacing: -.5px; color: #f0f4ff; line-height: 1; }
.dep-stat-lbl { font-size: 12px; color: rgba(240,244,255,.25); margin-top: 3px; }
.dep-table-note { font-size: 11px; color: rgba(240,244,255,.25); text-align: center; margin-top: 16px; }
.va-wrap { position: relative; border-radius: var(--radius-lg); overflow: hidden; background: #040f24; border: 1px solid rgba(37,99,235,.13); box-shadow: 0 0 0 1px rgba(255,255,255,.02), 0 60px 140px rgba(0,0,0,.75), 0 0 80px rgba(37,99,235,.04); }
.va-wrap::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(37,99,235,.013) 3px, rgba(37,99,235,.013) 4px); }
.va-beam { position: absolute; left: 0; right: 0; height: 160px; z-index: 1; pointer-events: none; background: linear-gradient(180deg, transparent 0%, rgba(37,99,235,.05) 40%, rgba(6,182,212,.04) 60%, transparent 100%); animation: va-beam 7s ease-in-out infinite; }
@keyframes va-beam { 0% { top: -160px; opacity: 0; } 8% { opacity: 1; } 88% { opacity: .5; } 100% { top: calc(100% + 160px); opacity: 0; } }
.va-chrome { display: flex; align-items: center; justify-content: space-between; padding: 13px 22px; border-bottom: 1px solid rgba(255,255,255,.055); position: relative; z-index: 2; background: rgba(4,15,36,.8); }
.va-dots { display: flex; gap: 6px; }
.va-d { width: 10px; height: 10px; border-radius: 50%; }
.va-d--r { background: #ff5f57; }
.va-d--y { background: #febc2e; }
.va-d--g { background: #28c840; }
.va-chrome-t { font-size: 11px; font-weight: 600; color: rgba(240,244,255,.18); letter-spacing: .3px; font-family: 'Barlow Condensed', sans-serif; }
.va-live { display: flex; align-items: center; gap: 6px; font-size: 9px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #4ade80; }
.va-ld { width: 5px; height: 5px; background: #22c55e; border-radius: 50%; animation: va-ld 1.6s infinite; }
@keyframes va-ld { 0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,.7); } 50% { box-shadow: 0 0 0 6px rgba(34,197,94,0); } }
.va-split { display: grid; grid-template-columns: 264px 1fr; min-height: 500px; position: relative; z-index: 2; }
.va-sb { border-right: 1px solid rgba(255,255,255,.055); }
.va-sb-hd { padding: 18px 20px 10px; display: flex; align-items: center; gap: 8px; font-size: 8px; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(240,244,255,.16); }
.va-sb-hd::after { content: ''; flex: 1; height: 1px; background: rgba(255,255,255,.05); }
.va-row { display: flex; align-items: center; gap: 11px; padding: 12px 20px; cursor: pointer; border-left: 2px solid transparent; position: relative; transition: border-color var(--transition); }
.va-row::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(37,99,235,.09) 0%, transparent 80%); opacity: 0; transition: opacity var(--transition); }
.va-row:hover::after, .va-row.va-active::after { opacity: 1; }
.va-row.va-active { border-left-color: var(--color-accent); }
.va-row-ico { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 8px; font-weight: 900; flex-shrink: 0; position: relative; z-index: 1; }
.va-ico--visa { background: #1a1f71; color: #fff; }
.va-ico--mc { background: #f79e1b; }
.va-ico--skrill { background: rgba(128,90,213,.15); border: 1px solid rgba(128,90,213,.28); }
.va-ico--neteller { background: rgba(37,99,235,.15); border: 1px solid rgba(37,99,235,.25); }
.va-ico--usdt { background: rgba(13,148,136,.12); border: 1px solid rgba(13,148,136,.25); }
.va-ico--wire { background: rgba(34,197,94,.08); border: 1px solid rgba(34,197,94,.18); }
.va-row-inf { flex: 1; min-width: 0; position: relative; z-index: 1; }
.va-row-nm { font-size: 12px; font-weight: 700; color: #f0f4ff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.va-row-sb { font-size: 9px; color: rgba(240,244,255,.22); margin-top: 1px; }
.va-row-sp { font-size: 7px; font-weight: 800; padding: 2px 7px; border-radius: 4px; text-transform: uppercase; letter-spacing: .5px; position: relative; z-index: 1; white-space: nowrap; }
.va-sp--instant { background: rgba(34,197,94,.1); color: #4ade80; border: 1px solid rgba(34,197,94,.18); }
.va-sp--fast { background: rgba(37,99,235,.12); color: #93c5fd; border: 1px solid rgba(37,99,235,.18); }
.va-sp--slow { background: rgba(100,116,139,.08); color: #94a3b8; border: 1px solid rgba(100,116,139,.12); }
.va-det { padding: 36px 42px; display: flex; flex-direction: column; gap: 24px; transition: opacity .3s ease, transform .3s ease; }
.va-det-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.va-det-left { display: flex; align-items: center; gap: 18px; }
.va-det-ico { width: 60px; height: 60px; border-radius: 16px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; overflow: hidden; }
.va-det-ico::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,.12) 0%, transparent 55%); }
.va-det-nm { font-size: 34px; font-weight: 900; letter-spacing: -1.5px; color: #f0f4ff; line-height: 1; }
.va-det-sub { font-size: 12px; color: rgba(240,244,255,.3); margin-top: 5px; }
.va-det-badge { font-size: 9px; font-weight: 800; padding: 6px 16px; border-radius: 7px; letter-spacing: 1.5px; text-transform: uppercase; align-self: flex-start; white-space: nowrap; }
.va-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.va-kpi { background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.055); border-radius: 12px; padding: 16px 18px; position: relative; overflow: hidden; transition: border-color var(--transition); }
.va-kpi:hover { border-color: rgba(37,99,235,.3); }
.va-kpi::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(37,99,235,.6), transparent); opacity: 0; transition: opacity .3s; }
.va-kpi:hover::after { opacity: 1; }
.va-kpi-l { font-size: 8px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: rgba(240,244,255,.18); margin-bottom: 7px; }
.va-kpi-v { font-size: 26px; font-weight: 900; letter-spacing: -1px; color: #f0f4ff; line-height: 1; }
.va-kpi-v--green { color: #4ade80; }
.va-kpi-n { font-size: 10px; color: rgba(240,244,255,.2); margin-top: 3px; }
.va-spd { background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.05); border-radius: 12px; padding: 18px 20px; }
.va-spd-hd { font-size: 8px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: rgba(240,244,255,.18); margin-bottom: 12px; }
.va-spd-trk { height: 5px; background: rgba(255,255,255,.05); border-radius: 3px; overflow: hidden; }
.va-spd-bar { height: 100%; border-radius: 3px; width: 0; transition: width 1.1s cubic-bezier(.22,1,.36,1); }
.va-spd-lbs { display: flex; justify-content: space-between; margin-top: 7px; font-size: 9px; color: rgba(240,244,255,.2); }
.va-spd-lbs strong { color: rgba(240,244,255,.7); }
.va-ticker { border-top: 1px solid rgba(255,255,255,.05); padding-top: 18px; display: flex; gap: 6px; flex-wrap: wrap; margin-top: auto; }
.va-tk { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06); padding: 4px 11px; border-radius: 5px; font-family: monospace; font-size: 9px; letter-spacing: .5px; color: rgba(240,244,255,.3); }
.va-tk--on { color: #4ade80; border-color: rgba(34,197,94,.2); background: rgba(34,197,94,.04); }
@media (max-width: 700px) { .dep-stat-row { grid-template-columns: 1fr; } .dep-stat-cell { border-right: none; border-bottom: 1px solid rgba(255,255,255,.06); } .dep-stat-cell:last-child { border-bottom: none; } }
@media (max-width: 768px) { .va-split { grid-template-columns: 1fr; } .va-sb { border-right: none; border-bottom: 1px solid rgba(255,255,255,.055); } .va-kpis { grid-template-columns: 1fr 1fr; } .va-det { padding: 24px 20px; } }
@media (max-width: 480px) { .va-kpis { grid-template-columns: 1fr; } }


/* ── DEPOSITS PAGE ── PROGRESS */
.s3v2-head { text-align: center; }
.s3v2-rail { position: relative; display: flex; align-items: flex-start; gap: 0; padding-top: 16px; }
.s3v2-step { display: flex; flex-direction: column; align-items: center; flex: 1; }
.s3v2-connector { flex: 0 0 40px; height: 2px; background: rgba(37,99,235,0.1); border-radius: 2px; overflow: hidden; margin-top: 24px; }
.s3v2-connector-fill { height: 100%; width: 0%; background: linear-gradient(90deg, #2563eb, #60a5fa); border-radius: 2px; transition: width 3.2s linear; }
.s3v2-connector--done .s3v2-connector-fill { width: 100%; transition: none; }
.s3v2-connector--active .s3v2-connector-fill { width: 100%; }
.s3v2-step-node { position: relative; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; z-index: 1; margin-bottom: 20px; flex-shrink: 0; }
.s3v2-step-ring { position: absolute; inset: -6px; border-radius: 50%; border: 1.5px dashed rgba(37,99,235,0.25); opacity: 0; transition: opacity 0.3s ease; }
.s3v2-step--active .s3v2-step-ring { opacity: 1; animation: s3v2-ring-spin 4s linear infinite; }
@keyframes s3v2-ring-spin { to { transform: rotate(360deg); } }
.s3v2-step-dot { width: 48px; height: 48px; border-radius: 50%; background: #fff; border: 1.5px solid rgba(37,99,235,0.12); display: flex; align-items: center; justify-content: center; color: #94a3b8; box-shadow: 0 2px 12px rgba(37,99,235,0.06); transition: all 0.3s ease; }
.s3v2-step--active .s3v2-step-dot { background: var(--color-accent); border-color: var(--color-accent); color: #fff; box-shadow: 0 4px 20px rgba(37,99,235,0.3); }
.s3v2-step--done .s3v2-step-dot { background: rgba(37,99,235,0.07); border-color: rgba(37,99,235,0.2); color: var(--color-accent); }
.s3v2-step-card { background: #ffffff; border: 1.5px solid rgba(37,99,235,0.08); border-radius: var(--radius-lg); padding: 24px 20px 20px; width: 100%; position: relative; overflow: hidden; box-shadow: 0 2px 16px rgba(37,99,235,0.05); transition: all 0.3s ease; display: flex; flex-direction: column; gap: 8px; }
.s3v2-step-card:hover { transform: translateY(-3px); box-shadow: 0 8px 32px rgba(37,99,235,0.1); border-color: rgba(37,99,235,0.18); }
.s3v2-step--active .s3v2-step-card { border-color: rgba(37,99,235,0.25); box-shadow: 0 8px 40px rgba(37,99,235,0.12); }
.s3v2-step-card-glow { position: absolute; top: -40px; left: -40px; width: 160px; height: 160px; background: radial-gradient(circle, rgba(37,99,235,0.06) 0%, transparent 70%); pointer-events: none; opacity: 0; transition: opacity 0.3s ease; }
.s3v2-step--active .s3v2-step-card-glow { opacity: 1; }
.s3v2-step-num { font-size: 10px; font-weight: 700; letter-spacing: 2px; color: rgba(37,99,235,0.35); }
.s3v2-step-title { font-size: 16px; font-weight: 700; color: #0d1321; line-height: 1.3; }
.s3v2-step--active .s3v2-step-title { color: var(--color-accent); }
.s3v2-step-desc { font-size: 13px; line-height: 1.6; color: rgba(15,23,42,0.5); }
.s3v2-step-chip { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; color: #64748b; background: #f1f5f9; border-radius: 100px; padding: 3px 10px; margin-top: 4px; width: fit-content; }
.s3v2-chip-dot { width: 5px; height: 5px; background: #94a3b8; border-radius: 50%; }
.s3v2-step-chip--green { background: rgba(34,197,94,0.08); color: #16a34a; border: 1px solid rgba(34,197,94,0.2); }
.s3v2-chip-dot--green { background: #22c55e; animation: s3v2-chip-pulse 2s infinite; }
@keyframes s3v2-chip-pulse { 0%,100%{opacity:1} 50%{opacity:0.4} }
.s3v2-footer { display: flex; align-items: center; justify-content: center; background: #fff; border: 1.5px solid rgba(37,99,235,0.1); border-radius: var(--radius-lg); padding: 24px 32px; box-shadow: 0 2px 20px rgba(37,99,235,0.06); flex-wrap: wrap; gap: 0; }
.s3v2-footer-stat { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 0 32px; }
.s3v2-footer-val { font-size: 22px; font-weight: 800; color: var(--color-accent); letter-spacing: -0.5px; }
.s3v2-footer-lbl { font-size: 12px; font-weight: 500; color: rgba(15,23,42,0.45); }
.s3v2-footer-divider { width: 1px; height: 40px; background: rgba(37,99,235,0.1); flex-shrink: 0; }
.s3v2-footer-btns { display: flex; gap: 10px; padding: 0 0 0 32px; align-items: center; flex-wrap: wrap; }
@media (max-width: 900px) { .s3v2-rail { flex-wrap: wrap; } .s3v2-connector { display: none; } .s3v2-step { flex: 0 0 calc(50% - 10px); } }
@media (max-width: 580px) { .s3v2-step { flex: 0 0 100%; } .s3v2-footer { flex-direction: column; gap: 20px; } .s3v2-footer-divider { width: 40px; height: 1px; } .s3v2-footer-stat { padding: 0; } .s3v2-footer-btns { padding: 0; justify-content: center; } }
@media (max-width: 767px) {
  /* Steps layout */
  .s3v2-rail { flex-direction: column; gap: 0; padding-top: 0; position: relative; }
  .s3v2-connector { display: none !important; }
  .s3v2-step { flex-direction: row; align-items: center; gap: 16px; flex: none; position: relative; margin-bottom: 16px; }
  .s3v2-step-node { margin-bottom: 0; flex-shrink: 0; position: relative; z-index: 2; }
  .s3v2-step-card { flex: 1; }

  /* Single vertical line through all steps */
  .s3v2-rail::before { content: ''; position: absolute; left: 23px; top: 0; bottom: 0; width: 2px; background: rgba(37,99,235,0.12); z-index: 1; }

  /* Footer — stats row + buttons below */
  .s3v2-footer { flex-direction: row; flex-wrap: wrap; justify-content: center; padding: 16px 12px; gap: 0; }
  .s3v2-footer-stat { padding: 0 8px; gap: 2px; flex-shrink: 0; }
  .s3v2-footer-val { font-size: 14px; }
  .s3v2-footer-lbl { font-size: 9px; text-align: center; }
  .s3v2-footer-divider { width: 1px; height: 32px; background: rgba(37,99,235,0.1); flex-shrink: 0; align-self: center; }
  .s3v2-footer-divider:last-of-type { display: none; }
  .s3v2-footer-btns { display: flex; flex-direction: column; width: 100%; padding: 12px 0 0; border-top: 1px solid rgba(37,99,235,0.1); gap: 8px; margin-top: 8px; }
  .s3v2-footer-btns .btn-primary,
  .s3v2-footer-btns .btn-secondary { width: 100%; justify-content: center; }
}

/* ── DEPOSITS PAGE ── WITHDRAWAL */
.wd-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.wd-card { background: rgba(255,255,255,.03); border: 1px solid rgba(96,165,250,.1); border-radius: var(--radius-lg); padding: 28px 24px; display: flex; flex-direction: column; gap: 16px; transition: border-color 0.3s ease, transform 0.3s ease; }
.wd-card:hover { border-color: rgba(96,165,250,.25); transform: translateY(-4px); }
.wd-card--instant { border-color: rgba(34,197,94,.15); }
.wd-card--instant:hover { border-color: rgba(34,197,94,.35); }
.wd-card-top { display: flex; align-items: center; justify-content: space-between; }
.wd-icon { width: 44px; height: 44px; border-radius: var(--radius-sm); background: rgba(37,99,235,.1); border: 1px solid rgba(96,165,250,.15); display: flex; align-items: center; justify-content: center; }
.wd-badge { font-size: 10px; font-weight: 800; letter-spacing: 1px; padding: 4px 12px; border-radius: 100px; text-transform: uppercase; }
.wd-badge--instant { background: rgba(34,197,94,.1); color: #4ade80; border: 1px solid rgba(34,197,94,.2); }
.wd-badge--fast { background: rgba(37,99,235,.12); color: #93c5fd; border: 1px solid rgba(37,99,235,.2); }
.wd-badge--medium { background: rgba(13,148,136,.1); color: #2dd4bf; border: 1px solid rgba(13,148,136,.2); }
.wd-badge--slow { background: rgba(100,116,139,.08); color: #94a3b8; border: 1px solid rgba(100,116,139,.15); }
.wd-card-title { font-size: 18px; font-weight: 700; color: #f0f4ff; }
.wd-card-sub { font-size: 13px; line-height: 1.65; color: rgba(240,244,255,.4); flex: 1; }
.wd-speed { display: flex; flex-direction: column; gap: 8px; }
.wd-speed-hd { display: flex; justify-content: space-between; font-size: 10px; font-weight: 600; color: rgba(240,244,255,.25); }
.wd-speed-val { color: rgba(240,244,255,.5); }
.wd-speed-val--green { color: #4ade80; }
.wd-speed-trk { height: 4px; background: rgba(255,255,255,.05); border-radius: 4px; overflow: hidden; }
.wd-speed-bar { height: 100%; border-radius: 4px; transition: width 1.2s cubic-bezier(.22,1,.36,1); }
.wd-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.wd-tag { font-size: 10px; font-weight: 600; padding: 3px 10px; border-radius: 100px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); color: rgba(240,244,255,.35); }
.wd-policy { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.wd-policy-left, .wd-policy-right { display: flex; align-items: flex-start; gap: 16px; padding: 20px 24px; border-radius: var(--radius-md); }
.wd-policy-left { background: rgba(37,99,235,.06); border: 1px solid rgba(96,165,250,.12); }
.wd-policy-right { background: rgba(251,191,36,.04); border: 1px solid rgba(251,191,36,.15); }
.wd-policy-icon { font-size: 22px; flex-shrink: 0; }
.wd-policy-title { font-size: 13px; font-weight: 700; color: #f0f4ff; margin-bottom: 4px; }
.wd-policy-txt { font-size: 12px; line-height: 1.65; color: rgba(240,244,255,.4); }
.wd-policy-txt strong { color: #fbbf24; }
.wd-card-img { width: 52px; height: 52px; object-fit: contain; }
@media (max-width: 900px) { .wd-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 580px) { .wd-grid { grid-template-columns: 1fr; } .wd-policy { grid-template-columns: 1fr; } }
@media (max-width: 767px) {
  .wd-policy { grid-template-columns: 1fr; gap: 10px; }
  .wd-policy-left, .wd-policy-right { padding: 16px 18px; border-radius: var(--radius-sm); }
  .wd-policy-icon { font-size: 18px; }
  .wd-policy-title { font-size: 12px; }
  .wd-policy-txt { font-size: 11px; }
}


/* ══ STOCKS PAGE ══ */
.lvm-wrap{position:relative;overflow:hidden;background:#0a0f1e;min-height:100vh}
.lvm-ticker-bg{position:absolute;inset:0;display:flex;pointer-events:none;z-index:0;opacity:0.20}
.lvm-col{flex:1;overflow:hidden;border-right:1px solid rgba(255,255,255,0.03);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 40%,black 60%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 40%,black 60%,transparent 100%);}
.lvm-col:last-child{border-right:none}
.lvm-col-track{display:flex;flex-direction:column}
.lvm-col-track span{display:block;padding:7px 14px;font-size:11px;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif;color:rgba(255,255,255,0.18);letter-spacing:0.3px;border-bottom:1px solid rgba(255,255,255,0.03);white-space:nowrap}
.lvm-col-track em{font-style:normal;font-size:10px;margin-left:6px}
.lvm-col-track span:nth-child(odd) em{color:rgba(74,222,128,0.55)}
.lvm-col-track span:nth-child(even) em{color:rgba(248,113,113,0.45)}
.lvm-col-track--up{animation:lvmScrollUp 28s linear infinite}
.lvm-col-track--down{animation:lvmScrollDown 22s linear infinite}
.lvm-col--1 .lvm-col-track{animation-duration:26s}
.lvm-col--2 .lvm-col-track{animation-duration:32s}
.lvm-col--3 .lvm-col-track{animation-duration:24s}
.lvm-col--4 .lvm-col-track{animation-duration:30s}
.lvm-col--5 .lvm-col-track{animation-duration:27s}
@keyframes lvmScrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
@keyframes lvmScrollDown{0%{transform:translateY(-50%)}100%{transform:translateY(0)}}
.lvm-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 45% 50% at 50% 42%,rgba(8,13,24,1) 0%,rgba(8,13,24,0.98) 25%,rgba(8,13,24,0.85) 50%,rgba(8,13,24,0.3) 70%,transparent 85%),linear-gradient(180deg,rgba(8,13,24,0.7) 0%,transparent 25%,transparent 75%,rgba(8,13,24,0.7) 100%)}
.lvm-inner{position:relative;z-index:2;pointer-events:all;}
.lvm-typed{background:linear-gradient(135deg,#60a5fa 0%,#2563eb 60%,#06b6d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.lvm-cur{background:linear-gradient(135deg,#60a5fa,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:lvmBlink 0.7s step-end infinite}
@keyframes lvmBlink{50%{opacity:0}}
.lvm-stat-cards{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:0;margin-bottom:0}
.lvm-stat-card{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.09);border-radius:var(--radius-lg);padding:14px 20px;transition:border-color var(--transition),transform var(--transition);min-width:150px}
.lvm-stat-card:hover{border-color:rgba(96,165,250,0.3);transform:translateY(-3px)}
.lvm-stat-img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(37,99,235,0.3));opacity:0.85;flex-shrink:0}
.lvm-stat-body{display:flex;flex-direction:column;gap:2px;text-align:left}
.lvm-stat-val{font-size:18px;font-weight:800;color:#f0f6ff;letter-spacing:-0.5px;line-height:1}
.lvm-stat-lbl{font-size:10px;font-weight:500;color:rgba(255,255,255,0.35);white-space:nowrap}
.btn-secondary--dark{color:#f0f6ff;border-color:rgba(255,255,255,0.15)}
.btn-secondary--dark:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.3)}
@media(max-width:768px){.lvm-col--4,.lvm-col--5{display:none}.lvm-stat-cards{gap:8px;padding:0 20px}.lvm-stat-card{min-width:100px;padding:12px 16px}}
@media(max-width:480px){.lvm-col--3{display:none}.lvm-stat-card{flex:1;min-width:calc(40% - 8px)}}
@media(max-width:767px){
  .lvm-wrap.section-vh-hero{
    height:auto!important;
    min-height:100vh;
    padding:100px 0 60px;
  }
  .lvm-inner[style]{
    min-height:unset!important;
  }
}

/* ── What is a Stock CFD? ── */
/* ── S2 SCOREBOARD ── */
.s2b-head{text-align:center;margin-bottom:48px}
.s2b-eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#94a3b8;margin-bottom:12px}
.s2b-board{background:#fff;border:1.5px solid rgba(37,99,235,0.08);border-radius:20px;overflow:hidden;max-width:860px;margin:0 auto 40px;box-shadow:0 2px 20px rgba(37,99,235,0.06)}
.s2b-board-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 32px;border-bottom:1px solid rgba(37,99,235,0.08);background:rgba(37,99,235,0.02)}
.s2b-team{display:flex;flex-direction:column;gap:4px}
.s2b-team--l{align-items:flex-start}
.s2b-team--r{align-items:flex-end}
.s2b-team-badge{font-size:9px;font-weight:800;letter-spacing:2px;padding:3px 10px;border-radius:4px}
.s2b-team-badge--l{background:#f1f5f9;color:#94a3b8;border:1px solid rgba(100,116,139,0.2)}
.s2b-team-badge--r{background:rgba(37,99,235,0.1);color:#2563eb;border:1px solid rgba(37,99,235,0.25)}
.s2b-team-name{font-size:14px;font-weight:700;color:#0d1321}
.s2b-board-mid{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 32px}
.s2b-score-wrap{display:flex;align-items:center;gap:8px}
.s2b-score{font-size:40px;font-weight:900;letter-spacing:-2px;line-height:1;min-width:36px;text-align:center;transition:transform 0.3s}
.s2b-score--l{color:#cbd5e1}
.s2b-score--r{color:#2563eb}
.s2b-score-sep{font-size:24px;font-weight:300;color:#e2e8f0}
.s2b-board-label{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#94a3b8}
.s2b-rows{display:flex;flex-direction:column}
.s2b-row{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;border-bottom:1px solid rgba(37,99,235,0.05);opacity:0;transform:translateY(8px);transition:opacity 0.4s ease,transform 0.4s ease}
.s2b-row.s2b-visible{opacity:1;transform:none}
.s2b-row:last-child{border-bottom:none}
.s2b-tc{font-size:11px;color:#94a3b8;font-style:italic}
.s2b-row:hover{background:rgba(37,99,235,0.02)}
.s2b-cell{padding:14px 24px;font-size:13px;font-weight:500}
.s2b-cell--l{text-align:left;color:#94a3b8}
.s2b-cell--r{text-align:right;color:#0d1321;font-weight:600}
.s2b-cell--win{color:#2563eb!important}
.s2b-cell--lose{text-decoration:line-through;text-decoration-color:#cbd5e1}
.s2b-row-feat{text-align:center;font-size:10px;font-weight:700;color:#94a3b8;letter-spacing:1px;text-transform:uppercase;padding:0 8px;border-left:1px solid rgba(37,99,235,0.06);border-right:1px solid rgba(37,99,235,0.06)}
.s2b-verdict{display:flex;align-items:center;gap:16px;padding:20px 24px;background:rgba(37,99,235,0.04);border-top:1px solid rgba(37,99,235,0.1);flex-wrap:wrap}
.s2b-verdict-tag{font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;background:#2563eb;color:#fff;padding:4px 12px;border-radius:4px;flex-shrink:0}
.s2b-verdict-text{font-size:11px;color:#64748b;flex:1;min-width:200px}
@media(max-width:768px){.s2b-board-head{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.s2b-team--r{display:flex;align-items:center}.s2b-team--l{align-items:center}.s2b-board-mid{padding:0}.s2b-team-name{font-size:13px}.s2b-team-badge{font-size:8px}}
@media(max-width:480px){.s2b-cell{padding:12px 14px;font-size:12px}.s2b-row-feat{font-size:9px}.s2b-verdict{flex-direction:column;align-items:center;text-align:center}.s2b-verdict-tag{align-self:center}.s2b-verdict-text{min-width:unset;text-align:center}}

/* ── S3 Why Trade Stocks ── */
.s3a-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.s3a-card{position:relative;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.3s cubic-bezier(.25,.46,.45,.94),border-color 0.3s,box-shadow 0.3s;cursor:default}
.s3a-card:hover{transform:translateY(-6px);border-color:rgba(96,165,250,0.3);box-shadow:0 20px 60px rgba(37,99,235,0.15)}
.s3a-card:hover .s3a-card-glow{opacity:1}
.s3a-card:hover .s3a-card-img{transform:scale(1.06)}
.s3a-card--wide{grid-column:span 2;flex-direction:row;align-items:stretch}
.s3a-card--wide .s3a-card-img-wrap{flex-shrink:0;width:200px;height:auto;background:rgba(255,255,255,0.03);padding:24px}
.s3a-card--wide .s3a-card-body{padding:32px 28px;flex:1}
.s3a-card--accent{background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 60%,#0369a1 100%);border-color:rgba(96,165,250,0.2)}
.s3a-card--accent:hover{border-color:rgba(96,165,250,0.5);box-shadow:0 20px 60px rgba(37,99,235,0.3)}
.s3a-card--accent .s3a-card-img-wrap{background:transparent;box-shadow:none}
.s3a-card--accent .s3a-card-glow{display:none}
.s3a-card--accent .s3a-card-img{filter:none;mix-blend-mode:normal;opacity:1}
.s3a-card-img-wrap{overflow:hidden;background:rgba(255,255,255,0.04);height:160px;display:flex;align-items:center;justify-content:center;padding:20px}
.s3a-card-img-wrap--sm{height:130px;padding:16px}
.s3a-card-img{width:100%;height:100%;object-fit:contain;transition:transform 0.45s ease;filter:drop-shadow(0 4px 16px rgba(96,165,250,0.15))}
.s3a-card-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px}
.s3a-big-num{font-size:52px;font-weight:900;letter-spacing:-2px;color:#60a5fa;line-height:1;margin-bottom:4px}
.s3a-card-title{font-size:15px;font-weight:700;color:#f0f6ff;margin:0}
.s3a-card-title--w{color:#fff}
.s3a-card-desc{font-size:13px;color:rgba(255,255,255,0.45);line-height:1.7;margin:0;flex:1}
.s3a-card-desc--w{color:rgba(255,255,255,0.7)}
.s3a-cta-link{display:inline-flex;align-items:center;font-size:13px;font-weight:700;color:#fff;margin-top:8px;opacity:0.85;transition:opacity 0.2s;gap:4px}
.s3a-cta-link:hover{opacity:1}
.s3a-card-glow{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(37,99,235,0.08),transparent 60%);pointer-events:none;opacity:0;transition:opacity 0.3s}
@media(max-width:900px){.s3a-grid{grid-template-columns:repeat(2,1fr)}.s3a-card--wide{grid-column:span 2;flex-direction:column}.s3a-card--wide .s3a-card-img-wrap{width:100%;height:160px}}
@media(max-width:560px){.s3a-grid{grid-template-columns:1fr}.s3a-card--wide{grid-column:span 1}}
/* Available Stocks */
.stk-section{position:relative;overflow:hidden;background:linear-gradient(160deg,#dbeafe 0%,#eff6ff 35%,#f8faff 65%,#e0f2fe 100%)}
.stk-section::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(37,99,235,0.1) 0%,transparent 65%);pointer-events:none;z-index:0}
.stk-section::after{content:'';position:absolute;bottom:-150px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(14,116,144,0.07) 0%,transparent 65%);pointer-events:none;z-index:0}
.stk-section>.container{position:relative;z-index:1}

.stk-ticker-wrap{overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);margin-bottom:40px;padding:16px 0;border-top:1px solid rgba(37,99,235,0.12);border-bottom:1px solid rgba(37,99,235,0.12)}
.stk-ticker-track{display:flex;width:max-content;animation:stkTicker 40s linear infinite}
.stk-ticker-track:hover{animation-play-state:paused}
.stk-ticker-item{display:inline-flex;align-items:center;gap:8px;padding:0 28px;font-size:13px;font-weight:600;color:#334155;white-space:nowrap;transition:color 0.2s}
.stk-ticker-item:hover{color:#2563eb}
.stk-ticker-dot{width:5px;height:5px;border-radius:50%;background:#2563eb;flex-shrink:0}
@keyframes stkTicker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.stk-sectors{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stk-sector-card{background:rgba(255,255,255,0.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.9);border-radius:16px;padding:22px 20px;box-shadow:0 8px 32px rgba(37,99,235,0.08),0 2px 8px rgba(37,99,235,0.04);transition:transform 0.25s ease,box-shadow 0.25s ease}
.stk-sector-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(37,99,235,0.13),0 4px 12px rgba(37,99,235,0.06)}
.stk-sector-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.stk-sector-img{width:28px;height:28px;object-fit:contain;flex-shrink:0}
.stk-sector-name{font-size:14px;font-weight:700;color:#0d1321}
.stk-sector-companies{display:flex;flex-direction:column;gap:6px}
.stk-sector-companies span{font-size:12px;color:#64748b;padding:4px 0;border-bottom:1px solid rgba(37,99,235,0.07)}
.stk-sector-companies span:last-child{border-bottom:none}
.stk-sector-card{min-height:220px;height:220px;overflow:hidden;transition:height 0.3s ease}
.stk-sector-card.expanded{height:auto}
.stk-sector-more{display:none}
.stk-more-btn{margin-top:8px;background:none;border:none;color:#2563eb;font-size:11px;font-weight:600;cursor:pointer;padding:0;text-align:left}
.stk-more-btn:hover{text-decoration:underline}
.stk-cta-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:40px}
.stk-cta-btns{display:flex;gap:10px;align-items:center}

@media(max-width:900px){.stk-sectors{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.stk-sectors{grid-template-columns:1fr}}
@media(max-width:540px){.stk-sectors{grid-template-columns:1fr}}

/* ── S6 EDITORIAL ── */
.s6a-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:24px}
.s6a-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(96,165,250,0.5);margin-bottom:12px}
.s6a-rule{height:1px;background:linear-gradient(90deg,rgba(96,165,250,0.2),rgba(96,165,250,0.05) 60%,transparent);margin-bottom:40px}
.s6a-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}
.s6a-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:20px;padding:28px 26px;display:flex;flex-direction:column;box-shadow:0 2px 16px rgba(0,0,0,0.2);transition:transform 0.25s,box-shadow 0.25s,border-color 0.25s}
.s6a-card:hover{transform:translateY(-4px);box-shadow:0 10px 36px rgba(37,99,235,0.15);border-color:rgba(96,165,250,0.25)}
.s6a-card--accent{background:linear-gradient(145deg,#1e3a8a,#1d4ed8);border-color:rgba(96,165,250,0.2);box-shadow:0 8px 32px rgba(37,99,235,0.3)}
.s6a-card--accent:hover{box-shadow:0 16px 48px rgba(37,99,235,0.4);transform:translateY(-4px)}
.s6a-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.s6a-num{font-size:13px;font-weight:800;color:rgba(96,165,250,0.3);letter-spacing:1px;font-family:monospace}
.s6a-num--w{color:rgba(255,255,255,0.3)}
.s6a-tag{font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.3);padding:4px 10px;border-radius:4px;border:1px solid rgba(255,255,255,0.08)}
.s6a-tag--w{background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.55);border-color:transparent}
.s6a-divider{height:2px;background:rgba(255,255,255,0.06);border-radius:2px;margin-bottom:20px}
.s6a-divider--w{background:rgba(255,255,255,0.15)}
.s6a-title{font-size:20px;font-weight:800;color:#f0f6ff;margin:0 0 12px;letter-spacing:-0.3px}
.s6a-title--w{color:#fff}
.s6a-body{font-size:13.5px;line-height:1.78;color:rgba(255,255,255,0.4);margin:0;flex:1}
.s6a-body--w{color:rgba(255,255,255,0.65)}
.s6a-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06)}
.s6a-card--accent .s6a-footer{border-top-color:rgba(255,255,255,0.1)}
.s6a-impact{display:flex;flex-direction:column;gap:5px}
.s6a-impact-label{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.2)}
.s6a-impact-label--w{color:rgba(255,255,255,0.35)}
.s6a-impact-bars{display:flex;gap:3px;align-items:center}
.s6a-bar{width:18px;height:4px;border-radius:2px;background:rgba(255,255,255,0.08)}
.s6a-bar--fill{background:#2563eb}
.s6a-bar--w{background:#fff!important}
.s6a-bar--empty-w{background:rgba(255,255,255,0.2)}
.s6a-freq{font-size:10px;font-weight:600;color:rgba(255,255,255,0.2);text-align:right}
.s6a-freq--w{color:rgba(255,255,255,0.4)}
.s6a-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:14px;flex-wrap:wrap}
.s6a-strip-text{font-size:13.5px;color:rgba(255,255,255,0.4);margin:0;max-width:500px;line-height:1.6}
@media(max-width:900px){.s6a-grid{grid-template-columns:1fr}.s6a-intro{grid-template-columns:1fr;gap:16px}}
@media(max-width:767px){.s6a-strip{flex-direction:column;align-items:center;text-align:center}}

@media(max-width:767px){
  .price-drivers-section{
    height:auto!important;
    min-height:unset!important;
    overflow:visible!important;
    align-items:flex-start;
    padding-top:60px;
    padding-bottom:60px;
  }
}


/* S3B Why Trade Stocks */
.s3b-layout{display:grid;grid-template-columns:300px 1fr;gap:14px;align-items:stretch}
.s3b-hero-card{position:relative;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.3s cubic-bezier(.25,.46,.45,.94),border-color 0.3s,box-shadow 0.3s;cursor:default}
.s3b-hero-card:hover{transform:translateY(-6px);border-color:rgba(96,165,250,0.3);box-shadow:0 20px 60px rgba(37,99,235,0.15)}
.s3b-hero-card:hover .s3b-card-glow{opacity:1}
.s3b-hero-card:hover .s3b-hero-img{transform:scale(1.05)}
.s3b-hero-img-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:28px 24px 16px;min-height:220px;background:rgba(255,255,255,0.03);overflow:hidden}
.s3b-hero-img{width:100%;max-width:180px;height:auto;object-fit:contain;transition:transform 0.45s ease;filter:drop-shadow(0 6px 24px rgba(96,165,250,0.2))}
.s3b-hero-body{padding:20px 24px 26px;display:flex;flex-direction:column;gap:6px}
.s3b-big-num{font-size:56px;font-weight:900;letter-spacing:-2px;color:#60a5fa;line-height:1;margin-bottom:4px}
.s3b-hero-title{font-size:16px;font-weight:700;color:#f0f6ff;margin:0}
.s3b-hero-desc{font-size:13px;color:rgba(255,255,255,0.45);line-height:1.7;margin:0}
.s3b-right-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.s3b-card{position:relative;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.3s cubic-bezier(.25,.46,.45,.94),border-color 0.3s,box-shadow 0.3s;cursor:default}
.s3b-card:hover{transform:translateY(-6px);border-color:rgba(96,165,250,0.3);box-shadow:0 20px 60px rgba(37,99,235,0.15)}
.s3b-card:hover .s3b-card-glow{opacity:1}
.s3b-card:hover .s3b-card-img{transform:scale(1.06)}
.s3b-card--accent{background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 60%,#0369a1 100%);border-color:rgba(96,165,250,0.2)}
.s3b-card--accent:hover{border-color:rgba(96,165,250,0.5);box-shadow:0 20px 60px rgba(37,99,235,0.3)}
.s3b-card-img-wrap{height:140px;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(255,255,255,0.03);overflow:hidden}
.s3b-card--accent .s3b-card-img-wrap{background:rgba(255,255,255,0.06)}
.s3b-card-img{height:100%;max-width:100%;object-fit:contain;transition:transform 0.45s ease;filter:drop-shadow(0 4px 16px rgba(96,165,250,0.15))}
.s3b-card-img--invert{filter:brightness(0) invert(1) opacity(0.65)}
.s3b-card-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:7px;flex:1}
.s3b-card-title{font-size:14px;font-weight:700;color:#f0f6ff;margin:0}
.s3b-card-title--w{color:#fff}
.s3b-card-desc{font-size:12.5px;color:rgba(255,255,255,0.45);line-height:1.7;margin:0;flex:1}
.s3b-card-desc--w{color:rgba(255,255,255,0.72)}
.s3b-cta-link{display:inline-flex;align-items:center;font-size:13px;font-weight:700;color:#fff;margin-top:6px;opacity:0.85;transition:opacity 0.2s;gap:4px}
.s3b-cta-link:hover{opacity:1}
.s3b-card-glow{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(37,99,235,0.08),transparent 60%);pointer-events:none;opacity:0;transition:opacity 0.3s}
@media(max-width:960px){.s3b-layout{grid-template-columns:1fr}.s3b-hero-card{flex-direction:row;align-items:stretch}.s3b-hero-img-wrap{width:200px;flex:none;min-height:unset}.s3b-hero-body{padding:24px 24px 28px}}
@media(max-width:640px){.s3b-right-grid{grid-template-columns:1fr}.s3b-hero-card{flex-direction:column}.s3b-hero-img-wrap{width:100%;min-height:200px}}

/* S3C Why Trade Stocks */
.s3c-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:stretch}
.s3c-card{position:relative;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.3s cubic-bezier(.25,.46,.45,.94),border-color 0.3s,box-shadow 0.3s;cursor:default}
.s3c-card:hover{transform:translateY(-6px);border-color:rgba(96,165,250,0.3);box-shadow:0 20px 60px rgba(37,99,235,0.15)}
.s3c-card:hover .s3c-glow{opacity:1}
.s3c-card:hover .s3c-img{transform:scale(1.06)}
.s3c-card--accent{background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 60%,#0369a1 100%);border-color:rgba(96,165,250,0.2)}
.s3c-card--accent:hover{border-color:rgba(96,165,250,0.5);box-shadow:0 20px 60px rgba(37,99,235,0.3)}
.s3c-img-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:28px 20px 16px;background:rgba(255,255,255,0.03);overflow:hidden;min-height:180px}
.s3c-card--accent .s3c-img-wrap{background:rgba(255,255,255,0.06)}
.s3c-img{width:100%;max-width:120px;height:auto;object-fit:contain;transition:transform 0.45s ease;filter:drop-shadow(0 6px 24px rgba(96,165,250,0.2))}
.s3c-img--invert{filter:brightness(0) invert(1) opacity(0.65)}
.s3c-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px}
.s3c-big-num{font-size:48px;font-weight:900;letter-spacing:-2px;color:#60a5fa;line-height:1;margin-bottom:2px}
.s3c-title{font-size:14px;font-weight:700;color:#f0f6ff;margin:0}
.s3c-title--w{color:#fff}
.s3c-desc{font-size:12.5px;color:rgba(255,255,255,0.45);line-height:1.7;margin:0}
.s3c-desc--w{color:rgba(255,255,255,0.72)}
.s3c-cta-link{display:inline-flex;align-items:center;font-size:13px;font-weight:700;color:#fff;margin-top:6px;opacity:0.85;transition:opacity 0.2s;gap:4px}
.s3c-cta-link:hover{opacity:1}
.s3c-glow{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(37,99,235,0.08),transparent 60%);pointer-events:none;opacity:0;transition:opacity 0.3s}
@media(max-width:1024px){.s3c-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.s3c-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.s3c-grid{grid-template-columns:1fr}}

/* ══ ----------------------------------FOREX PAGE --------------------------------------------- ══ */

/* FOREX LANDING */
.frx-hero-wrap{position:relative;overflow:hidden}
.frx-ticker-bg{position:absolute;inset:0;display:flex;pointer-events:none;z-index:0;opacity:0.75}
.frx-col{flex:1;overflow:hidden;border-right:1px solid rgba(37,99,235,0.06);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 35%,black 65%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 35%,black 65%,transparent 100%)}
.frx-col:last-child{border-right:none}
.frx-col-track{display:flex;flex-direction:column}
.frx-col-track span{display:block;padding:7px 14px;font-size:11px;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif;color:rgba(15,23,42,0.35);letter-spacing:0.3px;border-bottom:1px solid rgba(37,99,235,0.06);white-space:nowrap}
.frx-col-track span:nth-child(odd) em{font-style:normal;font-size:10px;margin-left:6px;color:rgba(37,99,235,0.65)}
.frx-col-track span:nth-child(even) em{font-style:normal;font-size:10px;margin-left:6px;color:rgba(220,38,38,0.55)}
.frx-col-track--up{animation:frxScrollUp 28s linear infinite}
.frx-col-track--down{animation:frxScrollDown 22s linear infinite}
.frx-col--1 .frx-col-track{animation-duration:26s}
.frx-col--2 .frx-col-track{animation-duration:32s}
.frx-col--3 .frx-col-track{animation-duration:24s}
.frx-col--4 .frx-col-track{animation-duration:30s}
.frx-col--5 .frx-col-track{animation-duration:27s}
@keyframes frxScrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
@keyframes frxScrollDown{0%{transform:translateY(-50%)}100%{transform:translateY(0)}}
.frx-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.7) 45%,transparent 80%),linear-gradient(180deg,rgba(255,255,255,0.65) 0%,transparent 25%,transparent 75%,rgba(255,255,255,0.65) 100%)}
.frx-hero-wrap .lvm-inner{position:relative;z-index:2}
.frx-hero-wrap .lvm-stat-card{background:rgba(255,255,255,0.75);border:1px solid rgba(37,99,235,0.12);box-shadow:0 4px 24px rgba(37,99,235,0.08)}
.frx-hero-wrap .lvm-stat-card:hover{border-color:rgba(37,99,235,0.3);background:rgba(255,255,255,0.9)}
.frx-hero-wrap .lvm-stat-val{color:#0d1321}
.frx-hero-wrap .lvm-stat-lbl{color:rgba(15,23,42,0.45)}
.frx-hero-wrap .lvm-stat-img{filter:drop-shadow(0 4px 12px rgba(37,99,235,0.15))}
@media(max-width:768px){.frx-col--4,.frx-col--5{display:none}}
@media(max-width:480px){.frx-col--3{display:none}}
@media(max-width:767px){
  .frx-hero-wrap.section-vh-hero{
    height:auto!important;
    min-height:100svh;
    padding:100px 0 60px;
  }
}

/* ══ ----------------------------------COMMODITIES PAGE --------------------------------------------- ══ */
.com-typing-text {
  display: inline;
  color: var(--color-accent);
}

/* ══ ---------------------------------- INDICES PAGE --------------------------------------------- ══ */

/* INDICES LANDING */
.idx-hero-wrap{position:relative;overflow:hidden}
.idx-ticker-bg{position:absolute;inset:0;display:flex;pointer-events:none;z-index:0;opacity:0.75}
.idx-col{flex:1;overflow:hidden;border-right:1px solid rgba(37,99,235,0.06);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 35%,black 65%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 35%,black 65%,transparent 100%)}
.idx-col:last-child{border-right:none}
.idx-col-track{display:flex;flex-direction:column}
.idx-col-track span{display:block;padding:7px 14px;font-size:11px;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif;color:rgba(15,23,42,0.35);letter-spacing:0.3px;border-bottom:1px solid rgba(37,99,235,0.06);white-space:nowrap}
.idx-col-track span:nth-child(odd) em{font-style:normal;font-size:10px;margin-left:6px;color:rgba(37,99,235,0.65)}
.idx-col-track span:nth-child(even) em{font-style:normal;font-size:10px;margin-left:6px;color:rgba(220,38,38,0.55)}
.idx-col-track--up{animation:idxScrollUp 28s linear infinite}
.idx-col-track--down{animation:idxScrollDown 22s linear infinite}
.idx-col--1 .idx-col-track{animation-duration:26s}
.idx-col--2 .idx-col-track{animation-duration:32s}
.idx-col--3 .idx-col-track{animation-duration:24s}
.idx-col--4 .idx-col-track{animation-duration:30s}
.idx-col--5 .idx-col-track{animation-duration:27s}
@keyframes idxScrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
@keyframes idxScrollDown{0%{transform:translateY(-50%)}100%{transform:translateY(0)}}
.idx-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.7) 45%,transparent 80%),linear-gradient(180deg,rgba(255,255,255,0.65) 0%,transparent 25%,transparent 75%,rgba(255,255,255,0.65) 100%)}
.idx-hero-wrap .container{position:relative;z-index:2}
.idx-hero-wrap .lvm-stat-card{background:rgba(255,255,255,0.75);border:1px solid rgba(37,99,235,0.12);box-shadow:0 4px 24px rgba(37,99,235,0.08)}
.idx-hero-wrap .lvm-stat-card:hover{border-color:rgba(37,99,235,0.3);background:rgba(255,255,255,0.9)}
.idx-hero-wrap .lvm-stat-val{color:#0d1321}
.idx-hero-wrap .lvm-stat-lbl{color:rgba(15,23,42,0.45)}
.idx-hero-wrap .lvm-stat-img{filter:drop-shadow(0 4px 12px rgba(37,99,235,0.15))}
@media(max-width:768px){.idx-col--4,.idx-col--5{display:none}}
@media(max-width:480px){.idx-col--3{display:none}}

/* ══ ----------------------------------CALENDAR --------------------------------------------- ══ */

/* ── EC2 HERO ── */
.ec2-hero-wrap { position:relative; overflow:hidden; }
.ec2-ticker-bg{position:absolute;inset:0;display:flex;pointer-events:none;z-index:0;opacity:0.6;}
.ec2-col{flex:1;overflow:hidden;border-right:1px solid rgba(37,99,235,0.06);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 30%,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 30%,black 70%,transparent 100%);}
.ec2-col:last-child{border-right:none;}
.ec2-col-track{display:flex;flex-direction:column;}
.ec2-col-track span{display:block;padding:8px 14px;font-size:11px;font-weight:600;font-family:var(--font);color:rgba(15,23,42,0.3);border-bottom:1px solid rgba(37,99,235,0.05);white-space:nowrap;}
.ev-name{color:rgba(15,23,42,0.45);}
.ev-hi{color:rgba(220,38,38,0.65);font-weight:800;font-size:9px;letter-spacing:1px;padding:1px 5px;border-radius:3px;background:rgba(220,38,38,0.06);}
.ev-med{color:rgba(161,114,8,0.75);font-weight:800;font-size:9px;letter-spacing:1px;padding:1px 5px;border-radius:3px;background:rgba(234,179,8,0.07);}
.ev-lo{color:rgba(37,99,235,0.6);font-weight:800;font-size:9px;letter-spacing:1px;padding:1px 5px;border-radius:3px;background:rgba(37,99,235,0.05);}
.ec2-col-track--up{animation:ec2ScrollUp 28s linear infinite;}
.ec2-col-track--down{animation:ec2ScrollDown 24s linear infinite;}
.ec2-col--1 .ec2-col-track{animation-duration:26s;}
.ec2-col--2 .ec2-col-track{animation-duration:31s;}
.ec2-col--3 .ec2-col-track{animation-duration:23s;}
.ec2-col--4 .ec2-col-track{animation-duration:29s;}
.ec2-col--5 .ec2-col-track{animation-duration:27s;}
@keyframes ec2ScrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
@keyframes ec2ScrollDown{0%{transform:translateY(-50%)}100%{transform:translateY(0)}}
.ec2-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.72) 45%,transparent 80%),linear-gradient(180deg,rgba(255,255,255,0.7) 0%,transparent 30%,transparent 70%,rgba(255,255,255,0.7) 100%);}
.ec2-hero-wrap .container{position:relative;z-index:2;}
.ec2-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.ec2-hero-left{display:flex;flex-direction:column;gap:0;}
.ec2-hero-right{display:flex;align-items:center;justify-content:center;}
.ec2-hero-img{width:100%;max-width:480px;height:auto;filter:drop-shadow(0 20px 60px rgba(37,99,235,0.15));}
.ec2-hero-desc{color:rgba(15,23,42,0.55);max-width:480px;line-height:1.75;margin-bottom:20px;}
.ec2-stat-chips{display:flex;gap:8px;flex-wrap:nowrap;align-items:center;margin-bottom:20px;}
.ec2-chip{display:inline-flex;align-items:center;background:rgba(255,255,255,0.8);border:1px solid rgba(37,99,235,0.14);border-radius:100px;padding:5px 10px;font-size:11px;font-weight:600;color:#0d1321;white-space:nowrap;box-shadow:0 2px 8px rgba(37,99,235,0.06);}
.ec2-hero-btns{justify-content:flex-start;margin-top:0;}
.ec2-typing-cursor{color:#2563eb;animation:ec2Blink 0.7s step-end infinite;}
@keyframes ec2Blink{50%{opacity:0}}
@media (max-width: 768px) {
  .ec2-hero-inner {
    grid-template-columns: 1fr;
    gap: 32px;
    text-align: center;
  }

  .ec2-hero-left {
    align-items: center;
  }

  .ec2-hero-desc {
    max-width: 100%;
  }

  .ec2-stat-chips {
    justify-content: center;
    flex-wrap: wrap;
  }

  .ec2-hero-btns {
    justify-content: center;
  }

  .ec2-hero-right {
    display: none; /* or keep it — remove this line if you want the calendar image to show below */
  }
}

@media (max-width: 768px) {
  .tc-hero-inner {
    grid-template-columns: 1fr;
    gap: 32px;
    text-align: center;
  }

  .tc-hero-left {
    align-items: center;
    display: flex;
    flex-direction: column;
  }

  .tc-hero-right {
    display: none;
  }
}
/* ── EC3 HOW TO USE ── */
.ec3-section{position:relative;overflow:hidden;}
.ec3-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,0.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0;}
.ec3-section .container{position:relative;z-index:1;}
.ec3-head{margin-bottom:48px;}
.ec3-wrap{max-width:900px;margin:0 auto;}
.ec3-nodes{display:flex;align-items:center;justify-content:center;margin-bottom:24px;padding:0 40px;}
.ec3-node-col{flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.ec3-line-seg{flex:1;height:2px;background:linear-gradient(90deg,rgba(37,99,235,0.3),#2563eb,rgba(37,99,235,0.3));position:relative;overflow:hidden;}
.ec3-line-seg::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent);animation:ec3Shimmer 2.5s linear infinite;}
.ec3-node{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;}
.ec3-node--outline{background:#fff;border:2px solid #2563eb;box-shadow:0 0 0 8px rgba(37,99,235,0.08);}
.ec3-node--filled{background:#2563eb;border:2px solid #2563eb;box-shadow:0 0 0 10px rgba(37,99,235,0.12),0 8px 28px rgba(37,99,235,0.35);}
.ec3-node-num{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#fff;font-family:var(--font);line-height:1;}
.ec3-node-num--dark{background:#fff;color:#2563eb;border:2px solid #2563eb;}
.ec3-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:start;}
.ec3-card{background:#fff;border:1.5px solid rgba(37,99,235,0.1);border-radius:20px;padding:28px 24px;box-shadow:0 4px 24px rgba(37,99,235,0.07);display:flex;flex-direction:column;gap:12px;transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;position:relative;overflow:hidden;}
.ec3-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(37,99,235,0.13);border-color:rgba(37,99,235,0.25);}
.ec3-card--featured{border:2px solid rgba(37,99,235,0.28);box-shadow:0 8px 40px rgba(37,99,235,0.13);}
.ec3-card--featured:hover{box-shadow:0 20px 56px rgba(37,99,235,0.18);border-color:rgba(37,99,235,0.4);}
.ec3-card-topbar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#60a5fa,#2563eb);background-size:200% 100%;animation:ec3Shimmer2 2s linear infinite;}
.ec3-badge{display:inline-flex;align-items:center;gap:6px;border-radius:100px;padding:5px 13px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-family:var(--font);width:fit-content;}
.ec3-badge--blue{background:rgba(37,99,235,0.07);border:1px solid rgba(37,99,235,0.15);color:#2563eb;}
.ec3-badge--filled{background:#2563eb;color:#fff;}
.ec3-badge--green{background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.2);color:#16a34a;}
.ec3-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;animation:ec3Pulse 2s infinite;}
.ec3-dot--blue{background:#2563eb;}
.ec3-dot--white{background:#fff;}
.ec3-dot--green{background:#22c55e;}
.ec3-card-title{font-size:17px;font-weight:700;color:#0d1321;margin:0;line-height:1.3;font-family:var(--font);}
.ec3-card-desc{font-size:13px;color:rgba(15,23,42,0.5);line-height:1.7;margin:0;font-family:var(--font);}
.ec3-tags{display:flex;gap:6px;flex-wrap:wrap;}
.ec3-tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:100px;font-family:var(--font);}
.ec3-tag--red{background:rgba(220,38,38,0.07);border:1px solid rgba(220,38,38,0.18);color:#b91c1c;}
.ec3-tag--yellow{background:rgba(234,179,8,0.07);border:1px solid rgba(234,179,8,0.2);color:#92400e;}
.ec3-tag--blue{background:rgba(37,99,235,0.07);border:1px solid rgba(37,99,235,0.15);color:#1d4ed8;}
.ec3-checklist{display:flex;flex-direction:column;gap:7px;}
.ec3-check-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#0d1321;font-family:var(--font);}
.ec3-check-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.ec3-deviation{display:flex;align-items:center;justify-content:space-between;background:rgba(15,23,42,0.03);border:1px solid rgba(15,23,42,0.07);border-radius:10px;padding:10px 14px;}
.ec3-dev-forecast{font-size:11px;font-weight:600;color:rgba(15,23,42,0.45);font-family:var(--font);}
.ec3-dev-forecast strong{color:#0d1321;}
.ec3-dev-actual{font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;background:rgba(34,197,94,0.1);color:#16a34a;border:1px solid rgba(34,197,94,0.2);font-family:var(--font);}
.ec3-cta{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:48px;padding:24px 32px;background:#fff;border:1.5px solid rgba(37,99,235,0.1);border-radius:20px;box-shadow:0 2px 20px rgba(37,99,235,0.06);flex-wrap:wrap;max-width:900px;margin-left:auto;margin-right:auto;}
.ec3-cta-text{font-size:14px;color:rgba(15,23,42,0.5);margin:0;font-family:var(--font);}
.ec3-cta .btn-primary,.ec3-cta .btn-secondary{width:150px;text-align:center;padding:10px 0!important;font-size:13px!important;}
@keyframes ec3Pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.8)}}
@keyframes ec3Shimmer{0%{left:-100%}100%{left:200%}}
@keyframes ec3Shimmer2{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ── EC4 LIVE CALENDAR ── */
.ec4-section{position:relative;overflow:hidden;background:#020c1b;padding:80px 0 100px;}
.ec4-dot-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,0.055) 1px,transparent 1px);background-size:26px 26px;pointer-events:none;z-index:0;}
.ec4-glow-tl{position:absolute;top:-150px;left:-150px;width:600px;height:600px;background:radial-gradient(circle,rgba(30,58,138,0.5) 0%,transparent 65%);pointer-events:none;z-index:0;}
.ec4-glow-br{position:absolute;bottom:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(14,116,144,0.18) 0%,transparent 65%);pointer-events:none;z-index:0;}
.ec4-section .container{position:relative;z-index:1;}
.ec4-head{text-align:center;margin-bottom:52px;}
.ec4-live-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(37,99,235,0.1);border:1px solid rgba(96,165,250,0.2);border-radius:100px;padding:6px 18px;margin-bottom:20px;}
.ec4-live-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;animation:ec4LivePulse 1.8s ease-in-out infinite;}
.ec4-live-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#60a5fa;font-family:var(--font);}
.ec4-chrome-right{display:flex;align-items:center;gap:10px;flex-shrink:0;white-space:nowrap;}
.ec4-clock-label{font-size:11px;color:rgba(240,246,255,0.25);font-family:var(--font);}
.ec4-clock-value{font-size:13px;font-weight:700;color:#f0f6ff;font-family:monospace;letter-spacing:1px;}
.ec4-widget-frame{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(96,165,250,0.12);box-shadow:0 0 0 1px rgba(255,255,255,0.02),0 32px 80px rgba(0,0,0,0.6),0 0 60px rgba(37,99,235,0.06);}
.ec4-chrome{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:rgba(4,15,36,0.95);border-bottom:1px solid rgba(96,165,250,0.08);gap:16px;}
.ec4-chrome-dots{display:flex;gap:7px;align-items:center;}
.ec4-dot-r{display:block;width:11px;height:11px;border-radius:50%;background:#ff5f57;}
.ec4-dot-y{display:block;width:11px;height:11px;border-radius:50%;background:#febc2e;}
.ec4-dot-g{display:block;width:11px;height:11px;border-radius:50%;background:#28c840;}
.ec4-chrome-title{font-size:11px;font-weight:600;color:rgba(240,246,255,0.18);letter-spacing:0.5px;font-family:var(--font);flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ec4-chrome-live{display:flex;align-items:center;gap:6px;}
.ec4-chrome-live-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:ec4LivePulse 1.8s ease-in-out infinite;}
.ec4-chrome-live-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#4ade80;font-family:var(--font);}
.ec4-tv-wrap{background:#0a0f1e;min-height:600px;}
.ec4-iframe{width:100%;height:600px;border:none;display:block;}
.ec4-widget-fade{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(10,15,30,0.9),transparent);pointer-events:none;z-index:2;}
.ec4-stat-strip{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:0;margin-top:20px;background:rgba(255,255,255,0.025);border:1px solid rgba(96,165,250,0.09);border-radius:16px;overflow:hidden;}
.ec4-stat-cell{padding:20px 28px;border-right:1px solid rgba(96,165,250,0.08);display:flex;flex-direction:column;gap:3px;}
.ec4-stat-val{font-size:22px;font-weight:800;color:#f0f6ff;letter-spacing:-0.5px;font-family:var(--font);}
.ec4-stat-val--blue{color:#60a5fa;}
.ec4-stat-lbl{font-size:11px;color:rgba(240,246,255,0.3);font-family:var(--font);}
.ec4-stat-cta{padding:16px 24px;display:flex;align-items:center;justify-content:center;}
.ec4-powered-note{text-align:center;font-size:11px;color:rgba(240,246,255,0.18);margin-top:16px;font-family:var(--font);}
@keyframes ec4LivePulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.5);opacity:1;}50%{box-shadow:0 0 0 5px rgba(34,197,94,0);opacity:0.6;}}

/* ── EC2/EC3 RESPONSIVE ── */
@media(max-width:991px){.ec2-hero-inner{grid-template-columns:1fr;gap:40px;}.ec2-hero-right{order:-1;}.ec2-hero-img{max-width:320px;}}
@media(max-width:767px){.ec2-stat-chips{flex-wrap:wrap;justify-content:center;}.ec2-hero-btns{flex-direction:column;align-items:center;}.ec2-col--4,.ec2-col--5{display:none;}.ec3-cards{grid-template-columns:1fr;}.ec3-nodes{padding:0 20px;}.ec3-node{width:56px;height:56px;}.ec3-node--filled{width:64px;height:64px;}.ec3-cta{flex-direction:column;align-items:center;text-align:center;padding:20px;}.ec3-cta .btn-primary,.ec3-cta .btn-secondary{width:100%;max-width:280px;}.ec2-hero-wrap.section-vh-hero{height:auto !important;min-height:100vh;}.ec2-hero-right{display:none;}.ec2-hero-inner{grid-template-columns:1fr;text-align:center;}.ec2-hero-left{align-items:center;}.ec2-hero-desc{max-width:100%;}}
@media(max-width:480px){.ec2-col--3{display:none;}.ec3-nodes{display:none;}}

/* ── EC4 RESPONSIVE ── */
@media(max-width:768px){.ec4-stat-strip{grid-template-columns:1fr 1fr;}.ec4-stat-cell:nth-child(3){border-right:none;}.ec4-stat-cta{grid-column:span 2;border-top:1px solid rgba(96,165,250,0.08);}}
@media(max-width:480px){.ec4-stat-strip{grid-template-columns:1fr;}.ec4-stat-cell{border-right:none;border-bottom:1px solid rgba(96,165,250,0.08);}.ec4-stat-cta{grid-column:span 1;}}

/* ──--------------------------------------- calculator ------------------------------------------── */

/* HERO LAYOUT */
.tc-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.tc-hero-left{display:flex;flex-direction:column;gap:0;}
.tc-hero-right{display:flex;align-items:center;justify-content:center;}

/* MAIN WRAPPER */
.tc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;max-width:1100px;margin:0 auto;}

/* LEFT */
.tc-left{display:flex;flex-direction:column;}

/* TABS */
.tc-tabs-row{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.03);border:1px solid rgba(96,165,250,0.1);border-radius:14px 14px 0 0;padding:10px 12px;flex-wrap:wrap;margin-bottom:0;}
.tc-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;border:1px solid transparent;background:transparent;color:rgba(240,246,255,0.35);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all 0.2s;}
.tc-tab:hover{color:rgba(240,246,255,0.65);}
.tc-tab--active{background:rgba(37,99,235,0.2);border-color:rgba(96,165,250,0.3);color:#93c5fd;}

/* INPUTS PANEL */
.tc-inputs-panel{background:rgba(255,255,255,0.03);border:1px solid rgba(96,165,250,0.1);border-top:none;border-radius:0 0 20px 20px;flex:1;}
.tc-tab-content{display:none;padding:28px;}
.tc-tab-content--active{display:block;}
.tc-panel-title{font-size:17px;font-weight:700;color:#f0f6ff;font-family:var(--font);margin-bottom:4px;}
.tc-panel-sub{font-size:13px;color:rgba(240,246,255,0.35);line-height:1.6;font-family:var(--font);margin-bottom:20px;}
.tc-field-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.tc-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(240,246,255,0.3);font-family:var(--font);}
.tc-select-wrap{position:relative;display:flex;align-items:center;}
.tc-select{width:100%;appearance:none;-webkit-appearance:none;background:rgba(255,255,255,0.04);border:1px solid rgba(96,165,250,0.15);border-radius:10px;padding:11px 38px 11px 14px;font-size:13px;font-weight:600;color:#f0f6ff;font-family:var(--font);cursor:pointer;transition:border-color 0.2s;}
.tc-select:focus{outline:none;border-color:rgba(96,165,250,0.4);}
.tc-select option{background:#04101f;color:#f0f6ff;}
.tc-sel-arrow{position:absolute;right:12px;color:rgba(240,246,255,0.3);pointer-events:none;}
.tc-input-wrap{position:relative;display:flex;align-items:center;}
.tc-input{width:100%;background:rgba(255,255,255,0.04);border:1px solid rgba(96,165,250,0.15);border-radius:10px;padding:11px 46px 11px 14px;font-size:13px;font-weight:600;color:#f0f6ff;font-family:var(--font);transition:border-color 0.2s;}
.tc-input:focus{outline:none;border-color:rgba(96,165,250,0.45);}
.tc-unit{position:absolute;right:12px;font-size:11px;font-weight:600;color:rgba(240,246,255,0.3);pointer-events:none;font-family:var(--font);}
.tc-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.tc-presets{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px;}
.tc-preset{padding:3px 10px;background:rgba(37,99,235,0.08);border:1px solid rgba(96,165,250,0.15);border-radius:100px;font-size:11px;font-weight:600;color:rgba(240,246,255,0.4);cursor:pointer;font-family:var(--font);transition:all 0.2s;}
.tc-preset:hover{background:rgba(37,99,235,0.2);border-color:rgba(96,165,250,0.35);color:#93c5fd;}
.tc-dir-toggle{display:flex;border:1px solid rgba(96,165,250,0.15);border-radius:10px;overflow:hidden;}
.tc-dir{flex:1;padding:11px;font-size:11px;font-weight:800;letter-spacing:1.5px;cursor:pointer;font-family:var(--font);transition:all 0.2s;border:none;background:rgba(255,255,255,0.03);color:rgba(240,246,255,0.3);}
.tc-dir:last-child{border-left:1px solid rgba(96,165,250,0.1);}
.tc-dir--active{background:rgba(34,197,94,0.15);color:#4ade80;}
.tc-calc-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:20px;padding:13px 24px;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:none;border-radius:12px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;font-family:var(--font);transition:all 0.2s;box-shadow:0 4px 20px rgba(37,99,235,0.3);}
.tc-calc-btn:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(37,99,235,0.5);}

/* RIGHT - RESULTS */
.tc-right{background:rgba(255,255,255,0.03);border:1px solid rgba(96,165,250,0.1);border-radius:20px;padding:32px;display:flex;flex-direction:column;}
.tc-result-block{display:none;flex-direction:column;gap:16px;height:100%;}
.tc-result-block--active{display:flex;}
.tc-result-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.tc-result-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(240,246,255,0.3);font-family:var(--font);}
.tc-result-badge{font-size:11px;font-weight:700;background:rgba(37,99,235,0.12);border:1px solid rgba(96,165,250,0.18);border-radius:100px;padding:4px 12px;color:#60a5fa;font-family:var(--font);}
.tc-result-hero{display:flex;align-items:baseline;gap:5px;margin:20px 0 4px;}
.tc-result-currency{font-size:28px;font-weight:700;color:rgba(240,246,255,0.3);font-family:var(--font);}
.tc-result-amount{font-size:68px;font-weight:900;color:#f0f6ff;letter-spacing:-3px;line-height:1;font-family:var(--font);transition:opacity 0.25s,transform 0.25s;}
.tc-amount--profit{color:#4ade80;}
.tc-amount--loss{color:#f87171;}
.tc-result-sub{font-size:13px;color:rgba(240,246,255,0.3);font-family:var(--font);margin:0 0 16px;}
.tc-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.tc-rc{background:rgba(255,255,255,0.03);border:1px solid rgba(96,165,250,0.08);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;transition:border-color 0.2s;}
.tc-rc:hover{border-color:rgba(96,165,250,0.2);}
.tc-rc-label{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(240,246,255,0.22);font-family:var(--font);}
.tc-rc-val{font-size:18px;font-weight:800;color:#f0f6ff;font-family:var(--font);letter-spacing:-0.3px;}
.tc-result-info{display:flex;align-items:flex-start;gap:8px;padding:14px 16px;background:rgba(96,165,250,0.05);border:1px solid rgba(96,165,250,0.1);border-radius:10px;font-size:12px;color:rgba(240,246,255,0.3);line-height:1.6;font-family:var(--font);margin-top:auto;}
.tc-result-info svg{flex-shrink:0;margin-top:1px;}

/* RESPONSIVE */
@media(max-width:1024px){.tc-wrap{grid-template-columns:1fr;max-width:600px;}}
@media(max-width:991px){.tc-hero-inner{grid-template-columns:1fr;gap:40px;}.tc-hero-right{order:-1;}}
@media(max-width:767px){.tc-two-col{grid-template-columns:1fr;}.tc-result-amount{font-size:48px;}.tc-tab{padding:8px 10px;font-size:12px;}.frx-hero-wrap.section-vh-hero{height:auto !important;min-height:100vh;}.tc-hero-right{display:none;}.tc-hero-inner{grid-template-columns:1fr;}}

/* ──--------------------------------------- currency-converter ------------------------------------------── */
.cc-hero-wrap { position: relative; overflow: hidden; }
/* live dot animation (reuses ec4live keyframe from inline, define here for reuse) */
.cc-live-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;animation:ccLive 1.8s ease-in-out infinite;display:inline-block;}
@keyframes ccLive{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.5);opacity:1;}50%{box-shadow:0 0 0 5px rgba(34,197,94,0);opacity:0.6;}}

/* MAIN CARD — reuses va-wrap border/shadow, adds padding */
.cc-card{border-radius:20px;overflow:hidden;border:1px solid rgba(96,165,250,0.12);box-shadow:0 0 0 1px rgba(255,255,255,0.02),0 32px 80px rgba(0,0,0,0.6),0 0 60px rgba(37,99,235,0.06);}
.cc-chrome{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:rgba(4,15,36,0.95);border-bottom:1px solid rgba(96,165,250,0.08);}
.cc-body{background:#0a0f1e;padding:36px;}

/* CONVERTER INPUTS */
.cc-converter{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:end;margin-bottom:24px;}
.cc-field{display:flex;flex-direction:column;gap:8px;}
.cc-input-row{display:flex;gap:0;border:1px solid rgba(96,165,250,0.15);border-radius:12px;overflow:hidden;background:rgba(255,255,255,0.04);}
.cc-currency-select{flex:0 0 130px;border-right:1px solid rgba(96,165,250,0.12);}
.cc-currency-select .tc-select{border:none;border-radius:0;background:transparent;padding:13px 32px 13px 14px;font-size:13px;}
.cc-currency-select .tc-sel-arrow{right:10px;}
.cc-amount-input{flex:1;border:none;border-radius:0;background:transparent;padding:13px 14px;font-size:18px;font-weight:700;}
.cc-amount-input:focus{outline:none;}
.cc-result-input{flex:1;display:flex;align-items:center;padding:13px 16px;min-width:0;}
.cc-result-val{font-size:18px;font-weight:800;color:#4ade80;font-family:var(--font);letter-spacing:-0.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cc-result-val--error{color:#f87171;}

/* SWAP BUTTON */
.cc-swap-btn{width:44px;height:44px;border-radius:50%;background:rgba(37,99,235,0.15);border:1px solid rgba(96,165,250,0.25);color:#60a5fa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;flex-shrink:0;margin-bottom:2px;}
.cc-swap-btn:hover{background:rgba(37,99,235,0.3);transform:rotate(180deg);border-color:rgba(96,165,250,0.5);}

/* RATE STRIP */
.cc-rate-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(96,165,250,0.08);border-radius:14px;overflow:hidden;margin-bottom:24px;}
.cc-rate-item{padding:16px 20px;border-right:1px solid rgba(96,165,250,0.08);display:flex;flex-direction:column;gap:4px;}
.cc-rate-item:last-child{border-right:none;}

/* PRESETS ROW */
.cc-presets-row{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap;}

/* MULTI-CURRENCY GRID */
.cc-multi-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.cc-multi-note{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(240,246,255,0.2);font-family:var(--font);}
.cc-multi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.cc-multi-item{background:rgba(255,255,255,0.03);border:1px solid rgba(96,165,250,0.08);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color 0.2s;}
.cc-multi-item:hover{border-color:rgba(96,165,250,0.22);}
.cc-multi-item--loading{justify-content:center;grid-column:span 4;padding:32px;}
.cc-multi-left{display:flex;flex-direction:column;gap:2px;}
.cc-multi-code{font-size:14px;font-weight:800;color:#f0f6ff;font-family:var(--font);}
.cc-multi-name{font-size:10px;color:rgba(240,246,255,0.25);font-family:var(--font);}
.cc-multi-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;}
.cc-multi-rate{font-size:15px;font-weight:800;color:#60a5fa;font-family:var(--font);letter-spacing:-0.3px;}
.cc-multi-change{font-size:10px;font-weight:700;font-family:var(--font);}
.cc-multi-change--up{color:#4ade80;}
.cc-multi-change--down{color:#f87171;}

/* SPINNER */
.cc-spinner{width:18px;height:18px;border:2px solid rgba(96,165,250,0.15);border-top-color:#60a5fa;border-radius:50%;animation:ccSpin 0.7s linear infinite;display:inline-block;}
@keyframes ccSpin{to{transform:rotate(360deg);}}

/* RESPONSIVE */
@media(max-width:900px){.cc-multi-grid{grid-template-columns:repeat(2,1fr);}.cc-rate-strip{grid-template-columns:1fr 1fr;}.cc-rate-item{border-bottom:1px solid rgba(96,165,250,0.08);}.cc-rate-item:nth-child(2){border-right:none;}.cc-rate-item:nth-child(3),.cc-rate-item:nth-child(4){border-bottom:none;}}
@media(max-width:767px){.cc-converter{grid-template-columns:1fr;gap:12px;}.cc-swap-btn{transform:rotate(90deg);margin:0 auto;}.cc-swap-btn:hover{transform:rotate(270deg);}.cc-body{padding:20px;}.cc-multi-grid{grid-template-columns:1fr 1fr;}.cc-presets-row{flex-direction:column;align-items:flex-start;gap:8px;}.ec2-hero-wrap.section-vh-hero{height:auto !important;min-height:100vh;}.tc-hero-right{display:none;}.tc-hero-inner{grid-template-columns:1fr;}}
@media(max-width:480px){.cc-multi-grid{grid-template-columns:1fr;}.cc-rate-strip{grid-template-columns:1fr;}.cc-rate-item{border-right:none;border-bottom:1px solid rgba(96,165,250,0.08);}.cc-rate-item:last-child{border-bottom:none;}}

/* ──--------------------------------------- introducing-broker ------------------------------------------── */
.ib-hero-wrap { position: relative; overflow: hidden; }

.ib-hero-wrap.section-vh-hero {
  height: auto !important;
  min-height: 100vh;
}

.ib-hero-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 24px;
  width: 100%;
}
@media (max-width: 767px) {
  .ib-tier-section {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    align-items: flex-start;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.ib-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.ib-hero-left{display:flex;flex-direction:column;gap:22px;}
.ib-hero-right{display:flex;align-items:center;justify-content:center;}

.ib-dashboard-card{width:100%;max-width:440px;border-radius:20px;overflow:hidden;border:1px solid rgba(96,165,250,0.12);box-shadow:0 0 0 1px rgba(255,255,255,0.02),0 32px 80px rgba(0,0,0,0.5),0 0 60px rgba(37,99,235,0.06);}
.ib-dash-chrome{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:rgba(4,15,36,0.95);border-bottom:1px solid rgba(96,165,250,0.08);}
.ib-dash-dots{display:flex;gap:6px;}
.ib-d{display:block;width:11px;height:11px;border-radius:50%;}
.ib-d--r{background:#ff5f57;}.ib-d--y{background:#febc2e;}.ib-d--g{background:#28c840;}
.ib-dash-title{font-size:11px;font-weight:600;color:rgba(240,246,255,0.18);letter-spacing:0.3px;}
.ib-dash-live{display:flex;align-items:center;gap:6px;}
.ib-dash-live-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:ibLive 1.8s ease-in-out infinite;}
.ib-dash-live-label{font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#4ade80;}
.ib-dash-body{background:#0a0f1e;padding:28px;display:flex;flex-direction:column;gap:20px;}
.ib-dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.ib-dash-stat{background:rgba(255,255,255,0.03);border:1px solid rgba(96,165,250,0.08);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:5px;}
.ib-dash-stat-label{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(240,246,255,0.22);}
.ib-dash-stat-val{font-size:24px;font-weight:900;color:#f0f6ff;letter-spacing:-0.5px;}
.ib-dash-commission-block{background:rgba(37,99,235,0.07);border:1px solid rgba(96,165,250,0.15);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;}
.ib-dash-comm-label{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(96,165,250,0.5);}
.ib-dash-comm-val-row{display:flex;align-items:baseline;gap:4px;}
.ib-dash-comm-currency{font-size:20px;font-weight:700;color:rgba(240,246,255,0.3);}
.ib-dash-comm-val{font-size:40px;font-weight:900;color:rgba(240,246,255,0.2);letter-spacing:-1.5px;}
.ib-dash-comm-note{font-size:11px;color:rgba(240,246,255,0.25);}
.ib-dash-bar-section{display:flex;flex-direction:column;gap:8px;}
.ib-dash-bar-label-row{display:flex;justify-content:space-between;align-items:center;}
.ib-dash-bar-label{font-size:10px;font-weight:600;color:rgba(240,246,255,0.25);}
.ib-dash-bar-pct{font-size:10px;font-weight:700;color:#4ade80;}
.ib-dash-bar-track{height:5px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;}
.ib-dash-bar-fill{height:100%;width:72%;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:3px;}
.ib-dash-tags{display:flex;flex-wrap:wrap;gap:6px;}
.ib-dash-tag{font-size:10px;font-weight:600;padding:4px 10px;border-radius:100px;}
.ib-dash-tag--green{background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.2);color:#4ade80;}
.ib-dash-tag--blue{background:rgba(37,99,235,0.1);border:1px solid rgba(96,165,250,0.2);color:#60a5fa;}
.ib-dash-tag--grey{background:rgba(100,116,139,0.08);border:1px solid rgba(100,116,139,0.15);color:#94a3b8;}

.ib-section-eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--color-accent);margin-bottom:12px;display:block;}

.ib-what-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.ib-what-left{display:flex;flex-direction:column;}
.ib-what-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ib-what-card{background:#fff;border:1.5px solid rgba(37,99,235,0.08);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 16px rgba(37,99,235,0.05);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;}
.ib-what-card:hover{transform:translateY(-4px);box-shadow:0 10px 36px rgba(37,99,235,0.1);border-color:rgba(37,99,235,0.2);}
.ib-what-card-icon{width:44px;height:44px;border-radius:12px;background:rgba(37,99,235,0.07);border:1px solid rgba(37,99,235,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ib-what-card-title{font-size:14px;font-weight:700;color:#0d1321;margin:0 0 4px;}
.ib-what-card-desc{font-size:12.5px;color:rgba(15,23,42,0.5);line-height:1.65;margin:0;}

.ib-live-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(37,99,235,0.1);border:1px solid rgba(96,165,250,0.2);border-radius:100px;padding:6px 18px;margin-bottom:20px;}
.ib-live-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;animation:ibLive 1.8s ease-in-out infinite;}
.ib-live-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#60a5fa;}

.ib-steps-row{display:flex;align-items:center;justify-content:center;max-width:900px;margin:0 auto;}
.ib-step{flex:1;background:rgba(255,255,255,0.03);border:1px solid rgba(96,165,250,0.1);border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;gap:14px;transition:border-color 0.25s,transform 0.25s;}
.ib-step:hover{border-color:rgba(96,165,250,0.3);transform:translateY(-4px);}
.ib-step-num{font-size:10px;font-weight:800;letter-spacing:2px;color:rgba(96,165,250,0.3);}
.ib-step-icon{width:56px;height:56px;border-radius:16px;background:rgba(37,99,235,0.1);border:1px solid rgba(96,165,250,0.2);display:flex;align-items:center;justify-content:center;}
.ib-step-title{font-size:18px;font-weight:700;color:#f0f6ff;margin:0;}
.ib-step-desc{font-size:13px;color:rgba(240,246,255,0.4);line-height:1.7;margin:0;}
.ib-step-connector{display:flex;align-items:center;flex-shrink:0;padding:0 12px;}
.ib-step-line{width:32px;height:2px;background:rgba(96,165,250,0.2);border-radius:2px;}

.ib-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ib-benefit-card{background:#fff;border:1.5px solid rgba(37,99,235,0.08);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 16px rgba(37,99,235,0.05);transition:transform 0.25s,box-shadow 0.25s,border-color 0.25s;}
.ib-benefit-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(37,99,235,0.1);border-color:rgba(37,99,235,0.2);}
.ib-benefit-icon{width:48px;height:48px;border-radius:14px;background:rgba(37,99,235,0.07);border:1px solid rgba(37,99,235,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ib-benefit-title{font-size:15px;font-weight:700;color:#0d1321;margin:0;}
.ib-benefit-desc{font-size:13px;color:rgba(15,23,42,0.5);line-height:1.7;margin:0;}

.ib-tier-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.ib-tier-left{display:flex;flex-direction:column;}
.ib-tier-right{display:flex;align-items:center;justify-content:center;}
.ib-tier-diagram{background:rgba(255,255,255,0.03);border:1px solid rgba(96,165,250,0.1);border-radius:24px;padding:36px 32px;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;}
.ib-tier-node{border-radius:12px;padding:12px 20px;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:110px;text-align:center;}
.ib-tier-node-label{font-size:12px;font-weight:700;}
.ib-tier-node-sub{font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;}
.ib-tier-node--you{background:rgba(37,99,235,0.2);border:1.5px solid rgba(96,165,250,0.35);}
.ib-tier-node--you .ib-tier-node-label{color:#60a5fa;}.ib-tier-node--you .ib-tier-node-sub{color:rgba(96,165,250,0.5);}
.ib-tier-node--sub{background:rgba(255,255,255,0.04);border:1px solid rgba(96,165,250,0.15);}
.ib-tier-node--sub .ib-tier-node-label{color:#f0f6ff;}.ib-tier-node--sub .ib-tier-node-sub{color:rgba(240,246,255,0.3);}
.ib-tier-node--direct{background:rgba(34,197,94,0.07);border:1px solid rgba(34,197,94,0.2);}
.ib-tier-node--direct .ib-tier-node-label{color:#4ade80;}.ib-tier-node--direct .ib-tier-node-sub{color:rgba(74,222,128,0.5);}
.ib-tier-branches{display:flex;align-items:flex-start;gap:16px;width:100%;justify-content:center;}
.ib-tier-branch{display:flex;flex-direction:column;align-items:center;gap:8px;}
.ib-tier-line{width:2px;height:24px;background:rgba(96,165,250,0.2);border-radius:2px;}
.ib-tier-sub-clients{display:flex;flex-direction:column;gap:6px;align-items:center;}
.ib-tier-client{font-size:10px;font-weight:600;color:rgba(240,246,255,0.3);background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:6px;padding:4px 12px;}
.ib-tier-earn-note{display:flex;align-items:center;gap:7px;font-size:11px;color:rgba(240,246,255,0.3);padding:10px 16px;background:rgba(37,99,235,0.06);border:1px solid rgba(96,165,250,0.1);border-radius:8px;}
@media(max-width:991px){
  .ib-tier-left{
    align-items:center;
    text-align:center;
  }
  .ib-tier-left .ib-section-eyebrow{
    text-align:center;
  }
  .ib-tier-left .btn-primary{
    align-self:center;
  }
}
@media(max-width:767px){
  .ib-tier-diagram{
    padding:20px 14px;
    max-width:100%;
    width:100%;
    box-sizing:border-box;
    align-items:center;
  }
  .ib-tier-branches{
    flex-direction:column;
    align-items:center;
    gap:12px;
    width:100%;
  }
  .ib-tier-branch{
    width:100%;
    align-items:center;
  }
  .ib-tier-node{
    min-width:0;
    width:85%;
    padding:10px 14px;
    box-sizing:border-box;
    align-items:center;
    text-align:center;
  }
  .ib-tier-node-label{font-size:12px;}
  .ib-tier-node-sub{font-size:9px;}
  .ib-tier-sub-clients{
    flex-direction:row;
    gap:6px;
    justify-content:center;
  }
  .ib-tier-earn-note{
    font-size:10px;
    padding:8px 12px;
    text-align:center;
    box-sizing:border-box;
    width:100%;
    justify-content:center;
  }
  .ib-tier-node--you{
    width:85%;
    align-self:center;
  }
}



.ib-join-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:start;max-width:1000px;margin:0 auto;}
.ib-join-step{background:#fff;border:1.5px solid rgba(37,99,235,0.08);border-radius:20px;padding:28px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 16px rgba(37,99,235,0.05);transition:transform 0.25s,box-shadow 0.25s,border-color 0.25s;}
.ib-join-step:hover{transform:translateY(-4px);box-shadow:0 10px 36px rgba(37,99,235,0.1);border-color:rgba(37,99,235,0.2);}
.ib-join-step-top{display:flex;align-items:center;justify-content:space-between;}
.ib-join-step-icon{width:44px;height:44px;border-radius:12px;background:rgba(37,99,235,0.07);border:1px solid rgba(37,99,235,0.12);display:flex;align-items:center;justify-content:center;}
.ib-join-step-num{font-size:28px;font-weight:900;color:rgba(37,99,235,0.1);letter-spacing:-1px;}
.ib-join-step-title{font-size:15px;font-weight:700;color:#0d1321;margin:0;}
.ib-join-step-desc{font-size:12.5px;color:rgba(15,23,42,0.5);line-height:1.65;margin:0;}
.ib-join-connector{width:40px;margin-top:44px;height:2px;background:linear-gradient(90deg,rgba(37,99,235,0.2),rgba(96,165,250,0.35),rgba(37,99,235,0.2));position:relative;}
.ib-join-connector::after{content:'';position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid rgba(96,165,250,0.35);}

@keyframes ibLive{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.5);opacity:1;}50%{box-shadow:0 0 0 5px rgba(34,197,94,0);opacity:0.6;}}

@media(max-width:1024px){.ib-benefits-grid{grid-template-columns:repeat(2,1fr);}.ib-join-steps{grid-template-columns:1fr 1fr;gap:16px;}.ib-join-connector{display:none;}}
@media(max-width:991px){.ib-hero-inner,.ib-what-inner,.ib-tier-inner{grid-template-columns:1fr;gap:40px;}.ib-hero-right{order:-1;}.ib-steps-row{flex-direction:column;gap:12px;}.ib-step-connector{transform:rotate(90deg);padding:4px 0;}}
@media(max-width:767px){.ib-what-cards,.ib-benefits-grid,.ib-join-steps{grid-template-columns:1fr;}.ib-tier-branches{flex-wrap:wrap;}}


/* ──--------------------------------------- FAQ ------------------------------------------── */

.faq-page-inner{display:grid;grid-template-columns:300px 1fr;gap:80px;align-items:start;}
.faq-page-left{position:sticky;top:100px;}
.faq-page-right{display:flex;flex-direction:column;gap:40px;}
.faq-group{display:flex;flex-direction:column;}
.faq-group-label{font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--color-accent);padding:0 0 12px;margin-bottom:4px;border-bottom:2px solid rgba(37,99,235,0.1);}

@media(max-width:991px){.faq-page-inner{grid-template-columns:1fr;gap:40px;}.faq-page-left{position:static;}}

/* ──--------------------------------------- contact us ------------------------------------------── */
/* ──--------------------------------------- contact us ------------------------------------------── */

.contact-section-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--color-accent); margin-bottom: 12px; display: block; }

/* ── SECTION 1 HERO ── */
.ct2-hero { position: relative; overflow: hidden; }
.ct2-glow-tl { position: absolute; top: -180px; left: -180px; width: 640px; height: 640px; background: radial-gradient(circle, rgba(30,58,138,0.52) 0%, transparent 65%); pointer-events: none; z-index: 0; }
.ct2-glow-br { position: absolute; bottom: -120px; right: -120px; width: 520px; height: 520px; background: radial-gradient(circle, rgba(14,116,144,0.2) 0%, transparent 65%); pointer-events: none; z-index: 0; }

.ct2-hero-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: var(--header-height); padding-bottom: var(--header-height); justify-content: center; }
.ct2-hero.section-vh-hero {
  height: auto !important;
  min-height: 100vh;
}
.ct2-eyebrow { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.05); border: 1px solid rgba(96,165,250,0.22); border-radius: 100px; padding: 5px 14px 5px 5px; margin-bottom: 28px; width: fit-content; }
.ct2-eyebrow-badge { background: #2563eb; color: #fff; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 100px; }
.ct2-eyebrow-text { font-size: 12px; font-weight: 500; color: rgba(255,255,255,0.55); }

.ct2-heading { font-size: 64px; font-weight: 800; line-height: 1.06; letter-spacing: -2.5px; color: #f0f6ff; margin-bottom: 20px; }
.ct2-heading span { background: linear-gradient(135deg, #60a5fa, #2563eb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

.ct2-desc { font-size: 15px; line-height: 1.78; color: rgba(240,246,255,0.42); max-width: 480px; margin-bottom: 28px; }

.ct2-chip { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 500; color: rgba(240,246,255,0.48); margin-bottom: 28px; }
.ct2-chip strong { color: #f0f6ff; font-weight: 700; }
.ct2-chip-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.ct2-chip-dot--green { background: #22c55e; box-shadow: 0 0 8px rgba(34,197,94,0.55); animation: ct2Pulse 2s ease-in-out infinite; }
@keyframes ct2Pulse { 0%,100% { opacity:1; } 50% { opacity:0.35; } }

.ct2-contact-link { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.05); border: 1px solid rgba(96,165,250,0.18); border-radius: 100px; padding: 11px 20px; text-decoration: none; transition: background 0.2s, border-color 0.2s, transform 0.15s; }
.ct2-contact-link:hover { background: rgba(37,99,235,0.12); border-color: rgba(96,165,250,0.38); transform: translateY(-1px); }
.ct2-contact-link-icon { display: flex; align-items: center; justify-content: center; color: #60a5fa; }
.ct2-contact-link-text { font-size: 13px; font-weight: 600; color: rgba(240,246,255,0.75); }

.ct2-or-divider { display: flex; align-items: center; gap: 12px; margin: 18px 0 10px; width: 280px; }
.ct2-or-line { flex: 1; height: 1px; background: rgba(255,255,255,0.07); }
.ct2-or-text { font-size: 11px; font-weight: 600; color: rgba(240,246,255,0.2); letter-spacing: 1px; }

.ct2-msg-link { font-size: 13px; font-weight: 600; color: #60a5fa; text-decoration: none; transition: color 0.2s; }
.ct2-msg-link:hover { color: #93c5fd; }

/* ── SECTION 2 FORM ── */
.ct-form-section { }
.ct-form-wrap { display: grid; grid-template-columns: 1fr 1.4fr; gap: 64px; align-items: start; position: relative; z-index: 1; }

.ct-form-left { display: flex; flex-direction: column; }
.ct-form-left-top { display: flex; flex-direction: column; }
.ct-form-sub { color: rgba(15,23,42,0.5); line-height: 1.75; margin-top: 12px; max-width: 360px; }

.ct-trust-list { display: flex; flex-direction: column; gap: 14px; margin-top: 32px; }
.ct-trust-item { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 500; }
.ct-trust-item--light { color: rgba(15,23,42,0.5); }
.ct-trust-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.ct-trust-dot--green { background: #22c55e; box-shadow: 0 0 8px rgba(34,197,94,0.5); animation: ct2Pulse 2s infinite; }
.ct-trust-dot--blue { background: #3b82f6; }

/* ── GLASS CARD ── */
.ct-form-right { border-radius: 24px; padding: 0; align-self: start; overflow: hidden; }
.ct-form-right--premium { background: rgba(255,255,255,0.62); backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px); border-top: 1.5px solid rgba(255,255,255,0.95); border-left: 1.5px solid rgba(255,255,255,0.8); border-right: 1.5px solid rgba(255,255,255,0.5); border-bottom: 1.5px solid rgba(255,255,255,0.4); box-shadow: 0 32px 72px rgba(37,99,235,0.13), 0 8px 24px rgba(37,99,235,0.07), 0 2px 6px rgba(0,0,0,0.04), inset 0 1px 0 rgba(255,255,255,1); }

.ct-form-right-header { display: flex; align-items: center; justify-content: space-between; padding: 15px 28px; border-bottom: 1px solid rgba(37,99,235,0.07); background: rgba(255,255,255,0.5); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.ct-form-right-title { font-size: 10px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(15,23,42,0.28); font-family: var(--font); }
.ct-form-right-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 10px rgba(34,197,94,0.7); animation: ct2Pulse 2s ease-in-out infinite; }

.ct-form { display: flex; flex-direction: column; gap: 14px; padding: 28px; }
.ct-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ct-form-field { display: flex; flex-direction: column; gap: 6px; }

.ct-form-label { font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(15,23,42,0.4); font-family: var(--font); }
.ct-form-opt { font-weight: 400; color: rgba(15,23,42,0.28); text-transform: none; letter-spacing: 0; font-size: 10px; }

.ct-form-input { background: rgba(255,255,255,0.7); border: 1px solid rgba(37,99,235,0.14); border-radius: 10px; padding: 11px 14px; font-size: 13px; font-weight: 500; color: #0f172a; font-family: var(--font); transition: border-color 0.2s, box-shadow 0.2s, background 0.2s; outline: none; box-shadow: inset 0 1px 2px rgba(0,0,0,0.04), 0 1px 3px rgba(37,99,235,0.05); }
.ct-form-input:hover { border-color: rgba(37,99,235,0.25); background: rgba(255,255,255,0.82); }
.ct-form-input:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.1), inset 0 1px 2px rgba(0,0,0,0.03); background: rgba(255,255,255,0.95); }
.ct-form-input::placeholder { color: rgba(15,23,42,0.32); font-weight: 400; }

/* Phone */
.ct-phone-wrap { display: flex; gap: 8px; position: relative; }
.ct-phone-code { width: 112px; flex-shrink: 0; cursor: pointer; appearance: none; -webkit-appearance: none; font-family: var(--font); font-size: 13px; font-weight: 500; color: #0f172a; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%232563eb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 28px; }
.ct-phone-code option { background: #ffffff; color: #0f172a; font-family: var(--font); font-size: 13px; font-weight: 500; }
.ct-phone-input { flex: 1; min-width: 0; }

/* Custom phone dropdown */
.ct-phone-custom-btn { width: 112px; flex-shrink: 0; cursor: pointer; position: relative; user-select: none; padding-right: 28px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%232563eb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: var(--font) !important; font-size: 13px !important; font-weight: 500 !important; color: #0f172a !important; }
.ct-phone-custom-btn.open { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }
.ct-phone-custom-list { display: none; position: absolute; top: calc(100% + 6px); left: 0; width: 180px; background: rgba(255,255,255,0.96); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(37,99,235,0.12); border-radius: 14px; box-shadow: 0 16px 40px rgba(37,99,235,0.12), 0 4px 12px rgba(0,0,0,0.06); z-index: 200; max-height: 240px; overflow-y: auto; scrollbar-width: none; padding: 6px; }
.ct-phone-custom-list::-webkit-scrollbar { display: none; }
.ct-phone-custom-list.open { display: block; }
.ct-phone-custom-item { padding: 9px 12px; font-size: 13px; font-weight: 500; color: #0f172a; font-family: var(--font); border-radius: 8px; cursor: pointer; transition: background 0.15s; }
.ct-phone-custom-item:hover { background: rgba(37,99,235,0.07); }
.ct-phone-custom-item.active { background: rgba(37,99,235,0.1); color: #2563eb; font-weight: 600; }

.ct-form-textarea { min-height: 116px; resize: vertical; line-height: 1.6; }
.ct-form-submit { width: 100%; margin-top: 6px; }
.ct-form-success { display: none; margin-top: 10px; padding: 13px 16px; background: rgba(34,197,94,0.08); border: 1px solid rgba(34,197,94,0.22); border-radius: 10px; font-size: 13px; font-weight: 600; color: #16a34a; text-align: center; }
.ct-form-error { display: none; margin-top: 10px; padding: 13px 16px; background: rgba(220,38,38,0.06); border: 1px solid rgba(220,38,38,0.18); border-radius: 10px; font-size: 13px; font-weight: 600; color: #dc2626; text-align: center; }

/* ── SECTION 3 SOCIAL CTA — light bg ── */
.ct-social-section { border-top: 1px solid rgba(37,99,235,0.08); padding: 60px 0 80px 0; }
.ct-social-section .contact-section-eyebrow { color: #2563eb; margin-bottom: 16px; }
.ct-social-inner { display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }
.ct-social-heading { font-size: 38px; font-weight: 800; line-height: 1.1; letter-spacing: -1.5px; color: #0f172a; margin-bottom: 14px; }
.ct-social-heading span { background: linear-gradient(135deg, #2563eb, #1d4ed8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.ct-social-section .ct2-desc { color: rgba(15,23,42,0.5); max-width: 500px; margin-bottom: 32px; }
.ct-social-circles { display: flex; align-items: center; justify-content: center; gap: 32px; }
.ct-social-circle-btn { display: flex; flex-direction: column; align-items: center; gap: 10px; text-decoration: none; transition: transform 0.2s; }
.ct-social-circle-btn:hover { transform: translateY(-3px); }
.ct-social-circle-icon { width: 64px; height: 64px; border-radius: 50%; background: rgba(255,255,255,0.7); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1.5px solid rgba(255,255,255,0.9); box-shadow: 0 4px 20px rgba(37,99,235,0.1), 0 1px 4px rgba(0,0,0,0.04); display: flex; align-items: center; justify-content: center; color: #2563eb; transition: box-shadow 0.2s, border-color 0.2s, background 0.2s; }
.ct-social-circle-btn:hover .ct-social-circle-icon { box-shadow: 0 8px 28px rgba(37,99,235,0.18); border-color: rgba(37,99,235,0.2); background: rgba(255,255,255,0.9); }
.ct-social-circle-name { font-size: 13px; font-weight: 700; color: #0f172a; }
.ct-social-circle-handle { font-size: 11px; font-weight: 500; color: rgba(15,23,42,0.4); }
/* ── RESPONSIVE ── */
@media (max-width: 991px) {
  .ct2-hero-inner { padding-top: 110px; padding-bottom: 70px; }
  .ct2-heading { font-size: 48px; letter-spacing: -2px; }
  .ct-form-wrap { grid-template-columns: 1fr; gap: 40px; }
  .ct-social-section { padding: 50px 0 60px 0; }
}
@media (max-width: 767px) {
  .ct2-heading { font-size: 38px; letter-spacing: -1.5px; }
  .ct-social-heading { font-size: 32px; }
  .ct-form-row { grid-template-columns: 1fr; }
  .ct-form { padding: 20px 16px; }
  .ct-phone-wrap { flex-direction: column; }
  .ct-phone-code { width: 100%; }
  .ct-social-section { padding: 40px 0 50px 0; }
  .ct-social-circles { gap: 24px; }
}

.legal-hero{padding-top:130px;padding-bottom:60px;border-bottom:1px solid rgba(37,99,235,0.08);}
.legal-hero-inner{max-width:860px;}
.legal-hero .section-heading{font-size:clamp(32px,5vw,52px);margin-bottom:20px;}
.legal-meta{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:20px;}
.legal-meta span{font-size:12.5px;color:rgba(15,23,42,0.4);font-family:var(--font);position:relative;}
.legal-meta span:not(:last-child)::after{content:'·';position:absolute;right:-14px;color:rgba(15,23,42,0.2);}
.legal-body{padding-top:40px;padding-bottom:100px;}
.legal-inner{display:grid;grid-template-columns:1fr 200px;gap:72px;align-items:start;position:relative;}
.legal-toc{position:sticky;top:90px;max-height:calc(100vh - 120px);overflow-y:auto;display:flex;flex-direction:column;gap:1px;padding:0;padding-left:16px;background:none;border:none;border-radius:0;border-left:2px solid rgba(37,99,235,0.1);margin-top:0;}
.legal-toc-link{font-size:12px;font-weight:500;color:rgba(15,23,42,0.45);text-decoration:none;padding:4px 0;transition:all 0.15s;font-family:var(--font);line-height:1.5;}
.legal-toc-link:hover{color:var(--color-accent);}
.legal-toc-link.active{color:var(--color-accent);font-weight:600;}
.legal-content{display:flex;flex-direction:column;gap:0;}
.legal-section{display:flex;flex-direction:column;gap:16px;padding:48px 0;border-bottom:1px solid rgba(15,23,42,0.06);}
.legal-section:first-child{padding-top:0;}
.legal-section:last-child{border-bottom:none;padding-bottom:0;}
.legal-heading{font-size:17px;font-weight:700;color:#0d1321;margin:0;font-family:var(--font);}
.legal-p{font-size:14px;color:rgba(15,23,42,0.58);line-height:1.85;margin:0;font-family:var(--font);}
.legal-p strong{color:#0d1321;font-weight:600;}
@media(max-width:991px){.legal-inner{grid-template-columns:1fr;gap:40px;}.legal-toc{position:static;max-height:none;border-left:none;border-top:2px solid rgba(37,99,235,0.1);padding-left:0;padding-top:16px;flex-direction:row;flex-wrap:wrap;gap:4px 16px;}}
@media(max-width:767px){.legal-hero{padding-top:80px;}.legal-toc{display:none;}}


/* ══ FAQ PAGE ══ */

/* ── HERO ── */
.faq-hero-wrap { position: relative; overflow: hidden; }
.faq-hero-inner { position: relative; z-index: 2; padding-top: 160px; padding-bottom: 100px; }
.faq-hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; background: rgba(37,99,235,0.07); border: 1px solid rgba(37,99,235,0.18); border-radius: 100px; padding: 5px 14px; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--color-accent); width: fit-content; margin-bottom: 20px; }
.faq-hero-eyebrow-dot { width: 6px; height: 6px; background: var(--color-accent); border-radius: 50%; animation: faqDotPulse 2s ease-in-out infinite; }
@keyframes faqDotPulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.4;transform:scale(0.7)} }

/* Two-col hero layout */
.faq-hero-cols { display: grid; grid-template-columns: 1fr 420px; gap: 80px; align-items: center; margin-top: 8px; }
.faq-hero-left { display: flex; flex-direction: column; }
.faq-hero-desc { margin-top: 16px; max-width: 500px; }
.faq-hero-stats { display: flex; gap: 36px; margin-top: 32px; padding-top: 28px; border-top: 1px solid rgba(37,99,235,0.1); }
.faq-hero-stat { display: flex; flex-direction: column; gap: 4px; }
.faq-hero-stat-val { font-size: 30px; font-weight: 900; color: var(--color-accent); letter-spacing: -1px; line-height: 1; }
.faq-hero-stat-lbl { font-size: 12px; font-weight: 500; color: rgba(15,23,42,0.4); }

/* Right: contact channels card + search */
.faq-hero-right { display: flex; flex-direction: column; gap: 12px; }
.faq-contact-card { background: #fff; border: 1.5px solid rgba(37,99,235,0.1); border-radius: 20px; overflow: hidden; box-shadow: 0 8px 40px rgba(37,99,235,0.1); }
.faq-contact-card-head { padding: 18px 22px 14px; border-bottom: 1px solid rgba(37,99,235,0.07); }
.faq-contact-card-title { font-size: 13px; font-weight: 700; color: #0d1321; margin: 0 0 2px; }
.faq-contact-card-sub { font-size: 12px; color: rgba(15,23,42,0.4); }
.faq-contact-channels { display: flex; flex-direction: column; }
.faq-channel { display: flex; align-items: center; gap: 14px; padding: 15px 22px; border-bottom: 1px solid rgba(37,99,235,0.05); text-decoration: none; transition: background 0.2s; }
.faq-channel:last-child { border-bottom: none; }
.faq-channel:hover { background: rgba(37,99,235,0.03); }
.faq-channel-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.faq-channel-icon--blue { background: rgba(37,99,235,0.08); border: 1px solid rgba(37,99,235,0.12); }
.faq-channel-icon--green { background: rgba(34,197,94,0.08); border: 1px solid rgba(34,197,94,0.15); }
.faq-channel-icon--orange { background: rgba(234,88,12,0.07); border: 1px solid rgba(234,88,12,0.12); }
.faq-channel-icon svg { width: 16px; height: 16px; }
.faq-channel-icon--blue svg { color: var(--color-accent); }
.faq-channel-icon--green svg { color: #16a34a; }
.faq-channel-icon--orange svg { color: #ea580c; }
.faq-channel-body { flex: 1; min-width: 0; }
.faq-channel-label { font-size: 13px; font-weight: 700; color: #0d1321; }
.faq-channel-value { font-size: 12px; color: rgba(15,23,42,0.45); margin-top: 1px; }
.faq-channel-arr { color: rgba(37,99,235,0.25); transition: transform 0.2s, color 0.2s; flex-shrink: 0; }
.faq-channel:hover .faq-channel-arr { transform: translateX(3px); color: var(--color-accent); }

/* Search bar */
.faq-search-wrap { position: relative; }
.faq-search-input { width: 100%; background: #fff; border: 1.5px solid rgba(37,99,235,0.14); border-radius: 14px; padding: 14px 52px 14px 18px; font-size: 14px; font-weight: 500; color: #0f172a; font-family: var(--font); transition: border-color 0.2s, box-shadow 0.2s; box-shadow: 0 4px 20px rgba(37,99,235,0.07); outline: none; box-sizing: border-box; }
.faq-search-input:focus { border-color: #2563eb; box-shadow: 0 0 0 4px rgba(37,99,235,0.1); }
.faq-search-input::placeholder { color: rgba(15,23,42,0.32); }
.faq-search-btn { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; background: var(--color-accent); border: none; border-radius: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s; }
.faq-search-btn:hover { background: var(--color-accent-dark); }
.faq-search-btn svg { width: 15px; height: 15px; color: #fff; }


/* ── MAIN LAYOUT ── */
.faq-main-section { background: #fff; }
.faq-main-wrap { display: grid; grid-template-columns: 248px 1fr; gap: 56px; align-items: start; }

/* ── SIDEBAR ── */
.faq-sidebar { position: sticky; top: 100px; display: flex; flex-direction: column; gap: 4px; }
.faq-sidebar-title { font-size: 10px; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(15,23,42,0.3); margin: 0 0 10px; padding: 0 10px; }
.faq-sidebar-link { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; font-size: 13px; font-weight: 600; color: rgba(15,23,42,0.5); cursor: pointer; transition: all 0.2s; border: none; background: none; font-family: var(--font); text-align: left; width: 100%; }
.faq-sidebar-link:hover { background: rgba(37,99,235,0.05); color: #2563eb; }
.faq-sidebar-link.active { background: rgba(37,99,235,0.07); color: #2563eb; font-weight: 700; }
.faq-sidebar-dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(37,99,235,0.18); flex-shrink: 0; transition: background 0.2s; }
.faq-sidebar-link.active .faq-sidebar-dot { background: var(--color-accent); }
.faq-sidebar-count { margin-left: auto; font-size: 10px; font-weight: 700; background: rgba(37,99,235,0.07); color: rgba(37,99,235,0.55); padding: 2px 7px; border-radius: 100px; }
.faq-sidebar-link.active .faq-sidebar-count { background: rgba(37,99,235,0.12); color: var(--color-accent); }
.faq-sidebar-divider { height: 1px; background: rgba(37,99,235,0.07); margin: 8px 0; }
.faq-sidebar-cta { margin-top: 16px; background: rgba(37,99,235,0.04); border: 1.5px solid rgba(37,99,235,0.1); border-radius: 16px; padding: 20px; display: flex; flex-direction: column; gap: 8px; }
.faq-sidebar-cta-label { font-size: 13px; font-weight: 700; color: #0d1321; }
.faq-sidebar-cta-sub { font-size: 12px; color: rgba(15,23,42,0.45); line-height: 1.6; }
.faq-sidebar-cta-btn { display: inline-flex; align-items: center; justify-content: center; padding: 9px 16px; background: var(--color-accent); color: #fff; border-radius: 10px; font-size: 12.5px; font-weight: 700; text-decoration: none; margin-top: 4px; transition: background 0.2s; font-family: var(--font); }
.faq-sidebar-cta-btn:hover { background: var(--color-accent-dark); }


/* ── FAQ CONTENT ── */
.faq-content { display: flex; flex-direction: column; gap: 52px; }

/* ── FAQ GROUP ── */
.faq-group-block { display: flex; flex-direction: column; scroll-margin-top: 100px; }
.faq-group-header { display: flex; align-items: center; gap: 14px; padding-bottom: 16px; border-bottom: 2px solid rgba(37,99,235,0.08); margin-bottom: 4px; }
.faq-group-icon { width: 40px; height: 40px; border-radius: 11px; background: rgba(37,99,235,0.07); border: 1px solid rgba(37,99,235,0.12); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.faq-group-icon svg { width: 18px; height: 18px; color: var(--color-accent); }
.faq-group-meta { display: flex; flex-direction: column; gap: 2px; }
.faq-group-name { font-size: 16px; font-weight: 800; color: #0d1321; letter-spacing: -0.2px; }
.faq-group-count { font-size: 12px; color: rgba(15,23,42,0.38); font-weight: 500; }

/* ── ACCORDION ── */
.faq-accordion-item { border-bottom: 1px solid #eef2f8; }
.faq-accordion-trigger { display: flex; align-items: center; justify-content: space-between; padding: 22px 0; cursor: pointer; gap: 24px; }
.faq-accordion-question { font-size: 16px; font-weight: 600; color: #0d1321; line-height: 1.4; transition: color 0.2s; flex: 1; }
.faq-accordion-item.active .faq-accordion-question { color: var(--color-accent); }
.faq-accordion-chevron { width: 32px; height: 32px; border-radius: 9px; background: #f1f5f9; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.25s; }
.faq-accordion-chevron svg { width: 14px; height: 14px; color: #94a3b8; transition: transform 0.3s, color 0.2s; }
.faq-accordion-item.active .faq-accordion-chevron { background: var(--color-accent); }
.faq-accordion-item.active .faq-accordion-chevron svg { color: #fff; transform: rotate(180deg); }
.faq-accordion-body { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.35s ease; }
.faq-accordion-item.active .faq-accordion-body { max-height: 600px; padding-bottom: 24px; }
.faq-accordion-answer { font-size: 15px; color: rgba(15,23,42,0.55); line-height: 1.8; max-width: 680px; }
.faq-accordion-answer ol, .faq-accordion-answer ul { padding-left: 20px; display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }

/* ── NO RESULTS ── */
.faq-no-results { display: none; text-align: center; padding: 60px 20px; }
.faq-no-results.visible { display: block; }
.faq-no-results-text { font-size: 15px; color: rgba(15,23,42,0.4); }

/* ── CTA BANNER ── */
.faq-cta-banner { background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0369a1 100%); border-radius: 24px; padding: 48px 44px; display: flex; align-items: center; justify-content: space-between; gap: 24px; box-shadow: 0 20px 60px rgba(37,99,235,0.25); }
.faq-cta-banner-left { display: flex; flex-direction: column; gap: 8px; }
.faq-cta-banner-sub { font-size: 15px; color: rgba(255,255,255,0.6); margin: 0; }
.faq-cta-banner-btns { display: flex; gap: 10px; flex-shrink: 0; }
.faq-cta-btn-white { display: inline-flex; align-items: center; padding: 13px 26px; background: #fff; color: #2563eb; border-radius: var(--radius-md); font-size: 15px; font-weight: 700; text-decoration: none; transition: all 0.2s; font-family: var(--font); white-space: nowrap; }
.faq-cta-btn-white:hover { background: #f0f6ff; transform: translateY(-1px); }
.faq-cta-btn-ghost { display: inline-flex; align-items: center; padding: 13px 26px; background: rgba(255,255,255,0.1); color: #fff; border: 1.5px solid rgba(255,255,255,0.25); border-radius: var(--radius-md); font-size: 15px; font-weight: 600; text-decoration: none; transition: all 0.2s; font-family: var(--font); white-space: nowrap; }
.faq-cta-btn-ghost:hover { background: rgba(255,255,255,0.18); border-color: rgba(255,255,255,0.4); }

/* ── RESPONSIVE ── */
@media (max-width: 1100px) { .faq-hero-cols { grid-template-columns: 1fr 360px; gap: 56px; } .faq-main-wrap { grid-template-columns: 220px 1fr; gap: 40px; } }
@media (max-width: 991px) {
  .faq-hero-cols { grid-template-columns: 1fr; gap: 40px; }
  .faq-hero-inner { padding-top: 110px; padding-bottom: 70px; }
  .faq-main-wrap { grid-template-columns: 1fr; gap: 24px; }
  .faq-sidebar { position: static; flex-direction: column; gap: 0; }
  .faq-sidebar-title, .faq-sidebar-cta, .faq-sidebar-divider { display: none; }
  .faq-sidebar-link { display: none; }
  .faq-mobile-select-wrap { display: block; }
  .faq-cta-banner { flex-direction: column; align-items: flex-start; padding: 32px 28px; }
}
@media (max-width: 767px) {
  .faq-hero-stats { gap: 20px; }
  .faq-accordion-question { font-size: 15px; }
  .faq-cta-banner-btns { flex-direction: column; width: 100%; }
  .faq-cta-btn-white, .faq-cta-btn-ghost { justify-content: center; }
}

.faq-mobile-select-wrap {
  display: none;
  position: relative;
}
.faq-mobile-select-wrap::after {
  content: '';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 0; height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #2563eb;
  pointer-events: none;
}
.faq-mobile-select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  background: #fff;
  border: 1.5px solid rgba(37,99,235,0.18);
  border-radius: 14px;
  padding: 14px 44px 14px 18px;
  font-size: 14px;
  font-weight: 700;
  color: #0d1321;
  font-family: var(--font);
  cursor: pointer;
  outline: none;
  box-shadow: 0 4px 20px rgba(37,99,235,0.08);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.faq-mobile-select:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(37,99,235,0.1);
}


/* ──-------------------------------------- crypto --------------------------------- ── */
.cry-typing-cursor { display: inline; color: var(--color-accent); font-weight: 300; animation: cry-blink 0.7s step-end infinite; }
@keyframes cry-blink { 50% { opacity: 0; } }
.cry-ticker-bg { position: absolute; inset: 0; display: flex; gap: 24px; padding: 0 24px; overflow: hidden; pointer-events: none; z-index: 0; }
.cry-col { flex: 1; display: flex; flex-direction: column; overflow: hidden; mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%); }
.cry-col-track { display: flex; flex-direction: column; gap: 16px; padding: 16px 0; font-size: 11px; font-weight: 600; letter-spacing: 0.04em; color: rgba(15,23,42,0.12); }
.cry-col-track span { display: flex; justify-content: space-between; padding: 6px 10px; border-radius: 6px; white-space: nowrap; }
.cry-col-track em { font-style: normal; color: rgba(15,23,42,0.1); }
.cry-col-track--up { animation: cry-scroll-up 28s linear infinite; }
.cry-col-track--down { animation: cry-scroll-down 32s linear infinite; }
.cry-col--2 .cry-col-track--down { animation-duration: 24s; }
.cry-col--3 .cry-col-track--up { animation-duration: 36s; }
.cry-col--4 .cry-col-track--down { animation-duration: 20s; }
.cry-col--5 .cry-col-track--up { animation-duration: 30s; }
@keyframes cry-scroll-up { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } }
@keyframes cry-scroll-down { 0% { transform: translateY(-50%); } 100% { transform: translateY(0); } }
.cry-hero-wrap .lvm-stat-card { background: rgba(255,255,255,0.75); border: 1px solid rgba(37,99,235,0.12); box-shadow: 0 4px 24px rgba(37,99,235,0.08); }
.cry-hero-wrap .lvm-stat-card:hover { border-color: rgba(37,99,235,0.3); background: rgba(255,255,255,0.9); }
.cry-hero-wrap .lvm-stat-val { color: #0d1321; }
.cry-hero-wrap .lvm-stat-lbl { color: rgba(15,23,42,0.45); }
.cry-hero-wrap .lvm-stat-img { filter: drop-shadow(0 4px 12px rgba(37,99,235,0.15)); }
.bnd-typing-cursor { display: inline; color: var(--color-accent); font-weight: 300; animation: bnd-blink 0.7s step-end infinite; }
@keyframes bnd-blink { 50% { opacity: 0; } }

.bnd-typed { display:inline; color: var(--color-accent); }

@media (max-width: 767px) {
  .lvm-wrap,
  .frx-hero-wrap,
  .idx-hero-wrap,
  .cry-hero-wrap {
    height: auto !important;
    min-height: 100vh;
  }

  .cry-hero-wrap .section-heading span {
    display: block;
  }

  .stk-sectors[style] {
    grid-template-columns: 1fr !important;
  }
}