:root {
  --bg: #f3f4f6;
  --bg-alt: #ffffff;
  --border: #e5e7eb;
  --primary: #2563eb;
  --primary-dark: #1d4ed8;
  --accent: #f97316;
  --text: #111827;
  --muted: #6b7280;
}
*,
*::before,
*::after { box-sizing: border-box; }
body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--text);
}
a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }
.wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 1.5rem;
}
.site-header { background:#ffffff; border-bottom:1px solid var(--border); }
.site-header-inner {
  display:flex; align-items:center; justify-content:space-between;
  padding:0.75rem 0;
}
.brand { display:flex; align-items:center; gap:0.6rem; }
.brand-logo {
  width:36px; height:36px; border-radius:999px;
  background:linear-gradient(135deg,var(--primary),var(--accent));
}
.brand-name { font-weight:700; font-size:1.05rem; }
.nav-links { display:flex; gap:1rem; font-size:0.95rem; }
.nav-links a { color:var(--muted); font-weight:500; }
.nav-links a.active { color:var(--primary-dark); }
.nav-cta {
  padding:0.45rem 0.9rem; border-radius:999px;
  background:var(--primary); color:#ffffff; font-weight:600;
}
.hero { padding:2.5rem 0 2rem; }
.hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  gap:2.25rem; align-items:center;
}
.hero-kicker {
  font-size:0.8rem; font-weight:600; text-transform:uppercase;
  letter-spacing:0.08em; color:var(--primary-dark); margin-bottom:0.4rem;
}
.hero-title {
  font-size:clamp(2.1rem,4vw,2.7rem);
  line-height:1.12; margin:0 0 0.75rem;
}
.hero-title span { color:var(--primary); }
.hero-text {
  color:var(--muted); font-size:0.95rem; max-width:34rem;
}
.hero-badges {
  display:flex; flex-wrap:wrap; gap:0.4rem; margin-top:0.75rem;
}
.badge {
  display:inline-flex; align-items:center; gap:0.25rem;
  font-size:0.75rem; padding:0.25rem 0.6rem; border-radius:999px;
  border:1px solid var(--border); background:#ffffff; color:var(--muted);
}
.hero-actions {
  margin-top:1.3rem; display:flex; flex-wrap:wrap; gap:0.75rem;
}
.btn {
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; padding:0.7rem 1.3rem; font-weight:600;
  font-size:0.95rem; border:none; cursor:pointer;
}
.btn-primary { background:var(--primary); color:#ffffff; }
.btn-primary:hover { background:var(--primary-dark); }
.btn-outline {
  background:transparent; color:var(--primary);
  border:1px solid var(--primary);
}
.hero-note { margin-top:0.65rem; font-size:0.8rem; color:var(--muted); }
.hero-card {
  background:var(--bg-alt); border-radius:1rem;
  border:1px solid var(--border); padding:1.25rem;
  box-shadow:0 10px 25px rgba(15,23,42,0.08);
}
.hero-card h2 { margin-top:0; font-size:1.05rem; }
.hero-card ul {
  list-style:none; padding:0; margin:0.5rem 0 0;
  font-size:0.9rem; color:var(--muted);
}
.hero-card li { margin-bottom:0.4rem; }
.section { padding:2.25rem 0 2rem; }
.section-heading { margin:0 0 0.25rem; font-size:1.5rem; }
.section-subtext { margin:0 0 1.4rem; color:var(--muted); font-size:0.9rem; }
.grid-3 {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem;
}
.card {
  background:var(--bg-alt); border-radius:0.9rem;
  border:1px solid var(--border); padding:1rem;
}
.card h3 { margin-top:0; font-size:1rem; }
.card p { font-size:0.9rem; color:var(--muted); }
.price-pill { font-weight:700; color:var(--primary-dark); font-size:0.95rem; }
.contact-strip {
  margin-top:1.75rem; padding:1rem 1.1rem; border-radius:0.9rem;
  border:1px dashed var(--border); background:#eff6ff; font-size:0.9rem;
}
.site-footer {
  background:#020617; color:#e5e7eb; padding:1.5rem 0;
  margin-top:2rem; font-size:0.8rem;
}
.footer-inner {
  display:flex; justify-content:space-between; gap:1rem;
  flex-wrap:wrap; align-items:center;
}
.footer-inner a { color:#cbd5f5; }
@media (max-width: 900px) {
  .hero-grid { grid-template-columns:1fr; }
  .grid-3 { grid-template-columns:1fr; }
  .nav-links { display:none; }
}