.cta-band {
  background: var(--primary-gradient);
  border-radius: var(--radius-xl);
  padding: clamp(48px, 6vw, 80px) clamp(28px, 5vw, 72px);
  text-align: center;
  color: #fff;
  position: relative;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}
.cta-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 85% 20%, rgba(245,158,11,0.35) 0%, transparent 45%),
    radial-gradient(circle at 10% 90%, rgba(147,197,253,0.25) 0%, transparent 50%);
  pointer-events: none;
}
.cta-band h2 { color: #fff; margin-bottom: var(--space-3); position: relative; }
.cta-band p { color: rgba(255,255,255,0.85); margin-bottom: var(--space-6); position: relative; }
.cta-band__btns { display: flex; gap: var(--space-4); justify-content: center; flex-wrap: wrap; position: relative; }

.cta-strip {
  background: var(--glass-bg-scrolled);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255,255,255,0.06);
  padding: var(--space-7) var(--space-6);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  flex-wrap: wrap;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .cta-strip { background: var(--surface); }
}
.cta-strip h3 { margin-bottom: var(--space-1); }
.cta-strip p { color: var(--muted); font-size: 14.5px; margin: 0; }

.check-list { display: grid; gap: var(--space-3); margin-top: var(--space-5); }
.check-list li { display: flex; gap: var(--space-3); align-items: flex-start; font-size: 15.5px; }
.check-list .check {
  width: 28px; height: 28px; flex-shrink: 0;
  border-radius: 50%;
  background: rgba(22,163,74,0.12);
  color: var(--success);
  display: grid; place-items: center;
  margin-top: 4px;
}
.check-list .check svg { width: 15px; height: 15px; }

.stats-band {
  background: var(--primary-gradient);
  border-radius: var(--radius-xl);
  padding: clamp(40px, 5vw, 64px);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-6);
  text-align: center;
  color: #fff;
}
@media (max-width: 768px) { .stats-band { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 380px) {
  .stats-band { gap: var(--space-4); padding: 32px 20px; }
  .cta-strip { padding: var(--space-5) var(--space-4); }
}
.stats-band b { display: block; font-size: clamp(26px, 3.5vw, 40px); font-weight: 800; }
.stats-band b .plus { color: var(--accent-500); }
.stats-band span { font-size: 14px; color: rgba(255,255,255,0.8); }

.about-visual {
  border-radius: var(--radius-xl);
  background: var(--primary-gradient);
  aspect-ratio: 1 / 1;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  box-shadow: var(--shadow-lg);
  min-height: 320px;
}
.about-visual::before {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(circle at 70% 20%, rgba(245,158,11,0.3) 0%, transparent 50%);
}
.about-visual svg { width: 40%; height: auto; color: rgba(255,255,255,0.95); position: relative; }

.err-wrap { text-align: center; padding-top: calc(var(--nav-height) + var(--space-9)); padding-bottom: var(--section-pad); }
.err-code {
  font-size: clamp(90px, 18vw, 200px);
  font-weight: 800;
  line-height: 1;
  background: var(--primary-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.err-wrap h1 { margin: var(--space-4) 0 var(--space-3); }
.err-wrap p { color: var(--muted); margin-bottom: var(--space-6); }