/* Landing art direction is isolated from the engineering workspace theme. */
html[data-amarra-layout="landing"] {
  --graphite: #202226;
  --champagne: #e7d7b7;
  --ivory: #f7f3e8;
  --steel: #737d88;
  --surface: 247 243 232;
  --surface-base: 247 243 232;
  --surface-canvas: 239 236 228;
  --surface-card: 252 249 242;
  --surface-card-glass: 252 249 242;
  --surface-card-glass-alpha: 1;
  --surface-container-lowest: 252 249 242;
  --surface-container-low: 239 236 228;
  --surface-container: 230 226 216;
  --surface-container-high: 218 216 208;
  --surface-container-highest: 202 203 201;
  --on-surface: 32 34 38;
  --on-surface-variant: 88 97 108;
  --primary: 111 87 51;
  --primary-container: 231 215 183;
  --on-primary: 252 249 242;
  --on-primary-container: 32 34 38;
  --secondary: 88 97 108;
  --tertiary: 88 97 108;
  --border-subtle: 32 34 38;
  --border-subtle-alpha: 0.12;
  --compliance-conforme: 39 110 82;
  --compliance-atencao: 111 87 51;
  --compliance-impeditivo: 177 64 70;
  --error: 177 64 70;
  --error-container: 252 236 235;
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;
}
[data-amarra-layout="landing"] body {
  background: oklch(from var(--ivory) l c h);
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}
[data-amarra-layout="landing"] header {
  background: oklch(from var(--ivory) l c h);
  backdrop-filter: none;
}
[data-amarra-layout="landing"] header > div > div:first-child {
  max-width: 1280px;
  margin-inline: auto;
}
[data-amarra-layout="landing"] header nav {
  gap: 1.25rem;
  font-size: 13px;
}
[data-amarra-layout="landing"] [amarra-hook="theme"] {
  display: flex;
  min-height: 2.5rem;
  padding-inline: 0.75rem;
}
[data-amarra-layout="landing"] .hs-logo-word em {
  color: oklch(44% 0.045 80);
}
[data-amarra-layout="landing"] .hs-hero {
  background: oklch(from var(--ivory) l c h);
  color: oklch(from var(--graphite) l c h);
  padding: clamp(3rem, 6vw, 6rem) clamp(1.25rem, 4vw, 4rem) 2rem;
  min-height: min(800px, calc(100dvh - 5rem));
}
[data-amarra-layout="landing"] .hs-hero-stage > div {
  gap: clamp(2rem, 5vw, 5rem);
}
[data-amarra-layout="landing"] .hs-hero-copy {
  gap: 1.5rem;
}
[data-amarra-layout="landing"] .hs-hero-copy h1 {
  font-size: clamp(2.8rem, 4.9vw, 4.65rem);
  line-height: 1.04;
  letter-spacing: -0.055em;
  max-width: 15ch;
}
[data-amarra-layout="landing"] .hs-hero-copy .text-on-surface,
[data-amarra-layout="landing"] .hs-hero-copy h1 {
  color: oklch(from var(--graphite) l c h);
}
[data-amarra-layout="landing"] .hs-hero-copy .text-primary {
  color: oklch(44% 0.045 80);
}
[data-amarra-layout="landing"] .hs-hero-copy .text-on-surface-variant {
  color: oklch(47% 0.02 255);
}
[data-amarra-layout="landing"] .hs-hero-copy > p {
  font-size: 18px;
  line-height: 1.7;
  max-width: 46ch;
}
[data-amarra-layout="landing"] .hs-hero-copy > .bg-surface-card-glass {
  padding: 0;
  background: transparent;
  border: none;
  backdrop-filter: none;
  border-radius: 0;
}
[data-amarra-layout="landing"] .hs-hero-copy .text-compliance-conforme {
  color: oklch(43% 0.05 165);
}
[data-amarra-layout="landing"] .hs-hero-copy .font-label-status {
  font-family: "Hanken Grotesk", sans-serif;
  letter-spacing: 0.025em;
}
[data-amarra-layout="landing"] .hs-btn-demo {
  background: oklch(from var(--champagne) l c h);
  color: oklch(from var(--graphite) l c h);
  box-shadow: 0 3px 0 oklch(65% 0.04 85 / 25%);
}
[data-amarra-layout="landing"] .hs-btn-demo:hover {
  background: oklch(82% 0.05 85);
  color: oklch(from var(--graphite) l c h);
}
[data-amarra-layout="landing"] .hs-btn-whatsapp,
[data-amarra-layout="landing"] .hs-hero .hs-btn-whatsapp {
  background: transparent;
  color: oklch(from var(--graphite) l c h);
  border: 1px solid oklch(75% 0.015 255);
}
[data-amarra-layout="landing"] .hs-btn-whatsapp:hover {
  background: oklch(92% 0.015 85);
}
[data-amarra-layout="landing"] .hs-dossier-preview {
  min-width: 0;
}
[data-amarra-layout="landing"] .hs-preview-caption {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 1rem;
  font-size: 13px;
  font-weight: 600;
}
[data-amarra-layout="landing"] .hs-preview-caption span {
  color: oklch(47% 0.02 255);
  font-size: 11px;
  font-weight: 400;
}
[data-amarra-layout="landing"] .hs-dossier-preview > .bg-surface-card {
  background: oklch(98% 0.012 85);
  padding: 1.5rem;
  border: 1px solid oklch(87% 0.012 255);
  border-radius: 16px;
  box-shadow: 0 24px 60px -30px oklch(28% 0.015 255 / 30%);
}
[data-amarra-layout="landing"] .hs-dossier-preview .font-label-code,
[data-amarra-layout="landing"] .hs-dossier-preview .font-label-status {
  font-family: "Hanken Grotesk", sans-serif;
}
[data-amarra-layout="landing"] .hs-dossier-preview .font-label-status {
  letter-spacing: 0;
  text-transform: none;
}
[data-amarra-layout="landing"] .hs-dossier-preview > div > div:first-child {
  background: transparent;
  padding: 0 0 1rem;
  border-bottom: 1px solid oklch(91% 0.01 255);
}
[data-amarra-layout="landing"] .hs-dossier-preview > div > div:first-child > div:last-child {
  display: none;
}
[data-amarra-layout="landing"] .hs-dossier-preview > div > div:first-child .font-label-code {
  display: none;
}
[data-amarra-layout="landing"] .hs-dossier-preview .grid > div {
  padding: 1rem 0.65rem;
}
[data-amarra-layout="landing"] .hs-dossier-preview .space-y-1 {
  background: transparent;
  padding: 0.5rem 0;
}
[data-amarra-layout="landing"] .hs-dossier-preview .space-y-1 > div {
  padding-block: 0.65rem;
  border-bottom: 1px solid oklch(92% 0.008 255);
  gap: 0.5rem;
}
[data-amarra-layout="landing"] .hs-hero-rail {
  margin-top: 3.5rem;
  border-top: 1px solid oklch(88% 0.01 255);
  padding-top: 1.5rem;
}
[data-amarra-layout="landing"] .hs-hero-distributors {
  color: oklch(47% 0.02 255);
  font-family: "Hanken Grotesk", sans-serif;
  text-transform: none;
  font-size: 14px;
  letter-spacing: 0;
}
[data-amarra-layout="landing"] .hs-hero-distributors li {
  border-color: oklch(84% 0.01 255);
}
[data-amarra-layout="landing"] .hs-band-paper,
[data-amarra-layout="landing"] .hs-band-moss,
[data-amarra-layout="landing"] .hs-band-sun {
  background: oklch(from var(--ivory) l c h);
}
[data-amarra-layout="landing"] .hs-band-sand {
  background: oklch(94% 0.012 85);
}
[data-amarra-layout="landing"] #solucao {
  background: oklch(94% 0.012 85);
}
[data-amarra-layout="landing"] #planos {
  background: oklch(94% 0.012 85);
}
[data-amarra-layout="landing"] #amarra-main > div > section:not(.hs-hero) {
  padding-block: clamp(3.5rem, 7vw, 7rem);
}
[data-amarra-layout="landing"] section h2 {
  font-size: clamp(1.9rem, 3vw, 2.8rem);
  line-height: 1.15;
  letter-spacing: -0.035em;
}
[data-amarra-layout="landing"] section h2 + p {
  margin-top: 0.75rem;
  line-height: 1.75;
}
[data-amarra-layout="landing"] section .tracking-widest {
  letter-spacing: 0.06em;
}
[data-amarra-layout="landing"] .hs-compare-now {
  border: 1px solid oklch(65% 0.025 255) !important;
}
[data-amarra-layout="landing"] .hs-plan {
  border: 1px solid oklch(87% 0.012 255);
  border-radius: 14px;
}
[data-amarra-layout="landing"] .hs-plan-featured {
  border-color: oklch(65% 0.045 80) !important;
  box-shadow: inset 0 0 0 1px oklch(65% 0.045 80) !important;
}
[data-amarra-layout="landing"] .hs-band-forest,
[data-amarra-layout="landing"] .hs-footer,
[data-amarra-layout="landing"] .hs-summary {
  background: oklch(from var(--graphite) l c h);
  color: oklch(from var(--ivory) l c h);
}
[data-amarra-layout="landing"] .hs-band-forest {
  --on-surface: 247 243 232;
  --on-surface-variant: 182 190 200;
  --primary: 231 215 183;
}
[data-amarra-layout="landing"] .hs-band-forest .hs-btn-whatsapp {
  color: oklch(from var(--ivory) l c h);
  border-color: oklch(60% 0.02 255);
}
[data-amarra-layout="landing"] .hs-footer {
  border-top: 1px solid oklch(39% 0.02 255);
}
[data-amarra-layout="landing"] :focus-visible {
  outline: 3px solid oklch(55% 0.05 80);
  outline-offset: 5px;
}
[data-amarra-layout="landing"] #amarra-agendar,
[data-amarra-layout="landing"] #amarra-whatsapp {
  height: 3rem;
  width: 3rem;
  right: 1rem;
  box-shadow: 0 4px 16px oklch(25% 0.02 255 / 15%);
}
@media (max-width: 1023px) {
  [data-amarra-layout="landing"] .hs-hero {
    min-height: auto;
  }
  [data-amarra-layout="landing"] .hs-hero-copy h1 {
    max-width: 16ch;
  }
  [data-amarra-layout="landing"] .hs-hero-copy {
    width: 100%;
  }
  [data-amarra-layout="landing"] .hs-dossier-preview {
    max-width: none;
  }
}
@media (max-width: 520px) {
  [data-amarra-layout="landing"] .hs-hero-copy h1 {
    font-size: 3rem;
  }
  [data-amarra-layout="landing"] .hs-dossier-preview > .bg-surface-card {
    padding: 1rem;
  }
  [data-amarra-layout="landing"] .hs-dossier-preview .space-y-1 {
    font-size: 11px;
  }
  [data-amarra-layout="landing"] .hs-dossier-preview .space-y-1 .font-label-status {
    display: none;
  }
  [data-amarra-layout="landing"] .hs-dossier-preview .grid > div {
    padding: 0.75rem 0.4rem;
  }
  [data-amarra-layout="landing"] .hs-preview-caption {
    font-size: 12px;
  }
  [data-amarra-layout="landing"] .hs-hero-distributors li {
    padding-inline: 0.6rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-amarra-layout="landing"] {
    scroll-behavior: auto;
  }
  [data-amarra-layout="landing"] *,
  [data-amarra-layout="landing"] *::before,
  [data-amarra-layout="landing"] *::after {
    animation: none !important;
    transition: none !important;
  }
}

