/* ==========================================================================
   HC ENGENHARIA — STYLES (funil de obras comerciais, Goiania/GO)
   Tokens do kit em marca/kit. Simbolo = o monograma HC (torres + arcos da ponte +
   C com engrenagem); 2o motivo = a engrenagem, que tileia como regua e divisoria.
   A textura de dobra e a estamparia GRADE do kit, no modulo medido da marca.
   Clonado da LP comercial da HCP e re-skinado: a HCP e marca HEXAGONAL (ambar), a
   HC e de angulo reto (azul), entao todo o chanfro do clone saiu daqui.
   ========================================================================== */

:root {

  /* --- KIT DE MARCA HC ENGENHARIA (marca/kit) ------------------------------
     Motivos em data URI, para funcionar em file://, print e PDF (playbook 15.1).
     mark-full  = contorno do monograma HC (torres + arcos da ponte + C com engrenagem)
     mark-band  = a engrenagem do miolo do C, extraida por componente conectado
     stamp-grade / stamp-planta = a estamparia do kit, no modulo MEDIDO da marca
     (passo de 71px = a distancia entre os eixos das hastes verticais das torres). */
  --mark-full: url('data:image/png;base64,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');
  --mark-band: url('data:image/png;base64,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');
  --mark-dot: url('data:image/png;base64,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');
  --stamp-grade: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAFjCAYAAADowmrhAAAEI0lEQVR42u3YsY3EMBAEweZD+ac87ysAnQBVeXTHaCx4ti0AfurPBAC/d93exyRVzSa2sY1tntzFZQyQbwoAxBhAjAEQYwAxBkCMAcQYADEGEGMAxBhAjAEQYwAxBkCMAcQYADEGEGMAxBhAjAEQYwAxBkCMAcQYADEGEGMAxBhAjAEQYwAxBkCMAcQYADEGEGMAxBhAjAEQYwAxBkCMAcQYADEGEGMAxBhAjAEQYwAxBkCMAcQYADEGEGMAxBhAjAEQYwAxBkCMAcQYADEGEGMAxBhAjAEQYwAxBkCMAcQYADEGQIwBxBiAqrNtZgBwGQN83nW/lE1S1WxiG9vY5sldXMYA+aYAQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjAMQYQIwBEGOAlzjbZgYAlzHA5133S9kkVc0mtrGNbZ7cxWUMkG8KAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBkCMAcQYADEGeImzbWYAcBkDfN51v5RNUtVsYhvb2ObJXVzGAPmmAECMAcQYADEGEGMAxBhAjAEQYwAxBkCMAcQYADEGEGMAxBhAjAEQYwAxBkCMAcQYADEGEGMAxBhAjAEQYwAxBkCMAcQYADEGEGMAxBhAjAEQYwAxBkCMAcQYADEGEGMAxBhAjAEQYwAxBkCMAcQYADEGEGMAxBhAjAEQYwAxBkCMAcQYADEGEGMAxBhAjAEQYwAxBkCMAcQYADEGEGMAxBhAjAEQYwDEGECMARBjgJc422YGAJcxwOdd90vZJFXNJraxjW2e3MVlDJBvCgDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQZAjAHEGICqs21mAHAZA3zeP5wwM7M4xYI0AAAAAElFTkSuQmCC');
  --stamp-malha: url('data:image/png;base64,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');
  --stamp-grade-lisa: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWMAAAFjCAYAAADowmrhAAAELUlEQVR42u3YMY4EIRAEwe4T//9yrXNI8AA0SEQ465eR20MnSQHwqfH/26bYrH9QtrGNbWxzfJs/OwB8T4wBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBxBgAMQYQYwDEGECMARBjADEGQIwBEGMAMQagqqo6ScwA4DIGeN6YF7IpNuvXgm1sYxvbHN/GZQxQnikAEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYADEGEGMAxBjgEp0kZgBwGQM8b8wL2RSb9WvBNraxjW2Ob+MyBijPFACIMYAYAyDGAGIMgBgDiDEAYgwgxgCIMYAYAyDGAGIMgBgDiDEAYgwgxgCIMYAYAyDGAGIMgBgDiDEAYgwgxgCIMYAYAyDGAGIMgBgDiDEAYgwgxgCIMYAYAyDGAGIMgBgDiDEAYgwgxgCIMYAYAyDGAGIMgBgDiDEAYgwgxgCIMYAYAyDGAGIMgBgDiDEAYgwgxgCIMYAYAyDGAGIMgBgDiDEAYgyAGAOIMQBiDHCJThIzALiMAZ435oVsis36tWAb29jGNse3cRkDlGcKAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBhBjAMQYQIwBEGMAMQZAjAHEGAAxBkCMAcQYADEGuEQniRkAXMYAzxvzQjbFZv1asI1tbGOb49u4jAHKMwUAYgwgxgCIMYAYAyDGAGIMgBgDiDEAYgwgxgCIMYAYAyDGAGIMgBgDiDEAYgwgxgCIMYAYAyDGAGIMgBgDiDEAYgwgxgCIMYAYAyDGAGIMgBgDiDEAYgwgxgCIMYAYAyDGAGIMgBgDiDEAYgwgxgCIMYAYAyDGAGIMgBgDiDEAYgwgxgCIMYAYAyDGAGIMgBgDiDEAYgwgxgCIMYAYAyDGAGIMgBgDIMYAYgyAGANcopPEDADf+gE8oTOzJ68bcQAAAABJRU5ErkJggg==');
  --stamp-planta: url('data:image/png;base64,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');
  --modulo-marca: 71px;
  --angulo-marca: 28deg;   /* a obliqua medida da marca */

  --brand: #005798; --brand-2: #909192; --brand-light: #70c2ff;
  --brand-soft: #0057981a;
  /* Raio 5px: medido no icone do kit (geometria.radius_px). A marca e toda de
     angulo reto, por isso o site nao tem canto arredondado nem chanfro. */
  --radius-btn: 5px; --radius-card: 5px;

  /* Marca */
  --color-primary: #005798;          /* azul HC, medido na versao monocromatica */
  --color-primary-strong: #004375;   /* azul profundo, derivado por luminancia */
  --color-primary-soft: #EAF3FA;     /* tint claro */
  /* #005798 da 7,4:1 contra branco NOS DOIS SENTIDOS, entao quem clica usa a cor
     cheia da marca e o kit nao precisa de token --cta separado. */
  --cta: var(--color-primary);

  /* Institucional / superficies (familia fria, derivada do azul) */
  --color-ink: #001729;
  --color-ink-2: #00355C;
  --color-ink-3: #004375;
  --color-graphite: #2B3238;
  --color-slate: #5A6167;

  /* Neutras */
  --color-bg: #FFFFFF;
  --color-bg-soft: #F5F7F9;
  --color-bg-mute: #E9EDF1;
  --color-line: #DDE3E8;
  --color-text: #131C24;
  --color-text-mute: #56616B;
  --color-on-dark: #EAF2F8;
  --color-on-dark-mute: #B9C7D3;
  /* Aco do lettering: os dois extremos do degrade do monograma, e a mediana */
  --color-aco: #909192;
  --color-aco-escuro: #5F5E5E;
  --color-aco-claro: #B0B2B3;
  --color-azul-engrenagem: #0466AD;   /* medido: os dentes da engrenagem */

  /* Acento de destaque em fundo escuro: o azul cheio some no ink, entao quem
     assume e o brand_light do kit (playbook, secao "cor de marca escura"). */
  --color-gold: #70c2ff;

  /* Verde = pontos de conversao (form, popup, CTA fixo) */
  --color-green: #1FA858;
  --color-green-deep: #148244;
  --color-green-light: #2BD46E;

  /* Header fixo */
  --header-h: 92px;

  /* Tipografia do kit */
  --font-display: "Montserrat", "Inter", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Layout */
  --container: 1200px;
  --container-pad: clamp(20px, 4vw, 40px);
  --radius-sm: 5px;
  --radius: 5px;
  --radius-lg: 5px;

  /* Sombras (frias, na familia do ink) */
  --shadow-sm: 0 4px 14px rgba(0, 23, 41, 0.07);
  --shadow: 0 12px 40px rgba(0, 23, 41, 0.12);
  --shadow-lg: 0 24px 60px rgba(0, 23, 41, 0.18);
  --shadow-accent: 0 16px 40px rgba(0, 87, 152, 0.28);

  /* Degrades MEDIDOS no monograma (o H e o C ja tem esse degrade vertical) */
  --grad-aco: linear-gradient(180deg, #5F5E5E, #B0B2B3);
  --grad-azul: linear-gradient(180deg, #0466AD, #004375);
  --grad-marca: linear-gradient(28deg, #005798, #909192);

  /* Transicoes */
  --ease: cubic-bezier(.2,.7,.2,1);
  --t-fast: .2s var(--ease);
  --t: .35s var(--ease);
  --t-slow: .6s var(--ease);
}

/* ==========================================================================
   RESET & BASE
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: calc(var(--header-h) + 16px);
}

body {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.65;
  color: var(--color-text);
  background: var(--color-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color var(--t-fast); }
button { font: inherit; cursor: pointer; border: 0; background: transparent; color: inherit; }
ul, ol { list-style: none; }

/* ==========================================================================
   GEOMETRIA ANGULAR (13.1) — a logo é um HEXÁGONO (retas + chanfros),
   então o site inteiro é angular. Exceção: o FAB do WhatsApp continua
   redondo (botão de marca reconhecível) e os marcadores hexagonais usam
   clip-path (não dependem de border-radius).
   ========================================================================== */
*, *::before, *::after { border-radius: var(--radius-btn, 5px); }

/* Marcador/ícone hexagonal da marca (pointy-top, igual à logo) */
.mark-shape {
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
}

::selection { background: var(--color-primary); color: var(--color-ink); }

.container {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding-left: var(--container-pad);
  padding-right: var(--container-pad);
}

/* ==========================================================================
   TIPOGRAFIA UTILITÁRIA
   ========================================================================== */

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: 18px;
}
.eyebrow--dark { color: var(--color-ink); }
.eyebrow--light { color: var(--color-primary); }

/* Tarja de destaque (alto contraste sobre a foto do hero) */
.eyebrow--badge {
  color: #fff;
  background: rgba(0,23,41, 0.85);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  padding: 10px 18px;
  margin-bottom: 22px;
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
  max-width: 100%;
}
.eyebrow--badge .eyebrow__dot { background: var(--color-primary); }
@media (max-width: 600px) {
  .eyebrow--badge { white-space: normal; line-height: 1.5; padding: 12px 20px;
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */ }
}

/* Marcador de TODO eyebrow = hexágono da marca (não uma bolinha genérica) */
.eyebrow::before {
  content: "";
  width: 12px; height: 12px;
  background: var(--color-primary);
  -webkit-mask: var(--mark-dot) center/contain no-repeat;
  mask: var(--mark-dot) center/contain no-repeat;
  flex: 0 0 auto;
}
.eyebrow__dot { display: none; }

.section-title {
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--color-ink);
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.14;
  letter-spacing: -0.01em;
  margin-bottom: 18px;
  max-width: 22ch;
  text-wrap: balance;
}
.section-title--light { color: #fff; }

.section-lead {
  font-size: clamp(16px, 1.4vw, 18px);
  color: var(--color-text-mute);
  max-width: 60ch;
  margin-bottom: 44px;
}
.section-lead--light { color: var(--color-on-dark-mute); }
.section-lead--short { max-width: 50ch; }

.accent {
  color: var(--color-primary);
  position: relative;
  /* nowrap só em telas grandes — em mobile pode quebrar */
}
@media (min-width: 900px) {
  .accent { white-space: nowrap; }
}

/* Régua sob o acento = barra chanfrada nas pontas (traço do hexágono),
   não uma linha arredondada genérica. */
.hero__headline .accent::after,
.section-title .accent::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -6px;
  height: 5px;
  background: var(--color-primary);
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
  opacity: .85;
}

/* ==========================================================================
   BOTÕES
   ========================================================================== */

/* TODOS os botões têm pontas HEXAGONAIS (identidade da marca) */
.btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 14px 26px;
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
  transition: transform var(--t-fast), background var(--t), color var(--t), filter var(--t);
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  will-change: transform;
}
.btn svg { width: 18px; height: 18px; position: relative; z-index: 2; }
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(1px); }

/* Brilho que atravessa o botão secundário (sheen) */
.btn--ghost-light::after {
  content: "";
  position: absolute;
  top: 0; left: -130%;
  width: 60%; height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,0.55), transparent);
  transform: skewX(-18deg);
  animation: btnShine 4.2s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
}
@keyframes btnShine { 0% { left: -130%; } 55%, 100% { left: 140%; } }

.btn--lg { padding: 18px 34px; font-size: 16px; }
.btn--sm { padding: 10px 20px; font-size: 14px; }
.btn--block { width: 100%; }

/* =====================================================================
   Botões preenchidos = corpo hexagonal (::before) + ANEL DE PULSO que
   expande e some (::after), igual ao ctaPulse do Militão/Moura.
   Como o clip-path apaga box-shadow, o anel é um pseudo hexagonal
   que cresce (inset negativo) por trás do corpo e desaparece.
   ===================================================================== */
.btn--accent, .btn--green {
  background: transparent;   /* o corpo colorido vem do ::before */
  clip-path: none;           /* remove o clip do .btn base p/ o anel escapar */
  overflow: visible;
  isolation: isolate;
}
.btn--accent { color: #fff; }
.btn--green  { color: #fff; }
.btn--accent:hover, .btn--green:hover { color: #fff; }

.btn--accent::before, .btn--green::before,
.btn--accent::after,  .btn--green::after {
  content: "";
  position: absolute; inset: 0;
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
  pointer-events: none;
}
/* corpo (fica na frente do anel, atrás do texto) */
.btn--accent::before { z-index: -1; background: var(--color-primary); transition: filter var(--t), background var(--t); }
.btn--green::before  { z-index: -1; background: linear-gradient(115deg, var(--color-green-light) 0%, var(--color-green) 55%, var(--color-green-deep) 100%); transition: filter var(--t); }
/* ANEL que pulsa: cresce ~13px pra fora e some */
.btn--accent::after { z-index: -2; background: var(--color-primary); animation: ringPulse 1.7s ease-out infinite; }
.btn--green::after  { z-index: -2; background: var(--color-green-light); animation: ringPulse 1.7s ease-out infinite; }
@keyframes ringPulse {
  0%   { inset: 0;      opacity: .55; }
  70%  { inset: -13px;  opacity: 0; }
  100% { inset: -13px;  opacity: 0; }
}
.btn--accent:hover::before { background: var(--color-primary-strong); }
.btn--green:hover::before  { filter: brightness(1.08); }

.btn--ghost {
  background: var(--color-bg-mute);
  color: var(--color-ink);
}
.btn--ghost:hover { background: var(--color-bg-mute); }

/* Secundário sobre imagem = hexágono fosco translúcido */
.btn--ghost-light {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.btn--ghost-light:hover { background: rgba(255, 255, 255, 0.24); }

.btn--compact { padding: 12px 22px; font-size: 14px; animation: none; }
/* folga do texto para as pontas anguladas nos botões grandes */
.btn--lg { padding-left: 36px; padding-right: 36px; }

/* =================================================================
   READ PROGRESS BAR                                                  */
.read-progress {
  position: fixed;
  top: 0; left: 0;
  height: 3px;
  width: 0;
  background: linear-gradient(90deg, var(--color-primary), var(--color-primary-soft));
  z-index: 1000;
  transition: width 0.1s linear;
  pointer-events: none;
}

/* =================================================================
   SITE HEADER — fundo sólido da marca + faixa de nav deslizante      */
.site-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 900;
  height: var(--header-h);
  display: flex;
  align-items: center;
  background: linear-gradient(115deg, var(--color-ink-2) 0%, var(--color-ink) 60%, var(--color-ink) 100%);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  transition: box-shadow 0.35s var(--ease), background 0.35s var(--ease);
}
.site-header::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--color-primary) 30%, #F2C57D 50%, var(--color-primary) 70%, transparent);
  opacity: 0.8;
}
.site-header.is-solid {
  background: linear-gradient(115deg, rgba(0,53,92,0.94) 0%, rgba(0,35,62,0.95) 60%, rgba(0,23,41,0.96) 100%);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: 0 10px 34px -14px rgba(0,0,0,0.7);
}
.site-header__inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: 100%;
}
.site-header__brand { display: inline-flex; align-items: center; flex-shrink: 0; line-height: 0; }
.site-header__brand img { height: 62px; width: auto; filter: drop-shadow(0 3px 8px rgba(0,0,0,0.35)); }

/* faixa de nav: acompanha a rolagem, desliza até a seção atual (todas as telas) */
.site-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  -webkit-mask: linear-gradient(90deg, transparent 0, #000 4%, #000 92%, transparent 100%);
          mask: linear-gradient(90deg, transparent 0, #000 4%, #000 92%, transparent 100%);
}
.site-nav::-webkit-scrollbar { display: none; }
.site-nav a[data-section] {
  flex: 0 0 auto;
  padding: 8px 17px;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 500;
  color: rgba(255,255,255,0.82);
  white-space: nowrap;
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
  transition: color 0.2s var(--ease), background 0.25s var(--ease);
}
.site-nav a[data-section]:hover { color: #fff; background: rgba(255,255,255,0.16); }
/* seção atual: chip BRANCO hexagonal (cor diferente do botão turquesa do header) */
.site-nav a[data-section].current {
  color: var(--color-ink);
  background: #fff;
  font-weight: 700;
}
.site-header__cta { flex-shrink: 0; margin-left: 4px; }

@media (max-width: 900px) {
  :root { --header-h: 74px; }
  .site-header__cta { display: none; }
  .site-header__brand img { height: 46px; }
  /* SEM hambúrguer: os nomes continuam sempre visíveis, deslizando pro lado */
  .site-nav { margin-left: 12px; gap: 8px; }
  .site-nav a[data-section] {
    padding: 6px 14px;
    font-size: 13px;
    color: #fff;
    background: rgba(255,255,255,0.12);
  }
  .site-nav a[data-section].current { background: #fff; color: var(--color-ink); }
}

/* ==========================================================================
   HERO (sem navbar — logo embutida no início do conteúdo)
   ========================================================================== */

.hero {
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  align-items: center;
  padding: calc(var(--header-h) + 44px) 0 110px; /* topo livre do header fixo */
  overflow: hidden;
  isolation: isolate;
  color: #fff;
}

.hero__brand {
  display: block;            /* força quebra após a logo */
  width: fit-content;        /* o anchor envolve só a imagem */
  margin-bottom: 32px;
  transition: opacity var(--t-fast);
  line-height: 0;
}
.hero__brand:hover { opacity: 0.85; }
.hero__brand img {
  /* Proporção real após o crop (2696x1750 ≈ 1.54:1).
     Definimos width pelo viewport e deixamos a height seguir
     o aspect-ratio dos atributos width/height do <img>. */
  width: clamp(180px, 20vw, 280px);
  height: auto;
  max-width: 100%;
  filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.45));
  display: block;
}
.eyebrow--light {
  /* Quando dentro do hero, garante alinhamento à esquerda */
  align-self: flex-start;
}
@media (max-width: 600px) {
  /* No mobile a logo fica centralizada acima do conteúdo */
  .hero__brand {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
  }
  .hero__brand img { width: clamp(180px, 50vw, 240px); }
  /* Botões do hero ocupam a largura toda (mais fáceis de tocar) */
  .hero__cta { flex-direction: column; align-items: stretch; }
  .hero__cta .btn { width: 100%; justify-content: center; }
}

.hero__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.hero__bg picture { display: block; width: 100%; height: 100%; }
.hero__bg img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center;
  animation: heroZoom 18s var(--ease) infinite alternate;
}
.hero__overlay {
  position: absolute;
  inset: 0;
  /* escuro à esquerda (texto) e mais leve à direita (casa aparece mais) */
  background:
    linear-gradient(90deg, rgba(0,23,41, 0.60) 0%, rgba(0,23,41, 0.46) 45%, rgba(0,23,41, 0.34) 100%),
    linear-gradient(180deg, rgba(0,23,41, 0.34) 0%, transparent 34%, rgba(0,23,41, 0.58) 100%);
}
@media (max-width: 760px) {
  /* Celular: escuro atrás do texto (topo) e mais leve embaixo para a
     casa aparecer; leve reforço no rodapé da dobra para contraste. */
  .hero__overlay {
    background:
      linear-gradient(180deg,
        rgba(0,23,41, 0.88) 0%,
        rgba(0,23,41, 0.74) 34%,
        rgba(0,23,41, 0.30) 60%,
        rgba(0,23,41, 0.20) 78%,
        rgba(0,23,41, 0.55) 100%);
  }
  /* Imagem mobile já é retrato enquadrado na casa */
  .hero__bg img { object-position: center; }
}

