:root{--bg:#050607;--panel:#111318;--panel2:#171a21;--text:#f7f7f7;--muted:#b9bec8;--silver:#d7d7d7;--line:rgba(255,255,255,.12);--radius:24px;--shadow:0 24px 80px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#16191f 0,#050607 42%,#020202 100%);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,3vw,48px);background:rgba(3,4,6,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:56px;height:56px;border-radius:50%;object-fit:cover}.brand strong{display:block;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase}.brand small{display:block;color:var(--muted);font-size:.72rem}.top-links{display:flex;gap:24px;color:#ddd;font-weight:700;font-size:.84rem;text-transform:uppercase;letter-spacing:.06em}.section-shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}.hero{min-height:78vh;display:grid;grid-template-columns:1fr minmax(340px,520px);align-items:center;gap:56px;padding:56px 0}.eyebrow{color:#9fe9ff;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:900;margin:0 0 10px}.hero h1,.section-heading h2,.category-copy h2{font-size:clamp(2.2rem,5vw,5.4rem);line-height:.92;margin:0;text-transform:uppercase;letter-spacing:-.05em}.hero-text{font-size:1.2rem;line-height:1.65;color:var(--muted);max-width:720px}.hero-actions,.feature-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 20px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line)}.btn.primary{background:linear-gradient(135deg,#fff,#9fa6b2);color:#07080a}.btn.ghost{background:rgba(255,255,255,.06);color:#fff}.hero-wheel{position:relative;filter:drop-shadow(0 30px 60px rgba(0,0,0,.65))}.hero-wheel img{width:100%;display:block}.hotspot{position:absolute;width:26%;height:20%;font-size:0;color:transparent}.hotspot.top{top:0;left:37%}.hotspot.upper-right{top:13%;right:8%}.hotspot.right{top:37%;right:0}.hotspot.lower-right{right:10%;bottom:13%}.hotspot.bottom{bottom:0;left:37%}.hotspot.lower-left{left:10%;bottom:13%}.hotspot.left{top:37%;left:0}.hotspot.upper-left{top:13%;left:8%}.sponsor-strip{border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(255,32,32,.15),rgba(255,138,0,.15),rgba(255,212,0,.15),rgba(50,215,75,.15),rgba(20,124,255,.15),rgba(155,53,255,.15),rgba(0,214,214,.15),rgba(255,43,194,.15));overflow:hidden;padding:16px 0}.sponsor-strip p{text-align:center;text-transform:uppercase;letter-spacing:.2em;font-weight:900;color:#fff;margin:0 0 12px;font-size:.75rem}.marquee{overflow:hidden}.marquee-track{display:flex;gap:18px;width:max-content;animation:scroll 28s linear infinite}.marquee-track.reverse{animation-direction:reverse}.marquee span{display:inline-flex;min-width:210px;justify-content:center;padding:14px 20px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(0,0,0,.34);font-weight:900;text-transform:uppercase;letter-spacing:.06em}@keyframes scroll{to{transform:translateX(-50%)}}.featured,.category-nav,.directory-intro,.events-guides,.submit{padding:86px 0}.section-heading{margin-bottom:32px}.section-heading.centered{text-align:center;max-width:780px;margin-inline:auto}.section-heading h2{font-size:clamp(2rem,4vw,4.2rem)}.section-heading p:not(.eyebrow){color:var(--muted);line-height:1.6}.featured-card{display:grid;grid-template-columns:.9fr 1.1fr;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.featured-media{min-height:340px;background:radial-gradient(circle at 30% 30%,#ff792e,#180604 72%);display:grid;place-items:center}.featured-media span{font-size:clamp(3rem,7vw,7rem);font-weight:1000;letter-spacing:-.08em;opacity:.9}.featured-content{padding:42px}.featured-content h3{font-size:clamp(2rem,4vw,4rem);line-height:.95;margin:0;text-transform:uppercase}.tagline{color:#fff;font-weight:900}.featured-content p{color:var(--muted);line-height:1.65}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-tile{min-height:170px;border-radius:24px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);transition:.2s}.category-tile:hover{transform:translateY(-5px);box-shadow:0 0 40px color-mix(in srgb,var(--tile),transparent 55%);border-color:var(--tile)}.category-tile img{width:72px;height:72px}.category-tile span{font-size:1.15rem;font-weight:1000;text-transform:uppercase}.category-tile.athlete{--tile:#ff2020}.category-tile.fitness{--tile:#ff8a00}.category-tile.nutrition{--tile:#ffd400}.category-tile.health{--tile:#32d74b}.category-tile.sports{--tile:#147cff}.category-tile.wellness{--tile:#9b35ff}.category-tile.recovery{--tile:#00d6d6}.category-tile.active{--tile:#ff2bc2}.category-section{position:relative;padding:88px 0;background:linear-gradient(90deg,color-mix(in srgb,var(--cat),transparent 87%),transparent 55%);border-top:1px solid color-mix(in srgb,var(--cat),transparent 70%);overflow:hidden}.category-section:before{content:"";position:absolute;inset:20px auto auto -120px;width:360px;height:360px;background:var(--cat);opacity:.11;filter:blur(40px);border-radius:50%}.category-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:42px;align-items:start}.category-copy{position:sticky;top:100px}.category-copy img{width:100px;height:100px;filter:drop-shadow(0 0 28px color-mix(in srgb,var(--cat),transparent 40%))}.category-copy h2{color:#fff;text-shadow:0 0 34px color-mix(in srgb,var(--cat),transparent 20%)}.category-copy p{color:var(--muted);font-size:1.1rem;line-height:1.65}.listing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.listing-card{background:rgba(11,13,18,.86);border:2px solid var(--biz);border-radius:24px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.25);transition:.2s}.listing-card:hover{transform:translateY(-4px);box-shadow:0 0 42px color-mix(in srgb,var(--biz),transparent 55%)}.logo-frame{width:76px;height:76px;border-radius:18px;border:3px solid var(--biz);display:grid;place-items:center;font-weight:1000;font-size:1.2rem;background:#050607;margin-bottom:16px}.badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--cat);color:#071014;font-weight:1000;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.listing-card h3{font-size:1.55rem;margin:14px 0 8px}.listing-card p{color:var(--muted);line-height:1.55}.card-links{display:flex;gap:10px;flex-wrap:wrap}.card-links a{padding:9px 12px;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:999px;font-weight:900;font-size:.8rem}.content-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-cards article{padding:26px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.03))}.content-cards span{color:#9fe9ff;font-weight:1000;text-transform:uppercase;letter-spacing:.12em}.content-cards h3{font-size:1.5rem}.content-cards p{color:var(--muted);line-height:1.6}.business-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:24px;padding:24px}.business-form label{display:grid;gap:8px;color:#fff;font-weight:900}.business-form input,.business-form select,.business-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px;background:#090b10;color:#fff}.business-form textarea{min-height:120px}.business-form .wide{grid-column:1/-1}.floating-logo{position:fixed;right:22px;bottom:22px;z-index:70;width:92px;height:92px;border:0;background:transparent;padding:0;border-radius:50%;cursor:pointer;filter:drop-shadow(0 14px 30px rgba(0,0,0,.65))}.floating-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.wheel-menu{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);z-index:100;display:none;place-items:center;padding:20px}.wheel-menu.open{display:grid}.wheel-menu-panel{width:min(680px,100%);background:#080a0e;border:1px solid var(--line);border-radius:30px;padding:24px;position:relative;box-shadow:var(--shadow);text-align:center}.close-menu{position:absolute;right:18px;top:14px;border:1px solid var(--line);background:#111;color:#fff;border-radius:50%;width:42px;height:42px;font-size:28px}.wheel-menu-panel img{width:min(420px,85vw);display:block;margin:0 auto 18px}.menu-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.menu-links a{padding:13px;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:14px;font-weight:900;text-transform:uppercase;font-size:.8rem}@media(max-width:900px){.top-links{display:none}.hero,.featured-card,.category-layout{grid-template-columns:1fr}.hero{padding-top:32px}.category-grid{grid-template-columns:repeat(2,1fr)}.listing-grid,.content-cards,.business-form{grid-template-columns:1fr}.category-copy{position:relative;top:auto}.floating-logo{width:76px;height:76px}.brand small{display:none}}@media(max-width:520px){.hero h1{font-size:2.45rem}.category-grid{gap:12px}.category-tile{min-height:132px;padding:16px}.category-tile img{width:56px;height:56px}.menu-links{grid-template-columns:1fr}.featured-content{padding:26px}}

/* Compass-as-menu navigation pass */
.compass-nav{position:relative;isolation:isolate}
.compass-nav>img{position:relative;z-index:1;user-select:none;-webkit-user-drag:none}
.slice-map{position:absolute;inset:0;z-index:3;width:100%;height:100%;overflow:visible;pointer-events:none}
.slice-map a{pointer-events:auto;cursor:pointer;outline:none}
.slice{fill:rgba(255,255,255,0);stroke:rgba(255,255,255,0);stroke-width:0.9;transition:fill .18s ease,stroke .18s ease,filter .18s ease,transform .18s ease;transform-box:fill-box;transform-origin:center}
.slice-map a:hover .slice,.slice-map a:focus .slice{fill:rgba(255,255,255,.18);stroke:rgba(255,255,255,.85);filter:drop-shadow(0 0 6px rgba(255,255,255,.95));transform:scale(1.012)}
.slice-map a:focus-visible .slice{stroke:#fff;stroke-width:1.5;fill:rgba(255,255,255,.25)}
.compass-instruction{position:absolute;left:50%;bottom:-18px;z-index:4;transform:translateX(-50%);margin:0;padding:8px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(0,0,0,.68);color:#fff;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;box-shadow:0 12px 28px rgba(0,0,0,.45)}
.menu-compass{width:min(520px,88vw);margin:0 auto 14px;filter:drop-shadow(0 30px 60px rgba(0,0,0,.75))}
.menu-compass img{width:100%;display:block}
.menu-help{margin:8px auto 0;max-width:460px;color:var(--muted);line-height:1.5;font-weight:800}
.wheel-menu-panel>.eyebrow{margin-bottom:14px}.wheel-menu-panel{overflow:visible}.wheel-menu-panel .menu-links{display:none}
body.menu-open{overflow:hidden}
@media(max-width:900px){.compass-instruction{bottom:-10px;font-size:.62rem;padding:7px 10px}.menu-compass{width:min(500px,94vw)}.wheel-menu-panel{padding:18px 12px 22px}.close-menu{right:10px;top:10px}}


/* Brand-system icon pass: site icons now match the compass-logo category set */
:root{
  --athlete-red:#ff2020;
  --fitness-orange:#ff8a00;
  --nutrition-yellow:#ffd400;
  --health-green:#32d74b;
  --sports-blue:#147cff;
  --wellness-purple:#9b35ff;
  --recovery-teal:#00d6d6;
  --active-magenta:#ff2bc2;
}
.category-tile.athlete{--tile:var(--athlete-red)}
.category-tile.fitness{--tile:var(--fitness-orange)}
.category-tile.nutrition{--tile:var(--nutrition-yellow)}
.category-tile.health{--tile:var(--health-green)}
.category-tile.sports{--tile:var(--sports-blue)}
.category-tile.wellness{--tile:var(--wellness-purple)}
.category-tile.recovery{--tile:var(--recovery-teal)}
.category-tile.active{--tile:var(--active-magenta)}
.category-tile img,.category-copy img{
  border-radius:999px;
  box-shadow:0 12px 28px rgba(0,0,0,.45),0 0 32px color-mix(in srgb,var(--tile,var(--cat)),transparent 55%);
}
.category-copy img{--tile:var(--cat)}
.category-section:after{
  content:"";
  position:absolute;
  right:-70px;
  top:34px;
  width:310px;
  height:310px;
  opacity:.055;
  background:center/contain no-repeat;
  filter:grayscale(1) brightness(4) drop-shadow(0 0 36px var(--cat));
  pointer-events:none;
}
.category-section.athlete:after{background-image:url('assets/icons/athlete-development.png')}
.category-section.fitness:after{background-image:url('assets/icons/fitness.png')}
.category-section.nutrition:after{background-image:url('assets/icons/nutrition.png')}
.category-section.health:after{background-image:url('assets/icons/health.png')}
.category-section.sports:after{background-image:url('assets/icons/sports.png')}
.category-section.wellness:after{background-image:url('assets/icons/wellness.png')}
.category-section.recovery:after{background-image:url('assets/icons/recovery.png')}
.category-section.active:after{background-image:url('assets/icons/active-living.png')}
.badge{box-shadow:0 0 20px color-mix(in srgb,var(--cat),transparent 60%)}


/* Phase A brand-system pass: approved PNG category icons + section identity polish */
.category-tile img,
.category-copy img{
  object-fit:contain;
  background:transparent;
  border-radius:999px;
  transform:translateZ(0);
}
.category-grid{
  align-items:stretch;
}
.category-tile{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb,var(--tile),transparent 72%), transparent 46%),
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
}
.category-tile:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, color-mix(in srgb,var(--tile),#fff 22%), rgba(255,255,255,.08), color-mix(in srgb,var(--tile),#000 20%));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.category-tile:after{
  content:"";
  position:absolute;
  width:128px;
  height:128px;
  right:-28px;
  bottom:-38px;
  background:center/contain no-repeat var(--tile-icon);
  opacity:.075;
  filter:grayscale(1) brightness(5);
  pointer-events:none;
}
.category-tile.athlete{--tile-icon:url('assets/icons/athlete-development.png')}
.category-tile.fitness{--tile-icon:url('assets/icons/fitness.png')}
.category-tile.nutrition{--tile-icon:url('assets/icons/nutrition.png')}
.category-tile.health{--tile-icon:url('assets/icons/health.png')}
.category-tile.sports{--tile-icon:url('assets/icons/sports.png')}
.category-tile.wellness{--tile-icon:url('assets/icons/wellness.png')}
.category-tile.recovery{--tile-icon:url('assets/icons/recovery.png')}
.category-tile.active{--tile-icon:url('assets/icons/active-living.png')}
.category-tile img{position:relative;z-index:1;width:84px;height:84px;filter:drop-shadow(0 14px 24px rgba(0,0,0,.55)) drop-shadow(0 0 24px color-mix(in srgb,var(--tile),transparent 48%));}
.category-tile span{position:relative;z-index:1;text-shadow:0 0 24px color-mix(in srgb,var(--tile),transparent 40%)}
.category-section{
  border-top:2px solid color-mix(in srgb,var(--cat),transparent 42%);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--cat),transparent 72%);
}
.category-section:before{
  opacity:.16;
  width:470px;
  height:470px;
  left:-190px;
  top:-50px;
  filter:blur(58px);
}
.category-section:after{
  width:min(430px,44vw);
  height:min(430px,44vw);
  right:-90px;
  top:50%;
  transform:translateY(-50%);
  opacity:.105;
  filter:grayscale(1) brightness(4.5) drop-shadow(0 0 50px var(--cat));
}
.category-copy{
  z-index:2;
}
.category-copy img{
  width:116px;
  height:116px;
  filter:drop-shadow(0 16px 32px rgba(0,0,0,.58)) drop-shadow(0 0 30px color-mix(in srgb,var(--cat),transparent 38%));
}
.category-copy h2{
  display:inline-block;
  margin-top:20px;
  color:#fff;
  letter-spacing:.03em;
}
.category-copy h2:after{
  content:"";
  display:block;
  width:96px;
  height:4px;
  margin-top:12px;
  border-radius:999px;
  background:var(--cat);
  box-shadow:0 0 24px color-mix(in srgb,var(--cat),transparent 30%);
}
.listing-card{
  position:relative;
  overflow:hidden;
}
.listing-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,var(--biz),var(--cat));
  opacity:.95;
}
.badge{
  background:linear-gradient(135deg,var(--cat),color-mix(in srgb,var(--cat),#fff 20%));
  color:#05070a;
}
@media(max-width:900px){
  .category-section:after{width:260px;height:260px;right:-92px;top:40px;transform:none;opacity:.075}
  .category-copy img{width:92px;height:92px}
  .category-tile img{width:68px;height:68px}
}

/* Phase B compass interaction pass: logo wheel behaves like a real category menu */
.compass-nav{
  --active-cat:#ffffff;
}
.slice-map a .slice{
  transition:fill .22s ease, stroke .22s ease, filter .22s ease, transform .22s ease, opacity .22s ease;
}
.slice-map a[data-compass-cat="athlete-development"]{--slice-color:var(--athlete-red)}
.slice-map a[data-compass-cat="fitness"]{--slice-color:var(--fitness-orange)}
.slice-map a[data-compass-cat="nutrition"]{--slice-color:var(--nutrition-yellow)}
.slice-map a[data-compass-cat="health"]{--slice-color:var(--health-green)}
.slice-map a[data-compass-cat="sports"]{--slice-color:var(--sports-blue)}
.slice-map a[data-compass-cat="wellness"]{--slice-color:var(--wellness-purple)}
.slice-map a[data-compass-cat="recovery"]{--slice-color:var(--recovery-teal)}
.slice-map a[data-compass-cat="active-living"]{--slice-color:var(--active-magenta)}
.slice-map a:hover .slice,
.slice-map a:focus .slice,
.slice-map a.is-active .slice{
  fill:color-mix(in srgb,var(--slice-color),transparent 54%);
  stroke:color-mix(in srgb,var(--slice-color),#fff 28%);
  stroke-width:1.45;
  filter:drop-shadow(0 0 9px var(--slice-color)) drop-shadow(0 0 22px color-mix(in srgb,var(--slice-color),transparent 20%));
  transform:scale(1.018);
}
.compass-nav.is-exploring img{
  filter:saturate(.72) brightness(.78);
  transition:filter .22s ease;
}
.compass-nav.is-exploring:has(a:hover) img,
.compass-nav.is-exploring:has(a:focus) img{
  filter:saturate(.88) brightness(.82);
}
.compass-readout{
  position:absolute;
  left:50%;
  top:calc(100% + 18px);
  z-index:5;
  width:min(360px,92vw);
  transform:translateX(-50%);
  padding:14px 18px;
  border:1px solid color-mix(in srgb,var(--active-cat),rgba(255,255,255,.22) 50%);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(0,0,0,.78),rgba(15,17,22,.86));
  box-shadow:0 16px 45px rgba(0,0,0,.45),0 0 28px color-mix(in srgb,var(--active-cat),transparent 70%);
  text-align:center;
  pointer-events:none;
  opacity:0;
  translate:0 -6px;
  transition:opacity .18s ease,translate .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.compass-nav.is-exploring .compass-readout,
.compass-nav.has-active .compass-readout{
  opacity:1;
  translate:0 0;
}
.compass-readout strong{
  display:block;
  color:#fff;
  font-size:.86rem;
  text-transform:uppercase;
  letter-spacing:.15em;
  text-shadow:0 0 18px color-mix(in srgb,var(--active-cat),transparent 25%);
}
.compass-readout span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:.78rem;
  font-weight:800;
  line-height:1.35;
}
.menu-compass .compass-readout{
  position:relative;
  top:auto;
  left:auto;
  transform:none;
  width:min(420px,92%);
  margin:14px auto 0;
  opacity:1;
  translate:0 0;
}
.compass-target-preview{
  outline:2px solid color-mix(in srgb,var(--cat),#fff 18%);
  outline-offset:-8px;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat),transparent 45%),0 0 64px color-mix(in srgb,var(--cat),transparent 60%);
}
.category-section.section-pulse{
  animation:gfpSectionPulse 1.15s ease-out 1;
}
@keyframes gfpSectionPulse{
  0%{box-shadow:inset 0 0 0 0 color-mix(in srgb,var(--cat),transparent 20%),0 0 0 color-mix(in srgb,var(--cat),transparent 100%)}
  34%{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--cat),transparent 18%),0 0 74px color-mix(in srgb,var(--cat),transparent 40%)}
  100%{box-shadow:inset 0 0 0 0 color-mix(in srgb,var(--cat),transparent 100%),0 0 0 color-mix(in srgb,var(--cat),transparent 100%)}
}
.compass-instruction{
  transition:opacity .18s ease;
}
.compass-nav.is-exploring .compass-instruction{
  opacity:.15;
}
@media(max-width:900px){
  .compass-readout{top:calc(100% + 10px);padding:11px 14px;width:min(330px,92vw)}
  .compass-readout strong{font-size:.72rem}.compass-readout span{font-size:.68rem}
}


