@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); }
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, body { 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;
  scroll-snap-align: start;
}

@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); }


/* 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; }

/* 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; }
.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; }


/* COMPONENT — ACCORDION */
.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; } }


/* 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: auto; }
.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); } }
@media (max-width: 580px)  { .pricing-grid { grid-template-columns: 1fr; } }


/* 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); }
.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-left2, .carousel-card.pos-right2 { opacity: 0; pointer-events: none; } .carousel-btn-prev { left: 8px; } .carousel-btn-next { right: 8px; } }


/* HOME — GLOBAL MARKETS */
.tagm-v3-heading { margin-bottom: 40px; }
.tagm-v3-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.tagm-v3-card { background: #fff; border: 1px solid rgba(59,130,246,0.15); border-radius: var(--radius-lg); overflow: hidden; text-decoration: none; display: flex; flex-direction: column; box-shadow: 0 4px 24px rgba(59,130,246,0.06); transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; }
.tagm-v3-card:hover { transform: translateY(-6px); border-color: rgba(59,130,246,0.35); box-shadow: 0 20px 60px rgba(59,130,246,0.18); }
.tagm-v3-card-img-wrap { width: 100%; height: 180px; background: #f0f6ff; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.tagm-v3-card-img { width: 100%; height: 100%; object-fit: contain; padding: 24px; filter: drop-shadow(0 0 16px rgba(59,130,246,0.15)); transition: transform 0.4s ease, filter 0.4s ease; }
.tagm-v3-card:hover .tagm-v3-card-img { transform: scale(1.06); filter: drop-shadow(0 0 28px rgba(59,130,246,0.25)); }
.tagm-v3-card-body { padding: 20px 22px 8px; flex: 1; }
.tagm-v3-card-name { margin: 0 0 8px; }
.tagm-v3-card-desc { margin: 0; }
.tagm-v3-card-footer { display: flex; align-items: center; justify-content: space-between; padding: 14px 22px 20px; border-top: 1px solid rgba(59,130,246,0.08); margin-top: 12px; }
.tagm-v3-stat { font-size: 12px; font-weight: 600; color: #3b82f6; background: rgba(59,130,246,0.08); padding: 4px 10px; border-radius: 100px; }
.tagm-v3-arr { color: rgba(15,23,42,0.3); transition: color 0.25s ease, transform 0.25s ease; }
.tagm-v3-card:hover .tagm-v3-arr { color: #3b82f6; transform: translateX(3px); }

/* Global Markets — tablet */
@media (max-width: 991px) { .tagm-v3-grid { grid-template-columns: repeat(2, 1fr); } }

/* Global Markets — mobile FIXED */
@media (max-width: 767px) {
  /* unlock the section from 100vh so all cards show */
  .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;
  }
  .tagm-v3-grid {
    grid-template-columns: 1fr;   /* single column — full width cards */
    gap: 16px;
  }
  .tagm-v3-card-img-wrap {
    height: 200px;                 /* taller image area */
  }
  .tagm-v3-card-img {
    padding: 20px;                 /* less padding = bigger asset */
  }
  .tagm-v3-card-body { padding: 16px 18px 6px; }
  .tagm-v3-card-footer { padding: 12px 18px 16px; }
}


/* HOME — PRICING SECTION */
.pv4-head { margin-bottom: 48px; }
@media (max-width: 580px) { .pv4 { padding: 56px 24px 64px; } }

/* Pricing — unlock height on mobile */
@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;
  }
}


/* 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; }
.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; } }

/* 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; } }

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

/* Why Us — unlock height on mobile */
@media (max-width: 767px) {
  .why-us-v15.section-vh-lg {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    align-items: flex-start;
    padding-top: 64px;
    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-x: auto; } .ct4-thead, .ct4-tr, .ct4-tfoot { min-width: 620px; } }

/*  *************************************************************************************************** */

/* ── DEPOSITS PAGE ── */

/* ── DEPOSITS PAGE ── landing v2 */
.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: 1fr; } }

/* ── 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; } }

/* ── 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; } }



/* ══ ----------------------------------STOCKS PAGE --------------------------------------------- ══ */

/* ── LANDING ── */
.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.55}
.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 70% 80% at 50% 50%,rgba(8,13,24,0.92) 0%,rgba(8,13,24,0.65) 50%,transparent 80%),linear-gradient(180deg,rgba(8,13,24,0.6) 0%,transparent 30%,transparent 70%,rgba(8,13,24,0.6) 100%)}
.lvm-inner{display:flex;flex-direction:column;align-items:center}
.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}.lvm-stat-card{min-width:130px;padding:12px 16px}}
@media(max-width:480px){.lvm-col--3{display:none}.lvm-stat-card{flex:1;min-width:calc(50% - 8px)}}

/* ── 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{grid-template-columns:1fr auto}.s2b-team--r{display:none}.s2b-board-mid{padding:0 16px}}
@media(max-width:480px){.s2b-cell{padding:12px 14px;font-size:12px}.s2b-row-feat{font-size:9px}}

/* ── 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-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-img--invert{filter:brightness(0) invert(1) opacity(0.6)}
.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-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: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}}


/* 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}}

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

/* ══ ----------------------------------STOCKS PAGE --------------------------------------------- ══ */