@keyframes heroZoom {
  from { transform: scale(1.0); }
  to   { transform: scale(1.08); }
}

.hero__content {
  position: relative;
  /* usa a largura do container (alinha o texto com a logo e as outras dobras) */
  text-align: left;
}

.hero__headline {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(32px, 5vw, 58px);
  line-height: 1.14;
  letter-spacing: -0.015em;
  color: #fff;
  margin-bottom: 26px;
  max-width: 20ch;
  text-wrap: balance;
}
/* no hero o acento pode quebrar naturalmente (evita linha gigante e desalinhada) */
.hero__headline .accent { color: var(--color-primary); white-space: normal; }
.hero__headline .accent::after {
  height: 4px;
  bottom: -3px;
}

.hero__sub {
  font-size: clamp(16px, 1.4vw, 19px);
  color: var(--color-on-dark-mute);
  max-width: 60ch;
  margin-bottom: 36px;
}

.hero__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

/* Chamada "Conheça a Romualdo" — em FLUXO (nunca sobre os botões), todas as telas */
.hero__cue {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: clamp(26px, 4vh, 44px);
  padding-top: clamp(18px, 2.6vh, 26px);
  border-top: 1px solid rgba(255,255,255,0.16);
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.9);
}
.hero__cue:hover { color: var(--color-primary); }
/* Chevron dentro de um selo HEXAGONAL (borda hexagonal, não quadrada) */
.hero__cue-chevron {
  display: inline-grid;
  place-items: center;
  width: 32px; height: 35px;
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
  background: rgba(0,87,152, 0.22);
  color: #fff;
  animation: cueBounce 1.8s ease-in-out infinite;
}
.hero__cue:hover .hero__cue-chevron { background: var(--color-primary); color: var(--color-ink); }
.hero__cue-chevron svg { width: 16px; height: 16px; }
@keyframes cueBounce {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(4px); }
}

@media (max-width: 900px) {
  .hero { padding-bottom: 72px; }
}

/* ==========================================================================
   PROOF
   ========================================================================== */

.proof {
  background: var(--color-ink);
  color: #fff;
  padding: 36px 0;
  position: relative;
  z-index: 2;
}
.proof__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  align-items: center;
}
.proof__grid--3 { grid-template-columns: repeat(3, 1fr); }

/* Autoridade em foco único: +15 anos bem destacado */
.proof--single { padding: clamp(40px, 6vw, 64px) 0; }
.proof__solo {
  display: flex; align-items: center; justify-content: center;
  gap: clamp(24px, 5vw, 56px); flex-wrap: wrap;
}
.proof__seal {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
}
.proof__seal img {
  width: clamp(58px, 6vw, 76px); height: auto; display: block;
  filter: drop-shadow(0 6px 22px rgba(0,87,152, 0.42));
  animation: sealPulse 3.6s var(--ease) infinite alternate;
}
@keyframes sealPulse {
  from { filter: drop-shadow(0 6px 18px rgba(0,87,152, 0.30)); }
  to   { filter: drop-shadow(0 6px 30px rgba(0,87,152, 0.60)); }
}
@media (max-width: 640px) {
  .proof__seal { padding-bottom: 4px; }
}
.proof__solo-num {
  flex: 0 0 auto; text-align: center;
  font-family: var(--font-display); font-weight: 700;
  font-size: clamp(46px, 7vw, 78px); color: var(--color-primary);
  line-height: 0.9; letter-spacing: -0.03em;
  text-shadow: 0 8px 40px rgba(0,87,152,0.30);
}
.proof__solo-num small {
  display: block; margin-top: 7px;
  font-size: 0.22em; color: var(--color-on-dark-mute); font-weight: 600;
  letter-spacing: 0.14em; text-transform: uppercase;
}
.proof__solo-label {
  flex: 1 1 0; max-width: 46ch; font-size: clamp(16px, 1.5vw, 19px);
  color: var(--color-on-dark); line-height: 1.55;
  border-left: 3px solid var(--color-primary); padding-left: 26px;
}
.proof__solo-label strong { color: #fff; font-weight: 600; }
.proof__solo-label .proof__hl { color: var(--color-primary); font-weight: 700; }
@media (max-width: 640px) {
  .proof__solo { flex-direction: column; text-align: center; gap: 18px; }
  .proof__solo-label { border-left: 0; border-top: 3px solid var(--color-primary); padding-left: 0; padding-top: 16px; }
}
.proof__num--word {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--color-primary);
  font-size: clamp(22px, 2.6vw, 32px);
}
.proof__arrow { color: var(--color-on-dark-mute); font-weight: 400; }
.proof__item {
  text-align: center;
  border-left: 1px solid rgba(255,255,255,0.08);
  padding: 6px 14px;
}
.proof__item:first-child { border-left: 0; }
.proof__num {
  font-family: var(--font-display);
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.01em;
}
.proof__num small {
  font-size: 0.45em;
  color: var(--color-on-dark-mute);
  font-weight: 500;
  margin-left: 4px;
}
.proof__label {
  font-size: 13px;
  color: var(--color-on-dark-mute);
  margin-top: 8px;
  line-height: 1.4;
}

@media (max-width: 720px) {
  .proof__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .proof__grid--3 { grid-template-columns: 1fr; }
  .proof__item { border-left: 0; }
}

/* ==========================================================================
   OFFER (DARK)
   ========================================================================== */

.offer {
  background:
    var(--color-ink);
  color: #fff;
  padding: clamp(70px, 9vw, 120px) 0;
  position: relative;
  overflow: hidden;
}
.offer::before {
  content: "";
  position: absolute;
  top: -120px; right: -120px;
  width: 420px; height: 420px;
  background: radial-gradient(circle, rgba(0,87,152, 0.18) 0%, transparent 70%);
  pointer-events: none;
}
.offer::after {
  content: "";
  position: absolute;
  bottom: -160px; left: -120px;
  width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(0,87,152, 0.08) 0%, transparent 70%);
  pointer-events: none;
}
.offer__head { max-width: 700px; margin-bottom: 50px; position: relative; }

.offer__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  position: relative;
}

.offer__card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: var(--radius-lg);
  padding: 40px;
  position: relative;
  transition: transform var(--t), border-color var(--t), background var(--t);
}
.offer__card:hover {
  transform: translateY(-4px);
  border-color: rgba(0,87,152, 0.4);
  background: rgba(0,87,152, 0.06);
}
.offer__card--featured {
  background: linear-gradient(160deg, rgba(0,87,152, 0.12), rgba(0,87,152, 0.02));
  border-color: rgba(0,87,152, 0.35);
}

.offer__badge {
  display: inline-block;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  color: var(--color-on-dark);
  margin-bottom: 20px;
}
.offer__badge--accent {
  background: var(--color-primary);
  color: var(--color-ink);
}

.offer__title {
  font-family: var(--font-display);
  font-size: clamp(22px, 2.4vw, 28px);
  color: #fff;
  margin-bottom: 8px;
}
.offer__lead {
  color: var(--color-on-dark-mute);
  margin-bottom: 24px;
  font-size: 15.5px;
}

.offer__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.offer__list li {
  position: relative;
  padding-left: 28px;
  color: var(--color-on-dark);
  font-size: 15px;
  line-height: 1.6;
}
.offer__list li::before {
  content: "";
  position: absolute;
  left: 0; top: 6px;
  width: 17px; height: 18px;
  -webkit-mask: var(--mark-band) center/contain no-repeat;
  mask: var(--mark-band) center/contain no-repeat;
  background: var(--color-primary);
}
.offer__list li::after {
  content: "";
  position: absolute;
  left: 4.5px; top: 11px;
  width: 8px; height: 4px;
  border-left: 2px solid var(--color-ink);
  border-bottom: 2px solid var(--color-ink);
  transform: rotate(-45deg);
}
.offer__list strong { color: #fff; font-weight: 600; }

.offer__note {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px dashed rgba(255,255,255,0.12);
  font-size: 13.5px;
  color: var(--color-on-dark-mute);
  text-align: center;
}

@media (max-width: 760px) {
  .offer__grid { grid-template-columns: 1fr; }
  .offer__card { padding: 28px; }
}

/* ===== Exemplos de financiamento (cards) ===== */
.financing__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 8px;
  position: relative;
}
.financing__card {
  display: flex;
  flex-direction: column;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  overflow: hidden;
  transition: transform var(--t), border-color var(--t), background var(--t);
}
.financing__card:hover {
  transform: translateY(-5px);
  border-color: rgba(0,87,152,0.45);
  background: rgba(0,87,152,0.06);
}
.financing__card--featured { border-color: rgba(0,87,152,0.4); background: linear-gradient(180deg, rgba(0,87,152,0.10), rgba(255,255,255,0.02)); }
.financing__img { aspect-ratio: 4 / 3; overflow: hidden; background: var(--color-ink-2); }
.financing__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s var(--ease); }
.financing__card:hover .financing__img img { transform: scale(1.05); }
.financing__body { padding: 24px 24px 26px; display: flex; flex-direction: column; flex: 1; }
.financing__tier {
  display: inline-block; align-self: flex-start;
  font-family: var(--font-display); font-size: 12px; font-weight: 600;
  letter-spacing: 0.04em; padding: 7px 12px; margin-bottom: 16px;
  background: rgba(255,255,255,0.08); color: var(--color-on-dark);
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
}
.financing__tier--accent { background: var(--color-primary); color: var(--color-ink); }
.financing__type { font-family: var(--font-display); font-size: 22px; font-weight: 600; color: #fff; margin-bottom: 14px; }
.financing__type span { color: var(--color-primary); }
.financing__specs { display: flex; flex-direction: column; gap: 7px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.10); }
.financing__specs li { color: var(--color-on-dark-mute); font-size: 14px; padding-left: 18px; position: relative; line-height: 1.5; }
.financing__specs li::before { content: ""; position: absolute; left: 0; top: 6px; width: 9px; height: 10px; background: var(--color-primary); -webkit-mask: var(--mark-band) center/contain no-repeat;
  mask: var(--mark-band) center/contain no-repeat; }
.financing__price { display: flex; flex-direction: column; gap: 2px; margin-bottom: 16px; }
.financing__label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.14em; color: var(--color-on-dark-mute); }
.financing__value { font-family: var(--font-display); font-size: 18px; font-weight: 600; color: rgba(255,255,255,0.92); }
.financing__installment { margin-top: auto; padding-top: 16px; border-top: 1px dashed rgba(255,255,255,0.14); display: flex; flex-direction: column; gap: 2px; }
.financing__inst-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.14em; color: var(--color-primary); }
.financing__inst-value { font-family: var(--font-display); font-size: clamp(26px, 2.4vw, 32px); font-weight: 700; color: #fff; letter-spacing: -0.02em; line-height: 1.1; }
.financing__inst-value small { font-size: 0.5em; font-weight: 500; color: var(--color-on-dark-mute); margin-left: 2px; }
.financing__cta { text-align: center; margin-top: 40px; position: relative; }

@media (max-width: 860px) { .financing__grid { grid-template-columns: 1fr; max-width: 440px; margin-left: auto; margin-right: auto; } }

/* ==========================================================================
   EXPERTS / RESPONSÁVEL
   ========================================================================== */

.experts {
  padding: clamp(70px, 9vw, 120px) 0;
  background: var(--color-bg-soft);
  position: relative;
}
.experts__inner {
  display: grid;
  grid-template-columns: minmax(300px, 460px) 1fr;
  gap: clamp(40px, 6vw, 80px);
  align-items: center;
}

.experts__photo {
  /* Hexágono: chanfro no canto superior-esquerdo e inferior-direito
     (retângulo com 2 cantos opostos cortados = 6 lados). A borda
     turquesa aparece pelo padding + fundo em degradê. */
  --moldura: 3px;   /* HC: moldura reta, sem chanfro */
  position: relative;
  border-radius: 0;
  padding: 3px;
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-strong));
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
  filter: drop-shadow(0 24px 46px rgba(0,23,41, 0.24));
}
.experts__photo img {
  width: 100%; height: auto;
  display: block;
  position: relative;
  z-index: 1;
  aspect-ratio: 3/4;
  object-fit: cover;
  object-position: center top;
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
}
.experts__caption {
  position: absolute;
  left: 18px; right: 18px; bottom: 20px;
  z-index: 2;
  background: rgba(0,23,41, 0.88);
  backdrop-filter: blur(8px);
  color: #fff;
  padding: 15px 30px;
  border-radius: 0;
  /* Pontas hexagonais nas laterais (igual aos botões da marca) */
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 14px;
}
.experts__caption strong {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 16px;
}
.experts__caption span {
  color: var(--color-on-dark-mute);
  font-size: 13px;
  margin-top: 4px;
}

.experts__copy { max-width: 600px; }
/* título da dobra ocupa a coluna toda (evita quebra em 3 linhas com "com quem" solto) */
.experts__copy .section-title { max-width: none; margin-bottom: 22px; }
.experts__copy .section-title .accent { white-space: normal; }
.experts__lead {
  font-size: 16.5px;
  color: var(--color-text-mute);
  margin-bottom: 18px;
}
.experts__cta {
  margin-top: 30px;
  padding-top: 26px;
  border-top: 1px solid var(--color-line);
}

.experts__points {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 28px 0 32px;
  padding-top: 24px;
  border-top: 1px solid var(--color-line);
}
.experts__points li {
  display: flex;
  align-items: center;
  gap: 18px;
}
.experts__points-num {
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 700;
  color: var(--color-primary-strong);
  min-width: 60px;
  line-height: 1;
}
.experts__points-text {
  color: var(--color-ink);
  font-weight: 500;
  font-size: 15.5px;
}

@media (max-width: 860px) {
  .experts__inner { grid-template-columns: 1fr; }
  .experts__photo { max-width: 420px; margin: 0 auto; }
}

/* ==========================================================================
   GALLERY (carrossel infinito automático — “marquee”)
   ========================================================================== */

.gallery {
  padding: clamp(70px, 9vw, 120px) 0;
  background: var(--color-bg);
  overflow: hidden;
  position: relative;
}
.gallery__head { margin-bottom: 48px; }
.gallery__cta {
  text-align: center;
  margin-top: 56px;
}

.marquee-wrap { position: relative; }
/* Setas hexagonais para controlar a galeria */
.marquee__nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  z-index: 5; width: 50px; height: 56px;
  display: grid; place-items: center;
  background: var(--color-primary); color: var(--color-ink);
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
  cursor: pointer;
  filter: drop-shadow(0 8px 18px rgba(0,87,152,0.4));
  transition: transform var(--t), background var(--t);
}
.marquee__nav:hover { background: var(--color-primary-strong); transform: translateY(-50%) scale(1.08); }
.marquee__nav:active { transform: translateY(-50%) scale(0.96); }
.marquee__nav svg { width: 22px; height: 22px; }
.marquee__nav--prev { left: clamp(8px, 3vw, 32px); }
.marquee__nav--next { right: clamp(8px, 3vw, 32px); }
@media (max-width: 600px) {
  .marquee__nav { width: 42px; height: 48px; }
  .marquee__nav svg { width: 18px; height: 18px; }
}

.marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* Máscara nas bordas para fade-in/out elegante */
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  padding: 8px 0;
  cursor: grab;
  /* Permite scroll vertical da página, captura swipe horizontal */
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}
.marquee.is-dragging { cursor: grabbing; }

.marquee__track {
  display: flex;
  gap: 22px;
  width: max-content;
  will-change: transform;
}
.marquee__item img {
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none; /* impede que o browser inicie o drag-to-save da imagem */
}

.marquee__item {
  position: relative;
  flex: 0 0 auto;
  width: clamp(260px, 32vw, 400px);
  height: clamp(320px, 42vw, 520px);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--color-bg-soft);
  box-shadow: 0 10px 30px rgba(0,23,41, 0.10);
  isolation: isolate;
}
.marquee__item img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform 1.2s var(--ease);
}
.marquee__item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(0,23,41, 0.85) 100%);
  z-index: 1;
  pointer-events: none;
}
.marquee__item figcaption {
  position: absolute;
  left: 18px; right: 18px; bottom: 18px;
  z-index: 2;
  font-family: var(--font-display);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  gap: 10px;
}
.marquee__item figcaption::before {
  content: "";
  width: 11px; height: 12px;
  -webkit-mask: var(--mark-band) center/contain no-repeat;
  mask: var(--mark-band) center/contain no-repeat;
  background: var(--color-primary);
  flex: 0 0 auto;
}
.marquee__item:hover img {
  transform: scale(1.06);
}

@media (max-width: 600px) {
  .marquee__track { gap: 14px; }
  .marquee {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
  }
}

/* ==========================================================================
   PROCESS / COMO FUNCIONA
   ========================================================================== */

.process {
  padding: clamp(70px, 9vw, 120px) 0;
  background: var(--color-bg-soft);
  position: relative;
  overflow: hidden;
}
.process::before {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% -10%, rgba(0,87,152,0.08), transparent 55%);
  pointer-events: none;
}
.process .container { position: relative; z-index: 1; }