/* Phase C premium visual pass: category cards, featured partner, listing cards, and sponsor surfaces */
:root{
  --glass:rgba(255,255,255,.065);
  --glass2:rgba(255,255,255,.025);
}
.site-header{
  box-shadow:0 10px 40px rgba(0,0,0,.32);
}
.hero{
  min-height:82vh;
}
.hero-copy h1{
  text-shadow:0 0 42px rgba(255,255,255,.08);
}
.btn.primary:hover,.btn.ghost:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 24px rgba(255,255,255,.16);
}
.featured-card{
  position:relative;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.18);
  background:
    radial-gradient(circle at 18% 10%,rgba(255,138,0,.24),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.032));
}
.featured-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,138,0,.45),rgba(255,255,255,.08));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  z-index:2;
}
.featured-media{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at center,rgba(255,138,0,.55),rgba(255,32,32,.22) 38%,rgba(3,4,6,.96) 78%),
    #08090c;
}
.featured-media:before{
  content:"";
  position:absolute;
  inset:38px;
  background:url('assets/icons/athlete-development.png') center/contain no-repeat;
  opacity:.4;
  filter:drop-shadow(0 0 44px rgba(255,105,0,.68));
}
.featured-media span{
  position:relative;
  z-index:1;
  color:#fff;
  text-shadow:0 16px 40px rgba(0,0,0,.65),0 0 28px rgba(255,138,0,.85);
}
.featured-metrics{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0 0;
}
.featured-metrics span{
  display:inline-flex;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  font-size:.74rem;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.category-grid{
  perspective:1200px;
}
.category-tile{
  min-height:190px;
  border-color:rgba(255,255,255,.15);
  background:
    radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--tile),transparent 60%),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 45px rgba(0,0,0,.25);
}
.category-tile:hover{
  transform:translateY(-7px) rotateX(2deg);
  box-shadow:0 0 48px color-mix(in srgb,var(--tile),transparent 48%),0 26px 60px rgba(0,0,0,.45);
}
.category-tile img{
  width:92px;
  height:92px;
}
.category-tile span{
  font-size:1.06rem;
  line-height:1.05;
}
.category-sponsor-pill{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:18px;
  padding:11px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--cat),transparent 80%),rgba(255,255,255,.055));
  border:1px solid color-mix(in srgb,var(--cat),transparent 44%);
  box-shadow:0 0 28px color-mix(in srgb,var(--cat),transparent 72%);
  color:#fff;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.72rem;
}
.listing-grid{
  align-items:stretch;
}
.listing-card{
  min-height:280px;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--biz),transparent 82%),transparent 42%),
    linear-gradient(155deg,rgba(255,255,255,.075),rgba(7,9,13,.92));
  border:1px solid color-mix(in srgb,var(--biz),#fff 14%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 22px 55px rgba(0,0,0,.28);
}
.listing-card:hover{
  transform:translateY(-6px);
  border-color:color-mix(in srgb,var(--biz),#fff 26%);
  box-shadow:0 0 44px color-mix(in srgb,var(--biz),transparent 56%),0 30px 70px rgba(0,0,0,.48);
}
.logo-frame{
  background:linear-gradient(145deg,#050607,#151922);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 24px color-mix(in srgb,var(--biz),transparent 65%);
}
.listing-card h3{
  text-transform:uppercase;
  letter-spacing:-.025em;
}
.listing-card p{
  flex:1;
}
.card-links a:hover{
  border-color:var(--biz);
  box-shadow:0 0 18px color-mix(in srgb,var(--biz),transparent 60%);
}
.content-cards article{
  position:relative;
  overflow:hidden;
  min-height:250px;
  border-color:rgba(255,255,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 22px 55px rgba(0,0,0,.24);
}
.content-cards article img{
  width:74px;
  height:74px;
  display:block;
  margin-bottom:18px;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.55));
}
.content-cards article:after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-58px;
  bottom:-62px;
  background:center/contain no-repeat;
  opacity:.07;
  filter:grayscale(1) brightness(5);
}
.content-card.athlete-card{--content:#ff2020;background:radial-gradient(circle at top left,rgba(255,32,32,.18),transparent 45%),linear-gradient(145deg,var(--glass),var(--glass2));}
.content-card.recovery-card{--content:#00d6d6;background:radial-gradient(circle at top left,rgba(0,214,214,.18),transparent 45%),linear-gradient(145deg,var(--glass),var(--glass2));}
.content-card.sports-card{--content:#147cff;background:radial-gradient(circle at top left,rgba(20,124,255,.18),transparent 45%),linear-gradient(145deg,var(--glass),var(--glass2));}
.content-card.athlete-card:after{background-image:url('assets/icons/athlete-development.png')}
.content-card.recovery-card:after{background-image:url('assets/icons/recovery.png')}
.content-card.sports-card:after{background-image:url('assets/icons/sports.png')}
.content-cards span{
  color:#fff;
  background:color-mix(in srgb,var(--content,#9fe9ff),transparent 70%);
  border:1px solid color-mix(in srgb,var(--content,#9fe9ff),transparent 45%);
  border-radius:999px;
  padding:8px 11px;
  display:inline-flex;
  width:max-content;
}
.business-form{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0,rgba(255,43,194,.12),transparent 35%),
    radial-gradient(circle at 0 0,rgba(0,214,214,.12),transparent 36%),
    rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 25px 70px rgba(0,0,0,.34);
}
.business-form input:focus,.business-form select:focus,.business-form textarea:focus{
  outline:2px solid #00d6d6;
  outline-offset:2px;
}
.floating-logo:hover{
  transform:translateY(-4px) scale(1.03);
  filter:drop-shadow(0 20px 38px rgba(0,0,0,.75)) drop-shadow(0 0 28px rgba(0,214,214,.5));
}
@media(max-width:900px){
  .category-tile{min-height:160px}
  .category-tile img{width:74px;height:74px}
  .featured-metrics span{font-size:.68rem}
  .category-sponsor-pill{font-size:.65rem;white-space:normal}
}
@media(max-width:520px){
  .category-tile{min-height:142px}
  .category-tile img{width:62px;height:62px}
  .content-cards article{min-height:auto}
}

/* Transparent logo + equal-slice compass interaction cleanup pass */
.brand img,
.hero-wheel img,
.compass-nav img,
.floating-compass img{
  background:transparent !important;
}
.hero-wheel{
  background:transparent !important;
}
.hero-wheel img{
  object-fit:contain;
}
.slice-map{
  position:absolute;
  inset:0;
  z-index:6;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
.slice-map a{
  pointer-events:auto;
  cursor:pointer;
  outline:none;
}
.slice-map .slice{
  fill:transparent;
  stroke:transparent;
  stroke-width:.65;
  vector-effect:non-scaling-stroke;
  transform:none !important;
  transform-origin:50% 50%;
  transition:fill .18s ease, stroke .18s ease, filter .18s ease, opacity .18s ease;
}
.slice-map a:hover .slice,
.slice-map a:focus .slice,
.slice-map a.is-active .slice{
  fill:color-mix(in srgb,var(--slice-color),transparent 54%) !important;
  stroke:rgba(255,255,255,.92) !important;
  stroke-width:1.15 !important;
  filter:drop-shadow(0 0 7px var(--slice-color)) drop-shadow(0 0 20px color-mix(in srgb,var(--slice-color),transparent 18%));
}
.slice-map a:focus-visible .slice{
  stroke:#fff !important;
  stroke-width:1.8 !important;
}
.compass-nav.is-exploring img{
  filter:saturate(.82) brightness(.84) drop-shadow(0 22px 46px rgba(0,0,0,.5));
}
.floating-logo,
.wheel-menu{
  display:none !important;
}
.floating-compass{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:70;
  width:96px;
  height:96px;
  border:0;
  background:transparent;
  border-radius:50%;
  filter:drop-shadow(0 14px 30px rgba(0,0,0,.65));
}
.floating-compass img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.floating-compass .slice-map a:hover .slice,
.floating-compass .slice-map a:focus .slice,
.floating-compass .slice-map a.is-active .slice{
  fill:color-mix(in srgb,var(--slice-color),transparent 46%) !important;
  stroke:rgba(255,255,255,.95) !important;
  stroke-width:1.35 !important;
  filter:drop-shadow(0 0 5px var(--slice-color)) drop-shadow(0 0 11px var(--slice-color));
}
.floating-compass::after{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  opacity:0;
  transition:opacity .18s ease, box-shadow .18s ease;
  pointer-events:none;
}
.floating-compass:hover::after,
.floating-compass:focus-within::after{
  opacity:1;
  box-shadow:0 0 28px rgba(255,255,255,.20);
}
@media(max-width:900px){
  .floating-compass{width:78px;height:78px;right:16px;bottom:16px}
}


/* Final logo, metadata, and precision compass cleanup */
.brand img,
.hero-wheel img,
.compass-nav img,
.floating-compass img{
  background:transparent !important;
}
.brand img{object-fit:contain;border-radius:0;}
.hero-wheel,
.floating-compass{
  background:transparent !important;
}
.hero-wheel img,
.floating-compass img{
  object-fit:contain !important;
  border-radius:0 !important;
}
.compass-readout,
.compass-instruction{display:none !important;}
.slice-map{
  position:absolute !important;
  inset:0 !important;
  z-index:6 !important;
  width:100% !important;
  height:100% !important;
  overflow:visible !important;
  pointer-events:none !important;
}
.slice-map a{pointer-events:auto !important;cursor:pointer;outline:none;}
.slice-map .slice{
  fill:transparent !important;
  stroke:transparent !important;
  stroke-width:.55 !important;
  vector-effect:non-scaling-stroke;
  opacity:1;
  transition:fill .16s ease, stroke .16s ease, filter .16s ease, opacity .16s ease;
}
.slice-map a:hover .slice,
.slice-map a:focus .slice,
.slice-map a.is-active .slice{
  fill:color-mix(in srgb,var(--slice-color),transparent 68%) !important;
  stroke:rgba(255,255,255,.88) !important;
  stroke-width:.9 !important;
  filter:drop-shadow(0 0 6px var(--slice-color)) drop-shadow(0 0 14px color-mix(in srgb,var(--slice-color),transparent 25%));
}
.floating-compass .slice-map a:hover .slice,
.floating-compass .slice-map a:focus .slice,
.floating-compass .slice-map a.is-active .slice{
  fill:color-mix(in srgb,var(--slice-color),transparent 64%) !important;
  stroke:rgba(255,255,255,.92) !important;
  stroke-width:1.05 !important;
}
.compass-nav.is-exploring img{
  filter:saturate(.92) brightness(.92) drop-shadow(0 22px 46px rgba(0,0,0,.55));
}
.floating-compass::after{display:none !important;}


/* Final precision compass/navigation fix: transparent asset, equal hit regions, clean hover overlays */
.hero-wheel,
.hero-wheel.compass-nav,
.floating-compass,
.floating-compass.compass-nav{
  background: transparent !important;
  overflow: visible !important;
  isolation: isolate;
}
.brand img,
.hero-wheel img,
.compass-nav > img,
.floating-compass img{
  background: transparent !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.hero-wheel img{
  display:block;
  width:100%;
  height:auto;
}
.compass-instruction,
.compass-readout{
  display:none !important;
}
.compass-nav .slice-map{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:7 !important;
  pointer-events:none !important;
  overflow:visible !important;
}
.compass-nav .slice-map a{
  pointer-events:auto !important;
  cursor:pointer;
  outline:none;
}
.compass-nav .slice-map .slice{
  fill:transparent !important;
  stroke:transparent !important;
  stroke-width:0 !important;
  vector-effect:non-scaling-stroke;
  transform:none !important;
  opacity:1;
  transition:fill .14s ease, stroke .14s ease, filter .14s ease;
}
.compass-nav .slice-map a:hover .slice,
.compass-nav .slice-map a:focus .slice,
.compass-nav .slice-map a.is-active .slice{
  fill:color-mix(in srgb,var(--slice-color),transparent 78%) !important;
  stroke:rgba(255,255,255,.58) !important;
  stroke-width:.55 !important;
  filter:drop-shadow(0 0 4px var(--slice-color)) drop-shadow(0 0 10px color-mix(in srgb,var(--slice-color),transparent 40%));
}
.compass-nav.is-exploring img{
  filter:saturate(.94) brightness(.95) drop-shadow(0 22px 46px rgba(0,0,0,.55));
}
.floating-compass{
  width:96px !important;
  height:96px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
}
.floating-compass img{
  width:100% !important;
  height:100% !important;
  display:block;
}
.floating-compass .slice-map a:hover .slice,
.floating-compass .slice-map a:focus .slice,
.floating-compass .slice-map a.is-active .slice{
  fill:color-mix(in srgb,var(--slice-color),transparent 74%) !important;
  stroke:rgba(255,255,255,.62) !important;
  stroke-width:.75 !important;
  filter:drop-shadow(0 0 3px var(--slice-color)) drop-shadow(0 0 8px var(--slice-color));
}
@media(max-width:900px){
  .floating-compass{width:78px !important;height:78px !important;right:16px !important;bottom:16px !important;}
}