/* FZCLab dark theme */
:root {
  --ink: #edf7f9;
  --paper: #090f13;
  --card: #111a20;
  --muted: #aabac0;
  --line: #26373e;
  --cyan: #35b6d4;
  --cyan-deep: #7bd9e7;
  --night: #05080a;
  --shadow: 0 22px 70px rgba(0, 0, 0, .35);
}

body { background: var(--paper); color: var(--ink); }
.nav { color: #a7b8be; }
.nav a:hover { color: var(--cyan); }
.nav-cta { background: #e8f8fa; color: #061014 !important; }
.hero h1 em { color: var(--cyan); }
.hero-lead { color: #b7c6ca; }
.button-primary { background: #e8f8fa; color: #061014; }
.button-primary span { color: var(--cyan-deep); }
.hero-proof { color: #a6b6bb; }
.hero-proof span:before { color: var(--cyan); }

.card-main {
  background: linear-gradient(145deg, #17262d, #0e171b);
  color: #f5fbfc;
  border: 1px solid rgba(123, 217, 231, .26);
}
.card-main h2 { color: #f5fbfc; }
.card-top { color: #a9bcc1; }
.card-index { color: var(--cyan); }
.card-main p { color: #b7c6ca; }
.card-line span { background: #35515a; }
.card-line span:first-child { background: var(--cyan); }
.card-small { color: #0a1216; }
.small-kicker { color: #137d99; }

.metrics span { color: #a6b6bb; }
.split-section .section-copy { color: #b7c6ca; }
.modules-section { background: var(--night); }
.included-panel { background: var(--card); color: var(--ink); }
.check { background: rgba(53, 182, 212, .16); color: var(--cyan); }
.steps-grid span { color: var(--cyan); }
.steps-grid p { color: #a6b6bb; }
.faq-grid details p { color: #b7c6ca; }
.price-card { background: var(--card); color: var(--ink); }
.price-card p, .price-card small { color: #9db0b7; }
.site-footer { color: #91a5ac; }

.proof-band {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 70px;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 110px;
}
.proof-band-intro { max-width: 500px; }
.proof-band-intro h2 { font-size: clamp(32px, 4vw, 52px); line-height: 1.07; letter-spacing: -.06em; margin: 0 0 18px; }
.proof-band-intro > p:last-child { color: #b7c6ca; font-size: 17px; margin: 0; }
.proof-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.proof-grid > div { padding: 22px 18px 0; border-right: 1px solid var(--line); }
.proof-grid > div:first-child { padding-left: 0; }
.proof-grid > div:last-child { border-right: 0; }
.proof-grid span { color: var(--cyan); font-size: 12px; font-weight: 800; }
.proof-grid h3 { margin: 18px 0 7px; font-size: 20px; letter-spacing: -.03em; }
.proof-grid p { margin: 0; color: #a6b6bb; font-size: 14px; line-height: 1.5; }

.buy-points { display: grid; gap: 10px; margin-top: 25px; color: #c4d2d6; font-size: 14px; }
.buy-points span::first-letter { color: var(--cyan); }
.installment { margin-bottom: 20px !important; color: #a9bbc0 !important; font-size: 14px !important; }
.installment strong { color: var(--ink); }
.guarantee-box { display: flex; gap: 11px; align-items: flex-start; margin-top: 18px; padding: 13px 14px; border: 1px solid rgba(53, 182, 212, .28); border-radius: 11px; background: rgba(53, 182, 212, .08); }
.guarantee-box > span { display: grid; place-items: center; flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; background: var(--cyan); color: #061014; font-weight: 900; }
.guarantee-box strong { display: block; margin-bottom: 3px; font-size: 13px; }
.guarantee-box small { display: block; margin: 0; color: #9db0b7; text-align: left; font-size: 11px; line-height: 1.4; }
.security-note { margin-top: 12px !important; }
.mobile-cta { display: none; }

@media (max-width: 820px) {
  .proof-band { grid-template-columns: 1fr; gap: 35px; padding-top: 0; padding-bottom: 80px; }
  .proof-grid { grid-template-columns: 1fr; }
  .proof-grid > div, .proof-grid > div:first-child { padding: 18px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .proof-grid > div:last-child { border-bottom: 0; }
  .mobile-cta { display: flex; position: fixed; z-index: 20; left: 16px; right: 16px; bottom: 14px; align-items: center; justify-content: center; gap: 10px; padding: 15px 20px; border-radius: 999px; background: #e8f8fa; color: #061014; box-shadow: 0 12px 30px rgba(0, 0, 0, .35); font-weight: 900; font-size: 14px; }
  .mobile-cta span { color: #137d99; font-size: 18px; }
  .site-footer { padding-bottom: 92px; }
}