@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap');

.home-page{
  display:flex; flex-direction:column; gap: clamp(1.4rem, 2vw, 2.4rem);
  padding: clamp(.6rem, 1vw, 1.2rem) 0 clamp(2rem, 3vw, 3rem);
}
.home-page h1,.home-page h2,.home-page h3{
  font-family: 'Space Grotesk','Inter',ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Noto Sans",sans-serif;
  letter-spacing:-0.02em;
}
.home-page .block{ margin:0; }
.center{ text-align:center; }
.max-w-prose{ max-width:68ch; }
.eyebrow{
  font-size:.82rem; letter-spacing:.08em; text-transform:uppercase;
  color: var(--accent); font-weight:800; margin:0 0 .35rem;
}

.home-hero{ padding:0; background:transparent; border:0; box-shadow:none; }
.home-hero::before,.home-hero::after{ content:none; }
.home-hero-shell.section-hero{
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent), var(--surface) 92%), var(--surface));
  border-color: color-mix(in srgb, var(--accent), var(--border) 55%);
  padding: clamp(1.1rem, 2.2vw, 2rem);
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: clamp(1.1rem, 2vw, 1.8rem);
  align-items: center;
  width: 100%;
}
.hero-aside{ display:flex; flex-direction:column; gap:1rem; }
.hero-panel{ width:100%; }

@media (max-width: 960px){
  .home-hero-shell.section-hero{ grid-template-columns:1fr; }
}

.hero-badges,.hero-actions,.hero-meta{ display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.hero-badges{ margin-bottom:.35rem; }
.hero-meta{ margin-top:.5rem; }

.metrics-rail{
  display:grid; gap:.75rem;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.metric-card{
  padding: .9rem 1rem;
  border-radius: var(--radius); border:1px solid var(--border);
  background: linear-gradient(140deg, color-mix(in srgb, var(--accent), var(--card) 90%), var(--card));
  box-shadow: var(--shadow-1);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.metric-card .value{ font-size: var(--step-2); font-weight:800; margin:0; }
.metric-card .label{ color: var(--muted); margin-top:.2rem; font-weight:700; }
.metric-card:hover{
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--accent), var(--border) 55%);
  box-shadow: var(--shadow-2);
}

.hero-note{
  background: linear-gradient(170deg, color-mix(in srgb, var(--accent), var(--card) 90%), var(--card));
  border:1px dashed color-mix(in srgb, var(--accent), var(--border) 60%);
}
.hero-checklist{ list-style:none; padding:0; margin:.5rem 0 0; display:grid; gap:.4rem; }
.hero-checklist li{ display:flex; align-items:flex-start; gap:.4rem; color: var(--muted); }
.hero-checklist .check{ color: var(--accent); font-weight:800; line-height:1; }

.trust-inner{
  display:grid; gap:1rem;
  padding: clamp(1rem, 2vw, 1.4rem);
  border-radius: var(--radius-lg); border:1px solid var(--border);
  background: linear-gradient(120deg, color-mix(in srgb, var(--accent), var(--card) 94%), var(--card));
}
.trust-logos{ display:flex; flex-wrap:wrap; gap:.5rem; }
.logo-chip{
  padding:.45rem .75rem; border-radius:999px;
  border:1px solid var(--border); background: var(--surface);
  font-weight:700; color: var(--text); box-shadow: var(--shadow-1);
}

.section-head{ margin-bottom: .9rem; }
.section-head.center{ text-align:center; }
.section-head .muted{ max-width: 760px; }

.solutions-grid{
  display:grid; gap:1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.solution-card{ position:relative; overflow:hidden; }
.solution-card::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  border-radius: inherit;
  background: radial-gradient(300px 200px at 80% 0%, color-mix(in srgb, var(--accent), transparent 82%), transparent);
  opacity:0; transition: opacity .3s ease;
}
.solution-card:hover{
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--accent), var(--border) 55%);
  box-shadow: var(--shadow-2);
}
.solution-card:hover::after{ opacity:1; }
.card-top{ display:flex; align-items:center; gap:.5rem; margin-bottom:.35rem; }
.pulse-dot{
  width:12px; height:12px; border-radius:50%;
  background: var(--accent);
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent), transparent 20%);
  animation: pulseDot 2s ease-out infinite;
}
.solution-card p{ color: var(--muted); margin:.15rem 0 .4rem; }
.solution-card ul{ padding-left:1rem; margin:.4rem 0 0; color: var(--muted); display:grid; gap:.3rem; }

.offer-grid{
  display:grid; gap:1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.offer-card{
  border:1px solid color-mix(in srgb, var(--accent), var(--border) 65%);
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent), var(--card) 92%), var(--card));
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.offer-card h3{ margin:.1rem 0 .5rem; }
.offer-card p{ color: var(--muted); margin:0 0 .7rem; }
.offer-meta{ display:flex; flex-wrap:wrap; gap:.5rem; color: var(--muted); font-weight:700; }
.offer-meta span{
  padding:.35rem .6rem; border-radius:10px;
  border:1px dashed var(--border); background: var(--surface);
}
.offer-card:hover{
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--accent), var(--border) 50%);
  box-shadow: var(--shadow-2);
}

.insights{
  border-radius: var(--radius-lg);
  padding: clamp(1.2rem, 2vw, 1.7rem);
  border:1px solid var(--border);
  background: color-mix(in srgb, var(--surface), transparent 8%);
}
.insights-grid{
  display:grid; gap:1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  margin-top:.8rem;
}
.insight-card{
  background: color-mix(in srgb, var(--card), var(--surface) 30%);
  border:1px solid color-mix(in srgb, var(--accent), var(--border) 70%);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.insight-card p{ color: var(--muted); margin:.2rem 0 0; }
.insight-card:hover{
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--accent), var(--border) 55%);
  box-shadow: var(--shadow-2);
}

.cta-card{
  display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  border:1px solid color-mix(in srgb, var(--accent), var(--border) 55%);
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent), var(--card) 92%), var(--card));
}
.cta-text .muted{ max-width:640px; }
.cta-actions{ display:flex; gap:.6rem; flex-wrap:wrap; }

@media (max-width: 960px){
  .hero-shell{ grid-template-columns:1fr; }
  .hero-slides{ min-height:280px; }
  .home-hero{ padding: clamp(1.2rem, 4vw, 1.8rem); }
}
@media (max-width: 640px){
  .hero-slider-controls{ flex-direction:column; align-items:flex-start; }
  .hero-foot{ padding:.65rem .7rem; }
  .cta-card{ flex-direction:column; align-items:flex-start; }
}

@keyframes pulseDot{
  0%{ box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent), transparent 30%); }
  70%{ box-shadow: 0 0 0 16px transparent; }
  100%{ box-shadow: 0 0 0 0 transparent; }
}