/*
 * Free Security Audit landing page — campaign layout (this page only).
 */

/* ─── Campaign shell: no background video ─── */
html[data-wd-build="watchdog"] body.wd-landing .video-background {
  display: none;
}

html[data-wd-build="watchdog"] body.wd-landing.wd-landing-sticky-on {
  padding-bottom: 4.75rem;
}

/* ─── Slim landing nav ─── */
html[data-wd-build="watchdog"] body.wd-landing .landing-nav .mobile-menu,
html[data-wd-build="watchdog"] body.wd-landing .landing-nav #primary-nav {
  display: none !important;
}

html[data-wd-build="watchdog"] body.wd-landing .landing-nav .nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

html[data-wd-build="watchdog"] body.wd-landing .landing-nav__actions {
  display: flex;
  align-items: center;
  gap: 0.65rem 1rem;
  flex-shrink: 0;
}

html[data-wd-build="watchdog"] body.wd-landing .landing-nav__phone {
  font-family: var(--idx-display);
  font-weight: 600;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  color: var(--idx-ink);
  text-decoration: none;
  white-space: nowrap;
}

html[data-wd-build="watchdog"] body.wd-landing .landing-nav__phone:hover {
  color: var(--idx-accent);
}

html[data-wd-build="watchdog"] body.wd-landing .landing-nav__cta {
  font-size: 0.72rem;
  padding: 0.55rem 0.85rem;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

@media (max-width: 520px) {
  html[data-wd-build="watchdog"] body.wd-landing .landing-nav__phone {
    display: none;
  }

  html[data-wd-build="watchdog"] body.wd-landing .landing-nav__cta {
    font-size: 0.68rem;
    padding: 0.5rem 0.7rem;
  }
}

/* ─── Landing shell: full-width hero band, shared content measure below ─── */
html[data-wd-build="watchdog"] body.wd-landing #main-content.idx-flow {
  max-width: none;
  padding-top: 0;
}

html[data-wd-build="watchdog"] body.wd-landing .landing-hero__inner,
html[data-wd-build="watchdog"] body.wd-landing main > section:not(.landing-hero) {
  width: 100%;
  max-width: var(--idx-measure);
  margin-inline: auto;
  box-sizing: border-box;
}

/* ─── Campaign hero: see landing-hero.css ─── */

/* ─── Feature lists: full card width ─── */
html[data-wd-build="watchdog"] body.wd-landing .about-text .feature-list {
  width: 100%;
  box-sizing: border-box;
}

/* ─── Prose CTAs ─── */
html[data-wd-build="watchdog"] body.wd-landing .about-text .faq-cta-p {
  margin-top: 1.25rem;
}

html[data-wd-build="watchdog"] body.wd-landing .contact-cta.contact-cta-bar .contact-cta-actions {
  margin-top: 0.75rem;
}

/* ─── Form conversion panel ─── */
html[data-wd-build="watchdog"] body.wd-landing .landing-form-section {
  background: var(--v4-paper);
}

html[data-wd-build="watchdog"] body.wd-landing .landing-form-panel {
  border: 3px solid var(--idx-accent);
  background: linear-gradient(180deg, rgb(255 255 255 / 0.04) 0%, transparent 42%), var(--v4-slab);
  padding: clamp(1.25rem, 3vw, 1.85rem);
  box-shadow: 4px 4px 0 rgb(0 0 0 / 0.22);
}

html[data-wd-build="watchdog"] body.wd-landing .landing-form-panel > header {
  margin-bottom: 1rem;
}

html[data-wd-build="watchdog"] body.wd-landing .landing-form-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.65rem;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}

html[data-wd-build="watchdog"] body.wd-landing .landing-form-trust li {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--idx-ink);
  background: rgb(var(--idx-accent-rgb) / 0.14);
  border: 1px solid rgb(var(--idx-accent-rgb) / 0.35);
  padding: 0.35rem 0.55rem;
}

html[data-wd-build="watchdog"] body.wd-landing .landing-form-kicker {
  margin: 0 0 1rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--idx-ink);
}

html[data-wd-build="watchdog"] body.wd-landing .landing-form-section .contact-form-note {
  max-width: none;
  margin-inline: 0;
  text-align: left;
  line-height: 1.55;
}

/* Hide review prompt on campaign page */
html[data-wd-build="watchdog"] body.wd-landing .review-us-prompt {
  display: none !important;
}

