/* Salespetro design system */
.anticon { display: inline-flex; align-items: center; line-height: 0; vertical-align: -0.125em; }
.anticon svg { display: inline-block; }

/* Template SP Landing — sem header/footer Elementor do tema */
body.sp-landing #masthead,
body.sp-landing #colophon,
body.sp-landing .site-breadcrumbs,
body.sp-landing .page-preloader {
  display: none !important;
}

body.sp-landing #content.site-content--sp-landing,
body.sp-landing #sp-landing-main {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
}

body.sp-landing #page.site {
  overflow-x: clip;
}

.sp-design-v2 .anticon-check::before {
  content: "✓";
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

.sp-design-v2 {
  --sp-color-navy: #001a33;
  --sp-color-primary: #003f91;
  --sp-color-primary-dark: #002137;
  --sp-color-accent: #ff770d;
  --sp-color-surface-page: #e8ecf0;
  --sp-color-surface-card: #ffffff;
  --sp-color-surface-inset: #fafbfc;
  --sp-color-border: #dde3ea;
  --sp-color-text: #0f1724;
  --sp-color-text-secondary: #5c6b7a;
  --sp-variation-up: #ff4d4f;
  --sp-variation-down: #52c41a;
  --sp-space-xs: 4px;
  --sp-space-sm: 8px;
  --sp-space-md: 12px;
  --sp-space-lg: 16px;
  --sp-space-xl: 24px;
  --sp-space-2xl: 32px;
  --sp-radius-sm: 6px;
  --sp-radius-md: 10px;
  --sp-shadow-card: 0 1px 2px rgba(0, 26, 51, 0.06), 0 8px 24px rgba(0, 26, 51, 0.08);
  --sp-font-family: 'IBM Plex Sans', system-ui, sans-serif;
  --sp-font-family-mono: 'IBM Plex Mono', ui-monospace, monospace;
}

/* Conteudo legado (home Elementor strip) — evita SVG/img sem dimensao */
.sp-design-v2 img {
  max-width: 100%;
  height: auto;
}

.sp-design-v2 #btn-login svg,
.sp-design-v2 #btn-assinar svg,
.sp-design-v2 a > svg:only-child,
.sp-design-v2 a > svg:first-child:last-of-type {
  width: 1.125em;
  height: 1.125em;
  flex-shrink: 0;
  fill: currentColor;
}

.sp-design-v2 #btn-login,
.sp-design-v2 #btn-assinar {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}

/* Landing Salespetro — alinhada ao shell interno (AppHeader + auth público) */

.sp-design-v2 .landing-page {
  min-height: 100vh;
  background: var(--sp-color-surface-page);
  color: var(--sp-color-text);
  font-family: var(--sp-font-family);
}

.sp-design-v2 .landing-lazy-placeholder {
  width: 100%;
  background: var(--sp-color-surface-page);
}

.sp-design-v2 .landing-deferred-section {
  content-visibility: auto;
  contain-intrinsic-size: auto 320px;
}

.sp-design-v2 .landing-page [id] {
  scroll-margin-top: 72px;
}

.sp-design-v2 .landing-container {
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 0 var(--sp-space-xl);
}

/* Shared buttons */
.sp-design-v2 .landing-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-space-sm);
  padding: 12px 20px;
  border-radius: 8px;
  border: none;
  font-family: var(--sp-font-family);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .sp-design-v2 .landing-btn {
    transition: none;
  }
}

.sp-design-v2 .landing-btn--accent {
  background: var(--sp-color-accent);
  color: #fff;
}

.sp-design-v2 .landing-btn--accent:hover,
.sp-design-v2 .landing-btn--accent:focus-visible {
  box-shadow: 4px 4px 0 var(--sp-color-navy);
  transform: translate(-2px, -2px);
}

.sp-design-v2 .landing-btn--outline {
  background: transparent;
  color: var(--sp-color-accent);
  border: 2px solid var(--sp-color-accent);
}

.sp-design-v2 .landing-btn--outline:hover,
.sp-design-v2 .landing-btn--outline:focus-visible {
  background: rgba(255, 119, 13, 0.12);
}

.sp-design-v2 .landing-btn--lg {
  padding: 14px 24px;
  font-size: 15px;
}

.sp-design-v2 .landing-section-title {
  margin: 0 0 var(--sp-space-2xl);
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 700;
  line-height: 1.15;
  color: var(--sp-color-primary-dark);
}

/* Header (planos e demais landings — não a home) */
.sp-design-v2 .landing-header:not(.landing-header--home) {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  height: 64px;
  background: var(--sp-color-navy);
  border-bottom: 2px solid var(--sp-color-accent);
}

.sp-design-v2 .landing-header:not(.landing-header--home) .landing-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 var(--sp-space-xl);
  gap: var(--sp-space-md);
}

.sp-design-v2 .landing-header:not(.landing-header--home) .landing-header__brand {
  display: inline-flex;
  align-items: center;
  flex: none;
  min-height: 44px;
  text-decoration: none;
}

.sp-design-v2 .landing-header:not(.landing-header--home) .landing-header__logo {
  display: block;
  height: 32px;
  width: auto;
  max-width: 149px;
}

.sp-design-v2 .landing-header:not(.landing-header--home) .landing-header__nav {
  display: none;
  align-items: center;
  gap: var(--sp-space-lg);
  flex: 1;
  min-width: 0;
  justify-content: center;
}

.sp-design-v2 .landing-header:not(.landing-header--home) .landing-header__nav-link {
  background: none;
  border: none;
  color: #fff;
  font-family: var(--sp-font-family);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: normal;
  cursor: pointer;
  padding: 8px 4px;
  border-radius: var(--sp-radius-sm);
  text-decoration: none;
}

.sp-design-v2 .landing-header:not(.landing-header--home) .landing-header__nav-link:hover,
.sp-design-v2 .landing-header:not(.landing-header--home) .landing-header__nav-link:focus-visible {
  color: var(--sp-color-accent);
}

.sp-design-v2 .landing-header:not(.landing-header--home) .landing-header__desktop-actions {
  display: none;
  align-items: center;
  gap: var(--sp-space-md);
}

.sp-design-v2 .landing-header__actions {
  display: flex;
  align-items: center;
  gap: var(--sp-space-md);
}

.sp-design-v2 .landing-header__login-link {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.sp-design-v2 .landing-header__login-link:hover {
  color: var(--sp-color-accent);
}

.sp-design-v2 .landing-header:not(.landing-header--home) .landing-header__cta {
  padding: 10px 16px;
  font-size: 12px;
}

.sp-design-v2 .landing-header:not(.landing-header--home) .landing-header__menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  background: transparent;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

.sp-design-v2 .landing-header__mobile-backdrop {
  position: fixed;
  inset: 0;
  z-index: 60;
  background: rgba(0, 33, 55, 0.45);
}

.sp-design-v2 .landing-header__mobile-backdrop[hidden],
.sp-design-v2 .landing-header__mobile-panel[hidden] {
  display: none !important;
}

.sp-design-v2 .landing-header__mobile-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 61;
  display: flex;
  flex-direction: column;
  gap: var(--sp-space-md);
  width: min(280px, 85vw);
  padding: var(--sp-space-xl);
  background: var(--sp-color-surface-card);
  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.15);
}

.sp-design-v2 .landing-header__mobile-close {
  align-self: flex-end;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 8px;
  background: var(--sp-color-surface-page);
  color: var(--sp-color-text);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.sp-design-v2 .landing-header__drawer-nav {
  display: flex;
  flex-direction: column;
  gap: var(--sp-space-md);
}

.sp-design-v2 .landing-header__drawer-link {
  display: block;
  width: 100%;
  padding: 10px 0;
  border: none;
  background: none;
  text-align: left;
  color: var(--sp-color-text);
  font-size: 15px;
  text-decoration: none;
  cursor: pointer;
}

.sp-design-v2 .landing-header__drawer-cta {
  margin-top: var(--sp-space-md);
  width: 100%;
}

/* Hero */
.sp-design-v2 .landing-hero {
  padding: calc(64px + var(--sp-space-2xl)) 0 var(--sp-space-2xl);
  background: var(--sp-color-surface-page);
}

.sp-design-v2 .landing-hero__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-space-2xl);
  align-items: center;
}

.sp-design-v2 .landing-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-space-sm);
  margin-bottom: var(--sp-space-lg);
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--sp-color-surface-card);
  border: 1px solid var(--sp-color-border);
  font-family: var(--sp-font-family);
  font-size: 13px;
  font-weight: 500;
  color: var(--sp-color-text-secondary);
}

.sp-design-v2 .landing-hero__badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--sp-variation-down);
  animation: landing-pulse 2s ease-in-out infinite;
}

@keyframes landing-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.45; }
}

@media (prefers-reduced-motion: reduce) {
  .sp-design-v2 .landing-hero__badge-dot {
    animation: none;
  }
}

.sp-design-v2 .landing-hero__title {
  margin: 0 0 var(--sp-space-lg);
  font-size: clamp(32px, 5vw, 56px);
  font-weight: 700;
  line-height: 1.08;
  color: var(--sp-color-primary-dark);
}

.sp-design-v2 .landing-hero__subtitle {
  margin: 0 0 var(--sp-space-xl);
  max-width: 520px;
  font-size: 18px;
  line-height: 1.55;
  color: var(--sp-color-text-secondary);
}

.sp-design-v2 .landing-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-space-md);
  align-items: center;
}

.sp-design-v2 .landing-hero__cta-note {
  margin: var(--sp-space-md) 0 0;
  font-size: 14px;
  color: var(--sp-color-text-secondary);
}

.sp-design-v2 .landing-hero__cta-link {
  color: var(--sp-color-primary);
  font-weight: 600;
  text-decoration: none;
}

.sp-design-v2 .landing-hero__cta-link:hover {
  color: var(--sp-color-accent);
}

