/* Navega · paginas de Produtos (feature/1.4). Cada pagina tem a sua interacao; o resto vem do v3.css. */

/* ---------- comum ---------- */
.phero h1{font-size:clamp(34px,4.2vw,54px);max-width:16ch}
.phero .box .in>div,.phero .stg{min-width:0}
@keyframes p-in{from{opacity:0;transform:translateY(8px)}}
@keyframes p-pulse{0%{box-shadow:0 0 0 0 rgba(47,179,107,.55)}70%{box-shadow:0 0 0 8px rgba(47,179,107,0)}100%{box-shadow:0 0 0 0 rgba(47,179,107,0)}}
.hero3 .pop.hit{box-shadow:0 0 0 4px rgba(211,95,34,.35),0 16px 40px rgba(20,40,25,.22);scale:1.06;transition:scale .3s,box-shadow .3s}
.phero .links{position:absolute;inset:0;width:100%;height:100%;left:0;right:0;overflow:visible}
@media(max-width:900px){.phero .stgw{transform:none;margin-top:8px}.phero .box{padding-bottom:24px}}

/* ---------- visao geral: janela das cinco solucoes ---------- */
.shero .stg{max-width:900px}
.s5{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:18px 70px 78px}
.s5 .r{display:flex;flex-direction:column;gap:10px;padding:14px 12px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none;transition:border-color .3s,box-shadow .3s,background .3s}
.s5 .r b{font-family:var(--serif);font-weight:500;font-size:16px;line-height:1.15}
.s5 .dia{width:100%;height:40px;display:block}
.s5 .dia .w{fill:none;stroke:var(--prata);stroke-width:1.5}.s5 .dia .nd{fill:#fff;stroke:var(--prata);stroke-width:1.5}.s5 .dia .dot{fill:var(--terra2)}
.s5 .r.on,.s5 .r:hover{border-color:var(--verde-b);background:#F5F7F3;box-shadow:0 12px 28px rgba(20,40,25,.10)}
.s5 .r p{position:absolute;left:70px;right:70px;bottom:18px;margin:0;font-size:14.5px;color:var(--ink2);opacity:0;transform:translateY(6px);pointer-events:none}
.s5 .r p em{font-style:normal;font-weight:600;color:var(--terra2);margin-left:8px;white-space:nowrap}
.s5 .r.on p{opacity:1;transform:none;transition:opacity .45s .1s,transform .45s .1s}
.shero .l1{left:-120px;top:8px}.shero .l2{left:-100px;top:64px}.shero .l3{left:-130px;top:150px}
.shero .r1{right:-130px;top:22px}.shero .r2{right:-150px;top:98px}.shero .r3{right:-120px;top:178px}
@media(max-width:1200px){.shero .l1,.shero .l2,.shero .l3{left:-30px}.shero .r1,.shero .r2,.shero .r3{right:-30px}.s5{padding-left:40px;padding-right:40px}.s5 .r p{left:40px;right:40px}}
@media(max-width:900px){.s5{grid-template-columns:1fr;gap:6px;padding:12px 14px 96px}.s5 .r{flex-direction:row;align-items:center;padding:9px 12px}.s5 .dia{width:84px;height:26px;flex:none}.s5 .r p{left:16px;right:16px;bottom:14px;font-size:13.5px}}

/* visao geral: para quem e */
.quem .qc{display:flex;align-items:center;gap:12px}
.quem .qc::before{content:"✓";flex:none;width:24px;height:24px;border-radius:50%;background:#EEF4EA;color:var(--verde-b);display:grid;place-items:center;font-size:12px;font-weight:700;transition:background .3s,color .3s}
.quem .qc:hover{border-color:var(--verde-b)}.quem .qc:hover::before{background:var(--verde-b);color:#fff}

/* ---------- Automacao e IA: o agente em forma de orbe ---------- */
.orbcard{position:relative;z-index:1;background:linear-gradient(160deg,#0C1D16,#12291F 60%,#0E231A);border:1px solid rgba(191,245,227,.18);border-radius:22px;box-shadow:0 34px 90px rgba(0,0,0,.38);color:#E8F5EE;overflow:hidden;text-align:left}
.orbcard::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(191,245,227,.07) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}
.ohd{position:relative;display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(191,245,227,.12);font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:rgba(232,245,238,.72)}
.ohd .dot{width:8px;height:8px;border-radius:50%;background:#2FB36B;animation:p-pulse 2s infinite}
.ohd .st{margin-left:auto;color:var(--menta);transition:color .3s}
.orbwrap{position:relative;display:grid;place-items:center;height:196px}
.orbwrap::before,.orbwrap::after{content:"";position:absolute;width:168px;height:168px;border-radius:50%;border:1px solid rgba(191,245,227,.22);animation:o-ring 3.2s ease-out infinite}
.orbwrap::after{animation-delay:1.6s}
@keyframes o-ring{from{transform:scale(.82);opacity:.9}to{transform:scale(1.4);opacity:0}}
.orb{position:relative;width:138px;height:138px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 55%,#11957B,#0A4A3D 62%,#062A22);box-shadow:0 0 36px rgba(20,169,138,.6),0 0 90px rgba(191,245,227,.22),inset 0 0 26px rgba(255,255,255,.22);animation:o-breath 4.2s ease-in-out infinite;transition:box-shadow .4s}
.orb i{position:absolute;inset:-35%;border-radius:42%;filter:blur(16px);mix-blend-mode:screen}
.orb i:nth-child(1){background:radial-gradient(circle at 32% 38%,#BFF5E3 0,transparent 42%);animation:o-spin 7s linear infinite}
.orb i:nth-child(2){background:radial-gradient(circle at 68% 62%,#2FE0B8 0,transparent 46%);animation:o-spin 5s linear infinite reverse}
.orb i:nth-child(3){background:radial-gradient(circle at 50% 82%,rgba(240,155,95,.9) 0,transparent 36%);animation:o-spin 9s linear infinite}
.orb b{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.6),transparent 30%),radial-gradient(circle at 50% 50%,transparent 58%,rgba(0,0,0,.28))}
@keyframes o-spin{to{transform:rotate(360deg)}}
@keyframes o-breath{50%{transform:scale(1.045)}}
.orb.think i{animation-duration:1.6s}
.orb.think{box-shadow:0 0 50px rgba(47,224,184,.85),0 0 120px rgba(191,245,227,.35),inset 0 0 26px rgba(255,255,255,.3)}
.orbcard.talking .orb{animation:o-talk .42s ease-in-out infinite}
@keyframes o-talk{50%{transform:scale(1.08)}}
.wave{position:absolute;bottom:12px;display:flex;gap:3px;height:18px;align-items:center}
.wave i{width:3px;height:4px;border-radius:2px;background:var(--menta);opacity:.45}
.orbcard.talking .wave i{animation:o-wave .55s ease-in-out infinite;opacity:.9}
.wave i:nth-child(2){animation-delay:.08s!important}.wave i:nth-child(3){animation-delay:.16s!important}.wave i:nth-child(4){animation-delay:.24s!important}.wave i:nth-child(5){animation-delay:.32s!important}.wave i:nth-child(6){animation-delay:.4s!important}.wave i:nth-child(7){animation-delay:.48s!important}
@keyframes o-wave{50%{height:16px}}
.ochat{position:relative;height:150px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:0 16px 12px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}
.ob{max-width:84%;padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.4;animation:p-in .35s cubic-bezier(.2,.8,.2,1)}
.ob.q{align-self:flex-start;background:#fff;color:var(--ink);border-bottom-left-radius:4px}
.ob.a{align-self:flex-end;background:rgba(191,245,227,.13);border:1px solid rgba(191,245,227,.26);color:#E8F5EE;border-bottom-right-radius:4px}
.ob.t{align-self:center;font-family:var(--mono);font-size:11px;color:var(--menta);padding:2px 0;max-width:none}
.ob.t::before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border:2px solid var(--menta);border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:o-spin .7s linear infinite}
.ob .bd{display:inline-block;margin-left:8px;font-family:var(--mono);font-size:10px;padding:2px 8px;border-radius:999px;background:#2FB36B;color:#fff;vertical-align:1px;animation:p-in .3s}
.ob .bd.esc{background:#F3C96B;color:#5A3E1B}
.ob .nf{display:flex;align-items:center;gap:8px;margin-top:8px;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.08);font-family:var(--mono);font-size:11px}
.ob .nf::before{content:"";width:16px;height:20px;border-radius:3px;background:linear-gradient(135deg,#fff 70%,var(--menta) 70%)}
.oq{position:relative;display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px 16px;border-top:1px solid rgba(191,245,227,.12)}
.oq button{font:inherit;font-size:12.5px;font-weight:600;color:#E8F5EE;background:rgba(255,255,255,.06);border:1px solid rgba(191,245,227,.26);border-radius:999px;padding:6px 10px;cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.oq button:hover{background:rgba(191,245,227,.16)}
.oq button.on{background:var(--menta);color:#0C1D16;border-color:transparent}
.oq button:disabled{cursor:default}.oq button:disabled:not(.on){opacity:.5}
.aihero .p1{left:-34px;top:-18px}.aihero .p4{right:-24px;top:-18px;animation-delay:2.4s}.aihero .p2{right:-34px;top:118px;animation-delay:.8s}.aihero .p3{left:-40px;top:196px;animation-delay:1.6s}
@media(max-width:1200px){.aihero .p1,.aihero .p3{left:-12px}.aihero .p2,.aihero .p4{right:-12px}}

/* Automacao e IA: a regra decide para onde vai cada tarefa */
.auto2{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.rota{background:#fff;border:1px solid var(--prata);border-radius:22px;padding:22px;box-shadow:0 26px 60px rgba(20,40,25,.10)}
.rin{display:flex;align-items:center;gap:12px;min-height:46px}
.rin .lb{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.rtok{display:inline-flex;align-items:center;gap:8px;background:#16211A;color:#E8F5EE;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}
.rtok::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--menta)}
.rtok.chega{animation:r-drop .5s cubic-bezier(.2,.8,.2,1)}
@keyframes r-drop{from{opacity:0;transform:translateY(-16px) scale(.96)}}
.rgate{position:relative;margin:14px 0;height:44px;border-radius:12px;background:repeating-linear-gradient(90deg,#F5F7F3 0 10px,#EEF2EC 10px 20px);border:1px dashed #C9D6C6;display:flex;align-items:center;justify-content:center;overflow:hidden}
.rgate span{position:relative;z-index:1;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--verde-b);background:#fff;padding:4px 10px;border-radius:999px;border:1px solid #D8E6D2}
.rgate i{position:absolute;top:0;bottom:0;width:60px;left:-60px;background:linear-gradient(90deg,transparent,rgba(20,169,138,.35),transparent)}
.rgate.scan i{animation:r-scan .8s ease-in-out}
@keyframes r-scan{to{left:100%}}
.rlanes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ln{border-radius:14px;padding:12px;min-height:180px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .3s}
.ln>b{font-size:13px;line-height:1.3;font-weight:700;display:flex;gap:8px;align-items:flex-start}
.ln>b::before{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#fff}
.ln.l1{background:#EEF4EA;border:1px solid #D8E6D2;color:#1F4D30}.ln.l1>b::before{content:"✓";background:var(--verde-b)}
.ln.l2{background:#FBF3E1;border:1px solid #EBD9AE;color:#5A3E1B}.ln.l2>b::before{content:"!";background:#D9A33A}
.ln.l3{background:#FBEDE4;border:1px solid #F0C6A8;color:#7A3A14}.ln.l3>b::before{content:"☺";background:var(--terra2)}
.ln.hit{box-shadow:0 0 0 3px rgba(20,169,138,.25)}
.ln .ct{margin-top:auto;font-family:var(--mono);font-size:11px;opacity:.75}
.rcard{background:#fff;border-radius:10px;padding:7px 9px;font-size:12.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 12px rgba(20,40,25,.06);animation:r-drop .45s cubic-bezier(.2,.8,.2,1)}
.rcard button{display:block;margin-top:6px;width:100%;font:inherit;font-size:11.5px;font-weight:700;border:0;border-radius:8px;padding:6px;background:#D9A33A;color:#fff;cursor:pointer}
.rcard button:hover{background:#C28E2A}
.rcard.ok{background:#E6F3E8}.rcard.ok em{display:block;font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--verde-b);font-weight:500}
@media(max-width:900px){.auto2{grid-template-columns:1fr;gap:26px}.rlanes{grid-template-columns:1fr}.ln{min-height:0}}

/* Automacao e IA: icones que se mexem */
.usec.stag .uc{transition:opacity .6s,transform .7s cubic-bezier(.16,.8,.24,1),box-shadow .25s,border-color .25s}
.usec .uc:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(30,40,20,.10);border-color:#D8E6D2}
.usec .uc .ic{width:58px;height:58px;border-radius:16px;background:#F3F7F2;border:1px solid #DDE7D8;margin-bottom:14px}
.ai-ic{width:40px;height:40px;overflow:visible}
.ai-ic .s{fill:none;stroke:var(--verde-b);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.ai-ic .a{fill:var(--terra2)}.ai-ic .k{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ai-ic .x{transform-box:fill-box;transform-origin:center}
.ai-ic .bb{transform-box:fill-box;transform-origin:bottom}
@keyframes i-bnc{0%,60%,100%{transform:none}30%{transform:translateY(-4px)}}
@keyframes i-pop{0%{transform:scale(0)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
@keyframes i-grow{from{transform:scaleY(.2)}}
@keyframes i-rot{to{transform:rotate(360deg)}}
@keyframes i-fall{0%{transform:translateY(-6px);opacity:0}30%{opacity:1}100%{transform:translateY(22px);opacity:0}}
@keyframes i-tick{from{stroke-dashoffset:20}to{stroke-dashoffset:0}}
.usec.vis .uc .d1,.usec .uc:hover .d1{animation:i-bnc 1s 2}.usec.vis .uc .d2,.usec .uc:hover .d2{animation:i-bnc 1s .15s 2}.usec.vis .uc .d3,.usec .uc:hover .d3{animation:i-bnc 1s .3s 2}
.usec.vis .uc .pp,.usec .uc:hover .pp{animation:i-pop .6s .3s both}
.usec.vis .uc .bb,.usec .uc:hover .bb{animation:i-grow .9s cubic-bezier(.2,.8,.2,1) both}.usec .uc .bb.b2{animation-delay:.15s}.usec .uc .bb.b3{animation-delay:.3s}
.usec.vis .uc .rt,.usec .uc:hover .rt{animation:i-rot 1.6s ease-in-out}
.usec.vis .uc .f1,.usec .uc:hover .f1{animation:i-fall 1.4s 2}.usec.vis .uc .f2,.usec .uc:hover .f2{animation:i-fall 1.4s .35s 2}.usec.vis .uc .f3,.usec .uc:hover .f3{animation:i-fall 1.4s .7s 2}
.ai-ic .tc{stroke-dasharray:20}.usec.vis .uc .tc,.usec .uc:hover .tc{animation:i-tick .6s .4s both}
.usec .uc:hover .d1,.usec .uc:hover .d2,.usec .uc:hover .d3,.usec .uc:hover .f1,.usec .uc:hover .f2,.usec .uc:hover .f3{animation-iteration-count:infinite}


/* ---------- Integracoes: o pedido viajando pelo circuito ---------- */
.ig-board{position:relative;z-index:1;background:#fff;border:1px solid #D9DED6;border-radius:20px;box-shadow:0 34px 90px rgba(0,0,0,.30);overflow:hidden;color:var(--ink);text-align:left}
.ig-hd{display:flex;align-items:center;gap:7px;padding:11px 16px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--ink3)}
.ig-hd>i{width:9px;height:9px;border-radius:50%;background:#F28B82}.ig-hd>i:nth-child(2){background:#F3C96B}.ig-hd>i:nth-child(3){background:#7ED957}
.ig-hd .hint{margin-left:auto;color:var(--terra2)}
.ig-area{position:relative;display:grid;grid-template-columns:112px 1fr 170px;align-items:center;height:292px;padding:0 16px;background-color:#fff;background-image:linear-gradient(#F0F3EE 1px,transparent 1px),linear-gradient(90deg,#F0F3EE 1px,transparent 1px);background-size:22px 22px}
.ig-area svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ig-col{position:relative;z-index:1;display:grid;gap:14px}
.ig-src{font:inherit;cursor:pointer;background:#fff;border:1px solid var(--prata);border-radius:14px;height:62px;display:grid;place-items:center;box-shadow:0 8px 20px rgba(20,40,25,.08);transition:transform .2s,box-shadow .2s,border-color .2s}
.ig-src img{max-height:36px;max-width:84px;display:block}
.ig-src:hover{transform:translateY(-2px);border-color:var(--verde-b)}
.ig-src.on{border-color:var(--terra2);box-shadow:0 0 0 4px rgba(211,95,34,.16),0 8px 20px rgba(20,40,25,.08)}
.ig-dst{position:relative;background:#fff;border:1px solid var(--prata);border-radius:14px;padding:9px 12px;height:62px;display:flex;flex-direction:column;justify-content:center;gap:4px;box-shadow:0 8px 20px rgba(20,40,25,.08);transition:border-color .3s,box-shadow .3s}
.ig-dst .nm{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px}
.ig-dst .nm img{height:22px;width:auto}
.ig-dst .nm em{font-style:normal;margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--ink2);transition:color .3s}
.ig-box{width:22px;height:22px;border-radius:6px;background:#F5F7F3;border:1px solid #DDE7D8;position:relative}.ig-box::after{content:"";position:absolute;left:5px;right:5px;top:9px;height:2px;background:var(--verde-b)}
.ig-dst .stt{font-family:var(--mono);font-size:10.5px;color:var(--ink3)}
.ig-dst.ok{border-color:#9DCBA8;box-shadow:0 0 0 4px rgba(47,179,107,.14),0 8px 20px rgba(20,40,25,.08)}
.ig-dst.ok .stt{color:var(--verde-b)}.ig-dst.ok .stt::before{content:"✓ "}
.ig-dst.ok .nm em{color:var(--terra2)}
.ig-tr{fill:none;stroke:#CFD8CC;stroke-width:1.5;stroke-dasharray:4 5;transition:stroke .3s,opacity .3s}
.ig-tr.on{stroke:var(--terra2);stroke-dasharray:none;opacity:.5}
.ig-pk{fill:var(--terra2);filter:drop-shadow(0 0 5px rgba(211,95,34,.75))}
.ig-log{font-family:var(--mono);font-size:11px;color:var(--ink2);padding:9px 16px;border-top:1px solid var(--line);height:64px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;background:#FAFBF9}
.ig-log div{animation:p-in .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig-log b{color:var(--verde-b);font-weight:500}
.ighero .p1{left:-30px;top:-18px}.ighero .p2{right:-26px;top:-16px;animation-delay:.8s}.ighero .p3{right:-120px;top:236px;animation-delay:1.6s}.ighero .p4{right:-40px;bottom:-14px;animation-delay:2.4s}
@media(max-width:1200px){.ighero .p1{left:-12px}.ighero .p2,.ighero .p3,.ighero .p4{right:-12px}}
@media(max-width:560px){.ig-hd .hint{display:none}.ig-dst .nm em{white-space:nowrap;font-size:10.5px}.ig-area{grid-template-columns:84px 1fr 132px;padding:0 10px}.ig-src img{max-width:64px;max-height:28px}.ig-dst{padding:7px 8px}.ig-dst .nm{font-size:12px}.ig-dst .stt{font-size:9.5px}}

/* Integracoes: tres caminhos (API, banco, arquivo) */
.ig-como{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.ig-vias{background:#fff;border:1px solid var(--prata);border-radius:22px;box-shadow:0 26px 60px rgba(20,40,25,.10);overflow:hidden}
.ig-tabs{display:flex;gap:6px;padding:12px;border-bottom:1px solid var(--line);background:#FAFBF9}
.ig-tabs button{font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--ink2);padding:8px 14px;border-radius:10px;position:relative;overflow:hidden}
.ig-tabs button.on{background:#fff;border-color:var(--prata);color:var(--ink);box-shadow:0 4px 12px rgba(20,40,25,.06)}
.ig-tabs button.on::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--terra2);animation:ig-bar 5s linear forwards}
.ig-vias.parado .ig-tabs button.on::after{animation:none;width:100%}
@keyframes ig-bar{to{width:100%}}
.ig-panes{position:relative;min-height:250px}
.ig-pane{position:absolute;inset:0;padding:22px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;pointer-events:none}
.ig-pane.on{opacity:1;transform:none;pointer-events:auto}
.ig-pane .ln2{opacity:0}
.ig-pane.on .ln2{animation:ig-up .4s forwards}
@keyframes ig-up{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ig-pane.on .ln2:nth-child(2){animation-delay:.45s}.ig-pane.on .ln2:nth-child(3){animation-delay:.9s}.ig-pane.on .ln2:nth-child(4){animation-delay:1.35s}.ig-pane.on .ln2:nth-child(5){animation-delay:1.8s}.ig-pane.on .ln2:nth-child(6){animation-delay:2.25s}
.ig-code{background:#0F1A14;color:#CFE9D8;border-radius:14px;padding:16px 18px;font-family:var(--mono);font-size:12.5px;display:grid;gap:7px}
.ig-code .v{display:inline-block;min-width:44px;font-weight:600;color:#7ED957}.ig-code .v.p{color:#F3C96B}.ig-code .v.u{color:#8EC5FF}
.ig-code .r{color:#8FA99A;padding-left:52px}.ig-code .r::before{content:"← "}
.ig-db{display:grid;grid-template-columns:1fr 34px 1fr;gap:8px;align-items:start}
.ig-db .tb{border:1px solid var(--prata);border-radius:12px;overflow:hidden;font-family:var(--mono);font-size:11.5px}
.ig-db .tb b{display:block;padding:8px 10px;background:#F5F7F3;border-bottom:1px solid var(--prata);font-weight:600;color:var(--ink2)}
.ig-db .tb span{display:flex;justify-content:space-between;padding:7px 10px;border-bottom:1px solid var(--line)}
.ig-db .ar{align-self:center;text-align:center;color:var(--terra2);font-size:18px;animation:nudge 1.6s ease-in-out infinite}
.ig-pane.on .ig-db .dst span{animation:ig-flash 1.2s both}
.ig-pane.on .ig-db .dst span:nth-of-type(2){animation-delay:.5s}.ig-pane.on .ig-db .dst span:nth-of-type(3){animation-delay:1s}
@keyframes ig-flash{0%{opacity:0;background:#FBE3D6}40%{opacity:1;background:#FBE3D6}100%{opacity:1;background:transparent}}
.ig-file{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.ig-doc{width:74px;height:92px;border-radius:10px;background:#fff;border:1.5px solid var(--prata);position:relative;box-shadow:0 10px 24px rgba(20,40,25,.10);display:grid;place-items:end center;padding-bottom:10px;font-family:var(--mono);font-size:10px;color:var(--verde-b);font-weight:600}
.ig-doc::before{content:"";position:absolute;right:-1.5px;top:-1.5px;width:20px;height:20px;background:linear-gradient(225deg,#fff 50%,var(--prata) 50%);border-radius:0 10px 0 6px}
.ig-doc i{position:absolute;left:12px;right:12px;height:3px;border-radius:2px;background:#E4E9E2}.ig-doc i:nth-child(1){top:22px}.ig-doc i:nth-child(2){top:32px}.ig-doc i:nth-child(3){top:42px;right:26px}
.ig-pane.on .ig-doc{animation:ig-drop .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes ig-drop{from{transform:translateY(-30px) rotate(-8deg);opacity:0}}
.ig-prog{height:8px;border-radius:999px;background:#EEF2EC;overflow:hidden;margin:4px 0 12px}.ig-prog i{display:block;height:100%;width:0;background:var(--verde-b);border-radius:999px}
.ig-pane.on .ig-prog i{animation:grow 1.4s .6s cubic-bezier(.2,.8,.2,1) forwards;--w:100%}
.ig-rows{display:grid;gap:6px}.ig-rows span{display:flex;justify-content:space-between;font-size:13px;background:#F5F7F3;border:1px solid #DDE7D8;border-radius:9px;padding:7px 10px}.ig-rows span::after{content:"✓";color:var(--verde-b);font-weight:700}
@media(max-width:900px){.ig-como{grid-template-columns:1fr;gap:26px}.ig-panes{min-height:270px}}

/* Integracoes: os sistemas conversando entre si */
.ig-net{position:relative;margin-top:10px}
.ig-net svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.ig-net .chips{justify-content:center;gap:16px 12px;padding:34px 0 10px}
.ig-net .chip{position:relative;z-index:1;display:inline-flex;align-items:center;transition:transform .25s,border-color .25s,box-shadow .25s,color .25s;cursor:default}
.ig-net .chip img{height:18px;width:auto;margin-right:8px}
.ig-net .chip.on{transform:translateY(-3px);border-color:var(--terra2);color:var(--ink);box-shadow:0 12px 26px rgba(211,95,34,.16)}
.ig-ln{fill:none;stroke:var(--terra2);stroke-width:1.6;stroke-dasharray:5 6;opacity:.75;animation:ig-dash .9s linear infinite;transition:opacity .5s}
.ig-ln.out{opacity:0}
@keyframes ig-dash{to{stroke-dashoffset:-22}}

/* ---------- Dashboards: faturamento x margem real ---------- */
.db-dash{position:relative;z-index:1;background:#fff;border:1px solid #D9DED6;border-radius:20px;box-shadow:0 34px 90px rgba(0,0,0,.30);overflow:hidden;color:var(--ink);text-align:left}
.db-hd{display:flex;align-items:center;gap:7px;padding:11px 16px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--ink3)}
.db-hd>i{width:9px;height:9px;border-radius:50%;background:#F28B82}.db-hd>i:nth-child(2){background:#F3C96B}.db-hd>i:nth-child(3){background:#7ED957}
.db-hd .up{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--verde-b)}
.db-hd .up b{display:inline-block;font-weight:400;font-size:13px;line-height:1}.db-hd .up.spin b{animation:o-spin .8s ease-in-out}
.db-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px 0}
.db-tg{display:inline-flex;background:#F1F4EF;border-radius:999px;padding:4px;position:relative}
.db-tg button{position:relative;z-index:1;font:inherit;font-size:13px;font-weight:700;border:0;background:transparent;color:var(--ink2);padding:8px 14px;border-radius:999px;cursor:pointer;transition:color .3s}
.db-tg button.on{color:#fff}
.db-tg::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--ink);transition:transform .45s cubic-bezier(.2,.8,.2,1),background .45s}
.db-dash.mg .db-tg::before{transform:translateX(100%);background:var(--verde-b)}
.db-ex{font-family:var(--mono);font-size:10.5px;color:var(--ink3)}
.db-tt{padding:12px 18px 0;font-family:var(--serif);font-size:20px}
.db-tt span{display:none}.db-dash:not(.mg) .db-tt .f,.db-dash.mg .db-tt .m{display:inline}
.db-chart{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end;height:190px;margin:14px 18px 0;padding:0 8px;border-bottom:1px solid var(--prata);background:repeating-linear-gradient(0deg,transparent 0 46px,#F0F3EE 46px 47px)}
.db-bar{position:relative;height:var(--h,10%);border-radius:10px 10px 0 0;background:linear-gradient(180deg,#5B6B63,#3F4C45);transition:height .8s cubic-bezier(.2,.8,.2,1),background .6s;cursor:pointer}
.db-dash.mg .db-bar{background:linear-gradient(180deg,#4F7E5E,var(--verde-b))}.db-dash.mg .db-bar.lo{background:linear-gradient(180deg,#E07A3C,var(--terra2))}
.db-bar .v{position:absolute;left:0;right:0;top:-24px;text-align:center;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ink);opacity:0;transition:opacity .4s .3s}
.db-dash.mg .db-bar .v{opacity:1}
.db-bar:hover{filter:brightness(1.1)}
.db-bar .tip{position:absolute;left:50%;bottom:calc(100% + 30px);transform:translateX(-50%) scale(.9);background:var(--ink);color:#fff;font-size:12px;padding:6px 10px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s}
.db-bar:hover .tip{opacity:1;transform:translateX(-50%)}
.db-lg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:8px 18px 0;padding:0 8px}
.db-lg span{display:flex;justify-content:center}.db-lg img{height:24px;width:auto}
.db-ins{margin:14px 18px 16px;padding:10px 12px;border-radius:12px;font-size:13.5px;background:#FBEDE4;color:#7A3A14;display:flex;gap:10px;align-items:center;opacity:0;transform:translateY(6px);transition:opacity .4s .5s,transform .4s .5s}
.db-ins::before{content:"!";flex:none;width:20px;height:20px;border-radius:50%;background:var(--terra2);color:#fff;font-weight:700;font-size:12px;display:grid;place-items:center}
.db-dash.mg .db-ins{opacity:1;transform:none}
.dbhero .pop img{height:30px}
.dbhero .p1{left:-34px;top:-20px}.dbhero .p2{right:-30px;top:-22px;animation-delay:.8s}.dbhero .p4{right:-150px;top:180px;animation-delay:1.6s}
@media(max-width:1200px){.dbhero .p1{left:-12px}.dbhero .p2,.dbhero .p4{right:-12px}}
@media(max-width:560px){.db-top{flex-wrap:wrap}.db-tg button{padding:7px 11px;font-size:12px}.db-chart{height:160px;gap:12px}}

/* Dashboards: o mesmo numero em Sheets, Power BI ou painel web */
.db-como{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.db-mo{background:#fff;border:1px solid var(--prata);border-radius:22px;box-shadow:0 26px 60px rgba(20,40,25,.10);overflow:hidden}
.db-mo .ig-tabs button img{height:18px;width:auto;vertical-align:-4px;margin-right:7px}
.db-mo .ig-panes{min-height:268px}
.db-sh{border:1px solid #D7DCD6;border-radius:10px;overflow:hidden;font-size:13px}
.db-sh .fx{display:flex;gap:10px;align-items:center;padding:7px 10px;border-bottom:1px solid #D7DCD6;font-family:var(--mono);font-size:12px;color:var(--ink2)}.db-sh .fx b{color:#188038;font-style:italic;font-weight:600}
.db-sh .r{display:grid;grid-template-columns:34px 1fr 1fr 1fr;border-bottom:1px solid #E6E9E5}
.db-sh .r>*{padding:7px 10px;border-right:1px solid #E6E9E5}
.db-sh .r>:first-child{background:#F6F8F6;color:var(--ink3);text-align:center;font-family:var(--mono);font-size:11px}
.db-sh .r.h>*{background:#F6F8F6;font-weight:700;color:var(--ink2);font-size:12px}
.db-sh .r .n{font-family:var(--mono);text-align:right}.db-sh .r .lo{color:var(--terra2);font-weight:700}
.db-pb{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#F3F2F1;border-radius:12px;padding:12px}
.db-pb .tl{background:#fff;border-radius:6px;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);border-top:3px solid #F2C811}
.db-pb .tl small{display:block;font-size:11px;color:#605E5C}.db-pb .tl b{font-size:24px;font-weight:600;color:#252423}
.db-pb .tl.w{grid-column:1/-1;display:flex;align-items:flex-end;gap:12px;height:96px;border-top-color:#118DFF}
.db-pb .tl.w i{flex:1;height:0;background:#118DFF;border-radius:2px 2px 0 0;transition:height .8s cubic-bezier(.2,.8,.2,1)}.db-pb .tl.w i.lo{background:#E66C37}
.ig-pane.on .db-pb .tl.w i{height:var(--h)}
.db-web{display:grid;gap:10px}
.db-web .cd{display:grid;grid-template-columns:110px 1fr 52px;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:0 6px 16px rgba(20,40,25,.06)}
.db-web .cd img{height:24px;width:auto}
.db-web .cd i{display:block;height:10px;border-radius:999px;background:#EEF2EC;overflow:hidden;position:relative}
.db-web .cd i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:var(--verde-b);transition:width 1s cubic-bezier(.2,.8,.2,1)}
.ig-pane.on .db-web .cd i::after{width:var(--w)}.db-web .cd.lo i::after{background:var(--terra2)}
.db-web .cd b{font-family:var(--mono);text-align:right}.db-web .cd.lo b{color:var(--terra2)}
.db-web .upd{justify-self:start;font-family:var(--mono);font-size:11px;color:var(--verde-b);background:#EEF4EA;border:1px solid #D8E6D2;border-radius:999px;padding:5px 10px}
@media(max-width:900px){.db-como{grid-template-columns:1fr;gap:26px}}

/* Dashboards: cada numero com o seu mini grafico */
.db-w{height:64px;margin-bottom:14px;border-radius:12px;background:#F5F7F3;border:1px solid #DDE7D8;display:grid;place-items:center;overflow:hidden}
.db-w svg{width:120px;height:46px;overflow:visible}
.db-w .s{fill:none;stroke:var(--verde-b);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.db-w .t{fill:none;stroke:var(--terra2);stroke-width:2.5;stroke-linecap:round}
.db-w .g{fill:#DDE7D8}.db-w .gv{fill:var(--verde-b)}.db-w .go{fill:var(--terra2)}
.db-w .dw{stroke-dasharray:160;stroke-dashoffset:160}
.usec.vis .db-w .dw{animation:draw 1.6s .3s forwards}
.db-w .bb{transform-box:fill-box;transform-origin:bottom;transform:scaleY(.15);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.usec.vis .db-w .bb{transform:none}.usec.vis .db-w .bb.b2{transition-delay:.15s}.usec.vis .db-w .bb.b3{transition-delay:.3s}
.db-w .nd{transform-box:view-box;transform-origin:60px 44px;transform:rotate(-80deg);transition:transform 1.4s cubic-bezier(.3,1.4,.5,1) .3s}
.usec.vis .db-w .nd{transform:rotate(-20deg)}
.db-w .lv{transform-box:fill-box;transform-origin:left;transition:transform 1.8s ease-in .3s}
.usec.vis .db-w .lv{transform:scaleX(.18)}
.db-w .bl{opacity:0}.usec.vis .db-w .bl{animation:db-bl 1s 2.1s steps(1) infinite}
@keyframes db-bl{50%{opacity:1}}
.db-w .rg{stroke-dasharray:113;stroke-dashoffset:113;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1) .3s}
.usec.vis .db-w .rg{stroke-dashoffset:34}
.usec .uc:hover .db-w{border-color:var(--verde-b)}

/* ---------- pop-ups com icone nas paginas de produto ---------- */
.phero .pop .ic{width:30px;height:30px;border-radius:9px;background:#EEF4EA;color:var(--verde-b);display:grid;place-items:center;font-size:14px;font-family:var(--mono)}
.phero .pop.g{background:var(--verde-b);color:#fff;border-color:transparent}.phero .pop.g .ic{background:rgba(255,255,255,.18);color:#fff}
.phero .pop.o{background:var(--terra2);color:#fff;border-color:transparent}.phero .pop.o .ic{background:rgba(255,255,255,.2);color:#fff}

/* ---------- Sistemas sob medida: a planta vira sistema ---------- */
.sm-app{--ac:var(--verde-b);position:relative;z-index:1;background:#fff;border:1px solid #D9DED6;border-radius:20px;box-shadow:0 34px 90px rgba(0,0,0,.30);overflow:hidden;color:var(--ink);text-align:left;transition:background .8s,border-color .8s,color .8s}
.sm-app::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(191,245,227,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(191,245,227,.11) 1px,transparent 1px);background-size:20px 20px;opacity:0;transition:opacity .8s;pointer-events:none}
.sm-app.bp{background:#0E3A3A;border-color:#2C6B66;color:var(--menta)}.sm-app.bp::before{opacity:1}
.sm-hd{position:relative;display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--ink3);transition:border-color .8s,color .8s}
.sm-app.bp .sm-hd{border-color:rgba(191,245,227,.2);color:rgba(191,245,227,.75)}
.sm-hd>i{width:9px;height:9px;border-radius:50%;background:#F28B82}.sm-hd>i:nth-child(2){background:#F3C96B}.sm-hd>i:nth-child(3){background:#7ED957}
.sm-mode{margin-left:auto;display:inline-flex;background:rgba(0,0,0,.06);border-radius:999px;padding:3px}
.sm-app.bp .sm-mode{background:rgba(191,245,227,.12)}
.sm-mode button{font:inherit;font-size:11px;letter-spacing:.04em;border:0;background:transparent;color:inherit;padding:5px 10px;border-radius:999px;cursor:pointer}
.sm-mode button.on{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.sm-app.bp .sm-mode button.on{background:var(--menta);color:#0E3A3A}
.sm-body{position:relative;display:grid;grid-template-columns:120px 1fr;min-height:318px}
.sm-side{position:relative;margin:12px 0 12px 12px;border-radius:14px;background:#F5F7F3;padding:12px 10px;display:grid;align-content:start;gap:4px}
.sm-side span{position:relative;font-size:12.5px;font-weight:600;padding:7px 9px;border-radius:9px;color:var(--ink2);transition:all .6s}
.sm-side span.on{background:var(--ac);color:#fff}
.sm-main{position:relative;padding:12px;display:grid;align-content:start;gap:9px}
.sm-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:2px}
.sm-roles{position:relative;display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:#F1F4EF}
.sm-roles button{font:inherit;font-size:12px;font-weight:700;border:0;background:transparent;color:var(--ink2);padding:6px 12px;border-radius:999px;cursor:pointer;transition:all .3s}
.sm-roles button.on{background:var(--ac);color:#fff}
.sm-sw{position:relative;display:inline-flex;gap:6px;padding:4px}
.sm-sw button{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--prata);cursor:pointer;padding:0;transition:transform .2s}
.sm-sw button.on{box-shadow:0 0 0 2px var(--ink)}.sm-sw button:hover{transform:scale(1.15)}
.sm-row{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13.5px;box-shadow:0 4px 12px rgba(20,40,25,.05);max-height:60px;transition:all .6s}
.sm-row b{font-weight:700;flex:1}
.sm-pill{font-family:var(--mono);font-size:10.5px;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--ac) 14%,#fff);color:var(--ac);transition:all .6s}
.sm-row button{font:inherit;font-size:11.5px;font-weight:700;border:0;border-radius:8px;padding:6px 10px;background:var(--ac);color:#fff;cursor:pointer;transition:all .6s}
.sm-row button.ok{background:#E6F3E8;color:var(--verde-b)}
.sm-tg{width:32px;height:18px;border-radius:999px;background:var(--ac);position:relative;transition:all .6s}.sm-tg::after{content:"";position:absolute;right:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff}
.sm-sync{font-style:normal;color:var(--ac);display:inline-block;animation:o-spin 2.4s linear infinite;transition:color .6s}
.sm-app.eq .sm-row[data-papel=g]{max-height:0;padding-top:0;padding-bottom:0;margin-top:-9px;opacity:0;border-width:0}
.sm-app.eq .sm-row.eqv{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 18%,transparent)}
/* modo planta: so os contornos e as anotacoes */
.sm-app.bp .el{background:transparent!important;border:1.5px dashed rgba(191,245,227,.5)!important;box-shadow:none!important;color:transparent!important}
.sm-app.bp .el *{opacity:0;transition:opacity .4s}
.sm-app .el>*{transition:opacity .6s .3s}
.sm-app .el[data-bp]::after{content:attr(data-bp);position:absolute;left:10px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:10.5px;color:var(--menta);opacity:0;transition:opacity .4s;pointer-events:none;white-space:nowrap}
.sm-app.bp .el[data-bp]::after{opacity:.9}
.sm-app .sm-side[data-bp]::after{top:16px;transform:none}
.smhero .p1{left:-36px;top:-20px}.smhero .p2{right:-30px;top:-22px;animation-delay:.8s}.smhero .p3{right:-34px;bottom:-18px;animation-delay:1.6s}.smhero .p4{left:-48px;bottom:-18px;animation-delay:2.4s}
.smhero .pop img{height:26px}
@media(max-width:1200px){.smhero .p1,.smhero .p4{left:-12px}.smhero .p2,.smhero .p3{right:-12px}}
@media(max-width:560px){.sm-body{grid-template-columns:1fr}.sm-side{display:none}.sm-top{flex-wrap:wrap}}

/* Sistemas sob medida: o improviso de hoje vira linha do sistema */
.sm-como{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.sm-mess{position:relative;height:360px;border-radius:22px;background:#FBF8F2;border:1px solid var(--prata);overflow:hidden}
.sm-mess::before{content:"";position:absolute;top:20px;bottom:20px;right:20px;width:52%;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(20,40,25,.08);opacity:0;transform:translateX(20px);transition:all .6s}
.sm-mess.org::before{opacity:1;transform:none}
.sm-mess .tit{position:absolute;right:36px;top:34px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--verde-b);opacity:0;transition:opacity .4s .3s}
.sm-mess.org .tit{opacity:1}
.sm-nt{position:absolute;width:46%;max-width:250px;font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.25;color:#4A3A20;background:#FFF3B8;border-radius:4px;padding:14px 14px 18px;box-shadow:0 10px 22px rgba(60,50,20,.16);transition:all .9s cubic-bezier(.2,.8,.2,1)}
.sm-nt.n2{background:#FFE2D0}.sm-nt.n3{background:#E3F1E6}.sm-nt.n4{background:#E6ECF7}
.sm-nt.n1{left:5%;top:8%;transform:rotate(-6deg)}.sm-nt.n2{left:30%;top:22%;transform:rotate(5deg);transition-delay:.08s}.sm-nt.n3{left:8%;top:52%;transform:rotate(3deg);transition-delay:.16s}.sm-nt.n4{left:34%;top:60%;transform:rotate(-4deg);transition-delay:.24s}
.sm-mess.org .sm-nt{left:calc(48% - 0px);width:calc(52% - 64px);max-width:none;transform:none;font-family:var(--sans);font-style:normal;font-size:13.5px;font-weight:600;color:var(--ink);background:#F5F7F3;border:1px solid #DDE7D8;border-radius:10px;padding:10px 12px 10px 38px;box-shadow:none}
.sm-mess.org .n1{top:60px}.sm-mess.org .n2{top:116px}.sm-mess.org .n3{top:172px}.sm-mess.org .n4{top:244px}
.sm-nt::before{content:"✓";position:absolute;left:10px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:var(--verde-b);color:#fff;font-size:11px;font-style:normal;display:grid;place-items:center;opacity:0;transform:scale(0);transition:all .4s .7s}
.sm-mess.org .sm-nt::before{opacity:1;transform:none}
.sm-btn{position:absolute;left:20px;bottom:20px;font:inherit;font-size:13.5px;font-weight:700;border:0;border-radius:999px;padding:10px 16px;background:var(--ink);color:#fff;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.15);transition:transform .2s}
.sm-btn:hover{transform:translateY(-2px)}
.sm-btn .b{display:none}.sm-mess.org .sm-btn .a{display:none}.sm-mess.org .sm-btn .b{display:inline}
@media(max-width:900px){.sm-como{grid-template-columns:1fr;gap:26px}}
@media(max-width:560px){.sm-mess{height:430px}.sm-nt{width:62%;font-size:15px}.sm-nt.n2{left:32%}.sm-nt.n4{left:30%;top:56%}.sm-mess::before{left:20px;right:20px;width:auto;top:auto;height:290px;bottom:70px}.sm-mess .tit{left:36px;right:auto;top:auto;bottom:332px}.sm-mess.org .sm-nt{left:34px;width:calc(100% - 68px)}.sm-mess.org .n1{top:104px}.sm-mess.org .n2{top:164px}.sm-mess.org .n3{top:224px}.sm-mess.org .n4{top:284px}}

/* Sistemas sob medida: o sistema aprende a lingua da empresa */
.sm-fala{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.sm-fala .chips{margin-top:26px}
.sm-fala .chip{transition:transform .25s,border-color .25s}.sm-fala .chip:hover{transform:translateY(-3px);border-color:var(--verde-b)}
.sm-lang{background:#fff;border:1px solid var(--prata);border-radius:22px;padding:22px;box-shadow:0 26px 60px rgba(20,40,25,.10)}
.sm-lang label{display:block;font-weight:700;font-size:15px;margin-bottom:10px}
.sm-lang input{width:100%;font:inherit;font-size:18px;font-family:var(--serif);padding:12px 14px;border-radius:12px;border:1.5px solid var(--prata);outline:none;transition:border-color .2s,box-shadow .2s}
.sm-lang input:focus{border-color:var(--verde-b);box-shadow:0 0 0 4px rgba(62,107,79,.12)}
.sm-sug{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 16px}
.sm-sug button{font:inherit;font-size:12.5px;border:1px dashed var(--prata);background:#FAFBF9;color:var(--ink2);border-radius:999px;padding:5px 11px;cursor:pointer}.sm-sug button:hover{border-color:var(--verde-b);color:var(--ink)}
.sm-ui{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#FAFBF9}
.sm-ui-top{display:flex;gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}
.sm-search{flex:1;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:13px;color:var(--ink3)}
.sm-new{background:var(--verde-b);color:#fff;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:700;white-space:nowrap}
.sm-ui-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:13.5px;background:#fff}
.sm-ui-row:last-child{border-bottom:0}
.sm-ui-row b{flex:1;font-weight:600}.sm-ui-row span{font-family:var(--mono);font-size:11px;color:var(--ink3)}
.sm-ui-row em{font-style:normal;font-size:12px;font-weight:700;color:var(--terra2)}
.sm-lang .w,.sm-lang .wc{transition:background .4s}.sm-lang.mud .w,.sm-lang.mud .wc{background:#FFF3B8;border-radius:3px}
@media(max-width:900px){.sm-fala{grid-template-columns:1fr;gap:26px}}

/* ---------- Site: notebook e celular com o site do cliente ---------- */
.st-dev{--tema:#233E2D;position:relative;z-index:1;height:420px}
.st-lap{position:absolute;left:0;right:56px;top:8px}
.st-scr{position:relative;background:#fff;border:10px solid #111614;border-bottom-width:12px;border-radius:16px;height:300px;overflow:hidden;box-shadow:0 34px 80px rgba(0,0,0,.35)}
.st-base{height:14px;margin:0 -26px;border-radius:0 0 16px 16px;background:linear-gradient(#D5DAD3,#A9B1A7)}
.st-site{position:absolute;inset:0;display:flex;flex-direction:column;color:#fff;text-align:left;background:var(--tema);transition:background .6s}
.st-site .nv{display:flex;align-items:center;gap:8px;padding:12px 16px;font-family:var(--serif);font-size:15px}
.st-site .nv b{width:16px;height:16px;border-radius:50%;background:#fff;opacity:.9}
.st-site .nv i{margin-left:auto;display:flex;gap:10px}.st-site .nv i::before,.st-site .nv i::after{content:"";width:34px;height:6px;border-radius:3px;background:rgba(255,255,255,.45)}
.st-site .hx{flex:1;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:10px;padding:0 18px}
.st-site h4{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.02;margin:0;color:#fff}
.st-site .lnx{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.4);margin-top:10px;width:80%}.st-site .lnx+.lnx{width:60%;margin-top:6px}
.st-site .bt{display:inline-block;margin-top:14px;background:#fff;color:var(--tema);font-weight:700;font-size:12px;padding:7px 12px;border-radius:999px;transition:color .6s}
.st-site .pr{justify-self:center;width:96px;height:150px;border-radius:48px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.65),transparent 32%),linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.18) 45%,rgba(0,0,0,.3));box-shadow:0 18px 30px rgba(0,0,0,.35),inset 0 -12px 24px rgba(0,0,0,.25);animation:o-breath 5s ease-in-out infinite;position:relative}
.st-site .pr::after{content:"";position:absolute;left:30%;right:30%;top:10px;height:5px;border-radius:3px;background:var(--menta);box-shadow:0 0 10px var(--menta)}
.st-site .ld{position:absolute;left:0;top:0;height:3px;width:0;background:#fff;opacity:.9}
.st-dev.carregou .st-site .ld{animation:st-ld .7s ease-out}
@keyframes st-ld{from{width:0;opacity:1}90%{width:100%;opacity:1}to{width:100%;opacity:0}}
.st-ph{position:absolute;right:0;bottom:0;width:132px;height:262px;background:#111614;border-radius:26px;padding:8px;box-shadow:0 30px 60px rgba(0,0,0,.4)}
.st-ph .st-site{position:relative;inset:auto;height:100%;border-radius:19px;overflow:hidden}
.st-ph .hx{grid-template-columns:1fr;padding:6px 12px;align-content:start}
.st-ph h4{font-size:19px}.st-ph .pr{width:60px;height:96px;border-radius:30px;margin-top:6px}.st-ph .nv i::after{display:none}
.st-ctl{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:6px 10px 6px 12px;box-shadow:0 14px 30px rgba(0,0,0,.25);font-size:12px;font-weight:700;color:var(--ink)}
.st-ctl button{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--prata);cursor:pointer;padding:0;transition:transform .2s}
.st-ctl button.on{box-shadow:0 0 0 2px var(--ink)}.st-ctl button:hover{transform:scale(1.15)}
.sthero .pop img{height:26px}
.sthero .p1{left:-34px;top:-18px}.sthero .p2{right:96px;top:-22px;animation-delay:.8s}.sthero .p3{right:-30px;top:96px;animation-delay:1.6s}.sthero .p4{left:200px;bottom:-22px;animation-delay:2.4s}
@media(max-width:1200px){.sthero .p1{left:-12px}.sthero .p3{right:-12px}}
@media(max-width:560px){.st-dev{height:330px}.st-scr{height:210px}.st-site h4{font-size:20px}.st-site .pr{width:64px;height:100px}.st-ph{width:100px;height:200px;border-radius:20px}.st-ph h4{font-size:14px}.st-ph .pr{width:40px;height:64px}.st-lap{right:40px}.st-ctl{bottom:4px}}

/* Site: vitrine que gira com a rolagem (estilo pagina de produto) */
.st-show{position:relative;height:320vh;background:#fff}
.st-pin{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center;background:var(--st-bg,#fff);transition:background .8s}
.st-show[data-st="1"] .st-pin{--st-bg:#0B110E}.st-show[data-st="2"] .st-pin{--st-bg:#233E2D}
.st-stage{position:relative;width:min(1100px,92vw);height:min(640px,82vh);display:grid;grid-template-columns:1fr 1fr;align-items:center}
.st-cap{position:relative;height:240px}
.st-cap p{position:absolute;inset:0;margin:0;display:flex;align-items:center;font-family:var(--serif);font-size:clamp(40px,6vw,84px);line-height:1;letter-spacing:-.02em;color:var(--ink);opacity:0;transform:translateY(30px);transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1),color .8s}
.st-show[data-st="0"] .st-cap p:nth-child(1),.st-show[data-st="1"] .st-cap p:nth-child(2),.st-show[data-st="2"] .st-cap p:nth-child(3){opacity:1;transform:none}
.st-show[data-st="1"] .st-cap p,.st-show[data-st="2"] .st-cap p{color:#fff}
.st-cap p em{font-style:italic;color:var(--terra2)}.st-show[data-st="1"] .st-cap p em{color:var(--menta)}.st-show[data-st="2"] .st-cap p em{color:#F3C9A8}
.st-obj{position:relative;height:100%;display:grid;place-items:center}
.st-prod{width:min(240px,40vw);height:auto;overflow:visible;transform:translateY(var(--ty,0)) rotate(var(--rz,0deg)) scale(var(--sc,1));transition:transform .15s linear;filter:drop-shadow(0 40px 50px rgba(0,0,0,.28))}
.st-prod .bd{transition:fill .8s}
.st-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(20,169,138,.45),transparent 62%);opacity:0;transition:opacity .8s;pointer-events:none}
.st-show[data-st="1"] .st-glow{opacity:1}
.st-card{position:absolute;background:#fff;border-radius:16px;box-shadow:0 24px 50px rgba(0,0,0,.25);padding:14px 16px;color:var(--ink);opacity:0;transform:translateY(20px) scale(.95);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);text-align:left}
.st-show[data-st="0"] .st-card.c0,.st-show[data-st="1"] .st-card.c1,.st-show[data-st="2"] .st-card.c2{opacity:1;transform:none;transition-delay:.25s}
.st-card.c0{right:2%;top:16%;display:flex;align-items:center;gap:12px}
.st-ring{width:54px;height:54px;border-radius:50%;background:conic-gradient(#2FB36B var(--rp,0%),#E4E9E2 0);display:grid;place-items:center;position:relative}
.st-ring::after{content:"⚡";position:absolute;inset:7px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:18px}
.st-card.c0 b{display:block;font-size:14px}.st-card.c0 small{font-family:var(--mono);font-size:11px;color:var(--ink3)}
.st-card.c1{left:50%;bottom:10%;width:300px;margin-left:-150px}
.st-q{display:flex;align-items:center;gap:8px;border:1px solid var(--prata);border-radius:999px;padding:7px 12px;font-size:13px;color:var(--ink2);margin-bottom:10px}.st-q::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--ink3)}
.st-r small{font-family:var(--mono);font-size:11px;color:#1E6B3A}.st-r b{display:block;color:#1A4DB8;font-size:16px;font-weight:600;margin:2px 0 4px}.st-r i{display:block;height:6px;border-radius:3px;background:#E4E9E2;margin-top:5px}.st-r i+i{width:70%}
.st-card.c2{right:0;top:20%;width:250px}
.st-card.c2 .nt{display:flex;gap:10px;align-items:center;font-size:13px}.st-card.c2 .nt::before{content:"";flex:none;width:30px;height:30px;border-radius:9px;background:#25D366}
.st-card.c2 .nt b{display:block;font-size:13.5px}
.st-card.c2 .rw{margin-top:10px;font-family:var(--mono);font-size:11px;background:#EEF4EA;border:1px solid #D8E6D2;border-radius:8px;padding:7px 9px;color:var(--verde-b)}
@media(max-width:900px){.st-show{height:300vh}.st-stage{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:86vh}.st-cap{height:130px}.st-cap p{justify-content:center;text-align:center;font-size:clamp(34px,10vw,52px)}.st-prod{width:min(170px,44vw)}.st-card.c0{right:0;top:auto;bottom:6%}.st-card.c1{bottom:4%;width:260px;margin-left:-130px}.st-card.c2{right:auto;left:50%;margin-left:-125px;top:auto;bottom:4%}}

/* Site: o contato do formulario cai na planilha da equipe */
.st-como{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.st-fd{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.st-f,.st-sh{background:#fff;border:1px solid var(--prata);border-radius:18px;overflow:hidden;box-shadow:0 22px 50px rgba(20,40,25,.10)}
.st-f .hd,.st-sh .hd{font-family:var(--mono);font-size:11px;color:var(--ink3);padding:10px 14px;border-bottom:1px solid var(--line);background:#FAFBF9}
.st-f form{display:grid;gap:10px;padding:14px}
.st-f label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--ink2)}
.st-f input{font:inherit;font-size:14px;padding:9px 11px;border-radius:10px;border:1.5px solid var(--prata);outline:none}.st-f input:focus{border-color:var(--verde-b)}
.st-f button{font:inherit;font-weight:700;font-size:14px;border:0;border-radius:999px;padding:10px;background:var(--terra2);color:#fff;cursor:pointer}
.st-f small{font-family:var(--mono);font-size:10.5px;color:var(--ink3);text-align:center}
.st-sh .r{display:grid;grid-template-columns:1fr 1.3fr .6fr;gap:6px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:12px}
.st-sh .r.h{font-weight:700;color:var(--ink3);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.st-sh .r span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-sh .r.nv{animation:st-nv 1.6s}
@keyframes st-nv{0%{background:#FBE3D6}100%{background:transparent}}
.st-fly{position:fixed;z-index:60;pointer-events:none;background:#fff;border:1px solid var(--terra2);border-radius:10px;padding:6px 10px;font-size:12px;font-weight:700;color:var(--ink);box-shadow:0 14px 30px rgba(211,95,34,.3);transition:transform .8s cubic-bezier(.5,0,.2,1),opacity .3s .7s}
.st-toast{position:absolute;right:-8px;top:-18px;display:flex;align-items:center;gap:8px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:600;padding:8px 12px;border-radius:999px;box-shadow:0 12px 26px rgba(0,0,0,.25);opacity:0;transform:translateY(8px);transition:all .4s}
.st-toast::before{content:"";width:9px;height:9px;border-radius:50%;background:#25D366}
.st-toast.on{opacity:1;transform:none}
@media(max-width:900px){.st-como{grid-template-columns:1fr;gap:26px}}
@media(max-width:560px){.st-fd{grid-template-columns:1fr}}

/* Site: portfolio em janelas que inclinam com o mouse */
.st-port .pcard{position:relative;aspect-ratio:16/11;border:1px solid var(--prata);border-style:solid;background:#fff;padding:0;display:block;overflow:hidden;transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s,box-shadow .3s;box-shadow:0 12px 30px rgba(20,40,25,.08)}
.st-port .pcard:hover{box-shadow:0 26px 50px rgba(20,40,25,.16)}
.st-port .pcard .bw{display:flex;gap:5px;padding:9px 12px;border-bottom:1px solid var(--line)}.st-port .pcard .bw i{width:8px;height:8px;border-radius:50%;background:var(--line2)}
.st-port .pcard .sk{position:absolute;left:14px;right:14px;height:10px;border-radius:5px;background:linear-gradient(90deg,#EEF2EC 0,#F8FAF7 40%,#EEF2EC 80%);background-size:200% 100%;animation:st-sk 1.6s linear infinite}
.st-port .pcard .sk.a{top:46px;height:44px;border-radius:10px}.st-port .pcard .sk.b{top:102px;right:40%}.st-port .pcard .sk.c{top:120px;right:58%}
@keyframes st-sk{to{background-position:-200% 0}}
.st-port .pcard em{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font-style:normal;font-family:var(--mono);font-size:11px;color:var(--ink3);background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 10px;white-space:nowrap}

/* ---------- visao geral: a ficha da tarefa se preenche etapa por etapa ---------- */
.sv-como{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start;margin-top:34px}
.sv-tasks{display:grid;gap:8px}
.sv-tasks>span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:4px}
.sv-tasks button{font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid var(--prata);border-radius:14px;padding:14px 16px;font-size:15px;font-weight:600;color:var(--ink2);display:flex;gap:12px;align-items:center;transition:all .25s}
.sv-tasks button::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;border:2px solid var(--prata);transition:all .25s}
.sv-tasks button:hover{border-color:var(--verde-b)}
.sv-tasks button.on{border-color:var(--verde-b);color:var(--ink);box-shadow:0 12px 28px rgba(20,40,25,.08)}.sv-tasks button.on::before{background:var(--terra2);border-color:var(--terra2)}
.sv-ficha{position:relative;background:#fff;border:1px solid var(--prata);border-radius:22px;padding:22px 22px 18px 62px;box-shadow:0 26px 60px rgba(20,40,25,.10)}
.sv-ficha .rail{position:absolute;left:28px;top:96px;bottom:84px;width:2px;background:var(--prata)}
.sv-ficha .rail i{position:absolute;left:-5px;top:0;width:12px;height:12px;border-radius:50%;background:var(--terra2);box-shadow:0 0 0 5px rgba(211,95,34,.18);transition:top .6s cubic-bezier(.2,.8,.2,1)}
.sv-fh{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.sv-ft{font-family:var(--serif);font-size:22px;line-height:1.2;margin:4px 0 12px;min-height:27px}
.sv-f{position:relative;padding:11px 0;border-top:1px dashed var(--line2)}
.sv-f::before{content:"";position:absolute;left:-39px;top:16px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--prata);transition:all .3s;z-index:1}
.sv-f.ok::before{background:var(--verde-b);border-color:var(--verde-b)}
.sv-f b{font-size:14px}.sv-f small{margin-left:8px;font-size:12.5px;color:var(--ink3)}
.sv-f .v{display:block;margin-top:5px;font-family:var(--mono);font-size:13px;color:var(--verde-b);min-height:19px}
.sv-f .v.cur::after{content:"";display:inline-block;width:1px;height:13px;background:var(--verde-b);margin-left:2px;vertical-align:-2px;animation:blink 1s steps(1) infinite}
.sv-res{display:flex;align-items:center;gap:10px;margin-top:8px;padding-top:14px;border-top:1px solid var(--line);opacity:0;transform:translateY(6px);transition:all .4s}
.sv-res.on{opacity:1;transform:none}
.sv-res span{font-size:13px;color:var(--ink3)}
.sv-res a{font-weight:700;font-size:14px;color:#fff;background:var(--verde-b);border-radius:999px;padding:7px 14px;text-decoration:none}.sv-res a:hover{background:var(--verde-caixa)}
@media(max-width:900px){.sv-como{grid-template-columns:1fr;gap:20px}}

/* visao geral: cada frente com uma amostra da interacao da pagina dela */
.sv-fr{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:46px 0;border-top:1px solid var(--line)}
.sv-fr:first-child{border-top:0}
.sv-fr:nth-child(even) .sv-art{order:-1}
.sv-fr .n{font-family:var(--mono);font-size:12px;color:var(--lar)}
.sv-fr h2{font-size:clamp(22px,2.8vw,32px);margin:8px 0 0}
.sv-fr p{color:var(--ink2);margin:14px 0 0;max-width:52ch}
.sv-art{position:relative;display:grid;place-items:center;height:270px;border-radius:22px;overflow:hidden;text-decoration:none;border:1px solid var(--prata);transition:transform .3s,box-shadow .3s}
.sv-art:hover{transform:translateY(-4px);box-shadow:0 26px 50px rgba(20,40,25,.14)}
.sv-art .go{position:absolute;right:14px;bottom:12px;z-index:3;font-weight:700;font-size:13px;color:var(--terra2);background:#fff;border-radius:999px;padding:6px 12px;box-shadow:0 6px 16px rgba(0,0,0,.12);opacity:0;transform:translateY(6px);transition:all .3s}
.sv-art:hover .go,.sv-art:focus-visible .go{opacity:1;transform:none}
.sv-art.a1{background:linear-gradient(160deg,#0C1D16,#12291F 60%,#0E231A);border-color:transparent}
.sv-art.a1::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(191,245,227,.07) 1px,transparent 1px);background-size:18px 18px}
.sv-art.a1 .orb{width:110px;height:110px}
.sv-art.a1 .pl{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);display:flex;gap:8px;align-items:center;font-size:13px;color:#E8F5EE;background:rgba(191,245,227,.13);border:1px solid rgba(191,245,227,.26);border-radius:999px;padding:7px 12px;white-space:nowrap;animation:sv-msg 4s ease-in-out infinite}
.sv-art.a1 .pl b{font-family:var(--mono);font-size:10px;padding:2px 8px;border-radius:999px;background:#2FB36B;color:#fff;font-weight:400}
@keyframes sv-msg{0%,15%{opacity:0;transform:translate(-50%,8px)}25%,85%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}
.sv-art.a2{background-color:#fff;background-image:linear-gradient(#F0F3EE 1px,transparent 1px),linear-gradient(90deg,#F0F3EE 1px,transparent 1px);background-size:22px 22px}
.sv-art.a2 svg{width:86%;height:auto}
.sv-art.a2 .nd{fill:#fff;stroke:var(--prata);stroke-width:1.5}.sv-art.a2 .tr{fill:none;stroke:#CFD8CC;stroke-width:1.5;stroke-dasharray:4 5}.sv-art.a2 .pk{fill:var(--terra2)}
.sv-art.a2 .lg{font-family:var(--mono);font-size:10px;fill:var(--ink2)}
.sv-art.a3{background:#fff;padding:26px}
.sv-art.a3 .db3{width:100%;max-width:340px}
.sv-art.a3 .lb{position:relative;height:20px;font-family:var(--serif);font-size:18px;margin-bottom:12px}
.sv-art.a3 .lb span{position:absolute;left:0;top:0;animation:sv-lb 6s infinite}.sv-art.a3 .lb span+span{animation-delay:-3s}
@keyframes sv-lb{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}
.sv-art.a3 .bs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end;height:150px;border-bottom:1px solid var(--prata)}
.sv-art.a3 .bs i{display:block;border-radius:8px 8px 0 0;animation:sv-b 6s cubic-bezier(.2,.8,.2,1) infinite}
.sv-art.a3 .bs i:nth-child(1){--f:92%;--m:72%}.sv-art.a3 .bs i:nth-child(2){--f:70%;--m:44%}.sv-art.a3 .bs i:nth-child(3){--f:80%;--m:28%}
@keyframes sv-b{0%,40%{height:var(--f);background:#4A5751}50%,90%{height:var(--m);background:var(--verde-b)}100%{height:var(--f);background:#4A5751}}
.sv-art.a3 .bs i:nth-child(3){animation-name:sv-b3}
@keyframes sv-b3{0%,40%{height:var(--f);background:#4A5751}50%,90%{height:var(--m);background:var(--terra2)}100%{height:var(--f);background:#4A5751}}
.sv-art.a4{background:#0E3A3A;border-color:transparent}
.sv-art.a4 .ly{position:absolute;inset:26px;border-radius:14px;display:grid;grid-template-columns:70px 1fr;gap:10px;padding:12px}
.sv-art.a4 .ly i{display:block;border-radius:9px}
.sv-art.a4 .ly .sd{grid-row:span 4}
.sv-art.a4 .bpl{background-image:linear-gradient(rgba(191,245,227,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(191,245,227,.11) 1px,transparent 1px);background-size:18px 18px}
.sv-art.a4 .bpl i{border:1.5px dashed rgba(191,245,227,.55)}
.sv-art.a4 .sys{background:#fff;animation:sv-sys 6s ease-in-out infinite}
.sv-art.a4 .sys i{background:#F1F4EF;border:1px solid var(--line)}.sv-art.a4 .sys .sd{background:#F5F7F3}.sv-art.a4 .sys i:nth-child(3){background:var(--verde-b);border-color:transparent}
@keyframes sv-sys{0%,35%{opacity:0;transform:scale(.97)}50%,90%{opacity:1;transform:none}100%{opacity:0}}
@media(max-width:860px){.sv-fr{grid-template-columns:1fr;gap:22px}.sv-fr:nth-child(even) .sv-art{order:0}}

/* visao geral: diagnostico rapido do "para quem e" */
.sv-diag{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:start;margin-top:30px}
.sv-diag .qcards{margin-top:0}
.quem .qc{font:inherit;font-weight:600;text-align:left;cursor:pointer;width:100%}
.quem .qc[aria-pressed=true]{border-color:var(--verde-b);background:#F3F7F2}.quem .qc[aria-pressed=true]::before{background:var(--verde-b);color:#fff}
.sv-out{position:sticky;top:100px;background:var(--verde-caixa);color:#fff;border-radius:22px;padding:22px;box-shadow:0 26px 60px rgba(20,40,25,.18)}
.sv-out small{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--menta)}
.sv-out .hint{color:rgba(255,255,255,.72);font-size:14px;margin:10px 0 0}
.sv-out .ls{display:grid;gap:8px;margin-top:12px}
.sv-out a{display:flex;justify-content:space-between;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:11px 13px;color:#fff;text-decoration:none;font-weight:600;animation:p-in .35s}
.sv-out a:hover{background:rgba(255,255,255,.14)}
.sv-out a em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--menta)}
.sv-out a:first-child{background:var(--menta);color:#0C1D16;border-color:transparent}.sv-out a:first-child em{color:var(--verde-b)}
@media(max-width:860px){.sv-diag{grid-template-columns:1fr}.sv-out{position:relative;top:0}}
.sv-diag .qcards{grid-template-columns:1fr 1fr}.sv-art.a4 .ly{grid-template-rows:repeat(4,1fr)}

/* ---------- Loja: vitrine, caixas de produto, modulos e sacola ---------- */
.lj-vit{position:relative;z-index:1;background:#fff;border:1px solid #D9DED6;border-radius:20px;box-shadow:0 34px 90px rgba(0,0,0,.30);overflow:hidden;color:var(--ink);text-align:left}
.lj-vh{display:flex;align-items:center;gap:7px;padding:11px 16px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--ink3)}
.lj-vh>i{width:9px;height:9px;border-radius:50%;background:#F28B82}.lj-vh>i:nth-child(2){background:#F3C96B}.lj-vh>i:nth-child(3){background:#7ED957}
.lj-bagi{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--ink)}
.lj-bagi::before{content:"";width:16px;height:14px;border:2px solid var(--ink);border-top-width:4px;border-radius:2px 2px 5px 5px}
.lj-bagi b{min-width:18px;height:18px;border-radius:999px;background:var(--terra2);color:#fff;font-size:10.5px;display:grid;place-items:center;font-weight:600}
.lj-bagi.bump b{animation:i-pop .5s}
.lj-shelf{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;height:250px;padding:20px 22px 0;background:radial-gradient(70% 60% at 50% 100%,#EEF2EC,transparent 70%)}
.lj-shelf .it{position:relative;display:grid;justify-items:center;cursor:pointer;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.lj-shelf .it.on{transform:translateY(-14px)}
.lj-tag{position:absolute;top:-6px;right:-4px;z-index:3;background:#fff;border:1px solid var(--prata);border-radius:7px;padding:3px 7px;font-family:var(--mono);font-size:9.5px;white-space:nowrap;transform-origin:50% -8px;box-shadow:0 6px 14px rgba(20,40,25,.10)}
.lj-shelf .it.on .lj-tag{animation:lj-swing 1.2s ease-in-out}
@keyframes lj-swing{0%{transform:rotate(0)}25%{transform:rotate(9deg)}55%{transform:rotate(-6deg)}80%{transform:rotate(3deg)}100%{transform:rotate(0)}}
.lj-floor{height:26px;background:linear-gradient(#E8ECE6,#DCE2D9);border-top:1px solid #CBD3C7}
.lj-fly{position:absolute;z-index:5;width:12px;height:12px;border-radius:50%;background:var(--terra2);box-shadow:0 0 10px rgba(211,95,34,.7);pointer-events:none;transition:transform .8s cubic-bezier(.5,0,.3,1),opacity .2s .7s}
/* a caixa do produto */
.lj-box{--c:#3E6B4F;position:relative;width:100px;height:124px;margin-right:18px;border-radius:6px 6px 4px 4px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 78%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 70%,#000));color:#fff;box-shadow:0 18px 26px rgba(20,40,25,.22);display:flex;flex-direction:column;justify-content:space-between;padding:10px;text-align:left}
.lj-box::after{content:"";position:absolute;top:6px;right:-18px;width:18px;height:100%;background:color-mix(in srgb,var(--c) 62%,#000);transform:skewY(-30deg);transform-origin:left top;border-radius:0 4px 4px 0}
.lj-box::before{content:"";position:absolute;left:6px;right:-12px;top:-10px;height:10px;background:color-mix(in srgb,var(--c) 70%,#fff);transform:skewX(-60deg);transform-origin:left bottom;border-radius:3px 3px 0 0}
.lj-box .t{font-family:var(--serif);font-size:14px;line-height:1.1}
.lj-box small{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.lj-box small::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#F3C9A8;margin-right:5px;vertical-align:0}
.lj-box.big{width:150px;height:186px;padding:14px;margin-right:26px}.lj-box.big::after{right:-26px;width:26px}.lj-box.big::before{top:-14px;height:14px;right:-18px}.lj-box.big .t{font-size:20px}
.ljhero .p1{left:-34px;top:-20px}.ljhero .p2{left:120px;top:-22px;animation-delay:.8s}.ljhero .p3{right:-30px;top:112px;animation-delay:1.6s}.ljhero .p4{right:-40px;bottom:-16px;animation-delay:2.4s}
@media(max-width:1200px){.ljhero .p1{left:-12px}.ljhero .p3,.ljhero .p4{right:-12px}}
@media(max-width:560px){.lj-shelf{height:190px;padding:14px 10px 0;gap:4px}.lj-shelf .lj-box{width:62px;height:82px;padding:6px;margin-right:12px}.lj-shelf .lj-box .t{font-size:10px}.lj-shelf .lj-box small{display:none}.lj-shelf .lj-box::after{right:-12px;width:12px}.lj-tag{font-size:8px;padding:2px 5px}}
/* cards dos produtos prontos */
.lj-grid{display:grid;gap:18px;margin-top:32px}
.lj-card{display:grid;grid-template-columns:220px 1fr;gap:26px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px 26px;box-shadow:0 10px 30px rgba(20,40,25,.06);transition:box-shadow .3s,border-color .3s}
.lj-card:hover{box-shadow:0 22px 50px rgba(20,40,25,.12);border-color:#D8E6D2}
.lj-pk{display:grid;place-items:center;height:220px;border-radius:18px;background:radial-gradient(70% 60% at 50% 100%,#EEF2EC,#F8FAF7 70%);perspective:600px}
.lj-pk .lj-box{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.lj-card:hover .lj-pk .lj-box{transform:translateY(-8px) rotate(-3deg)}
.lj-pk .duo{position:relative;width:180px;height:190px}.lj-pk .duo .lj-box{position:absolute}.lj-pk .duo .lj-box:first-child{left:0;top:24px}.lj-pk .duo .lj-box:last-child{left:62px;top:0}
.lj-card .k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--terra2)}
.lj-card h3{font-size:24px;margin:6px 0 0}
.lj-card .res{color:var(--ink2);margin:8px 0 0;max-width:60ch}
.lj-card details{margin-top:12px;border-top:1px dashed var(--line2);padding-top:10px}
.lj-card summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--verde-b);list-style:none;display:flex;align-items:center;gap:8px}
.lj-card summary::-webkit-details-marker{display:none}
.lj-card summary::before{content:"+";width:20px;height:20px;border-radius:50%;background:#EEF4EA;display:grid;place-items:center;font-weight:700;transition:transform .3s}
.lj-card details[open] summary::before{content:"−"}
.lj-card .dt{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px}
.lj-card h4{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin:0}
.lj-card ul{margin:6px 0 0;padding-left:18px;color:var(--ink2);font-size:14px;line-height:1.6}
.lj-need{margin:12px 0 0;font-size:13px;color:#5A3E1B;background:var(--pill-bege);border-radius:10px;padding:7px 11px;display:inline-block}
.lj-need b{font-weight:700}
.lj-buy{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.lj-pr b{display:block;font-family:var(--serif);font-size:28px;font-weight:600;line-height:1}
.lj-pr b.pend{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--ink3);background:#F5F7F3;border:1px dashed var(--prata);border-radius:8px;padding:6px 9px}
.lj-pr span{display:block;font-size:12.5px;color:var(--ink3);margin-top:4px}
.lj-add{font:inherit;font-size:14px;font-weight:700;border:0;border-radius:999px;padding:11px 18px;background:var(--terra2);color:#fff;cursor:pointer;transition:background .2s,transform .2s;margin-left:auto}
.lj-add:hover{transform:translateY(-2px)}
.lj-add.on{background:var(--verde-b)}.lj-add.on::before{content:"✓ "}
.lj-buy .lnk{font-weight:700;font-size:14px;color:var(--ink);text-decoration:none}.lj-buy .lnk:hover{color:var(--terra2)}
.lj-badge{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--verde-b);background:#EEF4EA;border:1px solid #D8E6D2;border-radius:999px;padding:3px 9px;vertical-align:4px}
.lj-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#2FB36B}
@media(max-width:860px){.lj-card{grid-template-columns:1fr;padding:20px}.lj-pk{height:190px}.lj-card .dt{grid-template-columns:1fr}.lj-add{margin-left:0}}
/* modulos de automacao que encaixam */
.lj-mods{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}
.lj-mod{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:0 22px 22px;overflow:hidden;box-shadow:0 10px 30px rgba(20,40,25,.06);transition:box-shadow .3s}
.lj-mod:hover{box-shadow:0 22px 50px rgba(20,40,25,.12)}
.lj-sock{position:relative;height:96px;margin:0 -22px 16px;background:linear-gradient(#16211A,#1E2C23);display:grid;place-items:center;overflow:hidden}
.lj-sock::before{content:"";position:absolute;left:24px;right:24px;top:18px;height:12px;border-radius:6px;background:repeating-linear-gradient(90deg,#33463A 0 10px,#0E1712 10px 16px)}
.lj-cart{position:relative;width:62%;height:46px;margin-top:44px;border-radius:10px 10px 0 0;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 70%,#fff));display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;transform:translateY(30px);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.lj-cart::before{content:"";position:absolute;left:12%;right:12%;top:-10px;height:10px;background:repeating-linear-gradient(90deg,#D4AF37 0 6px,transparent 6px 12px)}
.lj-cart::after{content:"";width:8px;height:8px;border-radius:50%;background:#7ED957;box-shadow:0 0 8px #7ED957;opacity:0;transition:opacity .3s .8s}
.lj-mods.vis .lj-cart,.lj-mod:hover .lj-cart{transform:translateY(0)}.lj-mods.vis .lj-cart::after{opacity:1}
.lj-mods.vis .lj-mod:nth-child(2) .lj-cart{transition-delay:.15s}.lj-mods.vis .lj-mod:nth-child(3) .lj-cart{transition-delay:.3s}.lj-mods.vis .lj-mod:nth-child(4) .lj-cart{transition-delay:.45s}
.lj-mod h3{font-size:21px;margin:0}.lj-mod p.d{color:var(--ink2);font-size:14.5px;margin:8px 0 0}
@media(max-width:860px){.lj-mods{grid-template-columns:1fr}}
/* Radar: o proximo passo */
.lj-radar{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;margin-top:20px;padding:34px 40px;border-radius:26px;color:#fff;overflow:hidden;background:linear-gradient(140deg,var(--agua1),var(--agua2) 60%,var(--agua3))}
.lj-radar::before{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 0 40px rgba(255,255,255,.05),0 0 0 80px rgba(255,255,255,.04)}
.lj-radar::after{content:"";position:absolute;right:80px;top:80px;width:160px;height:160px;border-radius:50%;background:conic-gradient(from 0deg,rgba(191,245,227,.45),transparent 35%);animation:o-spin 4s linear infinite}
.lj-radar>*{position:relative;z-index:1}
.lj-radar small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--menta)}
.lj-radar h2{color:#fff;margin:8px 0 0;font-size:clamp(26px,3.2vw,38px)}
.lj-radar p{color:rgba(255,255,255,.85);margin:10px 0 0;max-width:52ch}
.lj-radar .btn{justify-self:start;background:#fff;color:var(--agua1)}
@media(max-width:860px){.lj-radar{grid-template-columns:1fr;padding:28px 24px}}
/* a sacola */
.lj-bag{position:fixed;right:18px;bottom:18px;z-index:70}
.lj-bag[hidden]{display:none}
.lj-bag-b{font:inherit;display:flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:12px 18px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 16px 36px rgba(0,0,0,.3);animation:p-in .4s}
.lj-bag-b b{min-width:22px;height:22px;border-radius:999px;background:var(--terra2);display:grid;place-items:center;font-size:12px}
.lj-bag.bump .lj-bag-b b{animation:i-pop .5s}
.lj-bag-p{position:absolute;right:0;bottom:62px;width:min(340px,calc(100vw - 36px));background:#fff;color:var(--ink);border:1px solid var(--prata);border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.25);padding:16px;opacity:0;transform:translateY(10px);pointer-events:none;transition:all .25s}
.lj-bag.open .lj-bag-p{opacity:1;transform:none;pointer-events:auto}
.lj-bag-p .hd{display:flex;justify-content:space-between;align-items:center;font-family:var(--serif);font-size:19px}
.lj-bag-p .x{font:inherit;font-size:20px;border:0;background:none;cursor:pointer;color:var(--ink3)}
.lj-bag-p ul{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px;max-height:240px;overflow:auto}
.lj-bag-p li{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13.5px;background:#F5F7F3;border-radius:10px;padding:8px 10px}
.lj-bag-p li span{flex:1}.lj-bag-p li em{font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--ink2);white-space:nowrap}
.lj-bag-p li button{border:0;background:none;cursor:pointer;color:var(--ink3);font-size:16px}
.lj-bag-p .tt{font-size:13px;color:var(--ink2);display:grid;gap:3px;margin-bottom:12px}.lj-bag-p .tt b{color:var(--ink)}
.lj-bag-p .wa{display:block;text-align:center}
.lj-bag-p small{display:block;margin-top:8px;font-size:11.5px;color:var(--ink3);text-align:center}

/* Loja: do seu jeito (canal, horario e periodo do relatorio) */
.lj-dj{display:grid;grid-template-columns:1fr 360px;gap:44px;align-items:center}
.lj-ctl{display:grid;gap:16px;margin-top:22px}
.lj-ctl .g span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:7px}
.lj-ctl .g div{display:flex;gap:6px;flex-wrap:wrap}
.lj-ctl button{font:inherit;font-size:14px;font-weight:700;cursor:pointer;border:1px solid var(--prata);background:#fff;color:var(--ink2);border-radius:999px;padding:8px 14px;transition:all .2s}
.lj-ctl button:hover{border-color:var(--verde-b)}
.lj-ctl button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.lj-ph{position:relative;justify-self:center;width:300px;height:560px;border-radius:44px;background:#111614;padding:12px;box-shadow:0 40px 80px rgba(20,40,25,.3)}
.lj-ph::before{content:"";position:absolute;left:50%;top:18px;width:90px;height:22px;margin-left:-45px;border-radius:999px;background:#000;z-index:3}
.lj-scr{position:relative;height:100%;border-radius:34px;overflow:hidden;background:#EEF2EC}
.lj-v{position:absolute;inset:0;padding:54px 14px 14px;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s;display:flex;flex-direction:column;gap:10px}
.lj-dj[data-c=tg] .lj-v.tg,.lj-dj[data-c=em] .lj-v.em,.lj-dj[data-c=app] .lj-v.app{opacity:1;transform:none}
.lj-v.tg{background:linear-gradient(#D8E7F2,#E9F1F7)}
.lj-v .bar{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.lj-v .bar i{width:30px;height:30px;border-radius:50%;background:var(--verde-caixa);display:grid;place-items:center;color:#fff;font-style:normal;font-size:12px}
.lj-v .bar small{display:block;font-weight:400;font-size:11px;color:var(--ink3)}
.lj-msg{background:#fff;border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:13.5px;line-height:1.5;box-shadow:0 4px 12px rgba(0,0,0,.06);animation:p-in .4s}
.lj-msg b{font-weight:700}.lj-msg .h{display:block;font-family:var(--mono);font-size:10.5px;color:var(--ink3);margin-top:6px;text-align:right}
.lj-msg ul{margin:6px 0 0;padding-left:16px}
.lj-v.em .mail{background:#fff;border-radius:14px;padding:14px;font-size:13.5px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.lj-v.em .mail .de{font-size:12px;color:var(--ink3);border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:10px}.lj-v.em .mail .de b{color:var(--ink);display:block;font-size:14px}
.lj-v.em .kp{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.lj-v.em .kp div{background:#F5F7F3;border-radius:10px;padding:8px}.lj-v.em .kp small{display:block;font-size:10.5px;color:var(--ink3)}.lj-v.em .kp b{font-family:var(--serif);font-size:19px}
.lj-v.app{background:#fff}
.lj-v.app .usr{display:flex;gap:6px;flex-wrap:wrap}.lj-v.app .usr span{font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:999px;background:#EEF4EA;color:var(--verde-b)}.lj-v.app .usr span:first-child{background:var(--verde-b);color:#fff}
.lj-v.app .cd{border:1px solid var(--line);border-radius:14px;padding:12px}.lj-v.app .cd small{font-size:11px;color:var(--ink3)}.lj-v.app .cd b{display:block;font-family:var(--serif);font-size:24px}
.lj-v.app .sp{height:46px;margin-top:6px;background:linear-gradient(transparent 60%,rgba(62,107,79,.12)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 46'%3E%3Cpath d='M0 40 L30 34 L60 36 L90 24 L120 26 L150 14 L200 8' fill='none' stroke='%233E6B4F' stroke-width='2.5'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.lj-v .ex{margin-top:auto;font-family:var(--mono);font-size:10px;color:var(--ink3);text-align:center}
@media(max-width:900px){.lj-dj{grid-template-columns:1fr}.lj-ph{width:270px;height:500px}}

/* ---------- paginas de produto da Loja (comum) ---------- */
.lp-win{position:relative;z-index:1;background:#fff;border:1px solid #D9DED6;border-radius:20px;box-shadow:0 34px 90px rgba(0,0,0,.30);overflow:hidden;color:var(--ink);text-align:left}
.lp-hd{display:flex;align-items:center;gap:7px;padding:11px 16px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-hd>i{flex:none;width:9px;height:9px;border-radius:50%;background:#F28B82}.lp-hd>i:nth-child(2){background:#F3C96B}.lp-hd>i:nth-child(3){background:#7ED957}
.lp-ex{margin:0;padding:8px 16px 12px;font-family:var(--mono);font-size:10.5px;color:var(--ink3)}
.lp-buy{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px 30px;box-shadow:0 22px 50px rgba(20,40,25,.10)}
.lp-buy h2{margin:8px 0 0}.lp-buy ul{margin:12px 0 0;padding-left:18px;color:var(--ink2);line-height:1.7}
.lp-buy .lj-need{margin-top:14px}
.lp-pay{background:#F5F7F3;border:1px solid #DDE7D8;border-radius:18px;padding:20px;display:grid;gap:12px;justify-items:start}
.lp-pay .lj-pr b{font-size:34px}
.lp-pay .btn{width:100%;text-align:center;justify-content:center}
.lp-pay small{font-size:12px;color:var(--ink3)}
.lp-pay .lnk{font-weight:700;font-size:14px;color:var(--ink);text-decoration:none}.lp-pay .lnk:hover{color:var(--terra2)}
@media(max-width:860px){.lp-buy{grid-template-columns:1fr;padding:22px}}
.lphero .p1{left:-34px;top:-20px}.lphero .p2{right:-30px;top:-22px;animation-delay:.8s}.lphero .p3{right:-40px;bottom:-16px;animation-delay:1.6s}
@media(max-width:1200px){.lphero .p1{left:-12px}.lphero .p2,.lphero .p3{right:-12px}}

/* Kit de planilhas: a planilha viva (amarelo voce preenche, cinza a planilha calcula) */
.kp-fx{display:flex;gap:10px;align-items:center;padding:7px 12px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--ink2);background:#FAFBF9}
.kp-fx b{color:#188038;font-style:italic}.kp-fx .f{transition:color .3s}.kp-fx .f.hit{color:var(--terra2)}
.kp-gr{display:grid;grid-template-columns:1fr 1fr;font-size:13px}
.kp-gr .r{display:contents}
.kp-gr .r>*{padding:6px 12px;border-bottom:1px solid #E6E9E5;display:flex;align-items:center}
.kp-gr .r>span{color:var(--ink2);border-right:1px solid #E6E9E5}
.kp-gr input{width:100%;font:inherit;font-family:var(--mono);font-size:13px;text-align:right;border:0;outline:none;background:#FFF3B8;border-radius:5px;padding:4px 6px}
.kp-gr input:focus{box-shadow:0 0 0 2px var(--terra2)}
.kp-gr .o{justify-content:flex-end;font-family:var(--mono);background:#EEF0ED;cursor:help;transition:background .3s}
.kp-gr .o.up{background:#DFF1E3}.kp-gr .o.neg{color:#B3261E}
.kp-gr .r.k>*{font-weight:700}.kp-gr .r.k .o{font-size:14px}
.kp-gr .sep{grid-column:1/-1;height:6px;background:#F5F7F3;border-bottom:1px solid #E6E9E5}
.kp-leg{display:flex;gap:12px;flex-wrap:wrap;padding:10px 12px 0;font-size:11.5px;color:var(--ink3)}
.kp-leg span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.kp-leg .am::before{background:#FFF3B8;border:1px solid #E6D277}.kp-leg .ci::before{background:#EEF0ED;border:1px solid #D4D9D2}

/* Templates: a mensagem certa para cada situacao */
.tp-sit{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px 0}
.tp-sit button,.tp-seg button{font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;border:1px solid var(--prata);background:#fff;color:var(--ink2);border-radius:999px;padding:6px 11px;transition:all .2s}
.tp-sit button.on,.tp-seg button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.tp-sit button.lk{color:var(--ink3)}.tp-sit button.lk::after{content:" 🔒";font-size:10px}
.tp-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;padding:10px 14px 0}
.tp-seg{display:flex;gap:4px;flex-wrap:wrap}
.tp-msg{position:relative;margin:12px 14px 0;border-radius:14px;padding:14px;min-height:150px;background:#F1F4EF;transition:background .3s}
.tp.tpwa .tp-msg{background:#E7F7DF}
.tp-msg .tx{margin:0;white-space:pre-wrap;font-family:var(--sans);font-size:13.5px;line-height:1.55;color:var(--ink)}
.tp-msg .tx em{font-style:normal;background:#FFF3B8;border-radius:4px;padding:0 3px;font-family:var(--mono);font-size:12px}
.tp-msg .tx em.ok{background:#DFF1E3;font-family:var(--sans);font-size:13.5px}
.tp-msg.lock .tx{filter:blur(5px);user-select:none}
.tp-msg .lkm{position:absolute;inset:0;display:none;place-items:center;text-align:center;font-weight:700;font-size:14px;color:var(--ink)}
.tp-msg.lock .lkm{display:grid}.tp-msg .lkm span{background:#fff;border-radius:999px;padding:8px 14px;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.tp-no{margin:10px 14px 0;font-size:12.5px;color:#7A3A14;background:#FBEDE4;border-radius:10px;padding:8px 10px}
.tp-no b{font-weight:700}
.tp-fill{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px 0}
.tp-fill label{display:grid;gap:3px;font-size:11px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em}
.tp-fill input{font:inherit;font-size:13px;text-transform:none;letter-spacing:0;font-weight:500;color:var(--ink);padding:7px 9px;border:1px solid var(--prata);border-radius:9px;outline:none}.tp-fill input:focus{border-color:var(--verde-b)}

/* Painel de Lucro Real: o app da empresa */
.pl-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px 0}
.pl-rg{display:inline-flex;gap:4px;background:#F1F4EF;border-radius:999px;padding:3px}
.pl-rg button{font:inherit;font-size:12.5px;font-weight:700;border:0;background:transparent;color:var(--ink2);border-radius:999px;padding:6px 12px;cursor:pointer}
.pl-rg button.on{background:var(--verde-b);color:#fff}
.pl-up{font-family:var(--mono);font-size:10.5px;color:var(--verde-b)}
.pl-kp{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 14px 0}
.pl-kp div{background:#F5F7F3;border-radius:12px;padding:9px 10px}
.pl-kp small{display:block;font-size:10.5px;color:var(--ink3)}
.pl-kp b{display:block;font-family:var(--serif);font-size:19px;font-weight:600;margin-top:2px;transition:opacity .25s}
.pl.mud .pl-kp b{opacity:.2}
.pl-ch{display:grid;gap:7px;padding:12px 14px 0}
.pl-ch .c{display:grid;grid-template-columns:96px 1fr 38px;gap:8px;align-items:center;font-size:12.5px}
.pl-ch .c i{height:9px;border-radius:999px;background:#EEF2EC;position:relative;overflow:hidden}
.pl-ch .c i::after{content:"";position:absolute;inset:0;width:var(--w,0%);border-radius:999px;background:var(--verde-b);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.pl-ch .c.lo i::after{background:var(--terra2)}
.pl-ch .c b{font-family:var(--mono);font-weight:500;text-align:right}
.pl-ask{margin:12px 14px 0;border-top:1px dashed var(--line2);padding-top:10px}
.pl-chat{display:flex;flex-direction:column;gap:6px;min-height:84px;justify-content:flex-end}
.pl-chat .q{align-self:flex-end;background:var(--ink);color:#fff;border-radius:12px 12px 4px 12px;padding:7px 10px;font-size:12.5px;animation:p-in .3s}
.pl-chat .a{align-self:flex-start;background:#EEF4EA;border-radius:12px 12px 12px 4px;padding:8px 10px;font-size:12.5px;max-width:92%;animation:p-in .3s}
.pl-chat .a::before{content:"IA · ";font-family:var(--mono);font-size:10px;color:var(--verde-b)}
.pl-q{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.pl-q button{font:inherit;font-size:12px;border:1px dashed var(--prata);background:#FAFBF9;color:var(--ink2);border-radius:999px;padding:5px 10px;cursor:pointer}.pl-q button:hover{border-color:var(--verde-b);color:var(--ink)}
@media(max-width:560px){.pl-kp{grid-template-columns:1fr 1fr}.pl-ch .c{grid-template-columns:80px 1fr 34px}}
.pl-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.pl-3 .s{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 26px rgba(20,40,25,.06)}
.pl-3 .s b{display:block;font-family:var(--mono);font-size:12px;color:var(--terra2)}.pl-3 .s h3{font-size:19px;margin:6px 0 0}.pl-3 .s p{color:var(--ink2);font-size:14.5px;margin:8px 0 0}
.pl-vs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.pl-vs .v{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 26px rgba(20,40,25,.06);display:grid;gap:10px;align-content:start}
.pl-vs .v.top{border-color:var(--verde-b);box-shadow:0 0 0 4px rgba(62,107,79,.10),0 16px 36px rgba(20,40,25,.10)}
.pl-vs .v h3{font-size:21px;margin:0}.pl-vs .v ul{margin:0;padding-left:18px;color:var(--ink2);font-size:14.5px;line-height:1.7}
.pl-vs .v .lj-add{margin-left:0}
@media(max-width:860px){.pl-3,.pl-vs{grid-template-columns:1fr}}

/* Calculadora completa: o limite da gratis x sem limite */
.cs-tg{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px 0}
.cs-tg .seg{display:inline-flex;gap:4px;background:#F1F4EF;border-radius:999px;padding:3px}
.cs-tg button{font:inherit;font-size:12.5px;font-weight:700;border:0;background:transparent;color:var(--ink2);border-radius:999px;padding:6px 12px;cursor:pointer}
.cs-tg button.on{background:var(--ink);color:#fff}.cs[data-m=c] .cs-tg button.on{background:var(--verde-b)}
.cs-tg .pr{font-family:var(--mono);font-size:11px;color:var(--ink3)}
.cs-bar{padding:12px 14px 0;font-size:13px;display:grid;gap:6px}
.cs-bar b{font-family:var(--serif);font-size:24px}
.cs-bar i{display:block;height:8px;border-radius:999px;background:#EEF2EC;overflow:hidden}.cs-bar i::after{content:"";display:block;height:100%;width:var(--w,0%);background:var(--terra2);border-radius:999px;transition:width .3s}
.cs[data-m=c] .cs-bar i::after{background:var(--verde-b)}
.cs-ls{list-style:none;margin:10px 14px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:5px;height:186px;overflow:hidden;align-content:start}
.cs-ls li{display:flex;justify-content:space-between;gap:6px;background:#F5F7F3;border:1px solid #DDE7D8;border-radius:9px;padding:6px 8px;font-size:12px;animation:p-in .3s}
.cs-ls li b{font-family:var(--mono);font-weight:500;color:var(--verde-b)}
.cs-warn{margin:10px 14px 0;border-radius:12px;padding:10px 12px;background:#FBF3E1;border:1px solid #EBD9AE;color:#5A3E1B;font-size:12.5px;display:none;gap:8px}
.cs-warn.on{display:grid;animation:p-in .3s}
.cs-warn div{display:flex;gap:6px;flex-wrap:wrap}.cs-warn span{font-size:11.5px;font-weight:700;background:#fff;border-radius:999px;padding:4px 9px}
.cs-vs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.cs-vs .v{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;display:grid;gap:10px;align-content:start}
.cs-vs .v.top{border-color:var(--verde-b);box-shadow:0 0 0 4px rgba(62,107,79,.10)}
.cs-vs .v h3{margin:0;font-size:21px}.cs-vs .v ul{margin:0;padding-left:18px;color:var(--ink2);font-size:14.5px;line-height:1.7}
.cs-vs .v .big{font-family:var(--serif);font-size:30px}.cs-vs .v .big small{font-family:var(--sans);font-size:14px;color:var(--ink3)}
@media(max-width:860px){.cs-vs{grid-template-columns:1fr}}
.cs-reset{font:inherit;border:0;background:none;color:var(--terra2);font-weight:700;cursor:pointer;padding:0}
.lphero .stgw{transform:translateY(18px)}
.lphero .pop img{height:26px}
.lphero .p1{left:-30px;top:-60px}.lphero .p2{right:-24px;top:-60px}
.lphero #kpvivo .kp-gr .r>*{padding:3px 12px}.lphero #kpvivo .kp-gr input{padding:3px 6px;font-size:12.5px}.lphero #kpvivo .kp-gr{font-size:12.5px}.lphero #kpvivo .kp-gr .sep{height:4px}
.lphero #kpvivo .kp-leg{padding-top:8px}
.lphero .tp-sit button,.lphero .tp-seg button{font-size:12px;padding:5px 9px}
.lphero .tp-msg{min-height:128px;padding:12px}.lphero .tp-msg .tx{font-size:13px}
.lphero .tp-no{font-size:12px}
.lphero .tp-fill{grid-template-columns:repeat(4,1fr);gap:6px}.lphero .tp-fill label{font-size:10px}.lphero .tp-fill input{padding:5px 7px;font-size:12.5px;min-width:0}
@media(max-width:560px){.lphero .tp-fill{grid-template-columns:1fr 1fr}}
.lp-pay .lj-pr b.pend{font-size:17px}
.lphero .tp-fill{grid-template-columns:.9fr 1.1fr .8fr 1.2fr}
.pl-kp b{white-space:nowrap;font-size:17px}.pl-rg button{white-space:nowrap}
@media(max-width:560px){.pl-up,.cs-tg .pr{display:none}}

/* ---------- Radar: a tela de radar que varre os canais ---------- */
.geo-qs{display:grid;gap:18px;margin-top:26px;max-width:80ch}
.geo-q{border-top:1px solid var(--line);padding-top:16px}
.geo-q h3{font-size:18px;margin:0}
.geo-q p{color:var(--ink2);font-size:16px;line-height:1.6;margin:7px 0 0}
.geo-q a{color:var(--verde);text-decoration:underline;text-underline-offset:2px}
.rdhero .stgw{transform:none;margin-top:0}
.rd-wrap{position:relative;width:min(400px,100%);margin:0 auto 30px}
.rd-scope{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#24533A 0%,#163A27 55%,#0F2A1C 100%);box-shadow:0 0 0 1px rgba(160,230,190,.28),0 0 0 10px rgba(160,230,190,.05),0 34px 90px rgba(0,0,0,.45),inset 0 0 70px rgba(0,0,0,.4)}
.rd-scope .ring{position:absolute;border-radius:50%;border:1px solid rgba(160,230,190,.2)}
.rd-scope .ax{position:absolute;background:rgba(160,230,190,.13)}
.rd-scope .ax.h{left:0;right:0;top:50%;height:1px}.rd-scope .ax.v{top:0;bottom:0;left:50%;width:1px}
.rd-sw{position:absolute;inset:0;border-radius:50%;background:conic-gradient(rgba(126,217,87,0) 0 260deg,rgba(126,217,87,.06) 300deg,rgba(126,217,87,.42) 359deg,rgba(126,217,87,0) 360deg);will-change:transform}
.rd-sw::after{content:"";position:absolute;left:50%;top:0;width:2px;height:50%;margin-left:-1px;background:linear-gradient(#B8F7C9,rgba(184,247,201,0))}
.rd-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;background:#fff;border-radius:14px;padding:7px 12px;text-align:center;box-shadow:0 10px 28px rgba(0,0,0,.35)}
.rd-c b{display:block;font-family:var(--serif);font-size:18px;color:var(--verde-b);line-height:1}
.rd-c small{display:block;font-family:var(--mono);font-size:9.5px;color:var(--ink3);margin-top:3px;white-space:nowrap}
.rd-b{position:absolute;z-index:2;left:var(--x);top:var(--y);width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:0;padding:0;background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.35);opacity:.5;transition:opacity .8s,transform .3s}
.rd-b img{max-width:30px;max-height:30px;object-fit:contain}
.rd-b::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #7ED957;opacity:0}
.rd-b.exc::after{border-color:#F2A26B}
.rd-b.ping{opacity:1;transform:scale(1.12)}.rd-b.ping::after{animation:rd-ping 1.3s ease-out}
.rd-b:focus-visible{outline:2px solid #fff;outline-offset:4px}
@keyframes rd-ping{from{opacity:.95;transform:scale(.85)}to{opacity:0;transform:scale(2)}}
.rd-feed{position:absolute;z-index:4;right:-70px;bottom:-30px;width:282px;background:#fff;color:var(--ink);border-radius:16px;padding:10px 12px 4px;box-shadow:0 24px 60px rgba(0,0,0,.35);text-align:left}
.rd-fh{display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:10.5px;color:var(--ink3)}
.rd-fh i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2FB36B;margin-right:6px;animation:db-bl 1.6s infinite}
.rd-ls{list-style:none;margin:6px 0 0;padding:0;height:156px;overflow:hidden}
.rd-it{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:start;padding:7px 0;border-top:1px solid var(--line);font-size:12.5px;line-height:1.35;animation:ig-up .35s both}
.rd-it img{width:24px;height:24px;object-fit:contain;border-radius:6px;background:#F5F7F3;padding:2px}
.rd-it b{display:block;font-family:var(--mono);font-size:10px;font-weight:500;color:var(--ink3);margin-top:2px}
.rd-it.exc span::before{content:"! ";color:var(--terra2);font-weight:800}.rd-it.ok span::before{content:"✓ ";color:#2FB36B;font-weight:800}
.rd-ex{margin:12px 0 0;text-align:center;font-family:var(--mono);font-size:10.5px;color:rgba(255,255,255,.6)}
.rdhero .p1{left:-28px;top:6px}.rdhero .p2{right:-36px;top:34px;animation-delay:.8s}
@media(max-width:1200px){.rd-feed{right:-16px}.rdhero .p2{right:-10px}}
@media(max-width:900px){.rd-wrap{margin-bottom:10px}.rd-feed{position:relative;right:auto;bottom:auto;width:auto;margin-top:16px}}
.rd-b{width:auto;height:38px;min-width:46px;padding:0 10px;margin:0;border-radius:12px;translate:-50% -50%}
.rd-b img{max-width:64px;max-height:22px}
.rd-b::after{border-radius:15px}
.rd-feed{bottom:46px}
.rd-ex{margin:2px 0 6px;text-align:left;color:var(--ink3);font-size:10px;border-top:1px solid var(--line);padding-top:6px}
@media(max-width:900px){.rd-feed{bottom:auto}}
@media(min-width:901px){.rd-wrap{width:min(370px,100%);margin:0 auto 30px 0}.rd-feed{right:-250px;bottom:20px;width:270px}}
@media(min-width:901px) and (max-width:1200px){.rd-wrap{width:min(320px,100%)}.rd-feed{right:-200px;width:240px}}
@media(max-width:560px){.rd-c{padding:5px 9px}.rd-c b{font-size:15px}.rd-c small{font-size:8.5px}.rd-b{height:32px;min-width:40px;padding:0 8px}.rd-b img{max-width:52px;max-height:18px}}
/* Radar: o relogio do dia */
.rd-dia{margin-top:34px;border:1px solid var(--line);border-radius:26px;padding:24px 26px 26px;background:#FFF1E6;transition:background-color .9s}
.rd-dia[data-h="1"]{background:#F1F8EE}.rd-dia[data-h="2"]{background:#EEF5FB}.rd-dia[data-h="3"]{background:#FCE8D8}
.rd-tr{position:relative;padding-top:38px;margin-bottom:22px}
.rd-sol{position:absolute;top:0;left:calc(var(--p,0)*(100% - 30px));width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#FFE08A 35%,#F5A93B 100%);box-shadow:0 0 0 7px rgba(255,200,90,.22),0 0 34px rgba(255,170,50,.65);transition:left .7s cubic-bezier(.2,.8,.2,1),background .7s}
.rd-dia[data-h="3"] .rd-sol{background:radial-gradient(circle,#FFC08F 35%,#D35F22 100%);box-shadow:0 0 0 7px rgba(211,95,34,.18),0 0 34px rgba(211,95,34,.55)}
.rd-tr input{display:block;width:100%;margin:0;accent-color:var(--terra2);cursor:pointer}
.rd-hrs{display:flex;justify-content:space-between;margin-top:8px}
.rd-hrs button{font:inherit;font-family:var(--mono);font-size:12.5px;border:0;background:none;color:var(--ink3);cursor:pointer;padding:4px 2px;border-radius:6px}
.rd-hrs button.on{color:var(--ink);font-weight:700}
.rd-in{display:grid;grid-template-columns:1fr 1.35fr;gap:30px;align-items:center}
.rd-st{display:none}.rd-st.on{display:block;animation:ig-up .45s both}
.rd-st .n{font-family:var(--mono);font-size:13px;color:var(--terra2)}.rd-st h3{font-size:clamp(22px,2.4vw,30px);margin:8px 0 0;max-width:22ch}.rd-st p{color:var(--ink2);font-size:16px;margin:12px 0 0;max-width:44ch}
.rd-fr{position:relative;background:#fff;border:1px solid #D9DED6;border-radius:18px;overflow:hidden;box-shadow:0 26px 60px rgba(20,40,25,.16)}
.rd-fr .bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--ink3)}
.rd-fr .bar i{width:9px;height:9px;border-radius:50%;background:#F28B82}.rd-fr .bar i:nth-child(2){background:#F3C96B}.rd-fr .bar i:nth-child(3){background:#7ED957}
.rd-fr img{display:block;width:100%;height:380px;object-fit:cover;object-position:50% 0%;transition:object-position .9s cubic-bezier(.2,.8,.2,1)}
.rd-fr .cap{position:absolute;left:14px;bottom:14px;background:#1B1E15;color:#fff;border-radius:999px;padding:7px 13px;font-size:13px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
@media(max-width:860px){.rd-in{grid-template-columns:1fr}.rd-fr img{height:240px}.rd-dia{padding:18px}}
.rd-fr img{object-fit:cover;object-position:50% 50%;transform:scale(1.6);transform-origin:50% 0%;transition:transform-origin 1s cubic-bezier(.2,.8,.2,1)}
.rd-crop{overflow:hidden;height:380px}.rd-crop img{height:100%;transform:scale(1.32)}
@media(max-width:860px){.rd-crop{height:240px}}

/* ---------- Case: antes x depois (arraste) e a planilha que virou painel ---------- */
.cshero h1{font-size:clamp(30px,3.6vw,46px)}
.ab{position:relative;height:400px;border-radius:20px;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.32);--x:50%;user-select:none;touch-action:pan-y}
.ab-l{position:absolute;inset:0}
.ab-antes{background:#EFE8DC;background-image:radial-gradient(rgba(90,62,27,.12) 1px,transparent 1px);background-size:14px 14px}
.ab-depois{background:#fff;clip-path:inset(0 0 0 var(--x))}
.ab-n{position:absolute;width:190px;padding:12px 14px;border-radius:6px;background:#FFF6C9;box-shadow:0 10px 22px rgba(60,40,10,.18);font-size:13px;color:#4A3A1C;line-height:1.35}
.ab-n b{display:block;font-family:var(--serif);font-size:19px;color:#2A2312;margin-bottom:3px}
.ab-n::after{content:"?";position:absolute;right:10px;top:6px;font:800 20px var(--serif);color:#C2412D}
.ab-n.n1{left:6%;top:10%;rotate:-6deg}.ab-n.n2{left:40%;top:6%;rotate:4deg;background:#FDE3D3}
.ab-n.n3{left:10%;top:52%;rotate:3deg;background:#E3F0FF}.ab-n.n4{left:46%;top:56%;rotate:-4deg;background:#FFF;border:1px dashed #C9B99A}
.ab-f{position:absolute;right:5%;top:36%;font-family:var(--mono);font-size:11px;color:#6B5A3A;background:#fff;border:1px solid #D8CBB2;border-radius:6px;padding:6px 9px;rotate:8deg}
.ab-win{position:absolute;inset:14px;border:1px solid #D9DED6;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.ab-bar{display:flex;align-items:center;gap:7px;padding:9px 14px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--ink3);white-space:nowrap}
.ab-bar img{height:16px}
.ab-g{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;flex:1}
.ab-k{background:#F5F7F3;border:1px solid #DDE7D8;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;justify-content:center}
.ab-k small{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3)}
.ab-k b{font-family:var(--serif);font-size:28px;font-weight:500;margin:4px 0 2px;color:var(--ink)}
.ab-k span{font-size:12.5px;color:var(--verde-b);font-weight:600}
.ab-k.mg{background:#E9F4EC;border-color:#BFDCC8}
.ab-c{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 14px 12px;font-size:12.5px;color:var(--ink2)}
.ab-c img{height:22px;border-radius:5px;background:#F5F7F3;padding:2px}
.ab-c .ex{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--ink3)}
.ab-h{position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 0 18px rgba(0,0,0,.25);pointer-events:none;z-index:3}
.ab-h span{position:absolute;top:50%;left:50%;translate:-50% -50%;width:44px;height:44px;border-radius:50%;background:var(--terra2);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:800;box-shadow:0 8px 22px rgba(0,0,0,.3)}
.ab-t{position:absolute;top:12px;z-index:3;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px;pointer-events:none}
.ab-t.a{left:12px;background:#2A2312;color:#FFF6C9}.ab-t.d{right:12px;background:var(--verde-b);color:#fff}
.ab input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4}
.ab-dica{margin:12px 0 0;text-align:center;font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.65)}
@media(max-width:560px){.ab{height:440px}.ab-n{width:150px;font-size:12px;padding:10px}.ab-n b{font-size:16px}.ab-n.n2{left:44%}.ab-n.n4{left:40%;top:62%}.ab-f{display:none}.ab-k b{font-size:22px}.ab-g{grid-template-columns:1fr 1fr}}
.expc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 26px rgba(20,40,25,.06)}
.expc .yr{font-family:var(--serif);font-size:30px;color:var(--terra2)}.expc.g .yr{color:var(--verde-b)}
.expc h3{font-size:19px;margin:6px 0 0}.expc p{color:var(--ink2);font-size:14.5px;margin:8px 0 0}
@media(max-width:860px){.exp{grid-template-columns:1fr!important}}
.sh{margin-top:28px;background:#fff;border:1px solid #D9DED6;border-radius:18px;overflow:hidden;box-shadow:0 22px 50px rgba(20,40,25,.10)}
.sh-hd{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--ink3)}
.sh-hd>i{width:9px;height:9px;border-radius:50%;background:#F28B82}.sh-hd>i:nth-child(2){background:#F3C96B}.sh-hd>i:nth-child(3){background:#7ED957}
.sh-hd img{height:16px;margin-left:auto}
.sh-fx{display:flex;gap:10px;padding:7px 14px;border-bottom:1px solid var(--line);background:#FAFBF9;font-family:var(--mono);font-size:12px;color:var(--ink2)}.sh-fx b{color:#188038;font-style:italic}
.sh-r{display:grid;grid-template-columns:44px 1fr 150px;font-size:14px;border-bottom:1px solid #E6E9E5}
.sh-r>*{padding:9px 12px;border-right:1px solid #E6E9E5}.sh-r>:last-child{border-right:0}
.sh-r>:first-child{background:#F5F7F3;color:var(--ink3);font-family:var(--mono);font-size:12px;text-align:center}
.sh-r.h>*{background:#F5F7F3;color:var(--ink3);font-family:var(--mono);font-size:11px;padding:5px 12px;text-align:center}
.sh-r .st{font-family:var(--mono);font-size:12px;color:var(--ink3);transition:background .4s,color .4s}
.sh-r.ok .st{background:#E6F4EA;color:#188038}.sh-r.ok .st::before{content:"✓ "}
.sh-r.vai .st{background:#FFF3B8}
.sh-tabs{display:flex;gap:2px;padding:6px 10px;background:#F5F7F3;font-size:12px;color:var(--ink3);overflow-x:auto}
.sh-tabs span{padding:5px 12px;border-radius:6px 6px 0 0;white-space:nowrap}.sh-tabs .on{background:#fff;color:#188038;font-weight:700;box-shadow:inset 0 -2px 0 #188038}
@media(max-width:560px){.sh-r{grid-template-columns:34px 1fr 96px;font-size:13px}}
.cshero h1{font-size:clamp(28px,3.1vw,40px)}
.cshero .box .in{align-items:center}.cshero .stgw{transform:none;margin-top:0}
.sh-hd img{height:24px}.ab-bar img{height:22px}

/* ---------- Parcerias: o baralho de cartoes de parceiro ---------- */
.pa-deck{position:relative;height:330px;margin:0 auto;max-width:460px}
.pa-card{position:absolute;left:50%;top:18px;width:min(380px,92%);height:236px;margin-left:calc(min(380px,92%)/-2);border-radius:22px;padding:20px 22px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 26px 60px rgba(0,0,0,.35);cursor:pointer;overflow:hidden;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .5s;display:flex;flex-direction:column;text-align:left}
.pa-card::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.12)}
.pa-card[data-p="0"]{z-index:3;transform:none}
.pa-card[data-p="1"]{z-index:2;transform:translate(46px,-14px) rotate(6deg) scale(.94);filter:brightness(.88)}
.pa-card[data-p="2"]{z-index:1;transform:translate(-46px,-24px) rotate(-7deg) scale(.88);filter:brightness(.78)}
.pa-card[data-p="0"]::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 62%);transform:translateX(-120%);animation:pa-br 3.2s 1s infinite}
@keyframes pa-br{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.pa-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.pa-top b{font-family:var(--serif);font-size:20px;letter-spacing:0;text-transform:none;font-weight:600}
.pa-chip{width:38px;height:28px;border-radius:7px;margin-top:12px;background:linear-gradient(135deg,#F7E3A6,#C9A24E);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.pa-card h3{color:#fff;font-size:21px;margin:12px 0 0}
.pa-card .big{font-family:var(--serif);font-size:28px;line-height:1.1;margin-top:2px}
.pa-card p{margin:4px 0 0;font-size:13.5px;opacity:.92}
.pa-rt{display:flex;align-items:center;gap:6px;margin-top:auto;font-size:12px;font-weight:700;flex-wrap:wrap}
.pa-rt span{background:rgba(255,255,255,.18);border-radius:999px;padding:4px 9px}
.pa-go{position:absolute;right:16px;bottom:16px;background:#fff;color:var(--ink);border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:700;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.pa-card:not([data-p="0"]) .pa-go{display:none}
.pa-tabs{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:6px}
.pa-tabs button{font:inherit;font-size:12.5px;font-weight:700;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:999px;padding:6px 12px;cursor:pointer}
.pa-tabs button.on{background:#fff;color:var(--ink);border-color:#fff}
.pahero .p1{left:-30px;top:-8px}.pahero .p2{right:-34px;top:40px;animation-delay:.8s}.pahero .p3{left:-40px;bottom:70px;animation-delay:1.6s}
@media(max-width:560px){.pa-deck{height:310px}.pa-card{height:226px;padding:16px 18px}.pa-card .big{font-size:24px}.pa-rt{font-size:11px}.pa-go{right:12px;bottom:12px}.pa-card[data-p="1"]{transform:translate(22px,-12px) rotate(5deg) scale(.94)}.pa-card[data-p="2"]{transform:translate(-22px,-20px) rotate(-6deg) scale(.88)}}
.pahero .stgw{transform:none;margin-top:0}.pahero .stg{margin-bottom:0}.pahero .box .in{align-items:center}
.pa-deck{height:350px}.pa-card{height:auto;min-height:250px}
.pa-ft{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;padding-top:12px}
.pa-rt{margin-top:0}.pa-go{position:static;flex:none}
.pahero .p1{left:-20px;top:-14px}.pahero .p2{right:-30px;top:56px}.pahero .p3{left:-36px;bottom:80px}
@media(max-width:560px){.pa-deck{height:340px}}
.pahero .pop img{height:24px}.pahero .pop{font-size:13.5px;padding:8px 12px}
.pahero .p1{left:-10px;top:-40px}.pahero .p2{right:-20px;top:-46px}.pahero .p3{left:-56px;top:auto;bottom:70px}
.pa-rt{flex-wrap:nowrap;font-size:11.5px;gap:5px;white-space:nowrap}.pa-rt span{padding:4px 8px}
@media(max-width:560px){.pa-ft{flex-direction:column;align-items:flex-start}}

/* ---------- Sobre: a lista que vai saindo da mao; e o encontro das tres experiencias ---------- */
.sb-lista{position:relative;background:#FFFDF6;border-radius:18px;padding:18px 22px 16px 46px;box-shadow:0 30px 80px rgba(0,0,0,.35);color:#2A2312;text-align:left;
  background-image:linear-gradient(90deg,transparent 30px,#F2B8A8 30px,#F2B8A8 32px,transparent 32px),repeating-linear-gradient(#FFFDF6 0 39px,#E3EAF2 39px 40px)}
.sb-hd{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:11px;color:#8A7B5C;margin-bottom:8px}
.sb-hd .sb-n{color:var(--verde-b);font-weight:700}
.sb-lista ul{list-style:none;margin:0;padding:0}
.sb-lista li{min-height:52px;display:flex;align-items:center}
.sb-lista button{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;padding:6px 0;border-radius:8px}
.sb-lista button:focus-visible{outline:2px solid var(--terra2);outline-offset:3px}
.sb-ck{flex:none;width:20px;height:20px;border-radius:6px;border:2px solid #B9AC8E;display:grid;place-items:center;transition:all .3s}
.sb-tx{font-family:var(--serif);font-size:19px;font-style:italic;background:linear-gradient(#C2412D,#C2412D) no-repeat 0 58%/0 2px;transition:background-size .55s cubic-bezier(.2,.8,.2,1),color .4s}
.sb-lista em{font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--verde-b);border-radius:999px;padding:4px 10px;opacity:0;transform:scale(.6);transition:opacity .3s .25s,transform .4s .25s cubic-bezier(.3,1.6,.5,1)}
.sb-lista li.ok .sb-tx{background-size:100% 2px;color:#A79A7E}
.sb-lista li.ok .sb-ck{background:var(--verde-b);border-color:var(--verde-b)}.sb-lista li.ok .sb-ck::after{content:"✓";color:#fff;font-size:13px;font-weight:800}
.sb-lista li.ok em{opacity:1;transform:none}
.sb-lista li.fica{gap:10px}.sb-lista li.fica .sb-tx{font-style:normal;font-weight:600;background:linear-gradient(transparent 55%,#FFE27A 55%);padding:0 4px}
.sb-lista li.fica em{opacity:1;transform:none;background:var(--terra2)}
.sb-ft{margin:10px 0 0;font-family:var(--mono);font-size:10.5px;color:#8A7B5C}
.sbhero .stgw{transform:none;margin-top:0}.sbhero .stg{margin-bottom:0}.sbhero .box .in{align-items:center}
.sbhero .p1{left:-34px;top:-24px}.sbhero .p2{right:-30px;top:-20px;animation-delay:.8s}.sbhero .p3{right:-40px;bottom:-16px;animation-delay:1.6s}
.sbhero .pop img{height:24px}
@media(max-width:560px){.sb-lista{padding-left:40px}.sb-tx{font-size:17px}}
.sb-venn{position:relative;width:340px;height:300px;margin:0 auto 26px}
.sb-venn .c{position:absolute;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px;color:var(--ink);mix-blend-mode:multiply;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.sb-venn .c span{position:absolute}
.sb-venn .a{left:30px;top:10px;background:rgba(211,95,34,.28);transform:translate(-60px,-30px)}.sb-venn .a span{top:46px;left:34px}
.sb-venn .b{right:30px;top:10px;background:rgba(62,107,79,.28);transform:translate(60px,-30px)}.sb-venn .b span{top:46px;right:30px}
.sb-venn .cc{left:80px;bottom:0;background:rgba(214,178,86,.34);transform:translateY(60px)}.sb-venn .cc span{bottom:40px}
.sb-venn b{position:absolute;left:50%;top:52%;translate:-50% -50%;background:#fff;border-radius:999px;padding:6px 12px;font-family:var(--serif);font-size:17px;color:var(--verde-b);box-shadow:0 10px 26px rgba(20,40,25,.16);opacity:0;transition:opacity .5s 1s}
.reveal.vis .sb-venn .c{transform:none}.reveal.vis .sb-venn b{opacity:1}
@media(max-width:400px){.sb-venn{transform:scale(.86);margin-bottom:6px}}
.sb-tx{-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sb-venn .c{font-style:normal}
@media(max-width:700px){.sb-lista button{display:grid;grid-template-columns:20px 1fr;row-gap:6px}.sb-lista button em{grid-column:2;justify-self:start}.sb-hd{flex-direction:column;gap:2px}}
@media(max-width:700px){.sb-tx{background:none!important}.sb-lista li.ok .sb-tx{text-decoration:line-through 2px #C2412D}.sb-lista li.fica .sb-tx{background:linear-gradient(transparent 55%,#FFE27A 55%)!important}}

/* ---------- Diagnostico: a primeira leitura que se monta enquanto voce marca ---------- */
.dgh .box .in{align-items:center}.dgh .stgw{transform:none;margin-top:0}.dgh .stg{margin-bottom:0}
.dgh .sub2{color:rgba(255,255,255,.72);font-size:14px;margin:14px 0 0;max-width:56ch}.dgh .sub2 a{color:#fff}
.dg-g{padding:12px 16px 0}
.dg-g>small{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:7px}
.dg-g div{display:flex;flex-wrap:wrap;gap:6px}
.dg-g button{font:inherit;font-size:12.5px;font-weight:600;border:1px solid var(--prata);background:#fff;color:var(--ink2);border-radius:999px;padding:6px 11px;cursor:pointer;transition:all .2s}
.dg-g button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.dg-g button:hover{border-color:var(--verde-b)}
.dg-r{margin:14px 16px 0;border-radius:14px;padding:12px 14px;background:#F5F7F3;border:1px dashed #C9D6C3;min-height:74px}
.dg-r small{font-family:var(--mono);font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.1em}
.dg-r p{margin:5px 0 0;font-size:14px;color:var(--ink2)}
.dg-r .fr{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.dg-r .fr a{font-size:13px;font-weight:700;text-decoration:none;color:#fff;background:var(--verde-b);border-radius:999px;padding:6px 12px;animation:ig-up .35s both}
.dg-r .fr a.rd{background:var(--terra2)}
.dg-r.tem{border-style:solid;border-color:#BFDCC8;background:#EEF6EF}
.dg-ft{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px 14px}
.dg-ft span{font-family:var(--mono);font-size:10px;color:var(--ink3);max-width:30ch}
.dg-ft a{font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;border:1px solid var(--line2);border-radius:999px;padding:7px 12px}
.dg-ft a:hover{border-color:var(--terra2);color:var(--terra2)}

/* ---------- Termos: o cofre do que a Navega guarda; indice que acompanha a leitura ---------- */
.tmh .box .in{align-items:center}.tmh .stgw{transform:none;margin-top:0}.tmh .stg{margin-bottom:0}
.tmh .tm-at{font-family:var(--mono);font-size:12px;color:rgba(255,255,255,.65);margin:14px 0 0}
.tmh .tm-rev{margin:14px 0 0;max-width:56ch;font-size:13.5px;color:#FBE3D3;border-left:3px solid var(--terra2);padding:6px 0 6px 12px}
.tm-cf{display:grid;grid-template-columns:150px 1fr;min-height:300px}
.tm-cf [role=tablist]{display:flex;flex-direction:column;gap:4px;padding:14px 10px;border-right:1px solid var(--line);background:#FAFBF9}
.tm-cf [role=tab]{all:unset;cursor:pointer;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;font-size:13.5px;font-weight:700;color:var(--ink2)}
.tm-cf [role=tab] i{font-style:normal;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#EEF4EA;color:var(--verde-b);font-size:12px}
.tm-cf [role=tab].on{background:#fff;color:var(--ink);box-shadow:0 6px 16px rgba(20,40,25,.10)}
.tm-cf [role=tab]:focus-visible{outline:2px solid var(--terra2)}
.tm-cf [role=tabpanel]{display:none;padding:16px 18px}
.tm-cf [role=tabpanel].on{display:block;animation:ig-up .4s both}
.tm-cf dl{margin:0;display:grid;gap:10px}
.tm-cf dt{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.tm-cf dd{margin:2px 0 0;font-size:14px;color:var(--ink)}
.tm-lk{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;color:var(--verde-b);background:#EEF4EA;border-radius:999px;padding:4px 9px;margin-bottom:10px}
.tm-lk::before{content:"🔒"}
.tm-ft{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 14px;border-top:1px solid var(--line)}
.tm-ft span{font-size:12px;font-weight:700;color:#1F4D30;background:var(--pill-verde);border-radius:999px;padding:5px 10px}
.tm-prog{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--verde-b),var(--terra2));z-index:200;pointer-events:none}
@media(max-width:560px){.tm-cf{grid-template-columns:1fr}.tm-cf [role=tablist]{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}}

/* ---------- Loja: ilustracoes dos produtos (tela de vidro, camadas, icones dos sistemas) ---------- */
.ilu-w{width:calc(300px*var(--s,1));height:calc(260px*var(--s,1));position:relative;flex:none}
.ilu{position:absolute;left:0;top:0;width:300px;height:260px;transform:scale(var(--s,1));transform-origin:0 0}
.ilu::after{content:"";position:absolute;left:40px;right:30px;bottom:6px;height:34px;border-radius:50%;background:radial-gradient(closest-side,rgba(20,60,45,.28),transparent);filter:blur(4px)}
.ilu-sk{position:absolute;inset:0;transform:skewY(-21deg) scaleX(.94);transform-origin:50% 55%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ilu-bk{position:absolute;width:172px;height:150px;border-radius:16px;border:1px solid rgba(255,255,255,.5)}
.ilu-bk.k1{left:44px;top:30px;background:linear-gradient(160deg,rgba(62,140,110,.55),rgba(25,80,62,.75))}
.ilu-bk.k2{left:30px;top:18px;background:linear-gradient(160deg,rgba(140,215,185,.45),rgba(60,140,112,.35))}
.ilu-pn{position:absolute;left:60px;top:42px;width:172px;height:150px;border-radius:16px;overflow:hidden;color:#EAF7F0;
  background:linear-gradient(160deg,#2F6E58 0%,#1A4A3A 58%,#133A2E 100%);border:1px solid rgba(255,255,255,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 30px rgba(10,40,30,.35)}
.ilu-pn::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 38%);pointer-events:none}
.ilu-hd{display:flex;align-items:center;gap:4px;padding:8px 10px 4px}
.ilu-hd i{width:6px;height:6px;border-radius:50%;background:#F28B82}.ilu-hd i:nth-child(2){background:#F3C96B}.ilu-hd i:nth-child(3){background:#7ED957}
.ilu-hd b{margin-left:6px;font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;font-weight:500;opacity:.9}
.ilu-gr{display:block;width:100%;height:118px}
.ilu-gr .iln{fill:none;stroke:#7FF6DF;stroke-width:2.4;filter:drop-shadow(0 0 4px rgba(127,246,223,.9));stroke-dasharray:240;stroke-dashoffset:240;animation:ilu-ln 2.4s .3s ease-out forwards}
@keyframes ilu-ln{to{stroke-dashoffset:0}}
.ilu-c{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:600;color:#EAF7F0;padding:5px 9px;border-radius:8px;
  background:linear-gradient(160deg,rgba(255,255,255,.34),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(6px);box-shadow:0 10px 20px rgba(10,40,30,.25);animation:ilu-fl 5s ease-in-out infinite}
.ilu-c svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ilu-c.ic1{left:118px;top:24px}.ilu-pn.ilu-tp~.ilu-c.ic2{left:150px;top:126px}.ilu-c.ic2{left:70px;top:150px;animation-delay:1.2s;background:#1E5A45;border-color:rgba(255,255,255,.4)}
@keyframes ilu-fl{0%,100%{translate:0 0}50%{translate:0 -4px}}
.ilu-t{position:absolute;top:186px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;z-index:2;
  background:linear-gradient(150deg,color-mix(in srgb,var(--c) 62%,#fff),var(--c) 70%);box-shadow:3px 4px 0 color-mix(in srgb,var(--c) 58%,#000),0 14px 18px rgba(10,40,30,.25)}
.ilu-t svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ilu-fio{position:absolute;inset:0;width:300px;height:260px;overflow:visible}
.ilu-fio path{fill:none;stroke:#62D9C6;stroke-width:1.6;opacity:.7;filter:drop-shadow(0 0 3px rgba(98,217,198,.9))}
.ilu-fio .ifl{stroke:#C9FFF4;stroke-width:2;opacity:1;stroke-dasharray:10 40;animation:ilu-fx 2.6s linear infinite}
.ilu-fio circle{fill:#9AF2E2}
@keyframes ilu-fx{to{stroke-dashoffset:-50}}
.ilu-p{position:absolute;width:5px;height:5px;border-radius:50%;background:#5BC8D6;opacity:.7;animation:ilu-fl 4s ease-in-out infinite}
.ilu-p.q1{left:262px;top:70px}.ilu-p.q2{left:276px;top:112px;width:4px;height:4px;animation-delay:1s}.ilu-p.q3{left:20px;top:150px;animation-delay:2s}.ilu-p.q4{left:250px;top:150px;width:3px;height:3px;animation-delay:.5s}
/* planilha (tela clara) */
.ilu-pn.ilu-lt{color:#1B1E15;background:linear-gradient(160deg,#FFFFFF,#EAF4EE);border-color:rgba(30,127,79,.35)}
.ilu-pn.ilu-lt .ilu-hd b{color:#1E7F4F}
.ilu-sh{margin:4px 10px 0;border:1px solid #D5E3DA;border-radius:6px;overflow:hidden;background:#fff}
.ilu-r{display:grid;grid-template-columns:14px 1fr 1fr 1fr;height:17px;border-bottom:1px solid #E3ECE6}
.ilu-r>span{border-right:1px solid #E3ECE6;margin:0}
.ilu-r.ilu-rh{height:14px;background:#EEF5F0;font-family:var(--mono);font-size:7px;color:#6E7A70;text-align:center;line-height:14px}
.ilu-r .rn{background:#EEF5F0}
.ilu-r .ram{background:linear-gradient(#FFF3B8,#FFF3B8) no-repeat 50% 50%/70% 6px}
.ilu-r .rci{background:linear-gradient(#5FBF83,#5FBF83) no-repeat 20% 50%/60% 6px,#F1F4F1}
.ilu-r .rci.rneg{background:linear-gradient(#E07A5F,#E07A5F) no-repeat 20% 50%/30% 6px,#F1F4F1}
.ilu-pn.ilu-lt~.ilu-c{color:#1B1E15;background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(255,255,255,.7));border-color:#CFE2D6}
.ilu-pn.ilu-lt~.ilu-c.ic2{color:#fff;background:#1E7F4F;border-color:#1E7F4F}
/* conversa */
.ilu-pn.ilu-tp{background:linear-gradient(160deg,#2C6A52,#174536 60%,#0F3327)}
.ilu-chat{padding:6px 10px 0;display:grid;gap:6px}
.ilu-chat p{margin:0;font-size:8.5px;line-height:1.35;padding:5px 7px;border-radius:9px;max-width:88%}
.ilu-chat .iq{background:rgba(255,255,255,.16);justify-self:start;border-bottom-left-radius:3px}
.ilu-chat .ia{background:#DCF8C6;color:#123826;justify-self:end;border-bottom-right-radius:3px}
.ilu-chat em{font-style:normal;font-family:var(--mono);font-size:7.5px;background:#FFF3B8;color:#5A3E1B;border-radius:3px;padding:0 2px}
.ilu-chat .ilu-sg{display:flex;gap:3px}.ilu-chat .ilu-sg span{font-size:7px;padding:3px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.35)}.ilu-chat .ilu-sg .on{background:#fff;color:#123826}
/* calculadora */
.ilu-pn.ilu-cl{background:linear-gradient(160deg,#2B3326,#1B1E15 60%,#121510)}
.ilu-calc{padding:4px 12px 0;display:grid;gap:4px}
.ilu-calc .ilb{font-family:var(--mono);font-size:7px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.ilu-calc .iv{font-family:var(--serif);font-size:15px;line-height:1}
.ilu-calc i{display:block;height:6px;border-radius:99px;background:linear-gradient(90deg,#8CF5B4,#2FA8E0) no-repeat 0 0/var(--w) 100%,rgba(255,255,255,.12)}
.ilu-calc i.it{background:linear-gradient(90deg,#F2A26B,#D35F22) no-repeat 0 0/var(--w) 100%,rgba(255,255,255,.12)}
.ilu-calc i.im{height:9px}
.ilu-calc .isv{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:4px}.ilu-calc .isv span{height:11px;border-radius:3px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18)}
/* combo: duas telas */
.ilu-pn.duo1{left:34px;top:30px;width:150px;height:132px}.ilu-pn.duo2{left:112px;top:64px;width:150px;height:126px;z-index:2}
.ilu-pn.duo1 .ilu-r{height:14px}
/* no card e na vitrine */
.lj-card:hover .ilu-sk{transform:skewY(-21deg) scaleX(.94) translateY(-6px)}
@media(prefers-reduced-motion:reduce){.ilu-c,.ilu-p,.ilu-fio .ifl{animation:none}.ilu-gr .iln{animation:none;stroke-dashoffset:0}}
.lj-card{grid-template-columns:260px 1fr}
.lj-pk{height:236px;perspective:none;overflow:hidden}
.lj-shelf{height:auto;min-height:210px;align-items:center;padding:16px 14px 18px}
.lj-shelf .it{padding-top:10px}
.lj-shelf .it.on{transform:translateY(-10px)}
@media(max-width:860px){.lj-card{grid-template-columns:1fr}.lj-pk{height:236px}}
@media(max-width:560px){.lj-shelf{grid-template-columns:1fr 1fr;row-gap:6px}.lj-shelf .ilu-w{--s:.5!important}.lj-shelf .lj-tag{right:0}}
.lj-card{grid-template-columns:300px 1fr}.lj-pk{height:276px}
@media(max-width:1100px){.lj-card .ilu-w{--s:.86!important}.lj-card{grid-template-columns:260px 1fr}.lj-pk{height:240px}}
@media(max-width:860px){.lj-card{grid-template-columns:1fr}.lj-card .ilu-w{--s:1!important}.lj-pk{height:276px}}
@media(max-width:560px){.lj-shelf .lj-tag{right:auto;left:50%;translate:-50% 0}.lj-card .ilu-w{--s:.92!important}.lj-pk{height:250px}}
.lj-shelf{grid-template-columns:1fr 1fr;row-gap:4px;column-gap:10px;padding:14px 18px 16px}
.lj-shelf .lj-tag{right:auto;left:62%;translate:-50% 0;top:2px}
@media(max-width:1200px){.lj-shelf .ilu-w{--s:.54!important}}
@media(max-width:560px){.lj-shelf .ilu-w{--s:.5!important}.lj-shelf .lj-tag{left:50%}}
.lj-shelf{row-gap:0;padding:6px 12px 8px}.lj-shelf .it{padding-top:0;justify-items:center}
.lj-shelf .lj-tag{top:10px}
.ljhero .p3{right:auto;left:-44px;top:auto;bottom:150px}
@media(max-width:1200px){.lj-shelf .ilu-w{--s:.66!important}.ljhero .p3{left:-12px}}
@media(max-width:560px){.lj-shelf .ilu-w{--s:.48!important}.lj-shelf{column-gap:4px;padding:6px 4px 8px}}

/* ---------- Loja: objetos 3D de cada produto (painel, templates, calculadora) ---------- */
.ilu-iso::after{display:none}
.lj-shelf .ilu-c,.lj-shelf .iso-tom{display:none}
.ilu-iso .iso{position:absolute;inset:0;width:300px;height:260px;overflow:visible;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.lj-card:hover .ilu-iso .iso{transform:translateY(-6px)}
.iso .sombra ellipse{fill:rgba(20,60,45,.2);filter:blur(6px)}
.iso polygon{stroke:rgba(255,255,255,.45);stroke-width:.7;stroke-linejoin:round}
.iso .grade polyline{fill:none;stroke:rgba(47,110,88,.18);stroke-width:.8}
.iso .bar{transform-box:fill-box;transform-origin:50% 100%;animation:iso-up 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes iso-up{from{transform:scaleY(.05)}}
.iso .iln{fill:none;stroke:#7FF6DF;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(127,246,223,.95));stroke-dasharray:420;stroke-dashoffset:420;animation:ilu-ln 2.2s .8s ease-out forwards}
.iso .pt{fill:#E9FFF8;filter:drop-shadow(0 0 6px #7FF6DF);animation:iso-pl 2s 2.6s ease-in-out infinite}
@keyframes iso-pl{50%{r:6}}
.iso-orb{position:absolute;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#9FF5E0 35%,#2FA8E0 75%);box-shadow:0 0 22px rgba(127,246,223,.9);animation:ilu-fl 3.4s ease-in-out infinite}
.ilu-iso .ilu-c{color:#16402F;background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(236,250,245,.8));border-color:#CFE2D6}
.ilu-iso .ilu-c.ic2{color:#fff;background:#1E7F4F;border-color:#1E7F4F}
/* templates: baloes que saem da tela */
.iso-bal{position:absolute;z-index:3;font-size:9.5px;line-height:1.35;padding:7px 10px;border-radius:12px;max-width:150px;transform:skewY(-22deg) scaleX(.93);box-shadow:0 16px 26px rgba(10,40,30,.25);animation:iso-bl .8s .4s cubic-bezier(.2,.8,.2,1) both}
.iso-bal small{display:block;font-family:var(--mono);font-size:7px;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-bottom:2px}
.iso-bal.b1{left:132px;top:46px;background:rgba(255,255,255,.95);color:#1B1E15;border:1px solid #DCE6DF;border-bottom-left-radius:3px}
.iso-bal.b2{left:146px;top:96px;background:linear-gradient(160deg,#DCF8C6,#BFEFB0);color:#123826;border:1px solid #A8DC98;border-bottom-right-radius:3px;animation-delay:1s}
.iso-bal.b2 em{font-style:normal;font-family:var(--mono);font-size:8px;background:#FFF3B8;color:#5A3E1B;border-radius:3px;padding:0 2px}
.iso-bal.b3{left:238px;top:150px;display:flex;gap:4px;background:rgba(255,255,255,.95);border:1px solid #DCE6DF;animation-delay:1.6s}
.iso-bal.b3 i{width:6px;height:6px;border-radius:50%;background:#9BB3A5;animation:iso-dt 1.2s ease-in-out infinite}.iso-bal.b3 i:nth-child(2){animation-delay:.2s}.iso-bal.b3 i:nth-child(3){animation-delay:.4s}
@keyframes iso-bl{from{opacity:0;translate:-18px 10px}}
@keyframes iso-dt{50%{transform:translateY(-3px);background:#3E6B4F}}
.iso-tom{position:absolute;z-index:3;left:120px;top:204px;display:flex;gap:3px;transform:skewY(-22deg) scaleX(.93)}
.iso-tom span{font-size:8px;font-weight:700;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid #D5E3DA;color:#3D4A40}.iso-tom .on{background:#1E7F4F;color:#fff;border-color:#1E7F4F}
.iso-tile{position:absolute;z-index:3;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;transform:skewY(-22deg) scaleX(.93);
  background:linear-gradient(150deg,color-mix(in srgb,var(--c) 62%,#fff),var(--c) 70%);box-shadow:3px 4px 0 color-mix(in srgb,var(--c) 58%,#000),0 12px 16px rgba(10,40,30,.25);animation:ilu-fl 4.5s ease-in-out infinite}
.iso-tile svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.iso-tile.t1{left:20px;top:176px}.iso-tile.t2{left:16px;top:120px;animation-delay:1.4s}
/* calculadora: a fita de produtos salvos que nao acaba */
.iso .iso-vs{font-family:var(--mono);font-size:8px;fill:#7FF6A8;letter-spacing:.08em}
.iso .iso-rol{animation:iso-rl 9s linear infinite}
@keyframes iso-rl{from{transform:translateY(0)}to{transform:translateY(-140px)}}
.ilu-cmb .cb-a{position:absolute;left:-8px;top:10px}.ilu-cmb .cb-b{position:absolute;left:112px;top:92px}.ilu-cmb .cb-b .iso-tom,.ilu-cmb .cb-b .iso-tile,.ilu-cmb .cb-b .iso-bal.b3{display:none}.ilu-cmb .cb-chip{left:150px;top:18px}
.ilu-cmb .cb-mais{position:absolute;z-index:4;left:126px;top:150px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#D35F22;color:#fff;font-weight:800;font-size:18px;box-shadow:0 10px 20px rgba(211,95,34,.35)}
.ilu-cmb .ilu-cmb .ilu-p,.ilu-cmb .ilu-w .ilu-p{display:none}
@media(prefers-reduced-motion:reduce){.iso .bar,.iso-bal,.iso .iso-rol,.iso-orb,.iso-tile{animation:none}.iso .iln{animation:none;stroke-dashoffset:0}}

/* ---------- IA: o nucleo (esfera de particulas + aneis HUD) no lugar da bolinha ---------- */
.orbwrap.nuc{height:236px}
.orbwrap.nuc::before,.orbwrap.nuc::after{width:200px;height:200px;border-color:rgba(127,246,223,.28)}
.orb.nucleo{position:relative;z-index:2;width:220px;height:220px;border-radius:0;overflow:visible;background:none;box-shadow:none;animation:none}
.orb.nucleo canvas{display:block;width:100%;height:100%}
.orbcard.talking .orb.nucleo{animation:none}
.orb-hud{position:absolute;z-index:1;width:232px;height:232px;left:50%;top:50%;translate:-50% -50%;overflow:visible;pointer-events:none}
.orb-hud circle{fill:none;transform-origin:100px 100px}
.orb-hud .h1{stroke:rgba(127,246,223,.55);stroke-width:2.2;stroke-dasharray:46 10 6 10 22 14;animation:hud-r 22s linear infinite}
.orb-hud .h2{stroke:rgba(191,245,227,.35);stroke-width:5;stroke-dasharray:1 4.2;animation:hud-r 40s linear infinite reverse}
.orb-hud .h3{stroke:#F09B5F;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:70 433;filter:drop-shadow(0 0 5px rgba(240,155,95,.9));animation:hud-r 9s linear infinite}
.orb-hud .h4{stroke:rgba(127,246,223,.9);stroke-width:1.4;stroke-dasharray:18 120;stroke-linecap:round;filter:drop-shadow(0 0 4px #7FF6DF);animation:hud-r 6s linear infinite reverse}
.orb-hud .h5{stroke:rgba(191,245,227,.18);stroke-width:1}
.orb-hud .tk{stroke:rgba(191,245,227,.5);stroke-width:1.2}
@keyframes hud-r{to{transform:rotate(360deg)}}
.orbwrap:has(.orb.think) .orb-hud .h1,.orbwrap:has(.orb.think) .orb-hud .h3,.orbwrap:has(.orb.think) .orb-hud .h4{animation-duration:1.4s}
.orbcard.talking .orb-hud .h3{stroke:#FFC08F;animation-duration:2.2s}
.orbcard.talking .orb-hud .h1{stroke:rgba(127,246,223,.9)}
.sv-art.a1 .orb.nucleo{width:170px;height:170px}.sv-art.a1 .orb-hud{width:178px;height:178px}
@media(prefers-reduced-motion:reduce){.orb-hud circle{animation:none!important}}
.orb.nucleo{width:236px;height:236px}.orbwrap.nuc{height:246px}

/* ---------- Loja: a praca dos produtos no topo (imagem unica, sem janela) ---------- */
.lj-uniw{position:relative;height:440px}
.lj-uni{position:absolute;left:50%;top:0;width:548px;height:440px;transform:translateX(-50%) scale(var(--k,1));transform-origin:50% 0}
.pc-sv{position:absolute;inset:0;width:548px;height:440px;overflow:visible}
.pc-sv .pc-sh{fill:rgba(0,0,0,.35);filter:blur(14px)}
.pc-sv .pc-tp{fill:rgba(191,245,227,.10);stroke:rgba(191,245,227,.55);stroke-width:1.2}
.pc-sv .pc-fy{fill:rgba(191,245,227,.20)}.pc-sv .pc-fx{fill:rgba(191,245,227,.12)}
.pc-sv .pc-gr polyline{fill:none;stroke:rgba(191,245,227,.10);stroke-width:1}
.pc-sv .pc-c{fill:none;stroke:rgba(127,246,223,.35);stroke-width:2.2;stroke-linejoin:round}
.pc-sv .pc-f{fill:none;stroke:#C9FFF4;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:8 26;filter:drop-shadow(0 0 4px #7FF6DF);animation:pc-flui 1.6s linear infinite;opacity:.55;transition:opacity .4s,stroke .4s}
.pc-sv .pc-f.on{opacity:1;stroke:#FFE3C8;filter:drop-shadow(0 0 6px #F2A26B)}
@keyframes pc-flui{to{stroke-dashoffset:-34}}
.pc-sv .pc-on{fill:none;stroke:rgba(242,162,107,.7);stroke-width:1.6;transform-box:fill-box;transform-origin:center;animation:pc-onda 2.8s ease-out infinite}
.pc-sv .pc-on.o2{animation-delay:1.4s}
@keyframes pc-onda{from{transform:scale(.5);opacity:.9}to{transform:scale(1.6);opacity:0}}
.pc-sv .pc-hub polygon{stroke:rgba(255,255,255,.35)}
.pc-sv .pc-n{font-family:var(--serif);font-size:20px;font-weight:600;fill:#fff}
.lj-uni .lj-shelf{position:absolute;inset:0;display:block;height:auto;min-height:0;padding:0;background:none}
.lj-uni .it{position:absolute;width:178px;height:154px;cursor:pointer;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s}
.lj-uni .it .ilu-w{--s:.6!important}
.lj-uni .it.on{transform:translateY(-14px);filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}
.lj-uni .lj-tag{position:absolute;z-index:4;left:50%;top:-8px;right:auto;translate:-50% 0;white-space:nowrap;opacity:.0;transition:opacity .3s}
.lj-uni .it.on .lj-tag,.lj-uni .it:hover .lj-tag{opacity:1}
.lj-uni .it:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:12px}
.lj-uni .ilu-c,.lj-uni .iso-tom{display:none}
.lj-uni .lj-bagi{position:absolute;z-index:6;right:16px;top:4px;background:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;box-shadow:0 14px 30px rgba(0,0,0,.3)}
.ljhero .stgw{transform:none;margin-top:0}.ljhero .stg{margin-bottom:0}.ljhero .box .in{align-items:center}
.ljhero .p1{left:-30px;top:auto;bottom:60px}.ljhero .p2{left:10px;top:auto;bottom:12px;animation-delay:.8s}.ljhero .p3{left:auto;right:-36px;top:auto;bottom:70px;animation-delay:1.6s}.ljhero .p4{right:-10px;bottom:20px;animation-delay:2.4s}
@media(max-width:1200px){.lj-uniw{height:380px}.lj-uni{--k:.86}.ljhero .p1,.ljhero .p2{left:-8px}.ljhero .p3,.ljhero .p4{right:-8px}}
@media(max-width:900px){.lj-uniw{height:420px}.lj-uni{--k:.95}}
@media(max-width:560px){.lj-uniw{height:290px}.lj-uni{--k:.63}.ljhero .pop{display:none}}
.lj-uni .lj-tag{color:var(--ink);font-size:11px;padding:4px 9px;box-shadow:0 8px 18px rgba(0,0,0,.25)}

/* ================= Radar 1.4 (revisao geral) ================= */
/* topo: a tela real do Radar em 3D, com o destaque passeando pelos numeros */
.rxh .box .in{align-items:center}.rxh .stgw{transform:none;margin-top:0}.rxh .stg{margin-bottom:0}
.rx{position:relative;perspective:1600px;padding:18px 0 34px}
.rx-dev{position:relative;transform-style:preserve-3d;transform:rotateY(var(--ry,-14deg)) rotateX(var(--rx,7deg));transition:transform .9s cubic-bezier(.2,.8,.2,1);border-radius:16px;background:#fff;border:1px solid #D9DED6;box-shadow:30px 40px 90px rgba(0,0,0,.45);overflow:hidden}
.rx.vis .rx-dev{--ry:-7deg;--rx:3deg}
.rx-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid #E5EAF3;font-family:var(--mono);font-size:11px;color:#64748B;background:#fff}
.rx-bar i{width:9px;height:9px;border-radius:50%;background:#F28B82}.rx-bar i:nth-child(2){background:#F3C96B}.rx-bar i:nth-child(3){background:#7ED957}
.rx-bar b{margin-left:auto;font-weight:500;color:#2457E6;display:flex;align-items:center;gap:6px}.rx-bar b::before{content:"";width:7px;height:7px;border-radius:50%;background:#22C55E;animation:db-bl 1.6s infinite}
.rx-scr{position:relative}
.rx-scr img{display:block;width:100%;height:auto}
.rx-scan{position:absolute;left:var(--x);top:65.3%;width:21%;height:18.4%;border-radius:10px;border:2px solid #2457E6;box-shadow:0 0 0 6px rgba(36,87,230,.12),0 0 30px rgba(36,87,230,.35);transition:left .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.rx-scan span{position:absolute;left:50%;bottom:calc(100% + 8px);translate:-50% 0;white-space:nowrap;background:#1E293B;color:#fff;font-size:11px;font-weight:600;border-radius:999px;padding:4px 10px;box-shadow:0 8px 18px rgba(0,0,0,.25)}
.rx-at{position:absolute;z-index:4;right:-38px;bottom:-6px;width:258px;background:#fff;color:#1E293B;border:1px solid #E5EAF3;border-radius:16px;padding:12px 14px 8px;box-shadow:0 30px 60px rgba(0,0,0,.35);transform:translateZ(80px);text-align:left;animation:ilu-fl 6s ease-in-out infinite}
.rx-at .hd{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.rx-at .hd b{font-size:13.5px}.rx-at .hd a{font-size:11.5px;font-weight:700;color:#2457E6;text-decoration:none}
.rx-at ul{list-style:none;margin:8px 0 0;padding:0;height:132px;overflow:hidden}
.rx-at li{display:grid;grid-template-columns:8px 1fr;gap:9px;align-items:start;padding:7px 0;border-top:1px solid #EEF2F8;font-size:12px;line-height:1.35;animation:ig-up .4s both}
.rx-at li::before{content:"";width:8px;height:8px;border-radius:50%;margin-top:4px;background:var(--c,#F59E0B)}
.rx-at li small{display:block;color:#64748B;font-size:10.5px;margin-top:1px}
.rx-at .ex{margin:4px 0 0;font-family:var(--mono);font-size:9.5px;color:#94A3B8}
.rx-nota{margin:12px 0 0;font-family:var(--mono);font-size:10.5px;color:rgba(255,255,255,.6);text-align:center}
.rxh .p1{left:-34px;top:2px}.rxh .p2{left:-46px;top:62px;animation-delay:.6s}.rxh .p3{left:-40px;top:142px;animation-delay:1.2s}.rxh .p4{right:-30px;top:-6px;animation-delay:1.8s;max-width:250px;white-space:normal}
.rxh .p5{right:-22px;top:150px;animation-delay:2.4s}
.rxh .pop img{height:26px}
@media(max-width:1200px){.rx-at{right:-8px}.rxh .p1,.rxh .p2,.rxh .p3{left:-10px}.rxh .p4,.rxh .p5{right:-8px}}
@media(max-width:900px){.rx-at{position:relative;right:auto;bottom:auto;width:auto;margin:14px 8px 0;transform:none}.rx.vis .rx-dev,.rx-dev{--ry:0deg;--rx:0deg}}

/* o que o Radar reune: o centro acende cada modulo */
.ru{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
.ru-ln{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.ru-ln path{fill:none;stroke:#D5E3DA;stroke-width:1.5;vector-effect:non-scaling-stroke}
.ru-ln path.on{stroke:var(--terra2);stroke-width:2;stroke-dasharray:6 8;animation:pc-flui 1s linear infinite}
.ru-t{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 16px 14px;text-align:left;cursor:pointer;transition:border-color .3s,box-shadow .3s,transform .3s}
.ru-t.on{border-color:var(--verde-b);box-shadow:0 0 0 4px rgba(62,107,79,.1),0 16px 36px rgba(20,40,25,.12);transform:translateY(-3px)}
.ru-t .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#EEF4EA;color:var(--verde-b);margin-bottom:10px;transition:background .3s,color .3s}
.ru-t.on .ic{background:var(--verde-b);color:#fff}
.ru-t .ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ru-t h3{font-size:16.5px;margin:0}.ru-t p{font-size:13.5px;color:var(--ink2);margin:6px 0 0}
.ru-t .st{display:inline-block;margin-top:9px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);border:1px solid var(--line2);border-radius:999px;padding:3px 8px}
.ru-t .st.ok{color:#1F4D30;background:var(--pill-verde);border-color:transparent}.ru-t .st.rm{border-style:dashed}
.ru-t p a{color:var(--verde-b);font-weight:700}
.ru-c{position:relative;z-index:2;grid-column:2;grid-row:2;border-radius:22px;background:linear-gradient(160deg,#233E2D,#16281D);color:#E8F5EE;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 26px 60px rgba(20,40,25,.3);overflow:hidden;min-height:200px}
.ru-c::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(127,246,223,.25) 85%,transparent 100%);animation:hud-r 6s linear infinite}
.ru-c>*{position:relative}
.ru-c .lg{font-family:var(--serif);font-size:30px;line-height:1;color:#fff}.ru-c .lg small{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(232,245,238,.6);margin-top:6px}
.ru-c .ru-pv{margin-top:14px;min-height:64px;display:grid;gap:4px;place-items:center}
.ru-c .ru-pv b{font-family:var(--serif);font-size:22px;color:#BFF5E3;animation:ig-up .45s both}
.ru-c .ru-pv span{font-size:12.5px;color:rgba(232,245,238,.78);animation:ig-up .45s .08s both}
.ru-c .ex{font-family:var(--mono);font-size:9.5px;color:rgba(232,245,238,.45);margin-top:8px}
@media(max-width:900px){.ru{grid-template-columns:1fr 1fr}.ru-c{grid-column:1/-1;grid-row:1}.ru-ln{display:none}}
@media(max-width:560px){.ru{grid-template-columns:1fr}}

/* relogio do dia: uma tela por hora, no visual do Radar */
.rk{position:relative;height:380px;background:#F6F8FC;overflow:hidden;font-family:var(--sans)}
.rk-s{position:absolute;inset:0;padding:18px 20px;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s;color:#1E293B;text-align:left}
.rk-s.on{opacity:1;visibility:visible;transition:opacity .5s}
.rk-t{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rk-t b{font-size:16px}.rk-t small{font-family:var(--mono);font-size:10.5px;color:#64748B}
.rk-k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#64748B;margin-bottom:4px}
.rk-ex{position:absolute;right:14px;bottom:10px;font-family:var(--mono);font-size:9.5px;color:#94A3B8}
/* 06h: a conta fechou de madrugada */
.rk-sync{margin-top:14px;display:grid;gap:7px}
.rk-sync>div{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #E5EAF3;border-radius:12px;padding:8px 12px;font-size:13px;opacity:0;transform:translateY(8px)}
.rk-sync img{width:26px;height:26px;object-fit:contain}
.rk-sync span{color:#64748B;font-size:12px}
.rk-sync em{font-style:normal;font-family:var(--mono);font-size:11px;color:#94A3B8;transition:color .3s}.rk-sync em.ok{color:#16A34A}
.rk-s.on .rk-sync>div{animation:rk-in .45s var(--d) cubic-bezier(.2,.8,.2,1) forwards}
@keyframes rk-in{to{opacity:1;transform:none}}
.rk-done{margin-top:12px;display:flex;align-items:center;gap:12px;background:#2457E6;color:#fff;border-radius:14px;padding:12px 14px;opacity:0;transform:scale(.96)}
.rk-s.on .rk-done{animation:rk-in .5s 3.4s cubic-bezier(.3,1.4,.5,1) forwards}
.rk-done i{flex:none;width:30px;height:30px;border-radius:50%;background:#fff;color:#2457E6;display:grid;place-items:center;font-style:normal;font-weight:800}
.rk-done b{display:block;font-size:14px}.rk-done span{font-size:12px;opacity:.85}
/* 09h: a tela real, numero por numero */
.rk-real{position:absolute;inset:0;overflow:hidden}
.rk-real .tag{position:absolute;left:14px;top:12px;background:#1E293B;color:#fff;font-family:var(--mono);font-size:10px;border-radius:999px;padding:4px 10px}
/* 11h: a tarefa */
.rk-tk{margin-top:12px;display:grid;gap:8px}
.rk-tk>div{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #E5EAF3;border-radius:12px;padding:10px 12px;font-size:13px;opacity:0;transform:translateX(16px);transition:background .4s,opacity .4s}
.rk-tk>div::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
.rk-tk small{display:block;color:#64748B;font-size:11.5px;margin-top:2px}
.rk-tk button{font:inherit;font-size:11.5px;font-weight:700;color:#2457E6;background:#EEF3FF;border:0;border-radius:999px;padding:6px 10px;cursor:pointer}
.rk-s.on .rk-tk>div{animation:rk-in .45s var(--d) cubic-bezier(.2,.8,.2,1) forwards}
.rk-tk>div.feito{background:#F0FDF4}.rk-tk>div.feito b{text-decoration:line-through;color:#64748B}.rk-tk>div.feito button{color:#16A34A;background:#DCFCE7}
.rk-sum{margin-top:12px;display:flex;gap:8px}.rk-sum span{font-size:12px;font-weight:700;border-radius:999px;padding:5px 10px;background:#fff;border:1px solid #E5EAF3}
/* 18h: o WhatsApp */
.rk-ph{position:absolute;left:50%;top:18px;translate:-50% 0;width:250px;height:420px;border-radius:30px;background:#0F1A14;padding:10px;box-shadow:0 26px 60px rgba(15,30,25,.35)}
.rk-ph .sc{height:100%;border-radius:22px;overflow:hidden;background:#E9E3D8;display:flex;flex-direction:column}
.rk-ph .wh{display:flex;align-items:center;gap:8px;background:#1F5C47;color:#fff;padding:10px 12px;font-size:12.5px}
.rk-ph .wh i{width:26px;height:26px;border-radius:50%;background:#fff;color:#1F5C47;display:grid;place-items:center;font-style:normal;font-weight:800;font-family:var(--serif)}
.rk-ph .wh small{display:block;font-size:10px;opacity:.75}
.rk-ph .ms{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:8px;justify-content:flex-start}
.rk-ph .m{max-width:88%;background:#fff;border-radius:10px 10px 10px 3px;padding:8px 10px;font-size:12px;line-height:1.4;color:#1B1E15;box-shadow:0 1px 1px rgba(0,0,0,.08);opacity:0;transform:translateY(8px)}
.rk-ph .m small{display:block;text-align:right;font-size:9.5px;color:#7A8A80;margin-top:3px}
.rk-ph .m.ex2{border-left:3px solid #F59E0B}
.rk-ph .bt{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.rk-ph .bt span{font-size:11px;font-weight:700;color:#1F5C47;background:#F0F7F3;border-radius:7px;padding:5px 8px}
.rk-s.on .rk-ph .m{animation:rk-in .45s var(--d) cubic-bezier(.2,.8,.2,1) forwards}
.rk-ph .ty{align-self:flex-start;display:flex;gap:3px;background:#fff;border-radius:10px;padding:9px 10px;opacity:0}
.rk-ph .ty i{width:6px;height:6px;border-radius:50%;background:#9BB3A5;animation:iso-dt 1.2s infinite}.rk-ph .ty i:nth-child(2){animation-delay:.2s}.rk-ph .ty i:nth-child(3){animation-delay:.4s}
.rk-s.on .rk-ph .ty{animation:rk-ty 1.4s .2s forwards}
@keyframes rk-ty{0%,90%{opacity:1}100%{opacity:0;height:0;padding:0;margin:0}}
.rk-quiet{position:absolute;left:18px;top:24px;width:150px;display:grid;gap:6px}
.rk-quiet span{font-size:11.5px;color:#64748B;background:#fff;border:1px solid #E5EAF3;border-radius:10px;padding:7px 9px}
.rk-quiet span::before{content:"✓ ";color:#16A34A;font-weight:800}
.rk-quiet b{font-size:12px;color:#1E293B}
@media(max-width:860px){.rk{height:440px}.rk-quiet{display:none}}

/* segmentos: o sexto cartao */
.seg .row{grid-template-columns:repeat(6,1fr)}
.segc.mais{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:18px;text-decoration:none;color:#fff;background:linear-gradient(165deg,#233E2D,#16281D);border-color:transparent}
.segc.mais .ics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
.segc.mais .ics i{aspect-ratio:1;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:20px;background:rgba(191,245,227,.10);border:1px solid rgba(191,245,227,.18);animation:ilu-fl 4s ease-in-out infinite}
.segc.mais .ics i:nth-child(2n){animation-delay:.8s}.segc.mais .ics i:nth-child(3n){animation-delay:1.6s}
.segc.mais .lb{background:none;padding:16px}.segc.mais .lb small{display:block;font-size:12px;font-weight:500;opacity:.8;margin-top:3px}
@media(max-width:1100px){.seg .row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.seg .row{grid-template-columns:1fr 1fr}}

/* case: numeros que contam e a fatia das taxas */
.cz-don{display:flex;align-items:center;gap:14px}
.cz-don svg{flex:none;width:64px;height:64px;transform:rotate(-90deg)}
.cz-don circle{fill:none;stroke-width:9}.cz-don .bg{stroke:#DCE8DA}.cz-don .fg{stroke:var(--terra2);stroke-dasharray:0 176;transition:stroke-dasharray 1.4s .3s cubic-bezier(.2,.8,.2,1)}
.caseb.vis .cz-don .fg{stroke-dasharray:44 176}
.caseb .nb{transition:transform .3s,box-shadow .3s}.caseb .nb:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,40,25,.10)}
.caseb .spark{display:block;width:100%;height:30px;margin-top:8px}
.caseb .spark path{fill:none;stroke:var(--verde-b);stroke-width:2;stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 1.6s .2s ease-out}
.caseb.vis .spark path{stroke-dashoffset:0}
.rd-fr .rk img{display:block;height:auto;transform:none;object-fit:contain;transition:none}
.rd-fr .rk .rk-sync img{width:26px;height:26px}
.rk-zoom{position:absolute;left:0;top:0;width:100%;transform-origin:52% 74%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.rk-zoom img{width:100%}
.rk-s.on .rk-zoom{transform:scale(1.5)}
.rk-zoom .rx-scan{top:65.3%}
.rk-zoom .rx-scan span{font-size:9px;padding:3px 8px;bottom:calc(100% + 5px)}
.segc.mais .ics svg{width:22px;height:22px;fill:none;stroke:#BFF5E3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rk-zoom img{position:static}
.ru-c .ru-pv{background:none;border:0;box-shadow:none;padding:0;width:auto;height:auto}
.rx-at li{grid-template-columns:8px 1fr}
.rx-at .hd a{white-space:nowrap}
.rx-at ul{height:150px}
.rk-sync{gap:6px;margin-top:10px}.rk-sync>div{padding:6px 12px;font-size:12.5px}.rk-sync span{font-size:11.5px}
.rk-done{margin-top:10px;padding:10px 14px}
.rk-ph{height:340px;top:14px}
.rk-s{padding:16px 20px}
.ru-c .ru-pv{display:flex;flex-direction:column;align-items:center;gap:4px}
.rx-at{width:282px}.rx-nota{text-align:left;padding-left:8px}
.rk-ex{top:6px;bottom:auto}
.rx-bar span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rx-bar b{flex:none}

/* ===== DADOS E DASHBOARDS COM IA (1.5) ===== */
.djhero .box .in{align-items:center}.djhero .stgw{margin-top:0}.djhero .box{padding-bottom:40px}
.djhero .p1{left:-14px;top:-16px}.djhero .p4{right:-12px;bottom:-14px;animation-delay:1.6s}
.dj{position:relative;z-index:1;background:#fff;border:1px solid #D9DED6;border-radius:20px;box-shadow:0 34px 90px rgba(0,0,0,.30);overflow:hidden;color:var(--ink);text-align:left}
.dj-hd{display:flex;align-items:center;gap:5px;padding:10px 14px;border-bottom:1px solid #EEF0EC;background:#FAFBF9;font:11.5px var(--mono);color:var(--ink3)}
.dj-hd i{width:8px;height:8px;border-radius:50%;background:#E4DCD0}.dj-hd span{margin-left:8px}
.dj-ar{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;padding:16px}
.dj-ln{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.dj-ln path{fill:none;stroke:#E3E7E1;stroke-width:1.6}
.dj-ln path.on{stroke:url(#djg);stroke-width:2}
.dj-ln circle{fill:var(--terra2)}
.dj-src{display:grid;gap:7px;position:relative;z-index:1}
.dj-s{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:6px 8px;border:1px solid #EEF0EC;border-radius:10px;background:#fff;transition:border-color .3s,box-shadow .3s}
.dj-s img{width:26px;height:26px;border-radius:7px;object-fit:contain}
.dj-s b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dj-s em{font:normal 10.5px var(--mono);color:var(--ink3);white-space:nowrap}
.dj-s.go{border-color:#F3C9AE;box-shadow:0 6px 16px -8px rgba(211,95,34,.45)}.dj-s.go em{color:var(--terra2)}
.dj-s.ok em{color:#16794A}
.dj-pn{position:relative;z-index:1;background:#F7F8F5;border:1px solid #E6EAE3;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}
.dj-t{margin:0;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.dj-k{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dj-k div{background:#fff;border-radius:10px;padding:8px 10px;border:1px solid #EEF0EC}
.dj-k span{display:block;font-size:11px;color:var(--ink3)}.dj-k b{font:500 21px var(--serif);white-space:nowrap}
.dj-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;height:92px;background:#fff;border:1px solid #EEF0EC;border-radius:10px;padding:8px 10px 0}
.dj-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
.dj-bar i{display:block;width:70%;height:0;border-radius:6px 6px 2px 2px;background:var(--agua2);transition:height .6s cubic-bezier(.2,.9,.3,1.15)}
.dj-bar:nth-child(3) i{background:var(--terra2)}
.dj-bar span{font-size:10px;color:var(--ink3);padding:4px 0 6px}
.dj-ia{margin:0;background:var(--verde-caixa);color:#fff;border-radius:12px 12px 12px 4px;padding:9px 11px;font-size:12.5px;line-height:1.45;opacity:0;transform:translateY(6px);transition:all .45s}
.dj-ia.on{opacity:1;transform:none}
.dj-ia b{font:10px var(--mono);background:var(--terra2);border-radius:5px;padding:2px 6px;margin-right:7px}
@media(max-width:900px){.dj-ar{grid-template-columns:1fr;gap:14px}.dj-ln{display:none}.dj-src{grid-template-columns:1fr 1fr}.dj-s b{font-size:12px}}
/* tarefas que somem */
.dt{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
.dt-cnt{display:flex;align-items:baseline;gap:12px;margin-top:26px;padding:16px 18px;border-radius:16px;background:var(--verde-caixa);color:#fff;max-width:420px}
.dt-cnt b{font:500 34px var(--serif);white-space:nowrap}.dt-cnt span{font-size:14px;opacity:.85}
.dt-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dt-i{display:grid;grid-template-columns:26px 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid #E4DCD0;border-radius:16px;padding:14px 16px;transition:border-color .35s,background .35s}
.dt-i b{display:block;font-size:15px;font-weight:600;color:var(--ink);line-height:1.35;transition:color .35s}
.dt-i small{display:block;font-size:12.5px;color:var(--ink3);margin-top:3px}
.dt-ck{width:26px;height:26px;border-radius:8px;border:2px solid #D8D0C2;position:relative;transition:all .3s}
.dt-ck::after{content:"";position:absolute;left:8px;top:3px;width:6px;height:12px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.dt-i em{font:normal 11.5px var(--mono);white-space:nowrap;padding:5px 10px;border-radius:999px}
.dt-a{background:#FCE8DD;color:#A2461A}.dt-d{display:none;background:#DDF3E6;color:#16794A}
.dt-i.ok{border-color:#CBE7D5;background:#FBFEFC}
.dt-i.ok .dt-ck{background:#16A36A;border-color:#16A36A}.dt-i.ok .dt-ck::after{transform:rotate(45deg) scale(1)}
.dt-i.ok b{color:var(--ink2)}
.dt-i.ok .dt-a{display:none}.dt-i.ok .dt-d{display:inline-block;animation:hxPop2 .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes hxPop2{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
@media(max-width:900px){.dt{grid-template-columns:1fr;gap:26px}.dt-i{grid-template-columns:26px 1fr}.dt-i em{grid-column:2;justify-self:start}}
/* visao geral e por canal */
.dv{max-width:980px;margin:34px auto 0;background:#fff;border:1px solid #E4DCD0;border-radius:24px;box-shadow:0 30px 60px -36px rgba(27,30,21,.35);overflow:hidden}
.dv-tabs{display:flex;gap:6px;padding:14px;border-bottom:1px solid #EFEAE1;background:#FAF8F4;overflow-x:auto}
.dv-tabs button{font:600 13.5px var(--sans);padding:9px 16px;border-radius:999px;border:1px solid transparent;background:none;color:var(--ink2);cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}
.dv-tabs button.on{background:var(--verde-caixa);color:#fff}
.dv-tabs button .rz{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--terra2)}
.dv-tabs button.on .rz.go{animation:rzGo2 var(--rzd,4s) linear forwards}
@keyframes rzGo2{to{width:100%}}
.dv-ps{position:relative;padding:22px 24px 18px;min-height:300px}
.dv-p{display:none}.dv-p.on{display:block;animation:dvIn .45s ease}
@keyframes dvIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dv-k{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dv-k div{background:#F7F5F0;border-radius:14px;padding:14px 16px}
.dv-k span{display:block;font-size:12.5px;color:var(--ink3)}.dv-k b{display:block;font:400 30px var(--serif);margin-top:4px;white-space:nowrap}
.dv-k b.sm{font:600 16px var(--sans);margin-top:10px;white-space:normal}
.dv-g{display:block;width:100%;height:150px;margin-top:16px}
.dv-g polyline{fill:none;stroke:var(--agua2);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-dasharray:1200;stroke-dashoffset:1200;animation:dvL 1.4s .15s ease forwards}
@keyframes dvL{to{stroke-dashoffset:0}}
.dv-n{margin:6px 0 0;font:11px var(--mono);color:var(--ink3);text-align:right}
@media(max-width:700px){.dv-k{grid-template-columns:1fr 1fr}.dv-k b{font-size:24px}.dv-g{height:110px}}
/* IA responde */
.di{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.di-chat{background:#fff;border:1px solid #E4DCD0;border-radius:22px;box-shadow:0 30px 60px -36px rgba(27,30,21,.35);overflow:hidden}
.di-hd{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #EFEAE1;background:#FAF8F4;font:12px var(--mono);color:var(--ink3)}
.di-hd i{width:9px;height:9px;border-radius:50%;background:#16A36A;box-shadow:0 0 0 4px rgba(22,163,106,.15)}
.di-ms{padding:18px 18px 6px;min-height:200px;display:flex;flex-direction:column;gap:10px}
.di-ms p{margin:0;max-width:84%;padding:11px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;animation:dvIn .35s ease}
.di-ms .u{align-self:flex-end;background:#F1EFEA;border-bottom-right-radius:4px}
.di-ms .a{align-self:flex-start;background:var(--verde-caixa);color:#fff;border-bottom-left-radius:4px}
.di-ms .a::before{content:"IA";font:10px var(--mono);background:var(--terra2);border-radius:5px;padding:2px 6px;margin-right:8px}
.di-ms .dots{display:flex;gap:4px;padding:14px}.di-ms .dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.7);animation:tp 1.2s infinite}
.di-ms .dots i:nth-child(2){animation-delay:.2s}.di-ms .dots i:nth-child(3){animation-delay:.4s}
.di-q{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px 6px}
.di-q button{font:600 13px var(--sans);padding:8px 14px;border-radius:999px;border:1px solid #E4DCD0;background:#fff;color:var(--ink);cursor:pointer;transition:all .25s}
.di-q button:hover,.di-q button.on{border-color:var(--terra2);color:var(--terra2)}
.di-n{margin:0;padding:4px 18px 14px;font:11px var(--mono);color:var(--ink3)}
@media(max-width:900px){.di{grid-template-columns:1fr;gap:26px}}
/* formatos */
.df{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.df-c{background:#fff;border:1px solid #E4DCD0;border-radius:22px;padding:22px;transition:transform .25s,box-shadow .25s}
.df-c:hover{transform:translateY(-5px);box-shadow:0 24px 44px -24px rgba(20,40,25,.3)}
.df-c>span{display:block;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--terra2);margin-top:18px}
.df-c h3{margin:6px 0 0;font:500 24px var(--serif)}.df-c p{margin:8px 0 0;color:var(--ink2);font-size:15px;line-height:1.55}
.df-il{height:120px;border-radius:14px;background:linear-gradient(160deg,#F5F1E9,#E8EFE6);position:relative;overflow:hidden}
.df-il i{position:absolute;display:block;background:#fff;border-radius:8px;box-shadow:0 8px 18px -10px rgba(20,40,25,.35)}
.df-il.dash i:nth-child(1){left:14%;right:14%;top:16%;bottom:16%}
.df-il.dash i:nth-child(2){left:20%;width:12%;bottom:24%;height:30%;background:var(--agua2);box-shadow:none}
.df-il.dash i:nth-child(3){left:36%;width:12%;bottom:24%;height:46%;background:var(--agua2);box-shadow:none}
.df-il.dash i:nth-child(4){left:52%;width:12%;bottom:24%;height:38%;background:var(--terra2);box-shadow:none}
.df-il.web i:nth-child(1){left:10%;right:10%;top:12%;bottom:0;border-radius:10px 10px 0 0}
.df-il.web i:nth-child(2){left:10%;right:10%;top:12%;height:14px;background:#233E2D;border-radius:10px 10px 0 0;box-shadow:none}
.df-il.web i:nth-child(3){left:16%;width:26%;top:34%;bottom:12%;background:#EEF4EA;box-shadow:none}
.df-il.web i:nth-child(4){left:46%;right:16%;top:34%;height:34%;background:#F7F5F0;box-shadow:none}
.df-il.app i:nth-child(1){left:20%;width:26%;top:10%;bottom:-10%;border-radius:14px;border:3px solid #233E2D}
.df-il.app i:nth-child(2){left:52%;right:12%;top:18%;height:22%}
.df-il.app i:nth-child(3){left:52%;right:20%;top:46%;height:22%}
.df-il.app i:nth-child(4){left:25%;width:16%;top:24%;height:18%;background:var(--terra2);box-shadow:none}
@media(max-width:900px){.df{grid-template-columns:1fr}}
/* segmentos */
.ds{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
.ds-c{background:#fff;border:1px solid #E4DCD0;border-radius:16px;padding:18px 20px;transition:border-color .25s,transform .25s}
.ds-c:hover{border-color:var(--terra2);transform:translateY(-3px)}
.ds-c b{display:block;font:500 19px var(--serif)}.ds-c span{display:block;margin-top:4px;font-size:14px;color:var(--ink2)}
@media(max-width:900px){.ds{grid-template-columns:1fr 1fr}}@media(max-width:560px){.ds{grid-template-columns:1fr}}
.djhero .iap.p2{left:auto;right:-18px;top:auto;bottom:70px;animation-delay:.8s}

/* ===== AUTOMACAO E IA 1.5: caixa unificada e quadro do WhatsApp ===== */
.cx-top{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:end}
.cx-top .lead2{margin:0}
.cx{margin-top:34px;background:#fff;border:1px solid #E4DCD0;border-radius:24px;box-shadow:0 34px 70px -40px rgba(27,30,21,.4);overflow:hidden}
.cx-hd{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid #EFEAE1;background:#FAF8F4;font:12px var(--mono);color:var(--ink3)}
.cx-hd i{width:9px;height:9px;border-radius:50%;background:#E4DCD0}.cx-hd>span:first-of-type{margin-left:8px}
.cx-live{margin-left:auto;display:flex;align-items:center;gap:6px;color:#16794A}
.cx-live i{background:#16A36A!important;box-shadow:0 0 0 0 rgba(22,163,106,.5);animation:cxPu 1.6s infinite}
@keyframes cxPu{70%{box-shadow:0 0 0 7px rgba(22,163,106,0)}100%{box-shadow:0 0 0 0 rgba(22,163,106,0)}}
.cx-in{display:grid;grid-template-columns:220px 1fr 1.05fr;min-height:430px}
.cx-h{margin:0 0 10px;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.cx-f{border-right:1px solid #EFEAE1;padding:16px 12px;background:#FCFBF8;display:flex;flex-direction:column;gap:4px}
.cx-f button{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:7px 9px;border-radius:10px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;color:var(--ink);transition:background .2s}
.cx-f button:hover{background:#F2EFE8}.cx-f button.on{background:#EAF2EC}
.cx-f button img{width:24px;height:24px;border-radius:6px;object-fit:contain;background:#fff}
.cx-all{width:24px;height:24px;border-radius:6px;background:var(--verde-caixa);color:#fff;display:grid;place-items:center;font-size:12px}
.cx-f button b{font-size:13.5px;font-weight:600}.cx-f button em{font:normal 11px var(--mono);color:var(--ink3);background:#fff;border:1px solid #EFEAE1;border-radius:999px;padding:1px 8px;min-width:26px;text-align:center}
.cx-sum{margin-top:auto;padding-top:14px;display:grid;gap:6px}
.cx-sum div{display:flex;align-items:baseline;gap:8px;padding:8px 10px;border-radius:10px}
.cx-sum b{font:500 20px var(--serif);min-width:28px}.cx-sum span{font-size:12.5px}
.cx-sum .ok{background:#E6F5EC;color:#16794A}.cx-sum .ag{background:#E3F4F0;color:var(--agua1)}.cx-sum .hu{background:#FCE8DD;color:#A2461A}
.cx-l{border-right:1px solid #EFEAE1;padding:16px 14px;overflow:hidden}
.cx-l ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.cx-r{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid #F0ECE4;border-radius:12px;cursor:pointer;transition:background .25s,border-color .25s;animation:cxIn .45s cubic-bezier(.2,.9,.3,1.2)}
.cx-r.sel{border-color:#CBE7D5;background:#F6FBF8}
.cx-r img{width:32px;height:32px;border-radius:9px;object-fit:contain;background:#fff}
.cx-r b{display:block;font-size:13.5px}.cx-r span{display:block;font-size:12.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-r em,.cx-st{font-style:normal;font:600 11px var(--sans);padding:4px 9px;border-radius:999px;white-space:nowrap}
.cx-r[hidden]{display:none}
@keyframes cxIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
.st-nv{background:#F1EFEA;color:var(--ink3)}.st-ok{background:#DDF3E6;color:#16794A}.st-ag{background:#E3F4F0;color:var(--agua1)}.st-hu{background:#FCE8DD;color:#A2461A}
.cx-c{display:flex;flex-direction:column;padding:16px 18px;background:#FDFCFA}
.cx-ch{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid #EFEAE1}
.cx-ch img{width:36px;height:36px;border-radius:10px;object-fit:contain;background:#fff}.cx-ch b{display:block;font-size:14.5px}.cx-ch span{font-size:12.5px;color:var(--ink3)}
.cx-ms{flex:1;display:flex;flex-direction:column;gap:9px;padding:14px 0}
.cx-ms p{margin:0;max-width:86%;padding:10px 13px;border-radius:15px;font-size:14px;line-height:1.45;animation:cxIn .35s ease}
.cx-ms .u{align-self:flex-start;background:#F1EFEA;border-bottom-left-radius:4px}
.cx-ms .a{align-self:flex-end;background:var(--verde-caixa);color:#fff;border-bottom-right-radius:4px}
.cx-ms .a small{display:block;font:10px var(--mono);opacity:.65;margin-top:4px}
.cx-ms .n{align-self:center;font:11.5px var(--mono);color:#A2461A;background:#FCE8DD;border-radius:999px;padding:5px 12px}
.cx-ac{display:flex;gap:8px}
.cx-bt{font:600 12.5px var(--sans);padding:8px 14px;border-radius:999px;background:var(--terra2);color:#fff}.cx-bt.g{background:#fff;color:var(--ink);border:1px solid #E4DCD0}
@media(max-width:1000px){.cx-in{grid-template-columns:1fr 1fr}.cx-f{display:none}}
@media(max-width:700px){.cx-top{grid-template-columns:1fr;gap:14px}.cx-in{grid-template-columns:1fr;min-height:0}.cx-c{display:none}.cx-l{border-right:0}}

/* ===== SITE 1.5 ===== */
.st-show{height:520vh}
@media(max-width:900px){.st-show{height:440vh}}
.st-cap p{transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1),color .9s}
.st-show .st-card{display:none}
.st-mini{position:relative;display:block;width:min(400px,40vw);aspect-ratio:4/5;background:#fff;border-radius:26px;overflow:hidden;text-decoration:none;color:var(--ink);
  transform:translateY(var(--ty,0)) rotate(calc(var(--rz,0deg)*.3)) scale(var(--sc,1));transition:transform .15s linear,box-shadow .3s;box-shadow:0 50px 70px -30px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.06);filter:none}
.st-mini:hover{box-shadow:0 60px 80px -30px rgba(0,0,0,.55),0 0 0 3px var(--terra2)}
.sm-bar{display:flex;align-items:center;gap:6px;height:44px;padding:0 16px;background:#233E2D;transition:background .8s}
.st-show[data-st="1"] .sm-bar{background:#14A98A}.st-show[data-st="2"] .sm-bar{background:#D35F22}
.sm-bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45)}
.sm-bar em{margin-left:10px;flex:1;font:normal 12px var(--mono);color:#fff;background:rgba(255,255,255,.16);border-radius:999px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-scr{position:absolute;left:0;right:0;top:44px;bottom:74px}
.sm-scr>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:26px;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1)}
.st-show[data-st="0"] .sm-a,.st-show[data-st="1"] .sm-b,.st-show[data-st="2"] .sm-c{opacity:1;transform:none;transition-delay:.2s}
.sm-ld{width:80%;height:10px;border-radius:10px;background:#EEF0EC;overflow:hidden}
.sm-ld i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--agua2),var(--agua3));border-radius:10px;transition:width 1.1s .4s ease}
.st-show[data-st="0"] .sm-ld i{width:100%}
.sm-a b{font:500 64px/1 var(--serif);letter-spacing:-.02em}.sm-a small{font-size:14px;color:var(--ink3)}
.sm-ok,.sm-pos{font:600 13px var(--sans);background:#DDF3E6;color:#16794A;border-radius:999px;padding:6px 14px}
.sm-g{font:700 44px var(--sans);background:conic-gradient(#4285F4 0 25%,#34A853 0 50%,#FBBC05 0 75%,#EA4335 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.sm-sr{width:86%;height:34px;border:1px solid #E4DCD0;border-radius:999px;display:flex;align-items:center;padding:0 14px}.sm-sr i{display:block;width:40%;height:8px;border-radius:8px;background:#E4DCD0}
.sm-res{width:86%;text-align:left;background:#F7F8F5;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:5px;box-shadow:0 0 0 2px var(--agua3)}
.sm-res small{font:12px var(--mono);color:#16794A}.sm-res b{font-size:15.5px;color:#1A0DAB}.sm-res i{display:block;height:7px;border-radius:7px;background:#E4DCD0}.sm-res i+i{width:70%}
.sm-fm{width:84%;display:flex;flex-direction:column;gap:8px}
.sm-fm i{font-style:normal;font-size:13px;color:var(--ink3);border:1px solid #E4DCD0;border-radius:10px;padding:10px 12px;text-align:left}
.sm-fm u{text-decoration:none;font:600 14px var(--sans);background:var(--terra2);color:#fff;border-radius:10px;padding:10px;text-align:center}
.sm-ar{font-size:22px;color:var(--ink3)}
.sm-to{font:600 13.5px var(--sans);color:#fff;background:#25D366;border-radius:999px;padding:9px 16px}
.sm-cta{position:absolute;left:18px;right:18px;bottom:16px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--ink);color:#fff;font:600 15px var(--sans);transition:background .25s}
.st-mini:hover .sm-cta{background:var(--terra2)}
.sm-hl{position:absolute;top:0;bottom:0;left:var(--hx,-30%);width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);pointer-events:none;mix-blend-mode:soft-light}
.st-obj::after{content:"";position:absolute;left:50%;bottom:6%;width:min(360px,36vw);height:26px;margin-left:calc(min(360px,36vw)/-2 + var(--sx,0px));border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.28),transparent);filter:blur(2px);pointer-events:none}
@media(max-width:900px){.st-mini{width:min(260px,62vw)}.sm-a b{font-size:46px}}
/* modelos que passam sozinhos */
.md-mq{overflow:hidden;margin-top:34px;padding:10px 0 20px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.md-tr{display:flex;gap:22px;width:max-content;animation:auMq2 60s linear infinite}
@keyframes auMq2{to{transform:translateX(-50%)}}
.md{width:330px;flex:none;background:#fff;border:1px solid #E4DCD0;border-radius:18px;overflow:hidden;box-shadow:0 24px 40px -28px rgba(20,40,25,.4);transition:transform .3s}
.md:hover{transform:translateY(-6px)}
.md-bar{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#FAF8F4;border-bottom:1px solid #EFEAE1;font:11px var(--mono);color:var(--ink3)}
.md-bar i{width:7px;height:7px;border-radius:50%;background:#E4DCD0}.md-bar span{margin-left:8px}
.md-pg{padding:12px 14px 16px;background:var(--f)}
.md-nv{display:flex;align-items:center;gap:6px}.md-nv b{font:600 13px var(--serif);color:var(--c);margin-right:auto}.md-nv i{width:22px;height:5px;border-radius:5px;background:rgba(0,0,0,.12)}
.md-h{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:14px;align-items:center}
.md-h em{font:normal 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--c)}
.md-h p{margin:4px 0 8px;font:500 15px/1.25 var(--serif);color:#1B1E15}
.md-h span{display:inline-block;font:600 11px var(--sans);background:var(--c);color:#fff;border-radius:999px;padding:6px 11px}
.md-im{height:96px;border-radius:12px;background:linear-gradient(150deg,var(--c),color-mix(in srgb,var(--c) 45%,#fff));position:relative;overflow:hidden}
.md-im::after{content:"";position:absolute;width:60%;height:60%;right:-10%;bottom:-12%;border-radius:50%;background:rgba(255,255,255,.25)}
.md-cs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.md-cs i{height:40px;border-radius:9px;background:#fff;box-shadow:0 4px 10px -6px rgba(0,0,0,.2)}
/* topo: no lugar da capsula, um cartao de agendamento (serve para qualquer empresa) */
.sthero .st-site .pr{width:110px;height:124px;border-radius:14px;animation:none;box-shadow:0 16px 28px rgba(0,0,0,.3);
  background:linear-gradient(var(--tema,#233E2D),var(--tema,#233E2D)) top/100% 24px no-repeat,repeating-linear-gradient(180deg,#fff 0 17px,#EEF0EC 17px 19px) 0 30px/100% 60px no-repeat,#fff}
.sthero .st-site .pr::after{content:"agendar";left:12px;right:12px;top:auto;bottom:10px;height:auto;padding:4px 0;border-radius:999px;background:var(--terra2);box-shadow:none;color:#fff;font:600 9.5px var(--sans);text-align:center}
.sthero .st-ph .pr{width:60px;height:72px;border-radius:9px;background:linear-gradient(var(--tema,#233E2D),var(--tema,#233E2D)) top/100% 14px no-repeat,repeating-linear-gradient(180deg,#fff 0 10px,#EEF0EC 10px 11px) 0 18px/100% 33px no-repeat,#fff}
.sthero .st-ph .pr::after{bottom:5px;left:6px;right:6px;font-size:6.5px;padding:2px 0}

/* ===== SISTEMAS SOB MEDIDA 1.5: exemplos ===== */
.sx{max-width:1000px;margin:34px auto 0;background:#fff;border:1px solid #E4DCD0;border-radius:24px;box-shadow:0 30px 60px -36px rgba(27,30,21,.35);overflow:hidden}
.sx-tabs{display:flex;gap:6px;padding:14px;border-bottom:1px solid #EFEAE1;background:#FAF8F4;overflow-x:auto}
.sx-tabs button{font:600 13.5px var(--sans);padding:9px 16px;border-radius:999px;border:0;background:none;color:var(--ink2);cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}
.sx-tabs button.on{background:var(--verde-caixa);color:#fff}
.sx-tabs button .rz{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--terra2)}
.sx-tabs button.on .rz.go{animation:rzGo2 var(--rzd,6s) linear forwards}
.sx-ps{padding:24px 26px 22px;min-height:330px}
.sx-p{display:none;grid-template-columns:1.25fr .75fr;gap:26px;align-items:start}
.sx-p.on{display:grid;animation:dvIn .45s ease}
.sx-hd{grid-column:1/-1;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.sx-tx{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink2);align-self:center}
.sx-sku{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sx-sku label{display:grid;gap:4px;border:1px solid #E4DCD0;border-radius:12px;padding:10px 14px}
.sx-sku label span{font-size:12px;color:var(--ink3)}.sx-sku label b{font:500 15px var(--mono);min-height:20px}
.sx-gen{grid-column:1/-1;display:flex;align-items:center;gap:12px;background:var(--verde-caixa);color:#fff;border-radius:12px;padding:12px 16px;opacity:0;transform:scale(.96);transition:all .4s}
.sx-p.on .sx-gen{opacity:1;transform:none;transition-delay:2.9s}
.sx-gen span{font-size:12.5px;opacity:.75}.sx-gen b{font:600 19px var(--mono);color:#FFD9C2}
.sx-ch{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink3);opacity:0;transition:opacity .4s}
.sx-p.on .sx-ch{opacity:1;transition-delay:3.4s}.sx-ch img{width:28px;height:28px;border-radius:8px;object-fit:contain}
.sx-hrs{display:grid;gap:6px}
.sx-hr{display:grid;grid-template-columns:.9fr 1fr .7fr .7fr 1.2fr .6fr;gap:10px;align-items:center;padding:10px 12px;border:1px solid #EFEAE1;border-radius:12px;font-size:13.5px}
.sx-hr.h{border:0;padding:0 12px;font:500 11px var(--mono);color:var(--ink3);text-transform:uppercase;letter-spacing:.06em}
.sx-hr.h b,.sx-hr.h span,.sx-hr.h strong{font:inherit;color:inherit}
.sx-hr span{color:var(--ink2)}.sx-hr em{font:normal 12.5px var(--mono)}
.sx-hr i{display:block;height:8px;border-radius:8px;background:#EEF0EC;overflow:hidden}.sx-hr.h i{background:none}
.sx-hr i u{display:block;height:100%;width:0;background:var(--agua2);border-radius:8px;transition:width 1s .3s ease}
.sx-p.on .sx-hr i u{width:var(--w)}
.sx-hr strong{text-align:right}
.sx-btn{display:flex;align-items:center;gap:12px;margin-top:12px}
.sx-btn span{font:600 13.5px var(--sans);background:var(--terra2);color:#fff;border-radius:999px;padding:9px 16px;animation:sxPu 2.4s infinite}
@keyframes sxPu{0%,100%{box-shadow:0 0 0 0 rgba(211,95,34,.4)}60%{box-shadow:0 0 0 10px rgba(211,95,34,0)}}
.sx-btn small{font:12px var(--mono);color:#16794A}
.sx-kb{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sx-col{background:#F7F5F0;border-radius:14px;padding:10px;min-height:170px;display:flex;flex-direction:column;gap:8px}
.sx-col>b{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.sx-tk{background:#fff;border-radius:10px;padding:9px 10px;font-size:13px;line-height:1.35;box-shadow:0 6px 14px -10px rgba(20,40,25,.35)}
.sx-tk em{display:inline-block;font:600 10px var(--sans);border-radius:999px;padding:2px 8px;margin-bottom:5px}
.sx-tk .in{background:#E3F4F0;color:var(--agua1)}.sx-tk .cl{background:#FCE8DD;color:#A2461A}
.sx-tk.ok{opacity:.7}
.sx-tk.mv{animation:sxMv 6s 1s ease-in-out infinite}
@keyframes sxMv{0%,15%{transform:none}35%,70%{transform:translateX(calc(100% + 30px))}90%,100%{transform:none}}
.sx-or{display:grid;gap:6px}
.sx-ol{display:flex;justify-content:space-between;padding:10px 14px;border:1px solid #EFEAE1;border-radius:10px;font-size:14px}
.sx-ol b{font-family:var(--mono);font-weight:500}.sx-ol.t{background:var(--verde-caixa);color:#fff;border-color:transparent}.sx-ol.t b{font-size:16px}
.sx-os{display:flex;gap:6px;margin-top:6px}
.sx-os span{flex:1;text-align:center;font:600 11.5px var(--sans);padding:7px 4px;border-radius:999px;background:#F1EFEA;color:var(--ink3)}
.sx-os span.on{background:#DDF3E6;color:#16794A}
.sx-mais{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;max-width:1000px;margin:22px auto 0}
.sx-mais b{font-size:14px;margin-right:4px}
.sx-mais span{font-size:13.5px;padding:7px 14px;border-radius:999px;border:1px solid #E4DCD0;background:#fff}
.sx-mais .q{background:var(--terra2);border-color:var(--terra2);color:#fff;font-weight:600}
@media(max-width:800px){.sx-p{grid-template-columns:1fr}.sx-hr{grid-template-columns:1fr 1fr .6fr;}.sx-hr span,.sx-hr em,.sx-hr.h i{display:none}.sx-sku{grid-template-columns:1fr}.sx-kb{grid-template-columns:1fr 1fr}.sx-col:last-child{display:none}}

/* ===== LOJA 1.5 ===== */
.lj-op{display:block;font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:4px;width:100%}
.lj-buy .lj-go{text-decoration:none;display:inline-grid;place-items:center}
.lj-free .lj-pr b{color:#16794A}
.cs-vs.cs-3{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.cs-vs.cs-3{grid-template-columns:1fr}}
.lj-go{display:inline-grid;place-items:center;font:inherit;font-size:14px;font-weight:700;border:0;border-radius:999px;padding:11px 18px;background:var(--terra2);color:#fff;text-decoration:none;transition:transform .2s}
.lj-go:hover{transform:translateY(-2px)}
.lj-pr b.orc{font-family:var(--serif);font-size:24px;color:var(--ink)}
.lj-dig{margin-top:30px}


/* Loja 1.5: objeto do atendimento no WhatsApp */
.iso .wa-c{fill:none;stroke:rgba(47,110,88,.22);stroke-width:3;stroke-linejoin:round}
.iso .wa-f{fill:none;stroke:#7FF6A8;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(127,246,168,.95));stroke-dasharray:14 160;animation:wa-fl 2.6s linear infinite}
.iso .wa-f.f2{animation-delay:1.3s}
@keyframes wa-fl{from{stroke-dashoffset:174}to{stroke-dashoffset:0}}
.ilu-wa .wa1{left:8px;top:64px}
.ilu-wa .wa2{left:168px;top:6px;max-width:128px}
.ilu-wa .wa-chip{left:150px;top:214px}
.lj-shelf .ilu-wa .iso-bal{display:none}
@media(prefers-reduced-motion:reduce){.iso .wa-f{animation:none}}

/* ===== LOJA 1.5: produtos digitais (vitrine de compra rapida) ===== */
.pdhero .box .in{align-items:center}.pdhero .box{padding-bottom:40px}
.pd-cn{position:relative;height:330px}
.pd-cn>div{position:absolute}.pd-h0{left:0;top:40px}.pd-h1{left:32%;top:0;z-index:2}.pd-h2{right:0;top:70px}
.pd-cn .ilu-c,.pd-cn .iso-bal,.pd-cn .iso-tom{display:none}
.pdhero .p1{left:-10px;top:10px}.pdhero .p4{right:-10px;bottom:0;animation-delay:1.4s}
.pd-l{display:grid;gap:22px}
.pd-c{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:center;background:#fff;border:1px solid #E4DCD0;border-radius:26px;padding:24px 28px;box-shadow:0 26px 50px -36px rgba(20,40,25,.35)}
.pd-il{height:260px;border-radius:18px;background:linear-gradient(160deg,#F5F1E9,#E8EFE6);display:grid;place-items:center;overflow:hidden}
.pd-il .ilu-c,.pd-il .iso-tom{display:none}
.pd-tx h2{margin:6px 0 0;font:500 clamp(24px,2.4vw,32px)/1.15 var(--serif)}
.pd-tx>p{margin:8px 0 0;color:var(--ink2);font-size:15.5px;line-height:1.55}
.pd-tx ul{margin:12px 0 0;padding-left:18px;color:var(--ink2);font-size:14.5px;line-height:1.7}
.pd-ops{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.pd-op{flex:1;min-width:170px;display:grid;gap:6px;border:1px solid #E4DCD0;border-radius:16px;padding:12px 14px;background:#FCFBF8}
.pd-op.on{border-color:var(--verde-b);box-shadow:0 0 0 3px rgba(62,107,79,.1);background:#fff}
.pd-op small{font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.pd-pr b{display:block;font:500 26px var(--serif);line-height:1.1}.pd-pr b.pend{font:500 12px var(--mono);color:var(--ink3);background:#F5F7F3;border:1px dashed #D8D0C2;border-radius:8px;padding:6px 9px;display:inline-block}
.pd-pr span{display:block;font-size:12.5px;color:var(--ink3);margin-top:3px}
.pd-op .lj-go{justify-self:start}
.pd-ver{display:inline-block;margin-top:14px;font-weight:600;font-size:14px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.pd-p{grid-template-columns:repeat(3,1fr)!important}
.pd-orc{margin:26px 0 0;text-align:center;color:var(--ink2);font-size:15px}.pd-orc a{color:var(--terra2);font-weight:600}
@media(max-width:900px){.pd-c{grid-template-columns:1fr;padding:18px}.pd-il{height:200px}.pd-cn{height:240px}.pd-h0,.pd-h2{display:none}.pd-h1{left:50%!important;transform:translateX(-50%)}.pd-p{grid-template-columns:1fr!important}}
/* livros, comando de IA e agente */
.pd-bk{position:relative;width:240px;height:200px}
.pd-bk i{position:absolute;width:118px;height:160px;border-radius:6px 12px 12px 6px;padding:14px 12px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 18px 30px -16px rgba(0,0,0,.5),inset 6px 0 0 rgba(0,0,0,.18);font-style:normal}
.pd-bk small{font:500 8.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.8}.pd-bk b{font:500 15px/1.15 var(--serif);margin-top:6px}
.pd-bk .b1{left:0;top:30px;background:linear-gradient(160deg,#2E5A41,#233E2D);transform:rotate(-8deg)}
.pd-bk .b2{left:62px;top:14px;background:linear-gradient(160deg,#E07A3E,#B94F18);transform:rotate(2deg);z-index:2}
.pd-bk .b3{left:122px;top:36px;background:linear-gradient(160deg,#17B996,#0A5C4F);transform:rotate(9deg)}
.pd-pm{width:250px;background:#fff;border-radius:14px;box-shadow:0 20px 34px -20px rgba(20,40,25,.5);overflow:hidden;position:relative;padding-bottom:12px}
.pd-pmh{display:flex;align-items:center;gap:4px;padding:8px 10px;background:#233E2D}.pd-pmh i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45)}.pd-pmh span{margin-left:6px;font:10px var(--mono);color:#BFF5E3}
.pd-pm p{margin:10px 12px 0;font:11.5px/1.6 var(--mono);color:#1B1E15}.pd-pm em{font-style:normal;color:#6E7268}
.pd-pmc{display:inline-block;margin:10px 12px 0;font:600 11px var(--sans);background:var(--terra2);color:#fff;border-radius:999px;padding:5px 11px}
.pd-pmn{position:absolute;right:10px;bottom:12px;font:500 10px var(--mono);color:#0F8A72;background:#DDF3E6;border-radius:999px;padding:4px 9px}
.pd-ag{width:260px;display:grid;gap:8px}
.pd-ag p{margin:0;border-radius:12px;padding:9px 11px;font-size:12px;line-height:1.45;box-shadow:0 10px 20px -14px rgba(0,0,0,.35)}
.pd-ag .u{background:#fff;border:1px solid #E4DCD0}.pd-ag .a{background:#DDF3E6}.pd-ag .n{background:#FFF4EC;font-size:11px}
.pd-ag b{display:block;font:600 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#16794A;margin-bottom:3px}.pd-ag .n b{color:var(--terra2)}
.pd-agp{display:flex;gap:6px;justify-content:center}.pd-agp span{font:600 10.5px var(--sans);background:#233E2D;color:#fff;border-radius:999px;padding:4px 10px}

/* ===== LOJA 1.5: landing do atendimento no WhatsApp ===== */
.wzhero .box .in{align-items:center}
.wzhero .p1{left:-6px;top:6px}.wzhero .p4{right:-10px;bottom:10px;animation-delay:1.4s}
.wz{position:relative;height:440px;display:grid;place-items:center}
.wz-ph{position:relative;z-index:1;width:260px;height:430px;border-radius:38px;background:#ECE5DD;border:9px solid #10221A;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);overflow:hidden;display:flex;flex-direction:column;color:#1B1E15;text-align:left}
.wz-top{display:flex;align-items:center;gap:10px;padding:16px 14px 10px;background:#075E54;color:#fff}
.wz-av{width:32px;height:32px;border-radius:50%;background:#25D366;display:grid;place-items:center;font-weight:700}
.wz-top b{display:block;font-size:13.5px}.wz-top small{font-size:11px;opacity:.8}
.wz-ms{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;padding:10px;overflow:hidden}
.wz-ms p{margin:0;max-width:84%;padding:7px 10px;border-radius:10px;font-size:12.5px;line-height:1.4;box-shadow:0 1px 1px rgba(0,0,0,.1);animation:cxIn .35s ease}
.wz-ms .u{align-self:flex-start;background:#fff;border-top-left-radius:2px}
.wz-ms .a{align-self:flex-end;background:#D9FDD3;border-top-right-radius:2px}
.wz-ms .a small{display:block;font:9.5px var(--mono);color:#16794A;margin-top:3px}
.wz-ms .t{align-self:flex-end;background:#D9FDD3;display:flex;gap:3px;padding:10px 12px}.wz-ms .t i{width:6px;height:6px;border-radius:50%;background:#6B8F79;animation:tp 1.2s infinite}.wz-ms .t i:nth-child(2){animation-delay:.2s}.wz-ms .t i:nth-child(3){animation-delay:.4s}
.wz-ms .n{align-self:center;font:10.5px var(--mono);background:#FFF3C4;color:#6B5200;border-radius:8px;padding:4px 10px}
.wz-in{display:flex;align-items:center;gap:8px;padding:8px 10px 12px}.wz-in span{flex:1;background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;color:#8A8C7F}.wz-in i{width:32px;height:32px;border-radius:50%;background:#25D366}
.wz-fl{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;background:#fff;border-radius:16px;padding:9px 12px 9px 9px;box-shadow:0 18px 34px -14px rgba(0,0,0,.45);color:var(--ink);font-size:12.5px;text-align:left;opacity:0}
.wz-fl img{width:32px;height:32px;border-radius:9px}.wz-fl b{display:block;font-size:11px;color:var(--ink3);font-weight:600}
.wz-fl.f1{left:-4%;top:22%}.wz-fl.f2{right:-6%;top:52%}
.wz-fl.on{animation:wzFl 3.2s ease forwards}
@keyframes wzFl{0%{opacity:0;transform:translateY(10px) scale(.9)}15%,55%{opacity:1;transform:none}100%{opacity:0;transform:translate(var(--dx,60px),40px) scale(.4)}}
.wz-fl.f1{--dx:120px}.wz-fl.f2{--dx:-120px}
@media(max-width:900px){.wz{height:400px}.wz-ph{width:230px;height:390px}.wz-fl.f1{left:0}.wz-fl.f2{right:0}}
/* antes, durante e depois */
.wv{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.wv-box{background:#ECE5DD;border-radius:24px;border:1px solid #E4DCD0;overflow:hidden;box-shadow:0 30px 60px -36px rgba(27,30,21,.35)}
.wv-tabs{display:flex;gap:6px;padding:12px;background:#075E54;overflow-x:auto}
.wv-tabs button{font:600 13px var(--sans);padding:8px 14px;border-radius:999px;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}
.wv-tabs button.on{background:#fff;color:#075E54}
.wv-tabs button .rz{position:absolute;left:0;bottom:0;height:3px;width:0;background:#25D366}
.wv-tabs button.on .rz.go{animation:rzGo2 var(--rzd,6s) linear forwards}
.wv-ps{padding:18px;min-height:270px}
.wv-p{display:none;flex-direction:column;gap:9px}.wv-p.on{display:flex}
.wv-p p{margin:0;max-width:82%;padding:9px 12px;border-radius:12px;font-size:14.5px;line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.08);opacity:0;transform:translateY(8px)}
.wv-p.on p{animation:wqIn .4s forwards}
.wv-p.on p:nth-child(2){animation-delay:.9s}.wv-p.on p:nth-child(3){animation-delay:1.9s}.wv-p.on p:nth-child(4){animation-delay:2.8s}
.wv-p .u{align-self:flex-start;background:#fff}.wv-p .a{align-self:flex-end;background:#D9FDD3}
.wv-p .n{align-self:center;font:11.5px var(--mono);background:#FFF3C4;color:#6B5200;padding:5px 12px}
.wv-n{margin:0;padding:0 18px 14px;font:11px var(--mono);color:#6E7A70}
@media(max-width:900px){.wv{grid-template-columns:1fr;gap:26px}}
/* Instagram e Facebook levando para o WhatsApp */
.wb{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.wb-il{position:relative;height:360px}
.wb-post{position:absolute;left:0;top:0;width:58%;background:#fff;border:1px solid #E4DCD0;border-radius:18px;overflow:hidden;box-shadow:0 24px 44px -26px rgba(20,40,25,.35)}
.wb-ph{height:150px;background:linear-gradient(140deg,#F6C9A8,#D35F22 60%,#9A3D12)}
.wb-cm,.wb-rp{padding:9px 12px;font-size:13px}.wb-cm b,.wb-rp b{margin-right:6px}.wb-rp{color:var(--ink2);padding-left:26px;border-top:1px solid #F1EEE7}
.wb-dm{position:absolute;right:0;top:120px;width:58%;display:grid;grid-template-columns:30px 1fr;gap:10px;background:#fff;border:1px solid #F3D0E2;border-radius:16px;padding:12px;font-size:13px;box-shadow:0 24px 44px -24px rgba(176,48,110,.45)}
.wb-dm img{width:30px;height:30px;border-radius:8px}.wb-dm em{grid-column:2;justify-self:start;font-style:normal;font:600 12px var(--sans);background:#25D366;color:#fff;border-radius:999px;padding:5px 12px}
.wb-arrow{position:absolute;right:26%;top:250px;width:2px;height:40px;background:repeating-linear-gradient(#25D366 0 6px,transparent 6px 11px)}
.wb-wa{position:absolute;right:6%;bottom:0;display:flex;align-items:center;gap:10px;background:#075E54;color:#fff;border-radius:999px;padding:8px 16px 8px 8px;font:600 13px var(--sans)}
.wb-wa img{width:30px;height:30px;border-radius:8px}
.wb .reveal.vis .wb-dm{animation:wqIn .5s .4s both}
@media(max-width:900px){.wb{grid-template-columns:1fr;gap:26px}.wb-il{height:340px}}
/* passos */
.wp{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:wp}
.wp li{background:#fff;border:1px solid #E4DCD0;border-radius:20px;padding:22px}
.wp li span{font:500 12px var(--mono);color:var(--terra2)}.wp li b{display:block;margin-top:10px;font:500 20px/1.2 var(--serif)}.wp li p{margin:8px 0 0;color:var(--ink2);font-size:14.5px;line-height:1.55}
@media(max-width:1000px){.wp{grid-template-columns:1fr 1fr}}@media(max-width:600px){.wp{grid-template-columns:1fr}}
.wq2{grid-template-columns:1fr;background:#F5F1E9;color:var(--ink)}.wq2 h3{color:var(--ink)}.wq2 p{color:var(--ink2)}.wq2 .wq-k{background:#fff;color:var(--terra2)}

/* ===== orcamento do atendimento no WhatsApp: perguntas de clicar ===== */
.orcsec{scroll-margin-top:80px}
.orc{display:grid;grid-template-columns:340px 1fr;background:#fff;border:1px solid #E4DCD0;border-radius:28px;overflow:hidden;box-shadow:0 34px 70px -40px rgba(20,40,25,.45)}
.orc-l{background:var(--verde-caixa);color:#fff;padding:32px 28px}
.orc-l .eyebrow{color:#BFF5E3}
.orc-l h2{margin:10px 0 0;font:500 30px/1.12 var(--serif);color:#fff}.orc-l h2 em{color:#FFC9A6}
.orc-sub{margin:10px 0 0;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.78)}
.orc-bar{margin-top:22px;height:6px;border-radius:6px;background:rgba(255,255,255,.14);overflow:hidden}
.orc-bar i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#14A98A,#BFF5E3);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.orc-n{margin:8px 0 0;font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.orc-rs{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:8px}
.orc-rs li{display:grid;grid-template-columns:120px 1fr;gap:10px;font-size:13px;padding:7px 0;border-top:1px solid rgba(255,255,255,.1)}
.orc-rs small{color:rgba(255,255,255,.55);font-size:12px}.orc-rs span{color:rgba(255,255,255,.4)}
.orc-rs li.ok span{color:#fff;font-weight:600;animation:wqIn .35s both}
.orc-r{display:flex;flex-direction:column;padding:32px 34px 26px;min-height:500px}
.orc-f{flex:1;display:block;max-width:none;margin:0}
.orc-s{display:none;border:0;margin:0;padding:0;min-width:0}.orc-s.on{display:block;animation:wqIn .35s both}
.orc-s legend{padding:0;font:500 clamp(22px,2.2vw,28px)/1.2 var(--serif);color:var(--ink)}
.orc-d{margin:6px 0 0;color:var(--ink3);font-size:14px}
.orc-op{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}
.orc-s.cat .orc-op{grid-template-columns:repeat(3,1fr)}
.orc-op button{display:flex;align-items:center;gap:10px;text-align:left;font:inherit;color:var(--ink);background:#FCFBF8;border:1.5px solid #E4DCD0;border-radius:14px;padding:13px 14px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}
.orc-op button:hover{border-color:var(--terra2);transform:translateY(-1px)}
.orc-op button b{font-weight:600;font-size:14.5px}
.orc-op button img{width:24px;height:24px;border-radius:6px;flex:none}
.orc-s.cat .orc-op button{flex-direction:column;align-items:flex-start;gap:3px}
.orc-op button small{color:var(--ink3);font-size:12px;line-height:1.35}
.orc-op button.on{border-color:var(--terra2);background:#FFF4EC;box-shadow:0 0 0 3px rgba(211,95,34,.12)}
.orc-op button.on::after{content:"✓";margin-left:auto;font-weight:700;color:var(--terra2)}
.orc-s.cat .orc-op button.on::after{position:absolute;display:none}
.orc-in{display:grid;gap:14px;margin-top:20px;max-width:440px}
.orc-in label{display:grid;gap:6px;font-weight:600;font-size:14px;color:var(--ink)}.orc-in em{font-style:normal;font-weight:400;color:var(--ink3)}
.orc-in input{font:inherit;font-size:15px;border:1.5px solid #E4DCD0;border-radius:12px;padding:12px 14px;background:#FCFBF8}
.orc-in input:focus{outline:none;border-color:var(--terra2);background:#fff}
.orc-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px}
.orc-back{font:600 14px var(--sans);background:none;border:0;color:var(--ink2);cursor:pointer;padding:8px 0}
.orc-next{margin-left:auto;font:600 15px var(--sans);background:var(--terra2);color:#fff;border:0;border-radius:999px;padding:12px 24px;cursor:pointer}
.orc-next:disabled{opacity:.4;cursor:default}
.orc-back[hidden],.orc-next[hidden]{display:none}
.orc-fim{display:none;text-align:center;padding-top:24px}.orc-fim.on{display:block;animation:wqIn .4s both}
.orc-ok{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#DDF3E6;color:#16794A;font-size:28px;font-weight:700}
.orc-fim h3{margin:14px 0 0;font:500 30px var(--serif)}
.orc-pp{margin:10px auto 0;max-width:46ch;color:var(--ink2);font-size:15.5px;line-height:1.6}
.orc-fim small{display:block;margin-top:10px;color:var(--ink3);font-size:13px}
.orc-inc{margin:16px auto 0;max-width:80ch;text-align:center;color:var(--ink3);font-size:13.5px;line-height:1.6}
@media(max-width:900px){.orc{grid-template-columns:1fr}.orc-l{padding:24px 20px}.orc-rs{display:none}.orc-r{padding:22px 18px;min-height:0}
  .orc-op,.orc-s.cat .orc-op{grid-template-columns:1fr 1fr}.orc-op button{padding:11px 12px}}
@media(max-width:420px){.orc-op{grid-template-columns:1fr}}
.orc-ped{margin:6px 0 0;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}.orc-ped b{color:var(--ink)}
.orc-err{margin:16px auto 0;max-width:46ch;background:#FFF4EC;border:1px solid #F3C9AE;border-radius:12px;padding:12px 14px;font-size:14px;color:var(--ink2)}.orc-err a{color:var(--terra2);font-weight:600}
.orc-plano{margin:20px auto 0;max-width:400px;text-align:left;border:1.5px solid #E4DCD0;border-radius:18px;padding:16px 18px;background:#FCFBF8}
.orc-plano small{font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.orc-pn{display:block;margin-top:4px;font:500 22px var(--serif)}
.orc-pv{display:flex;align-items:baseline;gap:8px;margin-top:6px}.orc-pv b{font:500 34px var(--serif);color:var(--terra2)}.orc-pv span{font-size:13px;color:var(--ink3)}
.orc-plano ul{margin:10px 0 0;padding-left:18px;font-size:14px;color:var(--ink2);line-height:1.6}
.orc-pagar{margin-top:18px;font:600 16px var(--sans);background:var(--terra2);color:#fff;border:0;border-radius:999px;padding:14px 28px;cursor:pointer}
.orc-pagar:disabled{opacity:.6;cursor:default}
.orc-ps{display:block;margin:10px auto 0;max-width:46ch;color:var(--ink3);font-size:12.5px}

/* ===== loja: pagina de obrigado ===== */
.obsec{padding-top:40px}
.ob{max-width:640px;margin:0 auto;background:#fff;border:1px solid #E4DCD0;border-radius:28px;padding:44px 34px;text-align:center;box-shadow:0 30px 60px -40px rgba(20,40,25,.4)}
.ob-st{display:none}.ob[data-estado=carregando] .ob-carregando,.ob[data-estado=aguardando] .ob-aguardando,.ob[data-estado=pago] .ob-pago,.ob[data-estado=erro] .ob-erro{display:block;animation:wqIn .4s both}
.ob h1{margin:16px 0 0;font:500 clamp(26px,3vw,34px)/1.15 var(--serif)}
.ob p{margin:12px auto 0;max-width:46ch;color:var(--ink2);font-size:15.5px;line-height:1.6}
.ob-spin{display:inline-block;width:46px;height:46px;border-radius:50%;border:4px solid #E8EFE6;border-top-color:var(--agua3);animation:obg 1s linear infinite}
@keyframes obg{to{transform:rotate(360deg)}}
.ob-ok,.ob-x{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#DDF3E6;color:#16794A;font-size:30px;font-weight:700}
.ob-x{background:#FDEBD2;color:#8A4B0F}
.ob-pr{font:500 12.5px var(--mono);letter-spacing:.04em;color:var(--ink3)!important}
.ob-arq{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px;text-align:left}
.ob-arq a{display:flex;align-items:center;gap:12px;border:1.5px solid #E4DCD0;border-radius:14px;padding:13px 16px;color:var(--ink);text-decoration:none;font-weight:600;font-size:14.5px;transition:border-color .2s}
.ob-arq a:hover{border-color:var(--terra2)}.ob-arq a::before{content:"↓";display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#FFF4EC;color:var(--terra2);font-weight:700;flex:none}
.ob-acesso,.ob-serv{margin-top:18px}.ob-acesso .btn{margin-top:12px}
.ob-dica{font-size:13.5px!important;color:var(--ink3)!important;margin-top:22px!important}
.ob-erro .btn{margin-top:18px}

/* ===== loja: finalizar compra ===== */
.fz{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;max-width:980px;margin:0 auto;align-items:start}
.fz-res,.fz-f{background:#fff;border:1px solid #E4DCD0;border-radius:26px;padding:30px;box-shadow:0 30px 60px -40px rgba(20,40,25,.35)}
.fz-res{background:var(--verde,#233E2D);color:#F5F1E9;border:0}.fz-res .eyebrow{color:#CFE0D3}
.fz-it{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}.fz-it li{display:flex;justify-content:space-between;gap:12px;font-size:15px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:10px}
.fz-it b{white-space:nowrap}.fz-tt{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px;font-size:15px}.fz-tt b{font:500 30px var(--serif)}
.fz-sub{font-size:13px;color:#CFE0D3;margin:6px 0 0}.fz-ok{margin:20px 0 0;padding-left:18px;font-size:13.5px;line-height:1.7;color:#E4EEE6}
.fz-f h1{margin:0;font:500 clamp(26px,3vw,32px)/1.15 var(--serif)}.fz-d{color:var(--ink2);font-size:14.5px;margin:8px 0 14px}
.fz-f label{display:block;margin-top:12px}.fz-f label span{display:block;font-size:13px;font-weight:600;margin-bottom:5px}.fz-f label i{font-weight:400;color:var(--ink3)}
.fz-f input,.fz-f select{width:100%;box-sizing:border-box;border:1.5px solid #E4DCD0;border-radius:12px;padding:12px 14px;font:inherit;font-size:15px;background:#fff}
.fz-f input:focus,.fz-f select:focus{outline:none;border-color:var(--terra2)}
.fz-f .bad{border-color:#C0392B}.fz-go{width:100%;margin-top:20px;justify-content:center}
.fz-err{color:#9B2C1F;font-size:14px;margin-top:12px}.fz-seg{font-size:12.5px;color:var(--ink3);margin-top:12px}
@media(max-width:820px){.fz{grid-template-columns:1fr}}

/* ===== CONTATO 1.5: produtos prontos antes do formulario ===== */
.pksec{padding-bottom:30px}
.pk-cap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}
.pk-cap .lead2{margin:0}
.pk{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.pk-c{display:flex;flex-direction:column;background:#fff;border:1px solid #E4DCD0;border-radius:22px;padding:16px 18px 18px;text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .25s,border-color .25s}
.pk-c:hover{transform:translateY(-5px);border-color:var(--terra2);box-shadow:0 26px 46px -28px rgba(20,40,25,.4)}
.pk-il{height:140px;margin:-4px -6px 8px;border-radius:14px;background:linear-gradient(160deg,#F5F1E9,#E8EFE6);display:grid;place-items:center;overflow:hidden}
.pk-il .ilu-c,.pk-il .iso-bal,.pk-il .iso-tom{display:none}
.pk-k{font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--terra2)}
.pk-c h3{margin:6px 0 0;font:500 20px/1.2 var(--serif)}
.pk-c p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--ink2);flex:1}
.pk-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #EFEAE1}
.pk-ft b{font:600 12px var(--sans);color:var(--ink3)}
.pk-bt{font:600 13px var(--sans);background:var(--terra2);color:#fff;border-radius:999px;padding:7px 13px;white-space:nowrap}
.pk-lj{margin:18px 0 0;text-align:center}.pk-lj a{font-weight:600;color:var(--terra2)}
@media(max-width:1000px){.pk{grid-template-columns:1fr 1fr}.pk-cap{grid-template-columns:1fr;gap:12px}}
@media(max-width:560px){.pk{grid-template-columns:1fr}}
.pk{grid-template-columns:repeat(3,1fr)}

/* ===== RADAR 1.5: galeria com as telas reais ===== */
.rg{display:grid;grid-template-columns:330px 1fr;gap:22px;margin-top:34px;align-items:start}
.rg-l{display:grid;gap:6px}
.rg-l button{position:relative;overflow:hidden;display:grid;grid-template-columns:30px 1fr;gap:2px 10px;text-align:left;padding:11px 14px;border-radius:14px;border:1px solid transparent;background:none;font:inherit;color:var(--ink);cursor:pointer;transition:background .25s,border-color .25s}
.rg-l button:hover{background:#F6F4EF}
.rg-l button.on{background:#fff;border-color:#E4DCD0;box-shadow:0 14px 30px -18px rgba(20,40,25,.35)}
.rg-l .n{grid-row:span 2;font:500 12px var(--mono);color:var(--ink3);padding-top:2px}
.rg-l button.on .n{color:var(--rd2,#0F8A72)}
.rg-l b{font:500 16px var(--serif)}
.rg-l small{display:none;font-size:13px;line-height:1.45;color:var(--ink2)}
.rg-l button.on small{display:block}
.rg-l .rz{position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--rd2,#0F8A72),var(--rd3,#14A98A))}
.rg-l button.on .rz.go{animation:rzGo2 var(--rzd,4s) linear forwards}
.rg-f{position:sticky;top:90px;background:#fff;border:1px solid #E4DCD0;border-radius:18px;overflow:hidden;box-shadow:0 34px 70px -40px rgba(20,40,25,.45)}
.rg-b{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F4F6F8;border-bottom:1px solid #E8EBEF;font:11.5px var(--mono);color:#8A8C7F}
.rg-b i{width:9px;height:9px;border-radius:50%;background:#D6DAE0}.rg-b span{margin-left:8px}
.rg-b em{margin-left:auto;font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--rd2,#0F8A72);border-radius:999px;padding:3px 10px}
.rg-im{position:relative;aspect-ratio:1600/1010;background:#F7F8FA}
.rg-im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top;opacity:0;transition:opacity .6s}
.rg-im img.on{opacity:1}
@media(max-width:1000px){.rg{grid-template-columns:1fr}.rg-l{grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);overflow-x:auto;padding-bottom:6px}.rg-f{position:static}}