/* ============================================================
   KLUB24-7 · OFFENTLIG FRONTEND · FÆLLES PORTAL-LAYOUT
   Midlertidige, afdæmpede farver — endelig palet fastlægges senere.
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  /* Sidebar (lys blågrå, Klub24-7-farvefamilie) */
  --side-bg:#eef3f7;
  --side-bg2:#dfe8f0;
  --side-text:#172b3d;
  --side-muted:#40576b;
  --side-accent:#3d6ea5;
  --side-accent-hover:#5a9ed6;
  /* Hovedområde (lys, behagelig) */
  --bg:#f4f5f7;
  --card:#ffffff;
  --text:#22272e;
  --muted:#6b7480;
  --border:#e2e5ea;
  --accent:#3d6ea5;
  --accent-dark:#2f5580;
  --radius:14px;
  --shadow:0 1px 3px rgba(16,24,40,.06),0 6px 20px rgba(16,24,40,.06);
}
html{scroll-behavior:smooth}
body{
  font-family:'Segoe UI',Inter,system-ui,-apple-system,sans-serif;
  background:var(--bg);
  color:var(--text);
  font-size:16px;line-height:1.55;
  display:flex;min-height:100vh;
}

/* ================= SIDEBAR ================= */
.sidebar{
  width:290px;min-width:290px;
  background:linear-gradient(180deg,var(--side-bg),var(--side-bg2));
  color:var(--side-text);
  display:flex;flex-direction:column;
  position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;
  z-index:50;
}
/* Logo-område: fast/simpel boks øverst i sidebaren. Ingen CSS-cropping. */
.brand{
  min-height:76px;box-sizing:border-box;flex-shrink:0;overflow:hidden;
  padding:12px 16px;
  border-bottom:1px solid rgba(30,55,80,.12);
}
/* Beskåret web-logo (klub24-7-logo-web.png) er allerede trimmet til artwork -
   skaleres simpelt, hele logoet er altid synligt. */
.brand-logo{
  display:block;width:100%;max-width:220px;height:auto;
  object-fit:contain;margin:0;
}