/* ===== PASSOS em grade 2×2 (visual + reveal dinâmico) ===== */
.steps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  max-width: 920px;
  margin: 48px auto 0;
}
.step {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--color-line);
  padding: 30px 30px 28px;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .6s var(--ease), transform .6s var(--ease),
              box-shadow .35s var(--ease), border-color .35s var(--ease);
}
.step.on { opacity: 1; transform: translateY(0); }
.step:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 44px rgba(48,31,7,0.11);
  border-color: rgba(0,87,152,0.45);
}
/* barra de acento no topo que "desenha" ao revelar */
.step::before {
  content: "";
  position: absolute; top: 0; left: 0; height: 4px; width: 100%;
  background: linear-gradient(90deg, var(--color-primary), var(--color-primary-strong));
  transform: scaleX(0); transform-origin: left;
  transition: transform .6s var(--ease) .18s;
}
.step.on::before { transform: scaleX(1); }
/* número-fantasma gigante ao fundo */
.step__ghost {
  position: absolute; top: -26px; right: 4px;
  font-family: var(--font-display); font-weight: 700;
  font-size: 172px; line-height: 1;
  color: var(--color-primary);
  opacity: 0.22; pointer-events: none; user-select: none;
  transition: opacity .35s var(--ease), transform .5s var(--ease);
}
.step:hover .step__ghost { opacity: 0.32; transform: translateY(4px); }
/* ícone hexagonal em degradê — "pop" ao entrar */
.step__icon {
  position: relative; z-index: 1;
  display: inline-grid; place-items: center;
  width: 60px; height: 66px; margin-bottom: 14px;
  background: linear-gradient(150deg, var(--color-primary), var(--color-primary-strong));
  color: #fff;
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
  box-shadow: 0 10px 24px rgba(0,87,152,0.38);
  transform: scale(0.4) rotate(-18deg); opacity: 0;
  transition: transform .55s cubic-bezier(.2,1.35,.4,1) .16s, opacity .4s .16s,
              box-shadow .35s var(--ease);
}
.step__icon svg { width: 27px; height: 27px; }
.step.on .step__icon { transform: scale(1) rotate(0); opacity: 1; }
.step:hover .step__icon {
  box-shadow: 0 14px 32px rgba(0,87,152,0.58);
  transform: translateY(-3px);
}
.step__kicker {
  position: relative; z-index: 1; display: block;
  font-family: var(--font-display); font-size: 12px; font-weight: 700;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-primary);
  margin-bottom: 6px;
}
.step__title {
  position: relative; z-index: 1;
  font-family: var(--font-display); font-weight: 700;
  font-size: clamp(18px, 2vw, 21px); color: var(--color-ink);
  line-height: 1.2; letter-spacing: -0.01em; margin-bottom: 10px;
}
.step__text { position: relative; z-index: 1; font-size: 15px; color: var(--color-text-mute); line-height: 1.6; }
@media (max-width: 620px) { .steps { grid-template-columns: 1fr; } }

/* ===== TIMELINE (vitrine do processo — trilho que preenche + nós que acendem) ===== */
.timeline {
  position: relative;
  max-width: 760px;
  margin: 46px auto 0;
}
.timeline__track, .timeline__fill {
  position: absolute;
  left: 30px; width: 3px;
  z-index: 0;
}
.timeline__track { top: 34px; bottom: 34px; background: var(--color-line); }
.timeline__fill {
  top: 34px; height: 0;
  background: linear-gradient(180deg, var(--color-primary), var(--color-primary-strong));
  box-shadow: 0 0 14px rgba(0,87,152,0.5);
  transition: height .7s var(--ease);
  z-index: 1;
}

.timeline__step {
  position: relative;
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 22px;
  align-items: start;
  padding-bottom: 24px;
}
.timeline__step:last-child { padding-bottom: 0; }

.timeline__marker {
  position: relative; z-index: 2;
  width: 60px; height: 66px;
  display: grid; place-items: center;
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
  background: var(--color-ink);
  color: #fff;
  font-family: var(--font-display); font-weight: 700; font-size: 22px;
  box-shadow: inset 0 0 0 2px rgba(0,87,152,0.28);
  transition: background .4s var(--ease), box-shadow .4s var(--ease), transform .4s var(--ease);
}
.timeline__step.on .timeline__marker {
  background: var(--color-primary-strong);
  color: #fff;
  box-shadow: inset 0 0 0 2px var(--color-primary), 0 10px 24px rgba(0,87,152,0.5);
  transform: scale(1.06);
}

.timeline__card {
  position: relative;
  background: #fff;
  border: 1px solid var(--color-line);
  padding: 20px 24px;
  box-shadow: 0 6px 20px rgba(48,31,7,0.05);
  transition: border-color .4s var(--ease), box-shadow .4s var(--ease), transform .4s var(--ease);
}
/* passo aceso ganha destaque (o texto NUNCA some, mesmo sem JS) */
.timeline__step.on .timeline__card {
  border-color: rgba(0,87,152,0.4);
  box-shadow: 0 14px 32px rgba(48,31,7,0.10);
  transform: translateX(3px);
}
/* seta (losango angular) apontando do card para o nó */
.timeline__card::before {
  content: "";
  position: absolute; left: -8px; top: 24px;
  width: 14px; height: 14px;
  background: #fff;
  border-left: 1px solid var(--color-line);
  border-bottom: 1px solid var(--color-line);
  transform: rotate(45deg);
  transition: border-color .4s var(--ease);
}
.timeline__step.on .timeline__card::before { border-color: rgba(0,87,152,0.35); }
.timeline__card h3 {
  font-family: var(--font-display);
  font-size: clamp(19px, 2vw, 22px);
  color: var(--color-ink); font-weight: 700;
  letter-spacing: -0.01em; line-height: 1.2;
  margin-bottom: 8px;
}
.timeline__card p { font-size: 15px; color: var(--color-text-mute); line-height: 1.6; }

@media (max-width: 560px) {
  .timeline__step { grid-template-columns: 50px 1fr; gap: 16px; }
  .timeline__track, .timeline__fill { left: 24px; }
  .timeline__marker { width: 48px; height: 54px; font-size: 18px; }
  .timeline__card { padding: 16px 18px; }
}

/* ===== Comparativo: pedreiro solto × Romualdo ===== */
.compare { max-width: 920px; margin: 46px auto 0; }
.compare__lead {
  text-align: center;
  font-family: var(--font-display);
  font-size: clamp(17px, 1.9vw, 21px);
  font-weight: 600; color: var(--color-ink);
  max-width: 60ch; margin: 0 auto 28px; line-height: 1.4;
}
.compare__lead strong { color: #d23b3b; font-weight: 700; }

.compare__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: stretch; }

.compare__col {
  position: relative;
  background: #fff;
  border: 1px solid var(--color-line);
  padding: 28px 26px;
}
.compare__col--bad { border-top: 4px solid #d23b3b; }
.compare__col--good {
  border: 1px solid rgba(0,87,152,0.4);
  border-top: 4px solid var(--color-primary);
  overflow: hidden;
  animation: compareGlow 2.8s ease-in-out infinite;
}
@keyframes compareGlow {
  0%, 100% { box-shadow: 0 18px 44px rgba(0,87,152,0.16); }
  50%      { box-shadow: 0 22px 56px rgba(0,87,152,0.34); }
}
/* brilho que atravessa o card vencedor */
.compare__col--good::after {
  content: ""; position: absolute; top: -60%; left: -45%;
  width: 40%; height: 220%;
  background: linear-gradient(100deg, transparent, rgba(0,87,152,0.16), transparent);
  transform: rotate(12deg);
  animation: cardSheen 5.5s ease-in-out infinite;
  pointer-events: none;
}

.compare__seal {
  position: absolute; top: 0; right: 0;
  background: var(--color-green); color: #fff;
  font-family: var(--font-display); font-size: 10.5px; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase;
  padding: 7px 14px 7px 18px;
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
}
.compare__tag {
  display: inline-block;
  font-family: var(--font-display); font-size: 13px; font-weight: 700;
  letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 4px;
}
.compare__tag--bad { color: #d23b3b; }
.compare__tag--good { color: var(--color-green-deep); }
.compare__title {
  font-family: var(--font-display); font-size: clamp(17px, 1.9vw, 20px);
  color: var(--color-ink); font-weight: 700; margin-bottom: 22px;
  padding-bottom: 16px; border-bottom: 1px solid var(--color-line);
}

.compare__list { display: flex; flex-direction: column; gap: 15px; }
.cmp { display: flex; align-items: flex-start; gap: 12px; }
.cmp__ic {
  flex: 0 0 auto; width: 24px; height: 26px; margin-top: 1px;
  display: grid; place-items: center; color: #fff;
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
}
.cmp__ic svg { width: 12px; height: 12px; }
.cmp__ic--x { background: #d23b3b; }
.cmp__ic--check { background: var(--color-green); }
.cmp__txt {
  position: relative; font-size: 14.5px; line-height: 1.45;
  color: var(--color-text); padding-bottom: 4px;
  transition: color .4s var(--ease);
}
.compare__col--good .cmp__txt strong { color: var(--color-ink); font-weight: 600; }
/* o "risco" (linha vermelha) fica SEMPRE ABAIXO da frase, nunca por cima */
.compare__col--bad .cmp[data-strike] .cmp__txt::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0;
  height: 2px; background: #d23b3b;
  transform: scaleX(0); transform-origin: left;
  transition: transform .55s var(--ease);
}
.compare__col--bad .cmp.is-struck .cmp__txt::after { transform: scaleX(1); }
.compare__col--bad .cmp.is-struck .cmp__txt { color: var(--color-slate); }

@media (max-width: 720px) {
  .compare__grid { grid-template-columns: 1fr; }
}

/* ===== Dobra "Não arrisque / pedreiro solto" (clara e discreta) ===== */
.risk-band {
  position: relative;
  color: var(--color-text);
  padding: clamp(56px, 7vw, 92px) 0;
  background: var(--color-bg);
  border-top: 1px solid var(--color-line);
}
/* 2 colunas: frase (+CTA) à esquerda, lista de riscos à frente */
.risk-band__inner {
  position: relative; z-index: 1;
  display: grid;
  grid-template-columns: minmax(250px, 360px) 1fr;
  gap: clamp(30px, 5vw, 70px);
  align-items: center;
}
.risk-band__aside .section-title--light {
  color: var(--color-ink); max-width: 13ch; margin-bottom: 26px;
}
.eyebrow--onred { color: #c0392b; }
.eyebrow--onred::before { background: #c0392b; }
.accent-red { color: #c0392b; font-weight: inherit; }

.risk-band__list { margin: 0; display: flex; flex-direction: column; }
.rb {
  display: flex; align-items: center; gap: 15px;
  padding: 15px 4px;
  border-bottom: 1px solid var(--color-line);
}
.rb:last-child { border-bottom: 0; }
.rb__ic {
  flex: 0 0 auto; width: 26px; height: 29px;
  display: grid; place-items: center;
  background: #c0392b; color: #fff;
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
}
.rb__ic svg { width: 13px; height: 13px; }
.rb__txt {
  position: relative;
  font-size: clamp(15px, 1.5vw, 16px); line-height: 1.4;
  color: var(--color-text); padding-bottom: 3px;
  transition: color .4s var(--ease);
}
/* linha vermelha do "risco" SEMPRE abaixo da frase */
.rb__txt::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0;
  height: 2px; background: #c0392b;
  transform: scaleX(0); transform-origin: left;
  transition: transform .55s var(--ease);
}
.rb.is-struck .rb__txt::after { transform: scaleX(1); }
.rb.is-struck .rb__txt { color: var(--color-text-mute); }

.risk-band__cta { margin-top: 0; }
@media (max-width: 760px) {
  /* Ordem no celular: título, lista de riscos e, por último, o botão.
     display:contents no aside faz o título e o CTA virarem itens do flex. */
  .risk-band__inner { display: flex; flex-direction: column; gap: 26px; }
  .risk-band__aside { display: contents; }
  .risk-band__aside .section-title--light { max-width: none; order: 1; margin: 0; }
  .risk-band__list { order: 2; }
  .risk-band__cta { order: 3; }
}

/* ==========================================================================
   OBJECTIONS / FAQ
   ========================================================================== */

.objections {
  padding: clamp(70px, 9vw, 120px) 0;
  background: var(--color-bg);
}
.objections__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 20px;
}
/* item ímpar sozinho na última linha ocupa a largura toda (evita buraco) */
.objections__grid .objection:last-child:nth-child(odd) { grid-column: 1 / -1; }
.objection {
  background: var(--color-bg-soft);
  border: 1px solid transparent;
  border-radius: var(--radius);
  padding: 20px 24px;
  transition: background var(--t), border-color var(--t), box-shadow var(--t);
}
.objection[open] {
  background: #fff;
  border-color: rgba(0,87,152, 0.4);
  box-shadow: var(--shadow-sm);
}
.objection summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 16px;
  color: var(--color-ink);
  line-height: 1.4;
}
.objection summary::-webkit-details-marker { display: none; }
.objection__icon {
  position: relative;
  width: 22px; height: 22px;
  flex: 0 0 22px;
  border-radius: 50%;
  background: var(--color-primary-soft);
  border: 1px solid rgba(0,87,152, 0.4);
  transition: transform var(--t), background var(--t);
}
.objection__icon::before, .objection__icon::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 10px; height: 2px;
  background: var(--color-primary-strong);
  transform: translate(-50%, -50%);
  border-radius: 2px;
  transition: transform var(--t);
}
.objection__icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.objection[open] .objection__icon { background: var(--color-primary); border-color: var(--color-primary); }
.objection[open] .objection__icon::before { background: var(--color-ink); }
.objection[open] .objection__icon::after  { transform: translate(-50%, -50%) rotate(0); background: var(--color-ink); }

.objection p {
  margin-top: 14px;
  color: var(--color-text-mute);
  font-size: 15px;
  line-height: 1.7;
}

@media (max-width: 760px) { .objections__grid { grid-template-columns: 1fr; } }

/* ==========================================================================
   VIABILITY / FORM
   ========================================================================== */

.viability {
  padding: clamp(70px, 9vw, 120px) 0;
  background: linear-gradient(160deg, var(--color-ink) 0%, var(--color-ink-2) 100%);
  position: relative;
  overflow: hidden;
  color: #fff;
}
.viability::before {
  content: "";
  position: absolute;
  top: -200px; right: -200px;
  width: 480px; height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,87,152, 0.18) 0%, transparent 70%);
  pointer-events: none;
}

.viability__inner {
  display: grid;
  grid-template-columns: 1fr 480px;
  gap: clamp(40px, 6vw, 80px);
  align-items: start;
  position: relative;
}

.viability__copy { padding-top: 12px; }

.viability__note {
  margin-top: 28px;
  font-size: 13.5px;
  color: var(--color-on-dark-mute);
  border-left: 3px solid var(--color-primary);
  padding-left: 14px;
  line-height: 1.6;
}
.viability__note strong { color: #fff; }

/* FORM */
.form {
  background: #fff;
  color: var(--color-text);
  border-radius: var(--radius-lg);
  padding: 36px;
  box-shadow: var(--shadow-lg);
  position: relative;
}
.form::before {
  content: "";
  position: absolute;
  top: -2px; left: -2px; right: -2px; height: 6px;
  background: linear-gradient(90deg, var(--color-primary) 0%, transparent 100%);
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
}

.form__title {
  font-family: var(--font-display);
  font-size: 22px;
  color: var(--color-ink);
  margin-bottom: 6px;
}
.form__subtitle {
  font-size: 14px;
  color: var(--color-text-mute);
  margin-bottom: 22px;
}

.form__field {
  margin-bottom: 14px;
  display: flex;
  flex-direction: column;
}
.form__field label {
  font-size: 13px;
  font-weight: 500;
  color: var(--color-ink);
  margin-bottom: 6px;
}
.form__field input,
.form__field select {
  padding: 13px 14px;
  border: 1.5px solid var(--color-line);
  border-radius: 10px;
  font: inherit;
  font-size: 15px;
  color: var(--color-ink);
  background: #fff;
  transition: border-color var(--t-fast), box-shadow var(--t-fast);
  width: 100%;
}
.form__field input::placeholder { color: var(--color-aco); }
.form__field input:focus,
.form__field select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 4px rgba(0,87,152, 0.18);
}

.form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.form__consent {
  margin-top: 14px;
  font-size: 12.5px;
  color: var(--color-text-mute);
  line-height: 1.55;
  text-align: center;
}

.form__feedback {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 14px;
  text-align: center;
}
.form__feedback.is-success {
  background: rgba(0,87,152, 0.12);
  color: var(--color-ink);
  border: 1px solid rgba(0,87,152, 0.4);
}
.form__feedback.is-error {
  background: #FEEBEC;
  color: #A0231A;
  border: 1px solid #F4C7C9;
}

button[type="submit"].btn {
  margin-top: 6px;
}

@media (max-width: 960px) {
  .viability__inner { grid-template-columns: 1fr; }
  .form { padding: 28px; }
}
@media (max-width: 480px) {
  .form__row { grid-template-columns: 1fr; }
}

/* ==========================================================================
   FORMULÁRIO 2 ETAPAS (padrão construção financiada — 13.7)
   ========================================================================== */
.form-head { max-width: 640px; margin: 0 auto 26px; text-align: center; }
.form-head .eyebrow { justify-content: center; }
.form-head .section-title { max-width: none; margin-left: auto; margin-right: auto; }
.form-head .section-lead { margin-left: auto; margin-right: auto; margin-bottom: 0; }

.steps-indicator {
  display: flex; align-items: center; justify-content: center; gap: 0;
  max-width: 460px; margin: 0 auto 24px; position: relative; z-index: 1;
}
.step-item { display: flex; align-items: center; gap: 10px; }
.step-circle {
  width: 34px; height: 34px; flex: 0 0 34px;
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
  display: grid; place-items: center;
  background: rgba(255,255,255,0.14); color: #fff;
  font-family: var(--font-display); font-weight: 700; font-size: 14px;
  transition: background var(--t), color var(--t);
}
.step-circle.active { background: var(--color-primary); color: var(--color-ink); }
.step-circle.complete { background: var(--color-green); color: #fff; }
.step-label { font-size: 13.5px; color: var(--color-on-dark-mute); font-weight: 500; }
.step-item.active .step-label { color: #fff; }
.step-connector { flex: 1 1 auto; height: 2px; background: rgba(255,255,255,0.16); margin: 0 14px; position: relative; overflow: hidden; }
.step-connector-fill { position: absolute; inset: 0 auto 0 0; width: 0; background: var(--color-primary); transition: width .4s var(--ease); }

.form-card {
  background: #fff; color: var(--color-text);
  max-width: 560px; margin: 0 auto;
  padding: 34px; box-shadow: var(--shadow-lg);
  position: relative;
}
.form-card::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 5px;
  background: var(--color-primary);
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
}
.form-step { display: none; }
.form-step.active { display: block; animation: formFade 0.35s var(--ease); }
@keyframes formFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.form-step-title { font-family: var(--font-display); font-size: 19px; color: var(--color-ink); margin-bottom: 18px; }

.form-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.form-group label { font-size: 13px; font-weight: 500; color: var(--color-ink); }
.form-group input, .form-group select {
  padding: 13px 14px; border: 1.5px solid var(--color-line);
  font: inherit; font-size: 15px; color: var(--color-ink); background: #fff; width: 100%;
  transition: border-color var(--t-fast), box-shadow var(--t-fast);
}
.form-group input::placeholder { color: var(--color-aco); }
.form-group input:focus, .form-group select:focus {
  outline: 0; border-color: var(--color-primary); box-shadow: 0 0 0 4px rgba(0,87,152,0.18);
}
.form-group input.error, .form-group select.error { border-color: #c83232; background: #fff6f6; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.form-actions { display: flex; gap: 12px; margin-top: 6px; align-items: stretch; }
.form-actions .btn--back { flex: 0 0 auto; }
.btn--back { background: var(--color-bg-mute); color: var(--color-ink); }
.btn--back:hover { background: var(--color-line); color: var(--color-ink); }

.form-success { display: none; text-align: center; padding: 22px 10px; }
.form-success.show { display: block; animation: formFade 0.4s var(--ease); }
.form-success h3 { font-family: var(--font-display); font-size: 21px; color: var(--color-ink); margin-bottom: 8px; }
.form-success p { color: var(--color-text-mute); font-size: 15px; line-height: 1.6; max-width: 44ch; margin: 0 auto; }

.form-prereq { text-align: center; font-size: 13px; color: var(--color-on-dark-mute); margin: 20px auto 0; max-width: 560px; }

.trust-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 26px; max-width: 640px; margin: 20px auto 0; position: relative; z-index: 1; }
.trust-item { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--color-on-dark-mute); }
.trust-item svg { width: 17px; height: 17px; color: var(--color-primary); }

