.subhero{padding:104px 0 44px;text-align:center}
.subhero .wrap{max-width:770px}
.subhero .badge-soft{margin-bottom:16px}
.subhero h1{font-size:clamp(2.1rem,4.6vw,3.3rem);line-height:1.05;letter-spacing:-.022em;margin:0;font-weight:800;color:var(--tx)}
.subhero .lead{margin:18px auto 0;max-width:62ch}
.sec{padding:34px 0}
.sec .wrap{max-width:960px}
.sec-narrow .wrap{max-width:770px}
.cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:8px}
.card{background:var(--s1);border:1px solid var(--line);border-radius:16px;padding:22px 20px;box-shadow:var(--shadow)}
.card h3{margin:0 0 6px;font-size:1.02rem;font-weight:700;color:var(--tx)}
.card p{margin:0;color:var(--tx2);font-size:.94rem;line-height:1.55}
.panel{background:var(--s1);border:1px solid var(--line);border-radius:20px;padding:28px 26px;box-shadow:var(--shadow)}
.panel h3{margin:0 0 14px;font-weight:700;color:var(--tx);font-size:1.08rem}
.hashbox{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem;word-break:break-all;background:var(--s2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--tx2);margin:0 0 4px}
.olist{counter-reset:st;list-style:none;padding:0;margin:16px 0 0;display:grid;gap:13px}
.olist li{position:relative;padding-left:44px;color:var(--tx2);line-height:1.55}
.olist li::before{counter-increment:st;content:counter(st);position:absolute;left:0;top:-1px;width:28px;height:28px;border-radius:9px;background:var(--viw);color:var(--vi);font-weight:700;font-size:.85rem;display:grid;place-items:center}
.legal{max-width:770px;margin:0 auto;line-height:1.72;color:var(--tx2)}
.legal .upd{color:var(--tx3);font-size:.9rem;margin:0 0 6px}
.legal h2{color:var(--tx);font-size:1.2rem;font-weight:700;margin:32px 0 8px;letter-spacing:-.01em}
.legal p{margin:0 0 12px}
.legal ul{margin:0 0 14px;padding-left:20px}
.legal li{margin:6px 0}
.legal b{color:var(--tx);font-weight:600}
.okc{width:78px;height:78px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:var(--viw);border:1px solid #d8ccff}
.okc svg{width:38px;height:38px;fill:none;stroke:var(--gr);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;background:var(--s2);padding:1px 6px;border-radius:6px;color:var(--tx)}
.center{text-align:center}
.mut{color:var(--tx3);font-size:.86rem}
.arrowlink{display:inline-flex;align-items:center;gap:6px;color:var(--vi);font-weight:600;text-decoration:none;margin-top:18px}
.arrowlink:hover{text-decoration:underline}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.subhero .hero-cta{justify-content:center}
.winlogo{width:1.1em;height:1.1em;margin-right:.5em;vertical-align:-.16em;flex:none}
.dlmain{max-width:520px;margin:0 auto}
.dlcard{background:var(--s1);border:1px solid var(--line);border-radius:20px;padding:30px 28px;box-shadow:var(--shadow)}
.dlcard.rec{border-color:color-mix(in srgb,var(--vi) 40%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--vi) 20%,transparent),var(--shadow)}
.dlcard .os{display:flex;align-items:center;gap:14px}
.dlcard .osico{width:40px;height:40px;color:var(--tx);flex:none}
.dlcard .osname{font-weight:800;font-size:1.25rem;color:var(--tx);line-height:1.1}
.dlcard .osarch{color:var(--tx3);font-size:.85rem;margin:3px 0 0}
.dlcard .rectag{margin-left:auto;align-self:flex-start;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vi);background:var(--viw);padding:5px 10px;border-radius:999px}
.dlcard .btn{margin-top:20px;width:100%;justify-content:center}
.dlcard .meta{color:var(--tx3);font-size:.82rem;margin:14px 0 0;text-align:center}
.dl-help{color:var(--tx3);font-size:.9rem;margin:18px auto 0;text-align:center;max-width:560px;line-height:1.65}
.dl-help a{color:var(--vi);text-decoration:none;font-weight:600}
.dl-help a:hover{text-decoration:underline}
.dlrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:16px;max-width:900px;margin:0 auto}
.dlcard.soon{background:var(--s2);box-shadow:none;border-color:var(--line)}
.dlcard.soon .osico{color:var(--tx3)}
.dlcard.soon .osname{color:var(--tx2)}
.soontag{margin-left:auto;align-self:center;white-space:nowrap;display:inline-flex;align-items:center;line-height:1;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--tx3);background:color-mix(in srgb,var(--tx3) 15%,transparent);padding:5px 10px;border-radius:999px}
.ptog{display:inline-flex;background:var(--s2);border:1px solid var(--line);border-radius:999px;padding:4px;gap:2px;margin-top:24px}
.ptog button{border:0;background:none;padding:8px 18px;border-radius:999px;font-weight:700;color:var(--tx3);cursor:pointer;font-family:inherit;font-size:.9rem}
.ptog button.on{background:var(--s1);color:var(--tx);box-shadow:var(--shadow)}
.ptog .save{color:var(--gr);font-weight:700}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:16px;max-width:1080px;margin:8px auto 0;align-items:stretch}
.plan{background:var(--s1);border:1px solid var(--line);border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.plan.hot{border-color:var(--vi);box-shadow:0 0 0 1px var(--vi),0 22px 46px -26px color-mix(in srgb,var(--vi) 60%,transparent)}
.plan .pop{align-self:flex-start;font-size:.64rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,var(--vi2),var(--vi));padding:4px 10px;border-radius:999px;margin-bottom:12px}
.plan .pn{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3)}
.plan .pd{color:var(--tx3);font-size:.85rem;margin:2px 0 14px;min-height:2.4em;line-height:1.35}
.plan .pp{font-size:2.1rem;font-weight:800;color:var(--tx);line-height:1;letter-spacing:-.02em}
.plan .pp small{font-size:.9rem;font-weight:600;color:var(--tx3);letter-spacing:0}
.plan .pmeta{color:var(--tx2);font-size:.85rem;margin:8px 0 16px}
.plan ul{list-style:none;padding:0;margin:2px 0 18px;display:grid;gap:7px;flex:1;align-content:start}
.plan li{position:relative;padding-left:22px;color:var(--tx2);font-size:.89rem;line-height:1.32}
.plan li::before{content:"";position:absolute;left:0;top:3px;width:15px;height:15px;background:var(--viw);border-radius:50%}
.plan li::after{content:"";position:absolute;left:4px;top:6px;width:6px;height:3px;border-left:1.7px solid var(--vi);border-bottom:1.7px solid var(--vi);transform:rotate(-45deg)}
.plan .btn{width:100%;justify-content:center;margin-top:auto}
.inclui{max-width:1080px;margin:20px auto 0;text-align:center;color:var(--tx3);font-size:.9rem}
.cmp{max-width:940px;margin:0 auto;overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--s1);box-shadow:var(--shadow)}
.cmp table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:680px}
.cmp thead th{padding:20px 16px 16px;text-align:center;vertical-align:bottom;color:var(--tx)}
.cmp thead th:first-child{text-align:left}
.cmp thead .pn2{font-weight:800;font-size:1.02rem;display:block}
.cmp thead .pr2{color:var(--tx3);font-size:.78rem;font-weight:600;display:block;margin-top:3px}
.cmp tbody td{padding:12px 16px;text-align:center;border-top:1px solid var(--line2);color:var(--tx2)}
.cmp tbody td:first-child{text-align:left;color:var(--tx);font-weight:500}
.cmp .val{font-weight:800;color:var(--tx)}
.cmp tr.grp td{background:var(--s2);font-weight:700;color:var(--tx3);text-transform:uppercase;font-size:.7rem;letter-spacing:.06em;text-align:left;padding:9px 16px}
.cmp td:nth-child(4),.cmp th:nth-child(4){background:color-mix(in srgb,var(--vi) 5%,transparent)}
.cmp thead th:nth-child(4){background:color-mix(in srgb,var(--vi) 9%,transparent);border-radius:12px 12px 0 0}
.cmp thead th:nth-child(4) .pn2{color:var(--vi)}
.cmp .yes{display:inline-flex;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--gr) 16%,transparent);color:var(--gr);align-items:center;justify-content:center;font-size:.72rem;font-weight:900;line-height:1}
.cmp .no{color:color-mix(in srgb,var(--tx4) 65%,transparent)}
.cmp tbody tr:not(.grp):hover td{background:color-mix(in srgb,var(--tx) 3%,transparent)}
.cmp tbody tr:not(.grp):hover td:nth-child(4){background:color-mix(in srgb,var(--vi) 8%,transparent)}
.edgebar{max-width:1080px;margin:34px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:14px}
.edgebar .edge{background:var(--viw);border:1px solid color-mix(in srgb,var(--vi) 22%,transparent);border-radius:14px;padding:18px 20px}
.edgebar b{display:block;color:var(--tx);font-size:.98rem;margin-bottom:4px}
.edgebar span{color:var(--tx2);font-size:.86rem;line-height:1.45}
.addon{max-width:1080px;margin:20px auto 0;background:var(--s1);border:1px dashed color-mix(in srgb,var(--vi) 38%,var(--line));border-radius:14px;padding:15px 22px;text-align:center;color:var(--tx2);font-size:.92rem;line-height:1.5}
.addon b{color:var(--tx);font-weight:700}
.addon .tag{display:inline-block;background:var(--viw);color:var(--vi);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:999px;margin-right:8px;vertical-align:1px}
.pspec{display:grid;gap:11px;margin:4px 0 12px;padding:14px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.psr{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px}
.psk{font-size:.9rem;color:var(--tx2);font-weight:600}
.pstep{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--s1);overflow:hidden;user-select:none}
.psb{width:34px;height:34px;flex:none;border:0;background:var(--s2);color:var(--tx);font-size:1.15rem;font-weight:700;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.12s;-webkit-tap-highlight-color:transparent}
.psb:hover:not(:disabled){background:var(--vi);color:#fff}
.psb:disabled{opacity:.4;cursor:default}
.psv{min-width:56px;text-align:center;font-size:.92rem;font-weight:800;color:var(--tx);font-variant-numeric:tabular-nums}
.pxsum{min-height:18px;margin:-4px 0 14px;font-size:.82rem;color:var(--vi);font-weight:700;text-align:center;line-height:1.4}
.pxsum .mut2{color:var(--tx3);font-weight:600}
.psval{font-size:.92rem;font-weight:800;color:var(--tx);font-variant-numeric:tabular-nums}
.vst{max-width:940px;margin:0 auto;overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--s1);box-shadow:var(--shadow)}
.vst table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:740px}
.vst th,.vst td{padding:13px 14px;text-align:center;border-top:1px solid var(--line2)}
.vst thead th{border-top:0;vertical-align:bottom;padding:18px 14px 14px;color:var(--tx3);font-weight:700;font-size:.82rem}
.vst th:first-child,.vst td:first-child{text-align:left;color:var(--tx);font-weight:500}
.vst tbody td{color:var(--tx2)}
.vst td:nth-child(2),.vst th:nth-child(2){background:color-mix(in srgb,var(--vi) 6%,transparent)}
.vst thead th:nth-child(2){background:color-mix(in srgb,var(--vi) 10%,transparent);border-radius:12px 12px 0 0;color:var(--vi);font-weight:800;font-size:1.02rem}
.vst tbody tr:hover td{background:color-mix(in srgb,var(--tx) 3%,transparent)}
.vst tbody tr:hover td:nth-child(2){background:color-mix(in srgb,var(--vi) 9%,transparent)}
.vst td b{color:var(--tx);font-weight:700}
.vst .y{display:inline-flex;width:19px;height:19px;border-radius:50%;background:color-mix(in srgb,var(--gr) 16%,transparent);color:var(--gr);align-items:center;justify-content:center;font-size:.7rem;font-weight:900;line-height:1;vertical-align:-3px}
.vst .n{color:color-mix(in srgb,var(--tx4) 70%,transparent);font-size:.85rem}
.faq{max-width:780px;margin:0 auto;display:grid;gap:12px}
.faq details{background:var(--s1);border:1px solid var(--line);border-radius:14px;padding:0 18px}
.faq summary{cursor:pointer;padding:16px 0;font-weight:700;color:var(--tx);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:15px;height:15px;flex:0 0 15px;background:linear-gradient(currentColor,currentColor) center/15px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 15px no-repeat;color:var(--vi);transition:transform .18s ease}
.faq details[open] summary::after{background-size:15px 2px,0 0;transform:rotate(180deg)}
.faq details p{margin:0 0 16px;color:var(--tx2);line-height:1.6}


