@font-face {

  font-family: 'Acumin Pro';

  src: url('../fonts/acumin-pro-regular.woff2') format('woff2');

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Acumin Pro';

  src: url('../fonts/acumin-pro-italic.woff2') format('woff2');

  font-weight: 400;

  font-style: italic;

  font-display: swap;

}



@font-face {

  font-family: 'Acumin Pro';

  src: url('../fonts/acumin-pro-medium.woff2') format('woff2');

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Acumin Pro';

  src: url('../fonts/acumin-pro-semibold.woff2') format('woff2');

  font-weight: 600;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Acumin Pro';

  src: url('../fonts/acumin-pro-bold.woff2') format('woff2');

  font-weight: 700;

  font-style: normal;

  font-display: swap;

}



:root {

  /* Money Event Brand Identity Tokens (#092034 · #143d54 · #bc8e3b · #ece6dd · #f3f4f5) */

  --money-navy: #143d54;

  --money-navy-deep: #092034;

  --money-navy-card: #0e2e44;

  --money-blue: #143d54;

  --money-gold: #bc8e3b;

  --money-gold-hover: #a77b2e;

  --money-gold-dark: #7d5412;

  --money-gold-glow: rgba(188, 142, 59, 0.28);

  --money-gold-soft: rgba(188, 142, 59, 0.12);

  --money-cream: #ece6dd;

  --money-cream-alt: #e3dcd1;

  --money-white: #ffffff;

  --money-light: #f3f4f5;

  --money-text: #092034;

  --money-text-light: #f3f4f5;

  --money-muted: #4b6172;

  --money-muted-dark: #a6b7c5;

  --money-border: #d8d0c4;

  --money-border-dark: rgba(243, 244, 245, 0.14);

  --money-success: #16794b;

  --money-success-soft: rgba(22, 121, 75, 0.12);

  --money-danger: #b9382c;

  --money-danger-soft: rgba(185, 56, 44, 0.1);



  --font-heading: 'Georgia', Times, 'Times New Roman', serif;

  --font-body: 'Acumin Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;



  --money-radius: 10px;

  --money-radius-lg: 16px;

  --money-shadow: 0 10px 30px rgba(9, 32, 52, 0.08);

  --money-shadow-lg: 0 20px 50px rgba(9, 32, 52, 0.18);

  --money-transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);

}



*,

*::before,

*::after {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}



html {

  scroll-behavior: smooth;

  font-size: 16px;

}



body {

  font-family: var(--font-body);

  color: var(--money-text);

  background-color: var(--money-cream);

  line-height: 1.65;

  overflow-x: hidden;

  -webkit-font-smoothing: antialiased;

}



h1,

h2,

h3,

h4 {

  font-family: var(--font-heading);

  color: var(--money-navy);

  line-height: 1.18;

  font-weight: 700;

  letter-spacing: -0.015em;

}



h1 {

  font-size: clamp(2.1rem, 3.6vw, 3.25rem);

}



h2 {

  font-size: clamp(1.85rem, 3.2vw, 2.75rem);

  margin-bottom: 1.1rem;

}



h3 {

  font-size: clamp(1.22rem, 1.8vw, 1.45rem);

}



p {

  margin-bottom: 1rem;

  font-size: 1.0625rem;

}



p:last-child {

  margin-bottom: 0;

}



a {

  color: inherit;

  text-decoration: none;

  transition: var(--money-transition);

}



img {

  max-width: 100%;

  height: auto;

  display: block;

}



.wrap {

  width: 100%;

  max-width: 1240px;

  margin: 0 auto;

  padding: 0 24px;

}



section {

  padding: clamp(64px, 7vw, 104px) 0;

  position: relative;

}



/* Eyebrow Tags */

.tag {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  font-family: var(--font-body);

  font-size: 0.78rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.14em;

  color: #724f0c;

  background: rgba(188, 142, 59, 0.14);

  border: 1px solid rgba(188, 142, 59, 0.35);

  padding: 6px 14px;

  border-radius: 999px;

  margin-bottom: 16px;

}



/* Primary & Secondary CTA Buttons */

.btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding: 16px 32px;

  font-family: var(--font-body);

  font-size: 1.02rem;

  font-weight: 700;

  letter-spacing: 0.03em;

  text-transform: uppercase;

  border-radius: 8px;

  cursor: pointer;

  transition: var(--money-transition);

  border: 2px solid transparent;

  text-align: center;

  line-height: 1.2;

}



.btn-gold {

  background: linear-gradient(180deg, #ffd34e 0%, #f7b426 50%, #e69d12 100%);

  color: #092034;

  transition: transform 0.2s ease, background 0.2s ease;

}



.btn-gold:hover {

  background: linear-gradient(180deg, #ffe072 0%, #f9be3e 50%, #edaa22 100%);

  color: #092034;

  transform: translateY(-2px);

}



.btn-navy {

  background-color: var(--money-navy);

  color: var(--money-white);

  box-shadow: 0 8px 22px rgba(20, 61, 84, 0.22);

}



.btn-navy:hover {

  background-color: var(--money-navy-deep);

  transform: translateY(-2px);

}



.btn-outline-gold {

  background: transparent;

  color: var(--money-gold);

  border-color: var(--money-gold);

}



.btn-outline-gold:hover {

  background: var(--money-gold);

  color: var(--money-navy-deep);

}



.btn-outline-navy {

  background: transparent;

  color: var(--money-navy);

  border-color: var(--money-navy);

}



.btn-outline-navy:hover {

  background: var(--money-navy);

  color: var(--money-white);

}



.intro {

  text-align: center;

  max-width: 800px;

  margin: 0 auto clamp(42px, 5vw, 64px);

}



.intro p {

  font-size: 1.15rem;

  color: #000000;

}



/* ==========================================================================

   1. NAVIGATION BARS (HERO STATIC NAV & SCROLL-TRIGGERED STICKY HEADER)

   ========================================================================== */

/* Hero Static Nav Bar (Normal Document Flow inside Hero · Pure White Background) */

.hero-nav-static {

  position: relative;

  z-index: 10;

  background: #ffffff;

  padding: 14px 0;

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

  margin-bottom: 38px;

}



.hero-nav-inner {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 20px;

}



.hero-nav-static .menu a:not(.btn) {

  color: #092034;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.92rem;

  font-weight: 600;

  letter-spacing: 0.02em;

  transition: color 0.2s ease;

}



.hero-nav-static .menu a:not(.btn):hover {

  color: var(--money-gold-dark);

}



/* Scroll-Triggered Sticky Floating Header (Appears Only After Hero Scrolls Past Screen) */

.top-nav-sticky {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  background: rgba(9, 32, 52, 0.96);

  backdrop-filter: blur(14px);

  -webkit-backdrop-filter: blur(14px);

  z-index: 1000;

  border-bottom: 1px solid rgba(188, 142, 59, 0.28);

  padding: 12px 0;

  transform: translateY(-100%);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.28s ease, visibility 0.28s ease;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);

}



.top-nav-sticky.is-visible {

  transform: translateY(0);

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

}



.top-nav-sticky .wrap {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 20px;

}



.logo {

  display: flex;

  align-items: center;

  flex-shrink: 0;

}



.logo img {

  height: 46px;

  width: auto;

  object-fit: contain;

}



.menu {

  display: flex;

  gap: 28px;

  align-items: center;

}



.menu a:not(.btn) {

  font-weight: 700;

  font-size: 0.94rem;

  color: rgba(243, 244, 245, 0.88);

  letter-spacing: 0.02em;

}



.menu a:not(.btn):hover {

  color: var(--money-gold);

}



.menu .btn {

  padding: 11px 22px;

  font-size: 0.88rem;

}



/* ==========================================================================

   2. HERO — SUPERFOLD STYLE (VIDEO LEFT, COPY RIGHT, AGENDA BAR BELOW)

   ========================================================================== */

.hero {

  position: relative;

  padding: 0;

  background-color: #0c2336;

  background-image:

    /* Subtle atmospheric warm amber/gold accents in corners (soft and balanced) */

    radial-gradient(circle 500px at 4% 84%, rgba(215, 160, 60, 0.16) 0%, rgba(188, 142, 59, 0.05) 45%, transparent 70%),

    radial-gradient(circle 520px at 96% 76%, rgba(215, 160, 60, 0.15) 0%, rgba(188, 142, 59, 0.05) 45%, transparent 70%),

    /* Center-top oceanic depth */

    radial-gradient(ellipse 75% 55% at 50% 25%, rgba(20, 61, 84, 0.55) 0%, transparent 80%),

    /* Base navy linear gradient */

    linear-gradient(180deg, #092034 0%, #0d283d 50%, #092034 100%);

  color: var(--money-white);

  overflow: clip;

}



/* Ambient Financial Chart Video Background (Autoplay, Muted, Seamless Loop, Transparent) */

.hero-video-bg {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

  pointer-events: none;

  z-index: 0;

}



.hero-video-bg-media {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  opacity: 0.10;

  /* Extra subtle transparency for pristine text legibility */

  mix-blend-mode: screen;

  /* Seamlessly blends into deep navy financial gradient */

  filter: saturate(1.15) contrast(1.05);

}



.hero-video-bg-overlay {

  position: absolute;

  inset: 0;

  background:

    /* Deepening shield centered over the right-side reading column */

    radial-gradient(ellipse 65% 75% at 75% 42%, rgba(9, 32, 52, 0.72) 0%, rgba(9, 32, 52, 0.35) 55%, transparent 88%),

    /* Top & bottom subtle gradient to ensure perfect edge blending */

    linear-gradient(180deg, rgba(9, 32, 52, 0.45) 0%, transparent 20%, transparent 80%, rgba(9, 32, 52, 0.65) 100%);

  pointer-events: none;

}



/* Hero Superfold Layout (Two-Column Desktop: Video/Countdown Left, Headline/Order Right)

   Note: Full TradingView market chart animations are archived in archive/hero-trading-market-animations.html */

.hero-superfold {

  position: relative;

  z-index: 2;

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 44px;

  align-items: start;

  padding-bottom: 48px;

}



/* Left Column: Video + Countdown */

.hero-media-col {

  display: flex;

  flex-direction: column;

  gap: 20px;

}



.video {

  position: relative;

  width: 100%;

  border-radius: var(--money-radius-lg);

  overflow: hidden;

  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45), 0 0 25px rgba(188, 142, 59, 0.15);

  border: 1px solid rgba(188, 142, 59, 0.45);

  background: #092034;

  aspect-ratio: 16 / 9;

}



.video wistia-player,

.video iframe {

  width: 100%;

  height: 100%;

  display: block;

  border: 0;

}



/* Full-Width Countdown Timer inside Hero (Floating Gold Numerals, Pure White Colons & Labels) */

.countdown-wrap {

  width: 100%;

  padding: 6px 0 0;

}



.countdown-label {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 16px;

  width: 100%;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.74rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.16em;

  color: rgba(255, 255, 255, 0.88);

  margin-bottom: 14px;

  text-align: center;

}



.countdown-label::before,

.countdown-label::after {

  content: '';

  flex: 1 1 0;

  height: 1px;

  background: rgba(255, 255, 255, 0.28);

}



.countdown {

  display: flex;

  justify-content: center;

  align-items: flex-start;

  gap: 22px;

  width: auto;

  margin: 0 auto;

}



.cd-unit {

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  min-width: 58px;

}



.cd-unit:not(:last-child)::after {

  content: ':';

  position: absolute;

  right: -14px;

  top: 1px;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: clamp(1.85rem, 2.5vw, 2.45rem);

  font-weight: 700;

  color: #ffffff;

  line-height: 1;

}



.cd-box {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  background: transparent;

  border: none;

  box-shadow: none;

}



.cd-val {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: clamp(2.1rem, 2.9vw, 2.75rem);

  font-weight: 800;

  font-variant-numeric: tabular-nums;

  color: #f5b020;

  line-height: 1;

  letter-spacing: -0.01em;

}



.cd-lbl {

  display: block;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.72rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.16em;

  color: #ffffff;

  margin-top: 6px;

}



/* Right Column: Headline, Subhead, Side-by-Side Order Info (Left) & Register Button (Right) */

.hero-copy-col {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

}



.hero-copy-col .tag {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  background: rgba(9, 32, 52, 0.72);

  border: 1.5px solid rgba(245, 176, 32, 0.65);

  padding: 7px 18px;

  border-radius: 999px;

  color: #ffffff;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.82rem;

  font-weight: 700;

  letter-spacing: 0.14em;

  text-transform: uppercase;

  margin-bottom: 20px;

}



.hero-copy-col .tag-dot {

  width: 9px;

  height: 9px;

  border-radius: 50%;

  background-color: #22c55e;

  box-shadow: 0 0 10px #22c55e;

  display: inline-block;

  flex-shrink: 0;

  animation: livePulse 2s infinite ease-in-out;

}



@keyframes livePulse {

  0% {

    transform: scale(0.92);

    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);

  }



  70% {

    transform: scale(1.18);

    box-shadow: 0 0 0 7px rgba(34, 197, 94, 0);

  }



  100% {

    transform: scale(0.92);

    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);

  }

}



