* { box-sizing: border-box; }
    body { font-family: "Oswald", sans-serif; margin: 0; padding: 0; font-size:14px; }
    .bgheader{
        width:100%;
    }
    /* ── DISCLAIMER BAR ── */
    .disclaimer-bar {
      background: #111827; color: #9ca3af;
      font-size: 13px; text-align: center;
      padding: 8px 16px; line-height: 1.6;
    }

    /* ── NAV ── */
    .nav-wrapper {
      background: #e8f5e9; border-bottom: 1px solid #e5e7eb;
      position: sticky; top: 0; z-index: 100;
    }
    .nav-inner {
      width:100%; margin: 0 auto;
      display: flex; align-items: center;
      justify-content: center; padding: 12px 24px;
    }
    .nav-logo {
      font-size: 17px; font-weight: 800; color: #003d20;
      text-decoration: none; white-space: nowrap;
    }
    .nav-logo span { color: #006747; }

    .nav-links {
      display: flex; flex-wrap: wrap; align-items: center;
      gap: 2px 6px; list-style: none; margin: 0; padding: 0; justify-content: end;
    }
    .nav-links li a {
      color: #006747; font-size: 17px; font-weight: 600;
      text-decoration: none; padding: 10px 6px; border-radius: 6px; white-space: nowrap;
    }
    .nav-links li a:hover { background: #f0faf4; }
    .nav-links .nav-sep { color: #d1d5db; font-size: 15px; user-select: none; }
    .nav-links .nav-cta a {
      background: #e6f4ec; color: #006747;
      padding: 6px 14px; border-radius: 100px; font-weight: 700;
    }
    .nav-links .nav-cta a:hover { background: #006747; color: #fff; }

    /* Hamburger */
    .nav-hamburger {
      display: none; flex-direction: column; gap: 5px;
      cursor: pointer; background: none; border: none; padding: 4px;
    }
    .nav-hamburger span {
      display: block; width: 24px; height: 2px;
      background: #003d20; border-radius: 2px;
    }

    /* Mobile drawer */
    .nav-mobile {
      display: none; background: #fff;
      border-top: 1px solid #e5e7eb; padding: 16px 24px;
    }
    .nav-mobile.open { display: block; }
    .nav-mobile a {
      display: block; color: #006747; font-size: 15px; font-weight: 600;
      text-decoration: none; padding: 10px 0; border-bottom: 1px solid #f3f4f6;
    }
    .nav-mobile a:last-child { border-bottom: none; }
    .nav-mobile .mob-cta {
      margin-top: 12px; display: block;
      background: #006747; color: #fff !important;
      padding: 12px 28px; border-radius: 100px; font-weight: 700;
      font-size: 15px; border-bottom: none !important; text-align: center;
    }

    @media (max-width: 900px) {
      .nav-links { display: none; }
      .nav-hamburger { display: flex; }
    }

    /* ── HERO ── */
    .hero { background: #e8f5e9; padding: 25px 24px 48px; }
    .hero-inner { max-width: 1100px; margin: 0 auto; }
    .hero-eyebrow {
      color: #006747; font-size: 24px; font-weight: 700;
      letter-spacing: .12em; text-transform: uppercase; margin-bottom: 6px;
    }
    .hero-h1 {
      font-size: clamp(32px, 5vw, 60px); font-weight: 900;
      color: #003d20; line-height: 1.1; margin: 0 0 48px 0;
    }

    /* 3-col: left feats | circle | right feats */
    .hero-grid {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center; gap: 0 32px; margin-bottom: 48px; min-height: 340px;
    }
    .hero-feats-left  { display: flex; flex-direction: column; gap: 56px; align-items: flex-end; }
    .hero-feats-right { display: flex; flex-direction: column; gap: 56px; align-items: flex-start; }

    .feat { display: flex; align-items: center; gap: 12px; }
    .feat.r { flex-direction: row-reverse; text-align: right; }
    .feat-bar { width: 4px; height: 44px; background: #006747; border-radius: 2px; flex-shrink: 0; }
    .feat-title { font-size: 16px; font-weight: 800; color: #003d20; margin-bottom: 3px; }
    .feat-sub   { font-size: 14px; color: #4a7c59; }

    /* Circular image */
    .hero-circle-wrap {
      position: relative; display: flex;
      align-items: center; justify-content: center;
    }
    .hero-circle-wrap::before {
      content: ''; position: absolute;
      width: 360px; height: 360px; border-radius: 50%;
      border: 2px dashed #80cfa0; pointer-events: none;
    }
    .hero-circle {
      width: 290px; height: 290px; border-radius: 50%;
      overflow: hidden; border: 5px solid #fff;
      box-shadow: 0 8px 32px rgba(0,0,0,.15);
      background: #006747; display: flex;
      align-items: center; justify-content: center;
      font-size: 72px; flex-shrink: 0;
    }
    .hero-circle img { width: 100%; height: 100%; object-fit: cover; }

    /* Mobile: stack vertically */
    @media (max-width: 768px) {
      .hero-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        gap: 32px 0;
      }
      .hero-circle-wrap { order: -1; }
      .hero-circle-wrap::before { width: 240px; height: 240px; }
      .hero-circle { width: 200px; height: 200px; font-size: 48px; }
      .hero-feats-left  { align-items: flex-start; }
      .hero-feats-left .feat  { flex-direction: row; text-align: left; }
      .feat.r { flex-direction: row; text-align: left; }
    }

    .hero-mission {
      font-size: 15px; color: #2d4a3a; line-height: 1.8;
       margin-bottom: 20px;
    }
    .badges { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; }
    .badge-pill {
      background: #fff; color: #003d20; border: 1.5px solid #a7d7b5;
      font-size: 14px; font-weight: 700; letter-spacing: .08em;
      padding: 6px 16px; border-radius: 100px;
    }
    .cta-row { display: flex; flex-wrap: wrap; gap: 12px; }
    .btn-green {
      background: #006747; color: #fff; font-weight: 700;
      padding: 13px 28px; border-radius: 100px; text-decoration: none;
      font-size: 14px; display: inline-block; transition: background .2s;
    }
    .btn-green:hover { background: #004d35; }
    .btn-ghost {
      background: transparent; color: #006747; border: 2px solid #006747;
      font-weight: 700; padding: 12px 28px; border-radius: 100px;
      text-decoration: none; font-size: 14px; display: inline-block; transition: all .2s;
    }
    .btn-ghost:hover { background: #006747; color: #fff; }
    @media (max-width: 480px) {
      .btn-green, .btn-ghost { width: 100%; text-align: center; }
    }

    /* ── SECTION UTILITIES ── */
    .section-wrap { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
    .section-label {
      font-size: 14px; font-weight: 700; letter-spacing: .12em;
      text-transform: uppercase; color: #006747;
      display: block; text-align: center; margin-bottom: 8px;
    }
    .section-h2 {
      font-size: clamp(26px, 4vw, 40px); font-weight: 900;
      color: #111827; text-align: center; margin: 0 0 48px 0;
    }

    /* ── THREE PATHS ── */
    .three-paths { background: #fff; padding: 72px 24px; }
    .paths-grid {
      display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
    }
    @media (max-width: 900px) { .paths-grid { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 520px) { .paths-grid { grid-template-columns: 1fr; } }
    .path-card {
      border-top: 4px solid #006747; background: #fff;
      border-radius: 16px; padding: 28px 24px;
      box-shadow: 0 1px 6px rgba(0,0,0,.06);
      display: flex; flex-direction: column; transition: box-shadow .2s;
    }
    .path-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.1); }
    .path-card.y { border-top-color: #f59e0b; }
    .path-card.b { border-top-color: #3b82f6; }
    .path-card.p { border-top-color: #8b5cf6; }
    .path-card h3 { font-size: 16px; font-weight: 800; color: #111827; margin: 0 0 10px 0; }
    .path-card p  { font-size: 15px; color: #4b5563; line-height: 1.65; flex: 1; margin: 0 0 16px 0; }
    .path-card a  { font-size: 15px; font-weight: 700; color: #006747; text-decoration: none; }
    .path-card a:hover { text-decoration: underline; }

    /* ── MISSION ── */
    .mission-section { background: #f9fafb; padding: 72px 24px; }
    .mission-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 48px; align-items: start; }
    @media (max-width: 768px) { .mission-grid { grid-template-columns: 1fr; } }
    .mission-h3 { font-size: 18px; font-weight: 700; color: #006747; margin: 0 0 10px 0; }
    .mission-p  { font-size: 14px; color: #374151; line-height: 1.75; margin: 0; }
    blockquote.cfl {
      border-left: 4px solid #006747; background: #f0faf4;
      padding: 16px 20px; border-radius: 0 12px 12px 0;
      margin: 0; font-size: 14px; font-style: italic; color: #374151;
    }
    .mission-cards { display: flex; flex-direction: column; gap: 14px; }
    .mission-card {
      background: #fff; border: 1px solid #e5e7eb;
      border-radius: 14px; padding: 16px; display: flex; gap: 12px;
    }
    .mission-card .icon { font-size: 22px; flex-shrink: 0; }
    .mc-title { font-size: 14px; font-weight: 700; color: #111827; margin-bottom: 4px; }
    .mc-sub   { font-size: 14px; color: #6b7280; }

    /* ── CURRENT DRAFTS ── */
    .drafts-section { background: #fff; padding: 72px 24px; }
    .drafts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    @media (max-width: 900px) { .drafts-grid { grid-template-columns: repeat(2,1fr); } }
    @media (max-width: 520px) { .drafts-grid { grid-template-columns: 1fr; } }
    .draft-card {
      border: 1px solid #e5e7eb; border-radius: 16px;
      padding: 22px; transition: box-shadow .2s;
    }
    .draft-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,.08); }
    .draft-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
    .tag { font-size: 10px; font-weight: 700; letter-spacing: .08em; padding: 4px 10px; border-radius: 100px; }
    .tag.open     { background: #dcfce7; color: #166534; }
    .tag.drafting { background: #fef9c3; color: #854d0e; }
    .tag.full     { background: #fee2e2; color: #991b1b; }
    .team-count   { font-size: 11px; color: #9ca3af; background: #f3f4f6; padding: 3px 10px; border-radius: 100px; }
    .draft-card h4 { font-size: 15px; font-weight: 800; color: #111827; margin: 0 0 8px 0; }
    .draft-card p  { font-size: 14px; color: #6b7280; line-height: 1.6; margin: 0 0 14px 0; }
    .draft-card a  { font-size: 14px; font-weight: 700; color: #006747; text-decoration: none; }
    .draft-card a:hover { text-decoration: underline; }

    /* ── NUMBERS ── */
    .numbers-section { background: #006747; padding: 64px 24px; }
    .numbers-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center; }
    @media (max-width: 768px) { .nav-inner  { justify-content: end;} .numbers-grid { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 400px) { .numbers-grid { grid-template-columns: 1fr; } }
    .num-big   { font-size: 44px; font-weight: 900; color: #fff; margin-bottom: 4px; }
    .num-label { font-size: 13px; font-weight: 700; color: #a7f3d0; margin-bottom: 4px; }
    .num-sub   { font-size: 11px; color: #6ee7b7; }

    /* ── TEAMS ── */
    .teams-section { background: #f9fafb; padding: 72px 24px; }
    .teams-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    @media (max-width: 768px) { .teams-grid { grid-template-columns: 1fr; } }
    .team-card {
      background: #fff; border: 1px solid #e5e7eb; border-radius: 16px;
      padding: 28px; display: flex; flex-direction: column; transition: box-shadow .2s;
    }
    .team-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.08); }
    .team-badge {
      font-size: 10px; font-weight: 700; letter-spacing: .08em;
      padding: 4px 12px; border-radius: 100px; display: inline-block; margin-bottom: 12px;
    }
    .team-badge.active   { background: #dcfce7; color: #166534; }
    .team-badge.upcoming { background: #fef9c3; color: #854d0e; }
    .team-card h3     { font-size: 18px; font-weight: 800; color: #111827; margin: 0 0 4px 0; }
    .team-card .region { font-size: 13px; font-weight: 600; color: #006747; margin-bottom: 6px; }
    .team-card .subline { font-size: 11px; color: #9ca3af; margin-bottom: 12px; }
    .team-card p       { font-size: 13px; color: #4b5563; line-height: 1.7; flex: 1; margin: 0; }

    /* ── ALUMNI ── */
    .alumni-section { background: #fff; padding: 72px 24px; }
    .alumni-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    @media (max-width: 768px) { .alumni-grid { grid-template-columns: 1fr; } }
    .alumni-card { background: #f9fafb; border: 1px solid #f3f4f6; border-radius: 16px; padding: 28px; }
    .alumni-avatar {
      width: 48px; height: 48px; background: #006747; color: #fff;
      border-radius: 50%; display: flex; align-items: center; justify-content: center;
      font-size: 20px; font-weight: 800; margin-bottom: 14px;
    }
    .alumni-card h4   { font-size: 16px; font-weight: 800; color: #111827; margin: 0 0 4px 0; }
    .alumni-card .meta { font-size: 11px; color: #9ca3af; margin-bottom: 12px; }
    .alumni-card p    { font-size: 15px; color: #374151; font-style: italic; line-height: 1.7; margin: 0; }

    /* ── FINAL CTA ── */
    .cta-section { background: #006747; padding: 72px 24px; text-align: center; color: #fff; }
    .cta-section h2 { font-size: clamp(26px,4vw,40px); font-weight: 900; margin: 0 0 14px 0; }
    .cta-section p  { font-size: 16px; color: #a7f3d0; margin: 0 auto 32px; max-width: 600px; }
    .cta-row-center { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
    .btn-white {
      background: #fff; color: #006747; font-weight: 700; padding: 13px 28px;
      border-radius: 100px; text-decoration: none; font-size: 14px; display: inline-block;
    }
    .btn-white:hover { opacity: .9; }
    .btn-ghost-white {
      background: transparent; color: #fff; border: 2px solid #fff;
      font-weight: 700; padding: 12px 28px; border-radius: 100px;
      text-decoration: none; font-size: 14px; display: inline-block;
    }
    .btn-ghost-white:hover { background: #fff; color: #006747; }
    @media (max-width: 480px) {
      .btn-white, .btn-ghost-white { width: 100%; text-align: center; }
    }

    /* ── FOOTER ── */
    .footer { background: #0a1a12; color: #9ca3af; padding: 64px 24px 32px; }
    .footer-grid {
      max-width: 1100px; margin: 0 auto;
      display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px;
    }
    @media (max-width: 900px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
    @media (max-width: 520px) { .footer-grid { grid-template-columns: 1fr; } }
    .footer-brand-badge {
      display: inline-block; background: #1a2e20; color: #34d399;
      font-size: 10px; font-weight: 700; letter-spacing: .08em;
      padding: 4px 12px; border-radius: 100px; margin-bottom: 14px;
    }
    .footer-logo    { font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 4px; }
    .footer-tagline { font-size: 13px; color: #34d399; margin-bottom: 12px; }
    .footer-desc    { font-size: 14px; line-height: 1.75; }
    .footer-col-label {
      font-size: 10px; font-weight: 700; letter-spacing: .1em;
      color: #34d399; text-transform: uppercase; display: block; margin-bottom: 14px;
    }
    .footer-link {
      display: block; font-size: 16px; color: #9ca3af;
      text-decoration: none; margin-bottom: 10px; transition: color .15s;
    }
    .footer-link:hover { color: #fff; }
    .footer-bottom {
      max-width: 1100px; margin: 32px auto 0; padding-top: 20px;
      border-top: 1px solid #1f2d24;
      display: flex; flex-wrap: wrap; justify-content: space-between;
      gap: 10px; font-size: 15px; color: #4b6358;
    }
    .footer-bottom a { color: #4b6358; text-decoration: none; }
    .footer-bottom a:hover { color: #9ca3af; }
    .footer-legal {
      max-width: 1100px; margin: 16px auto 0;
      font-size: 14px; color: #3a5245; line-height: 1.8;
    }