/* Haven · lista de espera. Tokens do Haven Design System v1 (Figma "Haven"). Mobile first: 390 → 1440. */
@font-face{font-family:Geist;src:url(/assets/fonts/geist.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:Geist-fb;src:local("Arial"),local("Helvetica");size-adjust:104.76%;ascent-override:95.94%;descent-override:28.16%;line-gap-override:0%}
@font-face{font-family:Geist-fb-android;src:local("Roboto");size-adjust:104.99%;ascent-override:95.73%;descent-override:28.1%;line-gap-override:0%}

:root{
  --blue-50:#F2F7FF;--blue-100:#E3EEFF;--blue-200:#C6DCFF;--blue-600:#1A63DB;--blue-700:#1550B5;
  --ink:#0B1220;--ink-2:#4A5568;--ink-3:#5F6779;--line:#E6E9EF;--surface-subtle:#F6F8FB;
  --success:#15803D;--success-bg:#EAF7EF;--warning:#B45309;--warning-bg:#FFF4E5;--critical:#C62828;--critical-bg:#FDECEC;
  --action:var(--blue-600);--action-pressed:var(--blue-700);--action-soft:var(--blue-50);--action-soft-ink:var(--blue-700);
  --text-primary:var(--ink);--text-secondary:var(--ink-2);--text-tertiary:var(--ink-3);--text-link:var(--blue-600);
  --border-default:var(--line);--border-input:var(--ink-3);
  --radius-xs:6px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;
  --shadow-action:0 6px 16px rgba(26,99,219,.28);
  --shadow-card:0 24px 48px rgba(10,18,33,.08);
  --shadow-float:0 16px 40px -8px rgba(10,18,33,.14);
  --shadow-glass:0 12px 40px rgba(14,47,102,.12),0 1px 2px rgba(14,47,102,.06);
  --shadow-glass-inner:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.35);
  --ease-spring:cubic-bezier(.32,.72,0,1);
  --header-h:61px;--bar-h:0px;
  --gutter:20px;--section-y:56px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);scroll-padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom) + 88px)}