.hero-copy-col h1 {

  font-family: var(--font-heading);

  color: #ffffff;

  font-size: clamp(2.1rem, 3.2vw, 2.9rem);

  font-weight: 700;

  line-height: 1.18;

  margin-bottom: 18px;

  letter-spacing: -0.015em;

  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);

}



.hero-copy-col h1 em {

  font-family: inherit;

  font-style: italic;

  font-weight: 700;

  color: #ffffff;

}



.hero-lead {

  font-family: Georgia, 'Times New Roman', Times, serif;

  font-size: 1.14rem;

  color: rgba(255, 255, 255, 0.92);

  line-height: 1.62;

  margin-bottom: 24px;

}



/* Side-by-Side Offer Split (Left: Price Details, Right: Register Button, Below: Dedicated Full-Width VIP Callout) */

.hero-offer-box {

  width: 100%;

  margin-top: 6px;

}



.hero-offer-split {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 24px;

  margin-bottom: 16px;

}



.hero-price-col {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.hero-price-top {

  display: flex;

  align-items: baseline;

  gap: 12px;

  flex-wrap: wrap;

}



.price-active {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: clamp(2.6rem, 3.3vw, 3.15rem);

  font-weight: 800;

  color: #ffffff;

  line-height: 1;

  letter-spacing: -0.02em;

}



.hero-price-meta {

  display: inline-flex;

  align-items: baseline;

  gap: 8px;

}



.price-strike {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 1rem;

  font-weight: 600;

  color: rgba(255, 255, 255, 0.55);

  text-decoration: line-through;

  white-space: nowrap;

}



.price-slash {

  font-size: 1rem;

  color: rgba(255, 255, 255, 0.4);

}



.hero-save-tag {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.92rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.06em;

  color: #22c55e;

  white-space: nowrap;

}



.hero-cta-col {

  display: flex;

  flex-direction: column;

  align-items: stretch;

  text-align: center;

  gap: 8px;

  min-width: 230px;

  flex-shrink: 0;

}



.hero-upgrade-callout {

  background: transparent;

  border: none;

  border-radius: 0;

  padding: 10px 0 0;

  box-shadow: none;

}



.hero-upgrade-callout p {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.88rem;

  font-weight: 400;

  color: rgba(255, 255, 255, 0.94);

  line-height: 1.5;

  margin: 0;

}



.hero-upgrade-callout strong.upgrade-plus {

  color: #ffd34e;

  font-weight: 800;

  margin-right: 4px;

  letter-spacing: 0.02em;

}



.btn-hero-gold {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  padding: 16px 26px;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 1.06rem;

  font-weight: 800;

  letter-spacing: 0.05em;

  text-transform: uppercase;

  color: #092034;

  background: linear-gradient(180deg, #ffd34e 0%, #f7b426 50%, #e69d12 100%);

  border: none;

  border-radius: 12px;

  cursor: pointer;

  transition: transform 0.2s ease, background 0.2s ease;

  text-decoration: none;

  white-space: nowrap;

  line-height: 1.2;

}



.btn-hero-gold:hover {

  background: linear-gradient(180deg, #ffe072 0%, #f9be3e 50%, #edaa22 100%);

  transform: translateY(-2px);

  color: #092034;

}



.hero-questions {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.88rem;

  color: rgba(255, 255, 255, 0.75);

  margin: 0;

  letter-spacing: 0.01em;

}



.hero-questions a {

  font-weight: 600;

  color: #ffffff;

  text-decoration: underline;

  text-underline-offset: 3px;

  transition: color 0.2s ease;

}



.hero-questions a:hover {

  color: #ffd34e;

}





/* Vanity Bar ("Meet The Experts Who Have Been Featured In:" — Endless Right-to-Left Marquee) */

.press {

  position: relative;

  z-index: 3;

  background: #01101c;

  border-top: 1px solid rgba(255, 255, 255, 0.12);

  border-bottom: 1px solid rgba(255, 255, 255, 0.12);

  padding: 24px 0 22px;

  overflow: hidden;

}



.press-bar-inner {

  position: relative;

  z-index: 1;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  gap: 18px;

}



.press-label {

  margin: 0;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.76rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.16em;

  color: rgba(255, 255, 255, 0.75);

  text-align: center;

  padding: 0;

  border: none;

}



.press-marquee {

  width: 100%;

  overflow: hidden;

  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);

  mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);

}



.press-marquee-track {

  display: flex;

  align-items: center;

  width: max-content;

  will-change: transform;

  animation: pressMarqueeScroll 48s linear infinite;

}



.press-marquee:hover .press-marquee-track {

  animation-play-state: paused;

}



.press-marquee-group {

  display: flex;

  align-items: center;

  gap: 48px;

  padding-right: 48px;

  flex-shrink: 0;

}



.press-marquee-group img {

  height: 24px;

  width: auto;

  max-width: 175px;

  object-fit: contain;

  display: block;

  flex-shrink: 0;

  opacity: 0.86;

  transition: opacity 0.25s ease, transform 0.25s ease;

}



.press-marquee-group img.logo-tall {

  height: 32px;

}



.press-marquee-group img.logo-wide {

  height: 21px;

  max-width: 195px;

}



.press-marquee-group img:hover {

  opacity: 1;

  transform: scale(1.04);

}



@keyframes pressMarqueeScroll {

  0% {

    transform: translate3d(0, 0, 0);

  }



  100% {

    transform: translate3d(-50%, 0, 0);

  }

}



@media (max-width: 900px) {

  .press-bar-inner {

    gap: 14px;

  }

}



@media (prefers-reduced-motion: reduce) {

  .press-marquee-track {

    animation: none !important;

  }

}



/* Authority Bar (Architectural Open-Grid Counter Strip — Matching Dark Floor) */

.facts {

  position: relative;

  z-index: 3;

  background: #01101c;

  border-bottom: 1px solid rgba(255, 255, 255, 0.12);

  padding: 26px 0 32px;

}



.facts-grid {

  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 0;

}



.fact-item {

  position: relative;

  padding: 4px 28px;

  border-right: 1px solid rgba(255, 255, 255, 0.12);

  display: flex;

  flex-direction: column;

  justify-content: center;

  text-align: left;

}



.fact-item:first-child {

  padding-left: 0;

}



.fact-item:last-child {

  border-right: none;

  padding-right: 0;

}



.fact-body {

  width: 100%;

  min-width: 0;

}



.fact-item strong.fact-head {

  display: flex;

  align-items: baseline;

  gap: 8px;

  margin-bottom: 6px;

  white-space: nowrap;

}



.fact-num {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: clamp(2.15rem, 2.75vw, 2.65rem);

  font-weight: 800;

  font-variant-numeric: tabular-nums;

  line-height: 1;

  color: #f5b020;

  letter-spacing: -0.02em;

}



.fact-num [counter-element="number"] {

  display: inline;

  font: inherit;

  color: inherit;

}



.fact-num em {

  font-style: normal;

  color: #ffffff;

  font-size: 0.76em;

  margin-left: 2px;

  font-weight: 700;

}



.fact-label {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.76rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.14em;

  color: #ffffff;

}



.fact-body span:last-child {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.88rem;

  color: rgba(255, 255, 255, 0.72);

  line-height: 1.45;

  display: block;

}



.fact-body>span {

  display: block;

  font-size: 0.96rem;

  color: rgba(243, 244, 245, 0.88);

  line-height: 1.48;

}



@media (max-width: 1080px) {

  .fact-item {

    padding: 16px 24px;

  }



  .fact-item:nth-child(odd) {

    padding-left: 0;

  }



  .fact-item:nth-child(even) {

    border-right: none;

    padding-right: 0;

  }



  .fact-item:nth-child(-n + 2) {

    border-bottom: 1px solid rgba(243, 244, 245, 0.13);

  }

}



@media (max-width: 768px) {



  .fact-item,

  .fact-item:nth-child(odd),

  .fact-item:nth-child(even) {

    padding: 16px 0;

    border-right: none;

    border-bottom: 1px solid rgba(243, 244, 245, 0.13);

  }



  .fact-item:last-child {

    border-bottom: none;

    padding-bottom: 0;

  }

}



/* ==========================================================================

   3. THE PROBLEM ("2026 REALITY CHECK")

   ========================================================================== */

.reality-check {

  background-color: var(--money-cream);

}



.reality-check .tag {

  background: none;

  border: none;

  padding: 0;

  border-radius: 0;

  color: var(--money-gold-dark);

  font-size: 0.85rem;

  font-weight: 700;

  letter-spacing: 0.16em;

  margin-bottom: 14px;

}



.problem-grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 28px;

  margin-bottom: 36px;

}



.problem-card {

  background: var(--money-white);

  border: 1px solid var(--money-border);

  border-top: 4px solid var(--money-navy);

  border-radius: var(--money-radius-lg);

  padding: 34px 32px;

  box-shadow: var(--money-shadow);

  transition: var(--money-transition);

}



.problem-card:hover {

  transform: translateY(-4px);

  border-top-color: var(--money-gold);

  box-shadow: var(--money-shadow-lg);

}



.problem-card-head {

  display: flex;

  align-items: center;

  gap: 14px;

  margin-bottom: 16px;

}



.problem-icon {

  width: 44px;

  height: 44px;

  border-radius: 10px;

  background: rgba(20, 61, 84, 0.08);

  color: var(--money-navy);

  display: flex;

  align-items: center;

  justify-content: center;

  font-family: var(--font-heading);

  font-weight: 700;

  font-size: 1.1rem;

  flex-shrink: 0;

}



.problem-card h3 {

  margin: 0;

  font-size: 1.35rem;

  color: var(--money-navy);

}



.problem-card p {

  color: #000000;

  font-size: 1.04rem;

  line-height: 1.6;

  margin: 0;

}



.problem-takeaway {

  background: none;

  border: none;

  border-radius: 0;

  padding: 16px 0 0;

  box-shadow: none;

  max-width: 880px;

  margin: 0 auto;

  text-align: center;

}



.problem-takeaway p {

  font-size: 1.18rem;

  line-height: 1.7;

  color: var(--money-navy-deep);

  margin: 0;

}



.problem-takeaway strong,

.problem-takeaway em {

  color: var(--money-navy-deep);

  font-weight: 700;

}



/* ==========================================================================

   4. A MESSAGE FROM LIEF ("A PERSONAL NOTE")

   ========================================================================== */

