@font-face{font-family:Outfit;src:url('/assets/fonts/outfit-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Chakra;src:url('/assets/fonts/chakra-latin.woff2') format('woff2');font-weight:700;font-display:swap}
/* Paginas de leitura: o cabecalho e a capa (grafite); o texto mora em fundo claro, com a medida de leitura
   entre 60 e 75 caracteres. Cores da familia do sistema; ouro so no botao de acao e no "pro" da marca. */
:root{--grafite:#242631;--ceramica:#FAF9FC;--paper:#FFFFFF;--linha-alt:#EFEDF5;--text-1:#242631;--text-2:#5A5E70;--text-inverse:#F4F3F8;--text-inverse-2:#B9BBC9;--border:#E3E1EA;--border-strong:#CBC9D6;--link:#196CBF;--link-hover:#155796;--ouro:#E8B352;--ouro-deep:#D69C33;--focus-ring:#A47200}
*{box-sizing:border-box}body{margin:0;background:var(--ceramica);color:var(--text-1);font:18px/1.7 Outfit,system-ui,sans-serif}a{color:var(--link);text-underline-offset:4px}a:hover{color:var(--link-hover)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}img{display:block;max-width:100%}.skip{position:absolute;left:16px;top:-100px;background:var(--text-inverse);color:var(--text-1);padding:12px;z-index:2}.skip:focus{top:12px}
.guide-header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px max(24px,calc((100% - 1180px)/2));background:var(--grafite);color:var(--text-inverse)}.guide-header a{color:var(--text-inverse)}.guide-header a:hover{color:var(--text-inverse-2)}
.brand{display:flex;align-items:center;gap:var(--brand-gap);text-decoration:none;white-space:nowrap;line-height:1;--brand-size:24px;--brand-gap:10px}.brand>span,.brand>b{font:700 var(--brand-size)/1 Chakra,Outfit,sans-serif;letter-spacing:-.05em}.guide-header .brand>span{color:var(--text-inverse)}.guide-header .brand>b{color:var(--ouro);margin-left:calc(.3em - var(--brand-gap))}
.guide-header nav{display:flex;gap:24px;font-size:16px}.guide-header nav a{min-height:44px;display:flex;align-items:center}
.guide,.guide-footer{width:min(600px,calc(100% - 48px));margin:auto}.guide{margin:56px auto 80px}
.breadcrumb{font-size:14px;color:var(--text-2);display:flex;gap:10px;flex-wrap:wrap}.eyebrow{color:var(--text-2);font-size:16px;font-weight:500;margin:34px 0 16px}
h1{font-size:clamp(36px,5vw,56px);line-height:1.08;font-weight:500;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance}.lead{font-size:21px;line-height:1.6}.meta{font-size:14px;color:var(--text-2)}
.contents{margin:32px 0 48px;border-block:1px solid var(--border);padding:20px 0}.contents strong{font-size:16px}.contents ol{margin:8px 0;padding-left:24px}.contents a{display:block;padding:5px 0}
h2{font-size:30px;line-height:1.2;font-weight:500;letter-spacing:-.02em;margin:48px 0 16px;scroll-margin-top:24px}h3{font-size:22px;line-height:1.35;font-weight:600;margin-top:28px}p,li{color:var(--text-1)}li{margin:10px 0}strong{color:var(--text-1);font-weight:600}
.example{border-left:3px solid var(--border-strong);padding:2px 0 2px 22px;margin:28px 0}.example p{margin:12px 0}
.comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-block:1px solid var(--border);padding:20px 0}.comparison h3{margin:0 0 8px}.comparison p{font-size:16px;margin:0}
.cta{background:var(--paper);border:1px solid var(--border);padding:32px;border-radius:12px;margin:48px 0}.cta h2{margin:0 0 16px}
.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ouro);color:var(--text-1);font-weight:600;min-height:48px;padding:10px 20px;border-radius:8px;text-decoration:none}.button:hover{color:var(--text-1);background:var(--ouro-deep)}
.related{border-top:1px solid var(--border);padding-top:24px}
.guide-footer{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:26px 0;border-top:1px solid var(--border);font-size:14px;color:var(--text-2)}.guide-footer nav{display:flex;gap:20px;flex-wrap:wrap}.guide-footer a{padding-block:10px}.guide-footer p{margin:0;color:var(--text-2)}
@media(max-width:600px){body{font-size:17px}.guide-header{flex-wrap:wrap;gap:8px;padding:18px 20px}.guide-header nav{gap:24px}.guide,.guide-footer{width:calc(100% - 40px)}.guide{margin-top:30px}.lead{font-size:19px}h2{font-size:26px}.comparison{grid-template-columns:1fr}.cta{padding:22px}.guide-footer{flex-direction:column}.brand{--brand-size:22px}.brand img{width:32px;height:32px}}
/* A tela do produto sai da coluna de texto para ser legivel; o texto fica na medida de leitura. */
.shot{margin:32px 0 32px 50%;width:min(880px,calc(100vw - 48px));transform:translateX(-50%)}.shot img{width:100%;height:auto;border-radius:8px;border:1px solid var(--border);background:var(--linha-alt)}.shot figcaption{font-size:14px;color:var(--text-2);margin-top:10px}
.checks{padding-left:24px}.checks li::marker{color:var(--text-2);font-weight:600}
.download{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:28px 32px;margin:40px 0}.download h2{margin:0 0 12px}.download p{margin:0 0 18px}.download small{display:block;font-size:14px;color:var(--text-2);margin-top:14px}
.sheet{width:100%;border-collapse:collapse;font-size:16px;margin:24px 0;background:var(--paper)}.sheet th,.sheet td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}.sheet th{color:var(--text-1);font-weight:600;background:var(--linha-alt)}.sheet td{color:var(--text-1)}.table-wrap{overflow-x:auto}
@media(max-width:600px){.download{padding:22px}.sheet{font-size:15px}.sheet th,.sheet td{padding:8px}}
.faq details{border-top:1px solid var(--border);padding:6px 0}.faq details:last-of-type{border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;color:var(--text-1);font-weight:500;font-size:20px;line-height:1.4;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--text-2);font-weight:600;flex:none}.faq details[open] summary::after{content:"\2212"}.faq details p{margin:0 0 16px}
.guide-list{list-style:none;padding:0;margin:24px 0 8px;display:grid;gap:14px}.guide-list li{margin:0}.guide-list a{display:block;padding:20px 22px;border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text-1);background:var(--paper)}.guide-list a:hover{border-color:var(--border-strong);color:var(--text-1);background:var(--linha-alt)}.guide-list strong{display:block;font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.02em;margin-bottom:8px}.guide-list span{color:var(--text-2);font-size:17px;line-height:1.5}
.calc{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:28px 32px;margin:32px 0}.calc h3{margin:0 0 6px}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin-top:22px}.calc label{display:block;font-size:15px;color:var(--text-2);line-height:1.4}.calc label b{display:block;color:var(--text-1);font-weight:500;font-size:16px;margin-bottom:6px}.calc input{width:100%;margin-top:8px;padding:12px 14px;font:inherit;font-size:18px;color:var(--text-1);background:var(--ceramica);border:1px solid var(--border-strong);border-radius:8px}.calc input:focus{outline:2px solid var(--focus-ring);outline-offset:2px;border-color:var(--focus-ring)}.calc-out{margin-top:26px;border-top:1px solid var(--border);padding-top:22px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.calc-out div{background:var(--linha-alt);border-radius:8px;padding:16px 18px}.calc-out small{display:block;color:var(--text-2);font-size:14px;line-height:1.4}.calc-out output{display:block;font-size:30px;font-weight:600;letter-spacing:-.02em;color:var(--text-1);margin-top:4px;font-variant-numeric:tabular-nums}.calc-note{font-size:15px;color:var(--text-2);margin:18px 0 0}.calc-conta{font-size:16px;color:var(--text-2);margin-top:14px}
@media(max-width:600px){.calc{padding:20px}.calc-grid,.calc-out{grid-template-columns:1fr}.faq summary{font-size:18px}}