.nav{padding:8px 12px;flex:1}
.nav a{
  display:block;padding:8px 12px;border-radius:10px;
  color:#304b61;text-decoration:none;
  font-size:14.5px;font-weight:600;margin-bottom:1px;
  transition:background .15s,color .15s;
}
.nav a:hover{background:rgba(61,110,165,.10);color:#102f49}
.nav a.active{background:#c9d9e7;color:#102f49}

/* ---------- Sidebar-sektioner: login ---------- */
.side-section{padding:10px 20px;border-top:1px solid rgba(30,55,80,.12)}
.side-section h4{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--side-muted);margin-bottom:4px}
.side-section p{font-size:12.5px;color:var(--side-muted);margin-bottom:8px;line-height:1.4}
.side-btn{
  display:block;width:100%;text-align:center;text-decoration:none;
  padding:9px 14px;border-radius:10px;font-size:13px;font-weight:800;
  letter-spacing:.8px;text-transform:uppercase;transition:background .15s;
}
.side-btn.primary{background:var(--side-accent);color:#fff}
.side-btn.primary:hover{background:var(--side-accent-hover)}
.side-btn.ghost{border:1px solid var(--side-muted);color:var(--side-text)}
.side-btn.ghost:hover{background:rgba(61,110,165,.10)}

.foot-side{padding:10px 20px;border-top:1px solid rgba(30,55,80,.12);font-size:11.5px;color:var(--side-muted)}

/* ================= HOVEDOMRÅDE ================= */
.main{flex:1;min-width:0;padding:44px 32px 0;}
.content{max-width:1080px;margin:0 auto;padding-bottom:60px}

/* ---------- Find din klub ---------- */
.find-heading{margin-bottom:8px}
.find-heading h2{font-size:2rem;font-weight:800;letter-spacing:.3px}
.find-heading p{color:var(--muted);font-size:15px;margin-top:4px}

.search-bar{display:flex;gap:12px;margin:20px 0 28px;flex-wrap:wrap}
.search-bar input[type=text]{
  flex:1;min-width:240px;padding:14px 18px;font-size:16px;
  border:1px solid var(--border);border-radius:12px;
  background:var(--card);color:var(--text);outline:none;
  box-shadow:var(--shadow);transition:border .15s;
  font-family:inherit;
}
.search-bar input[type=text]:focus{border-color:var(--accent)}
.search-bar select{
  padding:14px 16px;font-size:15px;border:1px solid var(--border);
  border-radius:12px;background:var(--card);color:var(--text);
  outline:none;cursor:pointer;font-family:inherit;box-shadow:var(--shadow);
}
/* Datofelt og "Nulstil dato" skal matche dropdowns: samme højde, radius,
   border, baggrund, font og padding. Native kalenderfunktion/ikon bevares
   (ingen appearance:none). Flex-stretch + box-sizing giver samme højde. */
.search-bar input[type=date],
.search-bar .search-reset{
  box-sizing:border-box;min-height:48px;height:48px;
  padding:14px 16px;font-size:15px;line-height:1;
  border:1px solid var(--border);border-radius:12px;
  background:var(--card);color:var(--text);
  outline:none;font-family:inherit;box-shadow:var(--shadow);
}
.search-bar input[type=date]:focus{border-color:var(--accent)}
.search-bar .search-reset{
  color:var(--muted);cursor:pointer;white-space:nowrap;
}
.search-bar .search-reset:hover{border-color:var(--accent);color:var(--text)}

/* ---------- Danmarkskort (Leaflet) ---------- */
.find-sub{color:var(--muted);font-size:13.5px;margin:-12px 0 18px}
.club-map-wrap{
  position:relative;
  isolation:isolate;
  z-index:0;
  border:1px solid var(--border);border-radius:var(--radius);
  box-shadow:var(--shadow);overflow:hidden;margin-bottom:28px;
}
#clubMap{width:100%;height:540px}
.club-map-wrap .leaflet-container{background:#dbe6f0;font-family:inherit}
.club-map-popup{min-width:150px;text-align:center}
.club-map-popup-logo{
  display:block;margin:0 auto 8px;
  max-width:120px;max-height:70px;
  width:auto;height:auto;object-fit:contain;
}
.club-map-popup-name{font-weight:800;font-size:14px;color:var(--text)}
.club-map-popup-loc{color:var(--muted);font-size:12.5px;margin:2px 0 8px}
/* Høj specificitet: overstyrer Leaflets generelle .leaflet-popup-content a,
   så "Se klub ->" aldrig får mork tekst pa blaa baggrund. */
.leaflet-popup-content .club-map-popup-link{
  display:inline-block;margin-top:8px;padding:7px 14px;border-radius:8px;
  background:#3d6ea5;color:#fff;font-weight:700;font-size:12.5px;
  text-decoration:none;letter-spacing:.4px;transition:background .15s;
}
.leaflet-popup-content .club-map-popup-link:visited{color:#fff}
.leaflet-popup-content .club-map-popup-link:hover,
.leaflet-popup-content .club-map-popup-link:focus{color:#fff;background:#326092;outline:none}
.no-coord-btn{
  display:inline-block;padding:7px 14px;border-radius:8px;
  background:var(--accent);color:#fff;font-weight:700;font-size:12.5px;
  text-decoration:none;letter-spacing:.4px;transition:background .15s;
}
.no-coord-btn:visited{color:#fff}
.no-coord-btn:hover{background:var(--accent-dark)}
.club-name-label{
  background:rgba(255,255,255,.92);
  border:1px solid var(--border);
  border-radius:8px;
  box-shadow:0 1px 3px rgba(16,24,40,.16);
  color:var(--text);
  font-size:12px;
  font-weight:600;
  padding:3px 8px;
  pointer-events:auto;
  cursor:pointer;
}
.club-name-label::before{display:none}

/* ---------- Klubber uden kortplacering ---------- */
.no-coord{margin-bottom:28px}
.no-coord h3{font-size:1.05rem;font-weight:800;margin-bottom:10px;color:var(--text)}
.no-coord-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.no-coord-list li{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:var(--card);border:1px solid var(--border);border-radius:10px;
  padding:12px 16px;box-shadow:var(--shadow);
}
.no-coord-list .name{font-weight:700;font-size:14px;color:var(--text)}
.empty-state{
  text-align:center;padding:60px 20px;color:var(--muted);
  background:var(--card);border:1px dashed var(--border);border-radius:var(--radius);
}
.empty-state .big{font-size:2.2rem;margin-bottom:10px}

/* ---------- Indholdssider ---------- */
.page-heading{margin-bottom:28px}
.page-heading h2{font-size:2rem;font-weight:800;letter-spacing:.3px}
.page-heading p{color:var(--muted);font-size:15px;margin-top:4px}
.generic-section{padding:0 0 48px}
.generic-section h3{font-size:1.5rem;font-weight:800;margin-bottom:14px;letter-spacing:.3px}
.generic-section .sub{color:var(--muted);max-width:640px;margin-bottom:28px}
.section-card{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:28px;box-shadow:var(--shadow);margin-bottom:20px;
}
.section-card h4{font-size:16px;font-weight:700;margin-bottom:8px}
.section-card p{color:var(--muted);font-size:14px}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.feature-card{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:22px;box-shadow:var(--shadow);
}
.feature-card .icon{font-size:1.8rem;margin-bottom:8px;display:block}
.feature-card h4{font-size:15px;font-weight:700;margin-bottom:6px}
.feature-card p{color:var(--muted);font-size:13.5px}
.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.module-tile{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:14px;box-shadow:var(--shadow);
}
.module-tile .tile-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.module-tile .icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 auto;color:var(--accent)}
.module-tile .name{font-weight:700;font-size:14px;letter-spacing:.3px;line-height:1.3}
.module-tile .desc{color:var(--muted);font-size:12.5px;margin-top:0}
.module-tile .badge-soon{display:inline-block;margin-top:10px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:2px 10px}

/* ---------- Platform-nyhedsbrev signup (fælles komponent) ---------- */
.newsletter-form{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.newsletter-form input[type=email]{
  flex:1;min-width:240px;max-width:380px;padding:14px 18px;font-size:16px;
  border:1px solid var(--border);border-radius:12px;background:var(--card);
  color:var(--text);outline:none;box-shadow:var(--shadow);font-family:inherit;transition:border .15s;
}
.newsletter-form input[type=email]:focus{border-color:var(--accent)}
.newsletter-form button{
  padding:14px 22px;font-size:15px;font-weight:700;border:0;border-radius:12px;
  background:var(--accent);color:#fff;cursor:pointer;font-family:inherit;white-space:nowrap;
}
.newsletter-form button:active{opacity:.85}
.newsletter-status{margin-top:10px;font-size:13.5px;color:var(--muted);min-height:1.2em}
.newsletter-status.err{color:var(--danger,#c0392b)}
.newsletter-form.compact input[type=email]{padding:10px 14px;font-size:14px;border-radius:10px;min-width:180px}
.newsletter-form.compact button{padding:10px 16px;font-size:13px;border-radius:10px}
.package-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);max-width:640px}
.package-box h4{font-size:16px;font-weight:700;margin-bottom:4px}
.package-box .price{color:var(--muted);font-size:13px;margin-bottom:12px}
.package-box ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.package-box ul li{padding:4px 0;color:var(--text);font-size:13.5px}
.package-box ul li::before{content:'\2713';color:var(--accent);font-weight:700;margin-right:8px}

/* ---------- Ansøgning ---------- */
.form-card{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:32px;box-shadow:var(--shadow);max-width:720px;
}
.form-card h4{font-size:18px;font-weight:800;margin-bottom:4px}
.form-card .sub{color:var(--muted);font-size:14px;margin-bottom:24px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid .full{grid-column:1/-1}
.form-card label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;font-weight:600;letter-spacing:.4px}
.form-card input,.form-card select,.form-card textarea{
  width:100%;padding:11px 14px;border-radius:9px;border:1px solid var(--border);
  background:var(--bg);color:var(--text);font-size:14px;outline:none;font-family:inherit;
}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--accent)}
.form-card textarea{resize:vertical}
.checkbox-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 16px}
.checkbox-group label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);letter-spacing:0;cursor:pointer;font-weight:400}
.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}
.btn{
  display:inline-block;padding:12px 26px;border-radius:10px;font-size:14px;font-weight:700;
  text-decoration:none;cursor:pointer;border:1px solid transparent;
  letter-spacing:.4px;text-transform:uppercase;transition:background .15s;font-family:inherit;
}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-dark)}
.form-card .btn{width:100%;margin-top:8px}
.form-card .error{display:none;margin-top:12px;padding:12px;border-radius:9px;background:#fbecec;color:#a63a3a;font-size:13px}
.form-card .success{display:none;margin-top:12px;padding:12px;border-radius:9px;background:#e8f6ee;color:#2e7d54;font-size:14px;font-weight:600}

/* ---------- Footer ---------- */
footer{border-top:1px solid var(--border);padding:32px 0 44px;color:var(--muted);font-size:13px;text-align:left}
footer a{color:var(--accent);text-decoration:none}

/* ================= MOBIL ================= */
.menu-toggle{
  display:none;position:fixed;top:14px;left:14px;z-index:70;
  width:44px;height:44px;border-radius:10px;border:1px solid var(--border);
  background:var(--card);color:var(--text);font-size:20px;cursor:pointer;
  box-shadow:var(--shadow);align-items:center;justify-content:center;
}
.mobile-scrim{display:none;position:fixed;inset:0;background:rgba(16,24,40,.45);z-index:45}

@media(max-width:899px){
  .menu-toggle{display:flex}
  .mobile-scrim.show{display:block}
  .sidebar{
    position:fixed;left:-300px;top:0;height:100vh;z-index:60;
    transition:left .22s ease;box-shadow:0 0 40px rgba(0,0,0,.3);
  }
  .sidebar.open{left:0}
  .main{padding:30px 18px 0}
  .search-bar select,
  .search-bar input[type=date],
  .search-bar .search-reset{width:100%}
}
@media(max-width:560px){
  .form-grid{grid-template-columns:1fr}
  .checkbox-group{grid-template-columns:1fr}
  .page-heading h2,.find-heading h2{font-size:1.6rem}
  .generic-section{padding:0 0 32px}
  #clubMap{height:430px}
}

/* ================= KLUBNIVEAU-STATUS (deaktiveret / ikke fundet) ================= */
body.status-mode .sidebar,
body.status-mode .mobile-scrim,
body.status-mode .menu-toggle,
body.status-mode .main{display:none}
.status-view{
  flex:1;min-height:100vh;display:flex;align-items:center;justify-content:center;
  padding:32px 18px;background:var(--bg);
}
.status-view[hidden]{display:none}
.status-card{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  box-shadow:var(--shadow);max-width:460px;width:100%;padding:46px 34px;text-align:center;
}
.status-logo{
  width:auto;max-width:220px;max-height:92px;height:auto;object-fit:contain;
  margin:0 auto 24px;display:block;
}
.status-card h2{font-size:1.45rem;font-weight:800;color:var(--text);margin-bottom:10px;letter-spacing:.3px}
.status-card p{color:var(--muted);font-size:14.5px;line-height:1.6;margin-bottom:28px}
.status-btn{
  display:inline-block;padding:12px 30px;border-radius:10px;
  background:var(--accent);color:#fff;font-weight:800;font-size:13px;
  letter-spacing:.8px;text-transform:uppercase;text-decoration:none;
  transition:background .15s;font-family:inherit;
}
.status-btn:hover{background:var(--accent-dark)}
@media(max-width:560px){
  .status-card{padding:38px 22px}
  .status-logo{max-width:180px;max-height:76px}
}

/* Klublogin -> synlig fokusering af find-klub */
.find-klub-focus .find-heading,
.find-klub-focus .search-bar {
  animation: klubfind-flash 1.8s ease;
  border-radius: 10px;
}
@keyframes klubfind-flash {
  0% { box-shadow: 0 0 0 0 rgba(61,110,165,0); }
  25% { box-shadow: 0 0 0 4px rgba(61,110,165,.55); }
  60% { box-shadow: 0 0 0 4px rgba(61,110,165,.55); }
  100% { box-shadow: 0 0 0 0 rgba(61,110,165,0); }
}

/* KLUB LOGIN - modal klubvælger */
.klub-login-overlay {
  position: fixed; inset: 0; background: rgba(16,24,40,.5); z-index: 200;
  display: flex; align-items: center; justify-content: center; padding: 20px;
}
.klub-login-overlay[hidden] { display: none; }
.klub-login-modal {
  position: relative; background: #fff; border-radius: 16px; width: 100%;
  max-width: 440px; max-height: 80vh; display: flex; flex-direction: column;
  padding: 28px; box-shadow: 0 20px 60px rgba(16,24,40,.35);
}
.klub-login-close {
  position: absolute; top: 12px; right: 14px; border: none; background: transparent;
  font-size: 28px; line-height: 1; cursor: pointer; color: #6b7480;
}
.klub-login-close:hover { color: #22272e; }
.klub-login-title { font-size: 1.25rem; font-weight: 800; margin: 0 0 4px; color: #22272e; }
.klub-login-sub { color: #6b7480; font-size: 13px; margin: 0 0 16px; }
.klub-login-search {
  width: 100%; padding: 11px 12px; border-radius: 8px; border: 1px solid #e2e5ea;
  background: #f4f5f7; color: #22272e; font-size: 15px; outline: none; margin-bottom: 14px;
}
.klub-login-search:focus { border-color: #3d6ea5; box-shadow: 0 0 0 3px rgba(61,110,165,.12); }
.klub-login-list { display: flex; flex-direction: column; gap: 8px; overflow-y: auto; }
.klub-login-item {
  display: flex; align-items: center; gap: 12px; padding: 12px 14px;
  border: 1px solid #e2e5ea; border-radius: 10px; text-decoration: none; color: #22272e;
  transition: border-color .15s, background .15s;
}
.klub-login-item:hover { border-color: #3d6ea5; background: #f5f8fb; }
.klub-login-badge {
  width: 34px; height: 34px; border-radius: 50%; background: #3d6ea5; color: #fff;
  display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0;
}
.klub-login-name { font-weight: 700; flex: 1; }
.klub-login-host { color: #6b7480; font-size: 12px; }
.klub-login-go { color: #3d6ea5; font-size: 18px; }
.klub-login-loading, .klub-login-empty { color: #6b7480; font-size: 14px; text-align: center; padding: 20px 0; }

/* ================= FASE 1 — Klub-liste (Find klub) ================= */
.club-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:28px}
.club-list-row{
  display:flex;align-items:center;gap:12px;
  background:var(--card);border:1px solid var(--border);border-radius:10px;
  padding:12px 14px;box-shadow:var(--shadow);
}
.club-list-logo{width:44px;height:44px;border-radius:8px;object-fit:contain;flex-shrink:0;background:var(--bg)}
.club-list-logo-empty{
  display:flex;align-items:center;justify-content:center;
  background:var(--accent);color:#fff;font-weight:800;font-size:20px;
}
.club-list-info{flex:1;min-width:0}
.club-list-name{font-weight:700;font-size:14.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.club-list-city{color:var(--muted);font-size:13px;margin-top:1px}
.club-list-btn{
  display:inline-block;padding:8px 14px;border-radius:8px;flex-shrink:0;
  background:var(--accent);color:#fff;font-weight:700;font-size:12.5px;
  text-decoration:none;letter-spacing:.4px;transition:background .15s;
}
.club-list-btn:visited{color:#fff}
.club-list-btn:hover{background:var(--accent-dark);color:#fff}

/* ================= FASE 2 — Offentlig klubpræsentation ================= */
.club-profile-logo{
  display:block;max-width:160px;max-height:120px;width:auto;height:auto;
  object-fit:contain;flex-shrink:0;
}
@media(max-width:560px){
  .club-profile-logo{max-width:110px;max-height:90px}
}

/* ================= FASE 1 — Ny offentlig forside ================= */
.hero{
  background:linear-gradient(160deg,#eef3f7 0%,#dbe7f2 55%,#c9dcec 100%);
  border:1px solid var(--border);border-radius:var(--radius);
  padding:56px 40px;margin-bottom:36px;box-shadow:var(--shadow);
}
.hero h1{font-size:2.6rem;font-weight:900;letter-spacing:-.5px;line-height:1.15;color:var(--text);max-width:760px}
.hero .hero-sub{font-size:1.15rem;color:var(--muted);margin:16px 0 28px;max-width:680px;line-height:1.6}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-cta{
  display:inline-block;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:800;
  text-decoration:none;letter-spacing:.5px;text-transform:uppercase;transition:background .15s;
}
.hero-cta.primary{background:var(--accent);color:#fff}
.hero-cta.primary:hover{background:var(--accent-dark);color:#fff}
.hero-cta.secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}
.hero-cta.secondary:hover{background:#eef3f7}
.hero-cta.ghost{background:transparent;color:var(--accent-dark);border:2px solid var(--accent)}
.hero-cta.ghost:hover{background:rgba(61,110,165,.08)}

.entrance-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:36px}
.entrance-card{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:28px;box-shadow:var(--shadow);
}
.entrance-card h3{font-size:1.35rem;font-weight:800;margin-bottom:6px;color:var(--text)}
.entrance-card .sub{color:var(--muted);font-size:14px;margin-bottom:16px}
.entrance-card ul{list-style:none;display:grid;gap:10px}
.entrance-card ul li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--text)}
.entrance-card ul li::before{content:'\2192';color:var(--accent);font-weight:700}
.entrance-card ul a{color:var(--accent);text-decoration:none;font-weight:600}
.entrance-card ul a:hover{text-decoration:underline}

.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.trust-card{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:20px;box-shadow:var(--shadow);
}
.trust-card .icon{font-size:1.5rem;display:block;margin-bottom:6px}
.trust-card h4{font-size:14.5px;font-weight:700;margin-bottom:4px;color:var(--text)}
.trust-card p{color:var(--muted);font-size:13px}

@media(max-width:560px){
  .hero{padding:38px 22px}
  .hero h1{font-size:1.9rem}
  .hero-ctas{flex-direction:column}
  .hero-cta{text-align:center}
  .entrance-grid{grid-template-columns:1fr}
}