:root {
  --green: #1db954;
  --green-light: #35d06f;
  --black: #000;
  --panel: #000;
  --text: #f6f6f3;
  --muted: #a7aaad;
  --line: #292d30;
  --orange: var(--green);
  --orange2: var(--green-light);
}

body {
  background: var(--black);
  color: var(--text);
}

.container { width: min(1160px, calc(100% - 48px)); }

.header {
  height: 86px;
  position: relative;
  border-bottom: 0;
  background: #000;
  backdrop-filter: none;
}

.brand { color: var(--green); font-size: 20px; }
.header nav a:hover { color: var(--green-light); }

.section-grid { background-image: none; }
.hero {
  padding: 70px 0 82px;
  border-bottom: 0;
  background: #000;
}

.hero-grid { gap: 78px; }
.eyebrow { color: var(--green); }
h1 { font-size: clamp(42px, 5.2vw, 70px); line-height: 1.04; letter-spacing: -3.1px; }
.hero-copy > p { color: #b7b9bb; font-size: 18px; line-height: 1.7; }

.video {
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .45);
}

.play { background: rgba(10, 13, 15, .9); }

.cta,
.lead-dialog form button,
.sib-form-block__button,
.confirmation-button {
  border-radius: 7px;
  background: var(--green);
  box-shadow: 0 10px 28px rgba(29, 185, 84, .24);
  color: #fff;
}

.cta:hover,
.lead-dialog form button:hover,
.sib-form-block__button:hover,
.confirmation-button:hover {
  filter: brightness(1.1);
  box-shadow: 0 12px 32px rgba(29, 185, 84, .3);
}

.price strong,
.icon,
.book-overlay span,
.book-overlay small,
.book-overlay i,
.receive li::before,
.cards article > b,
.cards article > strong,
.accordion summary::after { color: var(--green); }

.content-section {
  border-top: 1px solid var(--line);
  background: #000;
}

.book { border-color: var(--line); }
.book-overlay h2 b { color: var(--green); }
.receive li { border-bottom-color: var(--line); }
.receive li::before { border-color: var(--green); }

.cards article,
.accordion,
.accordion details {
  border-color: var(--line);
  background: #000;
}

.cards article { border-radius: 18px; }

.final-cta {
  border-color: var(--green);
  box-shadow: 0 0 30px rgba(29, 185, 84, .1);
}

.shield { background: var(--green); }
.shield::after { background: #000; color: var(--green); }

footer { border-top-color: var(--line); background: #000; }

.lead-modal { background: rgba(0, 0, 0, .88); }
.lead-dialog {
  border-color: var(--line);
  background: #000;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .7);
}

.lead-dialog input:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(29, 185, 84, .13);
}

.confirmation-icon {
  border-color: var(--green);
  background: rgba(29, 185, 84, .09);
  color: var(--green);
  box-shadow: 0 0 30px rgba(29, 185, 84, .13);
}

@media (max-width: 900px) {
  .hero { padding-top: 54px; }
}

@media (max-width: 650px) {
  .container { width: min(100% - 30px, 1160px); }
  .header { height: 72px; }
  .brand { font-size: 15px; }
  .header nav { background: #000; border-bottom: 1px solid var(--line); }
  h1 { font-size: 42px; letter-spacing: -2px; }
  .hero-copy > p { font-size: 16px; }
}