.lief-letter-section {

  background: var(--money-white);

  border-top: 1px solid var(--money-border);

  border-bottom: 1px solid var(--money-border);

}



.letter-layout {

  display: grid;

  grid-template-columns: 340px 1fr;

  gap: 48px;

  align-items: start;

}



.letter-author-card {

  position: sticky;

  top: 100px;

  background: var(--money-navy);

  color: var(--money-white);

  border-radius: var(--money-radius-lg);

  overflow: hidden;

  box-shadow: var(--money-shadow-lg);

  border: 1px solid rgba(188, 142, 59, 0.35);

}



.letter-author-card img {

  width: 100%;

  height: 380px;

  object-fit: cover;

  object-position: top center;

}



.letter-author-meta {

  padding: 24px;

  border-top: 3px solid var(--money-gold);

}



.letter-author-meta h3 {

  color: var(--money-white);

  font-size: 1.35rem;

  margin-bottom: 4px;

}



.letter-author-role {

  display: block;

  font-size: 0.85rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.08em;

  color: #e8b75c;

  margin-bottom: 12px;

}



.letter-author-meta p {

  font-size: 0.92rem;

  color: rgba(243, 244, 245, 0.82);

  line-height: 1.5;

}



.letter-paper {

  background: transparent;

  border: none;

  box-shadow: none;

  padding: 0;

  position: relative;

}



.letter-paper .tag {

  background: none;

  border: none;

  padding: 0;

  border-radius: 0;

  color: var(--money-gold-dark);

  font-size: 0.85rem;

  font-weight: 700;

  letter-spacing: 0.16em;

  margin-bottom: 14px;

  display: inline-block;

}



.letter-paper h2 {

  font-size: clamp(1.85rem, 2.8vw, 2.45rem);

  line-height: 1.25;

  color: var(--money-navy);

  margin-bottom: 28px;

}



.letter-salutation {

  font-family: var(--font-heading);

  font-size: 1.2rem;

  font-weight: 700;

  color: var(--money-navy-deep);

  margin-bottom: 20px;

}



.letter-paper p {

  font-size: 1.08rem;

  line-height: 1.8;

  color: var(--money-navy-deep);

  margin-bottom: 20px;

}



.letter-paper .letter-emphasis {

  font-size: 1.12rem;

  line-height: 1.75;

  color: var(--money-navy-deep);

  font-weight: 600;

  margin: 22px 0;

}



.letter-paper .letter-valediction {

  margin-top: 24px;

  margin-bottom: 12px;

}



.letter-signoff {

  margin-top: 20px;

  padding-top: 16px;

}



.letter-signature-img {

  height: 68px;

  width: auto;

  margin: 6px 0 10px;

  display: block;

}



.letter-signoff p {

  font-size: 1.02rem;

  line-height: 1.5;

  color: var(--money-navy-deep);

  margin-bottom: 0;

}



/* ==========================================================================

   5. OUR PROMISE ("3 ANSWERS. 2 DAYS. 1 PLAN FOR YOUR MONEY.") + WORKBOOK

   ========================================================================== */

.promise-section {

  background: linear-gradient(180deg, var(--money-navy-deep) 0%, var(--money-navy) 100%);

  color: var(--money-white);

}



.promise-section .intro h2 {

  color: var(--money-white);

}



.promise-section .intro p {

  color: rgba(243, 244, 245, 0.82);

}



.promise-section .tag,

.workbook-content .tag {

  background: none;

  border: none;

  padding: 0;

  border-radius: 0;

  color: var(--money-gold);

  font-size: 0.85rem;

  font-weight: 700;

  letter-spacing: 0.16em;

  margin-bottom: 14px;

  display: inline-block;

}



.pillars-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 28px;

  margin-bottom: 56px;

}



.pillar-card {

  background: var(--money-cream);

  border: 1px solid rgba(243, 244, 245, 0.18);

  border-radius: var(--money-radius-lg);

  overflow: hidden;

  display: flex;

  flex-direction: column;

  transition: var(--money-transition);

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);

}



.pillar-card:hover {

  transform: translateY(-5px);

  border-color: var(--money-gold);

  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.4);

}



.pillar-img-wrap {

  position: relative;

  height: 200px;

  overflow: hidden;

}



.pillar-img-wrap img,

.pillar-img-wrap video {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

  transition: transform 0.5s ease;

}



.pillar-card:hover .pillar-img-wrap img,

.pillar-card:hover .pillar-img-wrap video {

  transform: scale(1.05);

}



.pillar-badge {

  display: inline-block;

  background: var(--money-gold);

  color: var(--money-navy-deep);

  font-size: 0.78rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.12em;

  padding: 5px 12px;

  border-radius: 6px;

  margin-bottom: 14px;

  line-height: 1.2;

}



.pillar-body {

  padding: 28px;

  flex: 1;

  background: var(--money-cream);

}



.pillar-body h3 {

  color: var(--money-navy-deep);

  font-size: 1.35rem;

  margin-bottom: 12px;

}



.pillar-body p {

  color: #000000;

  font-size: 1.02rem;

  line-height: 1.65;

}



/* Sovereign Portfolio Workbook Banner */

.workbook-banner {

  background: transparent;

  border: none;

  border-top: 1px solid rgba(243, 244, 245, 0.12);

  border-radius: 0;

  padding: clamp(36px, 5vw, 56px) 0 0;

  display: grid;

  grid-template-columns: 1.35fr 0.65fr;

  gap: 40px;

  align-items: center;

  box-shadow: none;

}



.workbook-content h3 {

  color: var(--money-white);

  font-size: clamp(1.55rem, 2.4vw, 2.05rem);

  margin-bottom: 14px;

}



.workbook-content p {

  color: rgba(243, 244, 245, 0.88);

  margin-bottom: 20px;

}



.workbook-list {

  list-style: none;

  display: grid;

  gap: 12px;

  margin-bottom: 20px;

}



.workbook-list li {

  display: flex;

  align-items: flex-start;

  gap: 12px;

  font-size: 1.02rem;

  color: var(--money-white);

}



.workbook-check {

  color: var(--money-gold);

  font-weight: 700;

  font-size: 1.1rem;

  line-height: 1.4;

  flex-shrink: 0;

}



.workbook-footnote {

  font-size: 0.94rem;

  color: var(--money-gold);

  font-style: italic;

  margin: 0;

}



.workbook-visual {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

}



.workbook-visual img {

  max-width: 280px;

  width: 100%;

  border-radius: 10px;

  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);

  border: 1px solid rgba(243, 244, 245, 0.15);

}



/* ==========================================================================

   6. THE PROGRAM (6 FEATURED SESSIONS + EXPANDABLE 24-SESSION SCHEDULE)

   ========================================================================== */

.program-section {

  background-color: var(--money-cream);

}



.program-section .intro .tag,

.qualification-section .intro .tag,

.speakers .intro .tag,

.logistics-section .intro .tag,

.reviews .intro .tag,

.pricing .intro .tag {

  background: none;

  border: none;

  padding: 0;

  border-radius: 0;

  color: var(--money-gold-dark);

  font-size: 0.85rem;

  font-weight: 700;

  letter-spacing: 0.16em;

  margin-bottom: 14px;

  display: inline-block;

}



/* ==========================================================================

   FEATURED SESSION CARDS REDESIGN

   ========================================================================== */

.featured-sessions-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 24px;

  margin-bottom: 36px;

}



.session-card {

  background: var(--money-white);

  border: 1px solid var(--money-border);

  border-radius: var(--money-radius-lg);

  padding: 24px 24px 26px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  box-shadow: var(--money-shadow);

  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;

}



.session-card:hover {

  transform: translateY(-4px);

  box-shadow: var(--money-shadow-lg);

  border-color: var(--money-gold-dark);

}



.session-card-top {

  display: flex;

  flex-direction: column;

}



.session-meta-top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  margin-bottom: 14px;

}



.pillar-pill {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.72rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.12em;

  padding: 4px 10px;

  border-radius: 4px;

  display: inline-block;

  line-height: 1.2;

}



.pillar-where {

  background: rgba(20, 61, 84, 0.12);

  color: var(--money-navy);

}



.pillar-what {

  background: rgba(188, 142, 59, 0.22);

  color: #7d5412;

}



.pillar-how {

  background: rgba(22, 121, 75, 0.15);

  color: #11613c;

}



.session-time-tag {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.75rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.08em;

  color: #163b5c;

}



.session-card h3 {

  font-family: var(--font-heading);

  font-size: 1.32rem;

  font-weight: 700;

  line-height: 1.28;

  color: var(--money-navy);

  margin-bottom: 0;

  min-height: 2.56em;

}



.session-speaker-block {

  display: flex;

  flex-direction: column;

  margin-top: 14px;

}



.session-divider {

  border-top: 1px solid #e5b352;

  margin: 0 0 14px 0;

  width: 100%;

}



.session-speaker-label {

  display: block;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.72rem;

  font-weight: 700;

  letter-spacing: 0.12em;

  text-transform: uppercase;

  color: #7d5412;

  margin-bottom: 14px;

}



.session-panel-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 8px;

  align-items: start;

}



.session-panel-grid-4 {

  grid-template-columns: repeat(4, 1fr);

  gap: 6px;

}



.session-panel-grid-4 .session-speaker-avatar {

  width: 48px;

  height: 48px;

}



.session-panel-grid-4 .session-speaker-name {

  font-size: 0.76rem;

  line-height: 1.18;

}



.session-panel-grid-4 .session-speaker-role {

  font-size: 0.68rem;

  line-height: 1.18;

}



.session-speaker-col {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

}



.session-speaker-avatar {

  width: 58px;

  height: 58px;

  border-radius: 50%;

  object-fit: cover;

  border: 2px solid #e2b45a;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);

  margin-bottom: 8px;

  transition: transform 0.2s ease, border-color 0.2s ease;

}



.session-speaker-col:hover .session-speaker-avatar {

  transform: translateY(-2px) scale(1.06);

  border-color: var(--money-gold-dark);

}



.session-speaker-name {

  display: block;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.84rem;

  font-weight: 700;

  color: #092034;

  line-height: 1.22;

  margin-bottom: 3px;

  word-break: break-word;

}



.session-speaker-role {

  display: block;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.74rem;

  color: #556877;

  line-height: 1.25;

}



.session-solo-expert {

  display: flex;

  align-items: center;

  gap: 16px;

  padding: 4px 0 6px;

}



.session-solo-expert .solo-avatar {

  width: 82px;

  height: 82px;

  border-radius: 50%;

  object-fit: cover;

  border: 2px solid #e2b45a;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

  flex-shrink: 0;

  transition: transform 0.2s ease, border-color 0.2s ease;

}



.session-solo-expert:hover .solo-avatar {

  transform: translateY(-2px) scale(1.05);

  border-color: var(--money-gold-dark);

}



.session-solo-info {

  display: flex;

  flex-direction: column;

  gap: 2px;

}



.session-solo-info .session-speaker-name {

  font-size: 1.15rem;

  font-weight: 700;

  color: #092034;

  line-height: 1.25;

  margin-bottom: 2px;

}



.session-solo-info .session-speaker-role,

.session-solo-info .session-speaker-company {

  font-size: 0.88rem;

  color: #556877;

  line-height: 1.35;

}



@media (max-width: 1024px) {

  .featured-sessions-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}



@media (max-width: 768px) {

  .featured-sessions-grid {

    grid-template-columns: 1fr;

    gap: 20px;

  }



  .session-card {

    padding: 20px 16px 22px;

  }



  .session-card h3 {

    min-height: auto;

  }

}



