/* Shared landing CSS variables and simple layout */
:root{
  --bg: #0f172a;
  --fg: #e5e7eb;
  --muted: #94a3b8;
  --accent: #38bdf8;
  --card: #020617;
  --max-width: 960px;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background:radial-gradient(1200px 600px at 20% 0%, #020617, var(--bg));
  color:var(--fg);
  line-height:1.6;
}
.container{max-width:var(--max-width);padding:4rem 1.5rem;margin:auto}
header{text-align:center;margin-bottom:3rem}
h1{font-size:clamp(2rem,5vw,2.8rem);margin:0}
.lead{color:var(--muted);margin-top:.6rem}
.actions{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{padding:.7rem 1.2rem;border-radius:.6rem;border:1px solid transparent;text-decoration:none;font-weight:600;transition:all .15s}
.btn-primary{background:var(--accent);color:#020617}
.btn-primary:hover{filter:brightness(1.05)}
.btn-secondary{background:transparent;border-color:#1e293b;color:var(--fg)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:2.5rem}
.card{background:linear-gradient(180deg,#020617,var(--card));border:1px solid #1e293b;border-radius:.75rem;padding:1.25rem}
.card h3{margin:0 0 .5rem}
.muted{color:var(--muted);font-size:.95rem}
.card-link{display:inline-block;margin-top:.75rem;color:var(--accent);text-decoration:none}
footer{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid #1e293b;text-align:center;color:var(--muted);font-size:.9rem}
@media (max-width:520px){.container{padding:2rem 1rem}}

/* Executive landing enhancers */
.hero{display:grid;grid-template-columns:1fr 420px;gap:2rem;align-items:center;margin-bottom:2.5rem}
.hero-card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.03);padding:1.5rem;border-radius:.75rem}
.hero h2{font-size:clamp(1.5rem,3.6vw,2.4rem);margin:0 0 .5rem}
.hero p.lead{font-size:1.05rem;max-width:46ch}
.kpi{display:flex;gap:1.25rem;justify-content:flex-start;flex-wrap:wrap;margin-top:1rem}
.kpi .item{min-width:120px;background:transparent;padding:.6rem;border-radius:.5rem}
.kpi .value{font-weight:700;font-size:1.4rem;color:var(--fg)}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}
.feature{background:transparent;border-radius:.6rem;padding:1rem;border:1px solid rgba(255,255,255,0.03)}
.quote{margin-top:2rem;font-style:italic;color:var(--muted)}
.cta-row{display:flex;gap:1rem;align-items:center;margin-top:1rem}
.logo-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.5rem}
.logo{width:96px;height:36px;border-radius:6px;background:rgba(255,255,255,0.02);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.75rem}

@media (max-width:900px){.hero{grid-template-columns:1fr;}}

/* subtle entrance */
.fade-up{transform:translateY(6px);opacity:0;animation:fadeUp .6s ease-out .12s forwards}
@keyframes fadeUp{to{transform:none;opacity:1}}