.sp-design-v2 .landing-hero__mockup {
  position: relative;
  min-height: 260px;
}

.sp-design-v2 .landing-hero__mockup-glow {
  position: absolute;
  inset: 10% 5%;
  background: color-mix(in srgb, var(--sp-color-primary) 20%, transparent);
  filter: blur(48px);
  border-radius: 50%;
}

.sp-design-v2 .landing-hero__card {
  position: absolute;
  width: min(320px, 88%);
  padding: var(--sp-space-xl);
  border-radius: var(--sp-radius-md);
  background: var(--sp-color-navy);
  color: #fff;
  box-shadow: var(--sp-shadow-card);
}

.sp-design-v2 .landing-hero__card--back {
  top: 12%;
  right: 4%;
  transform: rotate(6deg);
  opacity: 0.88;
}

.sp-design-v2 .landing-hero__card--front {
  top: 28%;
  left: 4%;
  transform: rotate(-4deg);
  border: 2px solid var(--sp-color-accent);
  z-index: 1;
}

.sp-design-v2 .landing-hero__card-label {
  display: block;
  margin-bottom: var(--sp-space-sm);
  font-family: var(--sp-font-family-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: #8fa4b8;
  text-transform: uppercase;
}

.sp-design-v2 .landing-hero__card-price {
  display: block;
  font-family: var(--sp-font-family-mono);
  font-size: 36px;
  font-weight: 500;
}

.sp-design-v2 .landing-hero__card-var {
  display: inline-block;
  margin-top: var(--sp-space-sm);
  font-family: var(--sp-font-family-mono);
  font-size: 14px;
  font-weight: 500;
}

.sp-design-v2 .landing-hero__card-var--up {
  color: var(--sp-variation-up);
}

.sp-design-v2 .landing-hero__card-var--down {
  color: var(--sp-variation-down);
}

.sp-design-v2 .landing-hero__card-bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  margin-top: var(--sp-space-lg);
  height: 48px;
}

.sp-design-v2 .landing-hero__card-bars span {
  flex: 1;
  background: rgba(255, 119, 13, 0.55);
  border-radius: 2px;
}

.sp-design-v2 .landing-hero__card-bars span:nth-child(1) { height: 35%; }
.sp-design-v2 .landing-hero__card-bars span:nth-child(2) { height: 55%; }
.sp-design-v2 .landing-hero__card-bars span:nth-child(3) { height: 42%; }
.sp-design-v2 .landing-hero__card-bars span:nth-child(4) { height: 72%; }
.sp-design-v2 .landing-hero__card-bars span:nth-child(5) { height: 58%; }

/* Ticker */
.sp-design-v2 .landing-ticker {
  min-height: 80px;
  padding: var(--sp-space-lg) 0;
  background: var(--sp-color-surface-page);
  border-top: 1px solid var(--sp-color-border);
  border-bottom: 1px solid var(--sp-color-border);
}

.sp-design-v2 .landing-ticker__label {
  margin: 0 0 var(--sp-space-sm);
  text-align: center;
  font-size: 13px;
  color: var(--sp-color-text-secondary);
}

.sp-design-v2 .landing-ticker__track-wrap {
  overflow: hidden;
}

.sp-design-v2 .landing-ticker__track {
  display: flex;
  gap: 48px;
  width: max-content;
  animation: landing-marquee 28s linear infinite;
}

@keyframes landing-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .sp-design-v2 .landing-ticker__track {
    animation: none;
    flex-wrap: wrap;
    justify-content: center;
    width: auto;
  }
}

.sp-design-v2 .landing-ticker__item {
  font-family: var(--sp-font-family-mono);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: var(--sp-color-text-secondary);
  opacity: 0.6;
  filter: grayscale(1);
}

.sp-design-v2 .landing-page--about .landing-problem {
  background: transparent;
}

/* Problem */
.sp-design-v2 .landing-problem {
  padding: var(--sp-space-2xl) 0 56px;
  background: var(--sp-color-surface-card);
}

.sp-design-v2 .landing-problem__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-space-lg);
}

.sp-design-v2 .landing-problem__card {
  padding: var(--sp-space-xl);
  border: 1px solid var(--sp-color-border);
  border-radius: var(--sp-radius-md);
  background: var(--sp-color-surface-card);
  box-shadow: var(--sp-shadow-card);
}

.sp-design-v2 .landing-problem__card-title {
  margin: 0 0 var(--sp-space-sm);
  font-size: 20px;
}

.sp-design-v2 .landing-problem__card-text {
  margin: 0;
  color: var(--sp-color-text-secondary);
  line-height: 1.5;
}

/* Planos — cards com movimento (secao "Sua planilha...") */
.sp-design-v2 .landing-problem:not(.landing-product-features) .landing-problem__card {
  position: relative;
  overflow: hidden;
  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s ease,
    border-color 0.35s ease;
  animation:
    landing-problem-card-in 0.75s cubic-bezier(0.22, 1, 0.36, 1) both,
    landing-problem-card-float 5.5s ease-in-out infinite;
}

.sp-design-v2 .landing-problem:not(.landing-product-features) .landing-problem__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--sp-problem-accent, var(--sp-color-accent));
  transform: scaleX(0.3);
  transform-origin: left center;
  transition: transform 0.35s ease;
}

.sp-design-v2 .landing-problem:not(.landing-product-features) .landing-problem__card::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 55%;
  background: radial-gradient(
    ellipse 90% 100% at 50% 100%,
    color-mix(in srgb, var(--sp-problem-accent, var(--sp-color-accent)) 14%, transparent),
    transparent
  );
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

.sp-design-v2 .landing-problem:not(.landing-product-features) .landing-problem__card:nth-child(1) {
  --sp-problem-accent: #ff770d;
  animation-delay: 0.08s, 0s;
}

.sp-design-v2 .landing-problem:not(.landing-product-features) .landing-problem__card:nth-child(2) {
  --sp-problem-accent: #1677ff;
  animation-delay: 0.22s, -1.8s;
  animation-duration: 0.75s, 6.2s;
}

.sp-design-v2 .landing-problem:not(.landing-product-features) .landing-problem__card:nth-child(3) {
  --sp-problem-accent: #389e0d;
  animation-delay: 0.36s, -3.6s;
  animation-duration: 0.75s, 6.8s;
}

.sp-design-v2 .landing-problem:not(.landing-product-features) .landing-problem__card-title {
  transition: color 0.25s ease;
}

.sp-design-v2 .landing-problem:not(.landing-product-features) .landing-problem__card:hover {
  translate: 0 -10px;
  transform: scale(1.02);
  box-shadow: 0 18px 44px rgba(0, 33, 55, 0.15);
  border-color: color-mix(in srgb, var(--sp-problem-accent) 40%, var(--sp-color-border));
  animation-play-state: paused, paused;
}

.sp-design-v2 .landing-problem:not(.landing-product-features) .landing-problem__card:hover::before {
  transform: scaleX(1);
}

.sp-design-v2 .landing-problem:not(.landing-product-features) .landing-problem__card:hover::after {
  opacity: 1;
}

.sp-design-v2 .landing-problem:not(.landing-product-features) .landing-problem__card:hover .landing-problem__card-title {
  color: var(--sp-problem-accent);
}

@keyframes landing-problem-card-in {
  from {
    opacity: 0;
    translate: 0 28px;
  }

  to {
    opacity: 1;
    translate: 0 0;
  }
}

@keyframes landing-problem-card-float {
  0%,
  100% {
    translate: 0 0;
  }

  50% {
    translate: 0 -7px;
  }
}

/* Alias compartilhado — cards com movimento */
@keyframes landing-motion-card-in {
  from {
    opacity: 0;
    translate: 0 28px;
  }

  to {
    opacity: 1;
    translate: 0 0;
  }
}

@keyframes landing-motion-card-float {
  0%,
  100% {
    translate: 0 0;
  }

  50% {
    translate: 0 -7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sp-design-v2 .landing-problem:not(.landing-product-features) .landing-problem__card {
    animation: none;
  }

  .sp-design-v2 .landing-problem:not(.landing-product-features) .landing-problem__card:hover {
    translate: none;
    transform: none;
  }
}

/* Terminal preview — faixa escura como AppHeader */
.sp-design-v2 .landing-terminal {
  padding: 56px 0;
  background: linear-gradient(
    160deg,
    var(--sp-color-navy) 0%,
    var(--sp-color-primary-dark) 55%,
    var(--sp-color-primary) 100%
  );
  border-top: 2px solid var(--sp-color-accent);
}

.sp-design-v2 .landing-terminal__title {
  margin: 0 0 var(--sp-space-sm);
  font-size: clamp(28px, 4vw, 40px);
  color: #fff;
}

.sp-design-v2 .landing-terminal__subtitle {
  margin: 0 0 var(--sp-space-2xl);
  color: #8fa4b8;
  max-width: 560px;
}

.sp-design-v2 .landing-terminal__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-space-lg);
}

.sp-design-v2 .landing-terminal__widget {
  padding: var(--sp-space-xl);
  border-radius: 10px;
  background: #00284d;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: border-color 0.15s ease;
}

.sp-design-v2 .landing-terminal__widget:hover {
  border-color: var(--sp-color-accent);
}