@media (max-width: 520px) {

  .session-card {

    padding: 18px 12px 20px;

  }



  .session-panel-grid {

    gap: 4px;

  }



  .session-panel-grid-4 {

    grid-template-columns: repeat(2, 1fr);

    gap: 10px 6px;

  }



  .session-panel-grid-4 .session-speaker-avatar {

    width: 48px;

    height: 48px;

  }



  .session-speaker-avatar {

    width: 52px;

    height: 52px;

  }



  .session-speaker-name {

    font-size: 0.80rem;

  }



  .session-speaker-role {

    font-size: 0.70rem;

  }

}



/* Expandable Full Agenda Drawer */

.full-agenda-controls {

  text-align: center;

  margin-bottom: 24px;

}



.agenda-toggle-btn {

  display: inline-flex;

  align-items: center;

  gap: 12px;

  background: var(--money-navy);

  color: var(--money-white);

  border: 2px solid var(--money-gold);

  padding: 16px 32px;

  border-radius: 999px;

  font-family: var(--font-body);

  font-size: 1rem;

  font-weight: 700;

  cursor: pointer;

  transition: var(--money-transition);

  box-shadow: var(--money-shadow);

}



.agenda-toggle-btn:hover {

  background: var(--money-blue);

  transform: translateY(-2px);

}



.agenda-toggle-icon {

  display: inline-block;

  transition: transform 0.3s ease;

}



.agenda-toggle-btn[aria-expanded="true"] .agenda-toggle-icon {

  transform: rotate(180deg);

}



.full-agenda-drawer {

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;

  opacity: 0;

  margin-top: 10px;

}



.full-agenda-drawer.is-open {

  max-height: 4000px;

  opacity: 1;

}



.agenda-tabs-container {

  background: transparent;

  border: none;

  box-shadow: none;

  padding: 10px 0 0 0;

}



/* Centered Segmented Switcher (No Numbers) */

.agenda-tabs-nav-wrap {

  display: flex;

  justify-content: center;

  margin-bottom: 36px;

}



.agenda-tabs-segmented {

  display: inline-flex;

  background: #e9e4d8;

  padding: 5px;

  border-radius: 50px;

  gap: 6px;

  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);

}



.agenda-tab-btn {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  background: transparent;

  border: none;

  padding: 12px 32px;

  border-radius: 40px;

  cursor: pointer;

  font-family: var(--font-body);

  transition: all 0.22s ease;

  text-align: center;

}



.agenda-tab-btn .tab-meta {

  display: flex;

  flex-direction: column;

  align-items: center;

}



.agenda-tab-btn .day-name {

  font-size: 0.96rem;

  font-weight: 800;

  color: var(--money-navy-deep);

  letter-spacing: 0.02em;

  line-height: 1.2;

}



.agenda-tab-btn .day-date {

  font-size: 0.76rem;

  color: #64748b;

  font-weight: 600;

  margin-top: 2px;

  line-height: 1.2;

}



.agenda-tab-btn:hover {

  background: rgba(255, 255, 255, 0.45);

}



.agenda-tab-btn.active {

  background: var(--money-navy-deep);

  box-shadow: 0 4px 14px rgba(9, 32, 52, 0.25);

}



.agenda-tab-btn.active .day-name {

  color: #ffffff;

}



.agenda-tab-btn.active .day-date {

  color: var(--money-gold);

}



/* Tab Panels */

.agenda-tab-panel {

  display: none;

  animation: fadeInPanel 0.25s ease;

}



.agenda-tab-panel.active {

  display: block;

}



@keyframes fadeInPanel {

  from {

    opacity: 0;

    transform: translateY(4px);

  }



  to {

    opacity: 1;

    transform: translateY(0);

  }

}



/* Executive Editorial Schedule Table */

/* Agenda Day Banner with Emcee (Clean Transparent Style) */
.agenda-day-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px 4px 14px;
  background: transparent;
  color: var(--money-navy-deep, #092034);
  border-radius: 0;
  margin-bottom: 6px;
  border-left: none;
  border-bottom: 1px solid rgba(216, 208, 196, 0.85);
}

.agenda-day-heading {
  font-family: var(--font-heading, Georgia, serif);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--money-navy-deep, #092034);
  margin: 0;
  letter-spacing: -0.01em;
}

.agenda-day-emcee {
  font-family: var(--font-body, inherit);
  font-size: 0.92rem;
  color: #55687d;
  font-weight: 600;
  letter-spacing: 0.01em;
}

@media (max-width: 600px) {
  .agenda-day-banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 12px 2px 10px;
  }
  .agenda-day-heading {
    font-size: 1.10rem;
  }
  .agenda-day-emcee {
    font-size: 0.84rem;
  }
}

.agenda-table {

  width: 100%;

  display: flex;

  flex-direction: column;

}



.agenda-row {

  display: grid;

  grid-template-columns: 90px 170px 1fr;

  gap: 24px;

  align-items: flex-start;

  padding: 24px 14px;

  border-bottom: 1px solid rgba(216, 208, 196, 0.7);

  transition: background 0.15s ease;

}



.agenda-row:hover {

  background: rgba(255, 255, 255, 0.7);

  border-radius: 8px;

}



/* Column 1: Big 3.4rem Number + Pillar Tag Below (Standardized Width) */

.agenda-row .row-index {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 8px;

  width: 58px;

}



.agenda-row .row-num {

  font-size: 3.4rem;

  font-weight: 800;

  color: var(--money-navy-deep);

  line-height: 0.88;

  letter-spacing: -0.04em;

  font-family: var(--font-body);

  font-variant-numeric: tabular-nums;

  width: 58px;

  text-align: center;

}



.agenda-row .row-index .pillar-pill,

.agenda-row .row-index .pillar-how,

.agenda-row .row-index .pillar-where,

.agenda-row .row-index .pillar-what,

.agenda-row.break-row .break-badge {

  width: 58px;

  box-sizing: border-box;

  text-align: center;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  font-size: 0.68rem;

  font-weight: 800;

  letter-spacing: 0.08em;

  padding: 3px 0;

  border-radius: 4px;

  text-transform: uppercase;

}



/* Column 2: Time & Duration */

.agenda-row .row-time {

  display: flex;

  flex-direction: column;

  padding-top: 6px;

}



.agenda-row .row-time .time-range {

  font-size: 0.96rem;

  font-weight: 700;

  color: var(--money-navy-deep);

  line-height: 1.3;

}



.agenda-row .row-time .duration {

  font-size: 0.74rem;

  color: #000000;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.06em;

  margin-top: 4px;

}



/* Column 3: Presentation Headline & Presenters Below */

.agenda-row .row-content {

  display: flex;

  flex-direction: column;

  gap: 8px;

  padding-top: 4px;

}



.agenda-row .row-content h4 {

  font-size: 1.25rem;

  font-family: Georgia, serif;

  font-weight: 700;

  color: #000000;

  margin: 0;

  line-height: 1.32;

}



.agenda-row .row-speaker-sub {

  display: flex;

  align-items: baseline;

  margin-top: 2px;

}



.agenda-row .row-speaker-sub .speaker-meta {

  display: flex;

  align-items: baseline;

  gap: 6px;

  font-size: 0.88rem;

  flex-wrap: wrap;

}



.agenda-row .row-speaker-sub .speaker-meta strong {

  font-size: 0.88rem;

  font-weight: 700;

  color: #111111;

  line-height: 1.25;

}



.agenda-row .row-speaker-sub .speaker-meta span {

  font-size: 0.8rem;

  color: #000000;

  line-height: 1.25;

}



.agenda-row .row-speaker-sub .speaker-meta span::before {

  content: "\00b7";

  margin-right: 6px;

  color: var(--money-gold-dark);

  font-weight: 900;

}



/* Mid-Day Break Row */

.agenda-row.break-row {

  background: #fbf7ee;

  border: 1px dashed var(--money-gold);

  border-radius: 8px;

  padding: 16px 20px;

  margin: 16px 0;

  grid-template-columns: 90px 170px 1fr;

  align-items: center;

}



.agenda-row.break-row .break-badge {

  background: var(--money-gold);

  color: var(--money-navy-deep);

  font-weight: 800;

  font-size: 0.68rem;

  padding: 3px 0;

  border-radius: 4px;

  letter-spacing: 0.06em;

  text-transform: uppercase;

  width: 58px;

  box-sizing: border-box;

  text-align: center;

  display: inline-flex;

  justify-content: center;

  align-items: center;

}



.agenda-row.break-row .break-desc {

  display: flex;

  align-items: center;

  gap: 12px;

}



.agenda-row.break-row .break-title {

  font-size: 1.08rem;

  font-family: Georgia, serif;

  font-weight: 700;

  color: var(--money-navy-deep);

}



/* Responsive Agenda Table */

@media (max-width: 900px) {

  .agenda-tabs-segmented {

    flex-direction: column;

    width: 100%;

    border-radius: 14px;

  }



  .agenda-tab-btn {

    border-radius: 10px;

    width: 100%;

    padding: 12px 16px;

  }



  .agenda-row {

    grid-template-columns: 60px 1fr;

    gap: 12px;

    padding: 18px 8px;

  }



  .agenda-row .row-index {

    width: 44px;

    align-items: center;

  }



  .agenda-row .row-num {

    font-size: 2.6rem;

    width: 44px;

    text-align: center;

  }



  .agenda-row .row-index .pillar-pill,

  .agenda-row .row-index .pillar-how,

  .agenda-row .row-index .pillar-where,

  .agenda-row .row-index .pillar-what,

  .agenda-row.break-row .break-badge {

    width: 44px;

    font-size: 0.62rem;

    padding: 3px 0;

    letter-spacing: 0.04em;

  }



  .agenda-row .row-time {

    grid-column: 2;

    flex-direction: row;

    gap: 12px;

    align-items: baseline;

    padding-top: 0;

  }



  .agenda-row .row-content {

    grid-column: 2;

  }



  .agenda-row.break-row {

    grid-template-columns: 60px 1fr;

  }



  .agenda-row.break-row .break-desc {

    grid-column: 2;

  }

}



.agenda-item-top {

  display: flex;

  align-items: center;

  gap: 8px;

  margin-bottom: 6px;

}



.agenda-item h4 {

  font-family: var(--font-heading);

  font-size: 1rem;

  color: var(--money-navy);

  margin-bottom: 4px;

  line-height: 1.35;

}



.agenda-item p {

  font-size: 0.85rem;

  color: var(--money-muted);

  margin: 0;

}



.program-cta-bar {

  text-align: center;

  margin-top: 28px;

}



/* ==========================================================================

   7. IS THIS FOR YOU? (ROLODEX QUALIFICATION CARDS + NAVY CTA BAND)

   ========================================================================== */

.qualification-section {

  background: var(--money-white);

  border-top: 1px solid var(--money-border);

  border-bottom: 1px solid var(--money-border);

  padding: 90px 0 100px;

  position: relative;

}



.qualification-section .intro {

  text-align: center;

  max-width: 860px;

  margin: 0 auto 50px;

}



.qualification-section .intro h2 {

  font-family: var(--font-heading);

  font-size: 2.35rem;

  line-height: 1.22;

  color: var(--money-navy);

  margin: 0;

}



/* Grid for the 2 Rolodex Cards */

.rolodex-grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 36px;

  max-width: 1140px;

  margin: 0 auto 50px;

}



/* Fixed height on desktop so elements below the cards never shift */

@media (min-width: 1200px) {

  #rolodex-cards-container {

    height: 740px;

  }



  .rolodex-card {

    height: 100%;

  }

}



@media (min-width: 961px) and (max-width: 1199px) {

  #rolodex-cards-container {

    height: 890px;

  }



  .rolodex-card {

    height: 100%;

  }

}



/* Card Shell */

