/* Pure Flow v8.5.0 — vitrine comercial premium */
body.landing-mode {
  --landing-ink: #0e2938;
  --landing-brand: #115c79;
  --landing-accent: #16a0a0;
  --landing-line: rgba(22, 70, 89, .14);
  color: var(--landing-ink);
  background: #fbfcfc;
}

.landing-mode a.btn,
.landing-mode .landing-nav a,
.landing-mode .landing-footer a { text-decoration: none !important; }

.landing-mode .landing-nav {
  max-width: 1440px;
  margin: 12px auto 0;
  border: 1px solid var(--landing-line);
  border-radius: 18px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 12px 36px rgba(15, 51, 68, .08);
  backdrop-filter: blur(18px);
}

.landing-mode .landing-menu a { color: #526a78; font-size: 13px; font-weight: 800; }
.landing-mode .landing-menu a:hover { color: var(--landing-brand); }
.landing-mode .landing-actions .btn { min-height: 40px; border-radius: 10px; padding: 9px 14px; }

.landing-mode .landing-hero {
  max-width: 1440px;
  margin: 0 auto;
  padding: clamp(58px, 8vw, 116px) clamp(20px, 5vw, 76px) clamp(54px, 7vw, 96px);
  gap: clamp(36px, 6vw, 86px);
}
.landing-mode .landing-hero::after { opacity: .45; }
.landing-mode .landing-hero-copy h1 { max-width: 880px; font-size: clamp(44px, 5.8vw, 78px); line-height: .99; letter-spacing: -.055em; }
.landing-mode .landing-hero-copy > p { max-width: 730px; color: #58707e; font-size: clamp(17px, 1.55vw, 21px); line-height: 1.58; }
.landing-mode .premium-eyebrow { color: var(--landing-accent); }
.landing-mode .landing-cta-row .btn { border-radius: 11px; min-height: 50px; box-shadow: none; }
.landing-mode .landing-cta-row .btn-primary { background: var(--landing-brand); }
.landing-mode .landing-proof { color: #496371; }
.landing-mode .landing-proof span::before { background: var(--landing-accent); }

.landing-mode .premium-hero-panel {
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.7);
  box-shadow: 0 32px 80px rgba(14, 52, 69, .18);
  overflow: hidden;
}

.landing-mode .trust-strip { border-top-color: var(--landing-line); }
.landing-mode .landing-section { padding-top: clamp(64px, 8vw, 112px); padding-bottom: clamp(64px, 8vw, 112px); }
.landing-mode .landing-section > h2,
.landing-mode .landing-section.split h2 { max-width: 960px; font-size: clamp(34px, 4vw, 58px); line-height: 1.08; letter-spacing: -.045em; }
.landing-mode .landing-card,
.landing-mode .testimonial-card,
.landing-mode .feature-list > div,
.landing-mode .screen-mock,
.landing-mode .faq-grid details {
  border: 1px solid var(--landing-line);
  border-radius: 18px;
  box-shadow: 0 12px 36px rgba(15, 51, 68, .06);
}
.landing-mode .landing-card:hover,
.landing-mode .feature-list > div:hover { transform: translateY(-3px); box-shadow: 0 20px 44px rgba(15, 51, 68, .1); }
.landing-mode .premium-band { background: #0d3143; }
.landing-mode .landing-final { border-radius: 28px; margin-bottom: 56px; box-shadow: 0 30px 80px rgba(13, 49, 67, .14); }
.landing-mode .landing-lead-form { border: 1px solid var(--landing-line); border-radius: 20px; box-shadow: 0 18px 48px rgba(15, 51, 68, .1); }

@media (max-width: 980px) {
  .landing-mode .landing-nav { margin: 8px; }
  .landing-mode .landing-hero { padding-top: 52px; }
  .landing-mode .landing-hero-copy h1 { font-size: clamp(42px, 10vw, 64px); }
}

@media (max-width: 680px) {
  .landing-mode .landing-nav { border-radius: 14px; }
  .landing-mode .landing-hero { padding: 42px 18px 52px; }
  .landing-mode .landing-hero-copy h1 { font-size: clamp(38px, 12vw, 52px); }
  .landing-mode .landing-cta-row .btn { width: 100%; }
  .landing-mode .landing-final { margin-inline: 10px; border-radius: 20px; }
}