@media (max-width: 480px) {
  .form-card { padding: 26px 20px; }
  .form-row { grid-template-columns: 1fr; }
  .step-label { display: none; }
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

/* =================================================================
   DIVISÓRIA HEXAGONAL — o símbolo da marca separando as dobras       */
.brand-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 8px 0;
  background: var(--color-bg);
}
.brand-divider--dark { background: var(--color-ink); }
.brand-divider::before,
.brand-divider::after {
  content: "";
  height: 1px;
  width: clamp(40px, 12vw, 120px);
  background: linear-gradient(90deg, transparent, rgba(0,87,152,0.5));
}
.brand-divider::after { transform: scaleX(-1); }
.brand-divider__mark {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;
  width: 18px; height: 18px; background: var(--brand);
  -webkit-mask: var(--mark-dot) center/contain no-repeat;
  mask: var(--mark-dot) center/contain no-repeat;
}
.brand-divider__mark--sm { width: 11px; height: 12px; opacity: 0.5; }

/* Textura de favo (hexágonos) em baixíssima opacidade nas dobras escuras */
.brand-texture { position: relative; }
.brand-texture > .container,
.brand-texture > * { position: relative; z-index: 1; }
.brand-texture::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.5;
  background: var(--brand);
  -webkit-mask: var(--stamp-grade) left top/160px repeat;
  mask: var(--stamp-grade) left top/160px repeat;
}

/* Rodapé enxuto: sem navegação e sem contato direto (o caminho é o funil) */
.site-footer {
  background: var(--color-ink);
  color: var(--color-on-dark);
  padding: 64px 0 40px;
  text-align: center;
}
.site-footer .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.site-footer__logo {
  display: inline-block;
  line-height: 0;
  margin-bottom: 24px;
}
.site-footer__logo img {
  width: clamp(150px, 16vw, 190px);
  height: auto;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.4));
}
.site-footer__divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 24px;
}
.site-footer__divider::before,
.site-footer__divider::after {
  content: "";
  height: 1px;
  width: 56px;
  background: linear-gradient(90deg, transparent, rgba(0,87,152,0.5));
}
.site-footer__divider::after { transform: scaleX(-1); }
.site-footer__tagline {
  color: var(--color-on-dark-mute);
  font-size: 14.5px;
  line-height: 1.65;
  max-width: 60ch;
  margin-bottom: 30px;
}
.site-footer__info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px 30px;
  margin-bottom: 34px;
}
.site-footer__info-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: var(--color-on-dark-mute);
}
.site-footer__info-item svg {
  width: 18px; height: 18px;
  color: var(--color-primary);
  flex: 0 0 18px;
}
.site-footer__copy {
  font-size: 12.5px;
  color: var(--color-on-dark-mute);
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 24px;
  width: 100%;
  max-width: 720px;
}
.site-footer__dev {
  font-size: 12.5px;
  color: var(--color-on-dark-mute);
  margin-top: 8px;
}
.site-footer__dev { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
/* Selo M² BLACK = botão de contorno hexagonal (vazado) */
.dev-badge {
  position: relative;
  display: inline-flex; align-items: center;
  padding: 8px 18px;
  background: var(--color-primary);
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
  font-family: var(--font-display); font-weight: 700; font-size: 12px; letter-spacing: 0.10em;
  transition: transform var(--t-fast);
}
.dev-badge::before {
  content: ""; position: absolute; inset: 1.6px;
  background: var(--color-ink);
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
  z-index: 0;
  transition: background var(--t);
}
.dev-badge span { position: relative; z-index: 1; color: var(--color-primary); transition: color var(--t); }
.dev-badge:hover { transform: translateY(-2px); }
.dev-badge:hover::before { background: var(--color-primary); }
.dev-badge:hover span { color: var(--color-ink); }

/* =================================================================
   CTA FIXO (barra full-width, todas as versões)                      */
.mobile-cta {
  position: fixed;
  bottom: 0; left: 0; width: 100%;
  z-index: 850;
  display: flex;
  justify-content: center;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  background: rgba(0,23,41, 0.92);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-top: 1px solid rgba(255,255,255,0.1);
  transform: translateY(120%);
  transition: transform 0.35s var(--ease);
}
.mobile-cta.is-visible { transform: translateY(0); }
.mobile-cta .btn { width: 100%; max-width: 560px; }
.mobile-cta .btn--green::after { animation: none; opacity: 0; } /* barra fixa não pulsa */

/* =================================================================
   FAB WhatsApp — sempre redondo                                      */
.wa-fab {
  position: fixed; right: 18px; bottom: 18px; z-index: 95;
  width: 58px; height: 58px;
  border: 0; cursor: pointer;
  border-radius: 50% !important; /* exceção proposital à identidade angular */
  display: grid; place-items: center;
  background: #25d366; color: #fff;
  box-shadow: 0 14px 30px -8px rgba(37,211,102,0.6);
  transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease), bottom 0.3s var(--ease);
  animation: waPulse 2.6s var(--ease) infinite;
}
.wa-fab svg { width: 32px; height: 32px; }
.wa-fab:hover { transform: scale(1.06); box-shadow: 0 18px 36px -8px rgba(37,211,102,0.75); }
@keyframes waPulse {
  0%, 100% { box-shadow: 0 14px 30px -8px rgba(37,211,102,0.6), 0 0 0 0 rgba(37,211,102,0.5); }
  50%      { box-shadow: 0 14px 30px -8px rgba(37,211,102,0.6), 0 0 0 12px rgba(37,211,102,0); }
}
.wa-fab.lifted { bottom: calc(94px + env(safe-area-inset-bottom)); }
@media (max-width: 767px) {
  .wa-fab { width: 52px; height: 52px; }
  .wa-fab.lifted { bottom: calc(90px + env(safe-area-inset-bottom)); }
  .wa-fab svg { width: 28px; height: 28px; }
}

/* =================================================================
   LEAD POPUP (40s)                                                   */
.lead-popup { position: fixed; inset: 0; z-index: 1100; display: grid; place-items: center; padding: 20px; }
.lead-popup[hidden] { display: none; }
.lead-popup__backdrop { position: absolute; inset: 0; background: rgba(0,23,41,0.72); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); animation: popupFade 0.3s var(--ease); }
/* O popup carrega o formulario completo em 2 passos e nao cabe em tela baixa.
   O overlay centraliza por grid (place-items:center): card maior que a tela
   transborda pros DOIS lados e o topo fica inalcancavel, sem scroll pra
   recuperar. 40px = os 20px de padding do overlay, dos dois lados. */