.rolodex-card {

  background: #ffffff;

  border-radius: 24px;

  box-shadow: 0 16px 45px rgba(9, 32, 52, 0.08);

  border: 1px solid rgba(216, 208, 196, 0.6);

  display: flex;

  position: relative;

  overflow: visible;

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.rolodex-card:hover {

  box-shadow: 0 22px 55px rgba(9, 32, 52, 0.13);

}



/* The Vertical Colored Spine / Rail */

.rolodex-spine {

  width: 78px;

  flex-shrink: 0;

  border-radius: 23px 0 0 23px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: space-between;

  padding: 28px 0;

  position: relative;

  user-select: none;

}



/* DO / YES Spine (Rich Forest Green Gradient) */

.rolodex-card.card-do .rolodex-spine {

  background: linear-gradient(180deg, #107c41 0%, #0d5c31 100%);

  color: #ffffff;

}



/* DON'T / NO Spine (Coral Crimson Gradient) */

.rolodex-card.card-dont .rolodex-spine {

  background: linear-gradient(180deg, #d32f2f 0%, #b71c1c 100%);

  color: #ffffff;

}



.spine-icon-top {

  width: 38px;

  height: 38px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.2);

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 1.25rem;

}



.spine-label-bottom {

  writing-mode: vertical-rl;

  transform: rotate(180deg);

  font-size: 1.15rem;

  font-weight: 800;

  letter-spacing: 0.14em;

  text-transform: uppercase;

  font-family: var(--font-body);

  opacity: 0.95;

}



/* The Sliding Arrow Pointer */

.rolodex-pointer {

  position: absolute;

  right: -13px;

  width: 0;

  height: 0;

  border-top: 13px solid transparent;

  border-bottom: 13px solid transparent;

  transition: top 0.32s cubic-bezier(0.16, 1, 0.3, 1);

  z-index: 10;

  filter: drop-shadow(2px 0 2px rgba(0, 0, 0, 0.1));

  pointer-events: none;

}



.rolodex-card.card-do .rolodex-pointer {

  border-left: 14px solid #0d5c31;

}



.rolodex-card.card-dont .rolodex-pointer {

  border-left: 14px solid #b71c1c;

}



/* Card Body & Content */

.rolodex-body {

  flex: 1;

  padding: 34px 34px 34px 28px;

  display: flex;

  flex-direction: column;

}



.rolodex-body h3 {

  font-family: var(--font-heading);

  font-size: 1.45rem;

  margin: 0 0 22px 0;

  padding-bottom: 14px;

  border-bottom: 1px solid rgba(216, 208, 196, 0.55);

  color: var(--money-navy);

  display: flex;

  align-items: center;

  justify-content: space-between;

}



/* Both DO and DON'T headings use --money-navy */

.rolodex-card.card-dont .rolodex-body h3 {

  color: var(--money-navy);

}



.rolodex-badge-count {

  font-family: var(--font-body);

  font-size: 0.75rem;

  font-weight: 800;

  letter-spacing: 0.08em;

  padding: 4px 10px;

  border-radius: 20px;

  text-transform: uppercase;

}



.card-do .rolodex-badge-count {

  background: rgba(16, 124, 65, 0.12);

  color: #0b572d;

}



.card-dont .rolodex-badge-count {

  background: rgba(211, 47, 47, 0.1);

  color: #c62828;

}



/* List of Items */

.rolodex-list {

  list-style: none;

  margin: 0;

  padding: 0;

  display: flex;

  flex-direction: column;

  gap: 16px;

  position: relative;

}



/* Rolodex Item (Completely Static Layout - No transforms, scaling, or font resizing) */

.rolodex-item {

  display: flex;

  align-items: flex-start;

  gap: 16px;

  padding: 10px 14px;

  border-radius: 12px;

  transition: background-color 0.2s ease, opacity 0.2s ease;

  cursor: pointer;

  position: relative;

  opacity: 0.85;

}



.rolodex-item .item-text {

  font-size: 0.98rem;

  line-height: 1.52;

  font-weight: 500;

  color: #1e293b;

  transition: color 0.2s ease, font-weight 0.2s ease;

}



/* Active Item State (Static, no scaling or size increase - just bolder text & soft tint) */

.rolodex-item.is-active {

  opacity: 1;

}



.card-do .rolodex-item.is-active {

  background: rgba(16, 124, 65, 0.08);

}



.card-dont .rolodex-item.is-active {

  background: rgba(211, 47, 47, 0.07);

}



.rolodex-item.is-active .item-text {

  font-size: 0.98rem;

  font-weight: 700;

  color: var(--money-navy-deep);

  line-height: 1.52;

}



/* Checkmark / X Icon Badges (Static geometry) */

.rolodex-icon {

  width: 28px;

  height: 28px;

  border-radius: 50%;

  flex-shrink: 0;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 0.9rem;

  font-weight: 800;

  margin-top: 2px;

  transition: opacity 0.2s ease;

}



.card-do .rolodex-icon {

  background: #107c41;

  color: #ffffff;

}



.card-dont .rolodex-icon {

  background: #d32f2f;

  color: #ffffff;

}



.rolodex-item.is-active .rolodex-icon {

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);

}



/* ==========================================================================

   Concept B Blue Box CTA Band at the Bottom

   ========================================================================== */

.qual-cta-band {

  max-width: 1140px;

  margin: 0 auto;

  background: linear-gradient(135deg, #092034 0%, #143d54 100%);

  border-radius: 20px;

  padding: 44px 50px;

  display: grid;

  grid-template-columns: 1fr auto;

  gap: 36px;

  align-items: center;

  box-shadow: 0 24px 60px rgba(9, 32, 52, 0.25);

  position: relative;

  overflow: hidden;

  border: 1px solid rgba(188, 142, 59, 0.35);

}



.qual-cta-band .band-info h3 {

  font-family: var(--font-heading);

  color: #ffffff;

  font-size: 1.95rem;

  margin: 0;

  line-height: 1.25;

}



.qual-cta-band .band-info p {

  color: rgba(243, 244, 245, 0.84);

  margin: 0;

  font-size: 1.05rem;

  line-height: 1.5;

}



.qual-cta-band .band-price {

  color: var(--money-gold);

  font-weight: 800;

  font-size: 1.15rem;

  margin-left: 6px;

}



.qual-cta-band .band-price del {

  color: rgba(243, 244, 245, 0.5);

  font-weight: 600;

  font-size: 0.95rem;

  margin-left: 6px;

}



.qual-cta-band .band-action {

  text-align: center;

  position: relative;

  z-index: 1;

  display: flex;

  flex-direction: column;

  align-items: center;

}



.qual-cta-band .btn-gold-lg {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background: linear-gradient(180deg, #ffd34e 0%, #f7b426 50%, #e69d12 100%);

  color: #092034;

  font-family: var(--font-body);

  font-weight: 800;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  font-size: 1.16rem;

  padding: 22px 56px;

  border-radius: 12px;

  border: none;

  text-decoration: none;

  transition: transform 0.2s ease, background 0.2s ease;

  white-space: nowrap;

}



.qual-cta-band .btn-gold-lg:hover {

  background: linear-gradient(180deg, #ffe072 0%, #f9be3e 50%, #edaa22 100%);

  color: #092034;

  transform: translateY(-2px);

}



.qual-cta-band .trust-sub {

  display: block;

  margin-top: 12px;

  color: rgba(243, 244, 245, 0.72);

  font-size: 0.82rem;

  font-weight: 500;

  letter-spacing: 0.02em;

}



@media (max-width: 960px) {

  .rolodex-grid {

    grid-template-columns: 1fr;

    gap: 32px;

  }



  .qual-cta-band {

    grid-template-columns: 1fr;

    padding: 34px 28px;

    text-align: center;

  }



  .qual-cta-band .band-action {

    margin-top: 6px;

  }

}



@media (max-width: 640px) {

  .rolodex-card {

    border-radius: 18px;

  }



  .rolodex-spine {

    width: 62px;

    padding: 20px 0;

  }



  .spine-icon-top {

    width: 32px;

    height: 32px;

  }



  .spine-label-bottom {

    font-size: 0.95rem;

  }



  .rolodex-body {

    padding: 22px 18px 22px 16px;

  }



  .rolodex-body h3 {

    font-size: 1.25rem;

  }



  .rolodex-item {

    gap: 12px;

    padding: 8px 10px;

  }



  .rolodex-item .item-text {

    font-size: 0.92rem;

  }



  .rolodex-item.is-active .item-text {

    font-size: 0.92rem;

    font-weight: 700;

  }

}



/* ==========================================================================

   8. YOUR EXPERTS (6 INNER-CIRCLE CARDS + EXPANDABLE DRAWER + MODALS)

   ========================================================================== */

.speakers {

  background: linear-gradient(180deg, var(--money-navy-deep) 0%, var(--money-navy) 100%);

  color: var(--money-white);

}



.speakers .intro h2 {

  color: var(--money-white);

}



.speakers .intro p {

  color: rgba(243, 244, 245, 0.84);

}



.speakers .tag {

  color: var(--money-gold);

  background: rgba(188, 142, 59, 0.14);

  border-color: rgba(188, 142, 59, 0.4);

}



.featured-speakers {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 28px;

  margin-bottom: 40px;

}



.person {

  background: rgba(9, 32, 52, 0.92);

  border: 1px solid rgba(243, 244, 245, 0.12);

  border-radius: var(--money-radius-lg);

  padding: 28px;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  cursor: pointer;

  transition: var(--money-transition);

  position: relative;

}



.person:focus-visible {

  outline: 2px solid var(--money-gold);

  outline-offset: 3px;

}



.person:hover {

  transform: translateY(-5px);

  border-color: var(--money-gold);

  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.45);

}



.person img {

  width: 128px;

  height: 128px;

  border-radius: 50%;

  object-fit: cover;

  object-position: top center;

  border: 3px solid var(--money-gold);

  margin-bottom: 18px;

  background: var(--money-navy);

}



.person h3 {

  color: var(--money-white);

  font-size: 1.32rem;

  margin-bottom: 6px;

}



.person .role {

  display: block;

  font-size: 0.82rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.08em;

  color: var(--money-gold);

  margin-bottom: 14px;

}



.person p {

  font-size: 0.96rem;

  color: rgba(243, 244, 245, 0.82);

  line-height: 1.6;

  margin-bottom: 18px;

  flex: 1;

}



.read-bio-btn {

  background: rgba(188, 142, 59, 0.14);

  color: var(--money-gold);

  border: 1px solid rgba(188, 142, 59, 0.4);

  padding: 8px 18px;

  border-radius: 6px;

  font-family: var(--font-body);

  font-size: 0.85rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.06em;

  cursor: pointer;

  transition: var(--money-transition);

}



.read-bio-btn:hover {

  background: var(--money-gold);

  color: var(--money-navy-deep);

}



.more-speakers-controls {

  text-align: center;

}



.more-speakers-drawer {

  display: none;

  margin-top: 36px;

}



.more-speakers-drawer.is-open {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 22px;

}



.more-speakers-drawer .person {

  padding: 22px 18px;

}



.more-speakers-drawer .person img {

  width: 96px;

  height: 96px;

}



.more-speakers-drawer .person h3 {

  font-size: 1.12rem;

}



/* Bio Dialog Modal */

.bio-modal {

  max-width: 640px;

  width: calc(100% - 32px);

  max-height: 90vh;

  overflow-y: auto;

  overscroll-behavior: contain;

  margin: auto;

  border: 2px solid var(--money-gold);

  border-radius: var(--money-radius-lg);

  background: var(--money-white);

  color: var(--money-text);

  padding: 0;

  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.65);

}



.bio-modal::backdrop {

  background: rgba(9, 32, 52, 0.82);

  backdrop-filter: blur(4px);

}



.bio-modal-content {

  padding: 36px;

  position: relative;

}



.close-modal {

  position: absolute;

  top: 18px;

  right: 18px;

  width: 36px;

  height: 36px;

  border-radius: 50%;

  border: 1px solid var(--money-border);

  background: var(--money-cream);

  color: var(--money-navy);

  font-size: 1.4rem;

  line-height: 1;

  cursor: pointer;

}



.bio-header {

  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: 22px;

}



.bio-header img {

  width: 92px;

  height: 92px;

  border-radius: 50%;

  object-fit: cover;

  border: 3px solid var(--money-gold);

}



.bio-header h3 {

  margin-bottom: 4px;

}



.bio-header .role {

  font-size: 0.85rem;

  font-weight: 700;

  color: var(--money-gold-dark);

  text-transform: uppercase;

  letter-spacing: 0.06em;

}



.bio-body p {

  color: var(--money-muted);

  margin-bottom: 14px;

}



.bio-body ul {

  list-style: none;

  padding: 0;

  margin: 16px 0 0;

  display: grid;

  gap: 10px;

}



.bio-body li {

  position: relative;

  padding-left: 18px;

  color: var(--money-navy);

  font-size: 0.95rem;

  line-height: 1.5;

}



.bio-body li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 8px;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: var(--money-gold-dark);

}



/* ==========================================================================

   9. HOW DOES IT WORK? (6 LOGISTICS FEATURES + PORTAL PREVIEW + HOURS BAR)

   ========================================================================== */

.logistics-section {

  background: var(--money-cream);

}



.logistics-layout {

  display: grid;

  grid-template-columns: 1fr 1.35fr;

  gap: 40px;

  align-items: center;

}



.logistics-grid {

  display: flex;

  flex-direction: column;

  gap: 16px;

}



.logistics-card {

  background: var(--money-white);

  border: 1px solid var(--money-border);

  border-radius: var(--money-radius);

  padding: 18px 22px;

  box-shadow: var(--money-shadow);

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

  transition: transform 0.2s ease, box-shadow 0.2s ease;

}



.logistics-card:hover {

  transform: translateX(4px);

  box-shadow: var(--money-shadow-md);

}



.logistics-card h3 {

  font-size: 1.1rem;

  margin-bottom: 6px;

  display: flex;

  align-items: center;

  gap: 10px;

}



.logistics-dot {

  width: 9px;

  height: 9px;

  border-radius: 50%;

  background: var(--money-gold);

  flex-shrink: 0;

}



.logistics-card p {

  font-size: 0.94rem;

  color: var(--money-muted);

  line-height: 1.5;

  margin: 0;

}



.logistics-preview-col {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  width: 100%;

}



.portal-screenshot-frame {

  width: 100%;

  border-radius: 14px;

  overflow: hidden;

  box-shadow: 0 20px 48px rgba(11, 25, 44, 0.16), 0 4px 14px rgba(11, 25, 44, 0.08);

  border: 1px solid rgba(11, 25, 44, 0.12);

  background: #060b13;

  transition: transform 0.25s ease, box-shadow 0.25s ease;

}



.portal-screenshot-frame:hover {

  transform: translateY(-3px);

  box-shadow: 0 24px 56px rgba(11, 25, 44, 0.2), 0 6px 18px rgba(11, 25, 44, 0.1);

}



.portal-screenshot-frame img {

  width: 100%;

  height: auto;

  display: block;

}



.portal-caption {

  font-size: 0.98rem;

  color: var(--money-navy);

  font-weight: 600;

  line-height: 1.5;

  text-align: center;

  margin: 16px 0 0 0;

}



@media (max-width: 980px) {

  .logistics-layout {

    grid-template-columns: 1fr;

    gap: 36px;

  }

}



.schedule-hours-bar {

  background: var(--money-navy);

  color: var(--money-white);

  border-radius: var(--money-radius);

  padding: 22px 32px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 48px;

  flex-wrap: wrap;

  border-left: 5px solid var(--money-gold);

}



.schedule-day-pill {

  display: flex;

  align-items: center;

  gap: 12px;

  font-size: 1.05rem;

}



.schedule-day-pill strong {

  color: var(--money-gold);

  text-transform: uppercase;

  letter-spacing: 0.06em;

}



/* ==========================================================================

   10. ELITE ACCESS (LIMITED TO 40 ATTENDEES)

   ========================================================================== */

.elite-section {

  background: radial-gradient(circle at 85% 20%, rgba(188, 142, 59, 0.16) 0%, transparent 45%),

    linear-gradient(180deg, #092034 0%, #143d54 100%);

  color: var(--money-white);

  border-top: 2px solid rgba(188, 142, 59, 0.35);

  border-bottom: 2px solid rgba(188, 142, 59, 0.35);

}



.elite-section .intro h2 {

  color: var(--money-white);

}



.elite-section .intro p {

  color: rgba(243, 244, 245, 0.85);

}



.elite-section .tag {

  background: none;

  border: none;

  padding: 0;

  border-radius: 0;

  color: var(--money-gold);

  font-size: 0.85rem;

  font-weight: 700;

  letter-spacing: 0.16em;

  margin-bottom: 14px;

  display: inline-block;

}



.elite-layout {

  display: grid;

  grid-template-columns: 1.2fr 0.8fr;

  gap: 40px;

  align-items: start;

}



.elite-benefits-list {

  display: grid;

  gap: 20px;

}



.elite-benefit-card {

  background: rgba(9, 32, 52, 0.9);

  border: 1px solid rgba(188, 142, 59, 0.32);

  border-radius: var(--money-radius-lg);

  padding: 24px 28px;

  display: flex;

  align-items: flex-start;

  gap: 22px;

}



.elite-benefit-avatar {

  flex-shrink: 0;

}



.elite-benefit-avatar img {

  width: 72px;

  height: 72px;

  border-radius: 50%;

  object-fit: cover;

  object-position: top center;

  border: 2.5px solid var(--money-gold);

  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);

  display: block;

}



.elite-benefit-content {

  flex: 1;

  min-width: 0;

}



.elite-benefit-head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  margin-bottom: 8px;

}