body{margin:0;font:400 16px/24px Geist,Geist-fb,Geist-fb-android,sans-serif;color:var(--text-primary);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,p,ol,ul,figure{margin:0}
ol,ul{padding:0;list-style:none}
a{color:var(--text-link)}
img{display:block}
:focus-visible{outline:2px solid var(--action);outline-offset:2px}
.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}
.pular{position:absolute;left:16px;top:-80px;z-index:100;background:#fff;padding:12px 16px;border-radius:var(--radius-md);font-weight:600}
.pular:focus{top:12px}
main:focus{outline:none}

/* Ícones Lucide (traço 1,75) como máscara: a cor vem do texto. */
.i{display:inline-block;flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.i-map-pin{--i:url(/assets/icons/map-pin.svg)}.i-clock{--i:url(/assets/icons/clock.svg)}.i-msg{--i:url(/assets/icons/message-circle.svg)}
.i-cal{--i:url(/assets/icons/calendar-check.svg)}.i-file{--i:url(/assets/icons/file-text.svg)}.i-pen{--i:url(/assets/icons/pen-line.svg)}
.i-camera{--i:url(/assets/icons/camera.svg)}.i-sparkles{--i:url(/assets/icons/sparkles.svg)}.i-list{--i:url(/assets/icons/list-checks.svg)}
.i-grad{--i:url(/assets/icons/graduation-cap.svg)}.i-lock{--i:url(/assets/icons/lock.svg)}.i-eye{--i:url(/assets/icons/eye.svg)}
.i-server{--i:url(/assets/icons/server.svg)}.i-bell{--i:url(/assets/icons/bell.svg)}.i-scale{--i:url(/assets/icons/scale.svg)}
.i-check{--i:url(/assets/icons/check.svg)}.i-arrow{--i:url(/assets/icons/arrow-right.svg)}.i-coins{--i:url(/assets/icons/hand-coins.svg)}
.i-download{--i:url(/assets/icons/download.svg)}.i-plano{--i:url(/assets/icons/clipboard-list.svg)}
.i-wallet{--i:url(/assets/icons/wallet.svg)}.i-users{--i:url(/assets/icons/users.svg)}.i-receipt{--i:url(/assets/icons/receipt-text.svg)}
.i-history{--i:url(/assets/icons/history.svg)}.i-qr{--i:url(/assets/icons/qr-code.svg)}.i-card{--i:url(/assets/icons/credit-card.svg)}.i-cash{--i:url(/assets/icons/banknote.svg)}
.i-alert{--i:url(/assets/icons/circle-alert.svg)}.i-loader{--i:url(/assets/icons/loader-circle.svg)}.i-checks{--i:url(/assets/icons/check-check.svg)}
.i-activity{--i:url(/assets/icons/activity.svg)}.i-x{--i:url(/assets/icons/x.svg)}

/* Botões em cápsula: 52 / 44 / 36 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 20px;border:0;border-radius:999px;font-family:inherit;font-weight:600;font-size:15px;line-height:21px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform 120ms,background-color 120ms}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--action);color:#fff;box-shadow:var(--shadow-action)}
.btn-primary:hover{background:#2A6FE0}
.btn-primary:active{background:var(--action-pressed)}
.btn-soft{background:var(--action-soft);color:var(--action-soft-ink)}
.btn-text{background:none;color:var(--text-link);padding:0 12px}
.btn-soft:hover,.btn-text:hover{background:var(--blue-100)}
.btn-44{height:44px}
.btn-36{height:44px;padding:0 16px;font-size:14px}
.btn-full{width:100%}

/* Cabeçalho: sólido no celular; vidro só ≥1024 com hover */
.topo{position:fixed;inset:0 0 auto;z-index:20;height:var(--header-h)}
.topo-barra{display:flex;align-items:center;justify-content:space-between;height:100%;padding:8px var(--gutter);background:rgba(255,255,255,.96);border-bottom:1px solid var(--border-default)}
.logo{display:flex;align-items:center;min-height:44px;border-radius:6px}
.logo img{width:159px;height:32px}

/* Brilho do ambiente (camada 0) */
.brilho{position:absolute;inset:0 0 auto;height:900px;overflow:hidden;pointer-events:none;z-index:-1}
.brilho::before,.brilho::after{content:"";position:absolute;border-radius:50%;filter:blur(60px)}
.brilho::before{left:-180px;top:-160px;width:420px;height:420px;background:var(--blue-200);opacity:.5}

/* Seções */
.secao{padding:var(--section-y) var(--gutter)}
.secao-cinza{background:var(--surface-subtle)}
.cab{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.rotulo{font-weight:600;font-size:15px;line-height:21px;color:var(--action)}
h2{font-weight:600;font-size:28px;line-height:34px;letter-spacing:-.015em}
.lead{color:var(--text-secondary)}

/* Hero */
.hero{position:relative;display:flex;flex-direction:column;gap:20px;padding:calc(var(--header-h) + 32px) var(--gutter) 48px}
.hero-texto{display:flex;flex-direction:column;gap:20px}
.sobre{display:flex;gap:6px;align-items:flex-start;color:var(--action-soft-ink);font-size:13px;line-height:18px;max-width:262px}
.sobre .i{width:16px;height:16px}
h1{font-weight:600;font-size:34px;line-height:41px;letter-spacing:-.02em}
.hero-sub{color:var(--text-secondary);max-width:44ch}
.fase{display:flex;gap:8px;align-items:flex-start;color:var(--text-secondary);font-size:14px;line-height:20px}
.fase .i{width:18px;height:18px;margin-top:1px}
.acoes{display:flex;flex-direction:column;align-items:center;gap:8px}
.acoes .btn-primary{width:100%}

/* Prévia animada do produto */
.previa{position:relative;width:100%;max-width:520px;margin-inline:auto}
.previa-cartao{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:20px;display:flex;flex-direction:column;gap:4px}
.previa-topo{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px}
.previa-topo strong{font-weight:600;font-size:20px;line-height:25px;white-space:nowrap}
.aviso{background:var(--surface-subtle);color:var(--text-tertiary);border-radius:999px;padding:4px 10px;font-weight:500;font-size:12px;line-height:16px;letter-spacing:.01em;white-space:nowrap}
.linha{display:flex;align-items:center;gap:16px;height:58px;padding:0 12px;border-bottom:1px solid var(--border-default)}
.hora{display:flex;align-items:center;justify-content:center;width:52px;height:32px;border-radius:var(--radius-md);font-weight:600;font-size:15px;line-height:21px;font-variant-numeric:tabular-nums}
.hora.agora{background:var(--blue-50);color:var(--blue-700)}
.pac{flex:1;min-width:0;display:flex;flex-direction:column;white-space:nowrap;overflow:hidden}
.pac b{font-weight:500;font-size:15px;line-height:21px}
.pac small{font-size:13px;line-height:18px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}
.so-desk{display:none}
.selo{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:999px;font-weight:500;font-size:12px;line-height:16px;letter-spacing:.01em;white-space:nowrap}
.selo .i{width:14px;height:14px}
.selo-ok{background:var(--success-bg);color:var(--success)}
.selo-info{background:var(--blue-50);color:var(--blue-700)}
.selo-atencao{background:var(--warning-bg);color:var(--warning)}
.abrir{display:none;font-weight:600;font-size:14px;color:var(--text-link);padding:0 12px}
.toast-area{display:flex;justify-content:center;padding-top:12px}
.toast{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:6px 8px 6px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.86);box-shadow:var(--shadow-glass-inner),var(--shadow-glass);font-weight:500;font-size:15px;line-height:21px;white-space:nowrap}
.toast .i{color:var(--success)}
.toast em{font-style:normal;font-weight:600;color:var(--text-link);padding:0 12px}
@media (prefers-reduced-motion:no-preference){
  .previa-cartao{animation:entra 700ms var(--ease-spring) 150ms both}
  .toast{animation:surge 400ms ease-out 1100ms both,flutua 2s ease-in-out 1500ms 4 alternate}
}
@keyframes entra{from{opacity:0;transform:translateY(64px)}}
@keyframes surge{from{opacity:0;transform:translateY(8px)}}
@keyframes flutua{to{transform:translateY(-6px)}}

/* Cartões */
.grade{display:grid;gap:24px}
.cartao{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:16px}
.cartao-topo{display:flex;align-items:center;justify-content:space-between}
.icone{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--action-soft);color:var(--action)}
.icone .i{width:22px;height:22px}
.etiqueta{background:var(--blue-50);color:var(--blue-700);border-radius:999px;padding:4px 10px;font-weight:500;font-size:12px;line-height:16px;letter-spacing:.01em}
.cartao h3{font-weight:600;font-size:20px;line-height:25px;margin-bottom:8px}
.cartao p{font-size:15px;line-height:21px;color:var(--text-secondary)}

/* Normas */
.normas{background:var(--surface-subtle);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:16px;margin-top:24px}
.normas h3{display:flex;gap:12px;align-items:center;font-weight:600;font-size:20px;line-height:25px}
.normas h3 .i{width:24px;height:24px;color:var(--action)}
.normas li{display:flex;gap:12px;align-items:flex-start}
.normas li .i{color:var(--success);margin-top:2px}
.normas ul{display:flex;flex-direction:column;gap:16px}
.normas .btn{align-self:flex-start;padding:0 12px}

/* Financeiro: prévia do caixa (dados fictícios, total sempre oculto) */
.caixa{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:20px;display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.caixa .previa-topo{padding-bottom:0}
.fechado{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary)}
.fechado .i{width:14px;height:14px}
.formas li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-default);font-size:15px;line-height:21px}
.formas .i,.total .i{color:var(--text-secondary)}
.formas small{margin-left:auto;font-size:13px;line-height:18px;color:var(--text-secondary)}
.total{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;line-height:21px}
.total b{flex:1;font-weight:600}