/* Planos — card com cor contrastando ao grafico claro */
.sp-design-v2 .landing-page--planos .landing-terminal__widget--etanol {
  background: linear-gradient(155deg, #0c2618 0%, #163524 55%, #1f4229 100%);
  border-color: rgba(115, 209, 61, 0.3);
  box-shadow: inset 0 1px 0 rgba(115, 209, 61, 0.14);
}

.sp-design-v2 .landing-page--planos .landing-terminal__widget--etanol:hover {
  border-color: rgba(115, 209, 61, 0.7);
}

.sp-design-v2 .landing-page--planos .landing-terminal__widget--etanol .landing-terminal__widget-label {
  color: rgba(149, 222, 100, 0.9);
}

.sp-design-v2 .landing-page--planos .landing-terminal__widget--gasolina {
  background: linear-gradient(155deg, #2a1c0a 0%, #3d2a12 55%, #4a3418 100%);
  border-color: rgba(255, 192, 105, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 192, 105, 0.14);
}

.sp-design-v2 .landing-page--planos .landing-terminal__widget--gasolina:hover {
  border-color: rgba(255, 192, 105, 0.7);
}

.sp-design-v2 .landing-page--planos .landing-terminal__widget--gasolina .landing-terminal__widget-label {
  color: rgba(255, 197, 128, 0.92);
}

.sp-design-v2 .landing-page--planos .landing-terminal__widget--diesel {
  background: linear-gradient(155deg, #081c36 0%, #0f2848 55%, #153358 100%);
  border-color: rgba(105, 177, 255, 0.3);
  box-shadow: inset 0 1px 0 rgba(105, 177, 255, 0.14);
}

.sp-design-v2 .landing-page--planos .landing-terminal__widget--diesel:hover {
  border-color: rgba(105, 177, 255, 0.7);
}

.sp-design-v2 .landing-page--planos .landing-terminal__widget--diesel .landing-terminal__widget-label {
  color: rgba(145, 202, 255, 0.92);
}

.sp-design-v2 .landing-terminal__widget-label {
  display: block;
  margin-bottom: var(--sp-space-sm);
  font-family: var(--sp-font-family-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: #8fa4b8;
}

.sp-design-v2 .landing-terminal__widget-price {
  display: block;
  font-family: var(--sp-font-family-mono);
  font-size: 32px;
  color: #fff;
}

.sp-design-v2 .landing-terminal__widget-var {
  display: inline-block;
  margin-top: var(--sp-space-sm);
  font-family: var(--sp-font-family-mono);
  font-size: 14px;
}

.sp-design-v2 .landing-terminal__widget-var--up {
  color: var(--sp-variation-up);
}

.sp-design-v2 .landing-terminal__widget-var--down {
  color: var(--sp-variation-down);
}

.sp-design-v2 .landing-terminal__widget-chart {
  height: 48px;
  margin-top: var(--sp-space-lg);
}

/* Sparkline — linha + area (estilo unificado) */
.sp-design-v2 .landing-terminal__widget-chart--sparkline {
  display: block;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0.95;
}

/* Etanol — picos com tendencia de alta (+0,6%) */
.sp-design-v2 .landing-terminal__widget-chart--sparkline-etanol {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 48' preserveAspectRatio='none'%3E%3Cpath d='M0 38 L20 34 L40 36 L60 28 L80 31 L100 24 L120 27 L140 20 L160 22 L180 16 L200 18 L220 12 L240 9' fill='none' stroke='%2373d13d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 38 L20 34 L40 36 L60 28 L80 31 L100 24 L120 27 L140 20 L160 22 L180 16 L200 18 L220 12 L240 9 L240 48 L0 48 Z' fill='%2373d13d' fill-opacity='0.22'/%3E%3C/svg%3E");
}

/* Gasolina — picos volateis (+0,3%) */
.sp-design-v2 .landing-terminal__widget-chart--sparkline-gasolina {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 48' preserveAspectRatio='none'%3E%3Cpath d='M0 34 L20 26 L40 32 L60 18 L80 25 L100 15 L120 22 L140 12 L160 19 L180 14 L200 21 L220 11 L240 15' fill='none' stroke='%23ffc069' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 34 L20 26 L40 32 L60 18 L80 25 L100 15 L120 22 L140 12 L160 19 L180 14 L200 21 L220 11 L240 15 L240 48 L0 48 Z' fill='%23ffc069' fill-opacity='0.22'/%3E%3C/svg%3E");
}

/* Diesel — picos com tendencia de queda (-0,9%) */
.sp-design-v2 .landing-terminal__widget-chart--sparkline-diesel {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 48' preserveAspectRatio='none'%3E%3Cpath d='M0 11 L20 15 L40 13 L60 19 L80 17 L100 23 L120 21 L140 27 L160 25 L180 31 L200 33 L220 37 L240 40' fill='none' stroke='%2369b1ff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 11 L20 15 L40 13 L60 19 L80 17 L100 23 L120 21 L140 27 L160 25 L180 31 L200 33 L220 37 L240 40 L240 48 L0 48 Z' fill='%2369b1ff' fill-opacity='0.22'/%3E%3C/svg%3E");
}

/* Pricing */
.sp-design-v2 .landing-pricing {
  padding: 56px 0;
  background: var(--sp-color-surface-page);
}

.sp-design-v2 .landing-pricing__intro,
.sp-design-v2 .landing-steps__intro {
  margin: calc(var(--sp-space-md) * -1) 0 var(--sp-space-2xl);
  max-width: 640px;
  font-size: 17px;
  line-height: 1.55;
  color: var(--sp-color-text-secondary);
}

.sp-design-v2 .landing-pricing__layout {
  display: flex;
  flex-direction: column;
  gap: var(--sp-space-xl);
  min-height: 520px;
}

.sp-design-v2 .landing-pricing__layout--refreshing {
  opacity: 0.92;
  transition: opacity 0.2s ease;
}

.sp-design-v2 .landing-pricing__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-space-lg);
  align-items: stretch;
}

.sp-design-v2 .landing-pricing__card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: var(--sp-space-xl);
  border-radius: 12px;
  border: 1px solid var(--sp-color-border);
  background: var(--sp-color-surface-card);
  box-shadow: var(--sp-shadow-card);
}

.sp-design-v2 .landing-pricing__card--featured,
.sp-design-v2 .landing-pricing__card--pro {
  background: var(--sp-color-navy);
  border: 2px solid var(--sp-color-accent);
  box-shadow: 0 12px 32px rgba(0, 26, 51, 0.18);
}

.sp-design-v2 .landing-pricing__card-head {
  margin-bottom: var(--sp-space-lg);
}

.sp-design-v2 .landing-pricing__card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--sp-space-md);
}

.sp-design-v2 .landing-pricing__card-foot {
  margin-top: var(--sp-space-xl);
  padding-top: var(--sp-space-lg);
  border-top: 1px solid var(--sp-color-border);
}

.sp-design-v2 .landing-pricing__card--featured .landing-pricing__card-foot {
  border-top-color: rgba(255, 255, 255, 0.12);
}

.sp-design-v2 .landing-pricing__badge {
  display: inline-block;
  margin-bottom: var(--sp-space-md);
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255, 119, 13, 0.15);
  color: var(--sp-color-accent);
  font-family: var(--sp-font-family);
  font-size: 12px;
  font-weight: 600;
}

.sp-design-v2 .landing-pricing__badge--outline {
  background: transparent;
  border: 1px solid var(--sp-color-accent);
  color: var(--sp-color-accent);
}

.sp-design-v2 .landing-pricing__plan-name {
  margin: 0 0 var(--sp-space-xs, 4px);
  font-size: 22px;
  line-height: 1.2;
}

.sp-design-v2 .landing-pricing__plan-name--light {
  color: #fff;
}

.sp-design-v2 .landing-pricing__price {
  margin: 0;
  font-family: var(--sp-font-family-mono);
  font-size: 40px;
  font-weight: 600;
  line-height: 1.1;
}

.sp-design-v2 .landing-pricing__price--commercial {
  font-family: var(--sp-font-family);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sp-color-text-secondary);
}

.sp-design-v2 .landing-pricing__price--light {
  color: #fff;
}

.sp-design-v2 .landing-pricing__price--commercial.landing-pricing__price--light {
  color: #8fa4b8;
}

.sp-design-v2 .landing-pricing__price-hint {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--sp-color-text-secondary);
}

.sp-design-v2 .landing-pricing__price-hint--light {
  color: #b8c9d9;
}

.sp-design-v2 .landing-pricing__plan-sub {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--sp-color-text-secondary);
}

.sp-design-v2 .landing-pricing__plan-sub--light {
  color: #8fa4b8;
}

.sp-design-v2 .landing-pricing__features {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sp-design-v2 .landing-pricing__feature {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.45;
}

.sp-design-v2 .landing-pricing__feature--included {
  color: var(--sp-color-text);
}

.sp-design-v2 .landing-pricing__feature--included .anticon {
  flex-shrink: 0;
  margin-top: 3px;
  color: var(--sp-color-accent);
  font-size: 13px;
}

.sp-design-v2 .landing-pricing__feature--light {
  color: rgba(255, 255, 255, 0.92);
}

.sp-design-v2 .landing-pricing__feature--light .anticon {
  color: var(--sp-color-accent);
}

.sp-design-v2 .landing-pricing__feature--emphasis {
  font-weight: 600;
}

.sp-design-v2 .landing-pricing__footnote {
  margin: auto 0 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--sp-color-surface-inset);
  font-size: 13px;
  line-height: 1.45;
  color: var(--sp-color-text-secondary);
}

.sp-design-v2 .landing-pricing__footnote--light {
  background: rgba(255, 255, 255, 0.08);
  color: #8fa4b8;
}

.sp-design-v2 .landing-pricing__trial {
  display: flex;
  flex-direction: column;
  gap: var(--sp-space-lg);
  padding: var(--sp-space-xl);
  border: 1px dashed var(--sp-color-border);
  border-radius: 12px;
  background: var(--sp-color-surface-card);
}

.sp-design-v2 .landing-pricing__trial--skeleton {
  min-height: 120px;
  border-style: solid;
  background: var(--sp-color-surface-inset);
}

.sp-design-v2 .landing-pricing__trial-title {
  margin: var(--sp-space-sm) 0 0;
  font-size: 20px;
}