.elite-benefit-head h3 {

  color: var(--money-white);

  font-size: 1.25rem;

  margin: 0;

}



.value-tag {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.92rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.06em;

  color: #22c55e;

  white-space: nowrap;

}



.elite-benefit-card p {

  color: rgba(243, 244, 245, 0.85);

  font-size: 0.98rem;

  line-height: 1.6;

  margin: 0;

}



@media (max-width: 600px) {

  .elite-benefit-card {

    flex-direction: column;

    gap: 16px;

  }

}



.elite-sidebar {

  background: linear-gradient(160deg, #143d54 0%, #092034 100%);

  border: 2px solid var(--money-gold);

  border-radius: var(--money-radius-lg);

  padding: 34px 30px;

  text-align: center;

  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);

  position: sticky;

  top: 100px;

}



.elite-advisors-trio {

  display: flex;

  justify-content: center;

  gap: 16px;

  margin-bottom: 24px;

}



.elite-advisor-avatar {

  text-align: center;

}



.elite-advisor-avatar img {

  width: 82px;

  height: 82px;

  border-radius: 50%;

  object-fit: cover;

  object-position: top center;

  border: 3px solid var(--money-gold);

  margin: 0 auto 8px;

}



.elite-advisor-avatar strong {

  display: block;

  font-size: 0.82rem;

  color: var(--money-white);

}



.elite-advisor-avatar span {

  display: block;

  font-size: 0.72rem;

  color: var(--money-gold);

}



.elite-upgrade-label {

  display: block;

  font-size: 0.84rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.12em;

  color: var(--money-gold);

  margin-bottom: 8px;

}



.elite-price-top {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 8px;

  margin-bottom: 16px;

}



.elite-price-top .price-active {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: clamp(2.6rem, 3.3vw, 3.15rem);

  font-weight: 800;

  color: #ffffff;

  line-height: 1;

  letter-spacing: -0.02em;

}



.elite-price-meta {

  display: inline-flex;

  align-items: baseline;

  gap: 8px;

}



.elite-price-meta .price-strike {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 1.15rem;

  font-weight: 600;

  color: rgba(255, 255, 255, 0.55);

  text-decoration: line-through;

  white-space: nowrap;

}



.elite-price-meta .price-slash {

  font-size: 1rem;

  color: rgba(255, 255, 255, 0.4);

}



.elite-save-tag {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.92rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.06em;

  color: #22c55e;

  white-space: nowrap;

}



.elite-upgrade-sub {

  font-size: 0.92rem;

  color: rgba(243, 244, 245, 0.82);

  margin-bottom: 22px;

}



.elite-sidebar .btn {

  width: 100%;

  margin-bottom: 12px;

}



.elite-scarcity-note {

  font-size: 0.84rem;

  font-weight: 700;

  color: var(--money-gold);

  margin: 0;

}



/* ==========================================================================

   11. TESTIMONIALS (3 FEATURED + 3-LANE MARQUEE)

   ========================================================================== */

.reviews {

  background: var(--money-cream);

  overflow: hidden;

}



.featured-testimonials-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 24px;

  margin-bottom: 44px;

}



.featured-quote-card {

  background: var(--money-white);

  border: 1px solid var(--money-border);

  border-top: 4px solid var(--money-gold);

  border-radius: var(--money-radius-lg);

  padding: 30px;

  box-shadow: var(--money-shadow);

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.quote-stars {

  color: var(--money-gold-dark);

  font-size: 1.05rem;

  letter-spacing: 2px;

  margin-bottom: 14px;

}



.featured-quote-card blockquote {

  font-family: var(--font-heading);

  font-style: italic;

  font-size: 1.04rem;

  color: var(--money-navy);

  line-height: 1.65;

  margin-bottom: 20px;

}



.quote-author {

  display: flex;

  align-items: center;

  gap: 14px;

}



.quote-avatar {

  width: 54px;

  height: 54px;

  border-radius: 50%;

  object-fit: cover;

  border: 2px solid var(--money-gold);

  box-shadow: 0 2px 8px rgba(9, 32, 52, 0.08);

  flex-shrink: 0;

  display: block;

}



.quote-author strong,

.quote-author-info strong {

  display: block;

  font-size: 0.96rem;

  color: var(--money-navy);

}



.quote-author span,

.quote-author-info span {

  display: block;

  font-size: 0.82rem;

  color: var(--money-muted);

}



/* Scrolling Marquee Lanes */

.marquee-wrapper {

  display: flex;

  flex-direction: column;

  gap: 18px;

}



.marquee-lane {

  overflow: hidden;

  width: 100%;

}



.marquee-track {

  display: flex;

  gap: 18px;

  width: max-content;

  animation: moneyMarquee 48s linear infinite;

}



.marquee-lane:nth-child(2) .marquee-track {

  animation-direction: reverse;

  animation-duration: 54s;

}



.marquee-wrapper.is-paused .marquee-track {

  animation-play-state: paused;

}



@keyframes moneyMarquee {

  0% {

    transform: translateX(0);

  }



  100% {

    transform: translateX(-50%);

  }

}



.t-card {

  background: var(--money-white);

  border: 1px solid var(--money-border);

  border-radius: var(--money-radius);

  padding: 22px 24px;

  width: 380px;

  flex-shrink: 0;

  box-shadow: 0 4px 14px rgba(9, 32, 52, 0.05);

}



.t-card p {

  font-size: 0.94rem;

  color: var(--money-text);

  margin-bottom: 12px;

}



.t-meta {

  font-size: 0.82rem;

  font-weight: 700;

  color: var(--money-navy);

}



/* ==========================================================================

   12. GUARANTEE ("REGISTER RISK-FREE")

   ========================================================================== */

.guarantee-section {

  background: radial-gradient(circle at 85% 20%, rgba(188, 142, 59, 0.16) 0%, transparent 45%),

    linear-gradient(180deg, #092034 0%, #143d54 100%);

  color: var(--money-white);

  border-top: 2px solid rgba(188, 142, 59, 0.45);

  border-bottom: 2px solid rgba(188, 142, 59, 0.45);

  padding: 80px 0;

}



.guarantee-box {

  background: transparent;

  color: var(--money-white);

  border: none;

  border-radius: 0;

  padding: 0;

  display: grid;

  grid-template-columns: 1.35fr 0.65fr;

  gap: 48px;

  align-items: center;

  box-shadow: none;

}



.guarantee-copy .tag {

  background: none;

  border: none;

  padding: 0;

  border-radius: 0;

  color: var(--money-gold);

  font-size: 0.85rem;

  font-weight: 700;

  letter-spacing: 0.16em;

  margin-bottom: 14px;

  display: inline-block;

}



.guarantee-copy h2 {

  color: var(--money-white);

  font-size: clamp(2rem, 3.2vw, 2.75rem);

  margin-bottom: 24px;

}



.guarantee-text {

  margin-bottom: 28px;

}



.guarantee-text p {

  font-size: 1.1rem;

  line-height: 1.75;

  color: rgba(243, 244, 245, 0.92);

  margin-bottom: 16px;

}



.guarantee-text p:last-child {

  margin-bottom: 0;

}



.guarantee-text em {

  font-style: italic;

  color: #ffffff;

}



.guarantee-text strong,

.guarantee-text strong em,

.guarantee-text em strong {

  font-weight: 800;

  color: #ffffff;

}



.guarantee-sign {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 12px;

}



.guarantee-sign img {

  height: 84px;

  width: auto;

  display: block;

}



.guarantee-sign-meta {

  display: flex;

  flex-direction: column;

  gap: 3px;

}



.guarantee-sign-meta strong {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 1.1rem;

  font-weight: 400;

  color: #ffffff;

}



.guarantee-sign-meta span {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 1.1rem;

  font-weight: 400;

  color: #ffffff;

}



.guarantee-portrait {

  display: flex;

  justify-content: center;

  align-items: flex-end;

}



.guarantee-portrait img {

  max-width: 340px;

  width: 100%;

  border-radius: 0;

  box-shadow: none;

  border: none;

  background: transparent;

  display: block;

}



/* ==========================================================================

   13. REGISTRATION OPTIONS (2-CARD PRICING + SIMON LETTER MEMBER BANNER)

   ========================================================================== */

.pricing {

  background: var(--money-cream);

}



.passes-grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 32px;

  max-width: 1040px;

  margin: 0 auto 36px;

  align-items: stretch;

}



.pass-card {

  border-radius: 14px;

  overflow: hidden;

  box-shadow: 0 16px 40px rgba(9, 32, 52, 0.08), 0 2px 8px rgba(9, 32, 52, 0.04);

  display: flex;

  flex-direction: column;

  position: relative;

  transition: transform 0.25s ease, box-shadow 0.25s ease;

}



.pass-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 24px 50px rgba(9, 32, 52, 0.16), 0 4px 14px rgba(9, 32, 52, 0.08);

}



