.elementor-24 .elementor-element.elementor-element-257e7f01:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-257e7f01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://assets.cdn.filesafe.space/YO2iI5geNnqBonQdnU1X/media/69ad690b14ebc3fbc33fb15b.jpg");background-position:center center;background-size:100% auto;}.elementor-24 .elementor-element.elementor-element-257e7f01{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-257e7f01 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-24 .elementor-element.elementor-element-247b7eb6.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-247b7eb6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-247b7eb6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-6e9b01d9{padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-24 .elementor-element.elementor-element-5edeb421.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-5edeb421.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-5edeb421 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-24 .elementor-element.elementor-element-280d810f.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-280d810f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-280d810f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-24 .elementor-element.elementor-element-36b0793.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-36b0793.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-36b0793 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-24 .elementor-element.elementor-element-174484e5.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-174484e5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-174484e5 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-24 .elementor-element.elementor-element-76188333.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-76188333.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-76188333 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-24 .elementor-element.elementor-element-4ef667d3.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-4ef667d3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-4ef667d3 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-24 .elementor-element.elementor-element-4368ea7a.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-4368ea7a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-4368ea7a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-24 .elementor-element.elementor-element-64b327f8.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-64b327f8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-64b327f8 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-24 .elementor-element.elementor-element-564825cb.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-564825cb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-24 .elementor-element.elementor-element-564825cb > .elementor-element-populated{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-257e7f01:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-257e7f01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}}/* Start custom CSS *//* ══════════════════════════════════════════════
       02 — HERO
    ══════════════════════════════════════════════ */
    #hero {
      position: relative;
      min-height: calc(100vh - 76px);
      display: flex;
      align-items: center;
      overflow: hidden;
    }
    /* Background photo */
    .hero-bg-img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 30%;
    }
    /* Gradient overlay — adapts per theme */
    .hero-overlay {
      position: absolute;
      inset: 0;
      background: var(--hero-grad);
    }
    /* Floating stat cards */
    .hero-float {
      position: absolute;
      background: var(--hero-stat);
      border-radius: var(--radius);
      padding: 14px 20px;
      box-shadow: var(--shad-lg);
      display: flex;
      align-items: center;
      gap: 12px;
      backdrop-filter: blur(8px);
    }
    .hero-float.f1 { top: 18%; right: 8%; }
    .hero-float.f2 { bottom: 26%; right: 24%; }
    .hf-icon {
      width: 38px; height: 38px;
      background: var(--green);
      border-radius: 9px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1rem;
      flex-shrink: 0;
    }
    .hf-num {
      font-family: var(--font-head);
      font-size: 1.5rem;
      color: #F4EDD8;
      line-height: 1;
    }
    .hf-lbl {
      font-family: var(--font-body);
      font-size: 0.72rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: rgba(244,237,216,0.6);
      margin-top: 3px;
    }
    html[data-theme="dark"] .hf-num { color: #F4EDD8; }
    html[data-theme="dark"] .hf-lbl { color: rgba(244,237,216,0.55); }
    /* Hero text */
    .hero-body {
      position: relative;
      z-index: 2;
      width: 100%;
      max-width: var(--max-w);
      margin: 0 auto;
      padding: 60px clamp(20px,4vw,40px);
    }
    .hero-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: var(--green);
      color: #1A0C04;
      font-family: var(--font-body);
      font-size: 0.67rem;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      padding: 6px 16px;
      border-radius: 100px;
      margin-bottom: 26px;
    }
    .hero-h1 {
      font-family: var(--font-head);
      font-size: clamp(3rem, 8vw, 7rem);
      text-transform: uppercase;
      line-height: 0.92;
      letter-spacing: 0.01em;
      color: var(--hero-h1);
      max-width: 1000px;
      margin-bottom: 24px;
    }
    .hero-h1 em { font-style: normal; color: var(--green); display: block; }
    .hero-sub {
      font-family: var(--font-body);
      font-size: 1.2rem;
      color: var(--hero-sub);
      max-width: 550px;
      line-height: 1.75;
      margin-bottom: 36px;
    }
    .hero-ctas { display: flex; gap: 14px; flex-wrap: wrap; }

    /* ── TICKER ── */
    .ticker {
      background: var(--green);
      padding: 13px 0;
      overflow: hidden;
      white-space: nowrap;
    }
    .ticker-track {
      display: inline-flex;
      animation: scroll-ticker 24s linear infinite;
    }
    .ticker-track:hover { animation-play-state: paused; }
    .ticker-item {
      display: inline-flex;
      align-items: center;
      gap: 18px;
      padding: 0 20px;
      font-family: var(--font-head);
      font-size: 1.1rem;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: #1A0C04;
    }
    .ticker-sep { display: inline-block; width: 20px; height: 20px; object-fit: contain; vertical-align: middle; opacity: 0.75; margin: 0 4px; }
    @keyframes scroll-ticker {
      from { transform: translateX(0); }
      to   { transform: translateX(-50%); }
    }

    /* ══════════════════════════════════════════════
       03 — ABOUT
    ══════════════════════════════════════════════ */
    #about { background: var(--bg-page); }
    .about-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(40px,6vw,80px);
      align-items: center;
    }

    /* Image stack */
    .about-imgs {
      position: relative;
      display: flex;
      gap: 14px;
      align-items: flex-end;
    }
    .about-img {
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: var(--shad);
      flex-shrink: 0;
      background: var(--bg-alt);
    }
    .about-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .about-img-a { width: 54%; aspect-ratio: 3/4; margin-bottom: 44px; }
    .about-img-b { width: 44%; aspect-ratio: 3/4; margin-top: 44px; }
    /* Stat badge */
    .about-badge {
      position: absolute;
      bottom: 6px;
      left: 50%;
      transform: translateX(-50%);
      background: var(--badge-bg);
      border-radius: 14px;
      padding: 16px 22px;
      box-shadow: var(--shad-lg);
      display: flex;
      align-items: center;
      gap: 14px;
      white-space: nowrap;
      z-index: 3;
      border: 1px solid var(--border);
    }
    .ab-ico {
      width: 40px; height: 40px;
      background: var(--green);
      border-radius: 10px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.1rem;
      flex-shrink: 0;
    }
    .ab-num {
      font-family: var(--font-head);
      font-size: 1.4rem;
      color: var(--text-1);
      line-height: 1;
    }
    .ab-lbl {
      font-family: var(--font-body);
      font-size: 0.65rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--text-3);
      margin-top: 3px;
    }

    /* Text side */
    .about-body-text {
      font-family: var(--font-body);
      font-size: 1.05rem;
      color: var(--text-2);
      line-height: 1.85;
      margin: 18px 0;
    }
    .about-checks { list-style: none; margin: 22px 0 32px; display: flex; flex-direction: column; gap: 11px; }
    .about-checks li {
      display: flex;
      align-items: center;
      gap: 12px;
      font-family: var(--font-body);
      font-size: 1rem;
      font-weight: 500;
      color: var(--text-1);
    }
    .chk {
      width: 22px; height: 22px;
      background: var(--green);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-size: 0.65rem;
      font-weight: 700;
      color: #1A0C04;
      flex-shrink: 0;
    }
    .about-ctas { display: flex; gap: 12px; flex-wrap: wrap; }

    /* ══════════════════════════════════════════════
       04 — COACHING
    ══════════════════════════════════════════════ */
    #coaching { background: var(--bg-alt); }
    .sec-hdr {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 24px;
      flex-wrap: wrap;
      margin-bottom: 44px;
    }
    .coaching-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
    }
    .c-card {
      background: var(--bg-card);
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: var(--card-shad);
      cursor: pointer;
    }
    .c-card:hover { transform: translateY(-6px); box-shadow: var(--shad-lg); }
    .c-photo {
      position: relative;
      width: 100%;
      aspect-ratio: 3/4;
      overflow: hidden;
    }
    .c-photo img {
      width: 100%; height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.5s ease !important;
    }
    .c-card:hover .c-photo img { transform: scale(1.06); }
    .c-tag {
      position: absolute;
      top: 12px; left: 12px;
      background: var(--green);
      color: #1A0C04;
      font-family: var(--font-body);
      font-size: 0.6rem;
      font-weight: 700;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      padding: 5px 12px;
      border-radius: 100px;
    }
    .c-body { padding: 18px 20px 22px; }
    .c-title {
      font-family: var(--font-head);
      font-size: 1.2rem;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      color: var(--text-1);
      margin-bottom: 7px;
    }
    .c-desc {
      font-family: var(--font-body);
      font-size: 0.93rem;
      color: var(--text-2);
      line-height: 1.65;
    }
    .coaching-note {
      margin-top: 28px;
      text-align: center;
      font-family: var(--font-body);
      font-size: 0.82rem;
      color: var(--text-3);
    }
    .coaching-note a { color: var(--text-1); font-weight: 700; }
    .coaching-note a:hover { color: var(--green); }

    /* ══════════════════════════════════════════════
       05 — VENUE / FACILITIES
    ══════════════════════════════════════════════ */
    #facilities { background: var(--bg-page); }
    .fac-grid {
      display: grid;
      grid-template-columns: 1.1fr 1fr;
      gap: clamp(40px,6vw,80px);
      align-items: center;
    }
    /* Image + circular badge */
    .fac-img-wrap { position: relative; }
    .fac-img {
      width: 100%;
      aspect-ratio: 4/5;
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: var(--shad);
      background: var(--bg-alt);
    }
    .fac-img img {
      width: 100%; height: 100%;
      object-fit: cover;
      display: block;
    }
    .fac-badge {
      position: absolute;
      top: -18px; right: -18px;
      width: 116px; height: 116px;
      background: var(--green);
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      box-shadow: var(--shad-lg);
      text-align: center;
      border: 4px solid var(--bg-page);
    }
    .fac-badge-amt {
      font-family: var(--font-head);
      font-size: 1.5rem;
      color: #1A0C04;
      line-height: 1;
    }
    .fac-badge-lbl {
      font-family: var(--font-body);
      font-size: 0.52rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: rgba(0,0,0,0.55);
      margin-top: 3px;
    }
    /* Facility list */
    .fac-list {
      list-style: none;
      counter-reset: fl;
      margin: 24px 0 36px;
    }
    .fac-list li {
      counter-increment: fl;
      display: flex;
      gap: 18px;
      padding: 16px 0;
      border-bottom: 1px solid var(--border);
    }
    .fac-list li:last-child { border-bottom: none; }
    .fac-list li::before {
      content: counter(fl, decimal-leading-zero);
      font-family: var(--font-head);
      font-size: 1.1rem;
      color: var(--green);
      flex-shrink: 0;
      padding-top: 1px;
    }
    .fli-title {
      font-family: var(--font-body);
      font-weight: 600;
      font-size: 1rem;
      color: var(--text-1);
      margin-bottom: 3px;
    }
    .fli-desc {
      font-family: var(--font-body);
      font-size: 0.88rem;
      color: var(--text-2);
    }
    .fac-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
    .play-btn {
      display: flex;
      align-items: center;
      gap: 10px;
      font-family: var(--font-body);
      font-size: 0.82rem;
      font-weight: 600;
      color: var(--text-1);
      cursor: pointer;
    }
    .play-circle {
      width: 42px; height: 42px;
      background: var(--text-1);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      color: var(--green);
      font-size: 0.85rem;
      flex-shrink: 0;
      transition: transform 0.2s !important;
    }
    .play-btn:hover .play-circle { transform: scale(1.1); }

    /* ══════════════════════════════════════════════
       06 — MEMBERSHIP / PRICING (always dark)
    ══════════════════════════════════════════════ */
    #membership {
      background: #1A0C04;
      padding: clamp(60px,8vw,100px) 0;
    }
    .mem-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(40px,6vw,80px);
      align-items: center;
    }
    .mem-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-family: var(--font-body);
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--green);
      margin-bottom: 16px;
    }
    .mem-eyebrow::before { content: ''; display: block; width: 28px; height: 2px; background: var(--green); }
    .mem-h2 {
      font-family: var(--font-head);
      font-size: clamp(2rem,4vw,3rem);
      text-transform: uppercase;
      line-height: 1.04;
      color: #fff;
      margin-bottom: 18px;
    }
    .mem-desc {
      font-family: var(--font-body);
      font-size: 1.05rem;
      color: rgba(255,255,255,0.5);
      line-height: 1.8;
      margin-bottom: 28px;
    }
    .mem-checks { list-style: none; margin-bottom: 36px; display: flex; flex-direction: column; gap: 11px; }
    .mem-checks li {
      display: flex; align-items: center; gap: 12px;
      font-family: var(--font-body);
      font-size: 1rem;
      color: rgba(255,255,255,0.8);
    }
    .mchk {
      width: 20px; height: 20px;
      background: var(--green);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-size: 0.62rem;
      font-weight: 700;
      color: #1A0C04;
      flex-shrink: 0;
    }
    /* Pricing cards (right column) */
    .price-cards { display: flex; flex-direction: column; gap: 14px; }
    .price-card {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: var(--radius);
      padding: 22px 26px;
      display: flex;
      align-items: center;
      gap: 20px;
    }
    .price-card:hover {
      border-color: rgba(186,238,0,0.3);
      background: rgba(186,238,0,0.04);
    }
    .price-card.hi {
      background: var(--green);
      border-color: var(--green);
    }
    .pc-amt {
      flex-shrink: 0;
      text-align: center;
      min-width: 80px;
    }
    .pc-currency { font-size: 1rem; font-weight: 700; color: var(--green); line-height: 1; }
    .price-card.hi .pc-currency { color: #1A0C04; }
    .pc-num {
      font-family: var(--font-head);
      font-size: 2.4rem;
      color: #fff;
      line-height: 1;
    }
    .price-card.hi .pc-num { color: #1A0C04; }
    .pc-per { font-family: var(--font-body); font-size: 0.63rem; color: rgba(255,255,255,0.35); text-transform: uppercase; letter-spacing: 0.1em; }
    .price-card.hi .pc-per { color: rgba(0,0,0,0.45); }
    .pc-divider { width: 1px; height: 44px; background: rgba(255,255,255,0.1); flex-shrink: 0; }
    .price-card.hi .pc-divider { background: rgba(0,0,0,0.12); }
    .pc-info {}
    .pc-type { font-family: var(--font-body); font-size: 0.6rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--green); margin-bottom: 4px; }
    .price-card.hi .pc-type { color: rgba(0,0,0,0.5); }
    .pc-name { font-family: var(--font-head); font-size: 1rem; text-transform: uppercase; letter-spacing: 0.03em; color: #fff; }
    .price-card.hi .pc-name { color: #1A0C04; }
    .pc-detail { font-family: var(--font-body); font-size: 0.77rem; color: rgba(255,255,255,0.4); margin-top: 3px; }
    .price-card.hi .pc-detail { color: rgba(0,0,0,0.5); }

    /* ══════════════════════════════════════════════
       07 — UPCOMING EVENTS
    ══════════════════════════════════════════════ */
    #upcoming-events { background: var(--bg-alt); }
    .ev-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
    }
    .ev-card {
      background: var(--bg-card);
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: var(--card-shad);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .ev-card:hover { transform: translateY(-6px); box-shadow: var(--shad-lg); }
    .ev-photo {
      position: relative;
      width: 100%;
      aspect-ratio: 16/10;
      overflow: hidden;
      background: var(--bg-alt);
    }
    .ev-photo img {
      width: 100%; height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.5s ease !important;
    }
    .ev-card:hover .ev-photo img { transform: scale(1.06); }
    .ev-date {
      position: absolute;
      top: 12px; left: 12px;
      background: var(--green);
      border-radius: 9px;
      padding: 8px 11px;
      text-align: center;
      line-height: 1;
    }
    .ev-day  { font-family: var(--font-head); font-size: 1.5rem; color: #1A0C04; line-height: 1; }
    .ev-mon  { font-family: var(--font-body); font-size: 0.56rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(0,0,0,0.6); margin-top: 2px; }
    .ev-body { padding: 16px 18px 20px; }
    .ev-tag  {
      display: inline-block;
      font-family: var(--font-body);
      font-size: 0.58rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      background: rgba(186,238,0,0.12);
      color: var(--text-1);
      border: 1px solid rgba(186,238,0,0.35);
      padding: 4px 10px;
      border-radius: 100px;
      margin-bottom: 9px;
    }
    .ev-title {
      font-family: var(--font-head);
      font-size: 1.15rem;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      color: var(--text-1);
      margin-bottom: 11px;
      line-height: 1.2;
    }
    .ev-meta { display: flex; flex-direction: column; gap: 5px; margin-bottom: 14px; }
    .ev-row  { display: flex; align-items: center; gap: 8px; font-family: var(--font-body); font-size: 0.88rem; color: var(--text-2); }
    .ev-ico  { color: var(--green); font-size: 0.82rem; flex-shrink: 0; }
    .ev-foot {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 13px;
      border-top: 1px solid var(--border);
    }
    .ev-price { font-family: var(--font-head); font-size: 1.15rem; color: var(--text-1); }
    .ev-price small { font-family: var(--font-body); font-size: 0.65rem; color: var(--text-3); margin-left: 2px; }

    /* ══════════════════════════════════════════════
       08 — MEMBERSHIP (replaces testimonials)
    ══════════════════════════════════════════════ */
    #membership-plan { background: var(--bg-page); }
    .mp-top {
      display: grid;
      grid-template-columns: 1fr 1.4fr;
      gap: clamp(40px,6vw,80px);
      align-items: center;
      padding-bottom: 48px;
      border-bottom: 1px solid var(--border);
      margin-bottom: 48px;
    }
    .mp-left {}
    .mp-h2 {
      font-family: var(--font-head);
      font-size: clamp(2rem,4.5vw,3.2rem);
      text-transform: uppercase;
      line-height: 1.02;
      color: var(--text-1);
      margin-bottom: 12px;
    }
    .mp-sub {
      font-family: var(--font-body);
      font-size: 0.9rem;
      color: var(--text-2);
      margin-bottom: 28px;
    }
    .mp-right {
      display: flex;
      align-items: center;
      gap: clamp(24px,4vw,44px);
    }
    /* Dark price circle — matches screenshot */
    .mp-circle {
      flex-shrink: 0;
      width: clamp(140px,16vw,190px);
      height: clamp(140px,16vw,190px);
      background: var(--text-1);
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    html[data-theme="dark"] .mp-circle { background: var(--green); }
    .mp-circle-price {
      font-family: var(--font-head);
      font-size: clamp(2rem,3.5vw,3rem);
      color: #fff;
      line-height: 1;
      text-align: center;
    }
    html[data-theme="dark"] .mp-circle-price { color: #1A0C04; }
    .mp-circle-pill {
      position: absolute;
      bottom: -13px;
      background: var(--green);
      color: #1A0C04;
      font-family: var(--font-body);
      font-size: 0.58rem;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      padding: 5px 14px;
      border-radius: 100px;
      white-space: nowrap;
    }
    .mp-desc {}
    .mp-desc-title {
      font-family: var(--font-head);
      font-size: 0.95rem;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: var(--text-1);
      margin-bottom: 10px;
    }
    .mp-desc-text {
      font-family: var(--font-body);
      font-size: 0.87rem;
      color: var(--text-2);
      line-height: 1.75;
    }
    /* 4-col features row */
    .mp-features {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
    }
    .mpf {
      padding: 0 28px;
      border-right: 1px solid var(--border);
    }
    .mpf:first-child { padding-left: 0; }
    .mpf:last-child  { border-right: none; padding-right: 0; }
    .mpf-title {
      font-family: var(--font-head);
      font-size: 0.9rem;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: var(--text-1);
      margin-bottom: 8px;
    }
    .mpf-desc {
      font-family: var(--font-body);
      font-size: 0.81rem;
      color: var(--text-2);
      line-height: 1.65;
    }

    /* ══════════════════════════════════════════════
       08 — THE BKL DIFFERENCE
    ══════════════════════════════════════════════ */
    #difference { background: var(--bg-alt); }
    .diff-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }
    .d-card {
      background: var(--bg-card);
      border-radius: var(--radius);
      padding: clamp(24px,3vw,36px) clamp(22px,2.5vw,30px);
      box-shadow: var(--card-shad);
    }
    .d-card:hover { transform: translateY(-4px); box-shadow: var(--shad); }
    .d-icon {
      width: 52px; height: 52px;
      background: var(--green);
      border-radius: 13px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.4rem;
      margin-bottom: 18px;
    }
    .d-title {
      font-family: var(--font-head);
      font-size: 1.15rem;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--text-1);
      margin-bottom: 10px;
    }
    .d-desc {
      font-family: var(--font-body);
      font-size: 0.95rem;
      color: var(--text-2);
      line-height: 1.72;
    }

    /* ══════════════════════════════════════════════
       09 — CTA (always dark)
    ══════════════════════════════════════════════ */
    #cta-banner {
      position: relative;
      padding: clamp(80px,12vw,120px) 0;
      background: #1A0C04;
      overflow: hidden;
    }
    .cta-bg-img {
      position: absolute;
      inset: 0;
      width: 100%; height: 100%;
      object-fit: cover;
      object-position: center;
      opacity: 0.18;
    }
    .cta-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg,
        rgba(26,12,4,0.88) 0%,
        rgba(26,12,4,0.58) 50%,
        rgba(26,12,4,0.72) 100%);
    }
    .cta-content {
      position: relative;
      z-index: 2;
      text-align: center;
    }
    .cta-ey {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-family: var(--font-body);
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--green);
      margin-bottom: 18px;
    }
    .cta-h2 {
      font-family: var(--font-head);
      font-size: clamp(2.5rem,6vw,5rem);
      text-transform: uppercase;
      line-height: 0.94;
      color: #fff;
      margin-bottom: 18px;
    }
    .cta-h2 em { font-style: normal; color: var(--green); display: block; }
    .cta-sub {
      font-family: var(--font-body);
      font-size: 1rem;
      color: rgba(255,255,255,0.55);
      max-width: 460px;
      margin: 0 auto 36px;
      line-height: 1.75;
    }
    .cta-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-bottom: 60px; }
    .cta-stats-row {
      display: flex;
      justify-content: center;
      gap: 0;
      flex-wrap: wrap;
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: var(--radius);
      overflow: hidden;
      max-width: 680px;
      margin: 0 auto;
    }
    .cs {
      flex: 1;
      min-width: 130px;
      padding: 22px 16px;
      border-right: 1px solid rgba(255,255,255,0.08);
      text-align: center;
    }
    .cs:last-child { border-right: none; }
    .cs-num { font-family: var(--font-head); font-size: 1.7rem; color: var(--green); line-height: 1; }
    .cs-lbl { font-family: var(--font-body); font-size: 0.63rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(255,255,255,0.32); margin-top: 6px; }/* End custom CSS */