/* SportSmart4Life — Floodlight design system (Option C, approved 5 Jul 2026)
   Navy #0B2340 | Gold #F2A900 | Turf #1E7B3C | SU maroon strip #8B1A1A */

:root{
  --ss-navy:#0B2340; --ss-navy-deep:#071729; --ss-navy-soft:#16355C;
  --ss-gold:#F2A900; --ss-gold-deep:#B87F00; --ss-gold-tint:#FCF3DC;
  --ss-turf:#1E7B3C; --ss-maroon:#8B1A1A;
  --ss-paper:#F7F9FC; --ss-ink:#132033; --ss-ink-soft:#4A5A70;
  --ss-line:#DCE3EC; --ss-radius:10px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',-apple-system,Helvetica,Arial,sans-serif;color:var(--ss-ink);
     background:var(--ss-paper);line-height:1.6;font-size:16px}
a{color:var(--ss-navy);text-decoration:none}
img{max-width:100%}

/* Header */
.ss-header{background:var(--ss-navy);color:#fff;position:sticky;top:0;z-index:50}
.ss-header-inner{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;
     align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ss-logo{font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:.2px}
.ss-logo span{color:var(--ss-gold)}
.ss-nav{display:flex;gap:18px;flex-wrap:wrap}
.ss-nav a{color:#D8E2F0;font-size:.92rem;padding:4px 2px;border-bottom:2px solid transparent}
.ss-nav a:hover,.ss-nav a.active{color:#fff;border-bottom-color:var(--ss-gold)}

/* Hero */
.ss-hero{background:linear-gradient(160deg,var(--ss-navy) 0%,var(--ss-navy-soft) 70%,var(--ss-navy) 100%);
     color:#fff;padding:64px 20px 56px;text-align:center}
.ss-hero h1{font-size:2.5rem;line-height:1.2;max-width:760px;margin:0 auto 14px}
.ss-hero h1 em{color:var(--ss-gold);font-style:normal}
.ss-hero p.lead{font-size:1.15rem;color:#C9D6E8;max-width:640px;margin:0 auto 28px}
.ss-cta{display:inline-block;background:var(--ss-gold);color:#3D2A00;font-weight:700;
     padding:13px 30px;border-radius:28px;font-size:1rem;transition:transform .15s}
.ss-cta:hover{transform:translateY(-2px)}
.ss-cta.ghost{background:transparent;color:#fff;border:2px solid #ffffff55;margin-left:12px}

/* Sections */
.ss-section{max-width:1100px;margin:0 auto;padding:52px 20px}
.ss-section h2{font-size:1.7rem;color:var(--ss-navy);margin-bottom:8px}
.ss-section p.sub{color:var(--ss-ink-soft);max-width:640px;margin-bottom:28px}
.ss-kicker{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.12em;
     text-transform:uppercase;color:var(--ss-gold-deep);margin-bottom:8px}

/* Sport module grid */
.ss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.ss-card{background:#fff;border:1px solid var(--ss-line);border-radius:var(--ss-radius);
     padding:20px 18px;transition:box-shadow .15s,transform .15s}
.ss-card:hover{box-shadow:0 6px 18px rgba(11,35,64,.10);transform:translateY(-2px)}
.ss-card h3{font-size:1.05rem;color:var(--ss-navy);margin-bottom:6px}
.ss-card p{font-size:.88rem;color:var(--ss-ink-soft)}
.ss-card .free{display:inline-block;margin-top:10px;font-size:.75rem;font-weight:700;
     color:var(--ss-turf);background:#E6F3EA;padding:3px 10px;border-radius:12px}

/* SpectatorIQ band */
.ss-iq{background:var(--ss-gold-tint);border-top:1px solid var(--ss-line);border-bottom:1px solid var(--ss-line)}
.ss-iq-dims{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ss-dim{background:#fff;border:1px solid var(--ss-line);border-radius:20px;
     padding:7px 16px;font-size:.85rem;font-weight:600;color:var(--ss-navy)}

/* Steps / how it works */
.ss-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}
.ss-step{background:#fff;border:1px solid var(--ss-line);border-radius:var(--ss-radius);padding:22px 18px}
.ss-step .num{width:34px;height:34px;border-radius:50%;background:var(--ss-navy);color:var(--ss-gold);
     font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.ss-step h3{font-size:1rem;color:var(--ss-navy);margin-bottom:6px}
.ss-step p{font-size:.88rem;color:var(--ss-ink-soft)}

/* Footer */
.ss-footer{background:var(--ss-navy-deep);color:#AEBDD2;padding:40px 20px 24px;font-size:.88rem}
.ss-footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;
     gap:24px;flex-wrap:wrap}
.ss-footer a{color:#D8E2F0}
.ss-footer a:hover{color:var(--ss-gold)}
.ss-footer h4{color:#fff;font-size:.95rem;margin-bottom:10px}
.ss-footer ul{list-style:none}
.ss-footer li{margin-bottom:6px}
/* SU endorsement strip — content controlled by inc/footer.php ($SS_SHOW_MATIES) */
.ss-su-strip{background:var(--ss-maroon);color:#F5DEDE;text-align:center;
     padding:9px 16px;font-size:.82rem}
.ss-su-strip a{color:#fff;text-decoration:underline}
.ss-copy{max-width:1100px;margin:20px auto 0;border-top:1px solid #ffffff22;
     padding-top:16px;text-align:center;color:#7E90A8;font-size:.8rem}

@media(max-width:640px){
  .ss-hero h1{font-size:1.8rem}
  .ss-cta.ghost{margin-left:0;margin-top:10px}
}