/* =========================================================================
   REPOSICIONA · Landing (Figma: Wolf - Páginas / Out 2026 · node 606:27)
   Desktop (>=1200px): composição de 1920px com coordenadas exatas do Figma.
   Mobile/tablet (<1200px): layout em fluxo.
   ========================================================================= */

/* ---------- Tokens (valores do Figma) ---------- */
:root {
  /* superfícies */
  --bg-page: #EEE8DE;
  --bg-hero: #150404;
  --bg-quem: #1F1818;
  --bg-nah: #E7DECE;
  --bg-faq: #F4EEE4;
  --bg-cta: #352114;
  --bg-painel: #EEE5D7;

  /* texto */
  --creme: #F2E3D2;
  --creme-claro: #F6F5F1;
  --creme-60: rgba(242, 227, 210, .6);
  --creme-50: rgba(242, 227, 210, .5);
  --areia: #DBCDB2;
  --ouro-claro: #D9C29A;
  --ouro: #C8B593;
  --taupe: #AD9475;
  --marrom: #855E45;
  --marrom-txt: #553824;
  --cafe: #352114;
  --cobre: #BC7A51;
  --ferrugem: #9A6245;
  --corpo: #6C5747;
  --corpo-2: #7A6350;
  --bordo: #692113;

  /* linhas */
  --linha-mapa: #C8B593;
  --linha-faq: #CDBFAA;
  --linha-passos: #CDBFAD;

  /* gradientes de marca */
  --grad-btn: linear-gradient(180deg, #F3D7AE 0%, #FCE1B7 15%, #937C59 100%);
  --grad-btn-hero: linear-gradient(180deg, #A08965 0%, #EED4AD 34%, #FEE2B9 76%, #D4BA93 100%);
  --grad-borda-ouro: linear-gradient(180deg, #FCF6D1 0%, #BD9457 10%, #E3CA89 25%, #FEE8C8 70%, #4D3A1A 85%, #FCF0D1 100%);

  /* tipografia: SF Pro em Apple; Inter (com tamanho óptico) como alternativa livre */
  --f-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", Arial, sans-serif;
  --f-text: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", Arial, sans-serif;
  --f-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --lh-auto: 1.193;
  /* compensação só para aparelhos sem SF Pro (html.no-sf, ver index.html) */
  --ls-fix: 0em;
  --opsz-d: normal;

  --ease: cubic-bezier(.2, .8, .2, 1);
  --ring: 0 0 0 2px var(--bg-hero), 0 0 0 4px var(--ouro-claro);
}

@font-face {
  font-family: "Inter";
  src: url(assets/fonts/inter-var-latin.woff2) format("woff2");
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Sem SF Pro: Inter com tamanho óptico de display e espaçamento calibrado contra o Figma */
html.no-sf {
  --f-display: "Inter", "Helvetica Neue", Arial, sans-serif;
  --f-text: "Inter", "Helvetica Neue", Arial, sans-serif;
  --ls-fix: -.022em;
  --opsz-d: "opsz" 32;
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; overflow-x: hidden; }
body {
  margin: 0;
  background: var(--bg-page);
  color: var(--cafe);
  font-family: var(--f-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}
img { display: block; max-width: 100%; height: auto; }
h1, h2, h3, p, ol, ul, figure, blockquote { margin: 0; padding: 0; }
ol, ul { list-style: none; }
strong { font-weight: inherit; }
a { color: inherit; }
::selection { background: var(--ouro-claro); color: var(--cafe); }

.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.skip {
  position: absolute; left: 16px; top: -60px; z-index: 100;
  padding: 12px 18px; border-radius: 10px;
  background: var(--creme); color: var(--cafe); font: 500 14px var(--f-text);
}
.skip:focus { top: 16px; }

:focus-visible { outline: none; box-shadow: var(--ring); border-radius: 6px; }

/* ---------- Componentes ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  padding: 21px 29px;
  border: 1px solid transparent; border-radius: 14px;
  background: var(--grad-btn) padding-box, var(--grad-borda-ouro) border-box;
  color: var(--cafe);
  font: 500 14px/var(--lh-auto) var(--f-text);
  letter-spacing: .06em; text-transform: uppercase; text-decoration: none;
  cursor: pointer;
  transition: transform .18s var(--ease), filter .18s var(--ease), box-shadow .18s var(--ease);
}
.btn__label { white-space: nowrap; }
.btn img { width: 18px; height: 18px; transition: transform .18s var(--ease); }
.btn:hover { filter: brightness(1.06) saturate(1.05); transform: translateY(-1px); box-shadow: 0 10px 28px -12px rgba(72, 53, 23, .7); }
.btn:hover img { transform: translateX(3px); }
.btn:active { transform: translateY(0); filter: brightness(.97); }
.btn[aria-busy="true"] { cursor: progress; filter: saturate(.6) brightness(.95); }
.btn--wide { background: var(--grad-btn-hero) padding-box, var(--grad-borda-ouro) border-box; }

.barra { display: flex; align-items: center; justify-content: center; gap: 16.53px; }
.barra i { display: block; height: 1.5px; width: 555.2px; flex: none; }
.barra i:first-child { background: linear-gradient(90deg, rgba(85, 56, 36, 0), #BB7B4F); }
.barra i:last-child { background: linear-gradient(90deg, #BB7B4F, rgba(85, 56, 36, 0)); }
.barra img { width: 51.26px; height: 51.26px; flex: none; }
.barra--sm { gap: 10.57px; }
.barra--sm i { height: .96px; width: 355.01px; }
.barra--sm img { width: 32.78px; height: 32.78px; }

.num { font: 500 13px/var(--lh-auto) var(--f-text); letter-spacing: .1em; color: var(--cobre); }

/* Marca REPOSICIONA (hero e fechamento) */
.brand { display: flex; flex-direction: column; align-items: center; text-align: center; }
.brand__tag {
  display: flex; align-items: center;
  font-family: var(--f-serif); font-weight: 400; line-height: 1.28; letter-spacing: .33em; text-transform: uppercase;
}
.brand__tag span { display: block; height: 0; border-top: 1px solid currentColor; }
.brand__sub { font-family: var(--f-serif); font-weight: 400; line-height: 1.28; letter-spacing: -.015em; }
.brand__author { font-family: var(--f-serif); font-weight: 400; line-height: 1.28; letter-spacing: .33em; text-transform: uppercase; }

/* Formulários */
.lead-form { position: relative; }
.field {
  display: block; width: 100%; height: 58px;
  padding: 0 21px;
  border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px;
  background: rgba(255, 255, 255, .05);
  color: var(--creme);
  font: 400 15px var(--f-text);
  transition: border-color .18s var(--ease), background .18s var(--ease);
}
.field::placeholder { color: var(--creme-50); opacity: 1; }
.field:hover { border-color: rgba(255, 255, 255, .24); }
.field:focus-visible { border-color: var(--ouro-claro); background: rgba(255, 255, 255, .08); box-shadow: none; border-radius: 14px; }
.field[aria-invalid="true"], .linha-campo input[aria-invalid="true"] { border-color: #E08A6D; }
.form-status { font: 400 13px/1.4 var(--f-text); min-height: 0; }
.form-status:empty { display: none; }
.form-status[data-tipo="erro"] { color: #F0A58C; }
.form-status[data-tipo="ok"] { color: var(--ouro-claro); }

.perks { display: flex; flex-wrap: wrap; gap: 8px 16px; padding-top: 4px; }
.perks li { display: flex; align-items: center; gap: 6px; font: 400 12px/var(--lh-auto) var(--f-text); color: var(--creme-60); }
.perks img { width: 14px; height: 14px; }

.linha-campo { display: flex; flex-direction: column; gap: 7px; }
.linha-campo label { font: 400 10px/var(--lh-auto) var(--f-text); color: var(--corpo-2); }
.linha-campo input {
  height: 40px; padding: 10px 0 13px;
  border: 0; border-bottom: 1px solid #C7B59B; border-radius: 0;
  background: transparent; color: var(--cafe);
  font: 400 14px var(--f-text);
  transition: border-color .18s var(--ease);
}
.linha-campo input::placeholder { color: #998773; opacity: 1; }
.linha-campo input:hover { border-bottom-color: var(--ferrugem); }
.linha-campo input:focus-visible { box-shadow: none; border-radius: 0; border-bottom: 1px solid var(--cafe); }
.cta__form .form-status[data-tipo="erro"] { color: #A0391E; }
.cta__form .form-status[data-tipo="ok"] { color: var(--ferrugem); }

/* Dois campos na mesma linha (WhatsApp ao lado de outro campo) */
.campo-duplo { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cta__form .campo-duplo { gap: 16px; }
@media (max-width: 599.98px) { .campo-duplo, .cta__form .campo-duplo { grid-template-columns: 1fr; gap: 10px; } .cta__form .campo-duplo { gap: 16px; } }

/* Pop-up de obrigado */
.obrigado {
  width: min(440px, calc(100vw - 32px)); max-height: calc(100dvh - 32px);
  padding: 40px 32px 32px; border: 1px solid transparent; border-radius: 24px;
  background: linear-gradient(var(--bg-painel), var(--bg-painel)) padding-box, var(--grad-borda-ouro) border-box;
  color: var(--cafe); text-align: center;
  box-shadow: 0 30px 80px -20px rgba(21, 4, 4, .65);
}
.obrigado[open] { animation: obrigado-in .32s var(--ease); }
.obrigado::backdrop { background: rgba(21, 4, 4, .72); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.obrigado__selo { width: 112px; height: auto; margin: -8px auto 18px; filter: drop-shadow(0 12px 18px rgba(99, 62, 31, .35)); }
.obrigado__kicker { font: 500 10px/var(--lh-auto) var(--f-text); letter-spacing: .225em; text-transform: uppercase; color: #865236; }
.obrigado__titulo { margin-top: 10px; font: 300 36px/1.08 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.027em + var(--ls-fix)); color: var(--cafe); text-wrap: balance; }
.obrigado__texto { margin-top: 14px; font: 400 16px/1.55 var(--f-text); color: var(--corpo); text-wrap: pretty; }
.obrigado__texto strong { font-weight: 500; color: var(--cafe); }
.obrigado__btn { margin-top: 28px; min-width: 200px; }
@keyframes obrigado-in { from { opacity: 0; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: none; } }

/* FAQ */
.faq details { border-top: 1px solid var(--linha-faq); }
.faq details:last-child { border-bottom: 1px solid var(--linha-faq); }
.faq summary {
  display: grid; grid-template-columns: 30px 1fr 24px; column-gap: 18px; align-items: center;
  padding: 28px 0; cursor: pointer; list-style: none;
}
.faq summary::-webkit-details-marker { display: none; }
.faq details[open] summary { padding-bottom: 12px; }
.faq__n { font: 400 10px/12px var(--f-text); letter-spacing: .1em; color: var(--ferrugem); }
.faq__q { font: 400 19px/26.6px var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: var(--ls-fix); color: var(--cafe); }
.faq__ico { position: relative; width: 24px; height: 24px; border: 1px solid #BEA78C; border-radius: 12px; transition: background .18s var(--ease); }
.faq__ico::before, .faq__ico::after { content: ""; position: absolute; background: var(--ferrugem); }
.faq__ico::before { left: 7px; top: 10px; width: 8px; height: 1px; }
.faq__ico::after { left: 10.5px; top: 6.5px; width: 1px; height: 8px; transition: transform .2s var(--ease); }
.faq details[open] .faq__ico::after { transform: scaleY(0); }
.faq summary:hover .faq__ico { background: rgba(190, 167, 140, .18); }
.faq summary:hover .faq__q { color: var(--marrom); }
.faq details p { padding: 0 38px 25px 48px; font: 400 14px/23.1px var(--f-text); color: var(--corpo-2); max-width: 669px; }

/* =========================================================================
   MOBILE / TABLET (< 1200px)
   ========================================================================= */
@media (max-width: 1199.98px) {
  .page { display: flex; flex-direction: column; }
  .bg-marfim { display: none; }

  /* Hero */
  .hero {
    position: relative; display: flex; flex-direction: column;
    padding: 24px 20px 56px; background: var(--bg-hero); color: var(--creme); overflow: hidden;
  }
  .hero__bg { position: absolute; inset: 0 0 auto 0; height: min(132vw, 760px); }
  .hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: 74% 0; }
  .hero__bg::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(21, 4, 4, .55) 0%, rgba(21, 4, 4, 0) 22%, rgba(21, 4, 4, .15) 55%, var(--bg-hero) 100%);
  }
  .hero > :not(.hero__bg) { position: relative; }
  .hero__logo { order: 1; width: 168px; }
  .brand--hero { order: 2; margin-top: calc(min(132vw, 760px) - 290px); }
  .hero__copy { order: 3; margin-top: 40px; display: flex; flex-direction: column; gap: 20px; }
  .hero__form { order: 4; margin-top: 32px; }

  .brand--hero { color: var(--creme-claro); gap: 12px; }
  .brand--hero .brand__tag { font-size: 13px; gap: 8px; }
  .brand--hero .brand__tag span { width: 28px; border-top-width: .5px; }
  .brand--hero .brand__logo { width: min(100%, 520px); }
  .brand--hero .brand__sub { font-size: clamp(16px, 4.4vw, 22px); text-wrap: balance; }
  .brand--hero .brand__author { font-size: 11px; }

  .hero__title { font: 300 clamp(38px, 10.4vw, 60px)/1.04 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.03em + var(--ls-fix)); color: var(--creme); text-wrap: balance; }
  .hero__title .hl { color: var(--ouro-claro); }
  .hero__lead { font: 400 16px/1.7 var(--f-text); color: var(--creme-claro); max-width: 600px; }

  .hero__form {
    display: flex; flex-direction: column; gap: 10px; max-width: 540px;
    padding: 18px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 24px;
    background: rgba(255, 255, 255, .04); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  }
  .hero__form .btn { width: 100%; justify-content: space-between; padding: 20px 22px; }
  .hero__form .btn__label { font-size: 12px; letter-spacing: .04em; white-space: normal; text-align: left; }

  .bordas { overflow: hidden; height: 46px; background: var(--bg-hero); }
  .bordas img { width: auto; max-width: none; height: 46px; margin-left: 50%; transform: translateX(-50%); }

  /* Sinais */
  .sinais {
    position: relative; margin: 72px 12px 0; padding: 120px 20px 56px;
    border-radius: 36px; color: var(--areia);
    background: radial-gradient(120% 70% at 70% 105%, #AD3E1E 0%, #320A0A 100%);
  }
  .sinais__selo-a, .sinais__forma, .sinais__selo-sombra, .sinais__barra1 { display: none; }
  .sinais__selo-b { position: absolute; left: 50%; top: -82px; width: 176px; transform: translateX(-50%); filter: drop-shadow(0 18px 24px rgba(50, 10, 10, .45)); }
  .sinais__linha { display: flex; flex-direction: column; gap: 28px; }
  .sinais__title { font: 300 clamp(36px, 9.5vw, 52px)/1.08 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.02em + var(--ls-fix)); }
  .sinais__title strong { font-weight: 400; }
  .sinais__lista li { display: flex; align-items: baseline; gap: 18px; padding: 20px 0; border-top: 1px solid var(--areia); }
  .sinais__lista li:last-child { border-bottom: 1px solid var(--areia); }
  .sinais__lista li > span:last-child { font: 300 19px/1.35 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: var(--ls-fix); }
  .citacao { display: flex; align-items: flex-start; gap: 18px; margin-top: 40px; }
  .citacao img { width: 72px; flex: none; border-radius: 12px; }
  .citacao blockquote { font: 300 20px/1.3 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.015em + var(--ls-fix)); }
  .citacao strong { font-weight: 500; }
  .barra i { width: auto; flex: 1 1 0; }
  .sinais__barra2 { margin: 48px 0 24px; gap: 12px; }
  .sinais__barra2 img { width: 36px; height: 36px; }
  .sinais__bussola { width: min(70%, 300px); margin: 0 auto; }
  .sinais__repo { display: flex; flex-direction: column; gap: 20px; margin-top: 8px; }
  .sinais__repo-title { font: 300 clamp(36px, 9.5vw, 52px)/1.08 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.02em + var(--ls-fix)); color: var(--areia); }
  .sinais__repo-title strong { font-weight: 400; }
  .sinais__repo p { font: 300 18px/1.35 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.015em + var(--ls-fix)); }
  .sinais__repo p br { display: none; }
  .traz { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 36px; }
  @media (min-width: 560px) { .traz { grid-template-columns: 2fr 3fr; } }

  /* Mapa */
  .mapa { padding: 72px 20px; background: var(--bg-page) url(assets/img/bg-marfim.webp) center / cover; }
  .mapa__title { font: 300 clamp(30px, 8vw, 44px)/1.12 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.02em + var(--ls-fix)); color: var(--marrom); max-width: 620px; }
  .mapa__title strong { font-weight: 400; }
  .mapa__mockup { width: min(100%, 560px); margin: 24px auto 0; order: 2; }
  .mapa__tabela-wrap { margin-top: 32px; }
  .mapa__tabela, .mapa__tabela tbody { display: block; }
  .mapa__tabela thead { display: none; }
  .mapa__tabela tr { display: block; padding: 18px 0; border-top: 1px solid var(--linha-mapa); }
  .mapa__tabela th, .mapa__tabela td { display: block; text-align: left; padding: 0; }
  .mapa__tabela td { margin-top: 6px; padding-left: 36px; }
  .mapa__cta { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; margin-top: 36px; }
  .mapa { display: flex; flex-direction: column; }
  .mapa__title { order: 1; } .mapa__tabela-wrap { order: 3; } .mapa__cta { order: 4; }

  /* Quem */
  .quem { position: relative; padding: 88px 20px 72px; color: var(--creme); overflow: hidden; background: var(--bg-hero); }
  .quem__bg { position: absolute; inset: 0; }
  .quem__bg img { width: 100%; height: 100%; object-fit: cover; object-position: 68% 30%; }
  .quem__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(21, 4, 4, .55), rgba(21, 4, 4, .92) 45%, var(--bg-hero)); }
  .quem > :not(.quem__bg) { position: relative; }
  .quem__title { font: 300 clamp(34px, 9vw, 56px)/1.06 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.025em + var(--ls-fix)); max-width: 680px; }
  .quem__title strong { font-weight: 400; }
  .quem__perfis { display: grid; grid-template-columns: 1fr; gap: 0 32px; margin-top: 40px; }
  @media (min-width: 600px) { .quem__perfis { grid-template-columns: 1fr 1fr; } }
  .quem__perfis li { padding: 24px 0; border-top: 1px dashed rgba(200, 181, 147, .35); }
  .quem__num { display: block; font: 200 52px/1 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.02em + var(--ls-fix)); color: var(--ouro); }
  .quem__perfis p { margin-top: 18px; font: 400 19px/1.45 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: var(--ls-fix); }
  .quem__nota { display: flex; align-items: flex-start; gap: 16px; margin-top: 32px; font: 300 19px/1.4 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: var(--ls-fix); }
  .quem__nota img { margin-top: 4px; flex: none; }
  .quem__nota span span { font-weight: 400; color: var(--creme-60); }
  .quem__nota strong { font-weight: 400; color: var(--creme); }

  /* Como funciona */
  .como { padding: 72px 20px; }
  .como__title { font: 400 clamp(38px, 10vw, 60px)/1.08 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.02em + var(--ls-fix)); color: var(--marrom); text-align: center; }
  .como__title .light { font-weight: 300; }
  .como__barra { margin: 16px auto 40px; max-width: 520px; }
  .como__passos { display: grid; grid-template-columns: 1fr; }
  @media (min-width: 720px) { .como__passos { grid-template-columns: repeat(3, 1fr); } .passo + .passo { border-left: 1px solid var(--linha-passos); padding-left: 24px; } .passo { padding-right: 16px; border-top: 0 !important; } }
  .passo { padding: 28px 0; border-top: 1px solid var(--linha-passos); }
  .passo__top { display: flex; align-items: center; justify-content: space-between; }
  .passo__top img { width: 72px; }
  .como__trilho { display: none; }

  /* Nah */
  .nah { position: relative; padding: 0 20px 72px; background: var(--bg-nah); overflow: hidden; }
  .nah__grade { position: absolute; inset: 0; background: url(assets/img/bg-grade.webp) center / cover; opacity: .2; }
  .nah__monstans { position: absolute; left: -10%; top: 0; width: 150%; max-width: none; opacity: .9; }
  .nah > :not(.nah__grade):not(.nah__monstans) { position: relative; }
  .nah__foto { width: min(78%, 380px); margin: 0 auto; aspect-ratio: 608 / 760; object-fit: cover; object-position: top; }
  .nah__title { margin-top: 32px; font: 300 clamp(48px, 13vw, 80px)/.96 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.0365em + var(--ls-fix)); color: var(--taupe); }
  .nah__bio { margin-top: 20px; font: 400 18px/1.5 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: var(--ls-fix); color: #5C4636; max-width: 580px; }
  .nah__bio strong { font-weight: 500; }
  .nah__data { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; margin-top: 32px; padding-top: 24px; border-top: 1px solid #BFAE95; max-width: 580px; }

  /* FAQ */
  .faq { padding: 72px 20px; background: var(--bg-faq); }
  .faq__title { font: 300 clamp(38px, 10vw, 60px)/1.08 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.02em + var(--ls-fix)); color: var(--marrom); margin-bottom: 32px; }
  .faq summary { grid-template-columns: 24px 1fr 24px; column-gap: 14px; padding: 22px 0; }
  .faq__q { font-size: 17px; line-height: 1.4; }
  .faq details p { padding: 0 0 22px 38px; }

  /* CTA */
  .cta { position: relative; display: flex; flex-direction: column; overflow-x: clip; }
  .cta__escuro { position: relative; padding: 56px 20px 64px; background: var(--bg-cta); color: var(--creme); overflow: hidden; }
  .cta__topo { position: absolute; inset: 0; background: url(assets/img/bg-topografico.webp) center / cover; }
  .cta__escuro > :not(.cta__topo) { position: relative; }
  .cta__logo { width: 168px; }
  .cta__title { margin-top: 40px; font: 300 clamp(36px, 9.6vw, 60px)/1.08 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.0288em + var(--ls-fix)); }
  .cta__title .hl { color: var(--ouro); }
  .cta__txt { margin-top: 24px; font: 400 18px/1.4 var(--f-text); color: #CAB69F; }
  .cta__painel { position: relative; padding: 48px 20px 120px; background: var(--bg-painel); }
  .cta__ipad { position: absolute; right: 16px; top: -64px; width: 120px; }
  .cta__h3 { margin-top: 14px; font: 300 34px/1.05 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.027em + var(--ls-fix)); color: var(--cafe); }
  .cta__form { display: flex; flex-direction: column; gap: 16px; margin-top: 32px; max-width: 460px; }
  .cta__form .btn { margin-top: 8px; align-self: stretch; }
  .cta__bussola, .cta__macbook { display: none; }
  .cta__galho { position: relative; z-index: 1; width: 180%; max-width: none; margin: -110px 0 0 -40%; pointer-events: none; }
  .cta__selo { position: relative; z-index: 2; }
  .cta__selo { width: 150px; margin: -78px auto 0; }
  .brand--final { padding: 24px 20px 0; color: var(--marrom-txt); gap: 14px; }
  .brand--final .brand__tag { font-size: 15px; gap: 10px; }
  .brand--final .brand__tag span { width: 40px; border-top-width: .5px; }
  .brand--final .brand__logo { width: min(100%, 620px); }
  .brand--final .brand__sub { font-size: clamp(18px, 5vw, 28px); text-wrap: balance; }
  .brand--final .brand__author { font-size: 13px; }
  .cta__barra { margin: 40px 20px 0; gap: 12px; }
  .cta__barra img { width: 36px; height: 36px; }
  .rodape { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 32px 20px 48px; }
  .rodape nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 24px; }
}