.sp-design-v2 .landing-pricing__trial-price {
  margin: var(--sp-space-xs, 4px) 0 0;
  font-family: var(--sp-font-family-mono);
  font-size: 28px;
  font-weight: 600;
  color: var(--sp-color-primary);
}

.sp-design-v2 .landing-pricing__trial-sub {
  margin: var(--sp-space-sm) 0 0;
  max-width: 52ch;
  color: var(--sp-color-text-secondary);
  line-height: 1.5;
}

.sp-design-v2 .landing-pricing__trial-action {
  display: flex;
  flex-direction: column;
  gap: var(--sp-space-sm);
}

.sp-design-v2 .landing-pricing__trial-cta {
  width: fit-content;
  min-width: 220px;
}

.sp-design-v2 .landing-pricing__card--skeleton {
  min-height: 420px;
  background: linear-gradient(
    90deg,
    var(--sp-color-surface-inset) 0%,
    var(--sp-color-surface-card) 50%,
    var(--sp-color-surface-inset) 100%
  );
  background-size: 200% 100%;
  animation: landing-pricing-skeleton 1.2s ease-in-out infinite;
}

@keyframes landing-pricing-skeleton {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sp-design-v2 .landing-pricing__card--skeleton {
    animation: none;
  }
}

.sp-design-v2 .landing-pricing__cta {
  width: 100%;
}

.sp-design-v2 .landing-pricing__note {
  margin: var(--sp-space-md) 0 0;
  font-size: 12px;
  color: var(--sp-color-text-secondary);
  text-align: center;
}

/* Steps */
.sp-design-v2 .landing-steps {
  padding: 56px 0;
  background: var(--sp-color-surface-card);
}

.sp-design-v2 .landing-steps__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-space-lg);
}

.sp-design-v2 .landing-steps__card {
  padding: var(--sp-space-xl);
  border: 1px solid var(--sp-color-border);
  border-radius: 10px;
}

.sp-design-v2 .landing-steps__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-bottom: var(--sp-space-md);
  border-radius: 50%;
  background: rgba(0, 63, 145, 0.1);
  color: var(--sp-color-primary);
  font-family: var(--sp-font-family-mono);
  font-weight: 600;
}

.sp-design-v2 .landing-steps__title {
  margin: 0 0 var(--sp-space-sm);
  font-size: 20px;
}

.sp-design-v2 .landing-steps__text {
  margin: 0;
  color: var(--sp-color-text-secondary);
}

/* Pagina Planos — alternancia claro / escuro */
.sp-design-v2 .landing-page--planos .landing-section--light {
  background: #f4f7fa;
}

.sp-design-v2 .landing-page--planos .landing-section--dark {
  background: linear-gradient(
    160deg,
    var(--sp-color-navy) 0%,
    var(--sp-color-primary-dark) 55%,
    var(--sp-color-primary) 100%
  );
  border-top: 2px solid rgba(255, 119, 13, 0.4);
}

.sp-design-v2 .landing-page--planos .landing-section--dark .landing-section-title {
  color: #fff;
}

.sp-design-v2 .landing-page--planos .landing-section--dark .landing-steps__intro {
  color: rgba(255, 255, 255, 0.82);
}

.sp-design-v2 .landing-page--planos .landing-section--dark .landing-steps__text {
  color: rgba(255, 255, 255, 0.72);
}

.sp-design-v2 .landing-page--planos .landing-section--dark .landing-steps__title {
  color: #fff;
}

.sp-design-v2 .landing-page--planos #faq.landing-section--light .landing-faq,
.sp-design-v2 .landing-page--planos .landing-faq.landing-faq--dynamic {
  background: #f4f7fa;
}

/* Planos — Como funciona: cards com movimento (secao escura) */
.sp-design-v2 .landing-page--planos .landing-steps__card {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.22);
  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s ease,
    border-color 0.35s ease,
    background 0.35s ease;
  animation:
    landing-motion-card-in 0.75s cubic-bezier(0.22, 1, 0.36, 1) both,
    landing-motion-card-float 5.8s ease-in-out infinite;
}

.sp-design-v2 .landing-page--planos .landing-steps__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--sp-step-accent, var(--sp-color-accent));
  transform: scaleX(0.3);
  transform-origin: left center;
  transition: transform 0.35s ease;
}

.sp-design-v2 .landing-page--planos .landing-steps__card::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 55%;
  background: radial-gradient(
    ellipse 90% 100% at 50% 100%,
    color-mix(in srgb, var(--sp-step-accent, var(--sp-color-accent)) 18%, transparent),
    transparent
  );
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

.sp-design-v2 .landing-page--planos .landing-steps__card:nth-child(1) {
  --sp-step-accent: #ff770d;
  animation-delay: 0.1s, 0s;
}

.sp-design-v2 .landing-page--planos .landing-steps__card:nth-child(2) {
  --sp-step-accent: #1677ff;
  animation-delay: 0.24s, -2s;
  animation-duration: 0.75s, 6.4s;
}

.sp-design-v2 .landing-page--planos .landing-steps__card:nth-child(3) {
  --sp-step-accent: #52c41a;
  animation-delay: 0.38s, -4.2s;
  animation-duration: 0.75s, 7s;
}

.sp-design-v2 .landing-page--planos .landing-steps__number {
  background: color-mix(in srgb, var(--sp-step-accent) 22%, transparent);
  color: var(--sp-step-accent);
  border: 1px solid color-mix(in srgb, var(--sp-step-accent) 45%, transparent);
  transition: transform 0.3s ease, background 0.3s ease;
}

.sp-design-v2 .landing-page--planos .landing-steps__title {
  transition: color 0.25s ease;
}

.sp-design-v2 .landing-page--planos .landing-steps__card:hover {
  translate: 0 -10px;
  transform: scale(1.02);
  background: rgba(255, 255, 255, 0.11);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.32);
  border-color: color-mix(in srgb, var(--sp-step-accent) 55%, rgba(255, 255, 255, 0.2));
  animation-play-state: paused, paused;
}

.sp-design-v2 .landing-page--planos .landing-steps__card:hover::before {
  transform: scaleX(1);
}

.sp-design-v2 .landing-page--planos .landing-steps__card:hover::after {
  opacity: 1;
}

.sp-design-v2 .landing-page--planos .landing-steps__card:hover .landing-steps__title {
  color: var(--sp-step-accent);
}

.sp-design-v2 .landing-page--planos .landing-steps__card:hover .landing-steps__number {
  transform: scale(1.08);
  background: color-mix(in srgb, var(--sp-step-accent) 32%, transparent);
}

/* Planos — faixa clara final (apos CTA escuro) */
.sp-design-v2 .landing-planos-outro {
  padding: 56px 0 64px;
  text-align: center;
}

.sp-design-v2 .landing-planos-outro__text {
  max-width: 560px;
  margin: 0 auto var(--sp-space-xl);
  font-size: 17px;
  line-height: 1.55;
  color: var(--sp-color-text-secondary);
}

.sp-design-v2 .landing-planos-outro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-space-md);
  justify-content: center;
}

@media (prefers-reduced-motion: reduce) {
  .sp-design-v2 .landing-page--planos .landing-steps__card {
    animation: none;
  }

  .sp-design-v2 .landing-page--planos .landing-steps__card:hover {
    translate: none;
    transform: none;
  }
}

/* FAQ */
.sp-design-v2 .landing-faq {
  padding: 56px 0;
  background: var(--sp-color-surface-page);
}

.sp-design-v2 .landing-faq__inner {
  max-width: 680px;
}

.sp-design-v2 .landing-faq__title {
  text-align: center;
}

.sp-design-v2 .landing-faq__collapse {
  background: transparent;
}

.sp-design-v2 .landing-faq__collapse .ant-collapse-item {
  margin-bottom: var(--sp-space-sm);
  border: 1px solid var(--sp-color-border) !important;
  border-radius: 10px !important;
  background: var(--sp-color-surface-card);
  overflow: hidden;
}

.sp-design-v2 .landing-faq__answer {
  margin: 0;
  color: var(--sp-color-text-secondary);
  line-height: 1.55;
}

/* CTA final */
.sp-design-v2 .landing-cta-final {
  padding: 56px 0;
  background: var(--sp-color-navy);
}

.sp-design-v2 .landing-cta-final__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.sp-design-v2 .landing-cta-final__title {
  margin: 0 0 var(--sp-space-md);
  font-size: clamp(28px, 4vw, 40px);
  color: #fff;
}

.sp-design-v2 .landing-cta-final__subtitle {
  margin: 0 0 var(--sp-space-xl);
  max-width: 560px;
  font-size: 17px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.82);
}

.sp-design-v2 .landing-cta-final__btn {
  min-width: min(100%, 360px);
}

.sp-design-v2 .landing-cta-final__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-space-md);
  justify-content: center;
  width: 100%;
  max-width: 720px;
}

.sp-design-v2 .landing-cta-final__actions .landing-btn {
  min-width: min(100%, 280px);
}

.sp-design-v2 .landing-cta-final .landing-btn--outline {
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
}