.lead-popup__card { position: relative; width: 100%; max-width: 440px; background: #fff; border-radius: var(--radius-lg); padding: 40px 32px 34px; box-shadow: var(--shadow-lg); animation: popupRise 0.4s var(--ease); max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); overflow-y: auto; overscroll-behavior: contain; }
@keyframes popupFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes popupRise { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.lead-popup__close { position: absolute; top: 14px; right: 16px; width: 36px; height: 36px; border: 0; background: transparent; font-size: 1.7rem; line-height: 1; color: var(--color-aco); cursor: pointer; transition: color 0.2s var(--ease); }
.lead-popup__close:hover { color: var(--color-ink); }
.lead-popup__title { font-family: var(--font-display); font-size: 24px; color: var(--color-ink); margin-bottom: 8px; line-height: 1.2; }
.lead-popup__sub { font-size: 14.5px; color: var(--color-text-mute); margin-bottom: 22px; line-height: 1.6; }
.lead-popup__form .btn { margin-top: 4px; }
.lead-popup__success { display: none; text-align: center; padding: 10px 0; }
.lead-popup__success.show { display: block; animation: popupFade 0.4s var(--ease); }
.lead-popup__success h3 { font-family: var(--font-display); font-size: 20px; color: var(--color-ink); margin-bottom: 6px; }
.lead-popup__success p { color: var(--color-text-mute); font-size: 14.5px; line-height: 1.6; }
.success-icon {
  width: 58px; height: 62px;
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
  display: grid; place-items: center; margin: 0 auto 14px;
  background: rgba(31,168,88,0.16); color: var(--color-green);
}
.success-icon svg { width: 28px; height: 28px; }

.error-msg { display: none; font-size: 12.5px; color: #c83232; font-weight: 500; margin-top: 4px; }
.error-msg.show { display: block; }
.form__field input.error { border-color: #c83232; background: #fff6f6; }

/* ==========================================================================
   REVEAL ON SCROLL
   ========================================================================== */

[data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s var(--ease), transform .7s var(--ease);
  will-change: opacity, transform;
}
[data-reveal].is-revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger sutil para grids */
[data-reveal]:nth-child(2) { transition-delay: .06s; }
[data-reveal]:nth-child(3) { transition-delay: .12s; }
[data-reveal]:nth-child(4) { transition-delay: .18s; }
[data-reveal]:nth-child(5) { transition-delay: .24s; }
[data-reveal]:nth-child(6) { transition-delay: .30s; }

/* Reveal genérico (aplicado via JS a títulos, cards, provas, form etc.) */
.reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s var(--ease), transform .7s var(--ease); will-change: opacity, transform; }
.reveal.is-visible { opacity: 1; transform: none; }
/* Cascata nos grids (itens entram em sequência) */
.offer__grid .offer__card:nth-child(2) { transition-delay: .12s; }
.proof__grid .proof__item:nth-child(2) { transition-delay: .09s; }
.proof__grid .proof__item:nth-child(3) { transition-delay: .18s; }
.objections__grid .objection:nth-child(2) { transition-delay: .06s; }
.objections__grid .objection:nth-child(3) { transition-delay: .12s; }
.objections__grid .objection:nth-child(4) { transition-delay: .18s; }

/* Sheen que atravessa o card em destaque da oferta (vida na dobra) */
.offer__card--featured { overflow: hidden; }
.offer__card--featured::after {
  content: ""; position: absolute; top: -60%; left: -40%;
  width: 40%; height: 220%;
  background: linear-gradient(100deg, transparent, rgba(0,87,152,0.14), transparent);
  transform: rotate(12deg);
  animation: cardSheen 5.5s ease-in-out infinite;
  pointer-events: none;
}
@keyframes cardSheen { 0% { left: -40%; } 60%, 100% { left: 130%; } }

/* Microinteração: cards de objeção e provas sobem no hover */
.objection:hover { transform: translateY(-3px); }
.proof__item { transition: transform var(--t); }
.proof__item:hover { transform: translateY(-4px); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  [data-reveal], .reveal, .timeline__card, .step { opacity: 1; transform: none; }
  .step__icon { opacity: 1; transform: none; }
  .step::before { transform: scaleX(1); }
  .hero__bg img { animation: none; }
}


/* ==========================================================================
   CAMADA DE IDENTIDADE HCP
   O simbolo da HCP e a casa ambar recortada por cor do vetor: nao da pra descrever
   entao ele entra como MASCARA (--mark-full) e a crista do telhado como
   faixa tileavel (--mark-band). Substitui a gramatica hexagonal do Romualdo.
   ========================================================================== */

.section-title::after {
  content: ""; display: block; width: 62px; max-width: 120px; height: 4px;
  margin-top: 16px; background: var(--brand);
  -webkit-mask: linear-gradient(90deg, #000 0 62%, transparent 62% 70%, #000 70% 100%);
  mask: linear-gradient(90deg, #000 0 62%, transparent 62% 70%, #000 70% 100%);
  transition: width .6s var(--ease);
}
.section-title--light::after { background: var(--brand-light); }

.brand-divider { display: block; height: 30px; padding: 0; position: relative;
  background: var(--color-bg-soft); overflow: hidden; }
.brand-divider::before {
  content: ""; position: absolute; inset: 0;
  background: var(--brand); opacity: .16;
  -webkit-mask: var(--stamp-grade) center/150px repeat-x;
  mask: var(--stamp-grade) center/150px repeat-x;
}
.brand-divider::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 240px; height: 1px;
  transform: translate(-50%,-50%);
  background: linear-gradient(90deg, transparent, var(--brand), transparent);
}

.brand-texture { position: relative; isolation: isolate; }
/* o monograma inteiro, grande e discreto, no canto da dobra escura */
.brand-mono { position: relative; isolation: isolate; }
.brand-mono::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: var(--brand-light);
  -webkit-mask: var(--mark-full) right -6% bottom -10%/34% no-repeat;
  mask: var(--mark-full) right -6% bottom -10%/34% no-repeat;
  opacity: .07;
}
.brand-texture > * { position: relative; z-index: 1; }

.proof__seal img { filter: drop-shadow(0 0 18px rgba(0,87,152, .45)); }

/* ==========================================================================
   DOBRAS PRÓPRIAS DA HCP
   O Romualdo é construção financiada e tem foto de obra; a HCP é B2B
   comercial e não tem acervo. Estas dobras substituem hero com foto,
   galeria e exemplos por faixa de renda.
   ========================================================================== */

/* --- Hero sem foto: o fundo é a própria marca, nunca imagem de banco ------ */
.hero--flat {
  min-height: auto; height: auto; padding: calc(var(--header-h) + 96px) 0 96px;
  background:
    radial-gradient(1200px 620px at 82% 18%, rgba(0,87,152, .20), transparent 62%),
    linear-gradient(155deg, var(--color-ink) 0%, var(--color-ink-2) 58%, var(--color-ink-3) 100%);
  color: var(--color-on-dark);
}
.hero--flat .hero__bg, .hero--flat .hero__overlay { display: none; }
.hero--flat .hero__content { position: relative; max-width: 900px; }
.hero--flat .hero__sub { color: var(--color-on-dark-mute); max-width: 66ch; }
.hero--flat::after { opacity: .10; }

/* --- Statbar (gramática do Icconne, 3 números) ---------------------------- */
.statbar { background: var(--color-bg-soft); padding: 56px 0; border-bottom: 1px solid var(--color-line); }
.statbar__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.statbar__item { position: relative; padding-left: 22px; }
.statbar__item::before {
  content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 4px;
  background: var(--brand);
  -webkit-mask: var(--mark-band) center/100% auto repeat-y;
  mask: var(--mark-band) center/100% auto repeat-y;
}
.statbar__seal { position: absolute; right: 8px; top: -6px; opacity: .16; }
.statbar__seal img { width: 52px; height: auto; }
.statbar__num {
  font-family: var(--font-display); font-weight: 700; line-height: 1;
  font-size: clamp(2.2rem, 4.4vw, 3.1rem); color: var(--color-ink);
}
.statbar__num small { font-size: .42em; margin-left: .18em; color: var(--brand-2); font-weight: 600; }
.statbar__label { margin-top: 10px; color: var(--color-text-mute); font-size: .96rem; max-width: 30ch; }

/* --- Diferencial (4 cards numerados) -------------------------------------- */
.diff { padding: 96px 0; background: var(--color-bg); }
.diff__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; margin-top: 44px; }
.diff__card {
  position: relative; padding: 30px 28px 28px; background: var(--color-bg-soft);
  border: 1px solid var(--color-line); border-left: 4px solid var(--brand);
  border-radius: var(--radius-card); transition: transform var(--t), box-shadow var(--t);
}
.diff__card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.diff__num {
  display: block; font-family: var(--font-display); font-weight: 700;
  font-size: 2.1rem; line-height: 1; color: var(--brand); opacity: .34; margin-bottom: 14px;
}
.diff__title { font-family: var(--font-display); font-size: 1.16rem; color: var(--color-ink); margin-bottom: 10px; }
.diff__text { color: var(--color-text-mute); font-size: .99rem; line-height: 1.62; }

/* --- Gestão / camada de proteção ------------------------------------------ */
.gestao { padding: 96px 0; background: var(--color-bg-soft); }
.gestao__inner { display: grid; grid-template-columns: 1.25fr .85fr; gap: 46px; align-items: start; }
.gestao__lead { color: var(--color-text-mute); font-size: 1.04rem; line-height: 1.72; margin-top: 20px; }
.gestao__list { margin-top: 24px; display: grid; gap: 12px; }
.gestao__list li { position: relative; padding-left: 30px; color: var(--color-text); line-height: 1.55; }
.gestao__list li::before {
  content: ""; position: absolute; left: 0; top: 3px; width: 16px; height: 17px;
  background: var(--brand);
  -webkit-mask: var(--mark-band) center/contain no-repeat;
  mask: var(--mark-band) center/contain no-repeat;
}
.gestao__cta { margin-top: 30px; }
.gestao__aside {
  padding: 34px 30px; background: var(--color-ink); color: var(--color-on-dark);
  border-radius: var(--radius-card);
}
.gestao__aside-title { font-family: var(--font-display); font-size: 1.1rem; margin-bottom: 20px; color: #fff; }
.gestao__tags { display: grid; gap: 10px; }
.gestao__tags li {
  padding: 11px 14px; background: rgba(255, 255, 255, .06);
  border-left: 3px solid var(--brand-light); font-size: .95rem; color: var(--color-on-dark);
}
.gestao__aside-note { margin-top: 20px; font-size: .86rem; color: var(--color-on-dark-mute); opacity: .8; }

/* --- Responsável técnico sem retrato -------------------------------------- */
.experts--nophoto .experts__inner { grid-template-columns: 1fr; max-width: 820px; margin-inline: auto; text-align: left; }
.experts__signature {
  display: flex; align-items: center; gap: 14px; margin-top: 28px; padding-top: 22px;
  border-top: 1px solid var(--color-line);
}
.experts__seal {
  display: grid; place-items: center; width: 58px; height: 58px; flex: none;
  background: var(--brand-soft); border: 1px solid var(--brand); border-radius: var(--radius-card);
}
.experts__seal img { width: 34px; height: auto; }
.experts__signature strong { display: block; font-family: var(--font-display); color: var(--color-ink); }
.experts__signature small { display: block; color: var(--color-text-mute); font-size: .9rem; margin-top: 2px; }

@media (max-width: 900px) {
  .statbar__grid { grid-template-columns: 1fr; gap: 30px; }
  .diff__grid { grid-template-columns: 1fr; }
  .gestao__inner { grid-template-columns: 1fr; gap: 34px; }
}
@media (max-width: 420px) {
  .hero--flat { padding: calc(var(--header-h) + 64px) 0 68px; }
  .diff, .gestao { padding: 68px 0; }
  .diff__card { padding: 24px 20px; }
}

/* ==========================================================================
   CONTENÇÃO HORIZONTAL
   A nav da HCP tem 6 itens com rótulos mais longos que os do Romualdo e,
   sem min-width:0, o flex não deixava a faixa encolher: os links empurravam
   a largura da PÁGINA e tudo vazava para a direita no celular.
   Sem hambúrguer (playbook 13.3): a faixa rola na horizontal.
   ========================================================================== */
html, body { overflow-x: clip; }          /* clip e não hidden: não quebra sticky */
.site-header__inner { min-width: 0; }
.site-nav {
  min-width: 0; overflow-x: auto; overscroll-behavior-x: contain;
  scrollbar-width: none; -ms-overflow-style: none;
}
.site-nav::-webkit-scrollbar { display: none; }
.site-nav a { flex: none; white-space: nowrap; }
.container { max-width: min(var(--container), 100%); }
.hero--flat .hero__content { max-width: min(900px, 100%); }
img, svg, video { max-width: 100%; }

/* ==========================================================================
   HERO COM FOTO (altura automática, não 100vh: copy longa não clipa o CTA)
   ========================================================================== */
.hero--photo { position: relative; isolation: isolate; }
.hero--photo .hero__bg { display: block; position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.hero--photo .hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.hero--photo .hero__overlay {
  display: block; position: absolute; inset: 0;
  background:
    linear-gradient(100deg, rgba(0,23,41,.95) 0%, rgba(0,23,41,.88) 42%, rgba(0,23,41,.52) 72%, rgba(0,23,41,.42) 100%),
    linear-gradient(180deg, rgba(0,23,41,.72) 0%, transparent 34%, rgba(0,23,41,.60) 100%);
}
.hero--photo::after { opacity: .05; }

/* Célula da galeria em 4:5 (>= 0.80): o acervo da HCP é frame de vídeo vertical
   e o cover em célula deitada decepava o pé-direito (playbook 15.7). */
.marquee__item { aspect-ratio: 4 / 5; width: clamp(230px, 24vw, 300px); }
.marquee__item img { width: 100%; height: 100%; object-fit: cover; }

/* ==========================================================================
   v3 — RITMO, MOVIMENTO E ENTRADA/SAÍDA
   ========================================================================== */

/* --- 1. Respiro entre dobras mais curto ---------------------------------- */
:root { --dobra-y: clamp(52px, 5.4vw, 76px); }
.statbar, .process, .risk-band, .gestao, .gallery, .experts, .objections, .viability {
  padding-top: var(--dobra-y); padding-bottom: var(--dobra-y);
}
.hero--flat { padding: calc(var(--header-h) + 64px) 0 68px; }
.gallery__head, .form-head { margin-bottom: 30px; }
.section-lead { margin-bottom: 0; }
.steps, .diff__grid, .objections__grid { margin-top: 32px; }
.gallery__cta, .financing__cta, .gestao__cta, .experts__cta { margin-top: 26px; }
.brand-divider { height: 26px; }
.brand-divider__mark { width: 16px; height: 16px; }

/* --- 2. Degradê animado com as cores da marca ---------------------------- */
@property --g1 { syntax: '<percentage>'; inherits: false; initial-value: 0%; }
.brand-flow {
  position: relative; isolation: isolate;
  background:
    radial-gradient(90% 130% at 12% 0%,  rgba(0,87,152,.30), transparent 58%),
    radial-gradient(80% 120% at 92% 30%, rgba(0,67,117,.42), transparent 62%),
    radial-gradient(70% 110% at 50% 108%, rgba(112,194,255,.20), transparent 60%),
    linear-gradient(150deg, var(--color-ink) 0%, var(--color-ink-2) 55%, var(--color-ink-3) 100%);
  background-size: 180% 180%, 190% 190%, 170% 170%, 100% 100%;
  animation: brandFlow 22s ease-in-out infinite alternate;
}
@keyframes brandFlow {
  0%   { background-position:   0% 0%,  100% 30%, 50% 100%, 0 0; }
  50%  { background-position:  40% 30%,  60% 10%, 20%  70%, 0 0; }
  100% { background-position:  10% 60%,  90% 60%, 80%  90%, 0 0; }
}

/* Fio de luz da marca que corre no topo das dobras escuras */
.brand-wire { position: relative; }
.brand-wire::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; z-index: 2;
  background: linear-gradient(90deg, transparent, var(--brand) 18%, var(--brand-light) 50%, var(--brand) 82%, transparent);
  background-size: 220% 100%;
  animation: wireRun 5.5s linear infinite;
  opacity: .85;
}
@keyframes wireRun { from { background-position: 220% 0; } to { background-position: -20% 0; } }

/* Brilho que pulsa atrás do hero */
.hero--photo .hero__overlay::after {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(46% 62% at 22% 46%, rgba(0,87,152,.26), transparent 68%);
  animation: heroGlow 7s ease-in-out infinite alternate;
}
@keyframes heroGlow { from { opacity: .45; transform: scale(1); } to { opacity: .95; transform: scale(1.12); } }

/* --- 3. Entrada E saída (o elemento recolhe ao sair do viewport) ---------- */
[data-anim] {
  opacity: 0; transform: translateY(26px) scale(.985);
  transition: opacity .62s var(--ease), transform .62s var(--ease);
  will-change: opacity, transform;
}
[data-anim].is-in { opacity: 1; transform: none; }
[data-anim].is-out { opacity: 0; transform: translateY(-18px) scale(.99); }
[data-anim="left"]  { transform: translateX(-32px); }
[data-anim="right"] { transform: translateX(32px); }
[data-anim="zoom"]  { transform: scale(.93); }
[data-anim].is-in   { transform: none; }

/* escalonamento dos filhos: cada card entra logo depois do anterior */
[data-anim-stagger] > * { opacity: 0; transform: translateY(22px);
  transition: opacity .55s var(--ease), transform .55s var(--ease); }
[data-anim-stagger].is-in > * { opacity: 1; transform: none; }
[data-anim-stagger].is-in > *:nth-child(1) { transition-delay: .04s }
[data-anim-stagger].is-in > *:nth-child(2) { transition-delay: .12s }
[data-anim-stagger].is-in > *:nth-child(3) { transition-delay: .20s }
[data-anim-stagger].is-in > *:nth-child(4) { transition-delay: .28s }
[data-anim-stagger].is-in > *:nth-child(5) { transition-delay: .36s }

@media (prefers-reduced-motion: reduce) {
  [data-anim], [data-anim-stagger] > * { opacity: 1 !important; transform: none !important; }
  .brand-flow, .brand-wire::before, .hero--photo .hero__overlay::after { animation: none; }
}

/* --- 4. Selo de foto provisória ------------------------------------------ */
.experts__photo { position: relative; }
.experts__placeholder-tag {
  position: absolute; top: 14px; left: 14px; z-index: 3;
  padding: 7px 13px; font-family: var(--font-display); font-weight: 600;
  font-size: .74rem; letter-spacing: .08em; text-transform: uppercase;
  color: var(--color-ink); background: var(--brand-light);
  border-radius: var(--radius-btn);
  box-shadow: 0 6px 18px rgba(0,23,41,.32);
}

/* --- Correção de contraste: a dobra de risco virou escura com o brand-flow,
       e o texto dos bullets (vermelho sobre claro no original) sumiu. -------- */
.risk-band.brand-flow .rb__txt { color: var(--color-on-dark); }
.risk-band.brand-flow .rb { border-bottom-color: rgba(255,255,255,.14); }
.risk-band.brand-flow .rb__ic { background: #c0392b; color: #fff; }
.risk-band.brand-flow .rb[data-strike] .rb__txt::after { background: rgba(255,255,255,.55); }
.risk-band.brand-flow .section-title { color: #fff; }
.risk-band.brand-flow .accent-red { color: #ff7a6b; }

/* ==========================================================================
   v4
   ========================================================================== */

/* --- 1. Régua de autoridade: degradê escuro e números em cor brilhante ---- */
.statbar {
  position: relative; isolation: isolate; border-bottom: 0;
  color: var(--color-on-dark);
  background:
    radial-gradient(70% 140% at 8% 0%,   rgba(0,87,152,.34), transparent 60%),
    radial-gradient(65% 130% at 92% 100%, rgba(112,194,255,.26), transparent 62%),
    linear-gradient(120deg, var(--color-ink) 0%, var(--color-ink-3) 48%, var(--color-ink-2) 100%);
  background-size: 190% 190%, 180% 180%, 100% 100%;
  animation: brandFlow 20s ease-in-out infinite alternate;
  padding-top: calc(var(--dobra-y) + 6px); padding-bottom: calc(var(--dobra-y) + 6px);
}
.statbar::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; z-index: 2;
  background: linear-gradient(90deg, transparent, var(--brand) 20%, var(--brand-light) 50%, var(--brand) 80%, transparent);
  background-size: 220% 100%; animation: wireRun 5.5s linear infinite;
}
.statbar__item { padding-left: 26px; }
.statbar__item::before { background: var(--brand-light); opacity: .9; width: 3px; }
.statbar__num {
  color: transparent; background: linear-gradient(96deg, #FFFFFF 0%, var(--brand-light) 42%, var(--brand) 100%);
  background-size: 220% 100%; -webkit-background-clip: text; background-clip: text;
  animation: numShine 6s ease-in-out infinite alternate;
  text-shadow: none; filter: drop-shadow(0 4px 16px rgba(0,87,152,.30));
  font-size: clamp(2.5rem, 5vw, 3.5rem);
}
@keyframes numShine { from { background-position: 0% 0; } to { background-position: 100% 0; } }
.statbar__num small { color: var(--brand-light); -webkit-text-fill-color: var(--brand-light); }
.statbar__label { color: var(--color-on-dark-mute); }
.statbar__seal { opacity: .22; }

/* --- 2. Portfólio: cartões menores -------------------------------------- */
.marquee__item { width: clamp(168px, 16vw, 216px); }
.marquee__item figcaption { font-size: .82rem; }

/* --- 3. Como funciona: cards alinhados com o texto ----------------------- */
/* o <ol> herdava o recuo de lista e empurrava os cards para dentro */
.steps { padding-left: 0; margin-left: 0; list-style: none; }

/* --- 4. Gestão: colunas equilibradas e aside da altura do texto ---------- */
.gestao__inner { grid-template-columns: 1fr 1fr; align-items: stretch; }
.gestao__aside { display: flex; flex-direction: column; justify-content: center; }
.gestao__copy { display: flex; flex-direction: column; }
.gestao__cta { margin-top: auto; padding-top: 24px; }

/* --- 5. Botões: COR CHEIA DA MARCA, sem degradê --------------------------
   O clone trazia um degradê aço -> azul -> azul-claro com texto no ink. Duas
   coisas quebravam: o cinza (#909192) lava o começo do botão, e texto escuro
   sobre azul claro fica ilegível. O kit resolve isso em uma linha: #005798 dá
   7,4:1 contra branco NOS DOIS SENTIDOS, então o botão é a cor cheia da marca
   com texto branco, e nem precisa de token --cta separado. No hover ele
   escurece para o azul-profundo (10,5:1), que é derivado por luminância. */
.btn--accent, .site-header__cta {
  position: relative;
  background-image: none;
  background-color: var(--color-primary);
  color: #fff;
  animation: none;
}
.btn--accent:hover, .site-header__cta:hover {
  background-color: var(--color-primary-strong);
  color: #fff;
}
/* verde continua verde: no padrão, verde = conversão e não pode virar azul.
   O pulso fica só aqui, que é onde o clique realmente importa. */
.btn--green {
  position: relative;
  background-image: none;
  background-color: var(--color-green);
  color: #fff;
  animation: btnPulse 2.8s ease-in-out infinite;
}
.btn--green:hover { background-color: var(--color-green-deep); color: #fff; }
/* o secundário do hero fica sobre foto: contorno branco e véu escuro, para ler
   em qualquer trecho da imagem sem competir com o botão principal */
.btn--ghost-light {
  background-image: none;
  background-color: rgba(0, 23, 41, .40);
  border: 2px solid rgba(255,255,255,.72);
  color: #fff;
  animation: none;
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
}
.btn--ghost-light:hover {
  background-color: rgba(0, 23, 41, .62);
  border-color: #fff;
}
@keyframes btnFlow { from { background-position: 0% 0; } to { background-position: 100% 0; } }
@keyframes btnPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(0,87,152,.42); }
  55%      { box-shadow: 0 0 0 14px rgba(0,87,152,0); }
}
.btn--green { animation-name: btnPulseGreen; }
@keyframes btnPulseGreen {
  0%, 100% { box-shadow: 0 0 0 0 rgba(31,168,88,.45); }
  55%      { box-shadow: 0 0 0 14px rgba(31,168,88,0); }
}
.btn--accent:hover, .btn--green:hover, .site-header__cta:hover { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
  .statbar, .statbar::before, .statbar__num,
  .btn--accent, .btn--green, .btn--ghost-light, .site-header__cta { animation: none; }
}

/* ==========================================================================
   v5 — CONTRASTE DO HERO
   O brilho pulsante estava em 22% da largura, atrás da coluna de texto, e
   clareava o fundo exatamente onde ele precisa ser escuro. Foi para o lado
   direito, onde não há texto. Somado a isso: scrim mais forte na coluna
   esquerda, corpo em cor cheia (não na mute) e acento no ciano claro, que
   é o que sobrevive sobre a fachada de vidro esverdeada.
   ========================================================================== */

/* 1. o brilho sai de trás do texto */
.hero--photo .hero__overlay::after {
  background: radial-gradient(40% 56% at 82% 40%, rgba(0,87,152,.22), transparent 70%);
}
@keyframes heroGlow { from { opacity: .35; transform: scale(1); } to { opacity: .72; transform: scale(1.10); } }

/* 2. scrim: quase opaco onde o texto vive, e só abre no terço direito */
.hero--photo .hero__overlay {
  background:
    linear-gradient(96deg,
      rgba(0,21,38,.97) 0%,
      rgba(0,21,38,.94) 38%,
      rgba(0,23,41,.82) 58%,
      rgba(31,20,4,.55) 78%,
      rgba(31,20,4,.42) 100%),
    linear-gradient(180deg, rgba(0,21,38,.80) 0%, rgba(0,21,38,.30) 34%, rgba(0,21,38,.72) 100%);
}
.hero--photo .hero__bg img { filter: saturate(.85) contrast(.92) brightness(.72); }

/* 3. texto do hero em cor cheia, com sombra de segurança */
.hero--flat .hero__sub {
  color: var(--color-primary-soft); font-size: clamp(1.02rem, 1.22vw, 1.14rem); line-height: 1.68;
  text-shadow: 0 1px 12px rgba(0,21,38,.85);
}
.hero__headline { text-shadow: 0 2px 20px rgba(0,21,38,.75); }
.hero--photo .hero__headline .accent { color: var(--brand-light); }
.hero--photo .eyebrow--badge {
  background: rgba(0,21,38,.86); color: var(--color-on-dark);
  border: 1px solid rgba(112,194,255,.34);
}
.hero__cue { color: var(--color-on-dark); text-shadow: 0 1px 10px rgba(0,21,38,.8); }

/* 4. o botão fantasma precisa de borda para existir sobre foto */
.hero--photo .btn--ghost-light {
  border: 1.5px solid rgba(112,194,255,.55); color: #fff;
  backdrop-filter: blur(3px);
}

/* --- v5.1: o pior ponto do fundo (não a média) é que decide -------------- */
/* O parágrafo chegava a ~1020px, já na região em que o scrim abria: sobrava
   uma mancha clara da fachada atrás de texto pequeno (2,65:1). Duas travas:
   a coluna de texto encurta, e o scrim forte vai mais para a direita.       */
.hero--photo .hero__overlay {
  background:
    linear-gradient(96deg,
      rgba(0,21,38,.97) 0%,
      rgba(0,21,38,.96) 46%,
      rgba(0,21,38,.93) 64%,
      rgba(0,23,41,.72) 80%,
      rgba(31,20,4,.48) 100%),
    linear-gradient(180deg, rgba(0,21,38,.80) 0%, rgba(0,21,38,.34) 34%, rgba(0,21,38,.74) 100%);
}
.hero--flat .hero__sub { max-width: 58ch; }
.hero__headline { max-width: 20ch; }

/* ==========================================================================
   v7
   ========================================================================== */

/* --- Régua de autoridade: centralizada, maior e proporcional ------------- */
.statbar__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 44px); align-items: center;
  max-width: 1080px; margin-inline: auto;
}
.statbar__item {
  padding: 6px 0 6px 0; text-align: center;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.statbar__item::before {           /* a crista vira um traço curto sob o número */
  content: ""; position: static; order: 3;
  width: 46px; height: 4px; opacity: .95;
  -webkit-mask: var(--mark-band) center/auto 100% repeat-x;
  mask: var(--mark-band) center/auto 100% repeat-x;
}
.statbar__num { font-size: clamp(2.9rem, 5.6vw, 4.2rem); line-height: .98; order: 1; }
.statbar__num small { font-size: .34em; }
.statbar__label { order: 2; max-width: 26ch; margin-top: 2px; font-size: 1rem; }
.statbar__seal { display: none; }  /* o selo desalinhava a grade de 3 colunas */
.statbar { padding-top: calc(var(--dobra-y) + 18px); padding-bottom: calc(var(--dobra-y) + 18px); }

/* --- Portfólio quadrado e menor ----------------------------------------- */
.marquee__item { aspect-ratio: 1 / 1; width: clamp(150px, 13.5vw, 190px); }

/* --- Telefone: seletor de país + dica + erro com exemplo ----------------- */
.tel-row { display: flex; gap: 8px; align-items: stretch; }
.tel-row .tel-country { flex: 0 0 auto; width: auto; max-width: 42%; min-width: 104px; padding-right: 26px; }
.tel-row input { flex: 1 1 auto; min-width: 0; }
.tel-hint { display: block; margin-top: 6px; font-size: .82rem; color: var(--color-text-mute); }
.error-msg b { color: #ff6b5b; font-weight: 700; letter-spacing: .01em; }
.error-msg strong { color: inherit; }
@media (max-width: 380px) { .tel-row .tel-country { max-width: 46%; min-width: 92px; font-size: 13px; } }

/* --- Hero: deixar a foto aparecer mais, sem perder o texto --------------- */
/* o scrim forte vira um painel SÓ atrás da coluna de texto; o resto da
   fachada clareia. Assim a foto respira e o contraste continua medido. */
.hero--photo .hero__bg img { filter: saturate(.95) contrast(1.0) brightness(.86); }
.hero--photo .hero__overlay {
  background:
    linear-gradient(96deg,
      rgba(0,21,38,.94) 0%,
      rgba(0,21,38,.90) 40%,
      rgba(0,21,38,.72) 56%,
      rgba(0,23,41,.34) 74%,
      rgba(31,20,4,.16) 100%),
    linear-gradient(180deg, rgba(0,21,38,.62) 0%, rgba(0,21,38,.16) 36%, rgba(0,21,38,.60) 100%);
}
.hero--flat .hero__content::before {
  content: ""; position: absolute; z-index: -1;
  left: calc(var(--container-pad) * -1); right: 22%; top: -32px; bottom: -32px;
  background: linear-gradient(96deg, rgba(0,20,35,.80) 0%, rgba(0,20,35,.66) 62%, transparent 100%);
  filter: blur(18px);
}
.hero--flat .hero__content { position: relative; z-index: 1; }
@media (max-width: 900px) { .hero--flat .hero__content::before { right: -10%; } }

/* ==========================================================================
   v9
   ========================================================================== */

/* --- Régua de autoridade: volta ao layout anterior, só melhor centrada ---- */
/* Desfaz o v7 (que centralizou o texto e escondeu o selo) e recupera o bloco
   alinhado à esquerda com a barra da crista. O que muda: a grade inteira
   passa a ser centrada como conjunto e as três colunas ficam do mesmo peso. */
.statbar__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(24px, 3.2vw, 52px);
  max-width: 1120px; margin-inline: auto;
  align-items: center; justify-items: center;
}
.statbar__item {
  display: block; text-align: left; position: relative;
  padding: 4px 0 4px 26px; width: max-content; max-width: 100%;
}
.statbar__item::before {                 /* barra vertical da crista, como antes */
  content: ""; position: absolute; left: 0; top: 4px; bottom: 4px;
  width: 3px; height: auto; order: 0; opacity: .9;
  background: var(--brand-light);
  -webkit-mask: var(--mark-band) center/100% auto repeat-y;
  mask: var(--mark-band) center/100% auto repeat-y;
}
.statbar__num  { font-size: clamp(2.4rem, 4.4vw, 3.3rem); line-height: 1; }
.statbar__num small { font-size: .38em; }
.statbar__label { max-width: 24ch; margin-top: 8px; font-size: .97rem; }
.statbar__seal { display: block; }       /* o selo volta */
.statbar { padding-top: calc(var(--dobra-y) + 8px); padding-bottom: calc(var(--dobra-y) + 8px); }

/* --- Gestão vira faixa curta: só declaração e CTA ------------------------ */
.gestao--band { padding-top: calc(var(--dobra-y) - 6px); padding-bottom: calc(var(--dobra-y) - 6px); }
.gestao--band .gestao__inner { display: block; max-width: 900px; margin-inline: auto; text-align: center; }
.gestao--band .section-title::after { margin-inline: auto; }
.gestao--band .eyebrow { justify-content: center; }
.gestao--band .gestao__cta { margin-top: 22px; }

/* --- Escopo: cards compactos, na língua do dono do imóvel ---------------- */
.escopo { padding: var(--dobra-y) 0; background: var(--color-bg); }
.escopo__grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 16px; margin-top: 30px;
}
.escopo__card {
  padding: 22px 20px; background: var(--color-bg-soft);
  border: 1px solid var(--color-line); border-left: 3px solid var(--brand);
  border-radius: var(--radius-card);
  transition: transform var(--t), box-shadow var(--t), border-color var(--t);
}
.escopo__card:hover { transform: translateY(-3px); box-shadow: var(--shadow-sm); border-left-color: var(--brand-2); }
.escopo__card h3 {
  font-family: var(--font-display); font-size: 1.02rem; color: var(--color-ink);
  margin-bottom: 8px; line-height: 1.3;
}
.escopo__card p { font-size: .93rem; line-height: 1.55; color: var(--color-text-mute); }
.escopo__nota { margin-top: 20px; font-size: .87rem; color: var(--color-text-mute); opacity: .85; }

@media (max-width: 900px) {
  .escopo__grid { grid-template-columns: 1fr 1fr; }
  .statbar__grid { grid-template-columns: 1fr; justify-items: start; gap: 26px; }
}
@media (max-width: 560px) { .escopo__grid { grid-template-columns: 1fr; } }

/* ==========================================================================
   v10 — CARDS DE ESCOPO EM DESTAQUE
   A dobra virou escura para os cards existirem como objeto luminoso. Cada
   card tem: borda em degradê animado (mask-composite, não pseudo empilhado),
   brilho que segue a entrada, varredura de luz no hover e a marca d'água do P.
   ========================================================================== */
.escopo { position: relative; isolation: isolate; color: var(--color-on-dark); }
.escopo .section-lead, .escopo__nota--light { color: var(--color-on-dark-mute); }

.escopo__grid { gap: 18px; margin-top: 34px; perspective: 1200px; }

.escopo__card {
  position: relative; overflow: hidden; isolation: isolate;
  padding: 0; border: 0; border-radius: var(--radius-card);
  background: linear-gradient(150deg, rgba(255,255,255,.075), rgba(255,255,255,.02));
  backdrop-filter: blur(6px);
  transition: transform .45s var(--ease), box-shadow .45s var(--ease);
  animation-delay: calc(var(--i) * .18s);
}
/* borda em degradê animado: pinta só a moldura, sem cobrir o conteúdo */
.escopo__card::before {
  content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  border-radius: inherit; padding: 1.5px;
  background: linear-gradient(115deg, var(--brand-light), var(--brand) 28%, transparent 46%,
                               transparent 62%, var(--brand-2) 84%, var(--brand-light));
  background-size: 260% 260%;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  animation: bordaFlow 8s ease-in-out infinite alternate;
  animation-delay: calc(var(--i) * -1.1s);
  opacity: .75; transition: opacity .4s var(--ease);
}
@keyframes bordaFlow { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }

/* brilho de fundo que acende no hover */
.escopo__glow {
  position: absolute; inset: -30% -10% auto -10%; height: 70%; z-index: 0;
  background: radial-gradient(60% 100% at 30% 0%, rgba(0,87,152,.55), transparent 70%);
  opacity: .22; transition: opacity .45s var(--ease), transform .6s var(--ease);
}
/* marca d'água: o P da marca no canto do card */
.escopo__mark {
  position: absolute; right: -10px; bottom: -14px; width: 92px; height: 118px; z-index: 0;
  background: var(--brand-light);
  -webkit-mask: var(--mark-full) center/contain no-repeat;
  mask: var(--mark-full) center/contain no-repeat;
  opacity: .07; transition: opacity .45s var(--ease), transform .55s var(--ease);
}
/* varredura de luz que atravessa no hover */
.escopo__card::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.16) 50%, transparent 62%);
  transform: translateX(-120%); transition: transform .75s var(--ease);
}
.escopo__body { position: relative; z-index: 3; padding: 26px 22px 24px; }
.escopo__card h3 {
  font-family: var(--font-display); font-size: 1.08rem; color: #fff;
  margin-bottom: 10px; line-height: 1.28;
}
.escopo__card p { font-size: .94rem; line-height: 1.58; color: var(--color-on-dark-mute); }

