:root{--bg:#fff;--bg2:#f2f4fb;--fg:#0c1c4a;--mut:#566179;--pri:#4b49e6;--pri2:#625fff;--acc:#0c1c4a;--card:#fff;--bd:#e1e6f3;--sh:0 10px 40px -12px rgba(12,28,74,.28)}
:root[data-theme=dark]{--bg:#081232;--bg2:#0c1c4a;--fg:#eef3ff;--mut:#9fb0d0;--pri:#8c8aff;--pri2:#625fff;--acc:#b9c4ff;--card:#10205a;--bd:#1f3278;--sh:0 10px 40px -12px rgba(0,0,0,.7)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:16px/1.65 "Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--fg);transition:background .3s,color .3s;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%}
.w{width:min(1160px,100% - 32px);margin:auto}
.grad{background:linear-gradient(120deg,var(--pri),var(--pri2) 60%,var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent}
/* header */
header{position:fixed;inset:0 0 auto;z-index:50;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 80%,transparent);border-bottom:1px solid var(--bd)}
nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.3rem;letter-spacing:-.02em}
.logo img{width:36px;height:36px}
.links{display:flex;gap:28px;list-style:none;padding:0;font-weight:500;font-size:.95rem;color:var(--mut)}
.links a:hover{color:var(--pri)}
.act{display:flex;align-items:center;gap:10px}
.icon{width:40px;height:40px;border-radius:10px;border:1px solid var(--bd);background:var(--card);color:var(--fg);cursor:pointer;font-size:1.1rem}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:12px;font-weight:600;border:0;cursor:pointer;font:inherit;font-weight:600;transition:transform .2s,box-shadow .2s}
.btn.p{background:linear-gradient(120deg,var(--pri),var(--acc));color:#fff;box-shadow:var(--sh)}
.btn.g{background:var(--card);border:1px solid var(--bd);color:var(--fg)}
.btn:hover{transform:translateY(-2px)}
.burger{display:none}
/* hero */
.hero{position:relative;padding:170px 0 110px;text-align:center;overflow:hidden}
.hero::before,.hero::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(110px);opacity:.35;z-index:-1;animation:float 12s ease-in-out infinite}
.hero::before{background:var(--pri);left:-140px;top:-80px}
.hero::after{background:var(--acc);right:-140px;top:120px;animation-delay:-6s}
@keyframes float{50%{transform:translate(40px,40px)}}
.tag{display:inline-block;padding:6px 16px;border:1px solid var(--bd);border-radius:99px;background:var(--card);font-size:.85rem;color:var(--mut);margin-bottom:24px}
.hero h1{font-size:clamp(2.3rem,6vw,4.4rem);line-height:1.08;letter-spacing:-.035em;margin-bottom:22px}
.hero p{max-width:660px;margin:0 auto 34px;color:var(--mut);font-size:1.15rem}
.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.trust{margin-top:56px;display:flex;gap:28px;justify-content:center;flex-wrap:wrap;color:var(--mut);font-size:.9rem}
.trust span::before{content:"✓ ";color:var(--pri2);font-weight:700}
/* sections */
section{padding:96px 0}
.alt{background:var(--bg2)}
.head{text-align:center;max-width:680px;margin:0 auto 56px}
.eyebrow{color:var(--pri);font-weight:700;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}
h2{font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:-.025em;line-height:1.15;margin:10px 0 14px}
.head p{color:var(--mut)}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.card{background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:30px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:var(--pri)}
.ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pri),var(--acc));margin-bottom:20px}
.ic svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card h3{font-size:1.2rem;margin-bottom:8px}.card p{color:var(--mut);font-size:.96rem}
.card ul{list-style:none;padding:0;margin-top:14px;font-size:.9rem;color:var(--mut)}
.card li::before{content:"→ ";color:var(--pri)}
/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px;text-align:center}
.stats b{display:block;font-size:clamp(2.2rem,5vw,3.2rem);letter-spacing:-.03em}
.stats span{color:var(--mut)}
/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split ul{list-style:none;padding:0;display:grid;gap:16px;margin-top:24px}
.split li{display:flex;gap:14px}.split li i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--pri);color:#fff;display:grid;place-items:center;font-style:normal;font-size:.8rem;margin-top:2px}
.mock{background:linear-gradient(145deg,var(--pri),var(--acc));border-radius:24px;padding:26px;box-shadow:var(--sh)}
.mock div{background:var(--card);border-radius:14px;padding:18px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;font-size:.95rem}
.mock div:last-child{margin:0}.mock em{font-style:normal;color:var(--pri);font-weight:700}
/* steps */
.steps{counter-reset:s}.steps .card::before{counter-increment:s;content:"0" counter(s);font-size:2.4rem;font-weight:800;opacity:.15;position:absolute;right:20px;top:10px}
/* cta band */
.band{background:linear-gradient(120deg,var(--pri),var(--acc));border-radius:28px;padding:64px 32px;text-align:center;color:#fff;box-shadow:var(--sh)}
.band p{opacity:.9;margin:0 auto 28px;max-width:540px}.band .btn{background:#fff;color:#1d2a6b}
/* contact */
.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}
.info div{display:flex;gap:14px;margin-bottom:22px;color:var(--mut)}.info b{display:block;color:var(--fg)}
form{display:grid;gap:14px;background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:30px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
input,select,textarea{width:100%;font:inherit;padding:13px 14px;border-radius:12px;border:1px solid var(--bd);background:var(--bg);color:var(--fg)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--pri);border-color:transparent}
footer{border-top:1px solid var(--bd);padding:40px 0;color:var(--mut);font-size:.9rem}
footer .w{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
/* reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.rv.on{opacity:1;transform:none}
@media(max-width:860px){
 .links{position:fixed;inset:68px 0 auto;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--bd);padding:8px 16px;transform:translateY(-130%);transition:transform .3s;z-index:-1}
 .links.open{transform:none}.links li a{display:block;padding:14px 0}
 .burger{display:block}.nav-cta{display:none}
 .split,.contact{grid-template-columns:1fr}.two{grid-template-columns:1fr}
 section{padding:72px 0}.hero{padding:130px 0 80px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
.ic.emo{font-size:1.6rem}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.chips span{padding:8px 16px;border:1px solid var(--bd);background:var(--card);border-radius:99px;font-size:.9rem;font-weight:500}
.faq{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:18px 22px;margin-bottom:12px}
.faq summary{cursor:pointer;font-weight:600;list-style:none}
.faq summary::after{content:"+";float:right;color:var(--pri);font-size:1.3rem;line-height:1}
.faq[open] summary::after{content:"–"}
.faq p{color:var(--mut);margin-top:10px}
.links a.on{color:var(--pri)}
.tabs{display:flex;gap:6px;flex-wrap:wrap;background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:8px;width:fit-content;max-width:100%;margin:0 auto 48px}
.tabs button{border:0;background:none;color:var(--fg);font:inherit;font-weight:600;font-size:.92rem;padding:10px 16px;border-radius:10px;cursor:pointer;display:flex;gap:8px;align-items:center;transition:background .2s}
.tabs button:hover{background:var(--bg2)}
.tabs button.on{background:#ff9f43;color:#14213d}
.pane{display:none;grid-template-columns:1fr 1.3fr;gap:56px;align-items:center}
.pane.on{display:grid;animation:fade .4s}
@keyframes fade{from{opacity:0;transform:translateY(10px)}}
.pane h3{font-size:1.7rem;letter-spacing:-.02em;line-height:1.2;margin-bottom:12px}
.pane p{color:var(--mut);margin-bottom:22px}
.apps{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.apps span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.78rem;color:var(--mut)}
.apps i{width:48px;height:48px;border-radius:12px;border:1px solid var(--bd);background:var(--card);display:grid;place-items:center;font-style:normal;font-size:1.3rem}
.win{border:1px solid var(--bd);border-radius:14px;background:var(--card);box-shadow:0 30px 70px -25px rgba(124,58,237,.35);overflow:hidden}
.win .bar{display:flex;gap:7px;padding:12px 14px;border-bottom:1px solid var(--bd)}
.win .bar b{width:11px;height:11px;border-radius:50%;background:#ef5350}.win .bar b:nth-child(2){background:#fbc02d}.win .bar b:nth-child(3){background:#43a047}
.win .top{background:#221b63;color:#fff;padding:12px 18px;font-size:.85rem;font-weight:600}
.win .body{padding:20px;display:grid;gap:12px}
.win .row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid var(--bd);border-radius:10px;font-size:.92rem}
.win .row em{font-style:normal;font-weight:700;color:var(--pri)}
@media(max-width:860px){.pane.on{grid-template-columns:1fr;gap:28px}.tabs{border-radius:14px}.tabs button{flex:1 1 auto;justify-content:center}}
.cert{background:var(--card);border:2px solid var(--pri);border-radius:20px;padding:34px;text-align:center;box-shadow:var(--sh);position:relative}
.cert .seal{width:64px;height:64px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;font-size:1.8rem;color:#fff;background:linear-gradient(135deg,#b8893a,#e0b45a)}
.cert small{display:block;color:var(--pri);font-weight:700;letter-spacing:.06em;font-size:.72rem}
.cert h3{font-size:1.8rem;margin:10px 0 2px}.cert>p{color:var(--mut);margin-bottom:20px}
.cert dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;text-align:left;border-top:1px solid var(--bd);padding-top:18px;font-size:.92rem}
.cert dt{color:var(--mut)}.cert dd{margin:0;font-weight:600}
.links a{white-space:nowrap}
@media(max-width:1060px){
 .links{position:fixed;inset:68px 0 auto;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--bd);padding:8px 16px;transform:translateY(-130%);transition:transform .3s;z-index:-1}
 .links.open{transform:none}.links li a{display:block;padding:14px 0}
 .burger{display:block}.nav-cta{display:none}
}
.doc{display:flex;gap:14px;align-items:center;padding:16px 18px}
.doc .code{flex:none;min-width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#ff9f43;color:#14213d;font-weight:800;font-size:.9rem}
.doc small{color:var(--mut)}
.stores{display:flex;gap:12px;flex-wrap:wrap}
.store{display:inline-flex;align-items:center;gap:12px;background:#0b0f1d;color:#fff;border:1px solid #3a4666;border-radius:12px;padding:9px 20px 9px 16px;transition:transform .2s}
.store:hover{transform:translateY(-2px)}
.store svg{width:26px;height:26px;fill:#fff;flex:none}
.store small{display:block;font-size:.68rem;opacity:.8;line-height:1.1}
.store b{font-size:1.05rem;line-height:1.2}
.apps-sec .split{align-items:center}
.phone{width:min(260px,70%);margin:auto;aspect-ratio:9/18;border-radius:36px;border:8px solid #0b0f1d;background:linear-gradient(160deg,var(--pri),var(--acc));padding:22px 14px;box-shadow:var(--sh);display:grid;align-content:start;gap:10px}
.phone .n{background:#fff;border-radius:12px;padding:12px;font-size:.8rem;color:#14213d;display:flex;justify-content:space-between}
.phone .n em{font-style:normal;font-weight:700;color:var(--pri)}
.phone .t{color:#fff;font-weight:700;text-align:center;margin-bottom:6px}
footer .stores{justify-content:center;margin-top:6px}
.phone{aspect-ratio:auto;padding:0;overflow:hidden;background:#1b1450;width:min(290px,78%);border-radius:40px}
.phone img{display:block;width:100%;height:auto}
.phones{display:flex;gap:18px;justify-content:center;align-items:flex-start}
.phones .phone{width:min(240px,46%);margin:0}
.phones .phone:nth-child(2){margin-top:44px}
.phones{gap:14px}
.phones .phone{width:min(210px,31%);border-width:6px;border-radius:30px}
.phones .phone:nth-child(2){margin-top:0}
.phones .phone:nth-child(1),.phones .phone:nth-child(3){margin-top:44px}
@media(max-width:860px){.apps-sec .split{gap:36px}}
.parcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:16px}
.parc{position:relative;background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:26px 14px;text-align:center;display:grid;gap:4px;align-content:center;min-height:100px;filter:grayscale(1);opacity:.85;transition:.3s}
.parc:hover{filter:none;opacity:1;border-color:var(--pri)}
.parc b{font-size:1.15rem;letter-spacing:-.01em}.parc small{color:var(--mut);font-size:.75rem}.parc img{max-height:44px;margin:auto}
.dep{margin:0;position:relative}
.dep .stars{color:#f5b301;letter-spacing:2px;margin-bottom:12px}
.dep blockquote{margin:0 0 20px;color:var(--fg);font-size:1rem}
.dep figcaption{display:flex;gap:12px;align-items:center}
.dep figcaption span:last-child{display:grid;line-height:1.3}.dep small{color:var(--mut)}
.av{width:42px;height:42px;border-radius:50%;display:grid!important;place-items:center;background:linear-gradient(135deg,var(--pri),var(--acc));color:#fff;font-weight:700}
.ex em{position:absolute;top:10px;right:12px;font-style:normal;font-size:.68rem;background:#ff9f43;color:#14213d;padding:2px 8px;border-radius:99px;font-weight:700}
.seja{text-align:center;margin-top:36px;color:var(--mut)}.seja a{color:var(--pri);font-weight:600}
.parcs{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.parc{gap:8px;padding:22px 14px 18px}
.logo-slot{height:72px;border:2px dashed var(--bd);border-radius:12px;display:grid;place-items:center;background:var(--bg2);overflow:hidden}
.logo-slot img{max-width:80%;max-height:56px;object-fit:contain}
.logo-slot span{display:grid;gap:2px;color:var(--mut);font-size:1.4rem;line-height:1}.logo-slot small{font-size:.7rem}
.parc.ex{filter:none}
/* secção escura de separadores (estilo Zoho) */
#setores-tabs{background:radial-gradient(900px 500px at 80% 60%,rgba(124,58,237,.35),transparent 60%),linear-gradient(160deg,#081232,#0c1c4a 55%,#221b63);color:#fff;padding:110px 0}
#setores-tabs .eyebrow{color:#ff9f43}
#setores-tabs h2{color:#fff;font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;max-width:760px;margin-left:auto;margin-right:auto}
#setores-tabs .tabs{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);backdrop-filter:blur(8px)}
#setores-tabs .tabs button{color:#fff}
#setores-tabs .tabs button:hover{background:rgba(255,255,255,.1)}
#setores-tabs .tabs button.on{background:#ff9f43;color:#14213d}
#setores-tabs .pane h3{color:#fff;font-size:clamp(1.7rem,3vw,2.3rem)}
#setores-tabs .pane p{color:#c3cdf0}
#setores-tabs .apps span{color:#c3cdf0}
#setores-tabs .apps i{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
#setores-tabs .win{box-shadow:0 0 90px -10px rgba(124,92,255,.65),0 30px 70px -25px rgba(0,0,0,.6);border-color:rgba(255,255,255,.18);background:#fff;color:#14213d}
#setores-tabs .win .row{border-color:#e3e9f5}
#setores-tabs .win .row em{color:#5b57f5}
#setores-tabs .btn.p{background:#ff9f43;color:#14213d;box-shadow:none}
/* acordeão + hexágonos (estilo Zoho) */
.adapt{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.adapt h2{font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.1;margin-bottom:36px}
.acc{border-top:2px solid var(--fg)}
.acc-i{border-bottom:1px solid var(--bd)}
.acc-i button{width:100%;text-align:left;background:none;border:0;color:var(--fg);font:inherit;font-weight:700;font-size:1.2rem;padding:20px 18px;display:flex;gap:14px;align-items:center;cursor:pointer}
.acc-i .ico{font-size:1.3rem;width:28px}
.acc-i .txt{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s;padding:0 18px 0 60px}
.acc-i .txt>div{overflow:hidden;color:var(--mut)}
.acc-i.on{background:var(--bg2);border-radius:12px 12px 0 0}
.acc-i.on .txt{grid-template-rows:1fr;padding-bottom:22px}
.hexbox{position:relative;aspect-ratio:1;border-radius:20px;background-color:var(--bg2);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='118' viewBox='0 0 68 118'%3E%3Cg fill='none' stroke='%23b9c4e0' stroke-opacity='.45' stroke-width='1'%3E%3Cpath d='M34 2l32 18v36L34 74 2 56V20zM34 74l32 18v26M34 74L2 92v26'/%3E%3C/g%3E%3C/svg%3E");
 overflow:hidden}
.hexbox::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,214,46,.35),transparent 45%)}
.hexc{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1/1.1547;transform:translate(-50%,-50%);background:#ff9f43;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:grid;place-items:center;font-size:clamp(2rem,6vw,3.6rem);z-index:2;box-shadow:0 0 60px #ff9f43;transition:transform .3s}
.hexs{position:absolute;z-index:2;width:44px;height:44px;border-radius:12px;background:var(--card);border:1px solid var(--bd);display:grid;place-items:center;font-size:1.2rem;box-shadow:0 6px 18px -8px rgba(0,0,0,.3)}
@media(max-width:860px){.adapt{grid-template-columns:1fr;gap:32px}.acc-i .txt{padding-left:18px}}
/* três pilares (estilo Zoho) */
.pil{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px}
.pil article h3{font-size:1.4rem;letter-spacing:-.01em;margin:22px 0 10px}
.pil article p{color:var(--mut)}.pil article p b{color:var(--fg)}
.pil .art{aspect-ratio:1.65;border-radius:16px;display:grid;place-items:center;position:relative;overflow:hidden;
 background:radial-gradient(circle at 50% 55%,rgba(124,92,255,.45),transparent 55%),linear-gradient(160deg,#081232,#1d2b72)}
.pil .art::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.5px);background-size:12px 12px;-webkit-mask:radial-gradient(circle,#000 20%,transparent 70%);mask:radial-gradient(circle,#000 20%,transparent 70%)}
.pil .art span{position:relative;font-size:clamp(3.4rem,8vw,5rem);filter:drop-shadow(0 12px 22px rgba(0,0,0,.45));transition:transform .4s}
.pil article:hover .art span{transform:translateY(-8px) scale(1.06)}
/* preço (estilo Zoho) */
.precos{background:linear-gradient(160deg,#081232,#0c1c4a 55%,#221b63);border-radius:20px;color:#fff;display:grid;grid-template-columns:1.6fr 1fr;gap:0;overflow:hidden;box-shadow:var(--sh)}
.precos>div{padding:44px}
.precos .l{border-right:1px solid rgba(255,255,255,.14)}
.precos h3{font-size:1.4rem;margin-bottom:22px}
.precos ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-bottom:30px}
.precos li::before{content:"✓ ";color:#ff9f43;font-weight:700}
.precos .lnk{display:flex;gap:26px;flex-wrap:wrap}
.precos .lnk a{color:#ff9f43;font-weight:700;text-transform:uppercase;font-size:.85rem;border-bottom:2px solid #ff9f43;padding-bottom:2px}
.precos .preco{font-size:clamp(3rem,7vw,4.6rem);font-weight:800;color:#ff9f43;line-height:1;letter-spacing:-.03em}
.precos .preco sup{font-size:1.6rem;margin-right:6px;vertical-align:top}
.precos .preco .sc{font-size:2.2rem}
.precos #preco-per{margin:14px 0 24px;color:#c3cdf0}
.precos .btn{background:#ff7a1a;color:#fff;border-radius:6px;text-transform:uppercase;font-size:.9rem;letter-spacing:.02em}
.precos #preco-nota{margin-top:20px;color:#c3cdf0;font-size:.88rem}
@media(max-width:860px){.precos{grid-template-columns:1fr}.precos .l{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.precos>div{padding:30px 22px}.precos ul{grid-template-columns:1fr}}
/* CTA amarelo + rodapé escuro (estilo Zoho) */
.cta-final{background:#ff9f43;border-radius:140px 140px 0 0;padding:90px 0 0;color:#14213d;position:relative;overflow:hidden;margin-top:40px}
.cta-final .w{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;padding-bottom:70px}
.cta-final h2{font-size:clamp(2rem,5vw,3.6rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 30px}
.cta-final .btn{background:#ff7a1a;color:#fff;border-radius:6px;text-transform:uppercase;font-size:.95rem;box-shadow:none}
.cta-final ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:22px}
.cta-final li::before{content:"✓ ";font-weight:800}
.cta-final .vis{font-size:clamp(7rem,16vw,12rem);text-align:center;line-height:1;filter:drop-shadow(0 20px 30px rgba(180,120,0,.35))}
.foot{background:#0d0a2a;color:#d9d9d9;padding:56px 0 24px}
.foot .cols{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;gap:34px}
.foot h4{color:#fff;font-size:1.3rem;margin:0 0 18px;letter-spacing:-.01em}
.foot ul{list-style:none;padding:0;display:grid;gap:12px;font-size:.95rem}
.foot a:hover{color:#ff9f43}
.promo{background:#f4f0ff;color:#14213d;border-radius:8px;padding:24px}
.promo small{color:#5b6678}.promo h5{font-size:1.7rem;margin:10px 0 8px;letter-spacing:-.02em}
.promo p{font-size:.95rem;margin-bottom:16px}
.promo .btn{background:#ff7a1a;color:#fff;border-radius:6px;padding:10px 20px;font-size:.85rem;text-transform:uppercase}
.foot .bottom{border-top:1px solid #444;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.85rem;color:#9a9a9a}
@media(max-width:980px){.foot .cols{grid-template-columns:1fr 1fr}.promo{grid-column:1/-1}}
@media(max-width:860px){.cta-final{border-radius:60px 60px 0 0;padding-top:60px}.cta-final .w{grid-template-columns:1fr}.cta-final .vis{font-size:6rem}}
@media(max-width:520px){.foot .cols{grid-template-columns:1fr}}
/* ajuste de contraste (paleta múltiplo: índigo + laranja) */
.precos .btn,.promo .btn{background:#ff9f43;color:#15103a}
.cta-final .btn{background:#15103a;color:#fff}
.cta-final{background:linear-gradient(135deg,#ffb35c,#ff9f43)}
.hero::before{background:#5b57f5}.hero::after{background:#a06bff}
/* === paleta real do múltiplo: azul-marinho do logótipo + índigo da app, sem laranja === */
.btn.p{background:linear-gradient(120deg,#0c1c4a,#4b49e6);color:#fff}
.grad{background:linear-gradient(120deg,#4b49e6,#625fff 55%,#0c1c4a);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme=dark] .grad{background:linear-gradient(120deg,#b9c4ff,#8c8aff);-webkit-background-clip:text;background-clip:text}
.tabs button.on,#setores-tabs .tabs button.on{background:#625fff;color:#fff}
#setores-tabs .btn.p{background:#fff;color:#0c1c4a}
#setores-tabs .eyebrow{color:#b9c4ff}
.doc .code{background:#625fff;color:#fff}
.precos .btn,.promo .btn{background:#625fff;color:#fff}
.precos .preco,.precos li::before,.precos .lnk a{color:#b9c4ff}.precos .lnk a{border-color:#b9c4ff}
.cta-final{background:linear-gradient(135deg,#4b49e6,#0c1c4a);color:#fff}
.cta-final .btn{background:#fff;color:#0c1c4a}
.cta-final .vis{filter:drop-shadow(0 20px 30px rgba(0,0,0,.4))}
.foot{background:#081232}.foot a:hover{color:#b9c4ff}
.promo{background:#eef0ff}
.hero::before{background:#4b49e6}.hero::after{background:#625fff}
.cert .seal{background:linear-gradient(135deg,#0c1c4a,#625fff)}
.ex em{background:#e1e6f3;color:#0c1c4a}
.hexc{background:#625fff;box-shadow:0 0 60px #625fff}.hexbox::after{background:radial-gradient(circle at 50% 50%,rgba(98,95,255,.3),transparent 45%)}
/* painel tudo-em-um (estilo Striven, com ecrãs que existem no múltiplo) */
.show{position:relative;max-width:980px;margin:0 auto;padding:10px 0 20px}
.show .win{background:#0f0b33;border-color:#2c2380;color:#fff}
.show .win .bar{border-color:#2c2380}
.show .nav{display:flex;gap:18px;flex-wrap:wrap;padding:10px 18px;border-bottom:2px solid #625fff;font-size:.82rem;font-weight:600;background:#1a1458;color:#c9cdf5}
.show .nav b{color:#fff}
.show .kp{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:18px}
.kc{background:#221b63;border-left:4px solid #625fff;border-radius:10px;padding:14px 16px}
.kc small{color:#a9afe8;font-weight:600;display:block}.kc b{font-size:1.5rem;display:block;margin:2px 0}.kc em{font-style:normal;font-size:.78rem;color:#a9afe8}
.float{position:absolute;background:var(--card);color:var(--fg);border:1px solid var(--bd);border-radius:12px;padding:14px 16px;box-shadow:0 20px 50px -18px rgba(12,28,74,.45);font-size:.82rem;width:210px;z-index:3}
.float h6{font-size:.85rem;margin:0 0 8px;color:var(--mut)}
.float .r{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.float .r span:first-child{color:var(--mut)}.float .r b{font-weight:700}
.f1{left:-30px;top:60px}.f2{right:-30px;top:180px}.f3{left:10px;bottom:-10px;width:260px}
.chip{display:inline-block;background:#625fff;color:#fff;border-radius:6px;padding:1px 7px;font-size:.72rem;font-weight:700;margin-right:6px}
@media(max-width:1100px){.f1{left:0}.f2{right:0}}
@media(max-width:760px){.float{position:static;width:auto;margin-top:12px}.show .kp{grid-template-columns:1fr}.show{padding-bottom:0}}
.float .chip{color:#fff!important}
@media(max-width:1000px){
 .show{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
 .show .win{grid-column:1/-1;order:-1}
 .float{position:static;width:auto;margin:0}
}
.show{padding:10px 100px 50px}
.f1{left:0;top:70px}.f2{right:0;top:200px}.f3{left:110px;bottom:0}
@media(max-width:1100px){
 .show{padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
 .show .win{grid-column:1/-1;order:-1}
 .float{position:static;width:auto;margin:0}
}
/* números + círculo com a app (estilo Striven) */
.numeros{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.circ{width:min(440px,100%);aspect-ratio:1;border-radius:50%;margin:auto;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 20%,#625fff,#0c1c4a 70%);box-shadow:var(--sh);display:grid;place-items:end center}
.circ img{width:58%;margin-top:14%;border-radius:26px 26px 0 0;border:6px solid #081232;border-bottom:0;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.nums{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:34px}
.nums div{text-align:center;padding:4px 14px;border-left:1px solid var(--bd)}.nums div:first-child{border:0}
.nums b{display:block;font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:-.02em;color:var(--pri);line-height:1.1}
.nums span{font-weight:600;color:var(--fg);font-size:.95rem}
.numeros h2{margin-bottom:14px}.numeros p{color:var(--mut);margin-bottom:26px;max-width:560px}
@media(max-width:860px){.numeros{grid-template-columns:1fr;gap:34px}.circ{width:min(320px,90%)}.nums{grid-template-columns:1fr;gap:16px}.nums div{border:0;border-top:1px solid var(--bd);padding-top:14px}.nums div:first-child{border-top:0;padding-top:0}}
/* fluxo de trabalho (estilo Striven) */
.fluxo{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.fluxo h2{font-size:clamp(2rem,4.5vw,3rem);line-height:1.1;margin-bottom:16px}.fluxo p{color:var(--mut);font-size:1.08rem}
.inv{position:relative;padding-bottom:70px}
.tbl{background:var(--card);border:1px solid var(--bd);border-radius:14px;box-shadow:var(--sh);overflow:hidden}
.tbl h4{padding:16px 20px 10px;color:var(--pri);font-size:1.05rem}
.tbl table{width:100%;border-collapse:collapse;font-size:.85rem}
.tbl th{background:var(--bg2);text-align:left;color:var(--mut);font-weight:600;padding:10px 20px}
.tbl td{padding:12px 20px;border-top:1px solid var(--bd)}
.tbl td:nth-child(n+3),.tbl th:nth-child(n+3){text-align:right}
.tbl tr.low td:nth-child(3){color:#c0392b;font-weight:700}
.tcard{position:absolute;right:-12px;bottom:0;width:min(420px,84%);background:var(--card);border:1px solid var(--bd);border-radius:18px;box-shadow:0 24px 60px -20px rgba(12,28,74,.5);padding:20px 22px;display:flex;gap:16px;align-items:center}
.tcard .ic2{flex:none;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#0c1c4a,#625fff);display:grid;place-items:center;font-size:1.8rem}
.tcard b{display:block;font-size:1.05rem;line-height:1.3;color:var(--fg)}
.badge{display:inline-flex;gap:8px;align-items:center;background:#c0392b;color:#fff;font-size:.75rem;padding:3px 10px;border-radius:4px;margin-top:8px}
.badge.ok{background:#1f8b4c}
.auto{position:absolute;left:0;bottom:6px;z-index:2;background:linear-gradient(135deg,#4b49e6,#0c1c4a);color:#fff;border:0;border-radius:6px;padding:20px 52px;font:inherit;font-weight:700;font-size:1.2rem;cursor:pointer;box-shadow:0 14px 30px -10px rgba(12,28,74,.6);transition:transform .2s}
.auto:hover{transform:translateY(-3px)}
@media(max-width:860px){.fluxo{grid-template-columns:1fr;gap:30px}.inv{padding-bottom:0}.tcard,.auto{position:static;width:auto;margin-top:14px}.auto{width:100%}.tbl th,.tbl td{padding:10px 12px}}
.tcard{width:min(350px,68%);padding:16px 18px}.tcard .ic2{width:52px;height:52px;font-size:1.5rem}
.tcard b{font-size:.95rem}.auto{padding:18px 34px;font-size:1.1rem;bottom:14px}
.inv{padding-bottom:84px}
.inv{padding-bottom:112px}
.tcard{bottom:-6px}.auto{bottom:6px}
/* cartões de sectores com foto (estilo Square) */
.fotos{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 18px;scrollbar-width:thin}
.foto{position:relative;flex:0 0 min(240px,70vw);aspect-ratio:3/4.2;border-radius:12px;overflow:hidden;scroll-snap-align:start;color:#fff;display:flex;align-items:flex-end;background-size:cover;background-position:center;transition:transform .3s}
.foto:hover{transform:translateY(-6px)}
.foto::before{content:attr(data-e);position:absolute;inset:0;display:grid;place-items:center;font-size:5rem;opacity:.9;padding-bottom:30%}
.foto::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,10,35,.85),transparent 55%)}
.foto>span{position:relative;z-index:2;padding:18px;font-weight:700;font-size:1.02rem}
.foto>span::after{content:" ↗";font-weight:400}
.f-comercio{background-image:url(setores/comercio.jpg),url(setores/comercio.svg)}
.f-colegios{background-image:url(setores/colegios.jpg),url(setores/colegios.svg)}
.f-faculdades{background-image:url(setores/faculdades.jpg),url(setores/faculdades.svg)}
.f-hospitalar{background-image:url(setores/hospitalar.jpg),url(setores/hospitalar.svg)}
.f-padarias{background-image:url(setores/padarias.jpg),url(setores/padarias.svg)}
.f-restaurantes{background-image:url(setores/restaurantes.jpg),url(setores/restaurantes.svg)}
.f-farmacia{background-image:url(setores/farmacia.jpg),url(setores/farmacia.svg)}
.f-xpress{background-image:url(setores/xpress.jpg),url(setores/xpress.svg)}
.mais-t{text-align:center;margin:26px 0 18px;font-weight:700;font-size:1.15rem}
.mais{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:12px}
.mais a{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:14px 16px;font-weight:600;font-size:.93rem;transition:.25s}
.mais a:hover{border-color:var(--pri);transform:translateY(-3px);box-shadow:var(--sh)}
.mais a i{font-style:normal;font-size:1.5rem;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--bg2);flex:none}
.mais a::after{content:"↗";margin-left:auto;color:var(--pri)}
.mais a.out{background:linear-gradient(120deg,#4b49e6,#0c1c4a);color:#fff;border:0}.mais a.out i{background:rgba(255,255,255,.15)}.mais a.out::after{color:#fff}
/* === ícones e estilo flat === */
.ic-svg{display:inline-flex;vertical-align:-.14em;line-height:1}
.ic-svg svg.i{width:1em;height:1em;display:block}
/* mosaicos de ícones: cor sólida, sem gradiente nem sombra */
.ic,.ic2,.cert .seal{background:var(--pri)!important;box-shadow:none!important;color:#fff;border-radius:12px}
.cert .seal{border-radius:50%}
.ic2{border-radius:50%}
.ic.emo{font-size:1.6rem}.ic .ic-svg{font-size:1.6rem}.ic2 .ic-svg{font-size:1.7rem}
.cert .seal .ic-svg{font-size:1.9rem}
.apps i .ic-svg,.mais a i .ic-svg{font-size:1.35rem;color:var(--pri)}
.apps i,.mais a i{background:var(--bg2);border-radius:12px}
.chips span .ic-svg{color:var(--pri);margin-right:6px}
.tabs button .ic-svg{font-size:1.15rem}
.acc-i .ico .ic-svg{font-size:1.3rem;color:var(--pri)}
.hexc{background:var(--pri)!important;box-shadow:none!important;color:#fff}.hexc .ic-svg{font-size:clamp(2.2rem,6vw,3.6rem)}
.hexs{box-shadow:none;background:var(--card);color:var(--pri)}.hexs .ic-svg{font-size:1.3rem}
.hexbox::after{display:none}
.pil .art{background:var(--acc)!important}
.pil .art::before{opacity:.5}
.pil .art span{color:#fff;filter:none!important}.pil .art .ic-svg{font-size:clamp(3.2rem,7vw,4.6rem)}
.pil .art .ic-svg svg.i{stroke-width:1.3}
.foto::before{display:none}
.foto .fe{position:absolute;left:0;right:0;top:0;bottom:30%;display:grid;place-items:center;font-size:4.6rem;color:rgba(255,255,255,.92);font-style:normal}
.foto .fe .ic-svg svg.i{stroke-width:1.2}
.foto::after{background:linear-gradient(to top,rgba(8,18,50,.55),transparent 45%)}
.f-comercio{background-color:#4b49e6!important}.f-colegios{background-color:#625fff!important}.f-faculdades{background-color:#0c1c4a!important}.f-hospitalar{background-color:#2c2380!important}
.f-padarias{background-color:#3d3ad0!important}.f-restaurantes{background-color:#1d2b72!important}.f-farmacia{background-color:#5a54f0!important}.f-xpress{background-color:#0f1f58!important}
.foto{background-size:cover;background-position:center}
.doc .code{border-radius:10px}
.float,.tcard,.tbl,.cert,.card:hover,.parc:hover,.mais a:hover,.win{box-shadow:none!important}
.float,.tcard,.tbl,.cert,.win{border:1px solid var(--bd)}
.btn.p,.auto{background:var(--pri)!important;box-shadow:none!important;color:#fff}
.btn.p:hover{background:#3b39cf!important}
.auto{background:var(--acc)!important}
.cta-final{background:var(--pri)!important}
.precos,.cta-final .vis{box-shadow:none;filter:none}
.precos{background:var(--acc)}
#setores-tabs{background:var(--acc)}
.foot{background:#081232}
.hero::before,.hero::after{opacity:.18}
.mock{background:var(--pri);box-shadow:none}
.circ{background:var(--acc);box-shadow:none}
.grad,:root[data-theme=dark] .grad{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--pri)!important}
#setores-tabs .grad,.cta-final .grad{color:#b9c4ff!important}
.foto .fe .ic-svg{padding:0;font-size:4.6rem}.foto .fe .ic-svg::after{content:none}
.mais a.out i .ic-svg{color:#fff}
.foto::after{background:linear-gradient(to top,rgba(8,18,50,.5),transparent 40%)}

/* ============ ESTILO GLASS (vidro fosco) ============ */
:root{--gl:rgba(255,255,255,.58);--gl2:rgba(255,255,255,.38);--glb:rgba(255,255,255,.75);--gls:0 10px 40px -12px rgba(52,52,160,.28);--glt:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.3))}
:root[data-theme=dark]{--gl:rgba(24,36,100,.5);--gl2:rgba(24,36,100,.34);--glb:rgba(255,255,255,.14);--gls:0 12px 44px -14px rgba(0,0,0,.65)}
body{background:
 radial-gradient(900px 600px at 8% -5%,rgba(98,95,255,.28),transparent 60%),
 radial-gradient(800px 600px at 95% 8%,rgba(154,123,255,.26),transparent 60%),
 radial-gradient(900px 700px at 60% 105%,rgba(61,160,255,.20),transparent 60%),
 #f1f2fd;background-attachment:fixed}
:root[data-theme=dark] body{background:
 radial-gradient(900px 600px at 8% -5%,rgba(98,95,255,.35),transparent 60%),
 radial-gradient(800px 600px at 95% 8%,rgba(122,61,240,.28),transparent 60%),
 radial-gradient(900px 700px at 60% 105%,rgba(30,90,200,.25),transparent 60%),
 #070d24;background-attachment:fixed}
.alt{background:var(--gl2)}
header{background:var(--gl);backdrop-filter:blur(20px) saturate(170%);border-bottom:1px solid var(--glb)}
/* superfícies de vidro */
.card,.parc,.mais a,.float,.tbl,.tcard,.cert,.faq,.dep,.win,.promo,.form,form,.acc-i.on,.tabs,.hexs,.kc,.show .win,.logo-slot{
 background:var(--gl)!important;backdrop-filter:blur(18px) saturate(165%);-webkit-backdrop-filter:blur(18px) saturate(165%);
 border:1px solid var(--glb)!important;box-shadow:var(--gls)!important}
.card:hover,.parc:hover,.mais a:hover{box-shadow:0 16px 50px -14px rgba(52,52,160,.4)!important;border-color:rgba(255,255,255,.95)!important}
.parc{filter:none;opacity:1}
.logo-slot{border:1px dashed rgba(98,95,255,.45)!important;box-shadow:none!important;background:var(--gl2)!important}
.tbl th{background:var(--gl2)}
/* mosaicos de ícones em vidro */
.ic,.ic2,.cert .seal,.doc .code{
 background:linear-gradient(135deg,rgba(98,95,255,.92),rgba(75,73,230,.62))!important;
 border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 20px -8px rgba(75,73,230,.7)!important;
 backdrop-filter:blur(8px);color:#fff}
.apps i,.mais a i,.chips span{background:var(--glt);border:1px solid var(--glb);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 14px -6px rgba(52,52,160,.3);backdrop-filter:blur(8px)}
:root[data-theme=dark] .apps i,:root[data-theme=dark] .mais a i,:root[data-theme=dark] .chips span{background:rgba(255,255,255,.08)}
.mais a.out{background:linear-gradient(135deg,rgba(98,95,255,.95),rgba(12,28,74,.9))!important;border-color:rgba(255,255,255,.4)!important}
.mais a.out i{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35)}
.hexc{background:linear-gradient(135deg,rgba(98,95,255,.95),rgba(122,61,240,.7))!important;box-shadow:0 0 60px rgba(98,95,255,.6)!important}
.hexbox{background-color:var(--gl2)}
/* botões */
.btn.p,.auto{background:linear-gradient(135deg,rgba(98,95,255,.95),rgba(61,58,208,.85))!important;border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 28px -10px rgba(75,73,230,.75)!important;backdrop-filter:blur(8px)}
.btn.g{background:var(--gl);border:1px solid var(--glb);backdrop-filter:blur(12px)}
.theme,.icon{background:var(--gl);border:1px solid var(--glb);backdrop-filter:blur(12px)}
.store{background:rgba(12,20,60,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25)}
/* secções escuras: vidro sobre gradiente profundo */
#setores-tabs,.precos,.cta-final{position:relative;overflow:hidden}
#setores-tabs{background:radial-gradient(700px 420px at 15% 0%,rgba(98,95,255,.55),transparent 60%),radial-gradient(700px 500px at 90% 100%,rgba(122,61,240,.5),transparent 60%),linear-gradient(160deg,#081232,#14104a)!important}
#setores-tabs .tabs{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.24)!important}
#setores-tabs .tabs button.on{background:rgba(255,255,255,.92);color:#0c1c4a;box-shadow:0 6px 18px -8px rgba(0,0,0,.5)}
#setores-tabs .win{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff}
#setores-tabs .win .row{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
#setores-tabs .win .row em{color:#cfd3ff}
#setores-tabs .win .top{background:rgba(255,255,255,.1)}
#setores-tabs .apps i{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
#setores-tabs .apps .ic-svg{color:#fff}
.precos{background:radial-gradient(600px 400px at 85% 0%,rgba(98,95,255,.55),transparent 60%),linear-gradient(160deg,#0c1c4a,#1a1458)!important;border:1px solid rgba(255,255,255,.2)}
.cta-final{background:radial-gradient(700px 400px at 80% 20%,rgba(255,255,255,.28),transparent 60%),linear-gradient(135deg,#625fff,#2c2380)!important}
.cta-final .btn{background:rgba(255,255,255,.92)!important;color:#0c1c4a;border:1px solid #fff}
.pil .art{background:radial-gradient(circle at 50% 60%,rgba(122,61,240,.7),transparent 60%),linear-gradient(160deg,#081232,#1d2b72)!important;border:1px solid rgba(255,255,255,.2)}
.pil .art span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);border-radius:26px;padding:18px;backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.foto{border:1px solid rgba(255,255,255,.3)}
.foto .fe .ic-svg{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.5);border-radius:28px;padding:22px;backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.55);font-size:3.4rem}
.foto .fe .ic-svg svg.i{stroke-width:1.5}
.foto>span{background:rgba(255,255,255,.14);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.3);width:100%;padding:14px 18px}
.circ{background:radial-gradient(circle at 30% 20%,#625fff,#0c1c4a 70%)!important;border:1px solid rgba(255,255,255,.5);box-shadow:var(--gls)!important}
.foot{background:linear-gradient(160deg,#081232,#14104a)}
.foot .promo{background:rgba(255,255,255,.1)!important;color:#fff;border-color:rgba(255,255,255,.25)!important}.foot .promo small{color:#cfd3ff}
.mock{background:linear-gradient(135deg,rgba(98,95,255,.85),rgba(122,61,240,.6));border:1px solid rgba(255,255,255,.4)}
.mock div{background:rgba(255,255,255,.78);backdrop-filter:blur(10px)}
.band{background:linear-gradient(135deg,#625fff,#2c2380)}
.badge{backdrop-filter:blur(6px)}

/* === cartões de sector: foto de fundo + blur ao passar o rato, a destacar o ícone === */
.foto{background-image:none!important;isolation:isolate}
.foto::before{display:block!important;content:""!important;position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;
 transition:filter .45s ease,transform .7s ease;transform:scale(1.02)}
.f-comercio::before{background-image:url(setores/comercio.jpg)}
.f-colegios::before{background-image:url(setores/colegios.jpg)}
.f-faculdades::before{background-image:url(setores/faculdades.jpg)}
.f-hospitalar::before{background-image:url(setores/hospitalar.jpg)}
.f-padarias::before{background-image:url(setores/padarias.jpg)}
.f-restaurantes::before{background-image:url(setores/restaurantes.jpg)}
.f-farmacia::before{background-image:url(setores/farmacia.jpg)}
.f-xpress::before{background-image:url(setores/xpress.jpg)}
.foto::after{z-index:1;background:linear-gradient(to top,rgba(8,18,50,.72),rgba(8,18,50,.12) 55%);transition:background .45s}
.foto .fe,.foto>span{z-index:2}
.foto .fe .ic-svg{transition:transform .45s cubic-bezier(.2,.8,.2,1),background .45s,box-shadow .45s}
.foto:hover::before,.foto:focus-visible::before{filter:blur(7px) brightness(.8) saturate(1.1);transform:scale(1.12)}
.foto:hover::after{background:linear-gradient(to top,rgba(8,18,50,.78),rgba(8,18,50,.3) 60%)}
.foto:hover .fe .ic-svg,.foto:focus-visible .fe .ic-svg{transform:scale(1.18);background:rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 0 8px rgba(255,255,255,.1),0 18px 44px -8px rgba(0,0,0,.55)}
.foto:hover{transform:translateY(-6px)}
@media(hover:none){.foto::before{filter:blur(2px) brightness(.85)}}

/* === logótipos reais === */
.logo img{height:34px;width:auto;display:block}
.logo .logo-d{display:none}
:root[data-theme=dark] .logo .logo-l{display:none}
:root[data-theme=dark] .logo .logo-d{display:block}
.foot-logo{height:38px;width:auto;margin-bottom:28px;display:block}
.logo-slot img{max-height:64px;max-width:90%;mix-blend-mode:multiply}
:root[data-theme=dark] .logo-slot img{mix-blend-mode:normal;background:#fff;padding:6px 10px;border-radius:8px}
.parc:has(.logo-slot img) .logo-slot{border-style:solid}
.logo{flex:none}
.logo img{width:auto;min-width:130px;aspect-ratio:1656/304;object-fit:contain}
@media(max-width:1180px){.links{gap:16px;font-size:.88rem}}
/* menos espaço entre o topo e a secção tudo-em-um */
.hero{padding-bottom:36px}
.hero .trust{margin-top:34px}
#tudo-em-um{padding-top:20px}

/* ===== revisão: correcções ===== */
/* painel tudo-em-um: manter fundo escuro (o vidro claro escondia os valores) */
.show .win{background:#0f0b33!important;border-color:#2c2380!important;color:#fff}
.show .kc{background:#221b63!important;border:0!important;border-left:4px solid #625fff!important;box-shadow:none!important;backdrop-filter:none!important;color:#fff}
/* foco visível para teclado */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #625fff;outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:#0c1c4a;color:#fff;padding:10px 16px;border-radius:8px;font-weight:600}
.skip:focus{top:12px}
/* lojas de apps ainda sem ligação */
.store[aria-disabled=true]{cursor:default}
/* telemóvel: faixa de garantias e números mais compactos */
@media(max-width:860px){
 .hero .trust{gap:8px 16px;margin-top:26px;font-size:.85rem}
 .nums{grid-template-columns:repeat(3,1fr);gap:0}
 .nums div{border:0;border-left:1px solid var(--bd);padding:0 8px}
 .nums div:first-child{border-left:0}
 .nums b{font-size:1.7rem}.nums span{font-size:.78rem;line-height:1.3;display:block}
 section{padding:60px 0}
 .head{margin-bottom:34px}
}
/* logótipo múltiplo Xpress */
.xp-logo{display:block;width:min(300px,80%);height:auto;margin:0 0 14px}
.hero-xp{width:min(380px,82%);margin:0 auto 22px}
:root[data-theme=dark] .xp-logo{background:#fff;padding:12px 18px;border-radius:16px}
.nav-cta{white-space:nowrap;padding:11px 20px;gap:8px}
.nav-cta .ic-svg{font-size:1.05rem}
.m-only{display:none}
@media(max-width:1060px){.m-only{display:block}.m-only a{color:var(--pri);font-weight:700}}
/* suporte e agente */
.sup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px;margin-bottom:40px}
.sup{display:flex;flex-direction:column;text-align:left;font:inherit;color:inherit;cursor:pointer}
.sup p{flex:1}
.sup-go{margin-top:14px;color:var(--pri);font-weight:700;font-size:.92rem}
.sup-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.sup-t{font-size:1.25rem;margin:0 0 14px}
.sup-form{display:grid;gap:12px}
.sup-nota{color:var(--mut);font-size:.8rem}
@media(max-width:860px){.sup-split{grid-template-columns:1fr}}

/* ===== manual e treinamentos ===== */
.m-hero{padding:130px 0 40px;text-align:center}
.m-hero h1{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.03em;line-height:1.1;margin:14px 0}
.m-hero p{color:var(--mut);max-width:640px;margin:0 auto 24px}
.m-sec{padding-top:30px}
.m-wrap{display:grid;grid-template-columns:250px 1fr;gap:40px;align-items:start}
.m-toc{position:sticky;top:90px;display:grid;gap:2px;padding:16px;border-radius:16px;background:var(--gl);border:1px solid var(--glb);backdrop-filter:blur(16px);font-size:.9rem}
.m-toc b{margin-bottom:8px}.m-toc a{padding:7px 10px;border-radius:8px;color:var(--mut)}.m-toc a:hover,.m-toc a.on{background:var(--bg2);color:var(--pri)}
.m-body{min-width:0}
.m-cap{padding:10px 0 40px;border-bottom:1px solid var(--bd);margin-bottom:30px;scroll-margin-top:90px}
.m-cap h2{font-size:1.8rem;margin-bottom:14px}.m-cap h4{font-size:1.1rem;margin:26px 0 10px}.m-cap p{color:var(--mut);margin-bottom:12px}
.m-steps,.m-list{padding-left:22px;display:grid;gap:8px;margin-bottom:16px}
.m-steps li::marker{color:var(--pri);font-weight:700}
.m-fig{margin:18px 0;border-radius:14px;overflow:hidden;border:1px solid var(--glb);background:#0f0b33;box-shadow:var(--gls)}
.m-fig img{display:block;width:100%;cursor:zoom-in}.m-fig figcaption{padding:10px 14px;font-size:.85rem;color:#c3cdf0;background:#100c38}
.m-call{border-left:4px solid var(--pri);background:var(--gl);border-radius:10px;padding:12px 16px;margin:16px 0}
.m-call b{display:block;color:var(--pri);margin-bottom:2px}.m-call p{margin:0!important}
.m-call.atencao{border-color:#e0a100}.m-call.atencao b{color:#b07d00}.m-call.nota{border-color:#1d6fd1}.m-call.nota b{color:#1d6fd1}
.m-docs{display:flex;flex-wrap:wrap;gap:8px}.m-docs span{background:var(--gl);border:1px solid var(--glb);border-radius:10px;padding:6px 10px;font-size:.88rem}
.m-docs b{background:#625fff;color:#fff;border-radius:6px;padding:1px 6px;margin-right:6px;font-size:.78rem}
.m-video{margin:10px 0}.m-video video{width:100%;border-radius:14px;background:#081232;display:block}
.m-vlink{display:inline-block;margin-top:8px;font-weight:600;color:var(--pri)}
.m-zoom{position:fixed;inset:0;z-index:120;background:rgba(5,8,25,.88);display:grid;place-items:center;padding:20px;cursor:zoom-out}.m-zoom img{max-width:100%;max-height:100%;border-radius:12px}
@media(max-width:900px){.m-wrap{grid-template-columns:1fr}.m-toc{position:static}}
@media print{header,footer,.foot,.cta-final,.ag-btn,.ag-box,.m-toc,.cta,.m-video,.skip{display:none!important}body{background:#fff!important}.m-hero{padding:10px 0}.m-wrap{display:block}.m-fig{break-inside:avoid;box-shadow:none}.rv{opacity:1!important;transform:none!important}}
.t-prog{max-width:520px;margin:6px auto 0;display:grid;gap:8px;font-weight:600;color:var(--mut)}
.t-bar{height:12px;border-radius:99px;background:var(--gl);border:1px solid var(--glb);overflow:hidden}.t-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4b49e6,#625fff);transition:width .5s}
.t-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px}
.t-card{padding:0!important;overflow:hidden;display:flex;flex-direction:column}
.t-card h3,.t-card p,.t-meta,.t-acts{margin-left:20px;margin-right:20px}.t-card h3{margin-top:6px}.t-card p{color:var(--mut);flex:1}
.t-thumb{position:relative;border:0;padding:0;cursor:pointer;aspect-ratio:16/9;overflow:hidden;background:#081232}
.t-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;opacity:.75;transition:transform .5s}
.t-card:hover .t-thumb img{transform:scale(1.06)}
.t-play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(98,95,255,.9);color:#fff;font-size:1.5rem;border:2px solid rgba(255,255,255,.7)}
.t-dur{position:absolute;right:10px;bottom:10px;background:rgba(8,18,50,.85);color:#fff;font-size:.78rem;padding:3px 8px;border-radius:6px}
.t-meta{display:flex;gap:10px;align-items:center;font-size:.8rem;color:var(--mut);margin-top:16px}
.t-nivel{background:#625fff;color:#fff;border-radius:6px;padding:2px 8px;font-weight:700}.t-ok{color:#1f8b4c;font-weight:700}
.t-card.ok{border-color:#1f8b4c!important}
.t-acts{display:flex;gap:10px;margin:14px 20px 20px}.t-acts .btn{padding:10px 18px;font-size:.9rem}
.t-cert{margin-top:40px;padding:30px;border-radius:20px;background:var(--gl);border:1px solid var(--glb);text-align:center;display:grid;gap:14px;justify-items:center}.t-cert .two{width:min(560px,100%)}
.t-dlg{border:0;padding:0;border-radius:20px;width:min(860px,94vw);max-height:92vh;background:var(--card);color:var(--fg)}.t-dlg::backdrop{background:rgba(5,8,25,.75);backdrop-filter:blur(4px)}
.t-dlg-in{padding:24px;position:relative}.t-dlg h2{font-size:1.4rem;margin:0 40px 14px 0}.t-dlg video{width:100%;border-radius:12px;background:#081232}
.t-x{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:50%;border:1px solid var(--bd);background:var(--bg2);color:var(--fg);cursor:pointer}
.t-passos{margin:14px 0 0 20px;color:var(--mut);display:grid;gap:4px;font-size:.92rem}
.t-quiz{margin-top:20px;display:grid;gap:12px}.t-quiz fieldset{border:1px solid var(--bd);border-radius:12px;padding:12px 14px;display:grid;gap:6px}
.t-quiz legend{font-weight:700;padding:0 6px}.t-quiz label{display:flex;gap:8px;align-items:center;cursor:pointer}
.t-quiz fieldset.certo{border-color:#1f8b4c}.t-quiz fieldset.errado{border-color:#c0392b}
.t-res{font-weight:700}.t-res.ok{color:#1f8b4c}
.aj-band{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:26px 30px;border-radius:20px;margin-bottom:36px;color:#fff;background:radial-gradient(500px 300px at 90% 0%,rgba(98,95,255,.6),transparent 60%),linear-gradient(135deg,#0c1c4a,#2c2380);border:1px solid rgba(255,255,255,.2)}
.aj-band .eyebrow{color:#b9c4ff}.aj-band h3{font-size:1.5rem;margin:6px 0}.aj-band p{color:#c9cff5;max-width:560px;margin:0}
.aj-acts{display:flex;gap:10px;flex-wrap:wrap}.aj-band .btn.g{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35)}

/* ─── Ligação ao sistema (assets/sistema.js) ─────────────────────────── */
.nav-entrar{padding:11px 18px;white-space:nowrap}
@media(max-width:1060px){.nav-entrar{display:none}}
.planos-sis{display:flex;flex-direction:column;gap:12px;justify-content:center}
.plano-l{display:grid;grid-template-columns:1fr auto;grid-template-areas:"n p" "b b";gap:10px 14px;align-items:center;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.plano-l>div:first-child{grid-area:n}.plano-l b{display:block;font-size:1.05rem}.plano-l small{color:rgba(255,255,255,.65);font-size:.8rem}
.plano-p{grid-area:p;text-align:right;font-weight:800;font-size:1.35rem;color:#ff9f43;line-height:1.1;white-space:nowrap}
.plano-p small{font-size:.75rem;color:rgba(255,255,255,.65);font-weight:600;margin-left:2px}.plano-p span{font-size:1rem}
.plano-l .btn{grid-area:b;justify-content:center;padding:10px 18px}
.plano-gratis{background:rgba(255,159,67,.15);border:1px solid rgba(255,159,67,.45);color:#ffd2a6;border-radius:12px;padding:10px 14px;font-weight:700;font-size:.9rem;text-align:center}
.planos-sis #preco-nota{font-size:.78rem;color:rgba(255,255,255,.6)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.form-msg{margin:0;font-size:.88rem;font-weight:600}.form-msg.erro{color:#d64545}
:root[data-theme=dark] .form-msg.erro{color:#ff8a8a}
.form-ok{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:28px 10px;min-height:inherit}
.form-ok-ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;font-weight:800;color:#fff;background:linear-gradient(120deg,#1f9d55,#2ecc71)}
.form-ok p{color:var(--mut);max-width:420px}

/* ===== site dinâmico (CMS) ===== */
.foto-cms{background-color:#4b49e6}
.foto-cms:nth-child(4n+2){background-color:#625fff}.foto-cms:nth-child(4n+3){background-color:#0c1c4a}.foto-cms:nth-child(4n+4){background-color:#2c2380}
.foto-cms::before{background-image:var(--foto)}
.cms-editar{position:fixed;left:16px;bottom:16px;z-index:95;background:#0c1c4a;color:#fff;padding:10px 16px;border-radius:999px;font-weight:700;font-size:.88rem;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.cms-texto{max-width:860px;margin:0 auto}.cms-texto p{color:var(--mut);margin-bottom:12px}