.sp-design-v2 .landing-cta-final .landing-btn--outline:hover,
.sp-design-v2 .landing-cta-final .landing-btn--outline:focus-visible {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

.sp-design-v2 .landing-cta-final__secondary {
  margin-top: var(--sp-space-lg);
  color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  text-decoration: none;
}

.sp-design-v2 .landing-cta-final__secondary:hover {
  color: var(--sp-color-accent);
}

/* Footer */
.sp-design-v2 .landing-footer {
  background: var(--sp-color-navy);
  color: var(--sp-color-text-secondary);
  padding-top: var(--sp-space-2xl);
  border-top: 2px solid var(--sp-color-accent);
}

body.sp-site-shell .landing-home-footer {
  display: none !important;
}

.sp-design-v2 footer.landing-footer.landing-footer--site {
  margin-top: 0;
  padding-top: 30px;
  background: #002137;
  border-top: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.sp-design-v2 footer.landing-footer.landing-footer--site .landing-footer__brand,
.sp-design-v2 footer.landing-footer.landing-footer--site .landing-footer__col,
.sp-design-v2 footer.landing-footer.landing-footer--site .landing-footer__bottom {
  border: none;
  box-shadow: none;
}

.sp-design-v2 .landing-footer__brand {
  margin-bottom: var(--sp-space-2xl);
  padding-bottom: var(--sp-space-xl);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.sp-design-v2 .landing-footer__logo {
  display: block;
  height: 36px;
  width: auto;
  max-width: 167px;
  margin-bottom: var(--sp-space-md);
}

.sp-design-v2 .landing-footer__tagline {
  margin: 0 0 var(--sp-space-md);
  max-width: 480px;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.78);
}

.sp-design-v2 .landing-footer__contact {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: var(--sp-color-accent);
  text-decoration: none;
}

.sp-design-v2 .landing-footer__contact:hover {
  color: #fff;
}

.sp-design-v2 .landing-footer__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sp-space-xl);
  padding-bottom: var(--sp-space-2xl);
}

.sp-design-v2 .landing-footer__heading {
  margin: 0 0 var(--sp-space-md);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8fa4b8;
}

.sp-design-v2 .landing-footer__link {
  display: block;
  margin-bottom: var(--sp-space-sm);
  padding: 0;
  border: none;
  background: none;
  color: var(--sp-color-text-secondary);
  font-size: 14px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.sp-design-v2 .landing-footer__link:hover {
  color: #fff;
}

.sp-design-v2 .landing-footer__link:disabled {
  cursor: default;
  opacity: 0.55;
}

.sp-design-v2 .landing-footer__link:disabled:hover {
  color: var(--sp-color-text-secondary);
}

.sp-design-v2 .landing-footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: var(--sp-space-lg) 0;
  font-size: 13px;
}

/* Responsive */
@media (min-width: 768px) {
  .sp-design-v2 .landing-problem__grid,
  .sp-design-v2 .landing-steps__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .sp-design-v2 .landing-terminal__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sp-design-v2 .landing-footer__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  .sp-design-v2 .landing-header:not(.landing-header--home) .landing-header__nav,
  .sp-design-v2 .landing-header:not(.landing-header--home) .landing-header__desktop-actions {
    display: flex;
  }

  .sp-design-v2 .landing-header:not(.landing-header--home) .landing-header__menu-btn {
    display: none;
  }

  .sp-design-v2 .landing-hero__grid {
    grid-template-columns: 1fr 1fr;
  }

  .sp-design-v2 .landing-terminal__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .sp-design-v2 .landing-pricing__grid--tiers {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--sp-space-lg);
  }

  .sp-design-v2 .landing-pricing__card--featured {
    transform: translateY(-6px);
  }

  .sp-design-v2 .landing-pricing__trial {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .sp-design-v2 .landing-pricing__trial-action {
    align-items: flex-end;
    flex-shrink: 0;
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .sp-design-v2 .landing-pricing__grid--tiers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sp-design-v2 .landing-pricing__card--featured {
    transform: none;
  }
}


/* Plans teaser — home (resumo sem preços) */
.sp-design-v2 .landing-plans-teaser {
  position: relative;
  padding: 64px 0 72px;
  background: linear-gradient(160deg, var(--sp-color-navy) 0%, var(--sp-color-primary-dark) 55%, #001428 100%);
  overflow: hidden;
}

.sp-design-v2 #planos {
  scroll-margin-top: 72px;
}

.sp-design-v2 .landing-plans-teaser::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 15% 20%, rgba(255, 119, 13, 0.14) 0%, transparent 42%),
    radial-gradient(circle at 85% 75%, rgba(0, 63, 145, 0.35) 0%, transparent 45%),
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: auto, auto, 48px 48px, 48px 48px;
  pointer-events: none;
}

.sp-design-v2 .landing-plans-teaser > .landing-container {
  position: relative;
  z-index: 1;
}

.sp-design-v2 .landing-plans-teaser__title {
  margin: 0 0 var(--sp-space-md);
  font-size: clamp(32px, 4.5vw, 44px);
  font-weight: 700;
  line-height: 1.1;
  color: #fff;
  text-align: center;
}

.sp-design-v2 .landing-plans-teaser__subtitle {
  margin: 0 auto var(--sp-space-2xl);
  max-width: 520px;
  font-size: 17px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.78);
  text-align: center;
}

.sp-design-v2 .landing-plans-teaser__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-space-xl);
  align-items: stretch;
}

.sp-design-v2 .landing-plans-teaser__card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border-radius: 14px;
  overflow: hidden;
  background: var(--sp-color-surface-card);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.sp-design-v2 .landing-plans-teaser__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

.sp-design-v2 .landing-plans-teaser__card--featured {
  border: 2px solid var(--sp-color-accent);
  box-shadow: 0 12px 36px rgba(255, 119, 13, 0.22), 0 8px 28px rgba(0, 0, 0, 0.24);
}

.sp-design-v2 .landing-plans-teaser__card--featured:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 20px 48px rgba(255, 119, 13, 0.28), 0 12px 32px rgba(0, 0, 0, 0.28);
}

.sp-design-v2 .landing-plans-teaser__card-head {
  padding: var(--sp-space-xl) var(--sp-space-xl) var(--sp-space-lg);
  background: var(--sp-color-accent);
  color: #fff;
}

.sp-design-v2 .landing-plans-teaser__badge {
  display: inline-block;
  margin-bottom: var(--sp-space-sm);
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.2);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.sp-design-v2 .landing-plans-teaser__badge--outline {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.65);
}

.sp-design-v2 .landing-plans-teaser__plan-name {
  margin: 0;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}

.sp-design-v2 .landing-plans-teaser__card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: var(--sp-space-xl);
}

.sp-design-v2 .landing-plans-teaser__features {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sp-design-v2 .landing-plans-teaser__feature {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 15px;
  line-height: 1.45;
  color: var(--sp-color-text);
}

.sp-design-v2 .landing-plans-teaser__feature--emphasis {
  font-weight: 600;
}

.sp-design-v2 .landing-plans-teaser__check {
  flex-shrink: 0;
  display: inline-flex;
  margin-top: 2px;
  color: var(--sp-color-accent);
}

.sp-design-v2 .landing-plans-teaser__card-foot {
  padding: 0 var(--sp-space-xl) var(--sp-space-xl);
}

.sp-design-v2 .landing-plans-teaser__cta {
  width: 100%;
}

.sp-design-v2 .landing-plans-teaser__card-foot .landing-btn--outline {
  border-color: var(--sp-color-navy);
  color: var(--sp-color-navy);
}

.sp-design-v2 .landing-plans-teaser__card-foot .landing-btn--outline:hover {
  background: var(--sp-color-navy);
  color: #fff;
}

.sp-design-v2 .landing-plans-teaser__section-cta {
  display: flex;
  justify-content: center;
  margin-top: var(--sp-space-2xl);
}

@media (prefers-reduced-motion: reduce) {
  .sp-design-v2 .landing-plans-teaser__card,
  .sp-design-v2 .landing-plans-teaser__card--featured {
    transition: none;
  }

  .sp-design-v2 .landing-plans-teaser__card:hover,
  .sp-design-v2 .landing-plans-teaser__card--featured:hover {
    transform: none;
  }
}

@media (min-width: 768px) {
  .sp-design-v2 .landing-plans-teaser__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--sp-space-lg);
  }

  .sp-design-v2 .landing-plans-teaser__card--featured {
    transform: scale(1.04);
  }

  .sp-design-v2 .landing-plans-teaser__card--featured:hover {
    transform: translateY(-6px) scale(1.06);
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .sp-design-v2 .landing-plans-teaser__card--featured {
    transform: none;
  }

  .sp-design-v2 .landing-plans-teaser__card--featured:hover {
    transform: translateY(-4px);
  }
}

/* Hero banner — pagina Planos (altura alinhada a Contato/Blog) */
.sp-design-v2 #terminal {
  background: var(--sp-color-navy);
  min-height: 52vh;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
}

.sp-design-v2 #terminal::after {
  content: "";
  position: absolute;
  inset: -16px;
  z-index: 0;
  background-image: url("/wp-content/uploads/2026/06/planos-crescimento-empresarial-digitais.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(8px) brightness(0.72) contrast(0.86) saturate(0.92);
  transform: scale(1.06);
  pointer-events: none;
}

.sp-design-v2 #terminal::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    165deg,
    rgba(0, 33, 55, 0.78) 0%,
    rgba(0, 26, 45, 0.88) 100%
  );
  pointer-events: none;
}

.sp-design-v2 #terminal > .landing-hero,
.sp-design-v2 #quem-somos-hero > .landing-hero,
.sp-design-v2 .sp-page-hero > .landing-hero {
  position: relative;
  z-index: 2;
  width: 100%;
}

/* Hero banner — Quem Somos e paginas produto */
.sp-design-v2 #quem-somos-hero,
.sp-design-v2 .sp-page-hero {
  background-image: url("/wp-content/uploads/2025/11/background-planos-sales-petro.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 65vh;
  position: relative;
  display: flex;
  align-items: center;
}

.sp-design-v2 #quem-somos-hero::before,
.sp-design-v2 .sp-page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 33, 55, 0.72);
  pointer-events: none;
}