.escopo__card:hover, .escopo__card:focus-within {
  transform: translateY(-8px) scale(1.015);
  box-shadow: 0 22px 54px rgba(0,21,38,.55), 0 0 0 1px rgba(112,194,255,.22);
}
.escopo__card:hover::before, .escopo__card:focus-within::before { opacity: 1; }
.escopo__card:hover::after,  .escopo__card:focus-within::after  { transform: translateX(120%); }
.escopo__card:hover .escopo__glow { opacity: .55; transform: translateY(6px); }
.escopo__card:hover .escopo__mark { opacity: .18; transform: translate(-4px, -6px) rotate(-4deg); }
.escopo__card:hover h3 { color: var(--brand-light); }

@media (prefers-reduced-motion: reduce) {
  .escopo__card, .escopo__card::before, .escopo__card::after,
  .escopo__glow, .escopo__mark { animation: none; transition: none; }
}

/* ==========================================================================
   v11
   ========================================================================== */

/* --- Correção: a regra .escopo (v9) definia fundo branco e vinha DEPOIS de
       .brand-flow, então vencia e a dobra ficava clara com texto branco em
       cima de branco. Especificidade maior devolve o degradê animado. ------ */
.escopo.brand-flow {
  background:
    radial-gradient(90% 130% at 12% 0%,  rgba(0,87,152,.30), transparent 58%),
    radial-gradient(80% 120% at 92% 30%, rgba(0,67,117,.42), transparent 62%),
    radial-gradient(70% 110% at 50% 108%, rgba(112,194,255,.20), transparent 60%),
    linear-gradient(150deg, var(--color-ink) 0%, var(--color-ink-2) 55%, var(--color-ink-3) 100%);
  background-size: 180% 180%, 190% 190%, 170% 170%, 100% 100%;
  animation: brandFlow 22s ease-in-out infinite alternate;
}
.escopo.brand-flow .section-title { color: #fff; }

/* --- Portfólio: carrossel manual, quadrado -------------------------------- */
/* o autoplay foi desligado no main.js (speed = 0); as setas e o arrasto
   continuam valendo. Aqui só reforçamos a leitura de "isto se navega". */
.marquee { cursor: grab; }
.marquee:active { cursor: grabbing; }
.marquee__item { aspect-ratio: 1 / 1; width: clamp(190px, 17vw, 250px); }
.marquee__nav {
  opacity: 1; background: var(--brand); color: var(--color-ink);
  box-shadow: 0 10px 26px rgba(0,21,38,.35);
}
.marquee__nav:hover { background: var(--brand-light); }

/* ==========================================================================
   v12
   ========================================================================== */

/* --- Carrossel: as fotos NÃO estavam quadradas --------------------------- */
/* A regra base do clone fixa height: clamp(320px, 42vw, 520px), e altura
   explícita vence aspect-ratio. Por isso o 1/1 não pegava. */
.marquee__item {
  height: auto; aspect-ratio: 1 / 1;
  width: clamp(200px, 18vw, 260px);
}
.marquee__item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.marquee__track { gap: 16px; }

/* --- Como funciona: os cards ocupavam só o miolo da dobra ---------------- */
/* .steps tinha max-width: 920px dentro de um container de 1200px, o que
   deixava ~140px vazios de cada lado. Agora a grade preenche a dobra. */
.steps {
  max-width: none; width: 100%;
  gap: clamp(18px, 2.2vw, 30px);
  margin: 34px 0 0;
}
.step { padding: clamp(28px, 2.6vw, 40px) clamp(26px, 2.4vw, 38px); }
.step__title { font-size: clamp(1.08rem, 1.35vw, 1.26rem); }
.step__text  { font-size: clamp(.95rem, 1.02vw, 1.02rem); line-height: 1.62; }
.step__ghost { font-size: clamp(4.4rem, 7vw, 7rem); }

@media (max-width: 900px) { .steps { grid-template-columns: 1fr; } }

/* --- v13: fotos do portfólio um pouco maiores, seguem quadradas ---------- */
.marquee__item { width: clamp(250px, 23vw, 330px); }
.marquee__item figcaption { font-size: .88rem; }

/* --- v14: o número fantasma estava sendo decepado ------------------------ */
/* .step tem overflow:hidden e o ghost ficava em top:-26px, ou seja, metade
   dele nascia fora do card. Com a fonte maior do v12 o corte ficou evidente.
   Agora ele mora inteiro dentro do card, atrás do conteúdo. */
.step__ghost {
  top: 12px; right: 18px; bottom: auto;
  font-size: clamp(3.4rem, 5.2vw, 5.4rem);
  line-height: .86; opacity: .18;
}
.step:hover .step__ghost { opacity: .28; transform: translateY(2px); }

/* ==========================================================================
   v15 — A DOBRA DE ESCOPO GANHA IDENTIDADE PRÓPRIA
   Ela vinha colada na dobra de risco e com o MESMO brand-flow, então as duas
   liam como um bloco escuro só (playbook 14.12). Aqui ela deixa de repetir
   o degradê da vizinha: base quase preta, malha de cor em movimento, grade
   técnica ao fundo e cards preenchidos em vez de só contornados.
   ========================================================================== */
.escopo--mesh {
  position: relative; isolation: isolate; overflow: hidden;
  color: var(--color-on-dark);
  background: var(--color-ink);   /* HC: dobra escura e azul, nao marrom */
  padding-top: calc(var(--dobra-y) + 14px); padding-bottom: calc(var(--dobra-y) + 14px);
}
/* malha de cor: três manchas girando em tempos diferentes */
.escopo--mesh::before {
  content: ""; position: absolute; inset: -20%; z-index: 0; pointer-events: none;
  background:
    radial-gradient(30% 34% at 18% 26%, rgba(0,87,152,.50), transparent 62%),
    radial-gradient(28% 32% at 82% 22%, rgba(112,194,255,.34), transparent 64%),
    radial-gradient(34% 38% at 62% 84%, rgba(0,67,117,.55), transparent 66%);
  filter: blur(28px);
  animation: meshDrift 26s ease-in-out infinite alternate;
}
@keyframes meshDrift {
  0%   { transform: translate3d(0,0,0) scale(1); }
  50%  { transform: translate3d(3%,-2%,0) scale(1.08); }
  100% { transform: translate3d(-3%,3%,0) scale(1.04); }
}
/* grade técnica: lê como prancheta de engenharia, não como fundo genérico */
.escopo--mesh::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(112,194,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(112,194,255,.055) 1px, transparent 1px);
  background-size: 64px 64px;
  mask: radial-gradient(120% 90% at 50% 40%, #000 30%, transparent 78%);
  -webkit-mask: radial-gradient(120% 90% at 50% 40%, #000 30%, transparent 78%);
}
.escopo--mesh > .container { position: relative; z-index: 2; }
.escopo--mesh .section-title { color: #fff; }
.escopo--mesh .escopo__nota--light { color: var(--color-on-dark-mute); }

/* --- cards preenchidos ---------------------------------------------------
   O clone variava o fundo por posicao (nth-child 3n+2 e 3n+3) e as tres
   variantes terminavam num marrom da HCP (rgba(26,17,3)). Alem de
   fora da paleta, isso fazia dois cards em cada linha sumirem no fundo. Agora
   os seis sao a mesma cor chapada, e o realce vem da faixa lateral. */
.escopo--mesh .escopo__card,
.escopo--mesh .escopo__card:nth-child(3n+2),
.escopo--mesh .escopo__card:nth-child(3n+3) {
  background: #073E6A;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 20px 44px -24px rgba(0,0,0,.85);
}
/* número de ordem, que também separa esta dobra da de risco */
.escopo--mesh .escopo__card .escopo__body::before {
  content: "0" counter(escopo); counter-increment: escopo;
  display: block; font-family: var(--font-display); font-weight: 700;
  font-size: .82rem; letter-spacing: .16em; color: var(--brand-light);
  opacity: .75; margin-bottom: 12px;
}
.escopo--mesh .escopo__grid { counter-reset: escopo; }
.escopo--mesh .escopo__card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 26px 60px rgba(0,15,26,.6),
              0 0 0 1px rgba(112,194,255,.30);
}
.escopo--mesh .escopo__mark { opacity: .10; }
.escopo--mesh .escopo__card:hover .escopo__mark { opacity: .24; }

/* ==========================================================================
   v16 — HERO CENTRALIZADO
   O texto deixa de morar na coluna esquerda, então o scrim também muda: era
   uma faixa forte à esquerda que abria para a direita, e vira um véu uniforme
   com vinheta central. Sem isso o texto centralizado cairia justamente na
   parte clara da fachada.
   ========================================================================== */
.hero--flat .hero__content {
  text-align: center;
  max-width: min(1000px, 100%);
  margin-inline: auto;
}
.hero--flat .hero__headline {
  max-width: 22ch; margin-inline: auto;
}
.hero--flat .hero__sub {
  max-width: 62ch; margin-inline: auto;
  font-size: clamp(.95rem, 1.02vw, 1.04rem);   /* menor, como pedido */
  line-height: 1.66;
}
.hero--flat .eyebrow--badge { display: inline-flex; justify-content: center; }
.hero--flat .hero__cta { justify-content: center; }
.hero--flat .hero__cue { justify-content: center; margin-inline: auto; }
.hero--flat .hero__cue::before { margin-inline: auto; }

/* véu uniforme + vinheta, no lugar da faixa lateral */
.hero--photo .hero__overlay {
  background:
    radial-gradient(78% 76% at 50% 46%, rgba(0,20,35,.92) 0%, rgba(0,20,35,.86) 46%, rgba(0,21,38,.66) 78%, rgba(0,23,41,.52) 100%),
    linear-gradient(180deg, rgba(0,21,38,.72) 0%, rgba(0,21,38,.34) 38%, rgba(0,21,38,.70) 100%);
}
.hero--photo .hero__bg img { filter: saturate(.95) contrast(1.0) brightness(.80); }
.hero--photo .hero__overlay::after {
  background: radial-gradient(38% 50% at 50% 42%, rgba(0,87,152,.16), transparent 72%);
}
/* o painel desfocado acompanha o texto: passa a ser centrado */
.hero--flat .hero__content::before {
  left: 50%; right: auto; transform: translateX(-50%);
  width: min(1120px, 96%); top: -28px; bottom: -28px;
  background: radial-gradient(62% 70% at 50% 50%, rgba(19,12,2,.72) 0%, rgba(19,12,2,.42) 62%, transparent 100%);
  filter: blur(22px);
}
@media (max-width: 900px) {
  .hero--flat .hero__content::before { width: 118%; }
}

/* ==========================================================================
   v17
   ========================================================================== */

/* quebras fixas do H1 só a partir de 900px: abaixo disso o texto reflui
   sozinho, senão a quebra forçada gera linha órfã no celular */
.br-lg { display: none; }
@media (min-width: 900px) { .br-lg { display: inline; } }
.hero--flat .hero__headline { max-width: none; }

/* --- Respiro entre dobras mais curto ainda ------------------------------- */
:root { --dobra-y: clamp(38px, 3.8vw, 56px); }
.hero--flat { padding: calc(var(--header-h) + 44px) 0 48px; }
.gallery__head, .form-head { margin-bottom: 22px; }
.steps { margin-top: 26px; }
.escopo__grid { margin-top: 26px; }
.objections__grid { margin-top: 24px; }
.gallery__cta, .gestao__cta, .experts__cta, .financing__cta { margin-top: 20px; }
.brand-divider, .brand-divider__mark { height: 14px; }
.section-lead { margin-bottom: 0; }
.hero__cue { margin-top: 26px; }

/* --- v18: as três linhas do H1 precisam CABER, senão o navegador requebra -- */
/* A coluna era 1000px e a fonte ia a 58px: a linha mais longa ("sob controle
   e prazo para começar a faturar.") não cabia e virava duas. Coluna mais
   larga + corpo um pouco menor fazem a sequência pedida fechar em 3 linhas. */
.hero--flat .hero__content { max-width: min(1200px, 100%); }
.hero--flat .hero__headline { font-size: clamp(30px, 3.55vw, 49px); }
.hero--flat .hero__sub { max-width: 58ch; }

/* ==========================================================================
   v19 — A FOTO APARECE, O TEXTO CONTINUA LEGÍVEL
   Antes: véu radial forte (.92 no centro) cobrindo a fachada inteira. A foto
   quase sumia. Agora: a imagem clareia bastante e o escurecimento passa a ser
   uma elipse justa ATRÁS DO TEXTO, bem desfocada, mais sombra no próprio
   glifo. Assim o contraste vem de onde as letras estão, não da tela toda.
   ========================================================================== */
.hero--photo .hero__bg img {
  filter: saturate(1.06) contrast(1.06) brightness(1.02);
}
/* véu geral bem mais leve: só assenta a imagem, não a apaga */
.hero--photo .hero__overlay {
  background:
    radial-gradient(86% 82% at 50% 46%, rgba(19,12,2,.50) 0%, rgba(19,12,2,.42) 52%, rgba(0,20,35,.30) 80%, rgba(0,21,38,.26) 100%),
    linear-gradient(180deg, rgba(0,20,35,.58) 0%, rgba(0,20,35,.10) 34%, rgba(0,20,35,.52) 100%);
}
.hero--photo .hero__overlay::after {
  background: radial-gradient(34% 44% at 50% 40%, rgba(0,87,152,.14), transparent 74%);
}
/* o escurecimento que garante leitura vive colado ao texto */
.hero--flat .hero__content::before {
  left: 50%; transform: translateX(-50%);
  width: min(1180px, 98%); top: -34px; bottom: -34px;
  background:
    radial-gradient(52% 46% at 50% 34%, rgba(14,9,2,.90) 0%, rgba(14,9,2,.62) 58%, transparent 100%),
    radial-gradient(46% 34% at 50% 74%, rgba(14,9,2,.80) 0%, rgba(14,9,2,.44) 62%, transparent 100%);
  filter: blur(30px);
}
/* sombra no glifo: resolve o pixel claro isolado sem escurecer a foto */
.hero__headline { text-shadow: 0 2px 10px rgba(14,9,2,.92), 0 0 34px rgba(14,9,2,.7); }
.hero--flat .hero__sub { text-shadow: 0 1px 8px rgba(14,9,2,.95), 0 0 22px rgba(14,9,2,.75); }
.hero__cue { text-shadow: 0 1px 8px rgba(14,9,2,.9); }
.hero--photo .eyebrow--badge { background: rgba(19,12,2,.72); backdrop-filter: blur(4px); }

/* --- v19.1: o acento e o eyebrow reprovaram; aperta só o foco atrás do texto */
.hero--photo .hero__bg img { filter: saturate(1.05) contrast(1.05) brightness(.93); }
.hero--flat .hero__content::before {
  background:
    radial-gradient(50% 44% at 50% 33%, rgba(0,15,26,.95) 0%, rgba(0,15,26,.78) 56%, transparent 100%),
    radial-gradient(44% 32% at 50% 73%, rgba(0,15,26,.88) 0%, rgba(0,15,26,.56) 62%, transparent 100%);
  filter: blur(26px);
}
.hero--photo .eyebrow--badge { background: rgba(14,9,2,.88); }

/* --- v19.2: acento do H1 estava em 2,87 contra mínimo 3,0. Ajuste fino no
       foco atrás do texto (a paleta do kit não permite clarear o ciano). --- */
.hero--flat .hero__content::before {
  background:
    radial-gradient(50% 45% at 50% 33%, rgba(0,15,26,.98) 0%, rgba(0,15,26,.86) 58%, transparent 100%),
    radial-gradient(44% 33% at 50% 73%, rgba(0,15,26,.90) 0%, rgba(0,15,26,.60) 64%, transparent 100%);
}

/* --- v19.3: a elipse de cima cobria 50% da largura, mas a 1a linha do H1
       tem quase 1200px: as pontas dela caíam fora do foco. Alargada. ------- */
.hero--flat .hero__content::before {
  background:
    radial-gradient(68% 46% at 50% 33%, rgba(0,15,26,.97) 0%, rgba(0,15,26,.84) 62%, transparent 100%),
    radial-gradient(48% 34% at 50% 74%, rgba(0,15,26,.90) 0%, rgba(0,15,26,.58) 64%, transparent 100%);
}

/* ==========================================================================
   AJUSTES PEDIDOS (03/08)
   ========================================================================== */

/* --- 1. O MARCADOR PASSA A SER A CASA, NAO A JANELA ----------------------
   O kit entrega dois motivos: a casa (--mark-full) e a janela de 4 folhas
   (--mark-band). A janela e otima TILEADA, como regua sob titulo e como
   divisoria entre dobras. Sozinha, a 11px, ela vira "quatro quadradinhos" e
   nao le como HCP. Entao: marcador PONTUAL = casa; faixa TILEADA = janela,
   que e onde ela de fato funciona. */
/* HC: aqui a regra INVERTE em relacao a HCP. A casa da HCP lia bem a 13px; o
   monograma da HC (torres + arcos + C) vira borrao azul nesse tamanho, e o kit
   ja registra isso na nota `marcador`. Todo marcador PONTUAL e a engrenagem
   (--mark-dot), que le inteira a 1em. O monograma so aparece grande, na
   textura da dobra (.brand-mono). */
.eyebrow::before,
.escopo__mark,
.marquee__item figcaption::before,
.financing__specs li::before,
.gestao__list li::before {
  -webkit-mask-image: var(--mark-dot);
          mask-image: var(--mark-dot);
}
/* a engrenagem e 1:1 */
.eyebrow::before,
.marquee__item figcaption::before { width: 13px; height: 13px; }
.escopo__mark { width: 19px; height: 19px; }
.financing__specs li::before { width: 11px; height: 11px; }
.gestao__list li::before { width: 17px; height: 17px; }

/* --- 2. ICONE DO PASSO NA COR CHEIA DA MARCA -----------------------------
   Mesma decisao dos botoes: o azul da HC passa contraste com branco, entao o
   icone e chapado e o traco e branco. Sem degradê animado. */
.step__icon {
  background: none;
  background-color: var(--color-primary);
  color: #fff;                       /* branco no azul da marca = 7,4:1 */
  animation: none;
}
.step:hover .step__icon { background-color: var(--color-primary-strong); }

/* --- 3. DOBRA DO CASO: VIDEO LATERALIZADO --------------------------------
   O video e vertical (1080x1920, camera de celular). Em vez de encaixar a
   forca num quadro 16:9, a dobra usa o retrato como coluna e o texto ao
   lado, que e o unico arranjo em que ele nao aparece com tarja preta. */
.caso { position: relative; padding: clamp(64px, 8vw, 104px) 0; }
.caso__inner {
  display: grid; align-items: center;
  grid-template-columns: 1.02fr 0.98fr;
  gap: clamp(30px, 5vw, 68px);
}
.caso__copy { position: relative; z-index: 1; }
.caso__lead { color: var(--color-on-dark-mute); font-size: clamp(15px, 1.5vw, 17px);
  line-height: 1.75; margin-bottom: 18px; max-width: 54ch; }
.caso__list { display: flex; flex-direction: column; gap: 12px; margin: 24px 0 30px; }
.caso__list li {
  position: relative; padding-left: 30px;
  color: var(--color-on-dark); font-size: clamp(14px, 1.4vw, 15.5px); line-height: 1.55;
}
.caso__list li::before {
  content: ""; position: absolute; left: 0; top: 3px; width: 19px; height: 16px;
  background: var(--brand);
  -webkit-mask: var(--mark-full) center/contain no-repeat;
          mask: var(--mark-full) center/contain no-repeat;
}
.caso__col { justify-self: center; width: 100%; max-width: 400px; }
.caso__media {
  position: relative; width: 100%;
  padding: 3px;
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-strong));
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
}
.caso__media video {
  display: block; width: 100%; height: auto; aspect-ratio: 9 / 16;
  object-fit: cover; background: var(--color-ink);
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
}
.caso__legenda {
  margin-top: 14px; text-align: center;
  font-size: 12.5px; letter-spacing: 0.04em; color: var(--color-on-dark-mute);
}
@media (max-width: 900px) {
  .caso__inner { grid-template-columns: 1fr; gap: 34px; }
  .caso__col { max-width: 330px; order: 1; }
  .caso__copy { order: 2; }
}

