/* harpia.cob */

@font-face { font-family: 'Poppins'; font-weight: 400; font-display: swap; src: url('/assets/fonts/Poppins-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-weight: 500; font-display: swap; src: url('/assets/fonts/Poppins-Medium.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-weight: 600; font-display: swap; src: url('/assets/fonts/Poppins-SemiBold.woff2') format('woff2'); }
@font-face { font-family: 'RocaOne'; font-weight: 400; font-display: swap; src: url('/assets/fonts/rocaone-rg-webfont.woff2') format('woff2'); }

:root {
  color-scheme: light;
  --hc-deep: #232a7c;
  --hc-blue: #1d63e8;
  --hc-cyan: #9fe8f6;
  --hc-tile: linear-gradient(135deg, #5a52d5 0%, #4a7be4 55%, #5fcbe6 100%);
  --ambar: #f5b84b;
  --bg: #f7f9ff;
  --bg-2: #eef3fc;
  --ink: #141a3a;
  --ink-soft: #414a7a;
  --muted: #5b6490;
  --line: rgba(35,42,124,.13);
  --line-strong: rgba(35,42,124,.24);
  --veu: rgba(29,99,232,.07);
  --dk-bg: #0d1024;
  --dk-surface: rgba(20,24,52,.92);
  --dk-ink: #eef1ff;
  --dk-ink-soft: #c5cbec;
  --dk-muted: #9aa3cf;
  --dk-line: rgba(255,255,255,.1);
  --wa-bg: #0b141a; --wa-in: #202c33; --wa-out: #005c4b; --wa-topo: #1f2c34; --wa-ink: #e9edef; --wa-meta: #c5d6d1;
  --fonte: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --marca: 'RocaOne', Georgia, serif;
  --t-xs: 12px; --t-s: 13px; --t-m: 14px; --t-b: 16px; --t-l: 18px; --t-xl: 20px;
  --r-s: 6px; --r-m: 10px; --r-l: 16px;
  --sombra: 0 1px 2px rgba(20,26,58,.05), 0 14px 34px -14px rgba(35,42,124,.18);
  --sombra-flutua: 0 2px 6px rgba(20,26,58,.06), 0 36px 80px -28px rgba(13,16,36,.5);
  --larg: 1120px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 72px; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--fonte); font-weight: 400; color: var(--ink); background: var(--bg); line-height: 1.55; font-size: var(--t-b); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
img, svg { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
p { margin: 0; }
h1, h2 { margin: 0; font-family: var(--marca); font-weight: 400; letter-spacing: -0.01em; line-height: 1.08; text-wrap: balance; }
h3 { margin: 0; font-weight: 600; letter-spacing: -0.012em; line-height: 1.2; }
h1 { font-size: clamp(36px, 4.8vw, 60px); }
h2 { font-size: clamp(30px, 3.6vw, 44px); }
ul, ol, dl, dd, figure { margin: 0; padding: 0; list-style: none; }
button, input, select { font: inherit; }
button { cursor: pointer; }
::selection { background: rgba(29,99,232,.22); }
.pular { position: absolute; left: -999px; top: 8px; background: #fff; padding: 8px 12px; border-radius: var(--r-m); z-index: 100; }
.pular:focus { left: 8px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.nb { white-space: nowrap; }

.container { width: min(var(--larg), calc(100% - 48px)); margin-inline: auto; }
@media (max-width: 640px) { .container { width: calc(100% - 36px); } }

.wordmark { font-family: var(--marca); font-weight: 400; letter-spacing: 0.005em; }
.eyebrow { font-size: var(--t-s); font-weight: 500; letter-spacing: .04em; text-transform: uppercase; color: var(--hc-blue); margin-bottom: 16px; text-wrap: balance; }
.t-lead { font-size: var(--t-l); line-height: 1.5; color: var(--ink-soft); text-wrap: pretty; }
.num { font-variant-numeric: tabular-nums; }
.dark { color: var(--dk-ink); }
.dark .t-lead { color: var(--dk-ink-soft); }
.dark h2 { color: #fff; }
.rotulo { font-size: var(--t-xs); font-weight: 500; letter-spacing: .05em; text-transform: uppercase; color: var(--dk-muted); }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 22px; border-radius: 12px; font-weight: 500; font-size: 15px; border: 1px solid transparent; transition: background .2s ease, box-shadow .2s ease, border-color .2s ease, transform .15s ease; white-space: nowrap; min-height: 46px; }
.btn:active { transform: translateY(1px); }
.btn-acao { color: #fff; background: linear-gradient(180deg, #2a70f0, var(--hc-blue)); box-shadow: 0 10px 24px -12px rgba(29,99,232,.7), inset 0 1px 0 rgba(255,255,255,.18); }
@media (hover: hover) { .btn-acao:hover { background: linear-gradient(180deg, #2a70f0, #1a56cc); box-shadow: 0 14px 30px -12px rgba(29,99,232,.8), inset 0 1px 0 rgba(255,255,255,.18); transform: translateY(-1px); } .dark .btn-fantasma:hover { border-color: rgba(159,232,246,.7); background: rgba(255,255,255,.1); } }
.btn-fantasma { color: var(--ink); background: #fff; border-color: var(--line-strong); }
@media (hover: hover) { .btn-fantasma:hover { border-color: var(--hc-blue); } }
.dark .btn-fantasma { color: var(--dk-ink); background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.22); }

/* navegação */
.nav { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); background: rgba(247,249,255,.82); border-bottom: 1px solid var(--line); }
.nav-in { display: flex; align-items: center; justify-content: space-between; height: 64px; gap: 20px; }
.marca { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; }
.marca img { width: 30px; height: 30px; border-radius: 8px; }
.marca .wordmark { font-size: 22px; line-height: 1; }
.nav-links { display: flex; gap: 26px; font-size: var(--t-m); font-weight: 500; color: var(--ink-soft); }
.nav-links a { padding: 10px 0; } .nav-links a:hover { color: var(--ink); }
.nav .nav-cta { padding: 9px 16px; font-size: var(--t-m); min-height: 40px; }
.nav-cta-mini { display: none; padding: 8px 14px; font-size: var(--t-s); min-height: 44px; }
@media (max-width: 860px) { .nav-links, .nav .nav-cta { display: none; } .nav-cta-mini { display: inline-flex; margin-left: auto; } }
@media (max-width: 380px) { .marca .wordmark { font-size: 20px; } }

/* hero */
.hero { background: var(--bg) radial-gradient(60% 55% at 82% 45%, rgba(159,232,246,.28), transparent 70%); }
.hero-in { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); grid-template-areas: 'eyebrow fone' 'h1 fone' 'lead fone' 'ctas fone' 'abre fone' 'garantia fone' 'publicos fone'; column-gap: 64px; align-items: center; padding: 76px 0 40px; }
.hero .eyebrow { grid-area: eyebrow; }
.hero h1 { grid-area: h1; max-width: 14ch; }
.hero .t-lead { grid-area: lead; max-width: 46ch; margin-top: 20px; }
.hero .fone { grid-area: fone; align-self: center; }
.hero-ctas { grid-area: ctas; display: flex; gap: 8px 18px; flex-wrap: wrap; align-items: center; margin-top: 26px; }
.garantia { grid-area: garantia; margin-top: 16px; font-size: var(--t-b); line-height: 1.5; color: var(--ink-soft); max-width: 44ch; }
.garantia strong { color: var(--ink); font-weight: 600; }
.publicos { grid-area: publicos; display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.publicos li { font-size: var(--t-xs); font-weight: 500; padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(29,99,232,.28); color: var(--hc-deep); background: rgba(159,232,246,.16); }
.abre { grid-area: abre; margin-top: 8px; font-size: var(--t-s); color: var(--muted); }
@media (max-width: 980px) {
  .hero-in { display: flex; flex-direction: column; align-items: stretch; padding: 26px 0 36px; gap: 0; }
  .hero .eyebrow { margin: 0 0 12px; }
  .hero h1 { max-width: none; }
  .hero .t-lead { margin-top: 14px; max-width: none; }
  .hero .eyebrow { order: 1; } .hero h1 { order: 2; } .hero .t-lead { order: 3; }
  .hero .fone { order: 4; margin-top: 18px; }
  .hero-ctas { order: 5; margin-top: 18px; } .abre { order: 6; margin-top: 8px; }
  .garantia { order: 7; margin-top: 14px; font-size: 15px; }
  .publicos { order: 8; margin-top: 16px; }
}
@media (max-width: 640px) { .hero-ctas .btn { width: 100%; } .hero .t-lead { font-size: 17px; } .eyebrow { font-size: 12px; } }
@media (max-width: 360px) { h1 { font-size: 31px; } }

/* telefone animado */
.fone-cap { padding: 9px 12px 11px; text-align: center; font-size: 12px; letter-spacing: .02em; color: rgba(255,255,255,.66); background: var(--wa-bg); }
.fone { justify-self: end; width: min(100%, 400px); border-radius: 26px; overflow: hidden; background: var(--wa-bg); color: var(--wa-ink); border: 6px solid #1c2430; box-shadow: var(--sombra-flutua), 0 0 80px -20px rgba(29,99,232,.35); }
.fone .fone-topo { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: var(--wa-topo); border-bottom: 1px solid rgba(255,255,255,.06); }
.fone .fone-topo > span:nth-child(2) { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.fone .fone-topo b { font-size: var(--t-m); font-weight: 600; color: #fff; line-height: 1.2; }
.fone .fone-topo small { font-size: var(--t-xs); color: #8696a0; }
.selo-int { font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; padding: 4px 8px; border-radius: 999px; border: 1px solid rgba(159,232,246,.5); color: var(--hc-cyan); white-space: nowrap; }
.avatar { width: 34px; height: 34px; border-radius: 50%; background: var(--hc-tile); display: grid; place-items: center; flex: none; }
.avatar img { width: 18px; height: 18px; filter: invert(1); }
.avatar.pessoa { background: #4f6178; color: #fff; font-weight: 600; font-size: 14px; }
.quem-fala { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.chat { padding: 14px 12px 16px; min-height: 300px; display: flex; flex-direction: column; gap: 7px; background: var(--wa-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Ccircle cx='20' cy='20' r='1.2' fill='%23ffffff' fill-opacity='.05'/%3E%3Ccircle cx='80' cy='70' r='1.2' fill='%23ffffff' fill-opacity='.05'/%3E%3C/svg%3E"); }
.quem-fala { align-self: flex-start; font-size: 11px; color: #8696a0; padding-left: 4px; margin-bottom: -3px; }
.balao { max-width: 86%; padding: 9px 12px 7px; border-radius: 8px; font-size: var(--t-m); line-height: 1.42; position: relative; }
.balao .h { display: flex; justify-content: flex-end; align-items: center; gap: 4px; font-size: var(--t-xs); margin-top: 4px; color: var(--wa-meta); }
.balao .h::after { content: ''; width: 14px; height: 9px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M1 5l2.5 2.5L8 3M5 5l2.5 2.5L12 3' fill='none' stroke='%2353bdeb' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; }
.balao.h-out { align-self: flex-end; background: var(--wa-out); border-top-right-radius: 0; }
.balao.h-in { align-self: flex-start; background: var(--wa-in); border-top-left-radius: 0; }
.dia { align-self: center; font-size: var(--t-xs); color: #8696a0; background: rgba(255,255,255,.06); padding: 3px 10px; border-radius: 999px; }
.digitando { align-self: flex-end; display: inline-flex; gap: 4px; padding: 10px 12px; border-radius: 8px; background: var(--wa-out); }
.digitando span { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.7); animation: pontinho 1s infinite ease-in-out; }
.digitando span:nth-child(2) { animation-delay: .15s; } .digitando span:nth-child(3) { animation-delay: .3s; }
@keyframes pontinho { 0%, 60%, 100% { transform: translateY(0); opacity: .5; } 30% { transform: translateY(-3px); opacity: 1; } }
.checagens { align-self: flex-end; display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; max-width: 92%; }
.checagens span { font-size: 11px; font-weight: 600; letter-spacing: .02em; padding: 4px 9px; border-radius: 999px; background: rgba(29,99,232,.92); color: #fff; border: 1px solid rgba(159,232,246,.5); box-shadow: 0 0 0 4px rgba(29,99,232,.14); }
.checagens.reacao span { background: rgba(21,112,95,.95); border-color: rgba(123,224,198,.6); box-shadow: 0 0 0 4px rgba(123,224,198,.12); }
.fone[data-anim]:not(.fone-anim) .chat > * { opacity: 1; }
.fone[data-anim]:not(.fone-anim) .digitando { display: none; }
.fone-anim .chat > * { opacity: 0; transform: translateY(8px); animation: entra .45s ease forwards; }
.fone-anim .chat > :nth-child(1) { animation-delay: .1s; }
.fone-anim .chat > :nth-child(2) { animation-delay: .3s; }
.fone-anim .chat > :nth-child(3) { animation-delay: .5s; }
.fone-anim .chat > .digitando { animation: entra .3s ease forwards, sai .3s ease forwards; animation-delay: 1.1s, 2.3s; }
.fone-anim .chat > :nth-child(5) { animation-delay: 2.5s; }
.fone-anim .chat > :nth-child(6) { animation-delay: 3.3s; }
.fone-anim .chat > :nth-child(7) { animation-delay: 4.2s; }
.fone-anim .chat > :nth-child(8) { animation-delay: 5s; }
@keyframes entra { to { opacity: 1; transform: translateY(0); } }
@keyframes sai { to { opacity: 0; height: 0; padding: 0; margin: -7px 0 0; overflow: hidden; } }
@media (max-width: 980px) { .fone { justify-self: stretch; width: 100%; max-width: 440px; margin-inline: auto; } }
@media (max-width: 640px) { .fone { border-width: 0; border-radius: var(--r-l); max-width: none; } .chat { min-height: 0; } .fone .fone-topo small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .selo-int { font-size: 10px; padding: 3px 7px; } }

/* seções */
.secao { padding: 96px 0; }
/* o tom da conversa */
.tom { background: #fff; border-top: 1px solid var(--line); }
.tons { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.tom-card { display: flex; flex-direction: column; gap: 8px; padding: 22px 20px 24px; border-radius: 20px; background: var(--bg); border: 1px solid var(--line); }
.tom-rot { margin-bottom: 4px; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.bl { max-width: min(94%, 40ch); padding: 10px 13px; border-radius: 10px; border: 1px solid transparent; font-size: var(--t-m); line-height: 1.45; }
.bl-in { align-self: flex-start; margin-top: auto; background: #fff; border-color: rgba(35,42,124,.14); color: var(--ink); border-top-left-radius: 2px; }
.bl-out { align-self: flex-end; background: #cdeedd; border-color: rgba(21,112,95,.22); color: #0f2c20; border-top-right-radius: 2px; }
.tom-cap { margin: 22px 0 0; font-size: var(--t-s); color: var(--muted); }
.tom-nota { margin: 10px 0 0; max-width: 62ch; font-size: var(--t-b); color: var(--ink-soft); line-height: 1.55; }
.tom-cta { margin: 18px 0 0; }
@media (max-width: 900px) { .tons { grid-template-columns: 1fr; gap: 14px; } .tom-card { padding: 18px 16px 20px; } .tom-cap { margin-top: 18px; } }

.sonho { position: relative; background: var(--dk-bg) radial-gradient(45% 70% at 22% 50%, rgba(29,99,232,.38), transparent 70%); }
.sonho::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(159,232,246,.5), transparent); }
.sonho-in { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); column-gap: 48px; align-items: center; }
.sonho-arte { margin: 0; display: grid; place-items: center; }
.bloqueio { width: min(100%, 340px); border-radius: 30px; padding: 30px 14px 20px; background: linear-gradient(180deg, #1a2456 0%, #0d1230 60%, #0a0d22 100%); border: 6px solid #1c2430; box-shadow: var(--sombra-flutua), 0 0 90px -20px rgba(29,99,232,.45); }
.bloqueio-hora { text-align: center; font-size: 60px; font-weight: 400; letter-spacing: -.02em; line-height: 1; color: #fff; }
.bloqueio-data { text-align: center; margin-top: 8px; font-size: 13px; color: rgba(255,255,255,.72); }
.notifs { list-style: none; padding: 0; margin: 28px 0 0; display: grid; gap: 8px; }
.notifs li { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 14px; background: rgba(255,255,255,.10); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #fff; font-size: 12.5px; line-height: 1.3; animation: entra .5s ease both; }
.notifs li:nth-child(1) { animation-delay: .3s; } .notifs li:nth-child(2) { animation-delay: .7s; } .notifs li:nth-child(3) { animation-delay: 1.1s; } .notifs li:nth-child(4) { animation-delay: 1.6s; }
.notifs .notif-harpia { background: rgba(29,99,232,.28); border: 1px solid rgba(159,232,246,.45); }
.notif-app { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #fff; }
.notif-app.pix { background: #32bcad; }
.notif-app.zap { background: #25d366; } .notif-app.zap i { width: 14px; height: 14px; border-radius: 50% 50% 50% 0; background: #fff; }
.notif-app.harpia { background: var(--hc-tile); } .notif-app.harpia img { filter: invert(1); }
.notif-txt { min-width: 0; }
.notif-txt b { display: block; font-weight: 600; }
.notif-h { font-size: 11px; color: rgba(255,255,255,.55); align-self: start; }
.sonho-cta { margin-top: 22px; }
.link-sonho { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-weight: 500; font-size: var(--t-b); text-decoration: underline; text-underline-offset: 5px; text-decoration-color: rgba(159,232,246,.7); }
@media (hover: hover) { .link-sonho:hover { text-decoration-color: #fff; } }
.sonho .eyebrow { color: var(--hc-cyan); }
.sonho h2 { color: #fff; max-width: 20ch; }
.sonho .t-lead { color: var(--dk-ink-soft); max-width: 46ch; margin-top: 18px; }
@media (max-width: 900px) { .sonho-in { grid-template-columns: 1fr; row-gap: 26px; } .notif-txt { white-space: normal; } .notif-txt b { display: inline; } .notif-txt b::after { content: " · "; font-weight: 400; } .sonho-arte { order: 0; } .bloqueio { width: min(100%, 320px); padding: 24px 12px 16px; } .bloqueio-hora { font-size: 50px; } .notifs { margin-top: 20px; } .sonho h2 { max-width: none; } }
.cabeca { max-width: 660px; margin-bottom: 40px; }
.cabeca h2 { margin-bottom: 14px; }
.cabeca h2:only-child { margin-bottom: 0; }
@media (max-width: 640px) { .secao { padding: 64px 0; } .cabeca { margin-bottom: 28px; } }

/* prova: 30 mil, NPS, 0 funcionários, marcas */
.card-prova { position: relative; overflow: hidden; border-radius: 20px; border: 1px solid rgba(159,232,246,.4); box-shadow: 0 40px 90px -40px rgba(13,16,36,.8), 0 0 0 1px rgba(159,232,246,.08); background: var(--dk-bg) url('/assets/img/trinta-mil.webp') center / cover no-repeat; padding: 40px 40px 32px; }
.card-prova::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13,16,36,.35), rgba(13,16,36,.75) 70%, rgba(13,16,36,.9)); pointer-events: none; }
.card-prova > * { position: relative; }
.tres { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 40px; }
.tres b { display: block; font-family: var(--marca); font-weight: 400; font-size: clamp(44px, 5vw, 64px); line-height: 1; color: #fff; }
.tres span { display: block; margin-top: 10px; font-size: var(--t-m); color: var(--dk-ink-soft); line-height: 1.45; max-width: 26ch; }
.tres-nota { margin-top: 22px; font-size: var(--t-s); color: var(--hc-cyan); line-height: 1.45; max-width: 60ch; }
.marcas { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 36px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.85); }
.marca-item { display: inline-flex; align-items: center; gap: 8px; height: 30px; transition: color .25s ease; }
.marca-item b { font-family: var(--marca); font-weight: 400; font-size: 22px; letter-spacing: .005em; }
.mk { display: inline-block; background: currentColor; }
.mk-sintropia { width: 22px; height: 26px; -webkit-mask: url('/assets/marcas/sintropia-simbolo.svg') no-repeat center / contain; mask: url('/assets/marcas/sintropia-simbolo.svg') no-repeat center / contain; }
.mk-gaia { width: 92px; height: 24px; -webkit-mask: url('/assets/marcas/gaia-logo.svg') no-repeat center / contain; mask: url('/assets/marcas/gaia-logo.svg') no-repeat center / contain; }
.marca-item.cob img { width: 30px; height: 30px; border-radius: 8px; }
.marca-item.cob b { color: #fff; }
@media (hover: hover) { .marca-item.sintropia:hover { color: #ef4fff; } .marca-item.gaia:hover { color: #b9a5e6; } }
.traco { position: relative; width: 56px; height: 1px; background: rgba(159,232,246,.35); flex: none; }
.traco i { position: absolute; top: -2px; left: 0; width: 14px; height: 5px; border-radius: 3px; background: var(--hc-cyan); box-shadow: 0 0 10px var(--hc-cyan); animation: corre 4s ease-in-out infinite; }
@keyframes corre { 0% { left: -14px; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { left: 56px; opacity: 0; } }
@media (max-width: 760px) {
  .card-prova { padding: 26px 20px 22px; background-position: 70% 40%; }
  .tres { grid-template-columns: 1fr 1fr; gap: 22px 16px; }
  .tres > div:first-child { grid-column: 1 / -1; }
  .tres span, .tres small { max-width: none; }
  .marcas { gap: 14px 16px; justify-content: center; margin-top: 26px; padding-top: 18px; }
  .traco { display: none; }
  .marca-item.cob { flex-basis: 100%; justify-content: center; position: relative; padding-top: 12px; }
  .marca-item.cob::before { content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 10px; background: rgba(159,232,246,.5); }
  .marcas .rotulo { flex-basis: 100%; text-align: center; }
  .marca-item b { font-size: 17px; } .mk-gaia { width: 70px; height: 19px; } .mk-sintropia { width: 18px; height: 22px; } .marca-item.cob img { width: 24px; height: 24px; }
  .traco { width: 22px; }
  @keyframes corre { 0% { left: -14px; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { left: 22px; opacity: 0; } }
}

/* como: a máquina pensando */
.como { position: relative; background: var(--dk-bg) radial-gradient(60% 50% at 50% 100%, rgba(29,99,232,.22), transparent 70%); }
.como::before, .painel::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(159,232,246,.5), transparent); }
.como .cabeca { max-width: none; text-align: center; margin-inline: auto; }
.fluxo { --bx: 72%; --by: 150px; position: relative; height: 330px; max-width: 700px; margin: 4px auto 0; }
.trilho-luz { position: absolute; left: 3%; right: 3%; top: 76px; height: 1px; background: linear-gradient(90deg, transparent, rgba(159,232,246,.6) 10%, rgba(159,232,246,.6) 90%, transparent); }
.porta { position: absolute; top: 76px; width: 58px; height: 58px; margin: -29px 0 0 -29px; display: grid; place-items: center; }
.porta.p1 { left: 16.67%; } .porta.p2 { left: 50%; } .porta.p3 { left: 83.33%; }
.anel { width: 58px; height: 58px; border-radius: 50%; border: 1.5px solid rgba(159,232,246,.55); background: var(--dk-bg); display: grid; place-items: center; font-family: var(--marca); font-size: 20px; color: var(--hc-cyan); animation: acende 12s infinite; }
.p1 .anel { animation-delay: 1.2s; } .p2 .anel { animation-delay: 2.4s; } .p3 .anel { animation-delay: 3.6s; }
@keyframes acende { 0%, 4% { box-shadow: 0 0 0 0 rgba(159,232,246,0); border-color: rgba(159,232,246,.55); background: var(--dk-bg); } 6% { box-shadow: 0 0 0 10px rgba(159,232,246,.18); border-color: var(--hc-cyan); background: rgba(159,232,246,.14); } 14%, 100% { box-shadow: 0 0 0 0 rgba(159,232,246,0); border-color: rgba(159,232,246,.55); background: var(--dk-bg); } }
.veredito { position: absolute; top: 66px; left: 50%; transform: translateX(-50%); white-space: nowrap; font-family: var(--fonte); font-weight: 500; font-size: 12px; color: var(--hc-cyan); opacity: 0; animation: veredito 12s infinite; }
.p1 .va { animation-delay: 1.2s; } .p2 .va { animation-delay: 2.4s; } .p3 .va { animation-delay: 3.6s; }
.p1 .vb { color: var(--ambar); animation-delay: 7.4s; }
@keyframes veredito { 0%, 5% { opacity: 0; transform: translate(-50%, 4px); } 8% { opacity: 1; transform: translate(-50%, 0); } 34% { opacity: 1; } 40%, 100% { opacity: 0; } }
.pacote { position: absolute; top: 76px; width: 64px; height: 42px; margin-top: -21px; padding: 8px 10px; border-radius: 8px; background: var(--wa-out); display: flex; flex-direction: column; gap: 5px; justify-content: center; box-shadow: 0 0 24px rgba(159,232,246,.25); z-index: 2; transform: translateX(-50%); opacity: 0; }
.pacote i { display: block; height: 3px; border-radius: 2px; background: rgba(255,255,255,.75); }
.pacote i:nth-child(2) { width: 70%; } .pacote i:nth-child(3) { width: 45%; }
.pacote.pa { animation: viaja-a 12s infinite cubic-bezier(.4,0,.2,1); }
.pacote.pb { animation: viaja-b 12s infinite cubic-bezier(.4,0,.2,1); }
@keyframes viaja-a { 0% { left: 3%; opacity: 0; } 3% { opacity: 1; } 10% { left: 16.67%; } 13% { left: 16.67%; } 20% { left: 50%; } 23% { left: 50%; } 30% { left: 83.33%; } 33% { left: 83.33%; } 42% { left: 93%; opacity: 1; } 45%, 100% { left: 93%; opacity: 0; } }
@keyframes viaja-b { 0%, 50% { left: 3%; top: 76px; opacity: 0; background: var(--wa-out); box-shadow: 0 0 24px rgba(159,232,246,.25); } 53% { opacity: 1; } 60% { left: 16.67%; top: 76px; background: var(--wa-out); } 63% { left: 16.67%; top: 76px; background: #7a5a16; box-shadow: 0 0 24px rgba(245,184,75,.45); } 66% { left: 16.67%; top: 76px; } 78% { left: var(--bx); top: var(--by); opacity: 1; background: #7a5a16; box-shadow: 0 0 24px rgba(245,184,75,.45); } 82%, 100% { left: var(--bx); top: var(--by); opacity: 0; } }
.saida { position: absolute; left: 93%; top: 76px; transform: translate(-50%, -50%); }
.balao-mini { display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: .03em; padding: 5px 10px; border-radius: 8px; border-top-right-radius: 0; background: var(--wa-out); color: #fff; opacity: 0; animation: mostra-saida 12s infinite; }
@keyframes mostra-saida { 0%, 40% { opacity: 0; } 43% { opacity: 1; } 49% { opacity: 1; } 52%, 100% { opacity: 0; } }
.bandeja { position: absolute; left: var(--bx); top: var(--by); transform: translate(-50%, 0); width: 260px; padding: 12px 14px; border-radius: 12px; background: var(--dk-surface); border: 1px solid rgba(245,184,75,.35); box-shadow: 0 10px 30px -12px rgba(0,0,0,.6); animation: recebe 12s infinite; }
.bandeja .rotulo { color: var(--ambar); }
.bandeja p { margin-top: 6px; font-size: var(--t-s); color: var(--dk-ink-soft); line-height: 1.4; }
.aprovar { display: inline-block; margin-top: 8px; font-size: 11px; font-weight: 600; padding: 5px 12px; border-radius: 999px; background: var(--hc-blue); color: #fff; animation: aprova 12s infinite; }
@keyframes recebe { 0%, 76% { border-color: rgba(245,184,75,.35); box-shadow: 0 10px 30px -12px rgba(0,0,0,.6); } 80% { border-color: var(--ambar); box-shadow: 0 0 0 6px rgba(245,184,75,.16), 0 10px 30px -12px rgba(0,0,0,.6); } 90%, 100% { border-color: rgba(245,184,75,.35); box-shadow: 0 10px 30px -12px rgba(0,0,0,.6); } }
@keyframes aprova { 0%, 84% { background: var(--hc-blue); } 88% { background: #15705f; } 96%, 100% { background: var(--hc-blue); } }
.portas { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 700px; margin: 20px auto 0; text-align: center; }
.portas b { display: block; font-size: var(--t-l); font-weight: 600; color: #fff; }
.portas b i { font-style: normal; font-family: var(--marca); font-weight: 400; color: var(--hc-cyan); margin-right: 8px; }
@media (min-width: 641px) { .portas b i { display: none; } }
.portas span { display: block; margin-top: 4px; font-size: var(--t-m); color: var(--dk-ink-soft); line-height: 1.45; }
.depois { margin: 36px auto 0; text-align: center; font-size: var(--t-b); color: var(--dk-ink-soft); max-width: 52ch; line-height: 1.55; }
.sem { margin: 14px auto 0; text-align: center; font-size: var(--t-l); color: #fff; font-family: var(--marca); }
@media (max-width: 640px) {
  .como .cabeca { text-align: left; margin-inline: 0; }
  .fluxo { --bx: 50%; --by: 132px; height: 284px; }
  .anel, .porta { width: 46px; height: 46px; } .porta { margin: -23px 0 0 -23px; } .anel { font-size: 17px; }
  .veredito { top: 54px; font-size: 11px; }
  .pacote { width: 48px; height: 34px; margin-top: -17px; padding: 6px 8px; }
  .bandeja { width: min(100%, 300px); }
  .portas { grid-template-columns: 1fr; gap: 12px; text-align: left; margin-top: 16px; }
  .portas li { display: grid; grid-template-columns: 136px 1fr; gap: 10px; align-items: baseline; }
  .portas b { font-size: var(--t-b); } .portas span { margin-top: 0; font-size: 15px; }
  .depois, .sem { text-align: left; }
  .depois { margin-top: 26px; }
}

/* aprende: laço */
.aprende-in { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); column-gap: 64px; align-items: center; }
.aprende .cabeca { margin-bottom: 0; }
.laco { width: 100%; max-width: 560px; height: auto; justify-self: end; overflow: visible; }
.laco-fundo { stroke: rgba(35,42,124,.16); stroke-width: 2; }
.laco-vivo { stroke: var(--hc-blue); stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 90 1060; animation: percorre 6s linear infinite; }
@keyframes percorre { to { stroke-dashoffset: -1150; } }
.laco .no circle { fill: #fff; stroke: var(--hc-blue); stroke-width: 1.5; }
.laco .no text { font-family: var(--marca); font-size: 16px; fill: var(--hc-deep); text-anchor: middle; }
.laco .no text.rot { font-family: var(--fonte); font-size: 14px; fill: var(--ink-soft); }
.laco .centro-rot { font-family: var(--fonte); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; fill: var(--muted); text-anchor: middle; }
.laco .centro-num { font-family: var(--marca); font-size: 40px; fill: var(--hc-deep); text-anchor: middle; animation: troca92 6s infinite; }
.laco .c93 { animation-name: troca93; }
@keyframes troca92 { 0%, 60% { opacity: 1; } 66%, 100% { opacity: 0; } }
@keyframes troca93 { 0%, 60% { opacity: 0; } 66%, 100% { opacity: 1; } }
.laco-lista { display: none; }
.laco-lista .corte { margin-left: 8px; font-family: var(--marca); font-size: 18px; color: var(--hc-deep); }
.laco-lista .corte s { color: var(--muted); font-size: 14px; margin-right: 4px; }
@media (max-width: 900px) { .aprende-in { grid-template-columns: 1fr; gap: 24px; } .laco { justify-self: stretch; max-width: none; } }
@media (max-width: 480px) {
  .laco { display: none; }
  .laco-lista { display: grid; gap: 10px; margin-top: 4px; }
  .laco-lista li { display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 12px; font-size: 15px; color: var(--ink-soft); }
  .laco-lista li > span { grid-column: 2; }
  .laco-lista b { width: 32px; height: 32px; border-radius: 50%; border: 1.5px solid var(--hc-blue); color: var(--hc-deep); font-family: var(--marca); font-weight: 400; display: grid; place-items: center; }
}

/* para quem */
.caminhos { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.caminho { padding: 30px 30px 28px; border-radius: 20px; background: #fff; border: 1px solid var(--line); box-shadow: var(--sombra); display: flex; flex-direction: column; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
@media (hover: hover) { .caminho:hover { transform: translateY(-3px); box-shadow: 0 2px 6px rgba(20,26,58,.05), 0 28px 60px -24px rgba(35,42,124,.35); border-color: rgba(29,99,232,.3); } }
.mini-painel { position: relative; width: 132px; height: 84px; margin-bottom: 20px; border-radius: 10px; background: var(--dk-bg); border: 1px solid var(--dk-line); padding: 10px; display: flex; flex-direction: column; gap: 6px; }
.mini-painel .sua-marca { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 18px; border: 1px dashed rgba(159,232,246,.6); border-radius: 4px; font-size: 9px; letter-spacing: .04em; text-transform: uppercase; color: var(--hc-cyan); }
.mini-painel i { display: block; height: 6px; border-radius: 3px; background: rgba(29,99,232,.7); }
.mini-painel i:nth-of-type(1) { width: 85%; } .mini-painel i:nth-of-type(2) { width: 60%; background: rgba(123,224,198,.7); } .mini-painel i:nth-of-type(3) { width: 40%; }
.caminho h3 { font-size: 22px; margin-bottom: 10px; }
.caminho p { font-size: var(--t-b); color: var(--ink-soft); line-height: 1.55; }
.tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.tags li { font-size: var(--t-s); font-weight: 500; padding: 6px 11px; border-radius: 999px; background: var(--veu); color: var(--hc-deep); }
.link-card { display: inline-flex; align-items: center; min-height: 44px; margin-top: 12px; font-weight: 500; color: var(--hc-blue); text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 760px) { .caminhos { grid-template-columns: 1fr; } .caminho { padding: 24px 22px 22px; } }

/* painel */
.painel { position: relative; background: var(--dk-bg) radial-gradient(70% 50% at 80% 0%, rgba(29,99,232,.2), transparent 70%); }
.painel-in { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); column-gap: 64px; align-items: center; }
.painel .cabeca { margin-bottom: 0; }
.dash { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding-top: 24px; }
.chip-ilustra { position: absolute; top: -6px; right: 0; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--dk-ink-soft); border: 1px solid rgba(159,232,246,.45); padding: 3px 8px; border-radius: 999px; background: var(--dk-bg); }
.kpi { position: relative; padding: 18px 20px 18px; border-radius: var(--r-l); background: linear-gradient(160deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border: 1px solid var(--dk-line); min-height: 0; display: flex; flex-direction: column; gap: 10px; box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.kpi b { font-family: var(--marca); font-weight: 400; font-size: clamp(24px, 2.6vw, 34px); line-height: 1; color: #fff; white-space: nowrap; }
.kpi .spark { position: static; width: 100%; max-width: 120px; margin-top: auto; opacity: .8; }
.kpi .barra { display: block; width: 100%; max-width: 120px; height: 4px; border-radius: 2px; background: rgba(255,255,255,.1); margin-top: auto; overflow: hidden; }
.kpi .barra i { display: block; height: 100%; border-radius: 2px; background: #7be0c6; }
.kpi .sub { font-size: var(--t-xs); color: var(--dk-muted); }
.fila-kpi { grid-column: 1 / -1; flex-direction: row; align-items: baseline; gap: 12px; flex-wrap: wrap; background: rgba(29,99,232,.35); border-color: rgba(159,232,246,.4); }
.fila-kpi .sub { margin-left: auto; }
.linha-viva { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: var(--r-m); background: rgba(255,255,255,.04); border: 1px solid var(--dk-line); font-size: var(--t-s); color: var(--dk-ink-soft); }
.pulso { width: 9px; height: 9px; border-radius: 50%; background: #7be0c6; box-shadow: 0 0 0 0 rgba(123,224,198,.5); animation: pulsa 2s infinite; flex: none; }
@keyframes pulsa { 0% { box-shadow: 0 0 0 0 rgba(123,224,198,.5); } 70% { box-shadow: 0 0 0 9px rgba(123,224,198,0); } 100% { box-shadow: 0 0 0 0 rgba(123,224,198,0); } }
@media (max-width: 900px) { .painel-in { grid-template-columns: 1fr; gap: 28px; } }
@media (max-width: 520px) { .kpi { padding: 14px; } .kpi b { font-size: clamp(22px, 7vw, 28px); } .kpi .spark { max-width: 90px; } }

/* faixa da lei */
.faixa-lei { border-top: 1px solid rgba(159,232,246,.6); border-bottom: 1px solid var(--line); background: var(--bg-2); }
.lei-in { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: 34px 0; }
.lei-in b { display: block; font-weight: 600; color: var(--hc-deep); margin-bottom: 4px; }
.lei-in span { font-size: var(--t-m); color: var(--ink-soft); line-height: 1.5; }
@media (max-width: 760px) { .lei-in { grid-template-columns: 1fr; gap: 14px; padding: 26px 0; } .lei-in div { display: grid; grid-template-columns: 84px 1fr; gap: 10px; } .lei-in b { margin: 0; } }

/* começar */
.final { position: relative; background: var(--dk-bg) radial-gradient(60% 60% at 8% 100%, rgba(29,99,232,.30), transparent 70%); }
.final::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(159,232,246,.5), transparent); }
.final-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); column-gap: 56px; align-items: center; padding: 88px 0; position: relative; }
.final h2 { margin-bottom: 16px; max-width: 16ch; }
.final .t-lead { max-width: 48ch; }
.final .preco { margin-top: 18px; font-size: var(--t-b); color: #fff; font-weight: 500; max-width: 48ch; }
.passos-rot { margin-top: 26px; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--dk-muted); }
.passos { list-style: none; padding: 0; margin: 10px 0 0; display: grid; gap: 10px; counter-reset: passo; max-width: 52ch; }
.passos li { position: relative; padding-left: 36px; font-size: var(--t-m); color: var(--dk-ink-soft); line-height: 1.5; }
.passos li::before { counter-increment: passo; content: counter(passo); position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%; border: 1px solid rgba(159,232,246,.5); color: var(--hc-cyan); font-family: var(--marca); font-size: 13px; display: grid; place-items: center; }
.feito-acoes { margin-top: 20px; }
.feito-acoes .btn { font-size: 14px; padding: 12px 18px; width: 100%; white-space: normal; }
.final .hero-ctas { margin-top: 22px; }
.final .assina { margin-top: 22px; font-size: var(--t-m); color: var(--dk-ink-soft); line-height: 1.6; }
.link-zap { color: var(--hc-cyan); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; font-weight: 500; }
@media (hover: hover) { .link-zap:hover { color: #fff; } }
.final .assina b { color: #fff; font-weight: 600; }
.pedido { grid-column: 2; position: relative; border-radius: 22px; padding: 28px 28px 26px; background: linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.03)); border: 1px solid rgba(159,232,246,.28); box-shadow: 0 30px 80px -30px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.pedido::before { content: ''; position: absolute; inset: -1px; border-radius: 23px; padding: 1px; background: linear-gradient(135deg, rgba(159,232,246,.55), transparent 40%, transparent 60%, rgba(29,99,232,.5)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.form { display: flex; flex-direction: column; gap: 14px; }
.form-cabeca { margin-bottom: 4px; }
.form-titulo { font-family: var(--marca); font-size: 26px; color: #fff; line-height: 1.1; }
.form-sub { margin-top: 6px; font-size: var(--t-s); color: var(--dk-muted); }
.dupla { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.campo { position: relative; }
.campo.pote { position: absolute; left: -9999px; }
.campo.flutua input { width: 100%; min-height: 56px; padding: 24px 14px 8px; border-radius: 12px; border: 1px solid rgba(255,255,255,.14); background: rgba(9,12,28,.65); color: #fff; font-size: 16px; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.campo.flutua label { position: absolute; left: 14px; top: 17px; font-size: 16px; color: var(--dk-muted); pointer-events: none; transition: transform .18s ease, font-size .18s ease, color .18s ease, top .18s ease; }
.campo.flutua label span { font-size: 11px; opacity: .8; margin-left: 4px; }
.campo.flutua input:focus + label, .campo.flutua input:not(:placeholder-shown) + label, .campo.flutua input:-webkit-autofill + label { top: 8px; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: var(--hc-cyan); }
.campo.flutua input:focus { outline: none; border-color: rgba(159,232,246,.8); box-shadow: 0 0 0 4px rgba(159,232,246,.14); background: rgba(9,12,28,.85); }
.campo.flutua input:-webkit-autofill, .campo.flutua input:-webkit-autofill:hover, .campo.flutua input:-webkit-autofill:focus { -webkit-text-fill-color: #fff; caret-color: #fff; -webkit-box-shadow: 0 0 0 1000px #10152e inset; box-shadow: 0 0 0 1000px #10152e inset; border-color: rgba(159,232,246,.5); transition: background-color 9999s ease-out 0s; }
.campo .erro { display: block; min-height: 0; font-size: var(--t-xs); color: #ffb3c1; margin-top: 4px; }
.campo .erro:empty { display: none; }
.campo.invalido input { border-color: rgba(255,157,177,.8); }
.faixas { margin: 2px 0 0; padding: 0; border: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.faixas legend { font-size: 11px; letter-spacing: .05em; text-transform: uppercase; color: var(--dk-muted); margin-bottom: 8px; padding: 0; }
.faixas label { position: relative; cursor: pointer; }
.faixas input { position: absolute; opacity: 0; pointer-events: none; }
.faixas span { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 10px; border-radius: 10px; border: 1px solid rgba(255,255,255,.14); background: rgba(9,12,28,.5); color: var(--dk-ink-soft); font-size: var(--t-m); font-weight: 500; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.faixas input:checked + span { background: rgba(29,99,232,.35); border-color: rgba(159,232,246,.7); color: #fff; }
.faixas input:focus-visible + span { outline: 2px solid var(--hc-cyan); outline-offset: 2px; }
.btn-enviar { position: relative; margin-top: 6px; width: 100%; }
.btn-enviar .girando { display: none; width: 18px; height: 18px; border-radius: 50%; border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; animation: gira .8s linear infinite; }
.form.enviando .btn-enviar .girando { display: inline-block; }
.form.enviando .btn-enviar .rotulo-btn { opacity: .75; }
@keyframes gira { to { transform: rotate(360deg); } }
.form-nota { font-size: var(--t-xs); color: var(--dk-muted); line-height: 1.5; text-align: center; }
.form-nota strong { color: #fff; font-weight: 600; }
.form-erro { font-size: var(--t-s); color: #ffb3c1; line-height: 1.5; text-align: center; }
.form-erro:empty { display: none; }
.form-erro a { color: var(--hc-cyan); text-decoration: underline; }
.form-feito { text-align: center; padding: 24px 8px 12px; outline: none; }
.form-feito .check { width: 72px; height: 72px; margin: 0 auto 18px; }
.form-feito .check circle { fill: none; stroke: rgba(123,224,198,.5); stroke-width: 2; stroke-dasharray: 176; stroke-dashoffset: 176; animation: desenha 0.9s ease forwards; }
.form-feito .check path { fill: none; stroke: #7be0c6; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 40; stroke-dashoffset: 40; animation: desenha 0.5s ease .6s forwards; }
@keyframes desenha { to { stroke-dashoffset: 0; } }
.feito-titulo { font-family: var(--marca); font-size: 28px; color: #fff; }
.feito-texto { margin-top: 10px; font-size: 15px; color: var(--dk-ink-soft); line-height: 1.55; max-width: 34ch; margin-inline: auto; }
@media (max-width: 900px) { .final-in { grid-template-columns: 1fr; padding: 56px 0 72px; row-gap: 28px; } .pedido { grid-column: 1; grid-row: auto; } }
@media (max-width: 640px) { .final .hero-ctas .btn { width: 100%; } .pedido { padding: 22px 18px 20px; } .dupla { grid-template-columns: 1fr; } }

/* rodapé */
.rodape { background: #090c1c; color: var(--dk-muted); font-size: var(--t-s); }
.rodape-in { display: grid; grid-template-columns: 1.2fr 1.2fr .9fr; gap: 32px; padding: 52px 0 28px; }
.rodape-titulo { color: var(--dk-ink-soft); font-weight: 500; margin-bottom: 8px; }
.rodape a:hover { color: #fff; }
.rodape .marca .wordmark { color: #fff; }
.rodape-desc { margin-top: 12px; line-height: 1.55; max-width: 40ch; }
.rodape-desc a { display: inline-block; padding: 10px 0; margin: -10px 0; text-decoration: underline; text-underline-offset: 3px; }
.privacidade { margin-top: 10px; }
.privacidade summary { list-style: none; cursor: pointer; color: var(--dk-ink-soft); font-weight: 500; min-height: 44px; display: flex; align-items: center; gap: 8px; }
.privacidade summary::-webkit-details-marker { display: none; }
.privacidade summary::after { content: '+'; color: var(--hc-cyan); font-size: 18px; }
.privacidade[open] summary::after { content: '–'; }
.privacidade p { line-height: 1.55; max-width: 60ch; }
.privacidade a { color: var(--dk-ink-soft); text-decoration: underline; text-underline-offset: 3px; display: inline-block; padding: 8px 0; margin: -8px 0; }
.rodape .baixo { border-top: 1px solid rgba(255,255,255,.08); padding: 20px 0 28px; font-size: var(--t-xs); display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.rodape .entrar { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; color: var(--dk-muted); }
@media (max-width: 860px) { .rodape-in { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .rodape-in { grid-template-columns: 1fr; gap: 24px; } }

a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--hc-blue); outline-offset: 3px; }
.dark a:focus-visible, .dark button:focus-visible, .dark summary:focus-visible { outline-color: var(--hc-cyan); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
  .fone-anim .chat > * { opacity: 1; transform: none; }
  .fone-anim .digitando { display: none; }
  .pacote.pa { left: 45%; opacity: 1; }
  .pacote.pb { display: none; }
  .veredito.va { opacity: 1; }
  .balao-mini { opacity: 1; }
  .laco .c93 { opacity: 0; }
  .form-feito .check circle, .form-feito .check path { stroke-dashoffset: 0; }
}

[hidden] { display: none !important; }