/* Quem constrói */
.quem{padding:0 var(--gutter) var(--section-y)}
.quem-cartao{background:var(--surface-subtle);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:16px}
.foto{width:96px;height:96px;border-radius:50%;background:var(--action-soft);flex:none;object-fit:cover}
.quem h2{font-size:22px;line-height:28px;letter-spacing:-.01em;margin-bottom:16px}
.quem p{color:var(--text-secondary)}

/* Fundadores */
.fundadores{background:var(--blue-50)}
.oferta{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#fff;color:var(--action-soft-ink);font-size:14px;line-height:20px;white-space:nowrap}
.chip .i{width:16px;height:16px}
.oferta>.chip{align-self:flex-start}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.passos{display:flex;flex-direction:column;gap:12px}
.passos h3{font-weight:600;font-size:16px;line-height:22px}
.passos ol{display:flex;flex-direction:column;gap:12px;counter-reset:p}
.passos li{display:flex;align-items:center;gap:12px;counter-increment:p}
.passos li::before{content:counter(p);display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--action-soft-ink);font-weight:600;font-size:15px}

/* Formulário */
.form-cartao{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:20px}
.form{display:flex;flex-direction:column;gap:20px}
.form-titulo{display:flex;flex-direction:column;gap:4px}
.form-titulo h3,.sucesso h3{font-weight:600;font-size:22px;line-height:28px;letter-spacing:-.01em}
.form-titulo p,.ajuda,.garantia{font-size:13px;line-height:18px;color:var(--text-tertiary)}
.ajuda{color:var(--text-secondary)}
.campo{display:flex;flex-direction:column;gap:6px}
.campo label{font-weight:500;font-size:14px;line-height:20px}
.campo input,.campo select{width:100%;height:44px;padding:0 14px;border:1px solid var(--border-input);border-radius:var(--radius-md);background:#fff;color:var(--text-primary);font:inherit;font-size:16px;line-height:24px;appearance:none;-webkit-appearance:none}
.campo select{padding-right:44px;background:#fff url(/assets/icons/chevron-down.svg) right 14px center/20px no-repeat}
.campo select:invalid{color:var(--text-tertiary)}
.campo option{color:var(--text-primary)}
[aria-invalid=true]{border-color:var(--critical)!important}
.erro{display:flex;gap:6px;align-items:flex-start;font-size:13px;line-height:18px;color:var(--critical)}
.erro .i{width:16px;height:16px;margin-top:1px}
.erro[hidden]{display:none}
.consent label{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:20px;color:var(--text-secondary);cursor:pointer}
.consent input{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:0;border:1.5px solid var(--border-input);border-radius:var(--radius-xs);background:#fff;display:grid;place-content:center;cursor:pointer}
.consent input:checked{background:var(--action);border-color:var(--action)}
.consent input:checked::after{content:"";width:16px;height:16px;background:#fff;-webkit-mask:url(/assets/icons/check.svg) center/contain no-repeat;mask:url(/assets/icons/check.svg) center/contain no-repeat}
.status{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:var(--radius-md);background:var(--critical-bg);color:var(--critical);font-size:14px;line-height:20px}
.status:empty{position:absolute;padding:0}

.btn[aria-disabled=true]{opacity:.72;cursor:progress}
.btn[aria-disabled=true] .i-loader{animation:gira 1s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.garantia{display:flex;gap:8px;align-items:flex-start}
.garantia .i{width:16px;height:16px;margin-top:1px}
.isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sucesso{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.sucesso h3:focus{outline:none}
.sucesso p{color:var(--text-secondary)}
.selo-grande{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--success-bg);color:var(--success)}
.selo-grande .i{width:28px;height:28px}

/* Perguntas */
.faq-cab .lead,.faq-cab .btn{display:none}
.faq{display:flex;flex-direction:column}
.faq details{border-bottom:1px solid var(--border-default);padding:9px 0}
.faq summary{display:flex;align-items:center;gap:16px;min-height:44px;padding:2px 0;font-weight:600;font-size:16px;line-height:22px;cursor:pointer;list-style:none;border-radius:6px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:20px;height:20px;margin-left:auto;background:var(--text-tertiary);-webkit-mask:url(/assets/icons/chevron-down.svg) center/contain no-repeat;mask:url(/assets/icons/chevron-down.svg) center/contain no-repeat;transition:transform 220ms}
.faq details[open] summary::after{transform:rotate(180deg);background:var(--action)}
.faq details p{margin:-2px 0 11px;color:var(--text-secondary)}
.faq-mais{margin-top:24px}

/* Rodapé */
.rodape{background:var(--surface-subtle);border-top:1px solid var(--border-default);padding:40px var(--gutter) 96px;display:flex;flex-direction:column;gap:24px;font-size:14px;line-height:20px}
.rodape .logo img{width:199px;height:40px}
.rodape p{color:var(--text-secondary)}
.rodape address{font-style:normal;display:flex;flex-direction:column;gap:12px}
.rodape nav,.rodape nav ul{display:flex;flex-direction:column;gap:12px}
.rodape a{text-decoration:none;padding:4px 0}
.rodape a:hover{text-decoration:underline}
.col-tit{display:none}
.rodape-conteudo,.fatos{display:flex;flex-direction:column;gap:24px}
.colunas{display:flex;flex-direction:column;gap:12px}
.final{display:flex;flex-direction:column;gap:24px;font-size:13px;line-height:18px}
.final p{color:var(--text-tertiary)}

/* Barra fixa de CTA (só celular) */
.barra-cta{position:fixed;inset:auto 0 0;z-index:15;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--border-default)}
.barra-cta .btn{width:100%}

/* Fale comigo: conversa 100% humana (abre o WhatsApp) */
.fale{position:fixed;right:16px;bottom:calc(16px + var(--bar-h) + env(safe-area-inset-bottom));z-index:18;display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:calc(100vw - 32px)}
[data-form-ativo] .fale:not([data-aberto]){display:none}
.fale-botao{display:inline-flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;border:0;border-radius:999px;background:var(--action);color:#fff;font-family:inherit;font-weight:600;font-size:15px;line-height:21px;box-shadow:var(--shadow-float);cursor:pointer}
.fale-botao .foto{width:44px;height:44px}
.fale[data-aberto] .fale-botao{width:56px;height:56px;padding:0;justify-content:center}
.fale[data-aberto] .fale-botao .foto,.fale[data-aberto] .fale-botao span:not(.i-x){display:none}
.fale-botao .i-x{display:none;width:26px;height:26px}
.fale[data-aberto] .fale-botao .i-x{display:block}
.fale-painel{width:360px;max-width:100%;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);overflow:hidden}
.fale-cab{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-default)}
.fale-cab .foto{width:48px;height:48px}
.fale-cab b{display:block;font-weight:600;font-size:16px;line-height:22px}
.fale-cab small{display:block;font-weight:500;font-size:12px;line-height:16px;color:var(--text-tertiary)}
.fechar{margin-left:auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--text-secondary);cursor:pointer}
.fechar:hover{background:var(--surface-subtle)}
.fale-corpo{display:flex;flex-direction:column;gap:16px;padding:20px}
.fale-corpo .prazo{font-size:13px;line-height:18px;color:var(--text-tertiary)}
.fale-corpo .pergunta{font-size:14px;line-height:20px;color:var(--text-secondary)}
.atalhos{display:flex;flex-wrap:wrap;gap:8px}
.atalhos a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--action);border-radius:999px;font-size:14px;line-height:20px;text-decoration:none}
.atalhos a:hover{background:var(--action-soft)}
.fale-corpo .aviso-zap{font-weight:500;font-size:12px;line-height:16px;color:var(--text-tertiary)}