.elementor-46 .elementor-element-69b7811:not(.elementor-motion-effects-element-type-background),
.elementor-46 .elementor-element-69b7811 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: none;
}
.elementor-46 .elementor-element-69b7811 {
  min-height: 52vh;
  justify-content: center;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: var(--sp-color-navy);
}
.elementor-46 .elementor-element-69b7811::after {
  content: "";
  position: absolute;
  inset: -16px;
  z-index: 0;
  background-image: url("/wp-content/uploads/2026/06/planos-crescimento-empresarial-digitais.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(8px) brightness(0.72) contrast(0.86) saturate(0.92);
  transform: scale(1.06);
  pointer-events: none;
}
.elementor-46 .elementor-element-69b7811::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    165deg,
    rgba(0, 33, 55, 0.78) 0%,
    rgba(0, 26, 45, 0.88) 100%
  );
  pointer-events: none;
}
.elementor-46 .elementor-element-69b7811 > .e-con-inner {
  position: relative;
  z-index: 2;
  width: 100%;
}
.sp-design-v2 .landing-hero--banner {
  padding: calc(112px + var(--sp-space-xl)) 0 var(--sp-space-2xl);
  background: transparent;
}

.sp-design-v2 #terminal > .landing-hero.landing-hero--banner {
  padding: calc(96px + var(--sp-space-lg)) 0 var(--sp-space-xl);
}
.sp-design-v2 .landing-hero--banner .landing-hero__title { color: #fff; }
.sp-design-v2 .landing-hero--banner .landing-hero__subtitle,
.sp-design-v2 .landing-hero--banner .landing-hero__cta-note { color: rgba(255,255,255,.88); }
.sp-design-v2 .landing-hero--banner .landing-hero__cta-link { color: #fff; font-weight: 600; }
.sp-design-v2 .landing-hero--banner .landing-hero__badge {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.22);
  color: rgba(255,255,255,.92);
}
.sp-design-v2 .landing-hero--banner .landing-btn--outline {
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
}
.sp-design-v2 .landing-hero--banner .landing-btn--outline:hover {
  background: rgba(255,255,255,.12);
  color: #fff;
}

/* Hero banner — página Blog */
.sp-design-v2 .landing-blog-hero {
  background-image: var(--sp-blog-hero-bg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 52vh;
  position: relative;
  display: flex;
  align-items: center;
}

.sp-design-v2 .landing-blog-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 33, 55, 0.72);
  pointer-events: none;
}

.sp-design-v2 .landing-blog-hero .landing-hero {
  position: relative;
  z-index: 1;
  width: 100%;
}

.sp-design-v2 .landing-hero__copy--center {
  text-align: center;
  margin: 0 auto;
  max-width: 760px;
}

.sp-design-v2 .landing-hero__subtitle--center,
.sp-design-v2 .landing-hero__cta-note--center {
  margin-left: auto;
  margin-right: auto;
}

.sp-design-v2 .landing-hero--blog .landing-hero__title {
  font-family: "Montserrat", system-ui, sans-serif;
}

body.sp-landing.sp-blog-page #sp-landing-main,
body.sp-landing.sp-category-page #sp-landing-main,
body.sp-landing.sp-about-page #sp-landing-main {
  padding: 0;
  margin: 0;
}

/* Página Quem Somos */
.sp-design-v2 .landing-hero__actions--center {
  justify-content: center;
  flex-wrap: wrap;
}

.sp-design-v2 .landing-about-essence {
  padding: var(--sp-space-2xl) 0;
}

/* Pagina Quem Somos — alternancia claro / escuro (modelo Planos) */
.sp-design-v2 .landing-page--about .landing-section--light {
  background: #f4f7fa;
}

.sp-design-v2 .landing-page--about .landing-section--dark {
  background: linear-gradient(
    160deg,
    var(--sp-color-navy) 0%,
    var(--sp-color-primary-dark) 55%,
    var(--sp-color-primary) 100%
  );
  border-top: 2px solid rgba(255, 119, 13, 0.4);
}

.sp-design-v2 .landing-page--about .landing-section--dark .landing-section-title {
  color: #fff;
}

.sp-design-v2 .landing-page--about .landing-problem.landing-section--dark {
  background: linear-gradient(
    160deg,
    var(--sp-color-navy) 0%,
    var(--sp-color-primary-dark) 55%,
    var(--sp-color-primary) 100%
  );
}

.sp-design-v2 .landing-page--about .landing-section--dark .landing-problem__card {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.22);
}

.sp-design-v2 .landing-page--about .landing-section--dark .landing-problem__card:hover {
  background: rgba(255, 255, 255, 0.11);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.32);
}

.sp-design-v2 .landing-page--about .landing-section--dark .landing-problem__card-title {
  color: #fff;
}

.sp-design-v2 .landing-page--about .landing-section--dark .landing-problem__card-text {
  color: rgba(255, 255, 255, 0.72);
}

.sp-design-v2 .landing-page--about .landing-cta-final.landing-section--dark {
  background: linear-gradient(
    160deg,
    var(--sp-color-navy) 0%,
    var(--sp-color-primary-dark) 55%,
    var(--sp-color-primary) 100%
  );
  border-top: none;
}

.sp-design-v2 .landing-about-explore {
  padding-bottom: 56px;
}

.sp-design-v2 .landing-about-explore__title {
  text-align: center;
}

.sp-design-v2 .landing-about-explore__intro {
  margin: 0 auto var(--sp-space-xl);
  max-width: 640px;
  text-align: center;
  font-size: 17px;
  line-height: 1.55;
  color: var(--sp-color-text-secondary);
}

.sp-design-v2 .landing-about-explore__link {
  display: inline-block;
  margin-top: var(--sp-space-md);
  font-size: 15px;
  font-weight: 600;
  color: var(--sp-color-accent);
  text-decoration: none;
  transition: color 0.2s ease;
}

.sp-design-v2 .landing-about-explore__link:hover {
  color: var(--sp-color-primary-dark);
}

.sp-design-v2 .landing-about-essence__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-space-xl);
  align-items: center;
}

.sp-design-v2 .landing-about-essence__copy p {
  margin: 0 0 var(--sp-space-md);
  color: var(--sp-color-text-secondary);
  line-height: 1.6;
}

.sp-design-v2 .landing-about-essence__copy p:last-child {
  margin-bottom: 0;
}

.sp-design-v2 .landing-about-essence__media {
  margin: 0;
  text-align: center;
}

.sp-design-v2 .landing-about-essence__media img {
  width: min(100%, 420px);
  height: auto;
  border-radius: var(--sp-radius-lg);
  box-shadow: var(--sp-shadow-card);
}

.sp-design-v2 .landing-page-product .landing-about-essence__media img {
  width: 100%;
  max-width: 100%;
}

.sp-design-v2 .landing-about-essence__list {
  margin: var(--sp-space-md) 0;
  padding-left: 1.25rem;
  color: var(--sp-color-text-muted, #4d5c64);
  font-family: "Poppins", system-ui, sans-serif;
  line-height: 1.7;
}

.sp-design-v2 .landing-about-essence__list li {
  margin-bottom: 8px;
}

.sp-design-v2 .landing-about-essence--reverse .landing-about-essence__grid {
  direction: rtl;
}

.sp-design-v2 .landing-about-essence--reverse .landing-about-essence__copy,
.sp-design-v2 .landing-about-essence--reverse .landing-about-essence__media {
  direction: ltr;
}

.sp-design-v2 .landing-page-product main {
  background: var(--sp-color-surface-page, #f8fafc);
}

.sp-design-v2 .landing-product-features {
  background: #fff;
  padding-bottom: 56px;
}

.sp-design-v2 .landing-product-features__title {
  margin-bottom: 32px;
}

.sp-design-v2 .landing-feature-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.sp-design-v2 .landing-feature-card {
  position: relative;
  padding: 28px 24px 24px;
  border: 1px solid rgba(0, 33, 55, 0.1);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 24px rgba(0, 33, 55, 0.08);
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.sp-design-v2 .landing-feature-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--sp-feature-accent, var(--sp-color-accent, #ff770d));
}

.sp-design-v2 .landing-feature-card--prices {
  --sp-feature-accent: #1677ff;
  --sp-feature-icon-bg: rgba(22, 119, 255, 0.1);
  --sp-feature-icon-color: #1677ff;
}

.sp-design-v2 .landing-feature-card--panels {
  --sp-feature-accent: #ff770d;
  --sp-feature-icon-bg: rgba(255, 119, 13, 0.12);
  --sp-feature-icon-color: #ff770d;
}

.sp-design-v2 .landing-feature-card--simulator {
  --sp-feature-accent: #389e0d;
  --sp-feature-icon-bg: rgba(56, 158, 13, 0.12);
  --sp-feature-icon-color: #389e0d;
}

.sp-design-v2 .landing-feature-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(0, 33, 55, 0.12);
}

.sp-design-v2 .landing-feature-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.sp-design-v2 .landing-feature-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--sp-feature-icon-bg);
  color: var(--sp-feature-icon-color);
}

.sp-design-v2 .landing-feature-card__icon svg {
  width: 24px;
  height: 24px;
}

.sp-design-v2 .landing-feature-card__tag {
  padding: 4px 12px;
  border-radius: 999px;
  font-family: "Poppins", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--sp-feature-icon-color);
  background: var(--sp-feature-icon-bg);
}

.sp-design-v2 .landing-feature-card__title {
  margin: 0 0 10px;
  font-family: "Montserrat", system-ui, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--sp-color-primary-dark, #002137);
  line-height: 1.3;
}

.sp-design-v2 .landing-feature-card__text {
  margin: 0 0 16px;
  font-family: "Poppins", system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: var(--sp-color-text-muted, #4d5c64);
}

.sp-design-v2 .landing-feature-card__details {
  margin: 0;
  padding: 14px 0 0;
  list-style: none;
  border-top: 1px solid rgba(0, 33, 55, 0.08);
}

.sp-design-v2 .landing-feature-card__details li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 8px;
  font-family: "Poppins", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--sp-color-primary-dark, #002137);
  line-height: 1.4;
}

.sp-design-v2 .landing-feature-card__details li:last-child {
  margin-bottom: 0;
}

.sp-design-v2 .landing-feature-card__details li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sp-feature-accent);
}