/* Base Header with downward chevron point (Portugal Style polygon) */

.pass-card-header {

  position: relative;

  padding: 24px 24px 34px;

  text-align: center;

  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), 50% 100%, 0 calc(100% - 14px));

  z-index: 2;

}



/* Card 1: Standard Pass (Clean White Card, Steel Navy Header) */

.pass-card.standard-pass {

  background: #ffffff;

  border: 1.5px solid #d8e0e8;

  color: #000000;

}



.pass-card-header.standard-header {

  background: #395c7e;

  color: #ffffff;

}



.pass-card.standard-pass .pass-badge-label {

  color: rgba(255, 255, 255, 0.95);

}



.pass-card.standard-pass .pass-card-title {

  color: #ffffff;

}



.pass-card.standard-pass .pass-amount {

  color: #000000;

}



.pass-card.standard-pass .pass-strike {

  color: #718096;

}



.pass-card.standard-pass .pass-subline {

  color: #000000;

}



.pass-card.standard-pass .pass-lead-desc {

  color: #000000;

}



.pass-card.standard-pass .pass-features-list li {

  border-top: 1px solid #eef2f5;

  color: #000000;

}



/* Card 2: Elite Pass (Deep Money Navy Card, Rich Warm Gold Header & Gold Border) */

.pass-card.elite-pass {

  background: var(--money-navy);

  border: 2.5px solid var(--money-gold);

  color: #ffffff;

  box-shadow: 0 20px 50px rgba(9, 32, 52, 0.3);

  position: relative;

  overflow: hidden;

}



/* Periodic 20s & On-Hover Golden Sweep Shine on Elite Card */

.pass-card.elite-pass::after {

  content: '';

  position: absolute;

  top: -60%;

  left: -100%;

  width: 65%;

  height: 220%;

  background: linear-gradient(90deg,

      transparent 0%,

      rgba(255, 255, 255, 0.04) 20%,

      rgba(216, 159, 56, 0.35) 50%,

      rgba(255, 255, 255, 0.2) 65%,

      transparent 100%);

  transform: rotate(30deg);

  pointer-events: none;

  z-index: 5;

  animation: elitePassShine 20s cubic-bezier(0.4, 0, 0.2, 1) infinite;

}



.pass-card.elite-pass:hover::after {

  animation: elitePassShineHover 1.1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;

}



@keyframes elitePassShine {



  0%,

  90% {

    left: -100%;

    opacity: 0;

  }



  91% {

    opacity: 1;

  }



  96% {

    left: 180%;

    opacity: 1;

  }



  100% {

    left: 180%;

    opacity: 0;

  }

}



@keyframes elitePassShineHover {

  0% {

    left: -100%;

    opacity: 0;

  }



  10% {

    opacity: 1;

  }



  100% {

    left: 180%;

    opacity: 1;

  }

}



.pass-card-header.elite-header {

  background: var(--money-gold);

  color: #000000;

}



.pass-card.elite-pass .pass-badge-label {

  color: #000000;

  font-weight: 800;

}



.pass-card.elite-pass .pass-card-title {

  color: #000000;

}



.pass-card.elite-pass .pass-amount {

  color: var(--money-gold);

}



.pass-card.elite-pass .pass-strike {

  color: rgba(255, 255, 255, 0.6);

}



.pass-card.elite-pass .pass-subline {

  color: #ffffff;

}



.pass-card.elite-pass .elite-callout-box {

  background: linear-gradient(135deg, rgba(216, 159, 56, 0.24) 0%, rgba(20, 61, 84, 0.5) 100%);

  border: 1.5px solid rgba(216, 159, 56, 0.75);

  border-left: 4px solid var(--money-gold);

  border-radius: 10px;

  padding: 16px 20px;

  margin-bottom: 24px;

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1);

}



.pass-card.elite-pass .elite-callout-box p {

  font-size: 0.96rem;

  font-weight: 500;

  line-height: 1.55;

  color: #ffffff;

  margin: 0;

}



.pass-card.elite-pass .elite-callout-box strong {

  color: var(--money-gold);

}



.pass-card.elite-pass .pass-features-list li {

  border-top: 1px solid rgba(255, 255, 255, 0.12);

  color: #ffffff;

}



.pass-card.elite-pass .pass-features-list li strong {

  color: #ffffff;

}



.pass-card.elite-pass .check-icon {

  color: var(--money-gold);

}



/* Common Typography & Elements */

.pass-badge-label {

  display: block;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.74rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.16em;

  margin-bottom: 6px;

}



.pass-card-title {

  font-family: var(--font-heading);

  font-size: 1.75rem;

  font-weight: 800;

  letter-spacing: 0.05em;

  margin: 0;

  text-transform: uppercase;

  line-height: 1.15;

}



/* Card Body */

.pass-card-body {

  padding: 30px 34px 34px;

  display: flex;

  flex-direction: column;

  flex: 1;

}



/* Price Row */

.pass-price-row {

  display: flex;

  align-items: baseline;

  gap: 12px;

  margin-bottom: 4px;

}



.pass-amount {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 3.1rem;

  font-weight: 800;

  line-height: 1;

  letter-spacing: -0.03em;

}



.pass-strike {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 1.35rem;

  font-weight: 700;

  text-decoration: line-through;

}



.pass-subline {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.95rem;

  font-weight: 700;

  display: flex;

  align-items: center;

  gap: 8px;

  margin-bottom: 20px;

}



.pass-dot-sep {

  opacity: 0.5;

}



.pass-lead-desc {

  font-size: 0.94rem;

  line-height: 1.5;

  margin: 0 0 24px 0;

  min-height: 44px;

}



/* Feature Checklist with Horizontal Separators */

.pass-features-list {

  list-style: none;

  padding: 0;

  margin: 0 0 32px 0;

  flex: 1;

}



.pass-features-list li {

  display: flex;

  align-items: flex-start;

  gap: 12px;

  padding: 13px 0;

  font-size: 0.93rem;

  line-height: 1.48;

}



.check-icon {

  font-size: 1.05rem;

  font-weight: 800;

  line-height: 1.2;

  flex-shrink: 0;

}



.pass-card.standard-pass .check-icon {

  color: #395c7e;

}



.pass-card-footer {

  margin-top: auto;

}



