html,body{margin: 0;padding: 0}
html body .pv-raiz{font-family: var(--font);color: var(--ink);line-height: 1.55;-webkit-font-smoothing: antialiased}
html body .pv-raiz .dark{color: var(--white)}
html body .pv-raiz :where(h1,h2,h3,h4,h5,h6,p,li,ul,span,small,b,strong,em,div,article,nav,footer,header,label,details,summary){font-family: inherit;color: inherit;letter-spacing: inherit;text-transform: none}
html body .pv-raiz :where(h1,h2,h3,h4,h5,h6){font-weight: 800;line-height: 1.15;margin: 0}
html body .pv-raiz :where(p){margin: 0}
html body .pv-raiz :where(a){color: inherit;text-decoration: none;font-family: inherit}
html body .pv-raiz :where(a):hover,html body .pv-raiz :where(a):focus{color: inherit}
html body .pv-raiz :where(button){background: none;border: 0;border-radius: 0;color: inherit;font: inherit;padding: 0;margin: 0;text-transform: none;box-shadow: none}
html body .pv-raiz :where(img){border-radius: 0;box-shadow: none;max-width: 100%;border: 0}
html body .pv-raiz :where(ul){list-style: none;padding: 0;margin: 0}
html body .pv-raiz :where(input[type=radio]){margin: 0}
:root{--navy: #0B1F3B;--navy-2: #12305A;--navy-3: #08172C;--teal: #14B8A6;--teal-ink: #0F766E;--aqua: #67E8F9;--mint: #6EF0D8;--cyan: #1CD8E6;--gray: #94A3B8;--off: #F8FAFC;--mist: #EEF3F7;--line: #E2E8F0;--ink: #0B1F3B;--muted: #475569;--on-dark-muted: #B6C3D6;--white: #FFFFFF;--todo-bg: #E2E8F0;--todo: #334155;--doing-bg: #FEF3C7;--doing: #92400E;--done-bg: #CCFBF1;--done: #115E59;--paid-bg: #DCFCE7;--paid: #166534;--font: "Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--shadow: 0 1px 2px rgba(11,31,59,.06),0 8px 24px rgba(11,31,59,.07);--ease: cubic-bezier(.2,.7,.2,1);color-scheme: light}
html body .pv-raiz *,html body .pv-raiz{box-sizing: border-box}
html{scroll-behavior: smooth}
html body{background: var(--off);color: var(--ink);font-family: var(--font);font-size: 16px;line-height: 1.55;-webkit-font-smoothing: antialiased}
html body .pv-raiz img{display: block;max-width: 100%;height: auto}
html body .pv-raiz a{color: inherit}
html body .pv-raiz h1,html body .pv-raiz h2,html body .pv-raiz h3{text-wrap: balance;margin: 0}
html body .pv-raiz p{margin: 0}
html body :not(#pv-z) .wrap{max-width: 1180px;margin: 0 auto;padding-left: max(20px,env(safe-area-inset-left,0px));padding-right: max(20px,env(safe-area-inset-right,0px))}
html body .pv-raiz section{scroll-margin-top: 72px}
html body :not(#pv-z) .band{padding-block: 104px}
html body :not(#pv-z) .band.tight{padding-block: 72px}
html body :not(#pv-z) .dark{background: var(--navy);color: var(--white)}
html body :not(#pv-z) .eyebrow{display: inline-flex;align-items: center;gap: 10px;font-size: 12px;font-weight: 700;letter-spacing: .18em;text-transform: uppercase;color: var(--teal-ink)}
html body :not(#pv-z) .dark .eyebrow{color: var(--mint)}
html body :not(#pv-z) .eyebrow .dot{width: 6px;height: 6px;border-radius: 50%;background: currentColor}
html body :not(#pv-z) .h2{font-size: clamp(30px,4.2vw,46px);font-weight: 800;line-height: 1.08;letter-spacing: -.02em}
html body :not(#pv-z) .sec-head{display: grid;gap: 16px;margin-bottom: 52px;max-width: 760px}
html body :not(#pv-z) .sec-head.center{margin-inline: auto;text-align: center;justify-items: center}
html body :not(#pv-z) .btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;height: 52px;padding: 0 26px;border-radius: var(--r-md);font: 700 16px/1 var(--font);text-decoration: none;border: 1.5px solid transparent;cursor: pointer;transition: transform .25s var(--ease),box-shadow .25s var(--ease),background .2s}
html body :not(#pv-z) .btn-primary{background: var(--teal);color: var(--navy);box-shadow: 0 8px 22px rgba(20,184,166,.35)}
html body :not(#pv-z) .btn-primary:hover{transform: translateY(-2px);box-shadow: 0 14px 30px rgba(20,184,166,.42)}
html body :not(#pv-z) .btn-ghost{border-color: rgba(255,255,255,.28);color: var(--white);background: transparent}
html body :not(#pv-z) .btn-ghost:hover{background: rgba(255,255,255,.08)}
html body :not(#pv-z) .btn-outline{border-color: var(--line);color: var(--ink);background: var(--white)}
html body :not(#pv-z) .btn-outline:hover{border-color: var(--teal)}
html body :not(#pv-z) .btn svg{width: 18px;height: 18px}
html body :not(#pv-z) .pending{opacity: .18;transform: translateY(26px)}
html body::before{content: "";position: fixed;inset: 0 0 auto;height: env(safe-area-inset-top,0px);z-index: 60;background: var(--navy)}
html body :not(#pv-z) .nav{position: fixed;top: 0;left: 0;right: 0;z-index: 50;padding-top: env(safe-area-inset-top,0px);background: rgba(11,31,59,.94) !important;-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);box-shadow: 0 1px 0 rgba(255,255,255,.06);transition: box-shadow .3s}
html body :not(#pv-z) .nav .wrap{display: flex;align-items: center;justify-content: space-between;height: 72px;gap: 20px}
html body :not(#pv-z) .nav .logo img{height: 34px;width: auto}
html body :not(#pv-z) .nav nav{display: flex;gap: 28px;font-size: 14px;font-weight: 600;color: var(--on-dark-muted)}
html body :not(#pv-z) .nav nav a{text-decoration: none;transition: color .2s}
html body :not(#pv-z) .nav nav a:hover{color: var(--white)}
html body :not(#pv-z) .nav .btn{height: 42px;padding: 0 18px;font-size: 14px}
html body :not(#pv-z) .progress{position: absolute;left: 0;bottom: 0;height: 2px;width: 100%;background: linear-gradient(90deg,var(--mint),var(--cyan));transform-origin: left;transform: scaleX(0)}
html body :not(#pv-z) .trust{display: flex;flex-wrap: wrap;gap: 8px 18px;margin-top: 26px;font-size: 13.5px;color: var(--on-dark-muted)}
html body :not(#pv-z) .trust span{display: inline-flex;align-items: center;gap: 7px}
html body :not(#pv-z) .trust svg{width: 15px;height: 15px;color: var(--mint)}
@keyframes bob{0%,100%{transform: translateY(0) rotate(-1deg)}
50%{transform: translateY(-14px) rotate(1.5deg)}
}
html body :not(#pv-z) .feats{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 14px}
html body :not(#pv-z) .feat{background: var(--white);border: 1px solid var(--line);border-radius: var(--r-lg);padding: 22px;display: grid;gap: 10px;align-content: start;transition: transform .3s var(--ease),box-shadow .3s}
html body :not(#pv-z) .feat:hover{transform: translateY(-3px);box-shadow: var(--shadow)}
html body :not(#pv-z) .feat .ic{width: 40px;height: 40px;border-radius: 10px;background: var(--mist);color: var(--navy);display: grid;place-items: center;transition: background .3s,color .3s}
html body :not(#pv-z) .feat:hover .ic{background: var(--navy);color: var(--mint)}
html body :not(#pv-z) .feat .ic svg{width: 20px;height: 20px}
html body :not(#pv-z) .feat h3{font-size: 15.5px;font-weight: 700}
html body :not(#pv-z) .feat p{font-size: 13.5px;color: var(--muted)}
html body :not(#pv-z) .faq{max-width: 820px;margin: 0 auto;display: grid;gap: 10px}
html body :not(#pv-z) .faq details{background: var(--white);border: 1px solid var(--line);border-radius: var(--r-lg);padding: 0 22px;transition: border-color .3s,box-shadow .3s}
html body :not(#pv-z) .faq details[open]{border-color: #99F6E4;box-shadow: var(--shadow)}
html body :not(#pv-z) .faq summary{list-style: none;cursor: pointer;padding: 20px 0;font-weight: 700;font-size: 16.5px;display: flex;justify-content: space-between;align-items: center;gap: 16px}
html body :not(#pv-z) .faq summary::-webkit-details-marker{display: none}
html body :not(#pv-z) .faq summary .pm{width: 30px;height: 30px;border-radius: 50%;background: var(--mist);position: relative;flex: none;transition: background .3s,transform .35s var(--ease)}
html body :not(#pv-z) .faq summary .pm::before,html body :not(#pv-z) .faq summary .pm::after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 2px;background: var(--navy);transform: translate(-50%,-50%);border-radius: 2px}
html body :not(#pv-z) .faq summary .pm::after{transform: translate(-50%,-50%) rotate(90deg);transition: transform .35s var(--ease)}
html body :not(#pv-z) .faq details[open] .pm{background: var(--teal)}
html body :not(#pv-z) .faq details[open] .pm::after{transform: translate(-50%,-50%) rotate(0deg)}
html body :not(#pv-z) .faq .ans{padding: 0 0 20px;color: var(--muted);font-size: 15.5px;max-width: 64ch}
html body :not(#pv-z) .final{position: relative;overflow: hidden;text-align: center;background: radial-gradient(60% 70% at 50% 100%,#134A6E 0%,rgba(19,74,110,0) 70%),var(--navy)}
html body :not(#pv-z) .final .octo-f{width: 190px;margin: 0 auto 26px;animation: bob 5s ease-in-out infinite}
html body :not(#pv-z) .final h2{font-size: clamp(36px,5.4vw,64px);font-weight: 800;letter-spacing: -.03em;line-height: 1.02}
html body :not(#pv-z) .final p{color: var(--on-dark-muted);font-size: 19px;margin: 18px auto 0;max-width: 40ch}
html body :not(#pv-z) .final .ctas{justify-content: center;display: flex;gap: 14px;flex-wrap: wrap;margin-top: 32px}
html body :not(#pv-z) .bubbles i{position: absolute;bottom: -40px;border-radius: 50%;border: 1.5px solid rgba(103,232,249,.35);animation: rise linear infinite}
@keyframes rise{to{transform: translateY(-110vh);opacity: 0}
}
html body .pv-raiz footer{background: var(--navy-3);color: var(--on-dark-muted);padding-block: 48px calc(36px + env(safe-area-inset-bottom,0px));font-size: 14px}
html body :not(#pv-z) footer .wrap{display: grid;grid-template-columns: 1.3fr 1fr 1fr;gap: 30px}
html body .pv-raiz footer img{height: 34px;width: auto}
html body .pv-raiz footer .ftit{margin: 0 0 12px;color: var(--white);font-size: 13px;letter-spacing: .14em;text-transform: uppercase}
html body .pv-raiz footer a{text-decoration: none;display: block;padding: 4px 0}
html body .pv-raiz footer a:hover{color: var(--white)}
html body :not(#pv-z) .legal{grid-column: 1 / -1;border-top: 1px solid rgba(255,255,255,.08);padding-top: 22px;display: flex;justify-content: space-between;gap: 12px;flex-wrap: wrap;font-size: 12.5px}
html body :not(#pv-z) .legal .sig{letter-spacing: .2em;font-weight: 700;color: var(--white)}
html body :not(#pv-z) .wa-float{position: fixed;right: calc(20px + env(safe-area-inset-right,0px));bottom: calc(20px + env(safe-area-inset-bottom,0px));z-index: 40;width: 58px;height: 58px;border-radius: 50%;background: #22C55E;color: var(--white);display: grid;place-items: center;box-shadow: 0 14px 30px rgba(34,197,94,.45);transition: transform .25s var(--ease)}
html body :not(#pv-z) .wa-float:hover{transform: scale(1.08)}
html body :not(#pv-z) .wa-float svg{width: 28px;height: 28px}
html body :not(#pv-z) .wa-float::after{content: "";position: absolute;inset: 0;border-radius: 50%;border: 2px solid #22C55E;animation: ping 2.4s ease-out infinite}
@keyframes ping{from{transform: scale(1);opacity: .7}
to{transform: scale(1.6);opacity: 0}
}
@media (max-width: 1020px){html body :not(#pv-z) .nav nav{display: none}
html body :not(#pv-z) .feats{grid-template-columns: repeat(2,minmax(0,1fr))}
html body :not(#pv-z) footer .wrap{grid-template-columns: 1fr 1fr}
html body :not(#pv-z) footer .brand{grid-column: 1 / -1}
}
@media (max-width: 760px){html body :not(#pv-z) .band{padding-block: 76px}
}
@media (max-width: 520px){html body :not(#pv-z) .feats{grid-template-columns: 1fr}
html body :not(#pv-z) footer .wrap{grid-template-columns: 1fr}
}
@media (prefers-reduced-motion: reduce){html body .pv-raiz *,html body .pv-raiz,html body .pv-raiz *::before,html body .pv-raiz,html body .pv-raiz *::after,html body .pv-raiz{animation: none !important;transition: none !important}
html{scroll-behavior: auto}
html body :not(#pv-z) .pending{opacity: 1;transform: none}
}
html body .pv-raiz section[id]{scroll-margin-top: 80px}
html body :not(#pv-z) #top{scroll-margin-top: 0}
html body :not(#pv-z) .legal .sig.slogan{letter-spacing: .01em;font-size: 13.5px}
@supports (animation-timeline: view()){html body :not(#pv-z) #pv-passo-0{view-timeline: --pv0 block}
html body :not(#pv-z) #pv-passo-1{view-timeline: --pv1 block}
html body :not(#pv-z) #pv-passo-2{view-timeline: --pv2 block}
html body :not(#pv-z) #pv-passo-3{view-timeline: --pv3 block}
html body :not(#pv-z) #pv-passo-4{view-timeline: --pv4 block}
html body .pv-raiz [data-scr="0"],html body .pv-raiz [data-cap="0"],html body :not(#pv-z) #pv-passo-0{animation-timeline: --pv0}
html body .pv-raiz [data-scr="1"],html body .pv-raiz [data-cap="1"],html body :not(#pv-z) #pv-passo-1{animation-timeline: --pv1}
html body .pv-raiz [data-scr="2"],html body .pv-raiz [data-cap="2"],html body :not(#pv-z) #pv-passo-2{animation-timeline: --pv2}
html body .pv-raiz [data-scr="3"],html body .pv-raiz [data-cap="3"],html body :not(#pv-z) #pv-passo-3{animation-timeline: --pv3}
html body .pv-raiz [data-scr="4"],html body .pv-raiz [data-cap="4"],html body :not(#pv-z) #pv-passo-4{animation-timeline: --pv4}
html body :not(#pv-z) .progress{animation: pv-prog 1ms linear both;animation-timeline: scroll(root block)}
}
@keyframes pv-prog{from{transform: scaleX(0)}
to{transform: scaleX(1)}
}
html body .pv-raiz .btn-primary,html body .pv-raiz .btn-primary:hover,html body .pv-raiz .btn-primary:focus{color: var(--navy)}
html body .pv-raiz .btn-ghost,html body .pv-raiz .btn-ghost:hover,html body .pv-raiz .btn-ghost:focus{color: var(--white)}
html body .pv-raiz .btn-outline,html body .pv-raiz .btn-outline:hover,html body .pv-raiz .btn-outline:focus{color: var(--ink)}
html body .pv-raiz .nav nav a:hover,html body .pv-raiz footer a:hover{color: var(--white)}
html body .pv-raiz .wa-float,html body .pv-raiz .wa-float:hover{color: var(--white)}
html body :not(#pv-z) footer .wrap{grid-template-columns: 1.3fr 1fr 1fr 1fr}
@media (max-width: 1020px){html body :not(#pv-z) footer .wrap{grid-template-columns: 1fr 1fr}
}
@media (max-width: 520px){html body :not(#pv-z) footer .wrap{grid-template-columns: 1fr}
}
html body :not(#pv-z) .guias{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 14px;margin-top: 14px}
html body :not(#pv-z) .guias a{display: grid;gap: 6px;padding: 20px 22px;border-radius: var(--r-lg);background: var(--white);border: 1px solid var(--line);text-decoration: none;transition: transform .3s var(--ease),box-shadow .3s,border-color .3s}
html body :not(#pv-z) .guias a:hover{transform: translateY(-3px);box-shadow: var(--shadow);border-color: #99F6E4}
html body :not(#pv-z) .guias b{font-size: 15.5px;color: var(--ink)}
html body :not(#pv-z) .guias span{font-size: 13.5px;color: var(--muted)}
html body :not(#pv-z) .guias em{font-style: normal;font-size: 13px;font-weight: 700;color: var(--teal-ink)}
@media (max-width: 760px){html body :not(#pv-z) .guias{grid-template-columns: 1fr}
}
html body :not(#pv-z) .page-hero{position: relative;overflow: hidden;background: radial-gradient(70% 70% at 85% 30%,#133A63 0%,rgba(19,58,99,0) 70%),var(--navy);padding-top: calc(72px + env(safe-area-inset-top,0px))}
html body :not(#pv-z) .page-hero .wrap{display: grid;grid-template-columns: 1.25fr .75fr;gap: 48px;align-items: center;padding-block: 64px 80px}
html body :not(#pv-z) .page-hero h1{font-size: clamp(34px,4.6vw,54px);font-weight: 800;line-height: 1.05;letter-spacing: -.03em;margin-top: 18px}
html body :not(#pv-z) .page-hero h1 em{font-style: normal;background: linear-gradient(180deg,var(--mint),var(--cyan));-webkit-background-clip: text;background-clip: text;color: transparent}
html body :not(#pv-z) .page-hero .sub{font-size: 18.5px;color: var(--on-dark-muted);margin-top: 20px;max-width: 52ch}
html body :not(#pv-z) .page-hero .ctas{display: flex;gap: 14px;flex-wrap: wrap;margin-top: 30px}
html body :not(#pv-z) .page-hero .trust{margin-top: 22px}
html body :not(#pv-z) .page-hero .octo-p{width: 100%;max-width: 300px;justify-self: center;animation: bob 5s ease-in-out infinite}
html body :not(#pv-z) .crumbs{display: flex;flex-wrap: wrap;gap: 8px;font-size: 13px;color: var(--on-dark-muted)}
html body :not(#pv-z) .crumbs a{text-decoration: underline;text-underline-offset: 3px}
html body :not(#pv-z) .crumbs a:hover{color: var(--white)}
html body :not(#pv-z) .prose{max-width: 760px;margin: 0 auto}
html body :not(#pv-z) .prose h2{font-size: clamp(26px,3.4vw,36px);font-weight: 800;line-height: 1.12;letter-spacing: -.02em;margin: 56px 0 16px}
html body :not(#pv-z) .prose h2:first-child{margin-top: 0}
html body :not(#pv-z) .prose h3{font-size: 19px;font-weight: 700;margin: 28px 0 8px}
html body :not(#pv-z) .prose p{font-size: 17px;color: var(--muted);margin: 0 0 16px}
html body :not(#pv-z) .prose p b,html body :not(#pv-z) .prose li b{color: var(--ink)}
html body :not(#pv-z) .prose ul.lista{display: grid;gap: 10px;margin: 6px 0 20px}
html body :not(#pv-z) .prose ul.lista li{position: relative;padding-left: 30px;font-size: 16.5px;color: var(--muted)}
html body :not(#pv-z) .prose ul.lista li::before{content: "";position: absolute;left: 0;top: 4px;width: 18px;height: 18px;border-radius: 50%;background: var(--done-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%23115E59' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat}
html body :not(#pv-z) .prose a{color: var(--teal-ink);font-weight: 700;text-decoration: underline;text-underline-offset: 3px}
html body :not(#pv-z) .prose .nota{margin: 26px 0;padding: 20px 22px;border-radius: var(--r-lg);background: var(--mist);border-left: 4px solid var(--teal)}
html body :not(#pv-z) .prose .nota p{margin: 0;color: var(--ink)}
html body :not(#pv-z) .prose .feats{grid-template-columns: repeat(2,minmax(0,1fr));margin: 20px 0 8px}
html body :not(#pv-z) .prose .feat h3{margin: 0;font-size: 15.5px}
html body :not(#pv-z) .prose .feat p{margin: 0;font-size: 14px}
html body :not(#pv-z) .tabela{width: 100%;border-collapse: separate;border-spacing: 0;margin: 16px 0 24px;font-size: 15px;background: var(--white);border: 1px solid var(--line);border-radius: var(--r-lg);overflow: hidden}
html body :not(#pv-z) .tabela th,html body :not(#pv-z) .tabela td{text-align: left;padding: 12px 16px;border-bottom: 1px solid var(--line);vertical-align: top}
html body :not(#pv-z) .tabela tr:last-child td{border-bottom: 0}
html body :not(#pv-z) .tabela th{background: var(--navy);color: var(--white);font-weight: 700;font-size: 14px}
html body :not(#pv-z) .tabela td{color: var(--muted)}
html body :not(#pv-z) .tabela td:first-child{color: var(--ink);font-weight: 700}
html body :not(#pv-z) .preco-box{display: grid;grid-template-columns: 1fr 1fr;gap: 14px;margin: 18px 0 24px}
html body :not(#pv-z) .preco-box div{padding: 22px;border-radius: var(--r-lg);background: var(--white);border: 1px solid var(--line)}
html body :not(#pv-z) .preco-box div.pro{border-color: var(--teal);box-shadow: var(--shadow)}
html body :not(#pv-z) .preco-box b{display: block;font-size: 18px;color: var(--ink)}
html body :not(#pv-z) .preco-box strong{display: block;font-size: 30px;font-weight: 800;color: var(--ink);margin: 6px 0 4px;letter-spacing: -.02em}
html body :not(#pv-z) .preco-box span{font-size: 14px;color: var(--muted)}
html body :not(#pv-z) .preco-box .btn{width: 100%;margin-top: 16px}
@media (max-width: 1020px){html body :not(#pv-z) .page-hero .wrap{grid-template-columns: 1fr;padding-block: 44px 64px}
html body :not(#pv-z) .page-hero .octo-p{display: none}
}
@media (max-width: 600px){html body :not(#pv-z) .prose .feats,html body :not(#pv-z) .preco-box{grid-template-columns: 1fr}
html body :not(#pv-z) .page-hero .ctas .btn{width: 100%}
html body :not(#pv-z) .tabela{font-size: 14px}
html body :not(#pv-z) .tabela th,html body :not(#pv-z) .tabela td{padding: 10px 12px}
}