@media (min-width: 768px) {
  .sp-design-v2 .landing-feature-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }
}

.sp-design-v2 .landing-about-values {
  padding: var(--sp-space-2xl) 0;
}

.sp-design-v2 .landing-about-values__title {
  text-align: center;
  margin-bottom: var(--sp-space-xl);
}

.sp-design-v2 .landing-about-values__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-space-lg);
}

.sp-design-v2 .landing-about-value-card {
  --sp-value-accent: var(--sp-color-accent);
  --sp-value-icon-bg: rgba(255, 119, 13, 0.12);
  --sp-value-icon-color: var(--sp-color-accent);
  position: relative;
  overflow: hidden;
  padding: var(--sp-space-xl);
  border: 1px solid var(--sp-color-border);
  border-radius: var(--sp-radius-md);
  background: var(--sp-color-surface-card);
  box-shadow: var(--sp-shadow-card);
  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s ease,
    border-color 0.35s ease;
  animation:
    landing-motion-card-in 0.75s cubic-bezier(0.22, 1, 0.36, 1) both,
    landing-motion-card-float 5.5s ease-in-out infinite;
}

.sp-design-v2 .landing-about-value-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--sp-value-accent);
  transform: scaleX(0.35);
  transform-origin: left center;
  transition: transform 0.35s ease;
}

.sp-design-v2 .landing-about-value-card::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 55%;
  background: radial-gradient(
    ellipse 90% 100% at 50% 100%,
    color-mix(in srgb, var(--sp-value-accent) 16%, transparent),
    transparent
  );
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

.sp-design-v2 .landing-about-value-card--vision {
  --sp-value-accent: #4f46e5;
  --sp-value-icon-bg: rgba(79, 70, 229, 0.12);
  --sp-value-icon-color: #4f46e5;
  animation-delay: 0.08s, 0s;
}

.sp-design-v2 .landing-about-value-card--mission {
  --sp-value-accent: #ff770d;
  --sp-value-icon-bg: rgba(255, 119, 13, 0.12);
  --sp-value-icon-color: #ff770d;
  animation-delay: 0.22s, -1.8s;
  animation-duration: 0.75s, 6.2s;
}

.sp-design-v2 .landing-about-value-card--values {
  --sp-value-accent: #389e0d;
  --sp-value-icon-bg: rgba(56, 158, 13, 0.12);
  --sp-value-icon-color: #389e0d;
  animation-delay: 0.36s, -3.6s;
  animation-duration: 0.75s, 6.8s;
}

.sp-design-v2 .landing-about-value-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-bottom: var(--sp-space-md);
  border-radius: 14px;
  background: var(--sp-value-icon-bg);
  color: var(--sp-value-icon-color);
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.sp-design-v2 .landing-about-value-card__icon svg {
  width: 26px;
  height: 26px;
}

.sp-design-v2 .landing-about-value-card__title {
  margin: 0 0 var(--sp-space-sm);
  font-size: 20px;
  transition: color 0.25s ease;
}

.sp-design-v2 .landing-about-value-card__text {
  margin: 0;
  color: var(--sp-color-text-secondary);
  line-height: 1.55;
}

.sp-design-v2 .landing-about-value-card:hover {
  translate: 0 -10px;
  transform: scale(1.02);
  box-shadow: 0 18px 44px rgba(0, 33, 55, 0.15);
  border-color: color-mix(in srgb, var(--sp-value-accent) 40%, var(--sp-color-border));
  animation-play-state: paused, paused;
}

.sp-design-v2 .landing-about-value-card:hover::before {
  transform: scaleX(1);
}

.sp-design-v2 .landing-about-value-card:hover::after {
  opacity: 1;
}

.sp-design-v2 .landing-about-value-card:hover .landing-about-value-card__title {
  color: var(--sp-value-accent);
}

.sp-design-v2 .landing-about-value-card:hover .landing-about-value-card__icon {
  transform: scale(1.08) rotate(-4deg);
}

@media (min-width: 768px) {
  .sp-design-v2 .landing-about-values__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sp-design-v2 .landing-about-value-card {
    animation: none;
  }

  .sp-design-v2 .landing-about-value-card:hover {
    translate: none;
    transform: none;
  }

  .sp-design-v2 .landing-about-value-card:hover .landing-about-value-card__icon {
    transform: none;
  }
}