[data-amarra-layout="landing"] .hs-hero-rail > p {
  max-width: none;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
  text-transform: none;
}

/* Keep the same graphite/amber identity when the saved theme is dark. */
html[data-amarra-layout="landing"]:not(.light) {
  --surface: 32 34 38;
  --surface-base: 32 34 38;
  --surface-canvas: 38 41 46;
  --surface-card: 44 48 54;
  --surface-card-glass: 44 48 54;
  --surface-container-lowest: 36 39 44;
  --surface-container-low: 38 41 46;
  --surface-container: 54 59 66;
  --surface-container-high: 65 72 81;
  --surface-container-highest: 81 90 101;
  --on-surface: 247 243 232;
  --on-surface-variant: 182 190 200;
  --primary: 231 215 183;
  --on-primary: 32 34 38;
  --secondary: 195 200 209;
  --tertiary: 195 200 209;
  --border-subtle: 115 125 136;
  --compliance-conforme: 139 211 173;
  --compliance-atencao: 231 215 183;
  --compliance-impeditivo: 250 157 160;
  --error: 250 157 160;
  --error-container: 74 37 41;
  color-scheme: dark;
}
html[data-amarra-layout="landing"]:not(.light) body,
html[data-amarra-layout="landing"]:not(.light) header,
html[data-amarra-layout="landing"]:not(.light) .hs-hero,
html[data-amarra-layout="landing"]:not(.light) .hs-band-paper,
html[data-amarra-layout="landing"]:not(.light) .hs-band-moss,
html[data-amarra-layout="landing"]:not(.light) .hs-band-sun {
  background: rgb(var(--surface));
  color: rgb(var(--on-surface));
}
html[data-amarra-layout="landing"]:not(.light) .hs-band-sand,
html[data-amarra-layout="landing"]:not(.light) #solucao,
html[data-amarra-layout="landing"]:not(.light) #planos {
  background: rgb(var(--surface-container-low));
}
html[data-amarra-layout="landing"]:not(.light) .hs-hero-copy h1,
html[data-amarra-layout="landing"]:not(.light) .hs-hero-copy .text-on-surface,
html[data-amarra-layout="landing"]:not(.light) .hs-btn-whatsapp,
html[data-amarra-layout="landing"]:not(.light) .hs-hero .hs-btn-whatsapp {
  color: rgb(var(--on-surface));
}
html[data-amarra-layout="landing"]:not(.light) .hs-hero-copy .text-primary,
html[data-amarra-layout="landing"]:not(.light) .hs-logo-word em {
  color: rgb(var(--primary));
}
html[data-amarra-layout="landing"]:not(.light) .hs-hero-copy .text-on-surface-variant,
html[data-amarra-layout="landing"]:not(.light) .hs-preview-caption span,
html[data-amarra-layout="landing"]:not(.light) .hs-hero-distributors {
  color: rgb(var(--on-surface-variant));
}
html[data-amarra-layout="landing"]:not(.light) .hs-hero-copy .text-compliance-conforme {
  color: rgb(var(--compliance-conforme));
}
html[data-amarra-layout="landing"]:not(.light) .hs-dossier-preview > .bg-surface-card {
  background: rgb(var(--surface-card));
  border-color: rgb(var(--border-subtle) / 0.18);
}
html[data-amarra-layout="landing"]:not(.light) .hs-dossier-preview .space-y-1 > div,
html[data-amarra-layout="landing"]:not(.light) .hs-dossier-preview > div > div:first-child,
html[data-amarra-layout="landing"]:not(.light) .hs-hero-rail,
html[data-amarra-layout="landing"]:not(.light) .hs-hero-distributors li,
html[data-amarra-layout="landing"]:not(.light) .hs-plan {
  border-color: rgb(var(--border-subtle) / 0.18);
}
html[data-amarra-layout="landing"]:not(.light) .hs-btn-whatsapp:hover {
  background: rgb(var(--surface-container));
}

/* Brand accents follow champagne even where the shared stylesheet fixes amber. */
[data-amarra-layout="landing"] .brand-sun,
[data-amarra-layout="landing"] .hs-footer a:hover,
[data-amarra-layout="landing"] .hs-summary .text-primary {
  color: var(--champagne);
}
[data-amarra-layout="landing"] .hs-summary,
[data-amarra-layout="landing"] .hs-footer {
  --primary: 231 215 183;
}
[data-amarra-layout="landing"] header a.bg-primary-container {
  background: var(--champagne);
  color: var(--graphite);
  box-shadow: none;
}
[data-amarra-layout="landing"] #amarra-whatsapp {
  background: var(--steel);
  color: var(--ivory);
}
[data-amarra-layout="landing"] .hs-summary .hs-btn-whatsapp {
  color: var(--ivory);
}