/* Andrade Logic — estilos do site */
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
--bg:#FFFFFF;--ice:#EEF5FB;--ink:#16213E;--muted:#55627F;--line:#DCE6F2;--blue:#1668F5;--cyan:#12CFF3;--deep:#0B1733;--card:#FFFFFF;--chat:#E7F0F8;--bubble:#FFFFFF;--mine:#D6F6FF;--link:#1668F5}


html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 80px);scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:"Sora","Figtree",system-ui,sans-serif;line-height:1.15;margin:0;letter-spacing:-.02em}
.wrap{width:min(1140px,100% - 40px);margin:0 auto}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:6px}
/* logo swap */
.lg-dark{display:none}


/* header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hd{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.hd .brand img{height:44px;width:auto}
nav.menu{display:flex;gap:26px;font-weight:600;font-size:15px}
nav.menu a{text-decoration:none;color:var(--muted)}
nav.menu a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;border-radius:999px;padding:14px 24px;font-size:16px;border:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-main{background:linear-gradient(100deg,var(--blue),#1195F0 55%,var(--cyan));color:#fff;box-shadow:0 10px 24px -10px rgba(22,104,245,.7)}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn-sm{padding:10px 18px;font-size:14px}
.btn svg{width:20px;height:20px;flex:none}
@media (max-width:860px){nav.menu{display:none}.hd .btn-sm span{display:none}.hd .btn-sm{padding:10px 12px}}
/* hero */
.hero{position:relative;overflow:hidden;padding:72px 0 88px}
.hero::before{content:"";position:absolute;inset:-30% -10% auto 45%;height:820px;background:radial-gradient(closest-side,rgba(18,207,243,.22),transparent 70%),radial-gradient(closest-side at 70% 60%,rgba(22,104,245,.18),transparent 70%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.tagline{font-weight:700;font-size:15px;color:var(--link);margin:0 0 20px}@media (max-width:440px){.tagline{font-size:12.5px;letter-spacing:-.01em}}
.hero h1{font-size:clamp(38px,5.4vw,64px);font-weight:700;max-width:13ch}
.hero p.sub{font-size:19px;color:var(--muted);max-width:46ch;margin:22px 0 32px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.proof{display:flex;align-items:center;gap:10px;margin-top:30px;font-size:14px;color:var(--muted);font-weight:600}
.proof i{width:9px;height:9px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 5px rgba(34,197,94,.18);flex:none}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero{padding:48px 0 64px}}
/* phone demo */
.phone-col{display:flex;flex-direction:column;align-items:center;gap:14px}
.phone{width:min(320px,100%);border-radius:40px;padding:12px;background:linear-gradient(160deg,#1E2A4D,#0B1733);box-shadow:0 40px 80px -30px rgba(11,23,51,.55),inset 0 0 0 1.5px rgba(255,255,255,.08)}
.screen{border-radius:30px;overflow:hidden;background:var(--chat);height:470px;display:flex;flex-direction:column}
.chat-hd{display:flex;align-items:center;gap:10px;padding:18px 16px 12px;background:var(--card);border-bottom:1px solid var(--line)}
.chat-hd .av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#F59E0B,#EF4444);display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px}
.chat-hd b{display:block;font-size:14px}.chat-hd small{font-size:12px;color:#16A34A;font-weight:600}
.msgs{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:9px;font-size:14px;line-height:1.4}
.m{max-width:84%;padding:9px 12px;border-radius:14px;background:var(--bubble);box-shadow:0 1px 1px rgba(0,0,0,.06);opacity:0;transform:translateY(8px);animation:pop .4s ease forwards}
.m.me{align-self:flex-end;background:var(--mine);border-bottom-right-radius:4px}
.m.them{align-self:flex-start;border-bottom-left-radius:4px}
.m .bot{display:block;font-size:11px;font-weight:700;color:var(--link);margin-bottom:2px}
.slots{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}
.slots span{border:1.5px solid var(--blue);color:var(--link);border-radius:8px;padding:3px 8px;font-weight:700;font-size:13px}
.slots span.on{background:var(--blue);color:#fff}
.m1{animation-delay:.5s}.m2{animation-delay:1.5s}.m3{animation-delay:2.6s}.m4{animation-delay:3.5s}
@keyframes pop{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.m{animation:none;opacity:1;transform:none}.btn{transition:none}html{scroll-behavior:auto}}
.phone-cap{font-size:13px;color:var(--muted);text-align:center}
/* sections */
section.blk{padding:96px 0}
.sec-title{font-size:clamp(30px,3.6vw,44px);font-weight:700;max-width:20ch}
.sec-lead{color:var(--muted);font-size:18px;max-width:56ch;margin:16px 0 0}
/* dor */
.dor{background:var(--deep);color:#EAF1FB}
.dor .sec-title{color:#fff}
.dor ul{list-style:none;padding:0;margin:48px 0 0;display:grid;gap:0}
.dor li{display:grid;grid-template-columns:48px 1fr;gap:20px;align-items:start;padding:26px 0;border-top:1px solid rgba(255,255,255,.12);font-family:"Sora",sans-serif;font-size:clamp(20px,2.4vw,28px);font-weight:600;line-height:1.3}
.dor li svg{width:40px;height:40px;color:var(--cyan)}
.dor .good{margin-top:36px;font-size:19px;color:#9FE7FB;font-weight:600}
/* serviços */
.srv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px}
.srv{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px;position:relative;overflow:hidden}
.srv .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;margin-bottom:22px}
.srv .ic svg{width:26px;height:26px}
.srv h3{font-size:24px;margin-bottom:10px}
.srv p{margin:0;color:var(--muted)}
.srv.first{grid-row:span 2;background:linear-gradient(165deg,var(--ice),var(--card));display:flex;flex-direction:column}
.srv.first h3{font-size:30px}
.srv.first .flow{margin-top:auto;padding-top:28px;display:grid;gap:10px}
.flow div{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:15px;font-weight:600}
.flow div span{width:26px;height:26px;border-radius:50%;background:rgba(18,207,243,.18);color:var(--link);display:grid;place-items:center;font-size:13px;flex:none}
.also{margin-top:28px;color:var(--muted);font-size:16px}
.also b{color:var(--ink)}
@media (max-width:820px){.srv-grid{grid-template-columns:1fr}.srv.first{grid-row:auto}}
/* farmácia */
.farma{background:var(--ice)}
.fbox{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:var(--deep);color:#EAF1FB;border-radius:32px;padding:56px;position:relative;overflow:hidden}
.fbox::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(18,207,243,.35),transparent)}
.fbox .kick{display:inline-block;background:rgba(18,207,243,.15);color:#8BE9FD;font-weight:700;font-size:14px;padding:6px 14px;border-radius:999px;margin-bottom:18px}
.fbox h2{color:#fff;font-size:clamp(28px,3.4vw,40px)}
.fbox p{color:#B9C7E2;font-size:18px;margin:16px 0 28px;max-width:44ch}
.fbox ul{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:10px}
.fbox li{display:flex;gap:10px;align-items:flex-start;font-weight:600}
.fbox li::before{content:"";width:18px;height:18px;margin-top:4px;flex:none;border-radius:50%;background:var(--cyan) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1733' stroke-width='3.5'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.receipt{position:relative;z-index:1;background:#fff;color:#16213E;border-radius:18px;padding:22px;max-width:340px;margin-left:auto;box-shadow:0 30px 60px -25px rgba(0,0,0,.6);font-size:14px;transform:rotate(2deg)}
.receipt h4{margin:0 0 2px;font-family:"Sora",sans-serif;font-size:16px}
.receipt small{color:#6B7690}
.receipt .row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #D5DDEA}
.receipt .tot{display:flex;justify-content:space-between;font-weight:800;font-size:18px;padding-top:12px}
.receipt .send{margin-top:14px;background:#16A34A;color:#fff;text-align:center;border-radius:10px;padding:10px;font-weight:700}
@media (max-width:900px){.fbox{grid-template-columns:1fr;padding:36px 26px}.receipt{margin:0 auto;transform:none}}
/* sob medida */
.seg{margin-top:44px;border-top:1px solid var(--line)}
.seg-row{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line);align-items:baseline}
.seg-row h3{font-size:20px}
.seg-row p{margin:0;color:var(--muted)}
@media (max-width:700px){.seg-row{grid-template-columns:1fr;gap:4px}}
.seg-cta{margin-top:36px}
/* passos */
.passos{background:var(--ice)}
.steps{list-style:none;padding:0;margin:52px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s}
.steps li{position:relative;padding:0 24px 0 0}
.steps li .n{font-family:"Sora",sans-serif;font-weight:800;font-size:15px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:2px solid var(--blue);color:var(--link);position:relative;z-index:1}
.steps li:not(:last-child)::after{content:"";position:absolute;left:44px;right:0;top:21px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.steps h3{font-size:21px;margin:20px 0 8px}
.steps p{margin:0;color:var(--muted);font-size:16px}
.steps li.star .n{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border-color:transparent}
.steps li.star h3{color:var(--link)}
@media (max-width:860px){.steps{grid-template-columns:1fr;gap:28px}.steps li{padding:0 0 0 64px}.steps li .n{position:absolute;left:0;top:-4px}.steps li:not(:last-child)::after{left:21px;right:auto;top:44px;bottom:-28px;width:2px;height:auto;background:linear-gradient(180deg,var(--blue),var(--cyan))}.steps h3{margin-top:0}}
/* porque */
.why{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 56px;margin-top:48px}
.why h3{font-size:21px;margin-bottom:8px;display:flex;gap:12px;align-items:center}
.why h3 svg{width:26px;height:26px;color:var(--link);flex:none}
.why p{margin:0;color:var(--muted)}
@media (max-width:760px){.why{grid-template-columns:1fr}}
/* faq */
.faq{max-width:780px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-family:"Sora",sans-serif;font-weight:600;font-size:19px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:26px;color:var(--link);font-weight:400;transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{margin:0 0 22px;color:var(--muted);max-width:62ch}
/* final */
.final{padding:0 0 96px}
.fin{background:linear-gradient(115deg,#0E3FB8,var(--blue) 45%,#10B6EC);color:#fff;border-radius:32px;padding:64px 56px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;position:relative;overflow:hidden}
.fin h2{font-size:clamp(28px,3.6vw,44px);color:#fff;max-width:18ch}
.fin p{margin:14px 0 0;font-size:18px;color:#DDEBFF}
.fin .btn{background:#fff;color:#0E3FB8;position:relative;z-index:1}
.fin img{position:absolute;right:-40px;bottom:-70px;width:280px;opacity:.14;pointer-events:none}
@media (max-width:760px){.fin{grid-template-columns:1fr;padding:44px 28px}}
/* footer */
footer{border-top:1px solid var(--line);padding:44px 0 36px;font-size:15px;color:var(--muted)}
.ft{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px;align-items:flex-start}
.ft .brand img{height:40px;width:auto;margin-bottom:10px}
.ft ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.ft a{text-decoration:none}.ft a:hover{color:var(--ink)}
.copy{margin-top:30px;font-size:13px}
/* float */
.wa-float{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;width:60px;height:60px;border-radius:50%;background:#22C55E;display:grid;place-items:center;box-shadow:0 12px 28px -8px rgba(22,163,74,.6);color:#fff}
.wa-float svg{width:32px;height:32px}

/* dor section refinements */
.dor .sec-title{max-width:24ch;font-size:clamp(30px,3.9vw,50px);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.dor .good{max-width:52ch;line-height:1.55}
@media (max-width:640px){
 section.blk.dor{padding:36px 0 44px}
 .dor .sec-title{font-size:30px}
 .dor ul{margin-top:24px}
 .dor li{grid-template-columns:34px 1fr;gap:14px;padding:20px 0;font-size:19px;line-height:1.4}
 .dor li svg{width:30px;height:30px}
 .dor .good{font-size:17px;margin-top:16px}
}
.wa-float{transition:opacity .4s ease,transform .4s ease}.wa-float.wa-hide{opacity:0;transform:translateY(16px) scale(.9);pointer-events:none}

/* mobile secondary nav */
.mnav{display:none}
@media (max-width:860px){
 html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 106px)}
 .hd{height:54px}
 .hd .brand img{height:36px}
 .hd .btn-sm{padding:9px 10px}
 .mnav{display:block;position:relative;border-top:1px solid var(--line);background:#F6F9FE;overflow:hidden;max-height:48px;transition:max-height .35s ease,border-color .35s}
 header.nav-up .mnav{max-height:0;border-top-color:transparent}
 .mnav-in{display:flex;justify-content:space-between;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:5px 8px}
 .mnav-in::-webkit-scrollbar{display:none}
 .mnav a{flex:none;white-space:nowrap;text-decoration:none;color:#3E4B68;font-size:clamp(12.5px,3.55vw,14px);font-weight:600;padding:8px clamp(4px,1.3vw,7px);border-radius:999px;letter-spacing:-.01em}
 .mnav a:active,.mnav a:focus-visible{background:#E4EEFC;color:var(--link)}
 .hero2{padding-top:22px}
}
@media (max-width:860px) and (prefers-reduced-motion:reduce){.mnav{transition:none}}

/* soluções (lista) */
.sol{padding:26px 0 88px;background:var(--bg)}
.sol-head{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:34px}
.sol-eye{display:flex;align-items:center;gap:14px;margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--link)}
.sol-eye::after{content:"";width:56px;height:1px;background:color-mix(in srgb,var(--blue) 45%,transparent)}
.sol h2{font-size:clamp(30px,3.3vw,44px);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:0}
.sol-desc{margin:0;color:var(--muted);font-size:17px;line-height:1.6;max-width:40ch;justify-self:end}
.sol-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.sol-list>li{border-bottom:1px solid var(--line)}
.sol-list .acc-row{display:grid;grid-template-columns:48px 42px auto minmax(40px,1fr) 32px;align-items:center;gap:20px;padding:26px 4px;text-decoration:none;color:var(--ink)}
.si{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--blue);background:linear-gradient(145deg,#EAF3FF,#D5E7FF);box-shadow:inset 0 1px 0 #fff;transition:background .5s}.si svg{width:22px;height:22px}.sol-list .acc-row:hover .si{background:linear-gradient(145deg,#E1EEFF,#C9E0FF)}
.sn{font-family:"Sora",sans-serif;font-size:20px;font-weight:600;color:var(--link)}
.st{font-size:clamp(19px,1.8vw,23px);font-weight:500;letter-spacing:-.01em}
.sl{height:1px;background:var(--line);position:relative;overflow:hidden}
.sl::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.sa{color:var(--link);display:grid;place-items:center;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.sa svg{width:26px;height:26px}
.sol-list .acc-row:hover .sl::after,.sol-list .acc-row:focus-visible .sl::after{transform:scaleX(1)}
.sol-list .acc-row:hover .sa,.sol-list .acc-row:focus-visible .sa{transform:translateX(5px)}
.sol-list .acc-row:hover .st{color:var(--link)}
@media (max-width:860px){
 .sol{padding:22px 0 72px}
 .sol-head{grid-template-columns:1fr;gap:12px;margin-bottom:22px}
 .sol-desc{justify-self:start;font-size:16px}
 .sol-list .acc-row{grid-template-columns:30px 34px 1fr 24px;gap:12px;padding:18px 2px}
 .si{width:34px;height:34px;border-radius:10px}.si svg{width:18px;height:18px}
 .sl{display:none}.sn{font-size:16px}.st{font-size:18px}.sa svg{width:22px;height:22px}
}
@media (prefers-reduced-motion:reduce){.sl::after,.sa{transition:none}}

.btn{border-radius:14px}
.hero2{position:relative;overflow:hidden;padding:40px 0 78px;background:radial-gradient(ellipse 42% 52% at 71% 52%,var(--hg),transparent 72%),linear-gradient(162deg,var(--hb1) 0%,var(--hb2) 34%,var(--hb3) 68%,var(--hb4) 100%)}
.h2-waves{position:absolute;left:0;right:0;bottom:0;width:100%;height:60%;pointer-events:none;z-index:0}.h2-waves path{fill:none;stroke:var(--hw);stroke-width:1.2}
.h2-curve{position:absolute;left:0;bottom:-1px;width:100%;height:64px;fill:var(--bg);pointer-events:none;z-index:1}
:root{--h2a:#F5F9FF;--h2b:#E2EDFB;--h2g:rgba(40,150,245,.14);--hb1:#F7FAFE;--hb2:#E9F3FE;--hb3:#D6E9FE;--hb4:#C9E1FC;--hg:rgba(110,175,250,.55);--hw:rgba(255,255,255,.75);--gl-card:rgba(255,255,255,.78);--gl-b:rgba(255,255,255,.95);--gl-sh:rgba(20,60,140,.20)}


.h2-bg{position:absolute;inset:0;pointer-events:none}
.h2-bg .arc{position:absolute;border-radius:50%;border:1px solid rgba(22,104,245,.08);background:radial-gradient(closest-side,transparent 92%,rgba(22,104,245,.05))}
.h2-bg .a1{width:1600px;height:900px;left:-300px;bottom:-640px}
.h2-bg .a2{width:900px;height:900px;right:-260px;top:-160px;border:0;background:radial-gradient(closest-side,rgba(18,207,243,.10),transparent 70%)}
.h2-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;min-height:min(560px,calc(100svh - 250px))}
.h2-copy h1{font-size:clamp(34px,4vw,54px);font-weight:800;line-height:1.07;letter-spacing:-.035em;max-width:17ch;margin:0}
.h2-copy .ig{background:linear-gradient(100deg,#1A8BF0 0%,#1668F5 55%,#0F4FE0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}


.h2-sub{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--muted);max-width:44ch;margin:24px 0 0}
.h2-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.h2-ctas .btn{padding:16px 22px;justify-content:center;white-space:nowrap}@media (min-width:981px){.h2-ctas{flex-wrap:nowrap}}
.h2-btn svg,.h2-out svg{width:18px;height:18px;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.h2-btn:hover svg,.h2-out:hover svg{transform:translateX(4px)}
.h2-btn{background:linear-gradient(100deg,#0F4FE0,var(--blue));box-shadow:0 14px 30px -14px rgba(22,104,245,.8)}
.h2-out{color:var(--link);background:transparent;border:1.5px solid color-mix(in srgb,var(--blue) 70%,transparent)}
.h2-out:hover{background:color-mix(in srgb,var(--blue) 7%,transparent)}
/* entrance */
.h2-copy h1,.h2-sub,.h2-ctas{opacity:0;animation:h2rise 1.6s cubic-bezier(.22,1,.36,1) forwards}
.h2-copy h1{animation-delay:.25s}.h2-sub{animation-delay:.6s}.h2-ctas{animation-delay:.9s}
.globe-box{opacity:0;animation:h2in 2.2s cubic-bezier(.22,1,.36,1) .5s forwards}
@keyframes h2rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes h2in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
/* globe */
.h2-art{display:flex;justify-content:center}
.globe-box{position:relative;width:min(560px,100%);aspect-ratio:1}
#globe{position:absolute;inset:8%;width:84%;height:84%}
#links{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.orbits{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orb-line{fill:none;stroke-width:1.6}
.orb-dash{fill:none;stroke:rgba(27,140,245,.28);stroke-width:1.2;stroke-dasharray:2 7;animation:dash 60s linear infinite}
@keyframes dash{to{stroke-dashoffset:-900}}
.node{fill:#1B8CF5;stroke:#fff;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:pulse 4s ease-in-out infinite}
.n2{animation-delay:1.3s}.n3{animation-delay:2.6s;fill:#12CFF3}
@keyframes pulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}
/* cards */
.gcard{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;width:236px;padding:14px 14px 14px 14px;border-radius:18px;text-decoration:none;color:var(--ink);background:var(--gl-card);border:1px solid var(--gl-b);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 22px 44px -22px var(--gl-sh),0 2px 6px -2px var(--gl-sh);transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s cubic-bezier(.22,1,.36,1);opacity:0;animation:cardIn 1.6s cubic-bezier(.22,1,.36,1) forwards}
.gc-ic{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;color:var(--blue);background:linear-gradient(145deg,#EAF3FF,#D5E7FF);box-shadow:inset 0 1px 0 #fff}


.gc-ic svg{width:24px;height:24px}
.gc-tx{flex:1;min-width:0}
.gc-tx b{display:block;white-space:nowrap;font-family:"Sora",sans-serif;font-size:16px;letter-spacing:-.01em}
.gc-tx small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;white-space:nowrap}
.gc-go{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;color:var(--link);background:color-mix(in srgb,var(--blue) 10%,transparent);transition:transform .6s cubic-bezier(.22,1,.36,1),background .6s}
.gc-go svg{width:15px;height:15px}
.gcard:hover,.gcard:focus-visible{transform:translateY(-6px);box-shadow:0 30px 56px -24px rgba(22,104,245,.45),0 2px 6px -2px var(--gl-sh)}
.gcard:hover .gc-go,.gcard:focus-visible .gc-go{transform:translateX(3px);background:var(--blue);color:#fff}
.c-sites{left:-8%;top:8%;animation-delay:1.4s}
.c-sis{right:-9%;top:16%;animation-delay:1.7s}
.c-auto{left:-11%;bottom:19%;animation-delay:2s}
.c-traf{right:-5%;bottom:7%;animation-delay:2.3s}
@keyframes cardIn{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
/* scroll cue */
.h2-scroll{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;margin:18px auto 0;text-decoration:none;color:var(--muted);font-size:15px;font-weight:500}
.h2-scroll .ln{width:1px;height:38px;background:linear-gradient(transparent,var(--blue));position:relative}
.h2-scroll .ln::after{content:"";position:absolute;left:-3px;bottom:-3px;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.h2-scroll svg{width:20px;height:20px;animation:bob 3.2s ease-in-out infinite}
@keyframes bob{0%,100%{transform:none}50%{transform:translateY(4px)}}
/* responsive */
@media (max-width:1180px){.c-sites{left:-3%}.c-sis{right:-3%}.c-auto{left:-4%}.c-traf{right:-1%}}
@media (max-width:980px){.c-sites{left:-2%}.c-sis{right:-2%}.c-auto{left:-3%}.c-traf{right:0}}
@media (max-width:980px){
 .hero2{padding:30px 0 44px}.h2-curve{height:26px}
 .h2-grid{grid-template-columns:1fr;gap:28px;min-height:0}
 .h2-copy h1{font-size:clamp(32px,8.4vw,46px)}
 .h2-sub{font-size:17px;margin-top:18px}
 .h2-ctas{margin-top:26px}
 .globe-box{width:min(460px,100%)}
}
@media (max-width:560px){
 .h2-ctas .btn{width:100%}
 .globe-box{width:100%}
 .gcard{width:auto;max-width:48%;padding:9px 10px;gap:8px;border-radius:14px}
 .gc-ic{width:32px;height:32px;border-radius:9px}.gc-ic svg{width:18px;height:18px}
 .gc-tx b{font-size:13.5px}.gc-tx small{display:none}.gc-go{display:none}
 .c-sites{left:0;top:6%}.c-sis{right:0;top:12%}.c-auto{left:0;bottom:12%}.c-traf{right:0;bottom:5%}
 .h2-scroll{display:none}
}

@media (max-width:980px){
 .h2-grid{row-gap:0}
 .h2-copy{display:contents}
 .h2-copy h1{order:1}
 .h2-sub{order:2}
 .h2-art{order:3;margin:22px 0 6px}
 .h2-ctas{order:4;margin-top:8px}
}
@media (prefers-reduced-motion:reduce){.h2-copy h1,.h2-sub,.h2-ctas,.globe-box,.gcard{animation:none;opacity:1}.orb-dash,.node,.h2-scroll svg{animation:none}.gcard,.gc-go{transition:none}}

.acc-row{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:48px 42px auto minmax(40px,1fr) 32px;align-items:center;gap:20px;padding:26px 4px;color:var(--ink);font:inherit}
.acc-row:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:10px}
.acc-row:hover .si{background:linear-gradient(145deg,#E1EEFF,#C9E0FF)}
.acc-row:hover .sl::after,.acc-row:focus-visible .sl::after,.acc.open .sl::after{transform:scaleX(1)}
.acc-row:hover .sa{transform:translateX(5px)}
.acc-row:hover .st,.acc.open .st{color:var(--link)}
.acc.open .sa{transform:rotate(90deg)}
.acc.open .acc-row:hover .sa{transform:rotate(90deg) translateX(2px)}
.acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.22,1,.36,1)}
.acc.open .acc-panel{grid-template-rows:1fr}
.acc-in{overflow:hidden;min-height:0}
.acc-body{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);margin:0 0 28px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 20px 50px -34px rgba(20,60,140,.35);opacity:0;transform:translateY(8px);transition:opacity .5s ease .15s,transform .7s cubic-bezier(.22,1,.36,1) .1s}
.acc.open .acc-body{opacity:1;transform:none}
.acc-text{padding:38px 40px}
.acc-eye{margin:0 0 14px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--link)}
.acc-text h3{font-size:clamp(24px,2.4vw,32px);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin:0}
.acc-p{margin:14px 0 0;color:var(--muted);font-size:16.5px;line-height:1.6;max-width:46ch}
.acc-ex{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:12px}
.acc-ex li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.45}
.ck{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;background:#E3EEFF;color:var(--blue);margin-top:-1px}
.ck svg{width:14px;height:14px}
.acc-btn{padding:15px 22px}
.acc-btn svg{width:19px;height:19px}
.acc-note{margin:14px 0 0;font-size:13.5px;color:var(--muted);max-width:44ch}
.acc-vis{position:relative;container-type:inline-size;background:linear-gradient(160deg,#F4F9FF,#E2EDFB);display:grid;place-items:center;padding:52px 30px 34px;min-height:380px;overflow:hidden}
.acc-tag{position:absolute;top:14px;right:14px;z-index:2;font-size:12px;font-weight:600;color:var(--muted);background:rgba(255,255,255,.9);border:1px solid var(--line);padding:5px 11px;border-radius:999px}
/* --- sites mock --- */
.v-sites{position:relative;width:100%;max-width:520px;font-size:clamp(6px,2cqw,10.5px);padding:0 9% 0 4%}
.vs-lap{width:100%}
.vs-scr{background:#fff;border:.9em solid #1C2440;border-bottom-width:1em;border-radius:1.2em 1.2em .4em .4em;padding:1.2em 1.4em 1.4em;box-shadow:0 2em 4em -2em rgba(10,30,80,.35)}
.vs-base{height:1.3em;margin:0 -3.2em;background:linear-gradient(#D8DFEA,#A3AEC2);border-radius:0 0 1.4em 1.4em}
.vp-nav{display:flex;align-items:center;gap:1em;padding-bottom:.9em;border-bottom:1px solid #EDF1F7}
.vp-logo{display:flex;align-items:center;gap:.5em;font-weight:800;font-size:1.25em;color:#16213E;white-space:nowrap}
.vp-logo i{width:1.3em;height:1.3em;border-radius:.35em;background:linear-gradient(135deg,var(--blue),var(--cyan))}
.vp-search{flex:1;background:#F1F5FA;border-radius:.6em;padding:.45em .8em;color:#9AA6BC;font-size:.95em;white-space:nowrap;overflow:hidden}
.vp-ico{width:1.3em;height:1.3em;border-radius:50%;border:.15em solid #8C98B0}
.vp-cats{display:flex;gap:1.2em;padding:.8em 0}
.vp-cats span{height:.55em;width:4.5em;border-radius:1em;background:#E4EAF3}
.vp-ban{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;border-radius:1em;background:linear-gradient(120deg,#DCEBFF,#EEF5FF);padding:1.6em 1.8em;min-height:9em}
.vp-ban b{display:block;font-size:1.55em;line-height:1.15;color:#12204A}
.vp-ban small{display:block;color:#56637F;margin:.4em 0 .9em}
.vp-ban em{display:inline-block;font-style:normal;background:var(--blue);color:#fff;font-weight:700;padding:.5em 1em;border-radius:.5em;font-size:.95em}
.vp-shapes{position:relative;height:8em}
.vp-shapes i{position:absolute;bottom:0;border-radius:.8em .8em .5em .5em;background:linear-gradient(90deg,#fff,#E9EEF5);box-shadow:inset -.3em 0 .6em rgba(0,0,0,.06)}
.vp-shapes .b1{left:18%;width:3em;height:7em}.vp-shapes .b2{left:45%;width:3.4em;height:5.4em;background:linear-gradient(90deg,#fff,#DDE6F2)}.vp-shapes .b3{left:72%;width:2.2em;height:4.2em;background:linear-gradient(90deg,#BFE7E0,#8FD0C4)}
.vp-shapes .b2::before{content:"";position:absolute;top:-.9em;left:.9em;right:.9em;height:1em;border-radius:.3em;background:var(--blue)}
.vp-h{font-weight:800;color:#16213E;margin:1.2em 0 .7em;font-size:1.1em}
.vp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8em}
.vp-grid span{aspect-ratio:1;border-radius:.8em;background:#F3F6FA;display:grid;place-items:center}
.vp-grid i{display:block;border-radius:.5em}
.p1{width:38%;height:55%;background:linear-gradient(90deg,#F6A04D,#E07B24);border-radius:.4em .4em .6em .6em!important}
.p2{width:30%;height:58%;background:linear-gradient(90deg,#fff,#E3E9F1);box-shadow:0 -.5em 0 -.1em var(--blue)}
.p3{width:60%;height:34%;background:linear-gradient(135deg,#E9EDF3,#C9D2DE)}
.p4{width:26%;height:62%;background:linear-gradient(90deg,#fff,#DCE3EC)}
.vs-ph{position:absolute;right:0;bottom:-.6em;width:25%;background:#1C2440;border-radius:1.8em;padding:.55em;box-shadow:0 2em 3em -1.5em rgba(10,30,80,.45)}
.vs-pscr{background:#fff;border-radius:1.4em;padding:1.4em .8em .9em;overflow:hidden}
.vp-nav.m{gap:.4em;padding-bottom:.6em}.vp-nav.m .vp-logo{font-size:1em}
.vp-burg{margin-left:auto;width:1.1em;height:.8em;border-top:.15em solid #56637F;border-bottom:.15em solid #56637F;position:relative}
.vp-ban.m{grid-template-columns:1fr;padding:.9em;min-height:0;margin-top:.7em}.vp-ban.m b{font-size:1em}.vp-ban.m em{font-size:.75em;margin-top:.5em}
.vp-grid.m{grid-template-columns:repeat(2,1fr);gap:.5em}.vs-ph .vp-h{font-size:.9em;margin:.8em 0 .5em}
/* --- sistemas mock --- */
.v-sis{width:100%;max-width:520px;font-size:clamp(6px,2cqw,10.5px)}
.vw{background:#fff;border-radius:1.2em;overflow:hidden;box-shadow:0 2em 4em -2em rgba(10,30,80,.35);border:1px solid #DDE5F0}
.vw-bar{display:flex;align-items:center;gap:.5em;padding:.8em 1em;background:#F1F5FA;border-bottom:1px solid #E3E9F2}
.vw-bar i{width:.8em;height:.8em;border-radius:50%;background:#CBD5E3}
.vw-bar span{margin-left:1em;background:#fff;border-radius:.5em;padding:.3em 1em;color:#8793AA;font-size:.95em}
.vw-body{display:grid;grid-template-columns:4.2em 1fr;min-height:24em}
.vw-side{background:#0F1E48;display:flex;flex-direction:column;align-items:center;gap:1.1em;padding:1.2em 0}
.vw-side span{width:1.8em;height:1.8em;border-radius:.5em;background:rgba(255,255,255,.14)}
.vw-side .lg{background:linear-gradient(135deg,var(--blue),var(--cyan))}.vw-side .on{background:rgba(18,207,243,.45)}
.vw-main{padding:1.3em 1.5em}
.vw-top{display:flex;justify-content:space-between;align-items:center}
.vw-top b{font-size:1.5em;color:#16213E}
.vw-btn{background:var(--blue);color:#fff;font-weight:700;padding:.5em 1em;border-radius:.6em;font-size:.95em}
.vw-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.9em;margin:1.2em 0}
.vw-cards div{border:1px solid #E6ECF4;border-radius:.9em;padding:.9em}
.vw-cards small,.vw-chart small,.vw-list small{display:block;color:#56637F;font-weight:700;font-size:.95em;margin-bottom:.7em}
.vw-cards i{display:block;height:.7em;border-radius:1em;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.vw-row2{display:grid;grid-template-columns:1.1fr 1fr;gap:.9em}
.vw-chart,.vw-list{border:1px solid #E6ECF4;border-radius:.9em;padding:.9em}
.bars{display:flex;align-items:flex-end;gap:.55em;height:8em}
.bars i{flex:1;border-radius:.35em .35em .15em .15em;background:linear-gradient(#5AA6FF,#1668F5)}
.vw-list div{display:flex;align-items:center;justify-content:space-between;gap:.6em;padding:.45em 0;border-top:1px solid #EFF3F8}
.vw-list div span{height:.6em;flex:1;max-width:6em;border-radius:1em;background:#E4EAF3}
.vw-list em{font-style:normal;font-size:.85em;font-weight:700;padding:.25em .7em;border-radius:1em;white-space:nowrap}
.s1{background:#E3EEFF;color:#1668F5}.s2{background:#FFF3DC;color:#B26B00}.s3{background:#E1F7EA;color:#138A4A}
/* --- automações --- */
.v-auto{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:stretch}
.va-node{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #DDE6F2;border-radius:16px;padding:14px 16px;box-shadow:0 14px 30px -22px rgba(10,30,80,.4)}
.va-node b{display:block;font-size:15.5px;color:#16213E}
.va-node small{display:block;color:#56637F;font-size:13.5px;margin-top:2px}
.va-ic{width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:var(--blue);background:linear-gradient(145deg,#EAF3FF,#D5E7FF)}
.va-ic svg{width:22px;height:22px}
.va-ic.wa{color:#fff;background:#22C55E}.va-ic.ok{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan))}
.va-link{width:2px;height:26px;margin-left:36px;background:linear-gradient(var(--cyan),var(--blue));position:relative}
.va-link::after{content:"";position:absolute;left:-3px;bottom:-2px;width:8px;height:8px;border-radius:50%;background:var(--blue)}
/* --- tráfego --- */
.v-traf{width:100%;max-width:500px;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;font-size:clamp(7px,2cqw,10.5px)}
.vt-phone{width:17em;background:#1C2440;border-radius:2.4em;padding:.7em;box-shadow:0 2em 3.5em -1.8em rgba(10,30,80,.5)}
.vt-scr{background:#fff;border-radius:1.9em;padding:1.8em 1em 1.2em;overflow:hidden}
.vt-post-h{display:flex;align-items:center;gap:.7em}
.vt-post-h i{width:2.4em;height:2.4em;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan))}
.vt-post-h b{display:block;font-size:1.15em;color:#16213E}.vt-post-h small{color:#8793AA;font-size:.95em}
.vt-img{margin:.9em -1em 0;aspect-ratio:1;background:linear-gradient(140deg,#DCEBFF,#BFD9FB 60%,#9EC6F7);display:grid;place-items:center;text-align:center;padding:2em}
.vt-img span{font-weight:800;color:#12204A;font-size:1.4em;line-height:1.2}
.vt-cta{margin:0 -1em;background:#F1F5FA;display:flex;justify-content:space-between;padding:.8em 1em;font-weight:700;color:var(--blue);font-size:1.05em}
.vt-lines i{display:block;height:.6em;border-radius:1em;background:#E4EAF3;margin-top:.8em}.vt-lines i+i{width:60%}
.vt-side{display:grid;gap:16px;min-width:0}
.vt-serp{background:#fff;border:1px solid #DDE6F2;border-radius:14px;padding:14px 16px;box-shadow:0 14px 30px -22px rgba(10,30,80,.4)}
.vt-serp small{display:block;font-size:12px;color:#56637F}
.vt-serp>b{display:block;color:#1A4FD6;font-size:16px;margin:4px 0 8px}
.vt-serp span{display:block;height:7px;border-radius:9px;background:#E4EAF3}.vt-serp span.s{width:65%;margin-top:6px}
.vt-flow{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:f}
.vt-flow li{counter-increment:f;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #DDE6F2;border-radius:12px;padding:9px 12px;font-size:14px;font-weight:600;color:#16213E}
.vt-flow li::before{content:counter(f);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#E3EEFF;color:var(--blue);font-size:12px;font-weight:800;flex:none}
/* --- responsive --- */
@media (max-width:980px){.acc-body{grid-template-columns:minmax(0,1fr)}.acc-vis{min-height:0;padding:50px 18px 26px}.acc-text{padding:28px 26px 30px}}
@media (max-width:860px){
 .acc-row{grid-template-columns:30px 34px 1fr 24px;gap:12px;padding:18px 2px}
 .acc-text{padding:24px 20px 26px}.acc-text h3{font-size:24px}.acc-p{font-size:15.5px}.acc-ex li{font-size:15px}
 .acc-btn{width:100%;justify-content:center;white-space:normal;text-align:center;text-wrap:balance;font-size:15px;padding:15px 14px}
 .acc-body{margin-bottom:22px;border-radius:18px}
 .v-traf{grid-template-columns:1fr;justify-items:center;gap:16px}.vt-side{width:100%}
 .va-node{padding:12px 14px}.va-node b{font-size:14.5px}.va-node small{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.acc-panel,.acc-body{transition:none}}

/* ============ realistic concept visuals ============ */
.acc-vis{padding:52px 26px 30px}
.rs,.rsis,.rtr,.rau{position:relative;width:100%;font-size:clamp(4px,1.85cqw,10.4px);color:#1B2440;font-family:"Figtree",system-ui,sans-serif;line-height:1.3}
.rs svg,.rsis svg,.rtr svg,.rau svg{width:1.25em;height:1.25em;flex:none}
/* browser */
.bw{min-width:0;background:#fff;border-radius:1.1em;overflow:hidden;border:1px solid #D7E0EC;box-shadow:0 2.4em 4.6em -2.2em rgba(12,32,80,.45),0 .3em .8em -.3em rgba(12,32,80,.15)}
.bw-top{display:flex;align-items:center;gap:.5em;padding:.75em 1em;background:#EEF2F7;border-bottom:1px solid #DCE3ED}
.bw-d{width:.85em;height:.85em;border-radius:50%}.bw-d.r{background:#FF6159}.bw-d.y{background:#FFBD2E}.bw-d.g{background:#28C941}
.bw-url{margin-left:1.2em;flex:1;max-width:28em;display:flex;align-items:center;gap:.5em;background:#fff;border-radius:.6em;padding:.35em .8em;color:#5B6680;font-size:.95em;border:1px solid #E1E7F0;white-space:nowrap;overflow:hidden}
.bw-url svg{width:1em;height:1em;color:#7C879D}
/* products */
.pr{position:relative;display:inline-flex;flex-direction:column;align-items:center}
.pr .cap{display:block;border-radius:.25em .25em .1em .1em;background:linear-gradient(90deg,#0F4FE0,#3D86FF 45%,#0F4FE0)}
.pr .bd{display:block;position:relative;border-radius:.6em .6em .45em .45em;background:linear-gradient(90deg,#DCE3EC 0%,#FFFFFF 30%,#F6F8FB 60%,#C9D2DE 100%);box-shadow:0 .5em 1em -.4em rgba(20,40,90,.35)}
.pr .lb{position:absolute;left:0;right:0;top:34%;height:32%;background:linear-gradient(90deg,#1A5FE0,#2F86FF 45%,#1A5FE0);opacity:.92}
.pr .lb::after{content:"";position:absolute;left:20%;right:20%;top:30%;height:14%;border-radius:1em;background:rgba(255,255,255,.75);box-shadow:0 .5em 0 -.02em rgba(255,255,255,.45)}
.pr.big .cap{width:2.2em;height:1.1em}.pr.big .bd{width:4.4em;height:8.4em}
.pr.mid .cap{width:1.6em;height:1.4em}.pr.mid .bd{width:3.4em;height:6em}
.pr.teal .cap{background:linear-gradient(90deg,#0E9384,#35C2AE,#0E9384)}.pr.teal .lb{background:linear-gradient(90deg,#0E9384,#29B6A1,#0E9384)}
.pr.sm .cap{width:1.2em;height:.9em}.pr.sm .bd{width:2.6em;height:4.2em}
.pr.mini .cap{width:.8em;height:.5em}.pr.mini .bd{width:1.6em;height:2.8em}
.pr.tube{flex-direction:column}.pr.tube .bd{width:2.8em;height:6.4em;border-radius:.3em .3em .9em .9em;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}
.pr.tube .lb{background:linear-gradient(90deg,#F59E0B,#FBBF24,#F59E0B);top:40%}
.pr.tube .cap{width:1.4em;height:1em;border-radius:.1em .1em .3em .3em;background:linear-gradient(90deg,#1B2440,#46506A,#1B2440)}
.pr.jar .cap{width:2.6em;height:.8em;background:linear-gradient(90deg,#fff,#E6EBF2 60%,#C6CFDB)}.pr.jar .bd{width:2.8em;height:3.4em;background:linear-gradient(90deg,#E07B24,#F6A04D 35%,#F7B26A 55%,#C76312);border-radius:.4em .4em .6em .6em}
.pr.jar .lb{background:#fff;opacity:.95}.pr.jar .lb::after{background:#E07B24}
.pr.bli{display:grid;grid-template-columns:repeat(3,1fr);gap:.35em;padding:.55em;width:5em;border-radius:.6em;background:linear-gradient(135deg,#F4F6F9,#D5DCE6);box-shadow:0 .4em .8em -.4em rgba(20,40,90,.35)}
.pr.bli i{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#E3E8EF 60%,#BCC6D3)}
/* store page */
.stp{padding:0 0 1.2em;overflow:hidden}
.st-h{display:flex;align-items:center;gap:1.2em;padding:1em 1.4em;border-bottom:1px solid #EEF1F6}
.st-logo{display:flex;align-items:center;gap:.45em;font-weight:800;font-size:1.25em;white-space:nowrap;color:#12204A}
.st-logo i{width:1.35em;height:1.35em;border-radius:.4em;background:linear-gradient(135deg,var(--blue),var(--cyan))}
.st-h nav{display:flex;gap:1.1em;color:#5B6680;font-weight:600}.st-h nav .on{color:var(--blue)}
.st-s{flex:1;display:flex;align-items:center;gap:.5em;background:#F2F5F9;border-radius:.7em;padding:.5em .8em;color:#8A95AB;min-width:0}
.st-s em{font-style:normal;white-space:nowrap;overflow:hidden}
.st-ic{position:relative;color:#3A4560;display:grid}.st-ic.cart b{position:absolute;top:-.55em;right:-.6em;background:var(--blue);color:#fff;font-size:.75em;border-radius:1em;padding:0 .4em;line-height:1.5}
.st-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;margin:1.1em 1.4em 0;border-radius:1.2em;background:radial-gradient(circle at 80% 40%,#FFFFFF 0,transparent 55%),linear-gradient(120deg,#D9E9FF,#EEF5FF);padding:1.6em 1.8em;overflow:hidden;min-height:13em}
.st-ht small{display:inline-block;background:#fff;color:var(--blue);font-weight:700;border-radius:1em;padding:.25em .7em;font-size:.85em}
.st-ht h6{font-size:2em;line-height:1.08;margin:.45em 0 .3em;font-weight:800;color:#0E1A3E;letter-spacing:-.02em}
.st-ht p{margin:0 0 1em;color:#56637F;font-size:1em}
.st-bt{display:flex;gap:.6em;flex-wrap:wrap}.st-bt span{font-weight:700;border-radius:.6em;padding:.6em 1em;font-size:.95em}
.st-bt .b1{background:var(--blue);color:#fff}.st-bt .b2{background:#fff;color:#15803D;border:1px solid #BBE5C8}
.st-hi{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:.9em;height:11em}
.st-sh{position:absolute;bottom:-.4em;left:15%;right:15%;height:1em;border-radius:50%;background:radial-gradient(rgba(20,40,90,.25),transparent 70%)}
.leaf{position:absolute;bottom:0;width:3.4em;height:7em;border-radius:0 100% 0 100%;background:linear-gradient(135deg,#3FAE6A,#1F7A45)}
.leaf.l1{right:4%;transform:rotate(18deg)}.leaf.l2{right:14%;height:5.6em;transform:rotate(-8deg);background:linear-gradient(135deg,#5BC484,#2A8A52)}
.st-sec{display:flex;justify-content:space-between;align-items:baseline;margin:1.2em 1.4em .7em}.st-sec b{font-size:1.2em;color:#12204A}.st-sec span{color:var(--blue);font-weight:700;font-size:.9em}
.st-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8em;margin:0 1.4em}
.pc{min-width:0;border:1px solid #E8EDF4;border-radius:.9em;padding:.6em;background:#fff}
.pc-img{height:6.6em;border-radius:.6em;background:#F4F7FB;display:grid;place-items:center}
.pc-img .pr{transform:scale(.85)}
.pc-n{font-size:.92em;font-weight:600;margin:.5em 0 .3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-f{display:flex;justify-content:space-between;align-items:center}.pc-f b{font-size:1em;color:#12204A}
.pc-add{width:1.7em;height:1.7em;border-radius:.45em;background:var(--blue);color:#fff;display:grid;place-items:center}.pc-add svg{width:1em;height:1em}
/* phone */
.ph{position:absolute;background:#10172E;border-radius:2.6em;padding:.6em;box-shadow:0 2.6em 4em -1.6em rgba(12,32,80,.55),inset 0 0 0 .15em #2A3558}
.ph-scr{background:#fff;border-radius:2.1em;overflow:hidden;position:relative;height:100%}
.ph-sb{display:flex;align-items:center;justify-content:space-between;padding:.9em 1.4em .4em;font-size:.95em}
.ph-sb.dark{background:#0B5F55;color:#fff}
.ph-nt{position:absolute;left:50%;top:.55em;transform:translateX(-50%);width:5.6em;height:1.5em;border-radius:1em;background:#10172E}
.ph-st{display:flex;gap:.2em;align-items:flex-end}.ph-st i{width:.3em;background:currentColor;border-radius:.1em}.ph-st i:nth-child(1){height:.5em}.ph-st i:nth-child(2){height:.75em}.ph-st i:nth-child(3){height:1em}
.rs{padding:0 7% 1.2em 0}
.rs .ph{right:0;bottom:0;width:26%;height:78%}
.m-h{display:flex;justify-content:space-between;align-items:center;padding:.5em 1em}.m-h .st-logo{font-size:1.05em}
.m-s{display:flex;align-items:center;gap:.4em;margin:0 .9em;background:#F2F5F9;border-radius:.6em;padding:.45em .6em;color:#8A95AB;font-size:.85em}.m-s em{font-style:normal;white-space:nowrap}
.m-hero{position:relative;margin:.7em .9em 0;border-radius:.9em;background:linear-gradient(120deg,#D9E9FF,#EEF5FF);padding:.8em;overflow:hidden;min-height:6.4em}
.m-hero h6{margin:0;font-size:.95em;line-height:1.15;font-weight:800;max-width:62%;color:#0E1A3E}
.m-hero span{display:inline-block;margin-top:.5em;background:var(--blue);color:#fff;font-weight:700;font-size:.75em;border-radius:.4em;padding:.35em .6em}
.m-hero .pr{position:absolute;right:.8em;bottom:.5em}
.st-sec.m{margin:.8em .9em .4em;background:none;box-shadow:none}.st-sec.m b{font-size:.95em}
.m-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5em;margin:0 .9em}.m-grid .pc{padding:.4em}.m-grid .pc-img{height:4.6em}.m-grid .pc-img .pr{transform:scale(.6)}.m-grid .pc-n{font-size:.75em}.m-grid .pc-f b{font-size:.8em}.m-grid .pc-add{width:1.3em;height:1.3em}
.m-wa{position:absolute;left:.9em;right:.9em;bottom:.9em;display:flex;align-items:center;justify-content:center;gap:.4em;background:#22C55E;color:#fff;font-weight:700;font-size:.85em;border-radius:.7em;padding:.6em}
.m-wa i{width:.9em;height:.9em;border-radius:50%;border:.15em solid #fff}
/* ---- admin/agenda ---- */
.ad{display:grid;grid-template-columns:10.5em 1fr;min-height:28em}
.ad-side{background:#0E1C44;color:#A9B8D9;padding:1.1em .8em;display:flex;flex-direction:column;gap:.35em;font-size:.95em}
.ad-logo{display:flex;align-items:center;gap:.5em;color:#fff;font-weight:800;font-size:1.15em;margin:0 .3em .9em}.ad-logo i{width:1.4em;height:1.4em;border-radius:.4em;background:linear-gradient(135deg,var(--blue),var(--cyan))}
.ad-side span{display:flex;align-items:center;gap:.6em;padding:.55em .7em;border-radius:.6em;font-weight:600}
.ad-side span.on{background:rgba(58,140,255,.22);color:#fff}
.ad-main{padding:1.1em 1.3em;background:#F7F9FC;min-width:0}
.ad-top{display:flex;justify-content:space-between;align-items:center;gap:1em}
.ad-top small{display:block;color:#7A86A0;font-weight:700}.ad-top b{font-size:1.35em;color:#0E1A3E}
.ad-tb{display:flex;align-items:center;gap:.5em}
.ad-tb .g{border:1px solid #D7E0EC;background:#fff;border-radius:.55em;padding:.45em .8em;font-weight:700}
.ad-tb .p{display:flex;align-items:center;gap:.3em;background:var(--blue);color:#fff;border-radius:.55em;padding:.45em .8em;font-weight:700;white-space:nowrap}.ad-tb .p svg{width:1em;height:1em}
.ad-tb .av{width:2em;height:2em;border-radius:50%;background:#DDE8FA;color:var(--blue);display:grid;place-items:center}
.ad-body{display:grid;grid-template-columns:1.55fr 1fr;gap:.9em;margin-top:1em}
.cal{display:grid;grid-template-columns:3.4em repeat(3,1fr);grid-template-rows:2.2em repeat(8,2.3em);background:#fff;border:1px solid #E3E9F2;border-radius:.9em;padding:.5em .6em;column-gap:.4em;position:relative}
.cal-h{grid-row:1;font-weight:700;font-size:.85em;display:flex;align-items:center;gap:.35em;color:#3A4560;white-space:nowrap;overflow:hidden}
.cal-h i{width:.7em;height:.7em;border-radius:50%}.d1{background:#1668F5}.d2{background:#12B5D6}.d3{background:#7C3AED}
.cal-t{grid-column:1;font-size:.78em;color:#8A95AB;padding-top:.1em}
.cal-l{grid-column:2/5;border-top:1px dashed #E6ECF4}
.ap{border-radius:.5em;padding:.35em .5em;font-size:.8em;overflow:hidden;margin:.1em 0;z-index:1}
.ap b{display:block}.ap small{display:block;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap.c1{background:#E3EEFF;border-left:.3em solid #1668F5;color:#0E3A9E}
.ap.c2{background:#DFF6FB;border-left:.3em solid #12B5D6;color:#0B5F73}
.ap.c3{background:#EFE7FF;border-left:.3em solid #7C3AED;color:#4A1FA0}
.ad-list{background:#fff;border:1px solid #E3E9F2;border-radius:.9em;padding:.8em .9em}
.ad-list>b{display:block;margin-bottom:.5em;color:#0E1A3E}
.od{display:flex;justify-content:space-between;align-items:center;gap:.5em;padding:.55em 0;border-top:1px solid #EEF2F7}
.od b{display:block;font-size:.95em}.od small{color:#7A86A0;font-size:.82em;white-space:nowrap}
.od em{font-style:normal;font-size:.78em;font-weight:700;padding:.25em .6em;border-radius:1em;white-space:nowrap}
.od .s1{background:#E3EEFF;color:#1668F5}.od .s2{background:#FFF3DC;color:#B26B00}.od .s3{background:#E1F7EA;color:#138A4A}.od .s4{background:#EFE7FF;color:#6D28D9}
/* ---- chat automation ---- */
.rau{display:grid;grid-template-columns:auto 1fr;gap:2em;align-items:center;max-width:560px}
.rau .ph{position:relative;width:21em;height:40em}
.ch-h{display:flex;align-items:center;gap:.6em;background:#0B5F55;color:#fff;padding:.4em .9em .8em}
.ch-b{display:grid}.ch-av{width:2.3em;height:2.3em;border-radius:50%;background:linear-gradient(135deg,#F59E0B,#EF4444)}
.ch-h b{display:block;font-size:1.05em}.ch-h small{opacity:.8;font-size:.85em}.ch-i{margin-left:auto;display:grid}
.ch-body{background:#EFE7DD;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:1.1em 1.1em;padding:.9em .7em;display:flex;flex-direction:column;gap:.5em;height:calc(100% - 9.3em)}
.ch-day{align-self:center;background:#fff;border-radius:.5em;padding:.2em .7em;font-size:.8em;color:#5B6680;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.mg{max-width:84%;padding:.5em .7em .35em;border-radius:.8em;font-size:.98em;line-height:1.35;box-shadow:0 1px 1px rgba(0,0,0,.1);position:relative}
.mg time{display:block;text-align:right;font-size:.72em;color:#7A869A;margin-top:.15em}
.mg.in{align-self:flex-start;background:#fff;border-top-left-radius:.2em}
.mg.out{align-self:flex-end;background:#D9FDD3;border-top-right-radius:.2em}
.mg small{display:block;font-size:.75em;font-weight:700;color:#0B8A74;margin-bottom:.15em}
.tk{font-style:normal;color:#34B7F1;letter-spacing:-.25em;margin-left:.15em}
.qr{align-self:flex-end;display:flex;gap:.35em}.qr span{background:#fff;border-radius:.6em;padding:.35em .7em;font-weight:700;color:#0B8A74;font-size:.9em;box-shadow:0 1px 1px rgba(0,0,0,.1)}.qr .on{background:#0B8A74;color:#fff}
.ch-in{position:absolute;left:.6em;right:.6em;bottom:.7em;display:flex;gap:.5em;align-items:center}
.ch-in span{flex:1;background:#fff;border-radius:1.5em;padding:.6em 1em;color:#8A95AB;box-shadow:0 1px 1px rgba(0,0,0,.1)}
.ch-in i{width:2.4em;height:2.4em;border-radius:50%;background:#0B8A74;color:#fff;display:grid;place-items:center}
.fl{background:#fff;border:1px solid #DCE5F1;border-radius:1.2em;padding:1.2em;box-shadow:0 2em 3.4em -2em rgba(12,32,80,.4);font-size:1.12em}
.fl-h{display:flex;align-items:center;gap:.7em;padding-bottom:.9em;border-bottom:1px solid #EEF2F7}
.fl-ic{width:2.4em;height:2.4em;border-radius:.7em;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan))}
.fl-h b{display:block;font-size:1.05em;color:#0E1A3E}.fl-h small{color:#7A86A0;font-size:.85em}
.fl-on{margin-left:auto;display:flex;align-items:center;gap:.35em;font-weight:700;font-size:.85em;color:#138A4A;background:#E1F7EA;border-radius:1em;padding:.25em .7em}.fl-on i{width:.55em;height:.55em;border-radius:50%;background:#22C55E}
.fl-s{list-style:none;margin:.9em 0 0;padding:0;display:grid;gap:.1em}
.fl-s li{display:flex;align-items:center;gap:.7em;padding:.55em .2em;position:relative}
.fl-s li:not(:last-child)::after{content:"";position:absolute;left:1.15em;top:2.4em;bottom:-.6em;width:2px;background:#D5E3F7}
.fl-s li>i{width:2.3em;height:2.3em;border-radius:50%;display:grid;place-items:center;flex:none;position:relative;z-index:1}
.fl-s li.ok>i{background:#E3EEFF;color:var(--blue)}.fl-s li.wait>i{background:#FFF3DC;color:#B26B00}
.fl-s b{display:block;font-size:.95em;color:#0E1A3E}.fl-s small{color:#7A86A0;font-size:.82em}
/* ---- traffic: search + social ---- */
.rtr{padding:0 11% 2em 0}
.sr{padding:1.1em 1.5em 1.3em}
.sr-bar{display:flex;align-items:center;gap:.7em;border:1px solid #DFE3EA;border-radius:2em;padding:.65em 1.1em;box-shadow:0 .15em .5em rgba(32,33,36,.12);max-width:32em}
.sr-q{flex:1;font-size:1.05em;color:#202124}.sr-x{color:#70757A;font-size:1.3em;line-height:1}.sr-sep{width:1px;height:1.4em;background:#DFE3EA}
.sr-mic{color:#4285F4;display:grid}.sr-go{color:#4285F4;display:grid}
.sr-tabs{display:flex;gap:1.4em;margin:.9em 0 .2em .4em;font-size:.95em;color:#5F6368;border-bottom:1px solid #EBEDF0}
.sr-tabs span{padding-bottom:.6em}.sr-tabs .on{color:#1A73E8;border-bottom:.2em solid #1A73E8;font-weight:600}
.sr-ad{padding:.9em .3em .7em;max-width:34em}
.sr-src{display:flex;align-items:center;gap:.6em}.fav{width:1.8em;height:1.8em;border-radius:50%;background:linear-gradient(135deg,#F59E0B,#EF4444);border:.2em solid #F1F3F4}
.sr-src b{display:block;font-size:.9em;color:#202124}.sr-src small{color:#4D5156;font-size:.85em}.sr-src .dt{margin-left:.2em;color:#70757A;display:grid}
.sr-t{color:#1A0DAB;font-size:1.45em;margin:.35em 0 .25em;line-height:1.25}
.sr-ad p{margin:0;color:#4D5156;font-size:.95em;line-height:1.45}
.sr-sl{display:flex;gap:.5em;margin-top:.6em;flex-wrap:wrap}.sr-sl span{color:#1A0DAB;border:1px solid #DADCE0;border-radius:1em;padding:.3em .8em;font-size:.88em}
.sr-map{border:1px solid #DADCE0;border-radius:.9em;overflow:hidden;max-width:34em;margin-top:.6em}
.mp{position:relative;height:7.4em;background:#E8EEE4;background-image:linear-gradient(0deg,rgba(255,255,255,.0),rgba(255,255,255,0)),radial-gradient(circle at 70% 30%,#D5E8CF 0 2.2em,transparent 2.3em),radial-gradient(circle at 15% 80%,#CFE3F5 0 2em,transparent 2.1em)}
.rd{position:absolute;background:#fff;box-shadow:0 0 0 .1em #D9DDD3}
.r1{left:0;right:0;top:40%;height:.6em}.r2{top:0;bottom:0;left:35%;width:.6em}.r3{left:0;right:0;top:78%;height:.4em;transform:rotate(-4deg)}.r4{top:0;bottom:0;left:72%;width:.45em;transform:rotate(12deg);background:#FFE7A3}
.pin{position:absolute;color:#fff;width:1.8em;height:1.8em;display:grid;place-items:center;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#EA4335;box-shadow:0 .2em .4em rgba(0,0,0,.25)}
.pin svg{transform:rotate(45deg);width:1em;height:1em}.pin.p1{left:20%;top:18%;background:#9AA0A6}.pin.p2{left:56%;top:52%;background:#9AA0A6}.pin.p3{left:44%;top:22%;width:2.2em;height:2.2em}
.mp-l{display:flex;align-items:center;justify-content:space-between;gap:.6em;padding:.7em .9em}
.mp-l b{display:block;color:#1A0DAB;font-size:1.02em}.mp-l small{color:#4D5156;font-size:.85em}
.mp-b{border:1px solid #DADCE0;border-radius:1em;padding:.3em .8em;color:#1A73E8;font-weight:600;font-size:.88em}
.sr-org{margin-top:1em;max-width:30em}.sr-org small{display:block;width:40%;height:.6em;border-radius:1em;background:#E8EAED}.sr-org i{display:block;width:70%;height:.9em;border-radius:1em;background:#D2E3FC;margin:.5em 0}
.sr-org span{display:block;height:.55em;border-radius:1em;background:#EDEFF2;margin-top:.4em}.sr-org span.s{width:60%}
.rtr .ph{right:0;bottom:0;width:31%;height:76%}
.ig-top{display:flex;align-items:center;gap:.8em;padding:.3em 1em .6em}.ig-top b{flex:1;font-size:1.15em}
.ig-ph{display:flex;align-items:center;gap:.5em;padding:.5em .8em}
.ig-av{width:2em;height:2em;border-radius:50%;background:linear-gradient(135deg,#F59E0B,#EF4444);box-shadow:0 0 0 .15em #fff,0 0 0 .3em #E1306C}
.ig-ph b{display:block;font-size:.9em}.ig-ph small{font-size:.75em;color:#5B6680}.ig-ph .dt{margin-left:auto;display:grid}
.ig-img{position:relative;aspect-ratio:1;background:linear-gradient(160deg,#1B2440,#2E3C6B 55%,#4B3A7A);overflow:hidden}
.ig-sc{position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(245,158,11,.55),transparent 45%),radial-gradient(circle at 25% 75%,rgba(18,207,243,.35),transparent 45%)}
.ig-icon{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);color:rgba(255,255,255,.92);display:grid}.ig-icon svg{width:5.4em;height:5.4em}
.bl{position:absolute;border-radius:.3em;background:linear-gradient(90deg,#C9D2DE,#fff,#AEB8C6)}.bl.b1{width:40%;height:.7em;left:30%;top:42%;transform:rotate(-24deg)}.bl.b2{width:40%;height:.7em;left:30%;top:42%;transform:rotate(24deg)}
.ig-cap{position:absolute;left:.8em;right:.8em;bottom:.8em;background:rgba(255,255,255,.92);border-radius:.6em;padding:.5em .7em}
.ig-cap b{display:block;font-size:.95em;color:#0E1A3E}.ig-cap small{font-size:.78em;color:#56637F}
.ig-cta{display:flex;justify-content:space-between;align-items:center;padding:.6em .9em;background:#EFF4FF;color:#1A5FE0;font-weight:700;font-size:.9em}
.ig-act{display:flex;gap:.8em;padding:.6em .9em .3em}.ig-act .bk{margin-left:auto}
.ig-tx{padding:0 .9em;font-size:.82em;line-height:1.35;color:#3A4560}.ig-tx b{color:#0E1A3E}
/* responsive inside panels */
@media (max-width:980px){.acc-vis{padding:48px 14px 22px}}
@media (max-width:620px){
 .rau{grid-template-columns:1fr;justify-items:center;gap:1.2em}.rau .ph{width:24em;height:42em}.fl{width:100%;font-size:1.3em}
 .rau{font-size:clamp(5px,2.5cqw,9px)}
}

/* ===== Nossos sistemas: vitrine ===== */
.sys{position:relative;background:#F4F8FE;padding:80px 0 88px}
.sys-alias{position:absolute;top:0}
.sys-head h2{font-size:clamp(30px,3.4vw,46px);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:0;max-width:22ch}
.sys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,600px));gap:22px;margin-top:34px}
.sysc{display:flex;align-items:center;gap:26px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 22px 50px -38px rgba(12,40,100,.45)}
.sysc-logo{all:unset;box-sizing:border-box;flex:none;cursor:pointer;width:136px;height:136px;padding:10px;border-radius:26px;border:2px solid #DCE6F3;background:#fff;display:grid;place-items:center;transition:border-color .4s,box-shadow .4s,transform .5s cubic-bezier(.22,1,.36,1)}
.sysc-logo img{width:100%;height:100%;object-fit:contain;border-radius:18px;display:block}
.sysc-logo:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 0 0 4px rgba(22,104,245,.12)}
.sysc-logo:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.sysc-txt{min-width:0}
.sys-live{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:700;color:#138A4A}
.sys-live i{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 4px rgba(34,197,94,.18)}
.sysc-desc{margin:0 0 18px;color:var(--muted);font-size:16px;line-height:1.55}
.sysc-btn{padding:13px 20px}.sysc-btn svg{width:18px;height:18px;transition:transform .5s cubic-bezier(.22,1,.36,1)}.sysc-btn:hover svg{transform:translateX(4px)}
/* ===== tela sobreposta ===== */
html.sov-open,html.sov-open body{overflow:hidden}
html.sov-open .wa-float{opacity:0;pointer-events:none}
.sov{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;background:linear-gradient(180deg,#F5F9FF 0,#EEF4FD 100%);height:100vh;height:100dvh;animation:sovIn .45s cubic-bezier(.22,1,.36,1)}
.sov[hidden]{display:none}
@keyframes sovIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.sov-bar{flex:none;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.sov-bar-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;gap:12px}
.sov-back{all:unset;box-sizing:border-box;justify-self:start;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:700;font-size:15px;color:var(--link);padding:10px 14px 10px 8px;border-radius:12px}
.sov-back:hover{background:#EAF2FE}.sov-back svg{width:20px;height:20px}
.sov-brand{display:flex;align-items:center;gap:10px}
.sov-brand img{width:36px;height:36px;border-radius:9px}
.sov-brand b{font-family:"Sora",sans-serif;font-size:17px;letter-spacing:-.01em}
.sov-x{all:unset;box-sizing:border-box;justify-self:end;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#0E1A3E;background:#EEF3FA}
.sov-x:hover{background:#E1EAF7}.sov-x svg{width:20px;height:20px}
.sov-back:focus-visible,.sov-x:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.sov-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 40px)}
.sov-body:focus{outline:none}
.sov-hero{padding:44px 0 8px;max-width:820px}
.sov-hero h2{font-size:clamp(30px,3.6vw,48px);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:4px 0 12px}
.sys-lead{margin:0;font-size:18.5px;line-height:1.55;color:var(--ink);font-weight:500}
.sys-tech{margin:12px 0 0;font-size:14px;color:var(--muted)}
.sys-demo{margin:4px 0 0;font-size:14px;color:var(--muted)}
.sov-foot{display:flex;justify-content:center;margin-top:28px}
.sov-back2{border:1.5px solid color-mix(in srgb,var(--blue) 60%,transparent);color:var(--link);background:#fff;padding:13px 20px}.sov-back2 svg{width:18px;height:18px}
/* etapas */
.sys-steps{list-style:none;margin:0;padding:0}
.ss{padding:48px 0;position:relative}
.ss+.ss{border-top:1px solid #E1EAF6}
.ss.side{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.6fr);gap:48px;align-items:center}
.ss.wide .ss-text{display:grid;grid-template-columns:auto minmax(0,.9fr) minmax(0,1.4fr);column-gap:18px;align-items:baseline;padding-left:0;margin-bottom:22px}
.ss.wide .ss-n{position:static;align-self:center}
.ss.wide h4{margin:0}.ss.wide p{max-width:62ch}
.ss-text{position:relative;padding-left:62px}
.ss-n{position:absolute;left:0;top:-4px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:"Sora",sans-serif;font-weight:700;font-size:17px;color:var(--link);background:#fff;border:2px solid var(--blue)}
.ss h4{font-family:"Sora",sans-serif;font-size:23px;font-weight:700;letter-spacing:-.02em;margin:4px 0 10px;line-height:1.2}
.ss p{margin:0;color:var(--muted);font-size:16.5px;line-height:1.6;max-width:40ch}
.ss-fig{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ss-tag{font-size:12px;font-weight:600;color:var(--muted);background:#fff;border:1px solid var(--line);padding:4px 10px;border-radius:999px}
.ss-open{all:unset;box-sizing:border-box;display:block;width:100%;cursor:zoom-in;position:relative;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #D9E3F0;box-shadow:0 28px 60px -36px rgba(12,40,100,.45),0 2px 6px -2px rgba(12,40,100,.12);transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s}
.ss-open:hover{transform:translateY(-3px)}
.ss-open:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.ss-open img{display:block;width:100%;height:auto}
.m-only{display:none}
.ss-zoom{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#fff;background:rgba(14,26,62,.72);padding:6px 10px;border-radius:999px;opacity:0;transition:opacity .4s}
.ss-zoom svg{width:15px;height:15px}
.ss-open:hover .ss-zoom,.ss-open:focus-visible .ss-zoom{opacity:1}
.ss.paper .ss-fig{max-width:330px;justify-self:center;width:100%;align-items:center}
.ss.paper .ss-open{transform:rotate(-1.4deg);border-color:#E6EBF2}
.ss.paper .ss-open:hover{transform:rotate(-1.4deg) translateY(-3px)}
.sys-end{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:16px;padding:28px 32px;border-radius:20px;background:linear-gradient(120deg,#E3EEFE,#F1F7FF);border:1px solid #D6E4F8}
.sys-end h4{margin:0 0 6px;font-family:"Sora",sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.sys-end p{margin:0;font-size:16.5px;line-height:1.55;color:#2C3858;max-width:56ch}
.sys-btn{flex:none;padding:15px 22px}
/* ampliar */
.lb{position:fixed;inset:0;z-index:100;background:rgba(8,16,40,.9);display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 62px) 12px calc(env(safe-area-inset-bottom,0px) + 16px)}
.lb[hidden]{display:none}
.lb-in{max-width:min(1400px,100%);max-height:100%;overflow:auto;border-radius:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.lb-in img{display:block;width:100%;max-width:1400px}
.lb-in.tall img{width:auto;max-height:calc(100vh - 110px);max-width:100%;margin:auto}
.lb-x{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);right:12px;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#0E1A3E;font-size:28px;line-height:1;cursor:pointer}
@media (max-width:700px){.lb-in:not(.tall) img{width:220vw;max-width:none}}
@media (max-width:980px){.ss.side{gap:32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr)}.ss.wide .ss-text{grid-template-columns:auto 1fr}.ss.wide .ss-text p{grid-column:2}}
@media (max-width:700px){
 .sys{padding:52px 0 60px}
 .sys-head h2{font-size:28px}
 .sys-grid{grid-template-columns:1fr;margin-top:24px}
 .sysc{flex-direction:column;align-items:flex-start;gap:16px;padding:20px;border-radius:20px}
 .sysc-logo{width:112px;height:112px;border-radius:22px}
 .sysc-btn{width:100%;justify-content:center}
 .sov-bar-in{height:58px;grid-template-columns:auto 1fr auto}
 .sov-brand{justify-self:center}.sov-brand b{font-size:16px}.sov-brand img{width:30px;height:30px}
 .sov-back span{display:none}.sov-back{padding:10px}
 .sov-hero{padding:28px 0 4px}.sov-hero h2{font-size:28px}.sys-lead{font-size:16.5px}
 .ss{padding:32px 0}.ss.side{display:block}
 .ss-text,.ss.wide .ss-text{display:block;position:relative;padding-left:52px;margin-bottom:16px}
 .ss-n,.ss.wide .ss-n{position:absolute;left:0;top:-2px;width:38px;height:38px;font-size:15px}
 .ss h4,.ss.wide h4{font-size:20px;margin:2px 0 6px}.ss p{font-size:15.5px}
 .d-only{display:none}.m-only{display:block}
 .m-stack{display:flex;flex-direction:column}
 .m-item{display:block;border-bottom:1px solid #E3EAF4}
 .m-item img.narrow{width:72%;margin:0 auto}
 .m-item small{display:block;padding:6px 12px;font-size:12px;font-weight:700;color:var(--muted);background:#F7FAFE;border-top:1px solid #E3EAF4}
 .ss-zoom{position:static;opacity:1;justify-content:center;border-radius:0;background:#EEF4FD;color:var(--link);font-size:13px;padding:10px}
 .ss.paper .ss-fig{max-width:270px;margin:0 auto}
 .sys-end{flex-direction:column;align-items:stretch;padding:22px 18px;gap:16px}
 .sys-end h4{font-size:20px}.sys-end p{font-size:15.5px}
 .sys-btn{justify-content:center;white-space:normal;text-align:center}
 .sov-back2{width:100%;justify-content:center}
}

/* vitrine com vários sistemas */
.sys-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))!important;align-items:stretch}
.sysc{align-items:flex-start}
.sysc-logo{width:120px;height:120px}
.sysc-name{margin:0 0 6px;font-family:"Sora",sans-serif;font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--ink)}
.sys-live.blue{color:var(--link)}.sys-live.blue i{background:var(--blue);box-shadow:0 0 0 4px rgba(22,104,245,.16)}
.sysc-desc{margin-bottom:16px}
/* apresentação do painel */
.sov-brand.wide{min-width:0}.sov-brand.wide b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sov-logo{display:block;width:min(360px,80%);height:auto;margin:0 0 18px}
.ss-note{margin-top:10px!important;font-size:14px!important;color:var(--muted);padding:10px 12px;border-left:3px solid #BFD6F8;background:#fff;border-radius:0 10px 10px 0;max-width:62ch!important}
.ss.wide .ss-note{grid-column:2/-1}
.ss-multi{display:grid;gap:22px}
.ss-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ss-fig.mini figcaption{font-size:13.5px;font-weight:600;color:var(--muted)}
@media (max-width:700px){
 .sysc-logo{width:96px;height:96px}
 .sysc{padding:18px}
 .sov-brand.wide b{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}
 .sov-logo{width:78%;margin-bottom:14px}
 .ss-pair{grid-template-columns:1fr}
 .ss-multi,.ss-pair{gap:18px}
}

.ss-dash{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:16px}
.ss-dash h5{margin:0 0 6px;font-family:"Sora",sans-serif;font-size:17px;font-weight:700;color:var(--ink)}
.ss-dash p{margin:0 0 10px!important;font-size:15px!important;color:var(--muted)}
.ss-dash ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.ss-dash li{position:relative;padding-left:18px;font-size:15px;color:#2C3858}
.ss-dash li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.ss-dash .ss-fig.mini .ss-open{box-shadow:0 10px 24px -18px rgba(12,40,100,.35)}
@media (max-width:700px){.ss-dash{grid-template-columns:1fr;gap:16px;padding:16px}}

/* vitrine: cards verticais em colunas */
.sys-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}
.sysc{flex-direction:column;align-items:flex-start;gap:16px}
.sysc-txt{display:flex;flex-direction:column;flex:1;width:100%}
.sysc-desc{flex:1}
.sysc-btn{align-self:flex-start}
.sysc-logo{width:104px;height:104px;border-radius:22px}
/* espaço reservado para imagem */
.narrow-fig{max-width:620px}
.ph-slot{width:100%;aspect-ratio:16/10;border:2px dashed #B9CDEB;border-radius:14px;background:repeating-linear-gradient(135deg,#F7FAFF 0 14px,#EFF5FE 14px 28px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;color:var(--link)}
.ph-slot svg{width:40px;height:40px;opacity:.8}
.ph-slot b{font-family:"Sora",sans-serif;font-size:17px;color:var(--ink)}
.ph-slot small{font-size:13.5px;color:var(--muted);max-width:38ch;line-height:1.45}
.sys-end.two{align-items:center}
.sys-end-btns{display:flex;flex-direction:column;gap:10px;flex:none}
.sov-ext{border:1.5px solid color-mix(in srgb,var(--blue) 60%,transparent);color:var(--link);background:#fff;padding:14px 20px;justify-content:center}
.sov-ext svg{width:17px;height:17px}
@media (max-width:700px){.ph-slot{aspect-ratio:4/3}.sys-end-btns{width:100%}.sov-ext,.sys-end-btns .sys-btn{width:100%;justify-content:center;white-space:normal;text-align:center}.sysc-btn{align-self:stretch}}

/* logos fiéis nos cards */
.sysc-logo{width:100%!important;height:112px!important;padding:14px 18px!important;border-radius:18px!important}
.sysc-logo{display:flex!important;align-items:center;justify-content:center}
.sysc-logo img{width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain;border-radius:0}
@media (max-width:700px){.sysc-logo{height:100px!important}}

/* padrão único das logos nos cards */
.sysc-logo img{height:52px!important;width:auto!important;max-width:100%;max-height:none}
.ss-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
.ss-fig .ss-tag+.ss-open{margin-top:0}
@media (max-width:980px){.ss-trio{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.ss-trio{grid-template-columns:1fr}.sysc-logo img{height:48px!important}}

/* 4 projetos: 2x2 no PC com cards horizontais */
@media (min-width:981px){
 .sys-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px}
 .sysc{flex-direction:row!important;align-items:center;gap:24px;padding:24px}
 .sysc-logo{width:250px!important;height:140px!important;flex:none}
 .sysc-txt{min-height:140px;justify-content:center}
 .sysc-desc{flex:0 0 auto}
}
@media (min-width:701px) and (max-width:980px){.sys-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.ss-chips{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ss-chips li{font-size:13.5px;font-weight:600;color:var(--link);background:#fff;border:1px solid #CFE0F7;border-radius:999px;padding:6px 12px}
.ss-note.chipsbox{border:0!important;background:none!important;padding:0!important;margin-top:4px!important}
.ss.wide .ss-text .ss-note{grid-column:2/-1}
.ss.paper.doc .ss-fig{max-width:540px}
.ss.paper.doc .ss-open{transform:none}
@media (max-width:700px){.ss.paper.doc .ss-fig{max-width:100%}}
@media (min-width:981px){.sysc-logo img{height:62px!important}}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sov-brand .sov-brand-lock{width:auto!important;height:34px!important;border-radius:0!important}
@media (max-width:700px){.sov-brand .sov-brand-lock{height:28px!important}}
@media (prefers-reduced-motion:reduce){.sov{animation:none}.ss-open,.ss-zoom,.sysc-logo{transition:none}}

/* ===== Sob medida por ramo ===== */
.rms .sec-lead{max-width:60ch}
.rm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
.rmc{display:flex;flex-direction:column;align-items:flex-start;padding:24px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 44px -36px rgba(12,40,100,.45);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}
.rmc:hover{transform:translateY(-3px);box-shadow:0 26px 50px -34px rgba(12,40,100,.5)}
.rmc-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}
.rmc-ic{width:56px;height:56px;border-radius:16px;flex:none}
.rm-tag{display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:var(--link);background:#EAF2FE;border:1px solid #D2E3FB;padding:4px 10px;border-radius:999px;white-space:nowrap}
.rmc h3{margin:18px 0 6px;font-family:"Sora",sans-serif;font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.rmc p{margin:0 0 18px;color:var(--muted);font-size:15.5px;line-height:1.55;flex:1}
.rmc-btn{padding:11px 18px;font-size:15px;color:var(--link);background:#fff;border:1.5px solid color-mix(in srgb,var(--blue) 55%,transparent)}
.rmc-btn:hover{background:#EEF4FD}
.rmc-btn svg{width:17px;height:17px;transition:transform .5s cubic-bezier(.22,1,.36,1)}.rmc-btn:hover svg{transform:translateX(4px)}
.rm-foot{margin:26px 0 0;color:var(--muted);font-size:15.5px}.rm-foot a{color:var(--link);font-weight:700}
.rm-hero{padding:40px 0 18px;max-width:820px}
.rm-hero h2{font-size:clamp(30px,3.6vw,46px);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:14px 0 12px}
.rm-fig{margin:6px 0 0}
.rm-info{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start;margin:30px 0 8px}
.rm-info h4{margin:0 0 12px;font-family:"Sora",sans-serif;font-size:20px;font-weight:700;color:var(--ink)}
.rm-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rm-list li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.45}
.rm-list li span{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;background:#E3EEFF;color:var(--blue)}
.rm-list li span svg{width:13px;height:13px}
.rm-note{margin:0;font-size:14px;line-height:1.55;color:var(--muted);padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:14px}
@media (max-width:980px){.rm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.rm-grid{grid-template-columns:1fr;gap:14px;margin-top:24px}.rmc{padding:20px}.rmc-btn{width:100%;justify-content:center}.rm-hero{padding:26px 0 12px}.rm-hero h2{font-size:28px}.rm-info{grid-template-columns:1fr;gap:18px}.rm-fig .m-item img.narrow{width:78%}}
@media (prefers-reduced-motion:reduce){.rmc{transition:none}}

/* Chamada final: leitura no celular */
@media (max-width:760px){.fin{padding:36px 22px!important;gap:22px!important;text-align:left}.fin h2{font-size:27px!important;line-height:1.15;max-width:none!important}.fin p{font-size:16.5px!important;line-height:1.55;margin-top:12px!important}.fin .btn{width:100%;justify-content:center;padding:16px 18px}.fin img{width:200px!important;right:-50px!important;bottom:-60px!important;opacity:.1!important}}

/* Por que a Andrade Logic: mais compacta no celular */
@media (max-width:700px){section.blk:has(.why){padding:52px 0 56px}.why{gap:26px;margin-top:26px}}

/* ===== Como funciona ===== */
section.blk.hw{background:#F4F8FE;padding:80px 0 84px}
.hw-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative}
.hw-steps::before{content:"";position:absolute;left:28px;right:calc((100% - 72px)/4 - 28px);top:28px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:.55}
.hw-step{position:relative;padding:0 8px 0 0}
.hw-ic{position:relative;z-index:1;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:var(--blue);background:#fff;border:1.5px solid #CFE0F7;box-shadow:0 12px 26px -18px rgba(22,104,245,.55)}
.hw-ic svg{width:26px;height:26px}
.hw-n{display:block;margin:18px 0 4px;font-family:"Sora",sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--link)}
.hw-step h3{margin:0 0 8px;font-family:"Sora",sans-serif;font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.hw-step p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.6;max-width:30ch}
@media (max-width:980px){.hw-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}.hw-steps::before{display:none}}
@media (max-width:700px){
 section.blk.hw{padding:52px 0 56px}
 .hw-steps{grid-template-columns:1fr;row-gap:0;margin-top:26px}
 .hw-step{display:grid;grid-template-columns:48px 1fr;column-gap:16px;padding:0 0 26px}
 .hw-step:not(:last-child)::after{content:"";position:absolute;left:23px;top:50px;bottom:4px;width:2px;background:linear-gradient(180deg,var(--blue),var(--cyan));opacity:.45}
 .hw-ic{width:48px;height:48px;border-radius:15px;grid-row:1/span 3}
 .hw-ic svg{width:22px;height:22px}
 .hw-n{margin:2px 0 2px;grid-column:2}
 .hw-step h3{grid-column:2;font-size:18px;margin-bottom:4px}
 .hw-step p{grid-column:2;font-size:15px;max-width:none}
}

/* transição Soluções -> próxima seção (sem a seção azul) */
.sol{padding-bottom:56px}
section.blk.farma{padding-top:64px}
@media (max-width:860px){.sol{padding-bottom:44px}section.blk.farma{padding-top:48px}}