.hp-nav{position:fixed;top:0;left:0;right:0;z-index:1050;padding:14px 0;background:#86D335}
.hp-nav.scrolled{background:#86D335}
.hp-nav .container{display:flex;align-items:center;justify-content:space-between;max-width:100%;padding-left:40px;padding-right:40px}
.hp-nav-logo img{height:53px;width:auto}
.hp-nav-links{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}
.hp-nav-links a{color:#000;font-size:21px;font-weight:500;text-decoration:none;transition:opacity 0.2s;letter-spacing:0.3px}
.hp-nav-links a:hover{color:#000;opacity:0.7}
.hp-nav-links .dropdown{position:relative;display:flex;align-items:center;height:53px;padding:14px 0;margin:-14px 0;box-sizing:content-box}
.hp-nav-links .dropdown > a{display:flex;align-items:center}
.hp-nav-links .dropdown > a::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid #000;border-bottom:1.5px solid #000;transform:rotate(45deg) translateY(-2px);margin-left:7px;opacity:.5;transition:transform 0.2s,opacity 0.2s}
.hp-nav-links .dropdown:hover > a::after,.hp-nav-links .dropdown:focus-within > a::after{transform:rotate(225deg) translate(-2px,-2px);opacity:1}
.hp-nav-links .dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:0 0 12px 12px;box-shadow:0 14px 40px rgba(0,0,0,0.18);padding:10px 0 12px;min-width:280px;margin-top:0;border:0;border-top:2px solid #75be2b;z-index:1100}
.hp-nav-links .dropdown-menu::before{content:"";position:absolute;top:-20px;left:0;right:0;height:20px;background:transparent}
.hp-nav-links .dropdown:hover .dropdown-menu,.hp-nav-links .dropdown:focus-within .dropdown-menu,.hp-nav-links .dropdown-menu:hover{display:block}
.hp-nav-links .dropdown-menu .dropdown-label{display:block;padding:8px 24px 6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#7a9c68}
.hp-nav-links .dropdown-menu a{color:#222;padding:9px 24px;display:block;font-size:18px;font-weight:500;white-space:nowrap;transition:background 0.15s,color 0.15s,padding-left 0.15s}
.hp-nav-links .dropdown-menu a:hover{background:#f2f8eb;color:#3d7a1c;opacity:1;padding-left:28px}
.hp-nav-links .dropdown-menu .dropdown-divider{border-top:1px solid #eef3e6;margin:8px 20px}
.hp-nav-links .dropdown-menu a[href*="past-events"]{color:#14532d;font-weight:600}
.btn-nav-pass{background:#1a1a2e;color:#86D335;font-weight:600;padding:10px 24px;border-radius:8px;font-size:13px;text-decoration:none;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.3s;white-space:nowrap}
.btn-nav-pass:hover{background:#000;color:#86D335;transform:translateY(-1px)}
.btn-cta-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:3px;border:none;text-decoration:none;transition:all 0.3s}
.btn-cta-pill:hover{transform:translateY(-2px);filter:brightness(1.1)}
.btn-cta-pill.btn-cta-green{background:#86D335;border-color:#86D335}
.btn-cta-pill.btn-cta-green strong{color:#1a1a2e}
.btn-cta-pill.btn-cta-green span{color:rgba(0,0,0,0.5)}
.btn-cta-pill.btn-cta-green i,.btn-cta-pill.btn-cta-green svg{color:#1a1a2e}
.btn-cta-pill.btn-cta-green:hover{background:#6cb02c;border-color:#6cb02c}
.btn-cta-1{background:#86D335} .btn-cta-1 strong{color:#1a1a2e} .btn-cta-1 span{color:#1a1a2e} .btn-cta-1 i,.btn-cta-1 svg{color:#1a1a2e}
.btn-cta-2{background:#5a9e2a} .btn-cta-2 strong{color:#fff} .btn-cta-2 span{color:#f0faea} .btn-cta-2 i,.btn-cta-2 svg{color:#f0faea}
.btn-cta-3{background:#2e6b12} .btn-cta-3 strong{color:#fff} .btn-cta-3 span{color:#f0faea} .btn-cta-3 i,.btn-cta-3 svg{color:#f0faea}
.btn-cta-4{background:#FFFF00} .btn-cta-pill.btn-cta-4 strong{color:#000} .btn-cta-pill.btn-cta-4 span{color:#1a1a00} .btn-cta-pill.btn-cta-4 i,.btn-cta-pill.btn-cta-4 svg{color:#000}
.btn-cta-5{background:#111} .btn-cta-5 strong{color:#fff} .btn-cta-5 span{color:#ddd} .btn-cta-5 i,.btn-cta-5 svg{color:#86D335}
.btn-cta-pill i,.btn-cta-pill svg{color:#86D335;width:18px;height:18px;flex-shrink:0}
.btn-cta-pill strong{display:block;color:#fff;font-size:12px;font-weight:600;letter-spacing:0.3px}
.btn-cta-pill span{display:block;color:#f0faea;font-size:10px;font-weight:500}
.public-page-main{padding-top:0}
.public-page-shell{padding-top:0;min-height:70vh;background:#f8f9fa}
.public-page-hero{padding:90px 0 110px;background:linear-gradient(135deg,#ffffff 0%,#eef8e9 100%)}
.public-page-hero .container{max-width:960px}
.public-page-eyebrow{color:#5a9e2a;font-size:14px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:18px}
.public-page-hero h1{color:#111;font-size:clamp(42px,7vw,82px);font-weight:800;line-height:0.95;letter-spacing:-0.05em;margin-bottom:24px}
.public-page-hero p:not(.public-page-eyebrow){color:#3d3d3d;font-size:clamp(18px,2.2vw,24px);line-height:1.5;max-width:760px;margin-bottom:34px}
.public-page-cta{background:#86D335;color:#111;font-weight:700;border-radius:999px;padding:14px 28px;text-transform:uppercase;letter-spacing:0.04em}
.public-page-cta:hover{background:#111;color:#86D335}
@media(max-width:1365px){
  .hp-nav-links{gap:18px}
  .hp-nav-links a{font-size:16px}
  .hp-nav-links .dropdown-menu a{font-size:16px;padding:8px 20px}
  .hp-nav-links .dropdown-menu a:hover{padding-left:24px}
  .hp-nav-links .dropdown-menu{min-width:250px}
  .hp-nav-links .dropdown-menu .dropdown-label{font-size:11px;padding:7px 20px 5px}
  .btn-cta-pill{padding:8px 12px}
}
@media(min-width:992px) and (max-width:1199px){
  .hp-nav-links{gap:12px}
  .hp-nav-links a{font-size:14px}
  .hp-nav-links .dropdown-menu a{font-size:14px;padding:7px 18px}
  .hp-nav-links .dropdown-menu a:hover{padding-left:22px}
  .hp-nav-links .dropdown-menu{min-width:230px}
  .hp-nav-links .dropdown-menu .dropdown-label{font-size:10px;padding:6px 18px 4px}
  .hp-nav .btn-cta-pill{padding:8px 10px}
  .hp-nav .btn-cta-pill i,.hp-nav .btn-cta-pill svg{display:none}
  .hp-nav .btn-cta-pill strong{font-size:11px;white-space:nowrap}
  .hp-nav .btn-cta-pill span{font-size:9px;white-space:nowrap}
}
@media(max-width:991px){.hp-nav-links{display:none}.hp-nav-ctas{margin-left:auto;overflow-x:auto;max-width:calc(100vw - 180px);padding-bottom:2px}.hp-nav .container{padding-left:16px;padding-right:16px}.hp-nav-logo img{height:42px}.btn-cta-pill{padding:8px 10px}.btn-cta-pill strong{font-size:10px}}
/* Hide entire top navbar on mobile — the app-style bottom nav (footer .mab) takes over; heroes drop their navbar-clearance top padding */
@media(max-width:767px){
  .hp-nav{display:none !important}
  .hp-hero{padding:20px !important}
  .ev-hero-content,.ab-hero-content,.spk-hero-content,.sp-hero-content,.public-page-hero{padding-top:24px !important}
}