/* Tablet na horizontal: hero em duas colunas sobre a foto */
@media (min-width: 900px) and (max-width: 1199.98px) {
  .hero {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 40px;
    grid-template-areas: "logo logo" "copy ." "form brand";
    padding: 40px 48px 72px;
  }
  .hero__bg { height: 100%; }
  .hero__bg img { object-position: 78% 0; }
  .hero__bg::after {
    background:
      linear-gradient(90deg, rgba(21, 4, 4, .94) 0%, rgba(21, 4, 4, .7) 42%, rgba(21, 4, 4, 0) 68%),
      linear-gradient(180deg, rgba(21, 4, 4, 0) 60%, var(--bg-hero) 100%);
  }
  .hero__logo { grid-area: logo; }
  .hero__copy { grid-area: copy; margin-top: 48px; }
  .hero__form { grid-area: form; margin-top: 32px; }
  .brand--hero { grid-area: brand; margin-top: 0; align-self: end; }
  .hero__title { font-size: 52px; }
}

/* Tipografia compartilhada (texto que não muda de estilo entre layouts) */
.mapa__tabela thead th { font: 500 11px/var(--lh-auto) var(--f-text); letter-spacing: .14em; text-transform: uppercase; color: rgba(85, 56, 36, .6); text-align: left; }
.mapa__tabela tbody th { font: 400 19px/var(--lh-auto) var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: var(--ls-fix); color: var(--cafe); text-align: left; }
.mapa__tabela tbody th .num { font-size: 12px; margin-right: 16px; }
.mapa__tabela td { font: 400 16px/1.5 var(--f-text); color: var(--marrom-txt); }
.mapa__cta p { font: 500 14px/var(--lh-auto) var(--f-text); color: rgba(85, 56, 36, .7); }
.traz__card { display: flex; flex-direction: column; gap: 18px; padding: 23px; border: 1px solid transparent; border-radius: 22px; }
.traz__card--nao { background: linear-gradient(178deg, #FFFFFF 0%, #FFF5E5 100%); border-color: #846A4C; }
.traz__card--sim { background: linear-gradient(180deg, #B39A74 0%, #EFD4AB 100%); }
.traz__head { display: flex; align-items: center; gap: 10px; font: 500 13px/var(--lh-auto) var(--f-text); letter-spacing: .06em; text-transform: uppercase; }
.traz__card--nao .traz__head { color: var(--marrom); }
.traz__card--sim .traz__head { color: var(--creme); }
.traz__ico { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; flex: none; }
.traz__card--nao .traz__ico { border: 1px solid rgba(133, 94, 69, .4); }
.traz__card--sim .traz__ico { background: linear-gradient(#6A2113, #6A2113) padding-box, var(--grad-borda-ouro) border-box; border: 1px solid transparent; box-shadow: 6.4px 21.33px 30.5px rgba(69, 47, 11, .5); }
.traz__txt { font: 400 19px/1.4 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: var(--ls-fix); }
.traz__card--nao .traz__txt { color: var(--marrom); }
.traz__card--sim .traz__txt { color: var(--bordo); }
.passo__num { font: 300 88px/88px var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.0455em + var(--ls-fix)); color: var(--taupe); }
.passo__label { font: 500 9px/var(--lh-auto) var(--f-text); letter-spacing: .2222em; text-transform: uppercase; color: var(--ferrugem); }
.passo h3 { font: 300 31px/var(--lh-auto) var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.0258em + var(--ls-fix)); color: var(--cafe); }
.passo__txt { font: 400 15px/24.75px var(--f-text); color: var(--corpo); max-width: 290px; }
.nah__dia { font: 500 46px/46px var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: var(--ls-fix); color: var(--cafe); }
.nah__evento { font: 400 13px/18px var(--f-text); color: var(--cafe); max-width: 222.11px; }
.nah__evento strong { font-weight: 500; }
.nah__seta { font: 400 24px/var(--lh-auto) var(--f-text); color: var(--ferrugem); }
.cta__kicker { font: 400 8px/var(--lh-auto) var(--f-text); letter-spacing: .225em; text-transform: uppercase; color: var(--ferrugem); }
.rodape img { width: 167.39px; height: 43.69px; }
.rodape a { font: 400 14px/var(--lh-auto) var(--f-text); color: var(--marrom-txt); text-decoration: none; }
.rodape a:hover { color: var(--ferrugem); text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 1199.98px) {
  .passo__num { font-size: 64px; line-height: 1; }
  /* contraste AA no layout em fluxo (o desktop segue as cores exatas do Figma) */
  .passo__num { color: #8E7556; }
  .passo__label, .faq__n, .cta__kicker { color: #865236; }
  .passo__label { margin-top: 20px; }
  .passo h3 { margin-top: 10px; font-size: 28px; }
  .passo__txt { margin-top: 10px; }
  .nah__dia { font-size: 36px; line-height: 1; }
  .cta__kicker { font-size: 10px; }
}

/* =========================================================================
   DESKTOP (>= 1200px) · coordenadas do Figma (frame 1920 × 9528)
   ========================================================================= */
@media (min-width: 1200px) {
  .page { position: relative; width: 1920px; height: 9528px; left: 50%; margin-left: -960px; }
  .page > * { position: absolute; }

  /* Faixas de cor sangrando além de 1920px em telas ultra-largas */
  .hero::before, .quem::before, .nah::before, .faq::before, .cta__escuro::before, .cta__painel::before {
    content: ""; position: absolute; top: 0; bottom: 0; width: max(0px, calc(50vw - 960px));
  }
  .hero::before { right: 100%; height: 1155px; background: var(--bg-hero); }

  .bg-marfim {
    left: -1.43px; top: 1158.36px; width: 1922.85px; height: 3416.59px; z-index: 1;
    background: url(assets/img/bg-marfim.webp) center / cover;
  }

  /* ---------- 1 · Hero (y 0) ---------- */
  .hero { left: 0; top: 0; width: 1920px; height: 1473px; z-index: 3; color: var(--creme); }
  .hero > * { position: absolute; }
  .hero__bg { left: 0; top: 0; width: 1920px; height: 1154.81px; }
  .hero__bg img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
  .hero__bg::before, .hero__bg::after { content: ""; position: absolute; inset: 0; }
  .hero__bg::before { background: linear-gradient(180deg, rgba(21, 4, 4, 0) 0%, #150404 100%); }
  .hero__bg::after { background: linear-gradient(270deg, rgba(21, 4, 4, 0) 45%, rgba(21, 4, 4, .76) 74%, #150404 100%); }
  .hero__logo { left: 260.87px; top: 93px; width: 248.12px; height: 64.76px; }
  .hero__copy { left: 261px; top: 214.33px; width: 628.97px; display: flex; flex-direction: column; gap: 26px; }
  .hero__title { width: 620.44px; font: 300 66px/1.04 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.03em + var(--ls-fix)); color: var(--creme); }
  .hero__title .hl { color: var(--ouro-claro); }
  .hero__lead { width: 597.79px; font: 400 17px/1.76 var(--f-text); color: var(--creme-claro); }

  .hero__form {
    left: 261px; top: 619px; width: 540px; height: 340px;
    border: 1px solid rgba(255, 255, 255, .1); border-radius: 24px;
    background: rgba(255, 255, 255, .04);
    -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  }
  .hero__form > * { position: absolute; left: 22px; width: 494px; }
  .hero__form #hero-nome { top: 22px; }
  .hero__form #hero-email { top: 90px; }
  .hero__form .campo-duplo { top: 158px; }
  .hero__form .btn { top: 226px; justify-content: space-between; padding: 21px 89px; }
  .hero__form .perks { top: 298px; width: auto; flex-wrap: nowrap; gap: 16px; }
  .hero__form .form-status { top: 346px; }

  .brand--hero { left: 889.97px; top: 582.93px; width: 723.7px; gap: 17.83px; color: var(--creme-claro); }
  .brand--hero .brand__tag { font-size: 18.61px; gap: 8.53px; }
  .brand--hero .brand__tag span { width: 42.49px; border-top-width: .39px; border-color: var(--creme-claro); }
  .brand--hero .brand__logo { width: 723.7px; height: 148.65px; margin-top: -8px; }
  .brand--hero .brand__sub { font-size: 24.81px; white-space: nowrap; margin-top: -3px; }
  .brand--hero .brand__author { font-size: 12.41px; margin-top: -6px; }

  .bordas { left: -516px; top: 1109px; width: 2949px; height: 92px; z-index: 4; pointer-events: none; }
  .bordas img { width: 2949px; height: 92px; max-width: none; }

  /* ---------- 2 · Sinais (y 959) ---------- */
  .sinais { left: 0; top: 959px; width: 1920px; height: 2437.38px; z-index: 5; color: var(--areia); }
  .sinais > * { position: absolute; }
  .sinais__selo-a { left: 770px; top: 0; width: 379px; height: 383px; }
  .sinais__forma { left: 141.55px; top: 87.26px; width: 1637px; height: 2083px; max-width: none; }
  .sinais__selo-sombra { left: 842.92px; top: 37.08px; width: 234.15px; height: 234.15px; border-radius: 50%; background: rgba(99, 62, 31, .32); filter: blur(28.65px); }
  .sinais__selo-b { left: 790px; top: 20px; width: 339px; height: 342px; }
  .sinais__barra1 { left: 362.63px; top: 487.08px; }
  .sinais__barra2 { left: 362.63px; top: 1216.29px; }

  .sinais__conteudo { left: 346px; top: 574.33px; width: 1228px; display: flex; flex-direction: column; align-items: center; gap: 40px; }
  .sinais__linha { display: flex; align-items: center; gap: 61px; width: 100%; }
  .sinais__title { flex: none; width: 367px; font: 300 64px/1.08 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.02em + var(--ls-fix)); }
  .sinais__title strong { font-weight: 400; }
  .sinais__lista { flex: none; width: 800px; }
  .sinais__lista li { display: flex; align-items: center; gap: 36px; padding: 26px 0; border-top: 1px solid var(--areia); }
  .sinais__lista li:first-child { border-top: 0; }
  .sinais__lista li:last-child { border-bottom: 1px solid var(--areia); }
  .sinais__lista li > span:last-child { flex: 1; font: 300 23px/1.35 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: var(--ls-fix); }
  .sinais__lista li > .w731 { flex: 0 0 731.29px; }
  .citacao { display: flex; align-items: center; gap: 33.9px; }
  .citacao img { width: 112.91px; height: 112.91px; border-radius: 17.13px; }
  .citacao blockquote { width: 521.84px; font: 300 27.12px/1.28 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.015em + var(--ls-fix)); }
  .citacao strong { font-weight: 500; }

  .sinais__bussola { left: 474px; top: 1279px; width: 408px; height: 442px; }
  .sinais__repo { left: 863.31px; top: 1382.84px; display: flex; flex-direction: column; gap: 28px; }
  .sinais__repo-title { width: 502.4px; font: 300 64px/1.08 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.02em + var(--ls-fix)); }
  .sinais__repo-title strong { font-weight: 400; }
  .sinais__repo p { width: 587.41px; font: 300 20px/1.28 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.015em + var(--ls-fix)); }

  .traz { left: 672px; top: 1735.36px; width: 580px; padding-top: 10px; display: flex; align-items: stretch; gap: 14px; }
  .traz__card--nao { width: 190px; }
  .traz__card--sim { width: 376px; padding: 24px; border: 0; }
  .traz__card--nao .traz__txt { width: 143.35px; }
  .traz__card--sim .traz__txt { width: 317.07px; }

  /* ---------- 3 · Mapa (y 3238) ---------- */
  .mapa { left: 0; top: 3238px; width: 1920px; height: 804px; z-index: 2; }
  .mapa > * { position: absolute; }
  .mapa__title { left: 262.88px; top: 4.7px; width: 612.61px; font: 300 48px/1.12 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.02em + var(--ls-fix)); color: var(--marrom); }
  .mapa__title strong { font-weight: 400; }
  .mapa__tabela-wrap { left: 260px; top: 162.34px; width: 721px; height: 479px; display: flex; align-items: center; }
  .mapa__tabela { width: 100%; border-collapse: collapse; }
  .mapa__tabela thead th { padding: 0 0 16px; }
  .mapa__tabela thead th:first-child { width: 239px; }
  .mapa__tabela tbody tr { border-top: 1px solid var(--linha-mapa); }
  .mapa__tabela tbody th, .mapa__tabela td { padding: 22px 0; vertical-align: middle; }
  .mapa__cta { left: 262.88px; top: 739.64px; display: flex; align-items: center; gap: 24px; }
  .btn--mapa { width: 334px; }
  .mapa__mockup { left: 914px; top: -146px; width: 999px; height: 1083px; max-width: none; }

  /* ---------- 4 · Para quem é (y 4261) ---------- */
  .quem { left: 0; top: 4261px; width: 1920px; height: 1159px; z-index: 6; color: var(--creme); }
  .quem > * { position: absolute; }
  .quem::before { right: 100%; background: var(--bg-hero); }
  .quem__bg { left: -138px; top: 0; width: 2196px; height: 1159px; border-radius: 100px; overflow: hidden; background: var(--bg-quem); }
  .quem__bg img { position: absolute; left: -482px; top: -145px; width: 2734px; height: 1538px; max-width: none; object-fit: fill; }
  .quem__bg::after { content: ""; position: absolute; left: 138px; top: -.19px; width: 1920px; height: 1154.81px; background: radial-gradient(circle 1200px at 74% 24%, rgba(21, 4, 4, 0) 0%, #150404 100%); }
  .quem__title { left: 263.19px; top: 239.81px; width: 745.86px; font: 300 64px/1.06 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.025em + var(--ls-fix)); }
  .quem__title strong { font-weight: 400; }
  .quem__perfis { left: 263.19px; top: 571.99px; width: 1393.61px; height: 288px; display: flex; justify-content: center; gap: 58.07px; }
  .quem__perfis li { flex: none; width: 313.9px; min-width: 0; display: flex; flex-direction: column; gap: 55.74px; padding: 4.65px 37.16px; background: repeating-linear-gradient(180deg, rgba(200, 181, 147, .35) 0 4.65px, transparent 4.65px 10.45px) left top / 1.16px 100% no-repeat; }
  .quem__perfis li:first-child { width: 276.7px; padding-left: 0; background: none; }
  .quem__num { font: 200 74.33px/var(--lh-auto) var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.02em + var(--ls-fix)); color: var(--ouro); }
  .quem__perfis p { font: 400 23.23px/1.45 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: var(--ls-fix); color: var(--creme); }
  .quem__perfis .w272 { width: 272.45px; }
  .quem__perfis .w320 { width: 319.66px; }
  .quem__nota { left: 360px; top: 912px; width: 1200px; height: 75px; padding-top: 40px; display: flex; align-items: center; gap: 24px; font: 300 24px/1.4 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: var(--ls-fix); }
  .quem__nota img { width: 31.47px; height: 22px; }
  .quem__nota span span { font-weight: 400; color: var(--creme-60); }
  .quem__nota strong { font-weight: 400; color: var(--creme); }

  /* ---------- 5 · Como funciona (y 5473) ---------- */
  .como { left: 0; top: 5473px; width: 1920px; height: 758px; z-index: 8; background: var(--bg-page); }
  .como > * { position: absolute; }
  .como::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(min(0px, 960px - 50vw)); right: calc(min(0px, 960px - 50vw)); background: var(--bg-page); z-index: -1; }
  .como__title { left: 711.88px; top: 67.93px; width: 496px; text-align: center; white-space: nowrap; font: 400 64px/1.08 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.02em + var(--ls-fix)); color: var(--marrom); }
  .como__title .light { font-weight: 300; }
  .como__barra { left: 578.03px; top: 155px; }
  .como__passos { left: 260px; top: 325.88px; width: 1400px; height: 422.25px; display: grid; grid-template-columns: 466.66px 466.67px 466.66px; }
  .passo { position: relative; height: 421.25px; }
  .passo + .passo { border-left: 1px solid var(--linha-passos); }
  .passo > * { position: absolute; }
  .passo__top { left: 0; top: 0; width: 426.66px; height: 88px; padding-right: 5px; display: flex; align-items: center; }
  .passo + .passo .passo__top { left: 41px; width: 385.67px; }
  .passo__top img { position: absolute; }
  .passo:nth-child(1) .passo__top img { left: 338.11px; top: 0; width: 97.42px; height: 99px; }
  .passo:nth-child(2) .passo__top img { left: 299.91px; top: 1.45px; width: 95.76px; height: 97.55px; }
  .passo:nth-child(3) .passo__top img { left: 297.44px; top: 1.45px; width: 98.22px; height: 97.55px; }
  .passo__label { left: 0; top: 139px; }
  .passo h3 { left: 0; top: 165.88px; white-space: nowrap; }
  .passo__txt { left: 0; top: 216.88px; width: 290px; }
  .passo + .passo .passo__label, .passo + .passo h3, .passo + .passo .passo__txt { left: 41px; }
  .como__trilho { left: 260px; top: 325.88px; width: 1400px; height: 433px; pointer-events: none; }
  .como__trilho i { position: absolute; display: block; }
  .t-base { left: 0; top: 421.75px; width: 1400px; height: 1px; background: #AC9475; }
  .t-prog { left: 0; top: 421.75px; width: 409.75px; height: 5px; background: var(--ferrugem); }
  .t-dot { left: -6px; top: 411.13px; width: 21px; height: 21px; border-radius: 50%; background: var(--ferrugem); }
  .t-dot2 { left: 462.16px; top: 417.25px; width: 9px; height: 9px; border-radius: 50%; background: var(--bg-page); border: 1px solid var(--ferrugem); }

  /* ---------- 6 · Nah (y 6283) ---------- */
  .nah { left: 0; top: 6283px; width: 1920px; height: 777px; z-index: 9; background: var(--bg-nah); overflow: hidden; }
  .nah > * { position: absolute; }
  .nah::before { display: none; }
  .nah__grade { left: 392.24px; top: -82.17px; width: 1672px; height: 941px; background: url(assets/img/bg-grade.webp) center / cover; opacity: .2; }
  .nah__monstans { left: -34px; top: -24px; width: 1506px; height: 832px; max-width: none; }
  .nah__foto { left: 282px; top: -52px; width: 608px; height: 1210px; max-width: none; }
  .nah__title { left: 917px; top: 182px; width: 561px; font: 300 96px/92.16px var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.0365em + var(--ls-fix)); color: var(--taupe); white-space: nowrap; }
  .nah__bio { left: 917px; top: 325.97px; width: 574.71px; font: 400 20px/29.7px var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: var(--ls-fix); color: #5C4636; }
  .nah__bio strong { font-weight: 500; }
  .nah__data { left: 917px; top: 531.47px; width: 560.78px; height: 89px; border-top: 1px solid #BFAE95; }
  .nah__data > * { position: absolute; }
  .nah__dia { left: 0; top: 32px; }
  .nah__evento { left: 181px; top: 27px; width: 222.11px; }
  .nah__seta { left: 538.78px; top: 30px; }

  /* ---------- 7 · FAQ (y 7060) ---------- */
  .faq { left: 0; top: 7060px; width: 1920px; height: 704px; z-index: 10; background: var(--bg-faq); }
  .faq > * { position: absolute; }
  .faq__title { left: 260px; top: 135px; font: 300 64px/1.08 var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.02em + var(--ls-fix)); color: var(--marrom); }
  .faq__lista { left: 953.16px; top: 143px; width: 706.84px; }
  .faq summary { grid-template-columns: 30px 616.84px 24px; }
  .faq details p { max-width: none; width: 706.84px; }

  /* ---------- 8 · CTA final (y 7764) ---------- */
  .cta { left: 0; top: 7764px; width: 1920px; height: 1764px; z-index: 11; }
  .cta > * { position: absolute; }
  .cta__escuro { left: 0; top: 0; width: 1920px; height: 767px; background: var(--bg-cta); overflow: hidden; color: var(--creme); }
  .cta__escuro > * { position: absolute; }
  .cta__escuro::before { right: 100%; background: var(--bg-cta); }
  .cta__topo { left: 218.34px; top: -819.06px; width: 1331.18px; height: 2365.29px; background: url(assets/img/bg-topografico.webp) center / cover; transform: rotate(90deg); mix-blend-mode: luminosity; opacity: .65; }
  .cta__logo { left: 276px; top: 80px; width: 248.12px; height: 64.76px; }
  .cta__title { left: 276px; top: 208.85px; width: 612.91px; font: 300 66px/71.28px var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.0288em + var(--ls-fix)); }
  .cta__title .hl { color: var(--ouro); }
  .cta__txt { left: 276px; top: 467.34px; width: 348.25px; font: 400 20px/25.5px var(--f-text); color: #CAB69F; }

  .cta__painel { left: 959px; top: 0; width: 961px; height: 767px; background: var(--bg-painel); border-radius: 3px 0 0 3px; }
  .cta__painel::before { left: 100%; background: var(--bg-painel); }
  .cta__painel > * { position: absolute; }
  .cta__ipad { left: 336px; top: 54px; width: 241px; height: 333px; }
  .cta__kicker { left: 57px; top: 177.95px; }
  .cta__h3 { left: 57px; top: 209.95px; font: 300 37px/38.85px var(--f-display); font-variation-settings: var(--opsz-d); letter-spacing: calc(-.027em + var(--ls-fix)); color: var(--cafe); }
  .cta__form { left: 57px; top: 335px; width: 442.83px; display: flex; flex-direction: column; gap: 16px; }
  .cta__form .btn { position: absolute; top: 156px; width: 368px; padding: 21px 29px; }
  .cta__form .form-status { position: absolute; top: 236px; width: 442.83px; }

  .cta__bussola { left: 1466px; top: 389px; width: 365px; height: 396px; }
  .cta__macbook { left: 601px; top: 474px; width: 415px; height: 283px; }
  .cta__galho { left: -302px; top: 367px; width: 2545px; height: 894px; max-width: none; pointer-events: none; }
  .cta__selo { left: 839px; top: 887px; width: 243px; height: 245px; }

  .brand--final { left: 462.69px; top: 1189px; width: 994.62px; gap: 24.51px; color: var(--marrom-txt); }
  .brand--final .brand__tag { font-size: 25.58px; gap: 11.72px; }
  .brand--final .brand__tag span { width: 58.4px; border-top-width: .53px; }
  .brand--final .brand__logo { width: 994.62px; height: 204.3px; margin-top: -10px; }
  .brand--final .brand__sub { font-size: 34.1px; white-space: nowrap; margin-top: -7px; }
  .brand--final .brand__author { font-size: 17.05px; margin-top: -11.4px; }
  .cta__barra { left: 362.64px; top: 1572.3px; }

  .rodape { left: 673.3px; top: 9422.31px; display: flex; align-items: center; gap: 42px; z-index: 7; }
  .rodape nav { display: flex; gap: 28px; }
}

/* Telas entre 1200 e 1599px: mesma composição, em escala (margem lateral mínima ~70px) */
@media (min-width: 1200px) and (max-width: 1399.98px) { html { zoom: .78; } }
@media (min-width: 1400px) and (max-width: 1599.98px) { html { zoom: .88; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}