:root {
      --blue:#0a3d91;
      --blue-dark:#072d6d;
      --orange-0:#ff6600;
      --orange:#ff6a00;
      --orange-2:#ff8e1d;
      --orange-3:#ffa30b;
      --gold:#ffbf2f;
      --white:#ffffff;
      --text:#153063;
      --muted:#333;
      --bg:#e9e9e9;
      --burgundy: #990000;
      --card-shadow:0 12px 28px rgba(13,32,75,.15);
      --radius:22px;
      --wrap:min(1180px, calc(100% - 32px));
      --border:#dbe3f1;
    }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body {
      margin:0;
      font-family: Inter, Arial, Helvetica, sans-serif;
      background:var(--bg);
      color:var(--text);
      line-height:1.4;
    }
    img { max-width:100%; display:block; }
    a { text-decoration:none; color:inherit; }
    .container { width:var(--wrap); margin:0 auto; }
    .btn {
      display:inline-flex; 
      align-items:center; 
      justify-content:center;
      min-height:58px; 
      padding:0 34px; 
      border-radius:12px; 
      font-weight:600;
      color:#fff; 
      transition:.2s ease;
      font-size:1.4rem;
    }
    .btn:hover { transform:translateY(-2px); }
    .btn-orange { background:linear-gradient(180deg, var(--orange-2), var(--orange)); }
    .btn-blue { background:linear-gradient(180deg, #1870ff, #0955db); }
    .section-title {
      display:flex; align-items:center; gap:22px; justify-content:center;
      margin:0 0 18px;
    }
    .section-title::before, .section-title::after {
      content:""; height:2px; flex:1; max-width:310px; background:#d3d9e5;
    }
    .section-title h2 {
      margin:0; font-size:clamp(2rem, 2.5vw, 3.6rem); color:var(--blue-dark);
      line-height:1.05; letter-spacing:-.03em; text-align:center;
    }
    .section-title h3 {
      margin:0; font-size:clamp(1.5rem, 1.5vw, 1.5rem); color:var(--blue-dark);
      line-height:1.05; letter-spacing:-.03em; text-align:center;
    }
    /* HERO */
    .hero {
      position:relative;
      background:
        linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)),
        url('../lynximages/hero.jpg') center top / cover no-repeat;
      display:flex;
      align-items:flex-start;
      overflow:hidden;
    }
    .hero::after {
      content:"";
      position:absolute; left:0; right:0; bottom:-1px; height:95px;
      background:
        radial-gradient(120% 120px at 50% 0, transparent 58%, var(--bg) 59%);
    }
    .hero-inner {
      width:min(980px, calc(100% - 28px));
      margin:60px auto 0;
      text-align:center;
      color:#fff;
      position:relative;
      z-index:2;
    }
    .hero h1 {
      margin:0 auto 18px;
      max-width:720px;
      font-size:clamp(2.6rem, 6vw, 4rem);
      line-height:.98;
      font-weight:500;
      letter-spacing:-.04em;
      text-shadow:0 4px 16px rgba(0,0,0,.32);
      color: var(--orange-3); 
    }
    .hero h2 {
      font-size:clamp(2rem, 2.25vw, 3.6rem)
    }
    .hero .gold { color:var(--gold); }
    .hero-sub {
      margin:40px auto;
      max-width:720px;
      font-size:clamp(1.25rem, 2.2vw, 1.65rem);
      font-weight:500;
      text-shadow:0 3px 12px rgba(0,0,0,.25);
    }
    .hero-actions {
      display:flex; gap:18px; justify-content:center; flex-wrap:wrap;
    }

    /* INTRO */
    .intro {
      padding:48px 0 26px;
      text-align:center;
      position:relative;
    }
    .tagline {
      margin:6px 0 8px;
      font-size:clamp(1.2rem, 2vw, 2rem);
      font-weight:900;
      color:var(--blue-dark);
    }
    .tagline .gold { color:var(--orange); }
    .intro p {
      margin:0 auto;
      max-width:760px;
      color:#263a69;
      font-size:clamp(1rem, 1.6vw, 1.25rem);
    }

    .stats-strip {
      margin:30px auto 10px;
      background:#fff;
      border-radius:18px;
      box-shadow:var(--card-shadow);
      padding:18px 22px;
      display:grid;
      grid-template-columns: 1fr 1.5fr 1fr;
      gap:0;
      align-items:center;
    }
    .stat {
      display:flex; align-items:center; justify-content:center; gap:12px;
      padding:8px 14px;
      min-height:76px;
    }
    .stat + .stat { border-left:2px solid #d3d9e5; }
    .icon {
      width:44px; height:44px; border-radius:50%;
      display:grid; place-items:center;
      font-size:1.45rem; font-weight:900;
      background:linear-gradient(180deg, #ffe28a, #ffc334);
      color:var(--blue-dark);
      flex:0 0 auto;
    }
    .stat {
      font-size:clamp(1.1rem, 1.9vw, 1.5rem);
      color:var(--blue-dark);
      line-height:1.05;
    }
    .stat:nth-child(2),
    .nowrap {
      white-space: nowrap;
    }

    /* BLUE FEATURE SECTION */
    .blue-band {
      padding:36px 0 46px;
      background:
        radial-gradient(circle at 10% 30%, rgba(255,255,255,.08), transparent 16%),
        radial-gradient(circle at 80% 88%, rgba(255,106,0,.35), transparent 18%),
        linear-gradient(180deg, #0044a7 0%, #083987 100%);
      position:relative;
      overflow:hidden;
    }
    .blue-band .section-title h3 { color:#fff; }

    .feature-grid {
      display:grid;
      grid-template-columns:repeat(4, 1fr);
      gap:16px;
      margin-top:14px;
    }
    .feature-card {
      background:#fff;
      border-radius:16px;
      overflow:hidden;
      box-shadow:var(--card-shadow);
    }
    .feature-head {
      padding:12px 14px;
      font-size:1.1rem;
      font-weight:900;
      color:#fff;
      line-height:1.1;
      min-height:58px;
      display:flex; align-items:center;
    }
    .feature-card:nth-child(1) .feature-head,
    .feature-card:nth-child(3) .feature-head {
      background:linear-gradient(180deg, #ff991c, #ff6a00);
    }
    .feature-card:nth-child(2) .feature-head {
      background:linear-gradient(180deg, #1f77ff, #0d4dbc);
    }
    .feature-card:nth-child(4) .feature-head {
      background:linear-gradient(180deg, #3f3f3f, #1a1a1a);
    }
    .feature-media {
      aspect-ratio: 1.25 / 1;
      background-size:cover;
      background-position:center;
    }
    .feature-card:nth-child(1) .feature-media { background-image:url('../lynximages/20251004-3.jpg')}
    .feature-card:nth-child(2) .feature-media { background-image:url('../lynximages/20251101-1.jpg')}
    .feature-card:nth-child(3) .feature-media { background-image:url('../lynximages/20260308-23.jpg')}
    .feature-card:nth-child(4) .feature-media { background-image:url('../lynximages/20260308-4.jpg')}
    .feature-foot {
      padding:14px 12px;
      text-align:center;
      color:#1f3365;
      font-size:1rem;
      font-weight:700;
      background:#f5f7fb;
    }
    .center-btn {
      text-align:center;
      margin-top:24px;
      position:relative;
      z-index:2;
    }

    /* ACTION SECTION */
    .action {
      padding:60px 0 30px;
      text-align:center;
    }
    .gallery {
      display:grid;
      grid-template-columns:repeat(4, 1fr);
      gap:14px;
      margin-top:12px;
    }
    .shot {
      aspect-ratio: 1 / .75;
      border-radius:0;
      background-size:cover;
      background-position:center;
      box-shadow:var(--card-shadow);
      border:1px solid #d7dde8;
    }
    
    .info-cards {
      display:grid;
      grid-template-columns:1.2fr 1.4fr 1.3fr;
      gap:18px;
      margin-top:28px;
    }
    .info-card {
      background:#fff;
      border-radius:16px;
      box-shadow:var(--card-shadow);
      overflow:hidden;
      min-height:148px;
      border:1px solid #dde4ef;
      background-size:cover;
      background-position:center;
    }
   
    /* PARTNERS */
    .partners {
      padding: 40px 0;
       background: radial-gradient(circle at center, #ffffff 0%, #e9e9e9 100%);
      border-top: 1px solid rgba(10, 61, 145, 0.1);
    }
    .partners .section-title h2 { color:var(--blue-dark)}
    .partners .section-title::before,
    .partners .section-title::after { background: #d3d9e5; }
    .partner-bar {
      background:#fff;
      border-radius:18px;
      box-shadow:var(--card-shadow);
      padding:22px;
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      align-items:center;
      gap:0;
    }
    .partner {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      height: 140px;
    }
    .partner-label {
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--blue);
      background: rgba(10, 61, 145, 0.08);
      padding: 4px 10px;
      border-radius: 999px;
    }
    .partner-label.platinum {
      font-size: 1rem;
    }
    .partner-logo {
      height: 100px;             
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .partner img {
      max-height: 120px;    
      max-width: 250px;     
      object-fit: contain;
      transition: 0.2s ease;
    }
    .partner + .partner { border-left:2px solid #d9dfeb; }

    /* CTA */
    .final-cta {
      padding:40px 0 62px;
      text-align:center;
      background:var(--bg);
      position:relative;
    }
    .court-line {
      height:88px;
      margin-top:28px;
      background:
        linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0)),
        linear-gradient(0deg, #2f6474 0%, #6ea1a7 50%, #8cb6b9 100%);
      position:relative;
      overflow:hidden;
    }
    .court-line::before {
      content:"";
      position:absolute; left:0; right:0; top:24px; height:4px;
      background:#d5482d;
    }

    /* MOBILE */
    @media (max-width: 1024px) {
      .feature-grid { grid-template-columns:repeat(2, 1fr); }
      .gallery { grid-template-columns:repeat(2, 1fr); }
      .info-cards { grid-template-columns:1fr; }
      .partner-bar { 
        grid-template-columns:1fr; 
        padding-bottom: 0;
      }
      .partner { 
        height: 160px;
      }
      .partner:not(:first-child){ 
        padding-top: 20px;
      }
      .partner + .partner { border-left:none; border-top:2px solid #d9dfeb; }
    }
    @media (max-width: 900px) {
      .nav-desktop { display:none; }
      .nav-toggle { display:grid; place-items:center; }
}
@media (max-width: 768px) {
    .join .fee-top a.btn.btn-primary {
       width: auto;
      }
      .hero {
        min-height:540px;
        background-position:center top;
      }
      .hero-inner {
        margin-top:36px;
      }
      .hero-actions {
        gap:12px;
      }
      .btn {
        width:100%;
        max-width:340px;
        min-height:54px;
        font-size:1.25rem;
      }
      .stats-strip {
        grid-template-columns:1fr;
        padding:8px 16px;
      }
      .stat + .stat {
        border-left:none;
        border-top:2px solid #d3d9e5;
      }
      .feature-grid,
      .gallery {
        grid-template-columns:1fr;
      }
      .section-title {
        gap:12px;
      }
      .section-title::before,
      .section-title::after {
        max-width:80px;
      }
      .board .section-title::before,
      .board .section-title::after {
        max-width:200px;
      }
    }
    @media (max-width: 480px) {
      .hero {
        min-height:460px;
      }
      .hero h1 {
        max-width:320px;
      }
      .container {
        width:min(calc(100% - 20px), 1180px);
      }
      .feature-head {
        font-size:1rem;
      }
      .feature-foot {
        font-size:.95rem;
      }
    }
  
@media (max-width: 900px) {
      .nav-desktop { display:none; }
      .nav-toggle { display:grid; place-items:center; }
}

/* TOP NAV */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(7, 45, 109, 0.95);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(0,0,0,.14);
}
.nav-wrap {
  width: var(--wrap);
  margin: 0 auto;
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  min-width: 0;
}
.brand-badge {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-weight: 900;
  color: var(--blue-dark);
  background: linear-gradient(180deg, #ffd25f, #ff9c21);
  flex: 0 0 auto;
}
.brand-text {
  min-width: 0;
}
.brand-text strong {
  display: block;
  font-size: 1rem;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.brand-text span {
  display: block;
  font-size: .78rem;
  color: rgba(255,255,255,.78);
}

.nav-desktop {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.nav-desktop a {
  color: rgba(255,255,255,.92);
  font-weight: 800;
  font-size: .95rem;
  padding: 10px 12px;
  border-radius: 10px;
}
.nav-desktop a:hover {
  background: rgba(255,255,255,.1);
}
.nav-cta {
  background: linear-gradient(180deg, var(--orange-2), var(--orange));
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}
.nav-cta:hover {
  background: linear-gradient(180deg, #ffa234, #ff6a00) !important;
}

.nav-toggle {
  display: none;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 12px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 1.35rem;
  font-weight: 900;
  cursor: pointer;
}
.mobile-menu {
  display: none;
  width: var(--wrap);
  margin: 0 auto;
  padding: 0 0 14px;
}
.mobile-menu-inner {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  padding: 12px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.mobile-menu a {
  color: #fff;
  font-weight: 800;
  padding: 12px 14px;
  border-radius: 12px;
}
.mobile-menu a:hover {
  background: rgba(255,255,255,.08);
}

.mobile-menu .nav-cta,
.join .section-sub {
  text-align: center;
}

.site-header.open .mobile-menu {
  display: block;
}


.nav-desktop a {
  position: relative;
}
.nav-desktop a.active {
  background: rgba(255,255,255,.15);
  color: #fff;
}
.nav-desktop a::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 6px;
  height: 2px;
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .2s ease;
}
.nav-desktop a:hover::after,
.nav-desktop a.active::after {
  transform: scaleX(1);
}
.nav-cta {
  padding: 10px 16px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  box-shadow: 0 0 0 rgba(255,106,0,0.4), 0 8px 18px rgba(0,0,0,.18) !important;
  animation: pulse 2s infinite;
}
.nav-cta::after {
  display: none;
}
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(255,106,0,0.4), 0 8px 18px rgba(0,0,0,.18); }
  70% { box-shadow: 0 0 0 12px rgba(255,106,0,0), 0 8px 18px rgba(0,0,0,.18); }
  100% { box-shadow: 0 0 0 0 rgba(255,106,0,0), 0 8px 18px rgba(0,0,0,.18); }
}


/* RESPONSIVE NAV FIX */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.nav-wrap {
  width: var(--wrap);
  margin: 0 auto;
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.nav-desktop {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.nav-toggle {
  display: none;
  width: 60px;
  height: 60px;
  border: 0;
  border-radius: 12px;
  background: rgba(255,255,255,.12);
  color: #ff8e1d;
  font-size: 2.35rem;
  font-weight: 900;
  cursor: pointer;
  flex: 0 0 auto;
}

.mobile-menu {
  display: none;
  width: var(--wrap);
  margin: 0 auto;
  padding: 0 0 14px;
}

.mobile-menu-inner {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  padding: 12px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.mobile-menu a {
  color: #fff;
  font-weight: 800;
  padding: 12px 14px;
  border-radius: 12px;
  display: block;
}

.mobile-menu a:hover {
  background: rgba(255,255,255,.08);
}

.site-header.open .mobile-menu {
  display: block;
}

@media (max-width: 900px) {
  .nav-desktop {
    display: none !important;
  }
  .nav-toggle {
    display: grid !important;
    place-items: center;
  }
  .brand-text span {
    display: none;
  }
}

@media (min-width: 1001px) {
  .mobile-menu {
    display: none !important;
  }
  .nav-toggle {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .nav-wrap {
    min-height: 72px;
  }
  .brand-text strong {
    font-size: .92rem;
    white-space: normal;
    line-height: 1.1;
  }
  .brand-badge {
    width: 38px;
    height: 38px;
    border-radius: 10px;
  }
}


/* TWO-TIER NAV */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(7,45,109,0.96);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(0,0,0,.14);
}

.header-topbar {
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.topbar-wrap,
.nav-wrap {
  width: var(--wrap);
  margin: 0 auto;
}

.topbar-wrap {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.topbar-links {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.topbar-links a {
  color: rgba(255,255,255,.88);
  font-size: .9rem;
  font-weight: 800;
  padding: 7px 10px;
  border-radius: 10px;
  position: relative;
}

.topbar-links a:hover,
.topbar-links a.active {
  background: rgba(255,255,255,.1);
}

.nav-wrap {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 40px;
}

.nav-main {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.nav-main a {
  color: rgba(255,255,255,.92);
  font-weight: 600;
  font-size: 1.25rem;
  padding: 10px 12px;
  border-radius: 10px;
  position: relative;
}

.nav-main a:hover,
.nav-main a.active {
  background: rgba(255,255,255,.1);
}

.nav-main a::after,
.topbar-links a::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 6px;
  height: 2px;
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .2s ease;
}

.nav-main a:hover::after,
.nav-main a.active::after,
.topbar-links a:hover::after,
.topbar-links a.active::after {
  transform: scaleX(1);
}

.nav-cta {
  background: linear-gradient(180deg, var(--orange-2), var(--orange));
  color: #fff !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  box-shadow: 0 0 0 rgba(255,106,0,0.4), 0 8px 18px rgba(0,0,0,.18) !important;
  animation: pulse 2s infinite;
}
.nav-cta::after {
  display: none !important;
}

.mobile-menu {
  display: none;
  width: var(--wrap);
  margin: 0 auto;
  padding: 0 0 14px;
}

.mobile-menu-inner {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  padding: 12px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.mobile-group {
  padding: 4px 0 8px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.mobile-group:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.mobile-group-title {
  color: rgba(255,255,255,.6);
  font-size: .78rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 8px 10px 4px;
}
.mobile-menu a {
  color: #fff;
  font-weight: 600;
  padding: 12px 14px;
  border-radius: 12px;
  display: block;
}
.mobile-menu a:hover{
  background: rgba(255,255,255,.08);
}

.mobile-parent.active button span {
  font-size: 1.5rem;
}

.mobile-menu a.active{
  color: var(--orange-2);
}

.mobile-menu a.active:hover{
  background: none;
}

.site-header.open .mobile-menu {
  display: block;
}

@media (max-width: 1000px) {
  .header-topbar,
  .nav-main {
    display: none !important;
  }
  .nav-toggle {
    display: grid !important;
    place-items: center;
  }
  .brand-text span {
    display: none;
  }
  .nav-wrap {
    justify-content: space-between;
  }
}

@media (min-width: 1001px) {
  .mobile-menu,
  .nav-toggle {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .topbar-wrap {
    min-height: 42px;
  }
  .nav-wrap {
    min-height: 72px;
  }
  .brand-text strong {
    font-size: .92rem;
    white-space: normal;
    line-height: 1.1;
  }
  .brand-badge {
    width: 38px;
    height: 38px;
    border-radius: 10px;
  }
  .join .simple-fee-card,
  .join .benefits-wrap{
    padding-left:10px;
    padding-right:10px;
  }
  .simple-fee-card .price {
    font-size:2.5rem;
  }
}


/* DROPDOWN NAV UPDATE */
.header-topbar {
  overflow: visible;
}
.topbar-wrap,
.nav-wrap {
  overflow: visible;
}
.topbar-links {
  position: relative;
}
.topbar-item {
  position: relative;
}
.topbar-parent {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.topbar-parent .caret {
  font-size: .7rem;
  opacity: .85;
}
.topbar-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 210px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 18px 38px rgba(11, 27, 60, .22);
  padding: 10px;
  display: none;
  z-index: 1005;
  border: 1px solid rgba(10, 61, 145, .08);
}
.topbar-dropdown a {
  display: block;
  color: var(--blue-dark);
  padding: 11px 12px;
  border-radius: 12px;
  font-size: .94rem;
  font-weight: 800;
  white-space: nowrap;
}
.topbar-dropdown a:hover {
  background: #f2f6ff;
}
.topbar-dropdown a::after {
  display: none !important;
}
.topbar-item:hover .topbar-dropdown,
.topbar-item:focus-within .topbar-dropdown {
  display: block;
}

.nav-main-item {
  position: relative;
}
.nav-main-link {
  display: inline-flex;
  align-items: center;
  gap: 0;
}
.nav-main-link .caret {
  font-size: 1.5rem;
  opacity: .85;
}
.nav-main-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 220px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 18px 38px rgba(11, 27, 60, .22);
  padding: 10px;
  display: none;
  z-index: 1005;
  border: 1px solid rgba(10, 61, 145, .08);
}
.nav-main-dropdown a {
  display: block;
  color: var(--blue-dark);
  padding: 11px 12px;
  border-radius: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
}
.nav-main-dropdown a:hover {
  background: #e9e9e9;
  text-decoration-line: underline;
  text-decoration-color: #ff8e1d; 
  text-underline-offset: 5px
}
.nav-main-dropdown a::after {
  display: none !important;
}
.nav-main-item:hover .nav-main-dropdown,
.nav-main-item:focus-within .nav-main-dropdown {
  display: block;
}

/* mobile accordion */
.mobile-parent {
  border-radius: 12px;
  overflow: hidden;
}
.mobile-parent-toggle {
  width: 100%;
  border: 0;
  background: transparent;
  color: #fff;
  font-weight: 600;
  padding: 12px 14px;
  border-radius: 12px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
}
.mobile-parent-toggle:hover {
  background: rgba(255,255,255,.08);
}
.mobile-submenu {
  display: none;
  padding: 0 0 6px 12px;
}
.mobile-parent.open .mobile-submenu {
  display: block;
}
.mobile-submenu a {
  color: rgba(255,255,255,.92);
  font-weight: 700;
  padding: 10px 12px;
}
.mobile-parent.active .mobile-parent-toggle {
  background: var(--bg);
  color: var(--orange);
}

.board .board-grid img{
  max-height: 200px;
}

.board .person-top a.nowrap {
  margin-bottom: 20px;
  display: block;
}

.board-grid{
    display:grid; grid-template-columns:repeat(3, 1fr); gap:18px;
  }
  .person-card{
    background:#fff; border:1px solid var(--border); border-radius:18px; box-shadow:var(--shadow);
    padding:20px; display:flex; flex-direction:column; min-height:100%;
  }
  .person-top{
    display:flex; align-items:flex-start; gap:14px; margin-bottom:14px;
  }
  .avatar{
    width:58px; height:58px; border-radius:18px; flex:0 0 auto;
    background:linear-gradient(180deg, #ffcf62, #ff8f1f);
    color:var(--blue-dark); display:grid; place-items:center; font-size:1.3rem; font-weight:900;
  }
  .person-card h3{margin:0 0 4px; font-size:1.18rem; color:var(--blue-dark)}
  .person-card .primary-role{
    font-weight:900; color:var(--orange); font-size:.96rem;
  }
  .role-list{
    margin:0; padding-left:18px; color:var(--muted);
  }
  .role-list li + li{margin-top:6px}
  .person-card a.external{
    color:var(--blue); 
    font-weight:800; 
    font-size:.92rem;
  }
  .person-card a.external:hover{
    text-decoration: underline;
  }

  .committee-table-wrap{
    background:#fff; border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow); overflow:hidden;
  }
  .committee-table{
    width:100%; border-collapse:collapse;
  }
  .committee-table thead th{
    background:linear-gradient(180deg, var(--orange-2), var(--orange)); color:#fff; text-align:left;
    padding:16px 18px; font-size:.92rem; letter-spacing:.04em; text-transform:uppercase;
  }
  .committee-table td{
    padding:16px 18px; border-top:1px solid var(--border); vertical-align:top;
  }
  .committee-table tr:nth-child(even) td{background:#fbfcff}
  .committee-name{font-weight:600; color:var(--blue-dark)}
  .committee-chair{font-weight:600}
  .member-list{margin:0; padding-left:18px; color:var(--muted)}
  .member-list li + li{margin-top:6px}

main {
  padding-top: 40px;
  padding-bottom: 40px;
}

.nav-main-dropdown .active {
  color: var(--orange);
}

.nav-main-dropdown .active::before,
.mobile-submenu .active::before {
  content: "▸";
  margin-left: -10px;
}

.nav-main-dropdown .active:hover,
.mobile-submenu .active:hover {
  text-decoration: none;
}

.board .section-sub{
  text-align: center;
}

.committee {
  padding-top: 40px;
}

.committee-table tr:not(:last-child){
  border-bottom: solid 1px #ccc;
}

.simple-fee-card{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:28px}
.fee-top{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start;margin-bottom:18px}
.fee-pill{display:inline-block;background:rgba(10,61,145,.08);color:var(--blue);padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.simple-fee-card h3{margin:12px 0 6px;color:var(--blue-dark);font-size:1.35rem}
.simple-fee-card .price{font-size:2rem;line-height:1;font-weight:900;color:var(--orange)}
.fee-note{color:var(--muted);margin:0}
.fee-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}
.fee-line{background:linear-gradient(180deg,#fbfcff,#f4f8ff);border:1px solid var(--border);border-radius:18px;padding:16px}
.fee-line strong{display:block;color:var(--blue-dark);font-size:1.15rem;margin-bottom:4px}
.fee-line span{color:var(--muted)}
.membership-term{background:linear-gradient(180deg,#f8fbff,#eef4ff);border:1px solid var(--border);border-radius:18px;padding:18px}
.membership-term h4{margin:0 0 8px;color:var(--blue-dark);font-size:1.05rem}
.membership-term p{margin:0;color:var(--muted)}

.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.info-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:24px}
.info-card h3{margin:0 0 14px;color:var(--blue-dark);font-size:1.28rem}
.info-list{margin:0;padding-left:20px;color:var(--muted)}
.info-list li + li{margin-top:10px}

.benefits-wrap{background:linear-gradient(180deg,#f8fbff,#eef4ff);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:26px}
.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px}
.benefit{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;display:flex;gap:14px;align-items:flex-start}
.benefit-icon{width:46px;height:46px;border-radius:14px;flex:0 0 auto;background:linear-gradient(180deg,#ffcf62,#ff8f1f);color:var(--blue-dark);display:grid;place-items:center;font-size:1.2rem;font-weight:900}
.benefit h4{margin:0 0 6px;color:var(--blue-dark);font-size:1.04rem}
.benefit p{margin:0;color:var(--muted)}

.cta-panel{background:radial-gradient(circle at 85% 20%, rgba(255,191,47,.15), transparent 20%),linear-gradient(180deg,#0b4ab2 0%,#07357d 100%);color:#fff;border-radius:24px;box-shadow:var(--shadow);padding:30px;text-align:center}
.cta-panel h2{margin:0 0 12px;font-size:clamp(2rem,4vw,2rem);line-height:1.02;letter-spacing:-.03em}
.cta-panel p{margin:0 auto;max-width:760px;color:rgba(255,255,255,.88)}

.disclaimer {
  font-size: 0.75rem;
}

.worth-it, .ready-to-join {
  padding-top: 40px;
}

.btn-primary{background:linear-gradient(180deg,var(--orange-2),var(--orange));color:#fff}

.clinics .section:not(:first-child), 
.events .section:not(:first-child){
  padding-top: 40px;
}

.clinics img {
      max-width: 100%;
      height: auto;
      display: block;
    }

.clinics a {
  color: inherit;
  text-decoration: none;
}

  /* Benefit tiles */
.clinics .benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.clinics .benefit-tile {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--shadow);
}

.clinics .benefit-image {
  aspect-ratio: 4 / 3;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.clinics .benefit-image.improve {
  background-image: url("../lynximages/20251115-7.jpg");
}

.clinics .benefit-image.confidence {
  background-image: url("../lynximages/20251115-12.jpg");
}

.clinics .benefit-image.purpose {
  background-image: url("../lynximages/20260201-9.jpg");
}

.clinics .benefit-image.realplay {
  background-image: url("../lynximages/20251026-3.jpg");
}

.clinics .benefit-body {
  padding: 18px;
}

.clinics .benefit-body h3 {
  margin: 0 0 8px;
  color: var(--blue-dark);
  font-size: 1.1rem;
}

.clinics .benefit-body p {
  margin: 0;
  color: var(--muted);
  font-size: 0.96rem;
}

/* Clinic lists */
.clinics .clinic-list-wrap {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 22px;
  box-shadow: var(--shadow);
  overflow: hidden;
}

.clinics .clinic-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.clinics .clinic-item + .clinic-item {
  border-top: 1px solid var(--border);
}

.clinics .clinic-link {
  display: grid;
  grid-template-columns: 1.4fr auto auto;
  gap: 18px;
  align-items: center;
  padding: 18px 22px;
  transition: background 0.2s ease;
}

.clinics .clinic-link:hover {
  background: #f8fbff;
}

.clinics .clinic-main h3 {
  margin: 0 0 6px;
  font-size: 1.06rem;
  color: var(--blue-dark);
}

.clinics .clinic-main p {
  margin: 0;
  color: var(--muted);
  font-size: 0.95rem;
}

.clinics .clinic-date {
  color: var(--muted);
  font-weight: 700;
  white-space: nowrap;
  text-align: right;
}

.clinics .clinic-media {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  min-width: 90px;
}

.clinics .media-badge, 
.events .media-badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(10, 61, 145, 0.08);
  color: var(--blue);
  font-size: 0.84rem;
  font-weight: 800;
  white-space: nowrap;
}

.clinics .media-badge.photo::before,
.events .media-badge.photo::before  {
  content: "📷";
}

.clinics .media-badge.video::before,
.events .media-badge.video::before{
  content: "🎥";
}

.clinics .media-badge.both::before,
.events .media-badge.both::before  {
  content: "📷🎥";
}

.events .tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.events .tile{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.events .tile-media{aspect-ratio:4/3;background-size:cover;background-position:center}
.events .tile-media.community{
  background-image:linear-gradient(rgba(7,45,109,.16), rgba(7,45,109,.16)), url('../lynximages/20251213-5.jpg')
}
.events .tile-media.competition{
  background-image:linear-gradient(rgba(7,45,109,.16), rgba(7,45,109,.16)), url('../lynximages/20250629-3.jpg')
}
.events .tile-media.energy{
  background-image:linear-gradient(rgba(7,45,109,.16), rgba(7,45,109,.16)), url('../lynximages/20251004-1.jpg')
}
.events .tile-media.memories{
  background-image:linear-gradient(rgba(7,45,109,.16), rgba(7,45,109,.16)), url('../lynximages/20260308-25.jpg')
}
.events .tile-body{padding:18px}
.events .tile-body h3{margin:0 0 8px;color:var(--blue-dark);font-size:1.08rem}
.events .tile-body p{margin:0;color:var(--muted)}
.events .list-wrap{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}
.events .event-list{list-style:none;margin:0;padding:0}
.events .event-item + .event-item{border-top:1px solid var(--border)}
.events .event-link{display:grid;grid-template-columns:minmax(0,1.4fr) auto auto;gap:18px;align-items:center;padding:18px 22px;transition:background .2s ease}
.events .event-link:hover{background:#f8fbff}
.events .event-main h3{margin:0 0 6px;color:var(--blue-dark);font-size:1.04rem}
.events .event-main p{margin:0;color:var(--muted);font-size:.95rem}
.events .event-date{white-space:nowrap;color:var(--muted);font-weight:700;text-align:right}
.events .event-media{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}

.dalcan {
  background: #fff;
}

.promo .brand{display:flex;align-items:center;gap:12px;color:#fff;min-width:0}
.promo .brand-badge{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:900;color:var(--blue-dark);background:linear-gradient(180deg,#ffd25f,#ff9c21);flex:0 0 auto}
.promo .brand-text strong{display:block;font-size:1rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.promo .brand-text span{display:block;font-size:.78rem;color:rgba(255,255,255,.78)}
.promo .highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.promo .highlight-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:22px}
.promo .highlight-card h3{margin:0 0 8px;color:var(--blue-dark);font-size:1.12rem}
.promo .highlight-card p{margin:0;color:var(--muted)}
.promo .promo-table-wrap{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}
.promo table{width:100%;border-collapse:collapse}
.promo thead th{background:linear-gradient(180deg,#0a3d91,#08357d);color:#fff;text-align:left;padding:16px 18px;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}
.promo tbody td{padding:18px;border-top:1px solid var(--border);vertical-align:middle}
.promo tbody tr:nth-child(even) td{background:#fbfcff}
.promo .brand-cell{font-weight:700;color:var(--blue-dark)}
.promo-table-wrap td a span,
.promo-table-wrap td a:hover{
  text-decoration: underline;
}
.promo .brand-cell a{
  color:var(--blue-dark);
  font-size: 1.25rem;
  text-decoration: underline;
}
.promo .brand-cell a:hover{
  text-decoration: underline;
}
.promo .code-pill{
  display:inline-block;
  padding:7px 12px;
  color:var(--burgundy);
  font-weight:700;
  letter-spacing:.04em;
  font-size: 1.1rem;
}
.promo .discount-pill{
  display:inline-block;
  padding:7px 12px;
  color:var(--orange-0);
  font-weight:700;
  font-size: 1.25rem;
}
.promo .giftcard-pill{
  display:inline-block;
  padding:7px 12px;
  color:var(--success);
  font-weight:700;
}
.promo .section-sub {
  text-align: center;
}

.promo #usap {
  padding-top: 40px;
}

.promo #usap .btn{
  min-height: 50px;
  font-size: 1.2rem;
}

.promo #usap .cta-panel h2 {
  font-size: clamp(1.5rem, 2vw, 1.5rem);
}

.promo #usap img {
  display: inline-block;
  margin-top: 20px;
}

.promo #usap .img-div {
  text-align: center;
}

.newsletters .list-div {
  text-align: center;
}

.newsletters ul{
  display: inline-block;
  text-align: left; 
}

.newsletters ul a{
  text-decoration: underline;
}

.newsletters ul li{
  margin-bottom: 10px;
}

.join .fee-top a.btn.btn-primary {
  margin-top: 20px;
  margin-bottom: 10px;
  min-height: 42px;
  font-size: 1.1rem;
}

@media (max-width:1000px){
  .promo .highlight-grid{grid-template-columns:1fr 1fr}
  .promo .brand-cell a, .person-card a.external{
    text-decoration: underline;
  }
}
    
@media (max-width:900px){
  .promo .brand-text span{display:none}
  .promo table, .promo thead, .promo tbody, .promo tr, .promo td{display:block;width:100%} 
  .promo thead{display:none}
  .promo tr+tr td:first-child{border-top:1px solid var(--border)}
  .promo tbody td{padding:12px 16px;border-top:0}
  .promo td::before{content:attr(data-label);display:block;margin-bottom:6px;font-size:.78rem;font-weight:900;color:var(--blue);text-transform:uppercase;letter-spacing:.05em}
}


@media (max-width:640px){
  .promo .highlight-grid{grid-template-columns:1fr}
  .promo .brand-text strong{font-size:.92rem;white-space:normal;line-height:1.1}
  .promo .brand-badge{width:38px;height:38px;border-radius:10px}
}

@media (max-width: 1000px) {
  .clinics .benefit-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .clinics .clinic-link {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .clinics .clinic-date,
  .clinics .clinic-media {
    text-align: left;
    justify-content: flex-start;
  }
  .events .tile-grid{
    grid-template-columns:repeat(2,1fr)
    }
    .events .event-link{
      grid-template-columns:1fr
    }
    .events .event-date, .events .event-media {
      text-align:left;
      justify-content:flex-start
    }
}

@media (max-width: 640px) {
  .clinics .benefit-grid,
  .events .tile-grid {
    grid-template-columns: 1fr;
  }
  .join .fee-top a.btn.btn-primary {
      width: 100%;
      margin-top: 20px;
    }
}


@media (max-width: 980px){
  .board-grid, .feature-grid, .benefits-grid, .fee-breakdown{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 768px){
  .board-grid, .feature-grid, .benefits-grid, .fee-breakdown, .fee-top{
    grid-template-columns:1fr;
  }
  .board .person-card{
    padding-left: 10px;
    padding-right: 10px;
  }
 .board .person-top{
  margin-bottom: 0;
  gap: 20px;
 }

  .committee-table thead{display:none}
  .committee-table, .committee-table tbody, .committee-table tr, .committee-table td
  {display:block; width:100%}
  .committee-table tr{border-top:1px solid var(--border)}
  .committee-table td{border-top:0; padding:12px 16px}
  .committee-table td::before{
    content:attr(data-label); display:block; margin-bottom:6px; font-size:.78rem; font-weight:900;
    color:var(--blue); text-transform:uppercase; letter-spacing:.05em;
  }
}

@media (max-width: 900px) {
  .topbar-dropdown,
  .nav-main-dropdown {
    display: none !important;
  }
}

@media (min-width: 769px) {
    .dalcan img {
        max-width: 600px;
        margin: auto;
    }
}

/* DROPDOWN HOVER GAP FIX */
.topbar-item,
.nav-main-item {
  padding-bottom: 4px;
  margin-bottom: -14px;
}

.topbar-dropdown,
.nav-main-dropdown {
  top: calc(100% - 2px) !important;
}

.topbar-item::after,
.nav-main-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 14px;
}

.topbar-parent,
.nav-main-link {
  cursor: pointer;
}


.navbar-logo {
  width: 120px;
}

/* RESPONSIVE FOOTER */
.site-footer {
  background: #082b69;
  color: rgba(255,255,255,.9);
  padding: 22px 0;
}

.footer-wrap {
  width: var(--wrap);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

/* LEFT: social icons */
.footer-social {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}

/* RIGHT: copyright */
.footer-copy {
  text-align: right;
  font-size: .95rem;
  font-weight: 700;
}

/* icons */
.footer-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 900;
  transition: transform .2s ease, background .2s ease;
}

.footer-icon:hover {
  transform: translateY(-2px);
  background: rgba(255,255,255,.18);
}

/* MOBILE */
@media (max-width: 768px) {
  .footer-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-social {
    width: 100%;
    justify-content: flex-start;
  }

  .footer-copy {
    width: 100%;
    text-align: left;
    margin-top: 8px;
  }
}