* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Inter', system-ui, sans-serif;
  background: #08101f;
  color: #e5eefb;
  line-height: 1.6;
}
a { text-decoration: none; }
.container {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
}
.narrow { width: min(860px, calc(100% - 32px)); }
.hero {
  background:
    radial-gradient(circle at top left, rgba(34,197,94,.18), transparent 30%),
    radial-gradient(circle at top right, rgba(59,130,246,.20), transparent 28%),
    linear-gradient(180deg, #0f172a 0%, #08101f 100%);
  padding: 88px 0 72px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.badge {
  display: inline-block;
  background: rgba(34,197,94,.14);
  color: #9ff0ba;
  border: 1px solid rgba(34,197,94,.3);
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 14px;
  margin-bottom: 20px;
}
h1, h2, h3 { margin: 0 0 16px; line-height: 1.1; }
h1 {
  font-size: clamp(38px, 6vw, 66px);
  font-weight: 900;
  max-width: 980px;
}
h1 span { color: #7dd3fc; }
.subheadline {
  max-width: 820px;
  font-size: 20px;
  color: #c9d5e9;
  margin: 20px 0 28px;
}
.cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 26px;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 14px;
  font-weight: 800;
  transition: transform .16s ease, opacity .16s ease, background .16s ease;
}
.btn:hover { transform: translateY(-1px); opacity: .96; }
.btn-primary {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  color: white;
}
.btn-secondary {
  background: rgba(255,255,255,.08);
  color: #e7eefb;
  border: 1px solid rgba(255,255,255,.12);
}
.btn-large { min-height: 58px; font-size: 18px; padding: 0 28px; }
.hero-points {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 28px;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #c4d4ec;
}
.hero-points li::before {
  content: "✓";
  color: #22c55e;
  margin-right: 8px;
}
.section { padding: 78px 0; }
.section.dark {
  background: #0b1325;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.section.accent {
  background: linear-gradient(180deg, rgba(125,211,252,.08) 0%, rgba(15,23,42,1) 100%);
}
.section-intro {
  max-width: 760px;
  color: #c5d3e7;
  font-size: 18px;
}
p { color: #c6d3e5; }
.pain-grid, .feature-grid, .check-grid {
  display: grid;
  gap: 18px;
}
.pain-grid { grid-template-columns: repeat(3, 1fr); margin-top: 28px; }
.feature-grid { grid-template-columns: repeat(3, 1fr); margin-top: 30px; }
.check-grid { grid-template-columns: repeat(2, 1fr); margin-top: 26px; }
.card, .feature, .box, .offer-card, .faq-item {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
}
.card, .feature, .box { padding: 24px; }
.feature h3, .card h3, .box h3 { font-size: 22px; }
.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 28px;
}
.box ul, .offer-list {
  margin: 0;
  padding-left: 18px;
  color: #d5e0ef;
}
.offer-card {
  padding: 28px;
  margin-top: 26px;
  background: linear-gradient(180deg, rgba(34,197,94,.08), rgba(255,255,255,.04));
}
.offer-top {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: start;
  margin-bottom: 18px;
}
.label {
  display: inline-block;
  background: rgba(125,211,252,.14);
  color: #bfe9ff;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
  margin-bottom: 10px;
}
.price-block { text-align: right; }
.old-price {
  color: #90a4c4;
  text-decoration: line-through;
  font-size: 14px;
}
.price {
  font-size: 34px;
  font-weight: 900;
  color: #fff;
}
.cash {
  color: #9edfb6;
  font-weight: 700;
}
.offer-list li { margin-bottom: 10px; }
.cta-center { margin: 26px 0 12px; text-align: center; }
.offer-note { text-align: center; font-size: 14px; color: #9fb0c9; }
.check-item {
  padding: 18px 20px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  font-weight: 600;
}
.check-item::before { content: "✓ "; color: #22c55e; }
.faq .faq-item { margin-top: 14px; overflow: hidden; }
.faq-question {
  width: 100%;
  background: transparent;
  border: 0;
  color: #f4f8ff;
  padding: 22px 24px;
  text-align: left;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
}
.faq-answer {
  display: none;
  padding: 0 24px 22px;
}
.faq-item.active .faq-answer { display: block; }
.final-cta {
  background:
    radial-gradient(circle at bottom right, rgba(34,197,94,.18), transparent 24%),
    linear-gradient(180deg, #0b1325 0%, #08101f 100%);
  text-align: center;
}
.footer {
  padding: 28px 0 40px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: #8ea3c4;
  text-align: center;
}
@media (max-width: 900px) {
  .pain-grid, .feature-grid, .split, .check-grid, .offer-top {
    grid-template-columns: 1fr;
    display: grid;
  }
  .price-block { text-align: left; }
}