:root {
    color-scheme: dark;
    --fundo: #070b08;
    --fundo-2: #0c120d;
    --painel: #101712;
    --borda: #26322a;
    --texto: #f3f7f4;
    --suave: #87938b;
    --verde: #53fc18;
    --verde-2: #b6ffa1;
    --amarelo: #f0d15d;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--fundo); color: var(--texto); font-family: Inter,Segoe UI,Arial,sans-serif; }
button,a { font: inherit; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }
.site-topo { position: fixed; z-index: 100; top: 0; left: 0; display: grid; width: 100%; min-height: 72px; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid transparent; padding: 0 max(24px,calc((100vw - 1460px)/2)); transition: background .2s,border-color .2s,backdrop-filter .2s; }
.site-topo.rolado { border-color: rgba(100,130,107,.25); background: rgba(7,11,8,.86); backdrop-filter: blur(18px); }
.site-marca { display: inline-flex; width: max-content; align-items: center; gap: 10px; color: var(--verde); font-size: 13px; font-weight: 950; letter-spacing: .2em; }
.site-marca i { width: 14px; height: 14px; background: var(--verde); box-shadow: 0 0 24px rgba(83,252,24,.36); transform: skew(-12deg); }
.site-topo nav { display: flex; align-items: center; gap: 28px; }
.site-topo nav a { color: #94a198; font-size: 11px; font-weight: 700; transition: color .18s; }
.site-topo nav a:hover { color: var(--texto); }
.site-topo-acoes { display: flex; justify-content: flex-end; gap: 9px; }
.botao-discreto,.botao-linha,.botao-verde { display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; font-size: 10px; font-weight: 900; }
.botao-discreto { border: 1px solid #344038; background: #111713; padding: 10px 15px; }
.botao-verde { border: 1px solid var(--verde); background: var(--verde); color: #061005; padding: 11px 17px; box-shadow: 0 12px 38px rgba(83,252,24,.08); transition: transform .18s,box-shadow .18s; }
.botao-verde:hover { transform: translateY(-2px); box-shadow: 0 16px 42px rgba(83,252,24,.18); }
.site-atualizacao-banner { position: fixed; z-index: 21; top: 82px; right: 22px; left: 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid #5cae50; border-radius: 12px; background: rgba(18,39,19,.97); padding: 14px 17px; color: #d7e4da; box-shadow: 0 18px 55px rgba(0,0,0,.38); backdrop-filter: blur(12px); }
.site-atualizacao-banner span { display: flex; align-items: center; gap: 9px; font-size: 9px; }
.site-atualizacao-banner i { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 7px; background: var(--verde); color: #071006; font-size: 15px; font-style: normal; }
.site-atualizacao-banner strong { color: var(--verde); }
.site-atualizacao-banner a { flex: 0 0 auto; border-radius: 8px; background: var(--verde); padding: 10px 13px; color: #071006; font-size: 8px; font-weight: 950; }
.botao-linha { gap: 15px; border: 1px solid #3b493f; background: rgba(16,23,18,.76); color: #d5ded8; padding: 14px 19px; }
.botao-grande { display: grid; min-width: 220px; justify-items: start; gap: 3px; padding: 14px 18px; }
.botao-grande span { font-size: 11px; }
.botao-grande b { opacity: .62; font-size: 7px; }
.site-menu { display: none; }

.hero-site { position: relative; display: grid; min-height: 860px; grid-template-columns: minmax(420px,.85fr) minmax(580px,1.15fr); align-items: center; gap: clamp(45px,7vw,120px); overflow: hidden; border-bottom: 1px solid #233026; padding: 135px max(35px,calc((100vw - 1420px)/2)) 90px; }
.hero-site::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(87,111,92,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(87,111,92,.045) 1px,transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(to bottom,black,transparent 88%); content: ""; }
.hero-brilho { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.hero-brilho-a { top: -300px; left: -320px; width: 750px; height: 750px; background: radial-gradient(circle,rgba(38,130,33,.18),transparent 68%); }
.hero-brilho-b { right: -260px; bottom: -360px; width: 820px; height: 820px; background: radial-gradient(circle,rgba(83,252,24,.1),transparent 68%); }
.hero-conteudo,.produto-preview { position: relative; z-index: 1; }
.site-etiqueta { display: inline-flex; align-items: center; gap: 8px; color: var(--verde); font-size: 8px; font-weight: 950; letter-spacing: .15em; }
.site-etiqueta i { width: 7px; height: 7px; border-radius: 50%; background: var(--verde); box-shadow: 0 0 12px rgba(83,252,24,.75); }
.hero-conteudo h1,.secao-titulo h2,.download-site h2,.cta-final h2 { margin: 21px 0 18px; font-size: clamp(52px,5.4vw,90px); letter-spacing: -.055em; line-height: .94; }
.hero-conteudo h1 em,.secao-titulo h2 em,.download-site h2 em,.cta-final h2 em { color: var(--verde); font-style: normal; }
.hero-conteudo > p { max-width: 570px; margin: 0; color: #94a199; font-size: 15px; line-height: 1.75; }
.hero-acoes { display: flex; gap: 10px; margin-top: 32px; }
.acesso-web-box { display: grid; width: min(370px,100%); gap: 8px; border: 1px solid #3b493f; border-radius: 12px; background: rgba(16,23,18,.9); padding: 11px; box-shadow: 0 15px 38px rgba(0,0,0,.18); }
.acesso-web-box label { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 0 2px; }
.acesso-web-box label span { color: var(--verde); font-size: 7px; font-weight: 950; letter-spacing: .13em; }
.acesso-web-box label small { color: #657269; font-size: 6px; }
.acesso-web-linha { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; }
.acesso-web-linha input { min-width: 0; outline: 0; border: 1px solid #344239; border-radius: 8px; background: #0b110d; color: #edf4ef; padding: 11px 12px; font-size: 9px; transition: border-color .18s,box-shadow .18s; }
.acesso-web-linha input:focus { border-color: #64a95a; box-shadow: 0 0 0 3px rgba(83,252,24,.07); }
.acesso-web-linha input::placeholder { color: #5d6861; }
.acesso-web-linha button { border: 1px solid var(--verde); border-radius: 8px; background: var(--verde); color: #071006; padding: 0 15px; font-size: 8px; font-weight: 950; }
.acesso-web-linha input:disabled,.acesso-web-linha button:disabled { cursor: not-allowed; opacity: .45; }
.acesso-web-retorno { min-height: 11px; margin: 0; padding: 0 2px; color: #79867d; font-size: 6px; line-height: 1.45; }
.acesso-web-retorno.erro { color: #ff8686; }
.acesso-web-liberado { gap: 20px; }
.acesso-web-liberado > span { display: grid; gap: 3px; }
.acesso-web-liberado b { font-size: 9px; }
.acesso-web-liberado small { color: var(--verde); font-size: 6px; font-weight: 750; }
.acesso-web-liberado i { color: var(--verde); font-style: normal; }
.hero-confianca { display: flex; flex-wrap: wrap; gap: 17px; margin-top: 23px; color: #68756c; font-size: 8px; font-weight: 750; }
.hero-confianca span { display: flex; align-items: center; gap: 6px; }
.hero-confianca i { color: var(--verde); font-style: normal; }

.produto-preview { border: 1px solid #3b5040; border-radius: 18px; background: #0b110c; box-shadow: 0 45px 110px rgba(0,0,0,.48),0 0 80px rgba(83,252,24,.05); transform: perspective(1400px) rotateY(-4deg) rotateX(1deg); }
.preview-barra { display: flex; height: 42px; align-items: center; justify-content: space-between; border-bottom: 1px solid #29362d; padding: 0 14px; }
.preview-barra > span { display: flex; align-items: center; gap: 7px; color: var(--verde); font-size: 7px; font-weight: 950; letter-spacing: .14em; }
.preview-barra > span i { width: 8px; height: 8px; background: var(--verde); transform: skew(-12deg); }
.preview-barra div { display: flex; gap: 6px; }
.preview-barra div b { width: 7px; height: 7px; border-radius: 50%; background: #38433c; }
.preview-corpo { display: grid; min-height: 430px; grid-template-columns: 53px 1fr; }
.preview-corpo > aside { display: grid; align-content: start; gap: 11px; border-right: 1px solid #29362d; padding: 14px 10px; }
.preview-corpo > aside span { display: grid; height: 33px; place-items: center; border-radius: 8px; color: #59645d; font-size: 11px; }
.preview-corpo > aside .ativo { background: #183117; color: var(--verde); }
.preview-painel { padding: 22px; }
.preview-cabecalho { display: flex; align-items: flex-start; justify-content: space-between; }
.preview-cabecalho div { display: grid; gap: 5px; }
.preview-cabecalho small,.preview-destaque small { color: var(--verde); font-size: 6px; font-weight: 900; letter-spacing: .12em; }
.preview-cabecalho strong { font-size: 23px; }
.preview-cabecalho > span { border: 1px solid #375338; border-radius: 999px; background: #142216; color: var(--verde); padding: 7px 10px; font-size: 7px; font-weight: 900; }
.preview-destaque { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 10px; margin: 19px 0; border: 1px solid #304035; border-radius: 10px; background: #111a13; padding: 12px; }
.preview-destaque div { display: grid; gap: 5px; }
.preview-destaque strong { font-size: 10px; }
.preview-destaque button { border: 0; border-radius: 7px; background: var(--verde); color: #071006; padding: 9px 10px; font-size: 7px; font-weight: 900; }
.preview-grade { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.preview-grade article { overflow: hidden; border: 1px solid #2d3931; border-radius: 10px; background: #101612; }
.preview-grade header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 7px; padding: 9px; }
.preview-grade header > i { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 7px; background: #1f351e; color: var(--verde); font-size: 9px; font-style: normal; font-weight: 950; }
.preview-grade header span { display: grid; min-width: 0; gap: 2px; }
.preview-grade header b { overflow: hidden; font-size: 7px; text-overflow: ellipsis; }
.preview-grade header small { color: #637067; font-size: 5px; }
.preview-grade header em { color: var(--verde); font-size: 7px; font-style: normal; font-weight: 900; }
.preview-video { position: relative; height: 130px; overflow: hidden; }
.preview-video::before,.preview-video::after { position: absolute; content: ""; }
.preview-video::before { inset: 0; background: linear-gradient(135deg,rgba(255,255,255,.12),transparent 35%),repeating-linear-gradient(-30deg,rgba(255,255,255,.06) 0 1px,transparent 1px 16px); }
.preview-video::after { right: -25px; bottom: -40px; width: 125px; height: 125px; border: 12px solid rgba(255,255,255,.09); border-radius: 50%; }
.preview-video.verde { background: linear-gradient(135deg,#173f22,#387f2f); }
.preview-video.azul { background: linear-gradient(135deg,#132e42,#285b78); }
.preview-video.roxo { background: linear-gradient(135deg,#292047,#5f397a); }
.preview-video span { position: absolute; z-index: 1; bottom: 8px; left: 8px; border-radius: 4px; background: rgba(4,8,5,.7); padding: 4px 6px; font-size: 5px; font-weight: 900; }
.preview-grade footer { min-height: 42px; color: #89958d; padding: 10px; font-size: 6px; line-height: 1.4; }
.preview-flutuante { position: absolute; right: -24px; bottom: -28px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; min-width: 260px; border: 1px solid #527b4d; border-radius: 12px; background: #111b12; padding: 12px 14px; box-shadow: 0 20px 45px rgba(0,0,0,.45); }
.preview-flutuante > i { width: 9px; height: 9px; border-radius: 50%; background: var(--verde); box-shadow: 0 0 12px var(--verde); }
.preview-flutuante span { display: grid; gap: 2px; }
.preview-flutuante small { color: #617067; font-size: 5px; font-weight: 900; letter-spacing: .12em; }
.preview-flutuante strong { font-size: 8px; }
.preview-flutuante > b { color: var(--verde); font-size: 6px; }

.faixa-metricas { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid #263229; background: #0b100c; padding: 0 max(35px,calc((100vw - 1420px)/2)); }
.faixa-metricas article { display: flex; min-height: 105px; align-items: center; gap: 14px; border-right: 1px solid #263229; padding: 20px 28px; }
.faixa-metricas article:first-child { border-left: 1px solid #263229; }
.faixa-metricas strong { color: var(--verde); font-size: 24px; }
.faixa-metricas span { color: #758178; font-size: 8px; font-weight: 700; line-height: 1.5; }
.secao-site { max-width: 1500px; margin: 0 auto; padding: 120px 40px; }
.secao-titulo { max-width: 760px; }
.secao-titulo.compacto { max-width: 900px; }
.secao-titulo h2,.download-site h2,.cta-final h2 { font-size: clamp(42px,4.7vw,72px); }
.secao-titulo > p,.download-site > div > p { max-width: 590px; margin: 0; color: var(--suave); font-size: 12px; line-height: 1.7; }
.recursos-grade { display: grid; grid-template-columns: 1.15fr .85fr .85fr; gap: 12px; margin-top: 55px; }
.recursos-grade article { position: relative; min-height: 310px; overflow: hidden; border: 1px solid var(--borda); border-radius: 16px; background: linear-gradient(145deg,#121a14,#0d130f); padding: 29px; }
.recursos-grade article::after { position: absolute; right: -70px; bottom: -95px; width: 210px; height: 210px; border: 1px solid rgba(83,252,24,.08); border-radius: 50%; content: ""; }
.recursos-grade .recurso-principal { grid-row: span 2; min-height: 632px; background: radial-gradient(circle at 90% 90%,rgba(83,252,24,.13),transparent 48%),#111a13; }
.recursos-grade article:nth-child(4) { grid-column: 2 / 4; }
.recurso-numero { position: absolute; top: 25px; right: 27px; color: #49544d; font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.recurso-icone { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid #3e5c3f; border-radius: 13px; background: #192b19; color: var(--verde); font-size: 17px; font-weight: 950; }
.recursos-grade h3 { margin: 27px 0 12px; font-size: 22px; }
.recursos-grade p { max-width: 420px; margin: 0; color: #859188; font-size: 10px; line-height: 1.7; }
.mini-lista { position: absolute; right: 29px; bottom: 29px; left: 29px; display: grid; gap: 9px; border-top: 1px solid #2d3c31; padding-top: 20px; }
.mini-lista span { display: flex; align-items: center; gap: 9px; color: #a5b0a8; font-size: 9px; }
.mini-lista i { width: 7px; height: 7px; border-radius: 50%; background: var(--verde); box-shadow: 0 0 9px rgba(83,252,24,.55); }
.funcionamento-site { max-width: none; border-top: 1px solid #242f27; border-bottom: 1px solid #242f27; background: #0a0f0b; padding-right: max(40px,calc((100vw - 1420px)/2)); padding-left: max(40px,calc((100vw - 1420px)/2)); }
.passos-site { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 55px 0 34px; padding: 0; list-style: none; counter-reset: passos; }
.passos-site li { display: flex; min-height: 190px; gap: 19px; border: 1px solid var(--borda); border-radius: 14px; background: #111712; padding: 28px; }
.passos-site li > span { color: var(--verde); font-size: 9px; font-weight: 950; }
.passos-site strong { font-size: 17px; }
.passos-site p { margin: 11px 0 0; color: #7d8a81; font-size: 9px; line-height: 1.65; }
.arquitetura-site { display: flex; align-items: center; justify-content: center; gap: 13px; overflow-x: auto; border: 1px solid #2e3b32; border-radius: 12px; background: #0d140f; padding: 17px; }
.arquitetura-site span { flex: 0 0 auto; border-radius: 7px; background: #172019; color: #aab5ad; padding: 9px 11px; font-size: 7px; font-weight: 900; letter-spacing: .08em; }
.arquitetura-site i { color: var(--verde); font-style: normal; }
.planos-publicos { display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; margin-top: 55px; }
.planos-publicos article { position: relative; display: grid; min-height: 440px; align-content: start; overflow: hidden; border: 1px solid var(--borda); border-radius: 16px; background: #101612; padding: 27px; }
.planos-publicos article.destaque { border-color: #58a34c; background: radial-gradient(circle at 100% 0,rgba(83,252,24,.16),transparent 45%),#111c12; }
.planos-publicos article > span { color: var(--verde); font-size: 7px; font-weight: 950; letter-spacing: .13em; }
.planos-publicos h3 { margin: 18px 0 8px; font-size: 27px; }
.planos-publicos article > p { min-height: 43px; margin: 0; color: #7c8980; font-size: 9px; line-height: 1.55; }
.planos-publicos article > strong { margin: 24px 0; font-size: 25px; }
.planos-publicos article > strong small { color: #77837a; font-size: 8px; font-weight: 700; }
.planos-publicos ul { display: grid; gap: 12px; margin: 0 0 25px; padding: 0; list-style: none; }
.planos-publicos li { color: #a1aca4; font-size: 8px; line-height: 1.45; }
.planos-publicos li::first-letter { color: var(--verde); }
.planos-publicos article > a { align-self: end; margin-top: auto; border: 1px solid #3e5541; border-radius: 8px; background: #172419; padding: 12px; color: #cefdc6; text-align: center; font-size: 8px; font-weight: 900; }
.planos-publicos .destaque > a { border-color: var(--verde); background: var(--verde); color: #071006; }
.download-site { position: relative; display: grid; max-width: 1420px; grid-template-columns: 1fr 400px; align-items: center; gap: 80px; overflow: hidden; border: 1px solid #3b5d3c; border-radius: 22px; background: #101912; padding: 75px; }
.download-fundo { position: absolute; inset: 0; background: radial-gradient(circle at 10% 90%,rgba(83,252,24,.19),transparent 32%),linear-gradient(110deg,transparent 60%,rgba(83,252,24,.04)); pointer-events: none; }
.download-site > div,.download-site aside { position: relative; z-index: 1; }
.download-requisitos { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.download-requisitos span { border: 1px solid #38503b; border-radius: 999px; background: #152219; color: #9dad9f; padding: 7px 10px; font-size: 7px; font-weight: 800; }
.download-site aside { display: grid; justify-items: center; border: 1px solid #466b46; border-radius: 18px; background: rgba(10,16,11,.76); padding: 35px; text-align: center; backdrop-filter: blur(12px); }
.download-icone { position: relative; display: grid; width: 78px; height: 78px; place-items: center; margin-bottom: 22px; border: 1px solid #5a8d52; border-radius: 21px; background: #193719; color: var(--verde); font-size: 31px; font-weight: 950; }
.download-icone i { position: absolute; top: 7px; right: 7px; width: 9px; height: 9px; border-radius: 50%; background: var(--verde); box-shadow: 0 0 13px var(--verde); }
.download-site aside > span { color: var(--verde); font-size: 7px; font-weight: 950; letter-spacing: .13em; }
.download-site aside > strong { margin-top: 8px; font-size: 22px; }
.download-site aside > small { max-width: 270px; margin: 9px 0 23px; color: #718077; font-size: 8px; line-height: 1.5; }
.download-site aside > p { margin: 14px 0 0; color: #59655d; font-size: 6px; }
.suporte-site { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 80px; }
.suporte-opcoes { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.suporte-opcoes article { min-height: 320px; border: 1px solid var(--borda); border-radius: 16px; background: #111712; padding: 28px; }
.suporte-icone { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 13px; background: #1b351b; font-size: 20px; }
.suporte-icone.whatsapp { color: var(--verde); font-size: 26px; }
.suporte-opcoes article > span { display: block; margin-top: 24px; color: var(--verde); font-size: 7px; font-weight: 950; letter-spacing: .12em; }
.suporte-opcoes h3 { margin: 10px 0; font-size: 19px; }
.suporte-opcoes p { min-height: 58px; color: #7e8b82; font-size: 9px; line-height: 1.6; }
.suporte-opcoes a { display: flex; align-items: center; justify-content: space-between; margin-top: 25px; border-top: 1px solid #2c3830; padding-top: 17px; color: #d7e1da; font-size: 9px; font-weight: 850; }
.suporte-opcoes a b { color: var(--verde); }
.cta-final { display: flex; max-width: 1420px; min-height: 330px; align-items: center; justify-content: space-between; gap: 50px; margin: 0 auto 80px; border-top: 1px solid #334438; border-bottom: 1px solid #334438; background: radial-gradient(circle at 80% 50%,rgba(83,252,24,.09),transparent 30%); padding: 55px 30px; }
.cta-final h2 { margin-bottom: 0; font-size: clamp(39px,4vw,65px); }
.cta-final > div:last-child { display: grid; gap: 9px; }
.site-rodape { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 20px; border-top: 1px solid #263029; background: #090e0a; padding: 45px max(35px,calc((100vw - 1420px)/2)); }
.site-rodape > p { grid-column: 1; margin: 0; color: #667269; font-size: 8px; }
.site-rodape nav { grid-column: 2; grid-row: 1 / 3; display: flex; gap: 22px; }
.site-rodape nav a { color: #89958d; font-size: 8px; }
.site-rodape > small { grid-column: 1 / -1; margin-top: 25px; border-top: 1px solid #202922; padding-top: 20px; color: #4f5a52; font-size: 6px; letter-spacing: .07em; }

@media (max-width: 1120px) {
    .site-topo { grid-template-columns: 1fr auto; padding: 0 25px; }
    .site-topo > nav { position: absolute; top: 71px; right: 20px; left: 20px; display: none; align-items: stretch; flex-direction: column; gap: 0; border: 1px solid #324036; border-radius: 13px; background: #101612; padding: 10px; box-shadow: 0 25px 70px rgba(0,0,0,.5); }
    .site-topo > nav.aberto { display: flex; }
    .site-topo > nav a { padding: 13px; }
    .site-menu { display: grid; width: 38px; height: 38px; place-content: center; gap: 6px; border: 1px solid #334138; border-radius: 9px; background: #111713; }
    .site-menu span { width: 16px; height: 1px; background: #dce4de; }
    .site-topo-acoes { display: none; }
    .hero-site { min-height: auto; grid-template-columns: 1fr; padding-top: 130px; }
    .hero-conteudo { max-width: 760px; }
    .produto-preview { width: min(800px,96%); justify-self: center; transform: none; }
    .recursos-grade { grid-template-columns: 1fr 1fr; }
    .recursos-grade .recurso-principal { grid-row: auto; min-height: 360px; }
    .recursos-grade article:nth-child(4) { grid-column: auto; }
    .planos-publicos { grid-template-columns: 1fr 1fr; }
    .download-site { margin: 0 28px; }
    .suporte-site { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .site-atualizacao-banner { top: 79px; align-items: stretch; flex-direction: column; gap: 10px; }
    .site-atualizacao-banner span { align-items: flex-start; line-height: 1.5; }
    .site-atualizacao-banner a { text-align: center; }
    .hero-site { padding: 115px 20px 70px; }
    .hero-conteudo h1 { font-size: 51px; }
    .hero-acoes { align-items: stretch; flex-direction: column; }
    .hero-acoes a { width: 100%; }
    .acesso-web-box { width: 100%; }
    .acesso-web-box label { align-items: flex-start; flex-direction: column; gap: 4px; }
    .produto-preview { width: 100%; }
    .preview-corpo { min-height: 330px; grid-template-columns: 40px 1fr; }
    .preview-painel { padding: 14px; }
    .preview-grade { grid-template-columns: 1fr 1fr; }
    .preview-grade article:last-child { display: none; }
    .preview-video { height: 95px; }
    .preview-destaque { grid-template-columns: 1fr 1fr; }
    .preview-destaque button { grid-column: 1 / -1; }
    .preview-flutuante { right: 8px; min-width: 235px; }
    .faixa-metricas { grid-template-columns: 1fr 1fr; padding: 0; }
    .faixa-metricas article:first-child { border-left: 0; }
    .faixa-metricas article:nth-child(2) { border-right: 0; }
    .faixa-metricas article:nth-child(-n+2) { border-bottom: 1px solid #263229; }
    .secao-site { padding: 85px 20px; }
    .secao-titulo h2,.download-site h2,.cta-final h2 { font-size: 43px; }
    .recursos-grade,.passos-site,.planos-publicos,.suporte-opcoes { grid-template-columns: 1fr; }
    .recursos-grade article,.recursos-grade .recurso-principal { min-height: 300px; }
    .funcionamento-site { padding-right: 20px; padding-left: 20px; }
    .arquitetura-site { justify-content: flex-start; }
    .download-site { grid-template-columns: 1fr; gap: 45px; margin: 0 14px; padding: 50px 24px; }
    .suporte-opcoes article { min-height: 280px; }
    .cta-final { align-items: stretch; flex-direction: column; margin: 0 20px 60px; padding: 55px 0; }
    .cta-final > div:last-child a { width: 100%; }
    .site-rodape { grid-template-columns: 1fr; padding: 40px 22px; }
    .site-rodape nav { grid-column: 1; grid-row: auto; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *,*::before,*::after { transition-duration: .01ms!important; }
}

.atualizacao-body { min-height: 100vh; background: radial-gradient(circle at 50% 100%,rgba(83,252,24,.12),transparent 38%),#070c08; }
.atualizacao-pagina { display: grid; min-height: 100vh; place-items: center; padding: 30px; }
.atualizacao-card { position: relative; display: grid; width: min(690px,100%); justify-items: center; overflow: hidden; border: 1px solid #3d613f; border-radius: 24px; background: radial-gradient(circle at 50% 0,rgba(83,252,24,.09),transparent 35%),#101712; padding: 44px 62px 50px; text-align: center; box-shadow: 0 35px 100px rgba(0,0,0,.45); }
.atualizacao-card::before { position: absolute; top: -160px; width: 390px; height: 390px; border: 1px solid rgba(83,252,24,.08); border-radius: 50%; content: ""; }
.atualizacao-marca { display: flex; align-items: center; justify-self: start; gap: 10px; margin-bottom: 45px; color: var(--verde); font-size: 10px; letter-spacing: .16em; }
.atualizacao-marca i { width: 13px; height: 13px; background: var(--verde); transform: skew(-12deg); }
.atualizacao-icone { position: relative; display: grid; width: 76px; height: 76px; place-items: center; margin-bottom: 25px; border: 1px solid #548b4f; border-radius: 21px; background: #19371a; color: var(--verde); box-shadow: 0 0 45px rgba(83,252,24,.13); }
.atualizacao-icone span { font-size: 34px; line-height: 1; }
.atualizacao-card h1 { margin: 20px 0 17px; font-size: clamp(38px,6vw,59px); letter-spacing: -.05em; line-height: .98; }
.atualizacao-card h1 em { color: var(--verde); font-style: normal; }
.atualizacao-card > p { max-width: 500px; margin: 0; color: #91a096; font-size: 11px; line-height: 1.7; }
.atualizacao-versoes { display: grid; width: 100%; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; margin: 32px 0; }
.atualizacao-versoes > span { display: grid; gap: 7px; border: 1px solid #304034; border-radius: 12px; background: #0b110d; padding: 18px; }
.atualizacao-versoes > span.atual { border-color: #4c8348; background: #122413; }
.atualizacao-versoes small { color: #69766d; font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.atualizacao-versoes strong { font-size: 19px; }
.atualizacao-versoes > i { color: var(--verde); font-style: normal; }
.atualizacao-acoes { display: grid; width: min(410px,100%); gap: 9px; }
.atualizacao-acoes .botao-grande,.atualizacao-acoes .botao-linha { width: 100%; }
.atualizacao-aviso { margin-top: 22px; color: #5f6c63; font-size: 7px; line-height: 1.5; }
@media (max-width: 600px) {
    .atualizacao-pagina { padding: 14px; }
    .atualizacao-card { padding: 30px 21px 38px; }
    .atualizacao-marca { margin-bottom: 36px; }
    .atualizacao-versoes { gap: 8px; }
    .atualizacao-versoes > span { padding: 14px 8px; }
}