/* ═══ Agendei — landing page ═══
   1) fontes oficiais self-hosted (Plus Jakarta Sans / Inter) — sem CDN externo
   2) tokens e componentes conforme docs/BRAND_BOOK.md (§4 paleta, §5 tipografia,
      §9 raios/sombras) — este arquivo carrega SO na landing (Layout = null). */

/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format('woff2');
  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;
}

/* ============================================================
   AGENDEI — Landing page
   Tokens do brand book (docs/BRAND_BOOK.md §4 paleta, §5 tipografia,
   §7 iconografia, §9 raios/sombras). Fonte da verdade da marca.
   ============================================================ */
:root{
  --azul:#1D5FE0;         /* Azul Confiança  — ação, valor        */
  --azul-hover:#0B5ED7;   /* AA para texto branco pequeno (5.3:1) */
  --teal:#14B8A6;         /* Teal Saúde      — ícones secundários */
  --verde:#22C55E;        /* Verde Confirmação — acento gráfico   */
  --navy:#0B1B3F;         /* Navy Escuro     — títulos/texto      */
  --offwhite:#F8FAFC;     /* Off-White Fundo                       */
  --branco:#FFFFFF;
  --borda:#E2E8F0;
  --txt2:#64748B;
  --teal-claro:#CCFBF1;
  --verde-claro:#DCFCE7;
  --azul-claro:#E7EEFC;
  --grad:linear-gradient(90deg,#1D5FE0 0%,#14B8A6 100%); /* único gradiente autorizado */
  --r-badge:8px; --r-btn:12px; --r-card:16px; --r-xl:24px; --r-pill:9999px;
  --sh-rest:0 1px 3px 0 rgba(11,27,63,.04), 0 1px 2px -1px rgba(11,27,63,.04);
  --sh-hover:0 10px 25px -5px rgba(11,27,63,.08), 0 8px 10px -6px rgba(11,27,63,.04);
  --sh-xl:0 25px 50px -12px rgba(11,27,63,.18);
  --f-display:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;
  --f-text:Inter,"Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}   /* navbar 80px + respiro: o alvo do
                                                         link de âncora não nasce embaixo dela */
body{margin:0;background:var(--branco);color:var(--navy);font-family:var(--f-text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--f-display);margin:0;letter-spacing:-.02em}
h1{font-size:48px;font-weight:800;line-height:1.15;letter-spacing:-.03em}
h2{font-size:36px;font-weight:800;line-height:1.22;letter-spacing:-.025em}
h3{font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.015em}
p{margin:0}
a{color:var(--azul);text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.num{font-variant-numeric:tabular-nums}
.sec{padding:88px 0}
.sec-off{background:var(--offwhite)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--txt2)}
.lead{font-size:18px;color:var(--txt2);line-height:1.6}
.small{font-size:13px;color:var(--txt2)}
.center{text-align:center}
.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}.mt48{margin-top:48px}
/* ── botões ─────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-text);font-weight:600;font-size:15px;padding:14px 22px;border-radius:var(--r-btn);border:1px solid transparent;cursor:pointer;transition:.15s;line-height:1;white-space:nowrap}
.btn-primary{background:var(--azul);color:#fff;box-shadow:var(--sh-rest)}
.btn-primary:hover{background:var(--azul-hover);box-shadow:var(--sh-hover)}
.btn-ghost{background:transparent;color:var(--navy);border-color:var(--borda)}
.btn-ghost:hover{background:var(--offwhite)}
.btn-wa{background:var(--branco);color:var(--navy);border-color:var(--borda)}
.btn-wa:hover{box-shadow:var(--sh-hover)}
.btn[disabled]{background:#F1F5F9;color:#64748B;border-color:var(--borda);cursor:not-allowed;box-shadow:none}
.btn-sm{padding:10px 16px;font-size:14px}
/* ── nav ────────────────────────────────────────────────── */
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--borda)}
.nav-in{display:flex;align-items:center;gap:32px;min-height:80px;padding-top:10px;padding-bottom:10px}
.nav-in img{height:60px;display:block}   /* lockup HORIZONTAL no desktop (palavra ao lado):
                                            60px ⇒ símbolo 47px (2× o de antes) e palavra
                                            com ~18px de altura de caixa. No celular o
                                            <picture> troca pelo vertical (70px) — ver
                                            @media abaixo. Só height: proporção travada
                                            (§6.5 do brand book). */