/* Movimento reduzido: o degrade dos icones e o video param. */
@media (prefers-reduced-motion: reduce) {
  .step__icon { animation: none; }
  .caso__media video { display: block; }
}

/* ==========================================================================
   AJUSTES PEDIDOS (03/08, 2a rodada)
   ========================================================================== */

/* --- 1. LOGO ANIMADA (cabecalho e rodape) --------------------------------
   Duas camadas do mesmo canvas: a casa e o resto do lockup. A casa e
   "construida" por um wipe da esquerda para a direita, que e a ordem em que
   a linha se desenha de verdade (perna -> telhado -> descida). O lettering
   entra depois, em fade. So CSS: identidade que depende de JS some em print
   e em PDF, que e como o cliente costuma abrir (playbook 15.3). */
.logo-anim { position: relative; display: inline-block; line-height: 0; }
.logo-anim__simbolo,
.logo-anim__resto { display: block; width: 100%; height: auto; }
.logo-anim__resto { position: absolute; inset: 0; }

.logo-anim__simbolo {
  clip-path: inset(100% 0 0 0);   /* sobe: e uma torre sendo erguida */
  animation: logoSimbolo 1.05s .2s cubic-bezier(.62,.04,.3,1) forwards;
}
@keyframes logoSimbolo { to { clip-path: inset(0 0 0 0); } }

.logo-anim__resto {
  opacity: 0;
  animation: logoResto .75s 1.0s ease forwards;
}
@keyframes logoResto {
  from { opacity: 0; transform: translateY(5px) scale(.985); }
  to   { opacity: 1; transform: none; }
}
/* o rodape entra quando o lead chega la, nao junto com o cabecalho */
.logo-anim--rodape .logo-anim__simbolo  { animation-delay: .35s; }
.logo-anim--rodape .logo-anim__resto { animation-delay: 1.15s; }

/* o wrapper virou o filho direto do brand: as regras de tamanho apontavam
   para o <img>, que agora esta um nivel abaixo */
.site-header__brand .logo-anim { width: 104px; }
.site-header__brand img { height: auto; width: 100%; }
.site-footer__logo .logo-anim { width: 168px; }
.site-footer__logo img { height: auto; width: 100%; }

/* --- 2. A REGUA DO ACENTO SAI DE BAIXO DA LINHA SEGUINTE -----------------
   O ::after era absolute sobre o inline inteiro: quando o acento quebrava em
   duas linhas, a regua caia POR CIMA da linha de baixo e cortava a palavra.
   Underline por background com box-decoration-break resolve, porque cada
   fragmento de linha ganha a sua propria regua, sempre logo abaixo dela. */
.hero__headline .accent::after,
.section-title .accent::after { content: none; }

