:root{
  --brand-orange:#F37021;
  --brand-blue:#0066CC;
  --brand-green:#33AA44;
  --ink:#0F172A;
  --slate:#334155;
  --paper:#F1F5F9;
}
.site-wrap{max-width:1280px;margin-inline:auto;padding:24px;}
.btn{display:inline-block;padding:.75rem 1rem;border-radius:.375rem;border:1px solid var(--slate);}
.btn-primary{background:var(--brand-blue);color:white;border-color:var(--brand-blue);}
.header-brand{display:flex;gap:16px;align-items:center;padding:16px 24px;border-bottom:1px solid #E5E7EB;}
.header-brand .site-name{font-weight:700;font-size:1.25rem;}
.footer{padding:24px;border-top:1px solid #E5E7EB;color:#64748B;font-size:.875rem;}
.nav-primary ul{display:flex;gap:16px;list-style:none;margin:0;padding:0;flex-wrap:wrap;}
.nav-primary a{padding:.5rem .75rem;display:block;}
.hero{padding:64px 24px;background:linear-gradient(135deg,var(--paper),#ffffff 60%);}
.hero .kicker{color:var(--brand-orange);text-transform:uppercase;letter-spacing:.06em;font-weight:700;}
.card{border:1px solid #E5E7EB;border-radius:.5rem;padding:16px;background:white;box-shadow:0 1px 2px rgba(0,0,0,.04);}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}

/* Landing helpers */
.landing-wrap{max-width:960px;margin-inline:auto;padding:0 24px 64px;}
.landing-hero{padding:72px 0;text-align:center;}
.landing-hero h1{margin:0 0 8px 0;}
.badges{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:12px;}
.landing-cta{display:flex;gap:16px;justify-content:center;margin-top:24px;flex-wrap:wrap;}
.lite-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #E5E7EB;}
.lite-header .site-name{font-weight:700;}

@media (max-width: 600px){
  .badges img { height:28px !important; max-width:120px; }
}