.nav-links{display:flex;gap:26px;margin-left:auto;font-size:15px;font-weight:500}
.nav-links a{color:var(--navy)}
.nav-links a:hover{color:var(--azul)}
.nav-cta{display:flex;gap:10px;align-items:center}
/* Faixa intermediária (janela estreita / notebook pequeno, 901–1120px): a navbar não tem
   menu sanduíche, então o logo dobrado empurrava as labels do menu para DUAS linhas
   ("Como / funciona", "Segurança / e LGPD"). Aqui o espaçamento aperta um pouco para tudo
   caber numa linha; acima de 1120px a navbar continua com os valores cheios. */
@media (min-width:901px) and (max-width:1120px){
  .nav-in{gap:18px}
  .nav-links{gap:15px;font-size:13.5px}
  .nav-cta .btn{padding:9px 12px;font-size:13px}
}
/* ── hero ───────────────────────────────────────────────── */
.hero{padding:84px 0 150px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero-in{max-width:840px}
.hero-shot{margin-top:52px}
.hero h1{margin-top:18px}
.hero p.lead{margin-top:20px;max-width:680px}
.hero-cta{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.trust{display:grid;grid-template-columns:repeat(2,max-content);gap:12px 30px;margin-top:26px;font-size:13px;color:var(--txt2)}
.trust span{display:inline-flex;align-items:center;gap:7px}
.ico{width:18px;height:18px;flex:0 0 18px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.ico-sm{width:16px;height:16px;flex:0 0 16px}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--teal-claro);color:#0F766E;font-size:12px;font-weight:600;padding:6px 12px;border-radius:var(--r-pill);letter-spacing:.02em}
.grad-bar{height:3px;width:52px;border-radius:2px;background:var(--grad)}
/* ── mockup do produto (feito em CSS, sem foto de banco de imagens §8.2) ── */
.mock{background:var(--branco);border:1px solid var(--borda);border-radius:var(--r-xl);box-shadow:var(--sh-xl);padding:18px;position:relative}
.mock-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--borda)}
.mock-title{font-family:var(--f-display);font-weight:700;font-size:15px}
.mock-sub{font-size:12px;color:var(--txt2)}
.row{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:var(--r-card);border:1px solid var(--borda);margin-top:10px;background:var(--branco)}
.row .hora{font-variant-numeric:tabular-nums;font-weight:600;font-size:14px;color:var(--navy);width:48px}
.row .nome{font-weight:600;font-size:14px;flex:1}
.badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--r-badge);letter-spacing:.02em}
.b-conf{background:var(--verde-claro);color:#15803D}
.b-aguard{background:#FEF3C7;color:#B45309}
.b-tele{background:var(--teal-claro);color:#0F766E}
.b-vago{background:#F1F5F9;color:#475569}
.row-vago{border-style:dashed;background:var(--offwhite)}
.wa{position:absolute;left:24px;top:100%;width:290px;background:var(--branco);border:1px solid var(--borda);border-radius:var(--r-card) var(--r-card) var(--r-card) 4px;box-shadow:var(--sh-xl);padding:14px}
.shot-wrap{position:relative;margin-bottom:206px}
/* print real do produto (substituiu o mock desenhado em CSS) */
.mock-shot{padding:0;overflow:hidden}
.mock-shot .shot{display:block;width:100%;height:auto}
.shot-fade{position:absolute;left:0;right:0;bottom:0;height:26px;background:linear-gradient(180deg,rgba(255,255,255,0),#FFFFFF);pointer-events:none}
.wa-top{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#0F766E}
.wa-bubble{background:var(--teal-claro);border-radius:var(--r-badge);padding:10px 12px;font-size:12.5px;line-height:1.45;margin-top:8px}
.wa-opts{display:flex;gap:6px;margin-top:8px}
.wa-opt{flex:1;text-align:center;font-size:12px;font-weight:600;padding:6px 0;border-radius:var(--r-badge)}
.wa-1{background:var(--verde);color:#06280F}
.wa-2{background:var(--branco);border:1px solid var(--borda);color:var(--txt2)}
/* ── grids de cards ─────────────────────────────────────── */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:var(--branco);border:1px solid var(--borda);border-radius:var(--r-card);padding:24px;box-shadow:var(--sh-rest)}
.card h3{margin-bottom:8px}
.ico-box{width:42px;height:42px;border-radius:var(--r-btn);background:var(--teal-claro);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.pain{background:var(--branco);border:1px solid var(--borda);border-left:4px solid #F59E0B;border-radius:var(--r-card);padding:22px}
.pain h3{font-size:17px;margin-bottom:6px}
.step{position:relative;padding:24px;background:var(--branco);border:1px solid var(--borda);border-radius:var(--r-card)}
.step-n{width:30px;height:30px;border-radius:var(--r-pill);background:var(--azul);color:#fff;font-family:var(--f-display);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
/* ── números (dados de mercado, fonte citada) ───────────── */
.stat{background:var(--branco);border:1px solid var(--borda);border-radius:var(--r-xl);padding:26px;text-align:center}
.stat .big{font-family:var(--f-display);font-weight:800;font-size:44px;line-height:1.05;color:var(--azul);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.stat .lbl{font-size:13.5px;color:var(--txt2);margin-top:10px}
.src{font-size:11.5px;color:#94A3B8;margin-top:10px;display:block}
/* ── planos ─────────────────────────────────────────────── */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.plan{background:var(--branco);border:1px solid var(--borda);border-radius:var(--r-xl);padding:28px;box-shadow:var(--sh-rest);display:flex;flex-direction:column;min-height:430px;position:relative}
.plan.dest{border:2px solid var(--azul);box-shadow:var(--sh-hover);position:relative}
.plan-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--azul);color:#fff;font-size:12px;font-weight:600;padding:5px 14px;border-radius:var(--r-pill);white-space:nowrap}
.plan-nome{font-family:var(--f-display);font-weight:700;font-size:19px}
.plan-quem{font-size:13.5px;color:var(--txt2);margin-top:4px;min-height:40px}
.plan-preco{display:flex;align-items:baseline;gap:5px;margin-top:16px}
.plan-preco .v{font-family:var(--f-display);font-weight:800;font-size:40px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.plan-preco .per{font-size:13.5px;color:var(--txt2);white-space:nowrap}
.plan-anual{font-size:13px;color:var(--txt2);margin-top:6px;min-height:38px}
/* quantidade de usuários + valor por usuário/mês: texto normal do cartão, sem caixa
   de destaque; só os dois dados vão em negrito (pedido do dono, 16/10/2026) */
.plan-usuarios{margin-top:6px;font-size:13px;color:var(--txt2);line-height:1.45;font-variant-numeric:tabular-nums}
.plan-usuarios strong{display:block;font-weight:700}
.plan ul{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:10px}
.plan li{display:flex;gap:9px;font-size:14px;align-items:flex-start}
.plan .btn{margin-top:auto;width:100%}
.soon{background:var(--offwhite)}
/* ── faq ────────────────────────────────────────────────── */
.faq{max-width:860px;margin:0 auto}
.qa{background:var(--branco);border:1px solid var(--borda);border-radius:var(--r-card);padding:20px 22px;margin-top:14px}
.qa h3{font-size:16.5px;margin-bottom:8px}
.qa p{font-size:15px;color:#334155;line-height:1.6}
/* ── cta final + footer ─────────────────────────────────── */
.final{background:var(--navy);border-radius:var(--r-xl);padding:52px;text-align:center;color:#fff}
.final h2{color:#fff}
.final p{color:#C7D2E4;margin-top:14px}
.final .btn-primary{margin-top:26px}
footer{background:var(--offwhite);border-top:1px solid var(--borda);padding:44px 0;margin-top:88px}
.foot{display:flex;gap:40px;justify-content:space-between;flex-wrap:wrap;font-size:13.5px;color:var(--txt2)}
.foot a{color:var(--txt2)}
.foot a:hover{color:var(--azul)}
.foot-col h4{font-family:var(--f-display);font-size:13px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}
.foot-col a{display:block;margin-bottom:7px}
/* ── VARIANTE B: hero navy ──────────────────────────────── */
body.vb .nav{background:var(--navy);border-bottom-color:#1E2F57}
body.vb .nav-links a{color:#DCE4F5}
body.vb .nav-links a:hover{color:#fff}
body.vb .nav .btn-ghost{color:#fff;border-color:#33456F}
body.vb .nav .btn-ghost:hover{background:#152850}
body.vb .hero{background:var(--navy);color:#fff}
body.vb .hero h1{color:#fff}
body.vb .hero p.lead{color:#C7D2E4}
body.vb .hero .trust{color:#9DAECB}
body.vb .hero .eyebrow{color:var(--teal)}
body.vb .nav-brand{display:none}
body.vb .nav-brand-w{display:block}
.nav-brand-w{display:none}
body.va .nav-brand{display:block}
body.va .nav-brand-w{display:none}
body.vb .mock{border-color:#24365F}
@media (max-width:900px){
  h1{font-size:34px} h2{font-size:27px} .sec{padding:60px 0}
  .hero{padding:44px 0 40px}
  .hero-shot{margin-top:30px}
  .hero-in{max-width:100%}
  .hero-grid,.grid3,.grid2,.grid4,.plans{grid-template-columns:1fr;gap:18px}
  .nav-in{gap:12px;min-height:80px;padding-top:5px;padding-bottom:5px}
  .nav-in img{height:70px}   /* símbolo 41px = 2× os 20,5px do lockup antigo */
  .nav-cta .btn{padding:9px 12px;font-size:13px}
  .nav-links{display:none}
  .trust{grid-template-columns:1fr;gap:10px}
  .wa{position:static;width:auto;margin-top:14px}
  .shot-wrap{margin-bottom:0}
  .final{padding:34px 22px}
  .plan{min-height:auto}
  .plan-preco .v{font-size:31px}   /* R$ 1.129,99 e R$ 11.299,90 cabem sem quebrar no celular */
}

/* ══════════════════ MOTIONS: entrada por seção, cartão e passo ══════════════════
   A classe .reveal é adicionada PELO JS (/js/landing.js) só quando há suporte e o
   usuário não pediu menos movimento. Sem JS, nada aqui se aplica: a página aparece
   inteira (nenhum conteúdo fica invisível). Só transform/opacity — zero layout shift. */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .62s cubic-bezier(.2,.7,.2,1),transform .62s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:translateY(0)}

/* cabeçalhos de seção sobem um pouco menos (leitura mais estável) */
.sec .wrap > .eyebrow.reveal,.sec .wrap > h2.reveal,.sec .wrap > .lead.reveal{transform:translateY(14px)}
.sec .wrap > .eyebrow.reveal.in,.sec .wrap > h2.reveal.in,.sec .wrap > .lead.reveal.in{transform:translateY(0)}

/* balão do WhatsApp: flutua de leve depois de aparecer */
.reveal.in.wa{animation:landing-floaty 6.5s ease-in-out 1.1s infinite}
@keyframes landing-floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* cartões e planos levantam no hover */
.card,.plan{transition:transform .25s ease,box-shadow .25s ease}
.card:hover,.plan:hover{transform:translateY(-3px)}
.plan:hover{box-shadow:0 18px 44px rgba(11,27,63,.13)}

/* navegação ganha sombra quando a página rola (classe posta pelo JS) */
.nav{transition:box-shadow .25s ease}
.nav.rolou{box-shadow:0 6px 22px rgba(11,27,63,.09)}

/* acessibilidade: quem pediu menos movimento vê tudo parado e visível */
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1 !important;transform:none !important;transition:none !important}
  .reveal.in.wa{animation:none !important}
  .card:hover,.plan:hover{transform:none}
}