.hero__headline .accent,
.section-title .accent {
  position: relative;
  padding-bottom: .13em;
  background-image: linear-gradient(var(--color-primary), var(--color-primary));
  background-repeat: no-repeat;
  background-size: 100% .09em;
  background-position: 0 100%;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

/* --- 3. DOBRA DO CASO: ESTAMPARIA DE LINHAS + DEGRADE ANIMADO ------------
   Malha de linhas horizontais e verticais por cima do brand-flow (que ja
   anima o degrade). A malha anda devagar em diagonal, para a dobra nao ficar
   estatica, e some nas bordas por mascara, senao vira quadriculado de fundo
   de planilha. */
.caso { overflow: hidden; }
.caso::after {
  content: ""; position: absolute; inset: -60px; z-index: 0; pointer-events: none;
  background-image:
    repeating-linear-gradient(90deg, rgba(112,194,255,.14) 0 1px, transparent 1px 78px),
    repeating-linear-gradient(0deg,  rgba(112,194,255,.10) 0 1px, transparent 1px 78px);
  animation: casoMalha 26s linear infinite;
  -webkit-mask-image: radial-gradient(120% 90% at 50% 45%, #000 40%, transparent 88%);
          mask-image: radial-gradient(120% 90% at 50% 45%, #000 40%, transparent 88%);
}
@keyframes casoMalha {
  from { background-position: 0 0, 0 0; }
  to   { background-position: 78px 78px, 78px 78px; }
}
.caso__inner { position: relative; z-index: 1; }

/* sem o checklist a coluna encurtou: o texto passa a centralizar com o video */
.caso__inner { align-items: center; }
.caso__copy { display: flex; flex-direction: column; justify-content: center; }
.caso__lead { margin-bottom: 16px; max-width: 46ch; }
.caso__lead:last-of-type { margin-bottom: 30px; }

/* --- 4. O VIDEO PULSA ----------------------------------------------------
   Mesma gramatica do ringPulse dos botoes: um anel da marca que cresce e
   some, mais uma respiracao leve na moldura. */
.caso__media { animation: casoRespira 4.2s ease-in-out infinite; }
@keyframes casoRespira {
  0%, 100% { transform: scale(1);     box-shadow: 0 18px 50px rgba(0,23,41,.45); }
  50%      { transform: scale(1.018); box-shadow: 0 26px 70px rgba(0,87,152,.34); }
}
.caso__media::after {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--color-primary);
  animation: casoAnel 2.9s ease-out infinite;
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
}
@keyframes casoAnel {
  0%   { inset: 0;     opacity: .5; }
  70%  { inset: -18px; opacity: 0; }
  100% { inset: -18px; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .logo-anim__simbolo  { clip-path: none; animation: none; }
  .logo-anim__resto { opacity: 1; animation: none; }
  .caso::after, .caso__media, .caso__media::after { animation: none; }
}

/* A regua do .section-title nasce alinhada a esquerda. Nas dobras em que o
   titulo e centralizado (formulario e popup) ela ficava sozinha na margem,
   parecendo sujeira. Centraliza junto. */
.form-head .section-title::after,
.lead-popup .section-title::after { margin-inline: auto; }

/* A regua do acento so cabe se a linha tiver folga. Com line-height 1.14 ela
   ou encostava na descendente do "q" (padding curto) ou invadia a linha de
   baixo (padding longo). O certo e abrir a entrelinha dos titulos que levam
   acento: 1.14 -> 1.26 resolve os dois casos e nao muda o tamanho da fonte. */
.hero__headline, .section-title { line-height: 1.26; }

/* --- 5. MOLDURA DO VIDEO COM A SILHUETA DA CASA, DE TOPO RETO ------------
   Pedido do cliente: a forma da casa da logo, mas com o telhado quadrado em
   vez de pontudo. O angulo NAO foi chutado: `_build/medir-telhado.py` mediu a
   aba do simbolo do kit e ela e exatamente 45 graus. Num quadro 9:16, manter
   45 graus na tela custa 16/9 de largura para cada 1 de altura, entao um
   chanfro de 12% da altura come 21.3% da largura de cada lado. Sem isso o
   telhado sai deitado e a forma so LEMBRA uma casa em vez de ser a da HCP. */
.caso__media,
.caso__media video,
.caso__media::after {
  clip-path: none;   /* HC: marca de angulo reto, sem chanfro */
}
/* a moldura tem 3px de sobra; o video herda a mesma silhueta e a diferenca
   vira o contorno ambar, igual ao par usado na foto do responsavel */
.caso__media { padding: 3px; }

/* ==========================================================================
   AJUSTES PEDIDOS (03/08, 3a rodada)
   ========================================================================== */

/* --- 6. BOTAO COM DUAS CORES DE VERDADE ----------------------------------
   O degrade antigo era ambar-com-ambar (brand-2 so no 0%, que com o
   background-size raramente entrava em cena), entao lia como cor chapada.
   Agora a terracota entra em BANDA, varrendo de uma borda a outra, e o
   contraste entre as duas cores do manual fica visivel.

   ⚠ Por que a terracota nao ocupa metade do botao: o rotulo e escuro
   (--color-ink), e escuro sobre terracota da 3.3:1, abaixo do minimo. Sobre
   ambar da 7.4:1. Entao a terracota fica nas pontas, varrendo, e o miolo
   onde o texto mora continua ambar. Duas cores visiveis sem perder o rotulo. */
/* HC: aqui a HCP repetia o degradê de duas cores porque o âmbar dela não
   passava contraste sozinho. O azul da HC passa (7,4:1), então some tudo:
   cor cheia no corpo e no pseudo, e o hover escurece um degrau. */
.btn--accent, .site-header__cta {
  background-image: none;
  background-color: var(--color-primary);
  animation: none;
}
.btn--accent::before, .site-header__cta::before {
  background: var(--color-primary);
  animation: none;
}
.btn--accent:hover::before, .site-header__cta:hover::before {
  background: var(--color-primary-strong);
}

/* --- 7. "POR DENTRO DE UMA ENTREGA": DEGRADE MAIS FORTE E MAIS MOVIMENTO --
   A dobra usava o brand-flow padrao, que e discreto de proposito nas dobras
   de formulario. Aqui ela e vitrine, entao ganha degrade proprio, com as tres
   cores da marca em oposicao, mais uma varredura diagonal que atravessa a
   dobra e um brilho que respira atras do video. */
.caso {
  background:
    radial-gradient(78% 108% at 10% 4%,  rgba(0,87,152,.46), transparent 58%),
    radial-gradient(72% 104% at 94% 26%, rgba(0,67,117,.62), transparent 62%),
    radial-gradient(64% 96%  at 46% 106%, rgba(112,194,255,.34), transparent 60%),
    linear-gradient(146deg, var(--color-ink) 0%, var(--color-ink-3) 52%, var(--color-ink-2) 100%);
  background-size: 200% 200%, 210% 210%, 190% 190%, 100% 100%;
  animation: casoFlow 16s ease-in-out infinite alternate;
}
@keyframes casoFlow {
  0%   { background-position:   0% 0%, 100% 20%, 50% 100%, 0 0; }
  50%  { background-position:  55% 40%, 45%  0%, 10%  60%, 0 0; }
  100% { background-position: 100% 90%,  0% 70%, 90%  20%, 0 0; }
}
/* varredura diagonal: a luz que corre pela dobra */
.caso__brilho {
  content: ""; position: absolute; inset: -30% -10%; z-index: 0; pointer-events: none;
  background: linear-gradient(104deg,
    transparent 34%, rgba(112,194,255,.20) 47%, rgba(0,87,152,.30) 52%,
    rgba(112,194,255,.18) 57%, transparent 70%);
  background-size: 260% 100%;
  animation: casoVarre 7.5s ease-in-out infinite;
}
@keyframes casoVarre {
  0%   { background-position: 130% 0; opacity: 0; }
  18%  { opacity: 1; }
  82%  { opacity: 1; }
  100% { background-position: -30% 0; opacity: 0; }
}

/* --- 8. CONTRASTE DO TEXTO DA DOBRA -------------------------------------
   O corpo usava --color-on-dark-mute (var(--color-on-dark-mute)) sobre um fundo que ficou mais
   saturado: ficou apagado. Sobe para o creme cheio e ganha um pouco de peso. */
.caso__lead {
  color: var(--color-primary-soft);
  font-weight: 400;
  text-shadow: 0 1px 12px rgba(28,18,3,.55);
}
.caso .section-title--light { color: var(--color-bg-soft); }
.caso .eyebrow--light { color: var(--brand-light); }
.caso__legenda { color: var(--color-on-dark-mute); }   /* dobra removida, regra mantida inerte */

@media (prefers-reduced-motion: reduce) {
  .caso, .caso__brilho { animation: none; }
}

/* ==========================================================================
   AJUSTES PEDIDOS (03/08, 4a rodada)
   ========================================================================== */

/* --- 9. ESTAMPARIA REUTILIZAVEL -----------------------------------------
   A malha de linhas era exclusiva da dobra do caso. Virou classe, porque a
   dobra do formulario pediu a mesma coisa e duplicar o codigo faz as duas
   divergirem na primeira alteracao. */
.malha {
  position: absolute; inset: -60px; z-index: 0; pointer-events: none;
  background: var(--brand-light);
  opacity: .10;
  -webkit-mask:
    var(--stamp-grade) left top/150px repeat,
    radial-gradient(120% 90% at 50% 45%, #000 40%, transparent 88%);
  -webkit-mask-composite: source-in;
  mask:
    var(--stamp-grade) left top/150px repeat,
    radial-gradient(120% 90% at 50% 45%, #000 40%, transparent 88%);
  mask-composite: intersect;
  animation: casoMalha 26s linear infinite;
}
/* a dobra do caso passa a usar a classe; o ::after proprio sai de cena */
.caso::after { content: none; }
.viability { position: relative; overflow: hidden; }

/* --- 10. HERO SEM A MANCHA ATRAS DO TEXTO -------------------------------
   O clone resolvia o contraste do H1 com uma elipse escura e desfocada atras
   do texto (rgba .97, blur 26px) mais duas sombras de texto empilhadas. Isso
   le como borrao sobre a foto, e foi o que o cliente apontou.

   A troca: a foto passa a ser graduada por INTEIRO (uma graduacao uniforme le
   como tratamento de imagem; uma elipse le como sujeira), o texto ganha peso
   proprio, e a sombra cai para um contorno leve, so para segurar a borda da
   letra sobre as partes claras da vitrine. */
.hero--flat .hero__content::before { content: none; }

.hero--photo .hero__bg img { filter: saturate(.98) contrast(1.02) brightness(.60); }
.hero--photo .hero__overlay {
  background:
    linear-gradient(100deg, rgba(28,18,3,.86) 0%, rgba(28,18,3,.74) 46%, rgba(28,18,3,.60) 100%),
    linear-gradient(180deg, rgba(28,18,3,.70) 0%, rgba(28,18,3,.28) 38%, rgba(28,18,3,.78) 100%);
}

/* o texto passa a se sustentar sozinho: mais peso e menos sombra */
.hero__headline {
  font-weight: 700;
  letter-spacing: -0.02em;
  text-shadow: 0 1px 3px rgba(14,9,2,.55);
}
.hero--flat .hero__sub {
  color: var(--color-bg-mute);
  font-weight: 500;
  text-shadow: 0 1px 3px rgba(14,9,2,.5);
}
.hero__cue { text-shadow: 0 1px 3px rgba(14,9,2,.5); }
/* o badge ja tinha fundo proprio; so firma a borda */
.hero--photo .eyebrow--badge {
  background: rgba(20,13,2,.78);
  border: 1px solid rgba(112,194,255,.30);
}

/* --- 11. ENTRELINHA DOS TITULOS DE VOLTA PARA PERTO ----------------------
   Eu tinha aberto para 1.26 para caber a regua do acento. Ficou arejado
   demais no H2 do formulario, que tem 3 linhas. Aperta para 1.18 e a regua
   encolhe junto, senao ela volta a encostar na linha de baixo.

   A conta: com line-height L, sobra (L-1)/2 em de folga abaixo de cada linha.
   Em 1.18 isso da .09em. A regua ocupa do .08em ao .155em, entao ainda cabe
   na folga, e continua abaixo da descendente do "q" (~.21em da base). */
.hero__headline, .section-title { line-height: 1.18; }
.hero__headline .accent,
.section-title .accent {
  padding-bottom: .08em;
  background-size: 100% .075em;
}

/* ==========================================================================
   AJUSTES DA HC (o que a estrutura clonada da HCP nao previa)
   ========================================================================== */

/* --- 1. RESPONSAVEL TECNICO SEM RETRATO ----------------------------------
   O acervo do cliente so tem selfie de canteiro, e selfie esticada para
   retrato reprova (playbook 15.6). No lugar da foto entra a ASSINATURA
   PESSOAL do kit (nome + titulo + CREA), que e asset real da marca, sobre a
   grade da estamparia. Quando o retrato chegar, volta o .experts__photo e
   esta dobra sai sem mexer em mais nada. */
.experts--sem-foto .experts__inner { align-items: center; }
.experts__assinatura {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  padding: clamp(30px, 5vw, 56px);
  background: var(--color-bg-soft);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  overflow: hidden;
}
.experts__assinatura::before {           /* a grade do kit, bem apagada */
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: var(--brand); opacity: .07;
  -webkit-mask: var(--stamp-grade) center/150px repeat;
  mask: var(--stamp-grade) center/150px repeat;
}
.experts__assinatura::after {            /* regua da marca, no rodape do quadro */
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px;
  background: linear-gradient(90deg, var(--brand), var(--brand-light), var(--brand));
}
.experts__assinatura img {
  position: relative; z-index: 1;
  width: 100%; max-width: 340px; height: auto;
}
@media (max-width: 860px) {
  .experts--sem-foto .experts__inner { grid-template-columns: 1fr; }
  .experts__assinatura { padding: 34px 24px; }
}

/* --- 2. O CASO EM DUAS FOTOS, NAO EM VIDEO -------------------------------
   A HCP tinha video vertical do cartorio. A HC nao tem video de obra, entao a
   dobra mostra a MESMA obra em dois momentos (estrutura e entrega), empilhados
   com deslocamento: le como antes e depois sem precisar escrever "antes" e
   "depois", que a HC nao pode provar foto a foto. */
.caso__media--par {
  display: grid; gap: 14px; padding: 0; background: none; animation: none;
}
.caso__media--par img {
  width: 100%; height: auto; display: block;
  border-radius: var(--radius-card);
  border: 3px solid var(--brand);
  box-shadow: var(--shadow-lg);
}
.caso__media--par img:first-child { transform: translateX(-4%) rotate(-.6deg); }
.caso__media--par img:last-child  { transform: translateX(4%) rotate(.6deg); }
@media (max-width: 860px) {
  .caso__media--par img:first-child,
  .caso__media--par img:last-child { transform: none; }
}
.caso__col { max-width: 460px; }

/* --- 3. STATBAR: o rotulo do 3o item e longo -----------------------------
   "engenheiro responsavel" nao cabe na mesma linha do numero como cabia um
   "%" ou um "anos", entao o <small> quebra e alinha pela base. */
.statbar__num { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 6px; }
.statbar__num small { margin-left: 0; line-height: 1.2; }

/* --- 4. Logo no header mobile --------------------------------------------
   A logo da HC e EMPILHADA, entao ela ocupa altura onde a da HCP ocupava
   largura: a 104px ela come um terco da tela de 393px e briga com a nav. */
@media (max-width: 620px) {
  .site-header__brand .logo-anim { width: 76px; }
}


/* ==========================================================================
   AJUSTES PEDIDOS (05/08, 2a rodada)
   ========================================================================== */

/* --- 1. REGUA DE AUTORIDADE COM UM NUMERO SO -----------------------------
   Renova e Romualdo fazem assim: um numero grande, o rotulo colado nele e um
   paragrafo de apoio ao lado. A HC so tem um dado de autoridade confirmado
   (tempo de casa), entao a regua e esta. */
.statbar__solo {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: clamp(24px, 4vw, 56px);
}
.statbar__solo .statbar__num {
  /* o layout antigo de 3 colunas deixou um `order: 1` no numero, que com este
     grid jogava o texto para a frente */
  order: 0;
  display: flex; align-items: baseline; gap: 0;
  font-size: clamp(3.4rem, 8vw, 6rem);
  line-height: .9;
  white-space: nowrap;
}
.statbar__mais { font-size: .62em; margin-right: .04em; }
.statbar__solo .statbar__num small {
  font-size: .30em; margin-left: .18em; letter-spacing: .04em;
}
.statbar__texto { order: 1; }
.statbar__titulo {
  font-family: var(--font-display);
  font-size: clamp(1.15rem, 2.2vw, 1.7rem);
  font-weight: 600; line-height: 1.25; color: #fff;
  margin-bottom: 10px; max-width: 26ch;
}
.statbar__solo .statbar__label { max-width: 62ch; margin-top: 0; }
@media (max-width: 780px) {
  .statbar__solo { grid-template-columns: 1fr; gap: 14px; }
  .statbar__solo .statbar__num { justify-content: flex-start; }
}

/* --- 2. CARDS DO ESCOPO: FUNDO PROPRIO, NAO O DA DOBRA -------------------
   Os cards vinham quase da cor do fundo e sumiam. Agora eles sao um degrade
   claro sobre o azul da dobra, com borda de marca e sombra: o card vira
   superficie, e o fundo continua sendo fundo. */
.escopo--mesh .escopo__card {
  background: linear-gradient(160deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.045) 100%);
  border: 1px solid rgba(112,194,255,.30);
  border-left: 3px solid var(--brand-light);
  box-shadow: 0 18px 40px -22px rgba(0,0,0,.75);
  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
  transition: background var(--t), border-color var(--t), transform var(--t-fast);
}
.escopo--mesh .escopo__card:hover {
  background: linear-gradient(160deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 100%);
  border-color: var(--brand-light);
  transform: translateY(-3px);
}
.escopo--mesh .escopo__card h3 { color: #fff; }
.escopo--mesh .escopo__card p { color: var(--color-on-dark-mute); }
.escopo--mesh .escopo__mark { background: var(--brand-light); opacity: .9; }
/* o brilho difuso do card ficava por cima do texto e lavava tudo */
.escopo--mesh .escopo__glow { opacity: .35; }

/* --- 3. ESTAMPARIA DA DOBRA DO FORMULARIO --------------------------------
   Aqui entrava a grade COM eixo (uma linha dobrada a cada 5 modulos). Ampliada
   no fundo da dobra, o eixo lia como falha, e nao como ritmo. Nesta dobra vale
   a variante LISA, com todas as linhas iguais, em modulo menor e bem mais
   apagada: e fundo de folha tecnica, nao assunto. */
.viability.brand-texture::after {
  background: var(--brand-light);
  opacity: .16;
  -webkit-mask: var(--stamp-grade-lisa) left top/128px repeat;
  mask: var(--stamp-grade-lisa) left top/128px repeat;
}
.viability .malha {
  opacity: .07;
  -webkit-mask:
    var(--stamp-grade-lisa) left top/128px repeat,
    radial-gradient(120% 90% at 50% 45%, #000 40%, transparent 88%);
  mask:
    var(--stamp-grade-lisa) left top/128px repeat,
    radial-gradient(120% 90% at 50% 45%, #000 40%, transparent 88%);
}

/* --- 4. ACENTO E EYEBROW EM DOBRA ESCURA ---------------------------------
   O acento é o azul cheio da marca (#005798). Sobre branco ele passa 7,4:1,
   mas sobre a dobra escura ele encosta no fundo e some. Nas dobras escuras
   quem assume é o --brand-light do kit, que é exatamente para isso (playbook,
   "cor de marca escura: o acento vira o brand_claro"). */
.risk-band .accent,
.escopo--mesh .accent,
.viability .accent,
.statbar .accent,
.section-title--light .accent {
  color: var(--brand-light);
  background-image: linear-gradient(var(--brand-light), var(--brand-light));
}
.risk-band .eyebrow--light,
.escopo--mesh .eyebrow--light,
.viability .eyebrow--light { color: var(--brand-light); }
.risk-band .eyebrow--light::before,
.escopo--mesh .eyebrow--light::before,
.viability .eyebrow--light::before { background: var(--brand-light); }
.section-title--light::after { background: var(--brand-light); }

/* --- 5. CARDS DO ESCOPO, MAIS UM DEGRAU DE DESTAQUE ----------------------
   Primeira tentativa ainda deixava o card perto do fundo. Agora o card tem um
   fundo azul-claro translúcido de verdade, e não só um véu branco. */
.escopo--mesh .escopo__card {
  background: linear-gradient(158deg, rgba(112,194,255,.17) 0%, rgba(255,255,255,.05) 62%, rgba(0,23,41,.10) 100%);
  border: 1px solid rgba(112,194,255,.38);
  border-left: 4px solid var(--brand-light);
}
.escopo--mesh .escopo__card:hover {
  background: linear-gradient(158deg, rgba(112,194,255,.26) 0%, rgba(255,255,255,.09) 62%, rgba(0,23,41,.10) 100%);
}

/* --- 6. UMA GRADE SO NA DOBRA DO FORMULARIO ------------------------------
   .brand-texture e .malha desenhavam grade as duas, em tamanhos diferentes, e
   a soma virava moire: era isso que lia como "linha grossa e fina bagunçada".
   Fica a textura da dobra; a malha sai. */
.viability .malha { display: none; }

/* ==========================================================================
   AJUSTES PEDIDOS (05/08, 3a rodada)
   ========================================================================== */

/* --- 1. DOBRA DO FORMULARIO: A GRADE RECUA, O TEXTO VEM PARA A FRENTE -----
   A grade ainda competia com a leitura. Ela cai para 7% e ganha uma mascara
   que a apaga no miolo (que e onde o texto mora), e o texto sobe de tom:
   titulo em branco puro, apoio no --color-on-dark. */
.viability.brand-texture::after {
  opacity: .07;
  -webkit-mask:
    var(--stamp-grade-lisa) left top/120px repeat,
    radial-gradient(80% 62% at 50% 46%, transparent 0%, #000 78%);
  mask:
    var(--stamp-grade-lisa) left top/120px repeat,
    radial-gradient(80% 62% at 50% 46%, transparent 0%, #000 78%);
  -webkit-mask-composite: source-in; mask-composite: intersect;
}
.viability .section-title--light { color: #fff; text-shadow: 0 2px 18px rgba(0,23,41,.55); }
.viability .section-lead--light { color: #EAF2F8; }
.viability .eyebrow--light { color: var(--brand-light); }
.viability .step-label { color: #EAF2F8; }
.viability .trust-item { color: #EAF2F8; }

/* --- 2. CARDS DO ESCOPO: SUPERFICIE SOLIDA, NAO TRANSLUCIDA --------------
   Translucido sobre degrade nunca fecha contraste: o card muda de cor
   conforme a parte do fundo que esta atras. Agora o card e uma cor chapada
   (azul da familia do ink, um degrau acima do fundo), com faixa clara na
   lateral. Texto de apoio no --color-on-dark, nao no mute. */
.escopo--mesh .escopo__card {
  background: #073E6A;
  border: 1px solid rgba(112,194,255,.42);
  border-left: 4px solid var(--brand-light);
  -webkit-backdrop-filter: none; backdrop-filter: none;
  box-shadow: 0 20px 44px -24px rgba(0,0,0,.85);
}
.escopo--mesh .escopo__card:hover { background: #0A4D82; border-color: var(--brand-light); }
.escopo--mesh .escopo__card p { color: #DCE9F4; }
.escopo--mesh .escopo__glow { display: none; }   /* o brilho lavava o card */

/* --- 3. ENGRENAGENS ATRAS DA REGUA DE AUTORIDADE -------------------------
   A estamparia MALHA do kit (a engrenagem em grade escalonada), no angulo da
   marca e bem apagada. A regua tambem passa a ficar centralizada no container. */
.statbar { position: relative; isolation: isolate; overflow: hidden; }
.statbar::after {
  content: ""; position: absolute; z-index: -1; pointer-events: none;

  /* COBERTURA: a camada e GIRADA 28 graus (o angulo da marca). Girar um
     retangulo largo e baixo joga as pontas para fora do quadro e deixa o canto
     superior esquerdo e o inferior direito SEM estampa. O deslocamento
     vertical de um giro de 28 graus e (largura/2) * sen(28), ou seja ~0,23 da
     largura: numa regua de 1440x340 isso da ~340px, uma altura inteira.
     Como % no inset resolve top/bottom contra a ALTURA e left/right contra a
     largura, -30% na vertical era pouco (~100px) e por isso os cantos ficavam
     vazios. 200% da altura para cada lado cobre com folga. */
  inset: -200% -20%;

  /* QUASE TRANSPARENTE: a engrenagem entra como textura, nao como assunto. */
  background: var(--brand-light); opacity: .06;
  transform: rotate(var(--angulo-marca));
  -webkit-mask: var(--stamp-malha) left top/132px repeat;
  mask: var(--stamp-malha) left top/132px repeat;
}
.statbar__solo {
  justify-content: center;
  max-width: 880px; margin-inline: auto;
  grid-template-columns: auto minmax(0, 500px);
}
@media (max-width: 780px) {
  .statbar__solo { justify-content: flex-start; grid-template-columns: 1fr; }
}

/* --- 4. CTA SOBRE DOBRA ESCURA: O AZUL CHEIO SOME ------------------------
   Na dobra de risco o botao ficava azul da marca sobre fundo azul da marca.
   Sobre fundo escuro quem assume e o --brand-light do kit, com o texto no ink
   (contraste alto nos dois sentidos), e o hover clareia para branco. */
.risk-band .btn--accent,
.escopo--mesh .btn--accent,
.statbar .btn--accent {
  background-color: var(--brand-light);
  background-image: none;
  color: var(--color-ink);
  box-shadow: 0 14px 34px -16px rgba(112,194,255,.75);
}
.risk-band .btn--accent::before,
.escopo--mesh .btn--accent::before,
.statbar .btn--accent::before { background: var(--brand-light); }
.risk-band .btn--accent:hover,
.escopo--mesh .btn--accent:hover,
.statbar .btn--accent:hover { background-color: #A6DBFF; color: var(--color-ink); }
.risk-band .btn--accent:hover::before,
.escopo--mesh .btn--accent:hover::before,
.statbar .btn--accent:hover::before { background: #A6DBFF; }

/* --- 5. ACENTO DO H1 SOBRE FOTO ------------------------------------------
   O acento do H1 usava a cor cheia da marca (#005798). Ela tem 7,4:1 contra
   BRANCO, e o kit registra isso, mas por cima de foto sob o veu ela cai para
   perto de 2:1 e a promessa do H1 some. Sobre foto quem assume e o
   --brand-light do kit, que e a mesma regra que a LP residencial ja usa.
   O veu em si NAO se mexe aqui: quem cuida disso e a classe .hero--claro,
   logo abaixo. Duas regras disputando o mesmo veu vira codigo morto. */
.hero--photo .hero__headline .accent {
  color: var(--brand-light);
  background-image: linear-gradient(var(--brand-light), var(--brand-light));
}

/* --- 7. HERO COM FOTO CLARA ----------------------------------------------
   O véu do hero foi calibrado para a foto do galpão, que é escura. A foto de
   área de lazer é ensolarada e clara: com o mesmo véu, o H1 branco encosta no
   ceu e no piso e perde legibilidade. Esta classe reforça o véu só onde o
   texto mora, sem apagar a foto. */
.hero--claro .hero__overlay {
  background:
    linear-gradient(90deg, rgba(0,23,41,.78) 0%, rgba(0,23,41,.62) 45%, rgba(0,23,41,.46) 100%),
    linear-gradient(180deg, rgba(0,23,41,.46) 0%, rgba(0,23,41,.22) 34%, rgba(0,23,41,.72) 100%);
}