/* ---- icone em card ---- */
.cardico{width:44px;height:44px;border-radius:12px;background:var(--viw);color:var(--vi);display:grid;place-items:center;margin-bottom:14px}
.cardico svg{width:22px;height:22px}
.card .ct{font-weight:700;color:var(--tx);font-size:1.02rem;margin:0 0 6px}
.card .cs{color:var(--tx3);font-size:.9rem;line-height:1.5;margin:0}
/* ---- local vs nuvem ---- */
.vs2{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:920px;margin:0 auto}
.vs2 .col{border:1px solid var(--line);border-radius:18px;padding:26px;background:var(--s1);box-shadow:var(--shadow)}
.vs2 .col.win{border-color:var(--vi);box-shadow:0 0 0 1px var(--vi),0 22px 46px -30px color-mix(in srgb,var(--vi) 60%,transparent)}
.vs2 h3{display:flex;align-items:center;gap:10px;font-size:1.06rem;margin:0 0 6px}
.vs2 h3 svg{width:20px;height:20px}
.heading-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--vi) 11%,var(--s1));border:1px solid color-mix(in srgb,var(--vi) 20%,var(--line));color:var(--vi);box-shadow:0 8px 20px -16px rgba(78,50,190,.55)}
.heading-icon svg,.vs2 h3 .heading-icon svg,.trust h3 .heading-icon svg{width:20px;height:20px;display:block}
.vs2 .col.win h3{color:var(--vi)} .vs2 .col.lose h3{color:var(--tx3)}
.vs2 .sub{font-size:.82rem;color:var(--tx3);margin:0 0 16px}
.vs2 ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.vs2 li{display:flex;gap:10px;font-size:.92rem;color:var(--tx2);line-height:1.45}
.vs2 li svg{width:17px;height:17px;flex:none;margin-top:2px}
.vs2 .win li svg{color:var(--gr)} .vs2 .lose li svg{color:var(--tx4)}
@media(max-width:720px){.vs2{grid-template-columns:1fr}}
/* ---- o que faz / nao faz ---- */
.dodo2{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:840px;margin:0 auto}
.dodo2 .dd{border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--s1)}
.dodo2 .dd h3{display:flex;align-items:center;gap:8px;font-size:.98rem;margin:0 0 14px}
.dodo2 .do h3{color:var(--gr)} .dodo2 .no h3{color:var(--tx3)}
.dodo2 .ddi{display:flex;gap:9px;align-items:flex-start;font-size:.9rem;color:var(--tx2);padding:7px 0;line-height:1.45}
.dodo2 .ddi svg{width:16px;height:16px;flex:none;margin-top:2px}
.dodo2 .do .ddi svg{color:var(--gr)} .dodo2 .no .ddi svg{color:var(--tx4)}
@media(max-width:600px){.dodo2{grid-template-columns:1fr}}
/* ---- callout de confianca ---- */
.trust{max-width:860px;margin:0 auto;background:var(--viw);border:1px solid color-mix(in srgb,var(--vi) 20%,transparent);border-radius:18px;padding:30px 32px}
.trust.warn{background:color-mix(in srgb,#F59E0B 8%,var(--s1));border-color:color-mix(in srgb,#F59E0B 32%,var(--line))}
.trust h3{margin:0 0 10px;font-size:1.16rem;display:flex;align-items:center;gap:10px}
.trust h3 svg{width:22px;height:22px;flex:none}
.trust p{color:var(--tx2);font-size:.96rem;line-height:1.62;margin:0 0 10px}
.trust p:last-child{margin:0}
.trust b{color:var(--tx)}
/* ---- dimensoes (onde ganha / onde perde) ---- */
.dims{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:980px;margin:0 auto}
.dims .dim{border:1px solid var(--line);border-radius:14px;padding:22px 24px;background:var(--s1)}
.dims .dim h3{display:flex;align-items:center;gap:10px;font-size:1rem;margin:0 0 9px}
.dims .dim .tagx{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:999px;white-space:nowrap}
.dims .dim.gain .tagx{background:color-mix(in srgb,var(--gr) 15%,transparent);color:var(--gr)}
.dims .dim.lose .tagx{background:var(--s3);color:var(--tx3)}
.dims .dim p{margin:0;color:var(--tx2);font-size:.9rem;line-height:1.58}
@media(max-width:720px){.dims{grid-template-columns:1fr}}
/* ---- mini-cards por concorrente ---- */
.rivals{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:14px;max-width:1040px;margin:0 auto}
.rival{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--s1)}
.rival h3{font-size:1.02rem;margin:0 0 8px}
.rival p{margin:0;font-size:.88rem;color:var(--tx2);line-height:1.55}
.rival .verdict{display:block;margin-top:12px;font-size:.82rem;font-weight:700;color:var(--vi)}
/* ---- teaser (na pricing, aponta pro comparativo) ---- */
.cmpteaser{max-width:1080px;margin:0 auto;text-align:center}