/* ===== Theme ===== */
:root{
  --bg:#0a0f19;
  --nav:#111a2a;
  --top:#1a2433;
  --card:#0f1624;
  --muted:#9fb0c9;
  --text:#e6eefc;
  --gold:#f3c945;
  --gold-2:#f59e0b;
  --red:#ef4444;
  --ring: 0 0 0 3px rgba(243,201,69,.35);
  --shadow: 0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
img{max-width:100%;height:auto}
a{color:#e7ebf3;text-decoration:none}
a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none;box-shadow:var(--ring)}
h1,h2,h3{line-height:1.25;margin:0 0 .5rem}

.container{width:min(1200px,92%);margin-inline:auto}
.hidden{display:none!important}

/* ===== Top info bar ===== */
.topbar{background:var(--top);color:#cdd6e2;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.06)}
.topbar .row{display:flex;gap:1rem;align-items:center;justify-content:flex-start;padding:.5rem 0;flex-wrap:wrap}
.topbar .item{display:flex;align-items:center;gap:.5rem;white-space:nowrap;opacity:.95}
.topbar .sep{opacity:.3}

/* ===== Header / Nav ===== */
/* layout */
.header { background:#0f1b2a; }
.container { width:min(1200px,92%); margin-inline:auto; }

.brandrow{
  display:flex; align-items:center; gap:1rem;
  padding:.65rem 0;
}

/* brand */
.brand img{ height:100px; display:block; }

/* nav (desktop) */
.nav{
  display:flex; gap:2rem; margin-left:auto;   /* pushes nav to the right */
  align-items:center;
}
.nav a{
  color:#e9eef8; text-decoration:none; font-weight:800;
  padding:.9rem .25rem; position:relative;
}
.nav a.active::after,
.nav a:hover::after{
  content:""; position:absolute; left:0; right:0; bottom:0;
  height:3px; border-radius:3px; background:#f3c945;
}

/* hamburger hidden on desktop */
.menu-toggle{ display:none; }

/* ---------- mobile / tablet ---------- */
@media (max-width: 900px){
  .brandrow{ position:relative; }
  .menu-toggle{
    display:inline-block; margin-left:auto;
    background:transparent; color:#e9eef8; border:1px solid rgba(255,255,255,.2);
    padding:.5rem .75rem; border-radius:.5rem;
  }
  .nav{
    position:absolute; left:0; right:0; top:100%;
    display:flex; flex-direction:column; gap:.25rem;
    background:#0f1b2a; border:1px solid rgba(255,255,255,.08);
    border-radius:.75rem; padding:.5rem; margin-left:0;
    transform:scaleY(0); transform-origin:top; transition:.18s ease;
  }
  .nav a{ padding:.75rem 1rem; width:100%; border-radius:.5rem; }
  .nav a:hover{ background:rgba(255,255,255,.04); }
  .nav.open{ transform:scaleY(1); }
}


/* ===== Hero ===== */
.hero{
  padding:13rem 0 5.25rem;
  background:
radial-gradient(900px 500px at 0% 0%, rgba(243,201,69,.12), transparent 50%),
linear-gradient(0deg, rgba(8,12,20,.66), rgba(8,12,20,.66)),
url('https://nsblpa.com/assets/img/background.jpg') center/cover no-repeat;
border-bottom:1px solid rgba(255,255,255,.06)}
.hero h1{font-size:clamp(1.7rem,4.5vw,2.6rem)}
.lede{color:#c9d3e6;max-width:68ch}
.cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
.btn{background:var(--gold);color:#111827;border:none;border-radius:.7rem;padding:.7rem 1rem;font-weight:800;box-shadow:var(--shadow);transition:transform .12s ease, box-shadow .2s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,0,0,.45)}
.btn.outline{background:transparent;border:1px solid rgba(255,255,255,.25);color:#e5e7eb;box-shadow:none}

/* ===== Sections / Cards ===== */
.section{padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.06)}
.grid{display:grid;gap:1rem}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06);padding:1rem;border-radius:1rem;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.kbd{font-family:ui-monospace,Menlo,Consolas,monospace;background:#0f1520;border:1px solid rgba(255,255,255,.1);padding:.15rem .35rem;border-radius:.35rem}

.hs{position:relative;padding:2.75rem 0;background:transparent}
.hs + .hs{padding-top:0}                        /* tighter stack */
.hs .hs-wrap{
  width:min(1200px,92%);margin-inline:auto;
  display:grid;gap:1.25rem;align-items:center
}
@media(min-width:1000px){ .hs .hs-wrap{grid-template-columns:1.05fr 0.95fr} }
.hs .hs-wrap.reverse{ direction:rtl }          /* flip order visually */
.hs .hs-wrap.reverse > *{ direction:ltr }      /* keep text normal */

/* card-like media */
.hs-media{
  background:radial-gradient(120% 100% at 50% 0%, #1b2639, #0b111d);
  border:1px solid var(--ring); border-radius:1rem; overflow:hidden;
  box-shadow:0 14px 36px rgba(0,0,0,.4)
}
.hs-media img{display:block;width:100%;height:100%;object-fit:cover; min-height:260px}

/* copy column */
.hs-copy{
  background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);
  padding:1rem 1.25rem;border-radius:1rem
}
.hs-copy h2{margin:.25rem 0 .5rem;font-size:clamp(1.4rem,3.2vw,2.2rem);color:var(--ink)}
.hs-copy p{color:var(--muted);margin:.25rem 0 1rem;font-size:1.05rem}
.hs-points{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.4rem}
.hs-points li{position:relative;padding-left:1.2rem;color:var(--ink)}
.hs-points li::before{content:"✓";position:absolute;left:0;top:0;color:var(--gold);font-weight:800}
.hs-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.25rem 0 1rem}
.hs-chips span{
  border:1px solid var(--ring);border-radius:.6rem;padding:.38rem .6rem;
  font-weight:700;letter-spacing:.05em;background:rgba(255,255,255,.02)
}
.hs-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none}
.hs-badges li{background:rgba(255,255,255,.04);border:1px solid var(--ring);
  border-radius:.6rem;padding:.45rem .7rem;color:var(--ink)}

/* CTA button */
.hs-btn{
  display:inline-block;background:var(--gold);color:#111827;text-decoration:none;
  font-weight:800;border-radius:.7rem;padding:.7rem 1rem; box-shadow:0 6px 20px rgba(0,0,0,.35);
  transition:transform .18s ease, filter .18s ease
}
.hs-btn:hover{ transform:translateY(-2px); filter:brightness(.96) }

/* subtle hover lift on media */
.hs-media{transition:transform .25s ease, box-shadow .25s ease}
.hs-media:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(0,0,0,.5)}

/* soft separators so each section feels distinct */
.hs-ownership{background:linear-gradient(180deg,rgba(243,201,69,.06),transparent 55%)}
.hs-teams{background:linear-gradient(180deg,rgba(80,120,255,.06),transparent 55%)}
.hs-apps{background:linear-gradient(180deg,rgba(99,255,197,.06),transparent 55%)}


/* Teams Grid */
.teams{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
/* subtle hover */
.team-card:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(0,0,0,.45); }
.team-card { transition: transform .2s ease, box-shadow .2s ease; }
/* Logo box */
.team-logo{
  display:grid;
  place-items:center;
  height:clamp(140px, 22vw, 190px);               /* responsive logo area */
  padding:12px;                                    /* breathing room around logos */
  border-radius:.8rem;
  background:radial-gradient(120% 100% at 50% 0%, #1b2639, #0f1624);
  border:1px solid rgba(255,255,255,.07);
}

/* The image *fits* without distortion or cropping */
.team-logo img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;                              /* key: keep aspect ratio, no crop */
  display:block;
  filter:drop-shadow(0 4px 16px rgba(0,0,0,.35));  /* subtle lift like your cards */
}
.card:hover .team-logo{transform:translateY(-3px);box-shadow:0 20px 40px rgba(0,0,0,.35)}
@media (max-width:520px){
  .team-logo{ height:140px; }
}
/* ===== Athletes Section ===== */
.ath-wrap{padding:2.25rem 0}
.container{width:min(1200px,92%);margin-inline:auto}

/* header */
.ath-head h2{margin:0 0 .5rem;font-size:clamp(1.5rem,3.4vw,2.2rem)}
.ath-head p{color:var(--muted);max-width:900px}

/* how it works */
.ath-how{margin:1.25rem 0;background:transparent;border:1px solid var(--ring);
  border-radius:1rem;padding:1.25rem}
.ath-how h3{margin:0 0 .35rem}
.ath-tag{color:var(--muted);margin:0 0 .75rem}

/* horizontal rail */
.how-rail{list-style:none;margin:0 0 .9rem;padding:1rem;border:1px solid var(--ring);
  border-radius:.9rem;display:grid;gap:.9rem}
@media(min-width:900px){.how-rail{grid-template-columns:repeat(4,1fr);align-items:center}}
.how-rail li{display:flex;align-items:center;gap:.7rem;position:relative}
.how-num{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;
  background:rgba(255,255,255,.06);border:1px solid var(--ring);font-weight:800}
.how-bubble{flex:1;background:rgba(255,255,255,.03);border:1px solid var(--ring);
  border-radius:.9rem;padding:.85rem 1rem;box-shadow:var(--shadow) inset 0 0 0 0}
.how-title{font-weight:700}
.how-rail li:not(:last-child)::after{
  content:"";position:absolute;right:-.6rem;top:50%;transform:translateY(-50%);
  width:.9rem;height:2px;background:var(--gold);display:none
}
@media(min-width:900px){.how-rail li:not(:last-child)::after{display:block}}

/* bullets under rail */
.how-list{margin:0;padding-left:1.1rem}
.how-list li{margin:.25rem 0}

/* cards */
.ath-grid{display:grid;gap:1.1rem;margin-top:1rem}
@media(min-width:900px){.ath-grid{grid-template-columns:repeat(4,1fr)}}

.ath-card{background:var(--panel);border:1px solid var(--ring);border-radius:1rem;
  box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}
.ath-media{
  height:160px;display:grid;place-items:center;border-bottom:1px solid var(--ring);
  background:radial-gradient(120% 100% at 50% 0%, #1b2639, #0b111d)
}
.ath-ph{opacity:.8;font-size:2rem;letter-spacing:.04em}
.ath-body{padding:1rem;display:flex;flex-direction:column;gap:.8rem}
.ath-top h4{margin:0 0 .25rem}
.ath-badges{display:flex;align-items:center;gap:.4rem;color:var(--muted)}
.chip{border:1px solid var(--ring);border-radius:.6rem;padding:.25rem .55rem;font-size:.85rem}
.dot{opacity:.5}
.ath-progress .bar{height:8px;border-radius:999px;background:#0b111d;border:1px solid var(--ring);overflow:hidden}
.ath-progress .bar span{display:block;height:100%;background:linear-gradient(90deg,#f3c945,#ffe07a)}
.ath-progress small{display:block;color:var(--muted);margin-top:.35rem}

/* CTA */
.btn{display:inline-block;border-radius:.6rem;padding:.6rem .9rem;border:1px solid transparent;text-decoration:none}
.btn-gold{background:var(--gold);color:#111827;font-weight:800}
.btn-gold:hover{filter:brightness(.95)}
/* subtle hover */
.ath-card{transition:transform .2s ease, box-shadow .2s ease}
.ath-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(0,0,0,.55)}


/* Apps */
.apps-cols{display:grid;gap:1rem}
@media(min-width:900px){.apps-cols{grid-template-columns:repeat(3,1fr)}}
.app-list{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}
.app-list a{display:flex;justify-content:space-between;gap:.75rem;background:#0f1520;border:1px solid rgba(255,255,255,.06);padding:.6rem .75rem;border-radius:.6rem;transition:transform .15s ease, border-color .15s ease}
.app-list a:hover{transform:translateY(-2px);border-color:rgba(243,201,69,.45)}
.app-list small{color:#aebad0}

/* Forms */
.form{display:grid;gap:.75rem;max-width:560px}
.input,.textarea{width:100%;border-radius:.6rem;border:1px solid rgba(255,255,255,.12);background:#0f1520;color:var(--text);padding:.7rem}
.textarea{min-height:140px;resize:vertical} label{font-size:.9rem;color:#b8c5db} .help{font-size:.85rem;color:#aebad0}
.contact-wrap{padding:2.5rem 0}
.container{width:min(1100px,92%);margin-inline:auto}
.contact-grid{display:grid;gap:1.25rem}
@media(min-width:980px){.contact-grid{grid-template-columns:1.2fr .8fr}}

.contact-card{
  background:#0f1624;border:1px solid rgba(255,255,255,.08);
  border-radius:1rem;padding:1.25rem 1.25rem 1.5rem;
  box-shadow:0 10px 30px rgba(0,0,0,.35)
}
.contact-card h2{margin:.25rem 0 1rem}

label{display:block;margin:.75rem 0}
label span{display:block;margin:0 0 .4rem;color:#b6c3da;font-size:.95rem}

input, textarea{
  width:100%;padding:.9rem 1rem;border-radius:.6rem;
  border:1px solid rgba(255,255,255,.12);background:#0b111d;color:#e6eefc
}
input:focus, textarea:focus{outline:2px solid #f3c945;outline-offset:1px}

.help{color:#a6b3cb;font-size:.9rem;margin:.5rem 0 1rem}

.btn{display:inline-block;border-radius:.6rem;padding:.85rem 1.1rem;border:1px solid transparent}
.btn-primary{background:#f3c945;color:#111827;font-weight:700}
.btn-primary:hover{filter:brightness(.95)}

.address-card h3{margin:1rem 0 .4rem}
.address-card .contact-lines p{margin:.4rem 0}
.address-card .ico{display:inline-block;width:1.25rem;text-align:center;color:#f3c945}

/* Footer */
.footer{padding:2rem 0;color:#aebad0;font-size:.95rem}
.footer a{text-decoration:underline;color:inherit}

/* ===== Reveal on scroll ===== */
.reveal{opacity:0;transform:translateY(8px);transition:opacity .5s ease, transform .5s ease}
.reveal.in{opacity:1;transform:none}

/* === v3 header layout: logo + nav side-by-side === */
.brandrow{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative}
.brandrow .nav{display:flex;gap:2rem;align-items:center;overflow:auto;padding-bottom:.25rem}
.brandrow .menu-toggle{display:none}
@media(max-width:900px){
  .brandrow .nav{display:none;position:absolute;left:0;right:0;top:100%;background:linear-gradient(180deg,var(--nav),rgba(17,26,42,.98));padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}
  .brandrow.open .nav{display:flex;flex-direction:column;gap:.5rem}
  .brandrow .menu-toggle{display:inline-block;background:none;border:1px solid rgba(255,255,255,.15);border-radius:.6rem;padding:.5rem .6rem;color:#e7ebf3}
}


/* === Split About section (v4) === */
.split{display:grid;gap:1.5rem;align-items:center}
@media(min-width:980px){.split{grid-template-columns:1.1fr .9fr}}
.eyebrow{color:#b6c3da;letter-spacing:.4px;font-weight:600;display:flex;align-items:center;gap:.5rem}
.eyebrow::before{content:"—";opacity:.6}
.display{font-size:clamp(1.8rem,4.8vw,3.2rem);line-height:1.08;font-weight:800;margin:0 0 .6rem}
.display .hl{color:var(--gold)}
.sublede{color:#c9d3e6;font-size:1.05rem;margin:.75rem 0 1.25rem}
.bullet{display:flex;gap:.75rem;margin-top:1rem}
.badge{inline-size:32px;block-size:32px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#111827;font-weight:900}
.image-card{position:relative;border-radius:1.25rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.image-card img{display:block;width:100%;height:auto}


/* === Ownership page styles (v5) === */
.features{display:grid;gap:1rem}
@media(min-width:900px){.features{grid-template-columns:repeat(3,1fr)}}
.feature{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1rem;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.feature h3{margin:.25rem 0}
.feature p{color:#cbd5e1}
.media-grid{display:grid;gap:1rem}
@media(min-width:900px){.media-grid{grid-template-columns:repeat(3,1fr)}}
.media-tile{position:relative;border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 36px rgba(0,0,0,.3);background:#0f1520}
.media-tile img{display:block;width:100%;height:200px;object-fit:cover;opacity:.9}
.media-tile .meta{padding:.75rem}
.media-tile a.btn{display:inline-block;margin-top:.5rem}
.badge-dot{inline-size:10px;block-size:10px;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold-2));display:inline-block;margin-right:.4rem}
.hero-mini{padding:2rem 0 1rem;border-bottom:1px solid rgba(255,255,255,.06);background:radial-gradient(900px 500px at 0% 0%, rgba(243,201,69,.09), transparent 50%)}


/* === Ownership full-bleed hero (v7) === */
.hero-cover{position:relative;min-height:56vh;display:grid;place-items:center;text-align:center;color:#fff;
  background:linear-gradient(0deg,rgba(8,12,20,.45),rgba(8,12,20,.45)), url('../img/ownership-hero.jpg') center/cover no-repeat;
  border-bottom:1px solid rgba(255,255,255,.08)
}
.hero-cover .inner{padding:4rem 1rem;width:min(1200px,92%);margin-inline:auto}
.hero-cover .eyebrow{color:#e5e7eb;letter-spacing:.35em;font-weight:800;opacity:.9;text-transform:uppercase}
.hero-cover h1{font-size:clamp(2rem,6vw,4.2rem);font-weight:800;letter-spacing:.06em;margin:.9rem 0 1.2rem}
.hero-cover .btn{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff}
.hero-cover .btn:hover{background:rgba(255,255,255,.1)}
@media(min-width:1200px){
  .hero-cover{min-height:68vh}
}
/* Heading block */
.heading-wrap{text-align:center;margin-top:1.25rem;margin-bottom:1.25rem}
.stars{color:var(--red);letter-spacing:.35rem;font-size:1.1rem}
.eyebrowown{
  color:#cbd5e1;opacity:.85;letter-spacing:.45em;
  text-transform:uppercase;margin:.35rem 0;
  font-weight:700;font-size:.9rem
}
.display{
  font-family: 'Georgia', 'Times New Roman', serif;
  font-weight:700;line-height:1.1;margin:.35rem 0 0;
  font-size:clamp(1.8rem,5.2vw,3rem);color:#f3f5f9
}

.media-section{padding:3rem 0 4rem}
.media-grid{display:grid;gap:2rem;align-items:start}
@media(min-width:1100px){.media-grid{grid-template-columns:1fr 1.6fr}}

.media-copy{padding:1rem 0}
.media-title{
  font-family: 'Georgia','Times New Roman',serif;
  font-weight:700;font-size:clamp(1.8rem,3.5vw,3rem);color:#f7f7f7;
}
.media-sub{color:#c4ccd6;margin:.9rem 0;font-size:1.05rem}

/* Slider */
.media-slider{position:relative; overflow:hidden}
.track{display:flex;transition:transform .35s ease;will-change:transform}
.slide{min-width:100%;padding:0}
.slide-grid{display:grid;gap:2rem}
@media(min-width:900px){.slide-grid{grid-template-columns:1fr 1fr}}

/* Cards */
.media-card{
  display:flex;flex-direction:column;
  background:transparent;border-radius:.25rem;overflow:hidden;
  box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.45)
}
.media-cover{height:260px;overflow:hidden}
.media-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05)}
.media-body{
  background:var(--cream);color:var(--ink);
  padding:1.6rem 1.2rem; border-top:1px solid rgba(0,0,0,.08); flex:1;
  display:flex;flex-direction:column
}
.media-head{
  font-family:'Georgia','Times New Roman',serif;
  font-size:1.6rem;
  font-weight:600;
  letter-spacing:.2px;
  margin:0 0 1rem;
}
.media-link{
  margin-top:auto; display:inline-flex;gap:.6rem;align-items:center;
  background:transparent;border:1px solid #cdbfa9;border-radius:.6rem;
  padding:.7rem 1rem;text-decoration:none;font-weight:600
}
.media-link .check{color:var(--gold);font-weight:900}

/* Dots */
.media-pagination{display:flex;gap:.8rem;justify-content:center;align-items:center;width:min(1200px,92%);margin:1.25rem auto 0}
.dot{width:14px;height:14px;border-radius:50%;background:transparent;border:2px solid rgba(255,255,255,.6);display:inline-block;cursor:pointer}
.dot.active{background:var(--gold);border-color:var(--gold)}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.feat-media{background:var(--bg);padding:2.25rem 0}
.feat-media .container{width:min(1180px,92%);margin-inline:auto;display:grid;gap:0;grid-template-columns:1fr;position:relative}

/* Desktop 2x2 layout */
@media (min-width: 1024px){
  .feat-media .container{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
}
.fm-img{margin:0;line-height:0}
.fm-img img{display:block;width:100%;height:100%;object-fit:cover}
.fm-copy{background:var(--cream);color:var(--ink);padding:2.25rem 2rem}
.fm-head{font-family: 'Georgia','Times New Roman',serif;font-size:clamp(1.6rem,3.6vw,3rem);line-height:1.12;margin:0 0 1rem;font-weight:600}
.fm-sub{color:var(--muted);font-size:1.05rem;margin:.25rem 0 1.5rem}
.fm-btn{display:inline-block;background:var(--red);color:#fff;text-decoration:none;padding:1rem 1.4rem;border-radius:.25rem;letter-spacing:.08em;font-weight:700;text-transform:uppercase}

/* Positioning for rows on desktop */
@media (min-width: 1024px){
  .fm-1{grid-column:1;grid-row:1}
  .fm-1c{grid-column:2;grid-row:1}
  .fm-2c{grid-column:1;grid-row:2}
  .fm-2{grid-column:2;grid-row:2}
}


/* Feature cards */
.features{display:grid;gap:1rem;margin-top:1.5rem}
@media(min-width:900px){.features{grid-template-columns:repeat(3,1fr)}}
.card{
  background:var(--panel);
  border:1px solid rgba(255,255,255,.08);
  border-radius:1rem;padding:1rem;
  box-shadow:0 10px 26px rgba(0,0,0,.28)
}
.card h3{margin:.25rem 0}
.card p{color:#cbd5e1}
.badge-dot{inline-size:10px;block-size:10px;border-radius:999px;background:linear-gradient(135deg,var(--gold),#f59e0b);display:inline-block;margin-right:.4rem}
.help{font-size:.9rem;color:var(--muted)}

/* ===== Home Contact CTA ===== */
.cta-band{
  background: radial-gradient(140% 140% at 15% 0%, #f3c945 0%, #142548 70%, #0b1730 100%);
  color:#fff;
  padding: 2rem 0;
  border-top: 1px solid var(--ring);
  border-bottom: 1px solid var(--ring);
}
.cta-inner{
  display:grid; gap:1rem; align-items:stretch;
  grid-template-columns: 1fr;                /* mobile */
}
@media (min-width: 980px){
  .cta-inner{ grid-template-columns: 1.3fr .8fr; }
}

.cta-copy h2{ margin:.1rem 0 .25rem; font-size: clamp(1.5rem,3.2vw,2.2rem); }
.cta-copy p{ margin:0 0 .7rem; color:#e8eef7; }

.cta-actions{ display:flex; gap:.5rem; flex-wrap:wrap; margin:.4rem 0 .8rem; }
.cta-chips{ display:flex; gap:.5rem; flex-wrap:wrap; }

.chip{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.45rem .65rem; border-radius:.6rem;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  color:#fff; text-decoration:none;
}
.chip strong{ font-weight:800; }

.cta-card{
  /* background:#fff; color:var(--ink); */
  border:1px solid var(--ring); border-radius:.85rem;
  box-shadow: var(--shadow);
  display:grid; place-items:center;
}
.cta-card-body{ padding:1.1rem; text-align:left; }
.cta-card h3{ margin:.1rem 0 .25rem; }
.cta-card .muted{ color:var(--muted); margin:0 0 .7rem; }