/* ─── Sticky mobile CTA ─── */
html[data-wd-build="watchdog"] body.wd-landing .landing-sticky-cta {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 24;
  display: flex;
  gap: 0.5rem;
  padding: 0.65rem 0.75rem calc(0.65rem + env(safe-area-inset-bottom, 0px));
  background: rgb(10 10 12 / 0.96);
  border-top: 2px solid var(--idx-accent);
  box-shadow: 0 -4px 24px rgb(0 0 0 / 0.35);
}

html[data-wd-build="watchdog"] body.wd-landing .landing-sticky-cta[hidden] {
  display: none !important;
}

html[data-wd-build="watchdog"] body.wd-landing .landing-sticky-cta .cta-primary {
  flex: 1 1 auto;
  text-align: center;
  font-size: 0.72rem;
  padding: 0.7rem 0.5rem;
  justify-content: center;
}

html[data-wd-build="watchdog"] body.wd-landing .landing-sticky-cta__phone {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 0.85rem;
  font-family: var(--idx-display);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--idx-ink);
  border: 2px solid var(--idx-line);
  text-decoration: none;
  white-space: nowrap;
}

@media (min-width: 769px) {
  html[data-wd-build="watchdog"] body.wd-landing .landing-sticky-cta {
    display: none !important;
  }
}

/* ─── Phase 2: trust band, merged switch note, steps ─── */
html[data-wd-build="watchdog"] body.wd-landing .landing-switch-note {
  margin-top: 1.35rem;
  padding: 1rem 1.15rem;
  border-left: 4px solid var(--idx-accent);
  background: rgb(var(--idx-accent-rgb) / 0.08);
}

html[data-wd-build="watchdog"] body.wd-landing .landing-switch-note p {
  margin: 0;
  color: var(--idx-muted);
  font-size: 0.95rem;
  line-height: 1.55;
}

html[data-wd-build="watchdog"] body.wd-landing .landing-stat-band {
  background: var(--v4-slab);
  border-top: 3px solid var(--idx-accent);
  border-bottom: 3px solid var(--idx-accent);
  padding-top: clamp(1.1rem, 2.5vw, 1.65rem);
  padding-bottom: clamp(1.1rem, 2.5vw, 1.65rem);
}

html[data-wd-build="watchdog"] body.wd-landing .landing-stats {
  margin: 0;
}

html[data-wd-build="watchdog"] body.wd-landing .landing-stats .stat h3 {
  color: var(--idx-accent);
}

html[data-wd-build="watchdog"] body.wd-landing .landing-steps-section > .container > header .landing-steps-intro {
  margin: -0.35rem 0 1.1rem;
  max-width: 40rem;
  color: var(--idx-muted);
  font-size: 0.95rem;
  line-height: 1.55;
}

html[data-wd-build="watchdog"] body.wd-landing .landing-steps-cta {
  margin: 1.35rem 0 0;
}

/* Fifth trust card: same width as the 2-col cells, centred on its row */
@media (min-width: 600px) {
  html[data-wd-build="watchdog"] body.wd-landing .landing-why-grid .service-card:last-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - 0.85rem) / 2);
    max-width: none;
  }
}

/* Tighter rhythm between problem → audit → trust blocks */
html[data-wd-build="watchdog"] body.wd-landing main > section.hero.page-hero.landing-hero + section.about {
  margin-top: clamp(1.75rem, 3.5vh, 2.5rem);
}

html[data-wd-build="watchdog"] body.wd-landing main > section.hero.page-hero ~ section.about.landing-why-section,
html[data-wd-build="watchdog"] body.wd-landing main > section.landing-stat-band {
  margin-top: clamp(2rem, 4vh, 2.75rem);
}

/* ─── Mobile full-width CTAs ─── */
@media (max-width: 640px) {
  html[data-wd-build="watchdog"] body.wd-landing .hero-actions .cta-primary,
  html[data-wd-build="watchdog"] body.wd-landing .faq-cta-p .cta-primary,
  html[data-wd-build="watchdog"] body.wd-landing .contact-cta-actions .cta-primary,
  html[data-wd-build="watchdog"] body.wd-landing .contact-form .submit-button,
  html[data-wd-build="watchdog"] body.wd-landing .landing-steps-cta .cta-primary {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}