@media (min-width: 768px) {
  .sp-design-v2 .landing-problem__grid--four {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .sp-design-v2 .landing-about-essence__grid {
    grid-template-columns: 1.1fr 0.9fr;
    gap: var(--sp-space-2xl);
  }

  .sp-design-v2 .landing-problem__grid--four {
    grid-template-columns: repeat(4, 1fr);
  }
}


.sp-design-v2 .landing-page .landing-faq__list { display: grid; gap: var(--sp-space-sm); }
.sp-design-v2 .landing-page .landing-faq__item {
  margin-bottom: 0; border: 1px solid var(--sp-color-border); border-radius: var(--sp-radius-md);
  background: var(--sp-color-surface-card); overflow: hidden; padding: 16px 20px;
}
.sp-design-v2 .landing-page .landing-faq__item summary {
  cursor: pointer; font-weight: 700; font-size: 15px; list-style: none; position: relative; padding-right: 24px;
}
.sp-design-v2 .landing-page .landing-faq__item summary::-webkit-details-marker { display: none; }
.sp-design-v2 .landing-page .landing-faq__item summary::after {
  content: "+"; position: absolute; right: 0; top: 0; font-weight: 700; font-size: 18px; color: var(--sp-color-accent);
}
.sp-design-v2 .landing-page .landing-faq__item[open] summary::after { content: "-"; }
.sp-design-v2 .landing-page .landing-faq__item .landing-faq__answer {
  margin: 10px 0 0; color: var(--sp-color-text-secondary); line-height: 1.55; font-size: 15px;
}

.sp-design-v2 .landing-faq__list:not(.landing-faq__list--expanded) .landing-faq__item--extra {
  display: none;
}

.sp-design-v2 .landing-faq__toggle-wrap {
  margin: 24px 0 0;
  text-align: center;
}

.sp-design-v2 .landing-faq__toggle {
  min-width: min(100%, 260px);
}

.sp-design-v2 .landing-faq--dynamic .landing-faq__title {
  text-align: center;
  margin-bottom: 24px;
}

.sp-design-v2 .landing-page .anticon { display: inline-flex; align-items: center; line-height: 0; vertical-align: -0.125em; }

/* Site shell — header Login, rodapé site, selos, posts */
.sp-design-v2 .landing-header--site .landing-header__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  border: 2px solid #fff;
  border-radius: 10px;
  background-image: linear-gradient(180deg, #ff770d 0%, #ff8b31 100%);
  color: #fff;
  font-family: var(--sp-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.15;
  text-decoration: none;
  white-space: nowrap;
}

.sp-design-v2 .landing-header--site .landing-header__cta:hover {
  filter: brightness(1.05);
  color: #fff;
}

.sp-design-v2 .landing-header--site .landing-header__cta-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath d='M248 104c-53 0-96 43-96 96s43 96 96 96 96-43 96-96-43-96-96-96zm0 144c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm0-240C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-49.7 0-95.1-18.3-130.1-48.4 14.9-23 40.4-38.6 69.6-39.5 20.8 6.4 40.6 9.6 60.5 9.6s39.7-3.1 60.5-9.6c29.2 1 54.7 16.5 69.6 39.5-35 30.1-80.4 48.4-130.1 48.4zm162.7-84.1c-24.4-31.4-62.1-51.9-105.1-51.9-10.2 0-26 9.6-57.6 9.6-31.5 0-47.4-9.6-57.6-9.6-42.9 0-80.6 20.5-105.1 51.9C61.9 339.2 48 299.2 48 256c0-110.3 89.7-200 200-200s200 89.7 200 200c0 43.2-13.9 83.2-37.3 115.9z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath d='M248 104c-53 0-96 43-96 96s43 96 96 96 96-43 96-96-43-96-96-96zm0 144c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm0-240C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-49.7 0-95.1-18.3-130.1-48.4 14.9-23 40.4-38.6 69.6-39.5 20.8 6.4 40.6 9.6 60.5 9.6s39.7-3.1 60.5-9.6c29.2 1 54.7 16.5 69.6 39.5-35 30.1-80.4 48.4-130.1 48.4zm162.7-84.1c-24.4-31.4-62.1-51.9-105.1-51.9-10.2 0-26 9.6-57.6 9.6-31.5 0-47.4-9.6-57.6-9.6-42.9 0-80.6 20.5-105.1 51.9C61.9 339.2 48 299.2 48 256c0-110.3 89.7-200 200-200s200 89.7 200 200c0 43.2-13.9 83.2-37.3 115.9z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Site shell — rodapé produção (sem selos) */
.sp-design-v2 .landing-footer--site {
  background: #002137;
  color: #ffffff;
  padding: 30px 40px 10px;
  border-top: none;
  box-shadow: none;
  font-family: "Poppins", system-ui, sans-serif;
}

.sp-design-v2 .landing-footer--site .landing-footer__inner {
  max-width: 1140px;
  margin: 0 auto;
}

.sp-design-v2 .landing-footer--site .landing-footer__layout {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2px;
  padding-bottom: 24px;
}

.sp-design-v2 .landing-footer--site .landing-footer__brand {
  flex: 0 0 24%;
  max-width: 24%;
  margin: 0;
  padding: 40px 0 0;
  border: none;
}

.sp-design-v2 .landing-footer--site .landing-footer__logo--large {
  width: 40%;
  max-width: 200px;
  height: auto;
}

.sp-design-v2 .landing-footer--site .landing-footer__col {
  flex: 0 0 29.5%;
  max-width: 29.5%;
  min-width: 0;
}

.sp-design-v2 .landing-footer--site .landing-footer__col--social {
  flex: 0 0 11%;
  max-width: 11%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.sp-design-v2 .landing-footer--site .landing-footer__heading {
  margin: 0 0 12px;
  font-family: "Montserrat", system-ui, sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  color: #ff770d;
}

.sp-design-v2 .landing-footer--site .landing-footer__col--social .landing-footer__heading {
  color: #ffffff;
  align-self: flex-start;
}

.sp-design-v2 .landing-footer--site .landing-footer__link {
  color: #ffffff;
  font-family: "Poppins", system-ui, sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 8px;
  text-decoration: none;
}

.sp-design-v2 .landing-footer--site .landing-footer__link:hover {
  color: #ff770d;
}

.sp-design-v2 .landing-footer--site .landing-footer__link--icon {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sp-design-v2 .landing-footer--site .landing-footer__link-role {
  margin-left: 2px;
  font-family: "Montserrat", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--sp-color-accent);
}

.sp-design-v2 .landing-footer--site .landing-footer__link:hover .landing-footer__link-role {
  color: #ffffff;
}

.sp-design-v2 .landing-footer--site .landing-footer__link-icon {
  display: inline-flex;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  background: #ff770d;
}

.sp-design-v2 .landing-footer--site .landing-footer__link-icon--whatsapp {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.sp-design-v2 .landing-footer--site .landing-footer__link-icon--email {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.sp-design-v2 .landing-footer--site .landing-footer__link-icon--info {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.sp-design-v2 .landing-footer--site .landing-footer__social {
  display: flex;
  gap: 5px;
}

.sp-design-v2 .landing-footer--site .landing-footer__social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ff770d;
  text-decoration: none;
}

.sp-design-v2 .landing-footer--site .landing-footer__social-btn:hover {
  background: #ffffff;
}

.sp-design-v2 .landing-footer--site .landing-footer__social-btn:hover .landing-footer__social-icon {
  background: #ff770d;
}

.sp-design-v2 .landing-footer--site .landing-footer__social-icon {
  width: 15px;
  height: 15px;
  border-radius: 0;
  background: #002137;
}

.sp-design-v2 .landing-footer--site .landing-footer__social-icon--instagram {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.sp-design-v2 .landing-footer--site .landing-footer__social-icon--linkedin {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.sp-design-v2 .landing-footer--site .landing-footer__bottom {
  border-top: none;
  padding: 10px 0 0;
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
}

.sp-design-v2 .sp-shell-main {
  min-height: 40vh;
  padding: calc(112px + var(--sp-space-2xl)) 0 var(--sp-space-2xl);
  background: var(--sp-color-surface-page);
  color: var(--sp-color-text);
  font-family: "Poppins", system-ui, sans-serif;
}

.sp-design-v2 .sp-shell-article {
  margin: 0;
}

.sp-design-v2 .sp-shell-article__header {
  margin-bottom: var(--sp-space-xl);
  text-align: center;
}

.sp-design-v2 .sp-shell-article__meta {
  margin: 0 0 var(--sp-space-sm);
  font-family: "Poppins", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sp-color-accent);
}

.sp-design-v2 .sp-shell-article__title {
  margin: 0 auto var(--sp-space-xl);
  max-width: 820px;
  font-family: "Montserrat", system-ui, sans-serif;
  font-size: clamp(1.5rem, 3vw, 2.125rem);
  font-weight: 700;
  line-height: 1.25;
  color: var(--sp-color-primary-dark);
  text-wrap: balance;
}

.sp-design-v2 .sp-shell-article__featured {
  margin: 0 auto;
  max-width: 820px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 28px rgba(0, 33, 55, 0.12);
}

.sp-design-v2 .sp-shell-article__featured-img {
  display: block;
  width: 100%;
  height: auto;
}

.sp-design-v2 .sp-shell-article__content {
  max-width: 720px;
  margin: 0 auto;
  line-height: 1.7;
  font-size: 16px;
  color: var(--sp-color-text);
}

.sp-design-v2 .sp-shell-article__content > *:first-child {
  margin-top: 0;
}

.sp-design-v2 .sp-shell-article__content > *:last-child {
  margin-bottom: 0;
}

.sp-design-v2 .sp-shell-article__content h2,
.sp-design-v2 .sp-shell-article__content h3 {
  font-family: "Montserrat", system-ui, sans-serif;
  color: var(--sp-color-primary-dark);
}

.sp-design-v2 .sp-shell-article__content h2 {
  margin: var(--sp-space-2xl) 0 var(--sp-space-md);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 600;
}

.sp-design-v2 .sp-shell-article__content h3 {
  margin: var(--sp-space-xl) 0 var(--sp-space-md);
  font-size: 1.125rem;
  font-weight: 600;
}

.sp-design-v2 .sp-shell-article__content p,
.sp-design-v2 .sp-shell-article__content ul,
.sp-design-v2 .sp-shell-article__content ol {
  margin: 0 0 var(--sp-space-lg);
}

.sp-design-v2 .sp-shell-article__content ul,
.sp-design-v2 .sp-shell-article__content ol {
  padding-left: 1.25rem;
}

.sp-design-v2 .sp-shell-article__content li + li {
  margin-top: var(--sp-space-sm);
}

.sp-design-v2 .sp-shell-article__content a {
  color: var(--sp-color-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.sp-design-v2 .sp-shell-article__content a:hover {
  color: var(--sp-color-accent);
}

.sp-design-v2 .sp-shell-article__content blockquote {
  margin: var(--sp-space-xl) 0;
  padding: var(--sp-space-lg) var(--sp-space-xl);
  border-left: 4px solid var(--sp-color-accent);
  border-radius: 0 8px 8px 0;
  background: rgba(255, 119, 13, 0.08);
}

.sp-design-v2 .sp-shell-article__content hr,
.sp-design-v2 .sp-shell-article__content .wp-block-separator {
  margin: var(--sp-space-2xl) auto;
  max-width: 120px;
  border: none;
  border-top: 2px solid var(--sp-color-border);
}

.sp-design-v2 .sp-shell-article__content .has-text-align-center {
  text-align: center;
}

body.sp-site-shell.sp-shell-post #secondary,
body.sp-site-shell.sp-shell-post .sidebar,
body.sp-site-shell.sp-shell-post .site-breadcrumbs {
  display: none !important;
}

body.sp-site-shell.sp-shell-post #content.site-content--sp-landing {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
}

body.sp-site-shell.sp-shell-post #sp-shell-main {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: calc(112px + var(--sp-space-2xl)) 0 var(--sp-space-2xl);
}

@media (max-width: 767px) {
  .sp-design-v2 .landing-footer__grid {
    grid-template-columns: 1fr;
  }

  .sp-design-v2 .landing-footer--site {
    padding: 24px 20px 10px;
  }

  .sp-design-v2 .landing-footer--site .landing-footer__brand,
  .sp-design-v2 .landing-footer--site .landing-footer__col,
  .sp-design-v2 .landing-footer--site .landing-footer__col--social {
    flex: 0 0 100%;
    max-width: 100%;
    align-items: flex-start;
  }

  .sp-design-v2 .landing-footer--site .landing-footer__brand {
    padding-top: 0;
  }

  .sp-design-v2 .landing-footer--site .landing-footer__logo--large {
    width: 160px;
    max-width: 160px;
  }

  .sp-design-v2 .landing-footer__trust {
    gap: var(--sp-space-md);
  }

  .sp-design-v2 .landing-footer__trust-img {
    height: 40px;
  }
}

/* --- 404 --- */
.sp-design-v2 .landing-not-found {
  padding: calc(112px + var(--sp-space-2xl)) 0 var(--sp-space-3xl);
  background: var(--sp-color-surface-muted, #f4f6f8);
  min-height: min(70vh, 720px);
  display: flex;
  align-items: center;
}

.sp-design-v2 .landing-not-found__inner {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.sp-design-v2 .landing-not-found__code {
  margin: 0 0 12px;
  font: 700 clamp(3rem, 10vw, 5rem)/1 var(--sp-font-display, "Montserrat", sans-serif);
  color: var(--sp-color-accent, #f97316);
  letter-spacing: -0.04em;
}

.sp-design-v2 .landing-not-found__title {
  margin: 0 0 16px;
  font: 700 clamp(1.75rem, 4vw, 2.25rem)/1.15 var(--sp-font-display, "Montserrat", sans-serif);
  color: var(--sp-color-text-primary, #0f172a);
}

.sp-design-v2 .landing-not-found__lead {
  margin: 0 auto 28px;
  max-width: 36em;
  color: var(--sp-color-text-secondary, #475569);
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sp-design-v2 .landing-not-found__search {
  margin: 0 auto 28px;
  max-width: 520px;
}

.sp-design-v2 .landing-not-found__form {
  display: flex;
  gap: 10px;
  align-items: stretch;
}

.sp-design-v2 .landing-not-found__input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid var(--sp-color-border, #cbd5e1);
  border-radius: var(--sp-radius-md, 10px);
  font: inherit;
  background: #fff;
  color: var(--sp-color-text-primary, #0f172a);
}

.sp-design-v2 .landing-not-found__input:focus {
  outline: 2px solid var(--sp-color-accent, #f97316);
  outline-offset: 1px;
  border-color: var(--sp-color-accent, #f97316);
}

.sp-design-v2 .landing-not-found__submit {
  flex: 0 0 auto;
  min-width: 120px;
  padding-left: 20px;
  padding-right: 20px;
}

.sp-design-v2 .landing-not-found__links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

@media (max-width: 767px) {
  .sp-design-v2 .landing-not-found {
    padding-top: calc(96px + var(--sp-space-xl));
  }

  .sp-design-v2 .landing-not-found__form {
    flex-direction: column;
  }

  .sp-design-v2 .landing-not-found__submit {
    width: 100%;
  }

  .sp-design-v2 .landing-not-found__links .landing-btn {
    width: 100%;
  }
}