:root{--fundo:#121214;--fundo-2:#18181b;--borda:#ffffff14;--texto:#fafafa;--texto-2:#a1a1aa;--texto-3:#71717a;--amarelo:#ffd301;--ciano:#00e5ff;--verde:#10b981;--titulo:"Space Grotesk", "Plus Jakarta Sans", system-ui, sans-serif;--corpo:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html{background:var(--fundo)}body{background:var(--fundo);color:var(--texto);font-family:var(--corpo);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3,h4{font-family:var(--titulo);letter-spacing:-.02em;line-height:1.2}a{color:var(--ciano)}a:hover{color:#fff}img{max-width:100%;height:auto;display:block}.container{max-width:1120px;margin:0 auto;padding:0 16px}.estreito{max-width:720px;margin:0 auto;padding:0 16px}.rotulo{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--texto-2);font-size:11px;font-weight:700}.topo{z-index:10;border-bottom:1px solid var(--borda);backdrop-filter:blur(12px);background:linear-gradient(90deg,#fff 0 max(266px,50% - 294px),#121214d9 max(396px,50% - 164px));position:sticky;top:0}.topo .container{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.topo .marca{align-items:center;gap:10px;text-decoration:none;display:flex}.topo .marca img{width:auto;height:34px}.topo .marca span{font-family:var(--mono);color:#121214;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.topo nav{align-items:center;gap:22px;font-size:14px;font-weight:600;display:flex}.topo nav a:not(.botao){color:var(--texto-2);text-decoration:none}.topo nav a:not(.botao):hover{color:var(--ciano)}@media (width<=720px){.topo nav .opcional{display:none}}.botao{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:12px;font-weight:800;text-decoration:none;transition:filter .2s;display:inline-flex}.botao:hover{filter:brightness(1.08)}.botao-amarelo{background:var(--amarelo);color:#121214}.botao-amarelo:hover{color:#121214}.botao-contorno{color:var(--ciano);background:#00e5ff0f;border:1px solid #00e5ff4d}.topo .botao{white-space:nowrap;padding:9px 14px}.capa-blog{padding-top:56px;padding-bottom:32px}.capa-blog h1{margin:8px 0 12px;font-size:clamp(30px,5vw,46px)}.capa-blog p{color:var(--texto-2);max-width:620px;margin:0}.grade{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding-bottom:64px;display:grid}.card{background:var(--fundo-2);border:1px solid var(--borda);color:var(--texto);border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.card:hover{color:var(--texto);border-color:#ffd30166;transform:translateY(-2px)}.card img{aspect-ratio:16/10;object-fit:cover;background:#0c0c0e;width:100%}.card .miolo{flex-direction:column;gap:8px;padding:16px 18px 20px;display:flex}.card h2,.card h3{margin:0;font-size:19px}.card p{color:var(--texto-2);margin:0;font-size:14px}.vazio{color:var(--texto-2);padding:32px 0 80px}.artigo{padding-top:40px;padding-bottom:24px}.trilha{font-family:var(--mono);color:var(--texto-3);margin-bottom:18px;font-size:12px}.trilha a{color:var(--texto-2);text-decoration:none}.artigo h1{margin:0 0 14px;font-size:clamp(30px,5vw,44px)}.artigo .linha-fina{color:var(--texto-2);margin:0 0 18px;font-size:18px}.artigo .capa{border:1px solid var(--borda);aspect-ratio:16/10;object-fit:cover;border-radius:16px;width:100%;margin:24px 0 8px}.legenda{color:var(--texto-3);margin:0 0 24px;font-size:13px}.texto{color:#e4e4e7;font-size:17.5px}.texto h2{color:var(--texto);margin:44px 0 12px;font-size:28px}.texto h3{color:var(--texto);margin:32px 0 8px;font-size:21px}.texto p,.texto ul,.texto ol{margin:0 0 18px}.texto li{margin-bottom:6px}.texto strong{color:var(--texto)}.texto img{border:1px solid var(--borda);border-radius:14px;margin:26px 0 8px}.texto blockquote{border-left:3px solid var(--amarelo);background:var(--fundo-2);color:var(--texto-2);border-radius:0 12px 12px 0;margin:24px 0;padding:14px 18px}.texto table{border-collapse:collapse;width:100%;margin:0 0 22px;font-size:15px;display:block;overflow-x:auto}.texto th,.texto td{border:1px solid var(--borda);text-align:left;padding:8px 12px}.texto th{background:var(--fundo-2);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.chamada{background:linear-gradient(135deg,#ffd3011a,#00e5ff0f);border:1px solid #ffd30140;border-radius:18px;margin:44px 0;padding:26px}.chamada h2{margin:6px 0 8px;font-size:24px}.chamada p{color:var(--texto-2);margin:0 0 18px}.chamada .acoes{flex-wrap:wrap;gap:10px;display:flex}.faq{margin:44px 0}.faq h2{font-size:26px}.faq details{border:1px solid var(--borda);background:var(--fundo-2);border-radius:12px;margin-bottom:10px}.faq summary{cursor:pointer;padding:14px 18px;font-weight:700}.faq details p{color:var(--texto-2);margin:0;padding:0 18px 16px}.kits{margin:44px 0}.kits .grade{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding-bottom:0}.preco{font-family:var(--mono);color:var(--amarelo);font-size:13px}.rodape{border-top:1px solid var(--borda);color:var(--texto-3);margin-top:48px;padding:40px 0;font-size:13px}.rodape .colunas{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;margin-bottom:28px;display:grid}.rodape ul{font-family:var(--mono);margin:10px 0 0;padding:0;font-size:12px;list-style:none}.rodape li{margin-bottom:8px}.rodape a{color:var(--texto-2);text-decoration:none}.rodape a:hover{color:var(--ciano)}.rodape .vantagens li{color:var(--verde)}