/* Páginas internas (obrigado, privacidade, conformidade) */
.pagina{max-width:720px;margin:0 auto;padding:calc(var(--header-h) + 40px) var(--gutter) 64px;display:flex;flex-direction:column;gap:16px}
.pagina h1{margin-top:8px}
.pagina h2{font-size:22px;line-height:28px;margin-top:24px}
.pagina p,.pagina li{color:var(--text-secondary)}
.pagina ul{list-style:disc;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.pagina .btn{align-self:flex-start}

/* ≥ 720: duas colunas nos cartões */
@media (min-width:720px){
  :root{--gutter:40px}
  .grade{grid-template-columns:1fr 1fr}
  .acoes{flex-direction:row;justify-content:flex-start}
  .acoes .btn-primary{width:auto}
  .sobre{max-width:none}
  .grade-fin>:last-child,.seg-conteudo .grade>:last-child{grid-column:1/-1}
}

/* ≥ 1024: layout desktop do Figma (1440) */
@media (min-width:1024px){
  :root{--header-h:86px;--gutter:max(40px,calc((100% - 1120px)/2));--section-y:96px}
  h1{font-size:56px;line-height:60px;letter-spacing:-.03em}
  h2{font-size:40px;line-height:46px;letter-spacing:-.02em}
  .lead{font-size:18px;line-height:28px}
  html{scroll-padding-bottom:16px}
  .topo{padding:20px max(24px,calc((100% - 1168px)/2)) 0}
  .topo-barra{border-radius:999px;border:1px solid rgba(255,255,255,.75);padding:10px 10px 10px 24px;box-shadow:var(--shadow-glass-inner),var(--shadow-glass);background:rgba(255,255,255,.9)}
  .logo img{width:199px;height:40px}
  .topo .btn-36{height:44px;padding:0 20px;font-size:15px}
  .brilho{height:1000px}
  .brilho::before{left:-260px;top:-240px;width:720px;height:720px;opacity:.55;filter:blur(80px)}
  .brilho::after{left:calc(50% + 320px);top:120px;width:620px;height:620px;background:var(--blue-100);opacity:.55;filter:blur(80px)}
  .hero{flex-direction:row;align-items:center;gap:64px;padding:158px var(--gutter) 112px}
  .hero-texto{flex:1;gap:24px}
  .sobre{align-self:flex-start;background:var(--action-soft);border-radius:999px;padding:6px 12px;gap:8px;font-size:14px;line-height:20px;align-items:center}
  .hero-sub{font-size:18px;line-height:28px}
  .acoes{gap:12px}
  .previa{flex:none;width:520px;min-height:483px;margin:0}
  .so-desk{display:inline}
  .abrir{display:block}
  .cab{gap:12px;margin-bottom:48px;max-width:760px}
  .grade-tres{grid-template-columns:repeat(3,1fr)}
  .recepcao{display:flex;gap:64px;align-items:flex-start}
  .recepcao .cab{width:440px;flex:none;margin:0}
  .recepcao .grade{flex:1;grid-template-columns:1fr;gap:16px}
  .financeiro{display:flex;gap:64px;align-items:flex-start}
  .fin-lado{width:440px;flex:none}
  .fin-lado .cab{margin-bottom:32px}
  .caixa{margin:0}
  .grade-fin{flex:1;gap:16px}
  .seguranca .cab{max-width:900px}
  .seg-conteudo{display:flex;gap:24px;align-items:stretch}
  .seg-conteudo .grade{flex:1}
  .normas{width:400px;flex:none;margin:0;padding:28px;gap:20px}
  .quem-cartao{flex-direction:row;align-items:center;gap:40px;padding:40px}
  .quem .foto{width:168px;height:168px}
  .quem h2{font-size:28px;line-height:34px;letter-spacing:-.015em;margin-bottom:12px}
  .quem p{font-size:18px;line-height:28px}
    .fundadores{display:flex;gap:64px;align-items:flex-start}
  .oferta{flex:1;margin:0}
  .passos{padding-top:16px;gap:16px}
  .passos ol{gap:16px}
  .form-cartao{width:480px;flex:none;padding:32px}
  .faq-secao{display:flex;gap:64px;align-items:flex-start}
  .faq-cab{width:360px;flex:none;gap:16px;margin:0}
  .faq{flex:1}
  .faq-mais{display:none}
  .faq-cab .lead{display:block;font-size:16px;line-height:24px}
  .faq-cab .btn{display:inline-flex;align-self:flex-start}
  .rodape{padding:64px var(--gutter) 48px;gap:40px}
  .rodape-conteudo{flex-direction:row;justify-content:space-between;gap:64px}
  .fatos{width:560px;display:flex;flex-direction:column;gap:16px}
  .colunas{flex-direction:row;gap:64px;white-space:nowrap}
  .col-tit{display:block;font-weight:500;font-size:12px;line-height:16px;letter-spacing:.01em;color:var(--text-tertiary)}
  .rodape address,.rodape nav ul{gap:12px}
  .final{flex-direction:row;justify-content:space-between;border-top:1px solid var(--border-default);padding-top:24px}
}
@media (min-width:1024px) and (hover:hover){
  @supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){
    .topo-barra{background:rgba(255,255,255,.58);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}
  }
}
/* Preço e lançamento */
.cartao ul.pontos{display:flex;flex-direction:column;gap:8px;list-style:disc;padding-left:18px;font-size:15px;line-height:21px;color:var(--text-secondary)}
@media (min-width:1024px){@media (max-height:500px){.barra-cta{display:none!important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}