.pass-cta-btn {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 17px 24px;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 1.05rem;

  font-weight: 800;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  border-radius: 10px;

  background: linear-gradient(180deg, #ffd34e 0%, #f7b426 50%, #e69d12 100%);

  color: #092034;

  border: none;

  transition: transform 0.2s ease, background 0.2s ease;

  text-decoration: none;

  cursor: pointer;

}



.pass-cta-btn:hover {

  background: linear-gradient(180deg, #ffe072 0%, #f9be3e 50%, #edaa22 100%);

  color: #092034;

  transform: translateY(-2px);

}



@media (max-width: 860px) {

  .passes-grid {

    grid-template-columns: 1fr;

    max-width: 520px;

  }

}



.household-note {

  text-align: center;

  font-size: 1.15rem;

  color: #000000;

  line-height: 1.6;

  max-width: 800px;

  margin: 0 auto 36px;

}



/* Portugal-Style VIP Member Callout with Alternating Logos */

.member-callout {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 28px;

  background: linear-gradient(135deg, #07233e 0%, #082d4f 55%, #0e3b66 100%);

  border: 1.5px solid rgba(245, 185, 85, 0.45);

  border-left: 5px solid var(--money-gold);

  border-radius: 14px;

  padding: 24px 34px;

  margin: 0 auto;

  max-width: 1040px;

  box-shadow: 0 16px 40px rgba(8, 45, 79, 0.22);

  position: relative;

  overflow: hidden;

  text-decoration: none;

  cursor: pointer;

  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;

}



.member-callout:hover {

  transform: translateY(-3px);

  box-shadow: 0 24px 54px rgba(8, 45, 79, 0.36);

  border-color: rgba(245, 185, 85, 0.85);

}



.member-callout:hover .member-callout-cta {

  background: linear-gradient(180deg, #ffe072 0%, #f9be3e 50%, #edaa22 100%);

  transform: translateY(-2px);

}



.member-callout-content {

  display: flex;

  flex-direction: column;

  gap: 6px;

  z-index: 1;

}



.member-callout-badge {

  display: inline-flex;

  align-items: center;

  gap: 6px;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.78rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.12em;

  color: var(--money-gold);

}



.member-callout-badge svg {

  color: var(--money-gold);

}



.member-callout-title {

  margin: 0;

  font-family: var(--font-heading, Georgia, serif);

  font-size: 1.35rem;

  line-height: 1.25;

  font-weight: 700;

  color: #ffffff;

}



.member-callout-sub {

  margin: 0;

  font-size: 0.98rem;

  color: #cbdbe8;

  line-height: 1.45;

}



.member-callout-cta {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background: linear-gradient(180deg, #ffd34e 0%, #f7b426 50%, #e69d12 100%);

  color: #092034 !important;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 1rem;

  font-weight: 800;

  line-height: 1.3;

  padding: 15px 30px;

  border-radius: 10px;

  text-decoration: none;

  white-space: nowrap;

  transition: transform 0.2s ease, background 0.2s ease;

  border: none;

}



.member-callout-cta:hover {

  background: linear-gradient(180deg, #ffe072 0%, #f9be3e 50%, #edaa22 100%);

  color: #092034 !important;

  transform: translateY(-2px);

}



@media (max-width: 860px) {

  .member-callout {

    flex-direction: column;

    align-items: flex-start;

    padding: 24px;

    gap: 20px;

  }



  .member-callout-media {

    width: 100%;

    justify-content: space-between;

  }



  .member-callout-cta {

    width: 100%;

  }

}



/* ==========================================================================

   14. FAQ + COORDINATOR CARD + CLOSING CTA + FOOTER

   ========================================================================== */

/* ==========================================================================

   14. FAQ Section (Simpler Portugal Style)

   ========================================================================== */

.faq {

  background: var(--money-white);

  padding: 85px 0 95px;

  border-top: 1px solid var(--money-border);

}



.faq .intro {

  max-width: 100%;

  margin: 0 0 48px 0;

  text-align: left;

}



.faq .intro .tag {

  background: none !important;

  border: none !important;

  padding: 0 !important;

  border-radius: 0 !important;

  color: #a8782a !important;

  font-family: 'Acumin Pro', var(--font-body) !important;

  font-size: 0.84rem !important;

  font-weight: 800 !important;

  letter-spacing: 0.14em !important;

  text-transform: uppercase !important;

  margin-bottom: 12px !important;

  display: inline-block !important;

}



.faq .intro h2 {

  font-family: var(--font-heading, Georgia, serif);

  font-size: 2.35rem;

  font-weight: 700;

  color: #092034;

  margin: 0 0 14px;

  line-height: 1.2;

}



.faq .intro p {

  font-size: 1.08rem;

  color: #4b5563;

  margin: 0;

  line-height: 1.5;

}



.faq-layout {

  display: grid;

  grid-template-columns: 350px 1fr;

  gap: 68px;

  align-items: start;

}



/* Osvaldo Coordinator Card */

.coordinator-card {

  background: #f8fafc;

  color: #092034;

  border: 1px solid #dce4e8;

  border-radius: 12px;

  padding: 24px;

  text-align: left;

  box-shadow: 0 2px 10px rgba(9, 32, 52, 0.03);

  position: sticky;

  top: 100px;

}



.coordinator-person {

  display: flex;

  align-items: center;

  gap: 15px;

  margin-bottom: 20px;

  text-align: left;

}



.coordinator-person img {

  width: 72px;

  height: 72px;

  border-radius: 50%;

  object-fit: cover;

  flex-shrink: 0;

  border: none;

  margin: 0;

}



.coordinator-person h3 {

  margin: 0 0 4px;

  font-family: var(--font-heading, Georgia, serif);

  font-size: 1.22rem;

  font-weight: 700;

  color: #092034;

  line-height: 1.25;

}



.coordinator-person p {

  margin: 0;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.88rem;

  color: #000000;

}



.coordinator-card .coordinator-book {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  width: 100%;

  padding: 13px 20px;

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.95rem;

  font-weight: 700;

  letter-spacing: 0.01em;

  text-transform: none;

  background: linear-gradient(180deg, #ffd34e 0%, #f7b426 50%, #e69d12 100%);

  color: #092034;

  border-radius: 8px;

  text-decoration: none;

  transition: transform 0.2s ease, background 0.2s ease;

  box-sizing: border-box;

}



.coordinator-card .coordinator-book:hover {

  background: linear-gradient(180deg, #ffe072 0%, #f9be3e 50%, #edaa22 100%);

  color: #092034;

  transform: translateY(-2px);

}



.coordinator-note {

  text-align: center;

  font-size: 0.84rem;

  color: #000000 !important;

  margin: 9px 0 20px !important;

  line-height: 1.4;

}



.coordinator-contacts {

  border-top: 1px solid #dce4e8;

  padding-top: 16px;

  font-size: 0.92rem;

  text-align: left;

}



.coordinator-contacts p {

  margin: 0 0 14px !important;

  line-height: 1.55;

  color: #334155 !important;

}



.coordinator-contacts p:last-child {

  margin-bottom: 0 !important;

}



.coordinator-contacts strong {

  color: #092034;

  font-weight: 700;

  display: block;

  margin-bottom: 3px;

}



.coordinator-contacts a {

  color: #0f4c81;

  text-decoration: underline;

  text-underline-offset: 3px;

  word-break: break-word;

  transition: color 0.15s ease;

}



.coordinator-contacts a:hover {

  color: #bc8e3b;

}



/* FAQ Accordion */

.faq-accordion {

  display: flex;

  flex-direction: column;

  gap: 0;

}



.faq-accordion details {

  border-bottom: 1px solid #dce4e8;

  padding: 18px 0;

  background: transparent !important;

  border-radius: 0 !important;

  border-top: none !important;

  border-left: none !important;

  border-right: none !important;

  margin: 0 !important;

}



.faq-accordion details:first-child {

  padding-top: 0;

}



.faq-accordion summary {

  font-family: var(--font-heading, Georgia, serif);

  font-size: 1.15rem;

  font-weight: 700;

  color: #092034;

  cursor: pointer;

  padding: 2px 0;

  display: flex !important;

  align-items: baseline !important;

  justify-content: flex-start !important;

  gap: 10px !important;

  list-style: none !important;

  line-height: 1.35;

  text-align: left;

  transition: color 0.15s ease;

}



.faq-accordion summary::-webkit-details-marker {

  display: none !important;

}



.faq-accordion summary::after {

  content: none !important;

  display: none !important;

}



.faq-accordion summary:hover {

  color: #0f4c81;

}



.faq-accordion summary::before {

  content: '▶';

  font-size: 0.68rem;

  color: #092034;

  flex-shrink: 0;

  transform: translateY(-1px);

}



.faq-accordion details[open] summary::before {

  content: '▼';

  font-size: 0.68rem;

  color: #092034;

  transform: translateY(-1px);

}



.faq-accordion details p {

  font-family: var(--font-body);

  font-size: 1rem;

  line-height: 1.68;

  color: #000000;

  margin: 12px 0 0 20px;

  text-align: left;

}



@media (max-width: 960px) {

  .faq-layout {

    grid-template-columns: 1fr;

    gap: 40px;

  }



  .coordinator-card {

    position: static;

    max-width: 480px;

    margin: 0 auto;

  }

}



/* Closing Banner (Portugal / Panama Split Style) */

.closing {

  background: linear-gradient(135deg, #061928 0%, #092034 50%, #0d2c48 100%);

  color: var(--money-white);

  padding: 56px 0;

  border-top: 3px solid var(--money-gold);

}



.closing .wrap {

  display: flex;

  justify-content: space-between;

  gap: 48px;

  align-items: center;

}



.closing h2 {

  color: var(--money-white);

  margin: 0 0 12px;

  font-family: var(--font-heading, Georgia, serif);

  font-size: 2.2rem;

  line-height: 1.22;

  font-weight: 700;

  text-align: left;

}



.closing p {

  color: #d5e2eb;

  margin: 0;

  font-size: 1.05rem;

  line-height: 1.55;

  max-width: 620px;

  text-align: left;

}



.closing-action {

  flex-shrink: 0;

  text-align: center;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 12px;

}



.closing-action .btn-gold {

  min-width: 240px;

  padding: 16px 38px;

  font-size: 1.05rem;

  font-weight: 800;

  letter-spacing: 0.06em;

  text-transform: uppercase;

  border-radius: 10px;

  white-space: nowrap;

}



.closing-offer {

  display: flex;

  flex-direction: column;

  gap: 4px;

  text-align: center;

}



.closing-price-label {

  font-family: 'Acumin Pro', var(--font-body);

  font-size: 0.98rem;

  color: #ffffff;

}



.closing-price-label strong {

  color: #ffd34e;

  font-size: 1.18rem;

}



.closing-guarantee {

  font-size: 0.88rem;

  color: #cbdbe8;

}



.closing-offer small {

  display: block;

  font-size: 0.82rem;

  color: #ffd34e;

  margin-top: 2px;

}



@media (max-width: 880px) {

  .closing .wrap {

    flex-direction: column;

    align-items: flex-start;

    gap: 32px;

  }



  .closing-action {

    align-items: flex-start;

    text-align: left;

    width: 100%;

  }



  .closing-offer {

    text-align: left;

  }



  .closing-action .btn-gold {

    width: 100%;

    box-sizing: border-box;

  }

}



/* Footer */

.bottom {

  background: #061928;

  color: rgba(243, 244, 245, 0.65);

  padding: 20px 0;

  font-size: 0.88rem;

  border-top: 1px solid rgba(243, 244, 245, 0.08);

}



.bottom .wrap {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

}



.bottom img {

  height: 34px;

  width: auto;

  object-fit: contain;

}



.bottom p {

  margin: 0;

  font-size: 0.88rem;

  color: rgba(243, 244, 245, 0.65);

}



@media (max-width: 640px) {

  .bottom .wrap {

    flex-direction: column;

    text-align: center;

    gap: 12px;

  }

}



/* Mobile Sticky CTA Bar */

.mobile-sticky-cta {

  display: none;

  position: fixed;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(9, 32, 52, 0.96);

  border-top: 2px solid var(--money-gold);

  padding: 12px 16px;

  z-index: 999;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

}



.mobile-sticky-info strong {

  display: block;

  color: var(--money-white);

  font-size: 0.95rem;

}



.mobile-sticky-info span {

  font-size: 0.8rem;

  color: var(--money-gold);

}



/* ==========================================================================

   RESPONSIVE DESIGN BREAKPOINTS

   ========================================================================== */

@media (max-width: 1080px) {



  .hero-superfold,

  .workbook-banner,

  .logistics-layout,

  .elite-layout,

  .guarantee-box {

    grid-template-columns: 1fr;

  }



  .facts-grid {

    grid-template-columns: repeat(2, 1fr);

  }



  .featured-sessions-grid,

  .agenda-columns,

  .featured-speakers,

  .featured-testimonials-grid,

  .pillars-grid {

    grid-template-columns: repeat(2, 1fr);

  }



  .more-speakers-drawer.is-open {

    grid-template-columns: repeat(2, 1fr);

  }



  .letter-layout,

  .faq-layout {

    grid-template-columns: 1fr;

  }



  .letter-author-card,

  .coordinator-card,

  .elite-sidebar {

    position: static;

  }

}



@media (max-width: 768px) {

  .menu a:not(.btn) {

    display: none;

  }



  .hero-offer-split {

    grid-template-columns: 1fr;

    gap: 20px;

  }



  .hero-price-col {

    border-right: none;

    border-bottom: none;

    padding-right: 0;

    padding-bottom: 0;

  }



  .countdown {

    gap: 10px;

  }



  .facts-grid,

  .problem-grid,

  .pillars-grid,

  .featured-sessions-grid,

  .agenda-columns,

  .qualification-grid,

  .featured-speakers,

  .logistics-grid,

  .featured-testimonials-grid,

  .passes-grid,

  .more-speakers-drawer.is-open {

    grid-template-columns: 1fr;

  }



  .member-banner {

    flex-direction: column;

    text-align: center;

  }



  .member-banner-left {

    flex-direction: column;

  }



  .mobile-sticky-cta {

    display: flex;

  }



  body {

    padding-bottom: 72px;

  }

}



/* Missing Image Gray Style */

.missing-img-placeholder {

  width: 100%;

  height: 100%;

  min-height: 200px;

  background: #d8dee4;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #8fa0b2;

}



.missing-img-placeholder svg {

  opacity: 0.75;

}



.guarantee-portrait .missing-img-placeholder {

  width: 100%;

  max-width: 340px;

  height: 380px;

  border-radius: 8px;

}