/* MABRA — estilos do projeto aprovado, sem alterações (servido como está, sem minificação). */
body{margin:0;background:#F3F4EE}
html{scroll-behavior:smooth}
*{box-sizing:border-box}
a{color:#15241C}a:hover{color:#4F6B2C}
.btn{transition:transform .2s ease, box-shadow .2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(21,36,28,.14)}
.plan-row{transition:background-color .2s ease, border-color .2s ease}
.plan-row:hover{border-color:#9DB36F !important}
.field:focus{outline:2px solid #6E8A3A;outline-offset:1px;border-color:#6E8A3A !important}
::placeholder{color:#69736B}
:focus-visible{outline:2px solid #6E8A3A;outline-offset:2px}
section[id]{scroll-margin-top:84px}
@keyframes mb-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
.mb-float{animation:mb-float 5s ease-in-out infinite}
.mb-float-2{animation:mb-float 6.5s ease-in-out -2s infinite}
@keyframes mb-pulse{0%{transform:translate(-50%,-50%) scale(.4);opacity:.7}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}
.mb-pulse{animation:mb-pulse 2.4s ease-out infinite}
@media (prefers-reduced-motion: reduce){.mb-float,.mb-float-2,.mb-pulse{animation:none}}
@media (max-width: 820px){.nav-links{display:none !important}}
.mob-only{display:none !important}
@keyframes fl-a{0%,100%{translate:0 0;rotate:-7deg}50%{translate:8px -16px;rotate:6deg}}
@keyframes fl-b{0%,100%{translate:0 0;rotate:6deg}50%{translate:-9px -14px;rotate:-6deg}}
.t2-line{display:block}
@media (min-width: 1024px){.t2-line{white-space:nowrap}}
.sig-wrap{display:grid;grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);align-items:start}
.sig-b2{margin-top:160px}
.conn-v{display:none}
.sig-dot{position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;background:#F2FAD6;box-shadow:0 0 0 4px rgba(201,227,138,.22),0 0 18px 5px rgba(201,227,138,.75);offset-path:path('M0 110 C 95 110, 75 290, 170 290');offset-rotate:0deg;animation:sig 2.8s cubic-bezier(.55,0,.35,1) infinite}
.sig-dot.tail{width:7px;height:7px;box-shadow:0 0 10px 3px rgba(201,227,138,.6);animation-delay:.12s;opacity:.7}
.sig-dot-v{offset-path:path('M24 0 L24 72')}
@keyframes sig{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}100%{offset-distance:100%;opacity:0}}
.sig-flow{animation:sigflow 1.4s linear infinite}
@keyframes sigflow{to{stroke-dashoffset:-28}}
.node-pulse{animation:np 2.8s ease-out infinite}
.node-pulse.arrive{animation-delay:2.5s}
@keyframes np{0%{transform:translate(-50%,-50%) scale(.6);opacity:.85}70%,100%{transform:translate(-50%,-50%) scale(2.4);opacity:0}}
.sig-recv{animation:recv 2.8s ease-in-out infinite}
@keyframes recv{0%,78%,100%{opacity:0}93%{opacity:1}}
.bx-float{animation:bxf 7s ease-in-out infinite}
.bx-float.b2{animation-duration:8s;animation-delay:-3s}
@keyframes bxf{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media (max-width: 1023px){.sig-wrap{grid-template-columns:minmax(0,1fr)}.sig-b2{margin-top:0}.conn-h{display:none !important}.conn-v{display:block}}
@media (prefers-reduced-motion: reduce){.sig-dot,.sig-flow,.node-pulse,.sig-recv,.bx-float{animation:none}.sig-dot{opacity:0}}
.net-pulse{animation:netp 4s linear infinite}
@keyframes netp{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.net-node{width:7px;height:7px;margin:-3.5px;border-radius:50%;background:#C9E38A;box-shadow:0 0 10px 2px rgba(201,227,138,.55);opacity:.55;animation:netn 3s ease-in-out infinite}
@keyframes netn{0%,100%{opacity:.35;scale:.85}50%{opacity:.9;scale:1.15}}
.glow-drift{animation:glowd 18s ease-in-out infinite}
.glow-drift.g2{animation-duration:22s;animation-direction:alternate-reverse}
@keyframes glowd{0%,100%{translate:0 0}50%{translate:8% 6%}}
@media (prefers-reduced-motion: reduce){.net-pulse,.net-node,.glow-drift{animation:none}}
.wave-a{animation:wavex 34s linear infinite}
.wave-b{animation:wavex 22s linear infinite reverse}
@keyframes wavex{from{translate:0 0}to{translate:-50% 0}}
@media (prefers-reduced-motion: reduce){.wave-a,.wave-b{animation:none}}
.sig-link:hover{color:#C9E38A !important;text-decoration-color:#C9E38A !important}
.sig-cta:focus-visible,.sig-link:focus-visible{outline:2px solid #C9E38A;outline-offset:3px}
@media (max-width: 1023px){.sig-left{display:contents !important}.sig-ctas{order:9;margin:28px 0 32px}}
@media (max-width: 480px){.sig-ctas{flex-direction:column;align-items:stretch !important;gap:10px !important}.sig-cta{justify-content:center;min-height:50px !important;font-size:15px !important}.sig-link{justify-content:center}}
.s4-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.s4-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:150px;padding:20px;border:1px solid #DCDFD3;border-radius:20px;text-align:center;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;transition:background-color .4s ease,border-color .4s ease,color .4s ease,transform .25s ease}
.s4-tab:focus{outline:none}
.s4-tab *{transition:color .4s ease,background-color .4s ease}
.s4-tab:hover{transform:translateY(-2px);border-color:#9DB36F !important}
.s4-tab:focus-visible{outline:2px solid #6E8A3A;outline-offset:3px}
.s4-tri{position:absolute;left:50%;bottom:-9px;width:18px;height:18px;margin-left:-9px;background:#15241C;transform:rotate(45deg);border-radius:3px;animation:s4tri .4s ease both}
@keyframes s4tri{from{opacity:0}to{opacity:1}}
.s4-stage{position:relative;min-height:560px}
.s4-panel{display:grid;grid-template-columns:minmax(0,0.82fr) minmax(0,1.18fr);grid-template-areas:"text visual" "ctas visual";grid-template-rows:auto 1fr;column-gap:clamp(32px,4vw,64px);row-gap:28px;align-items:start;padding:clamp(28px,3.4vw,52px);border-radius:32px;background:#FFFFFF;border:1px solid #E4E6DC;box-shadow:0 24px 60px rgba(21,36,28,0.08);min-height:560px}
.s4-text{grid-area:text;display:flex;flex-direction:column;gap:18px;padding-top:12px}
.s4-ctas{grid-area:ctas;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;align-self:start}
.s4-visual{grid-area:visual;align-self:center}
@property --s4a{syntax:"<angle>";initial-value:0deg;inherits:false}
.s4-ctas{isolation:isolate}
.s4-glow svg{color:#C9E38A}
.s4-glow::before{content:"";position:absolute;inset:-2px;border-radius:16px;padding:1.5px;background:conic-gradient(from var(--s4a),transparent 0deg,transparent 240deg,rgba(143,176,74,0.9) 300deg,#F2FAD6 336deg,rgba(201,227,138,0.95) 350deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;animation:s4glow 5.5s linear infinite}
.s4-glow::after{content:"";position:absolute;inset:-6px;border-radius:20px;z-index:-1;background:conic-gradient(from var(--s4a),transparent 0deg,transparent 230deg,rgba(143,176,74,0.55) 290deg,rgba(226,246,176,0.95) 335deg,transparent 360deg);filter:blur(9px);pointer-events:none;opacity:0;animation:s4glow 5.5s linear infinite}
@keyframes s4glow{0%{--s4a:0deg;opacity:0}6%{opacity:1}40%{--s4a:360deg;opacity:1}46%,100%{--s4a:360deg;opacity:0}}
.s4-link{min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:15px;font-weight:700;color:#15241C;text-decoration:underline;text-decoration-color:rgba(21,36,28,0.35);text-underline-offset:6px;cursor:pointer}
.s4-link:hover{color:#4F6B2C;text-decoration-color:#4F6B2C}
.s4-link:focus-visible{outline:2px solid #6E8A3A;outline-offset:3px}
.s4-fade{animation:s4fade .5s cubic-bezier(.22,.61,.36,1) both}
@keyframes s4fade{from{opacity:0}to{opacity:1}}
.s4-mock{position:relative;padding:2% 3% 4%;perspective:1800px}
.s4-imac{position:relative;width:100%;transform:rotateY(-10deg) rotateX(2deg);transform-style:preserve-3d;transform-origin:55% 60%}
.s4-imac .s4-bezel{position:relative;padding:1.5% 1.5% 0;border-radius:20px;background:linear-gradient(160deg,#3A3D41 0%,#232427 55%,#1A1B1D 100%);box-shadow:inset 0 0 0 1.5px #4C4F54,0 40px 70px rgba(21,36,28,0.26),0 12px 24px rgba(21,36,28,0.14)}
.s4-imac .s4-screen{border-radius:6px;box-shadow:0 0 0 4px #060606}
.s4-screen{aspect-ratio:16/10;overflow:hidden;container-type:inline-size;background:#000}
.s4-chin{position:relative;height:0;padding-bottom:6.5%;margin:1.5% -1.5% 0;border-radius:0 0 20px 20px;background:linear-gradient(180deg,#2F3134 0%,#26282B 100%)}
.s4-chin span{position:absolute;left:50%;top:42%;width:2.2%;height:0;padding-bottom:2.2%;margin-left:-1.1%;border-radius:50%;background:#1A1B1D;box-shadow:inset 0 1px 1px rgba(255,255,255,0.08)}
.s4-stand{position:relative;width:20%;height:0;padding-bottom:11%;margin:0 auto;background:linear-gradient(90deg,#2A2C2F 0%,#4A4D51 45%,#2E3033 100%);clip-path:polygon(22% 0,78% 0,92% 100%,8% 100%)}
.s4-imac::after{content:"";position:absolute;left:24%;right:24%;bottom:-2.4%;height:3.2%;border-radius:50%;background:linear-gradient(180deg,#3E4145,#25272A);box-shadow:0 14px 26px rgba(21,36,28,0.28)}
.s4-modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px}
.s4-backdrop{position:absolute;inset:0;border:0;padding:0;background:rgba(10,18,14,0.82);cursor:pointer}
.s4-dialog{position:relative;width:min(1120px,100%);max-height:100%;overflow:auto;padding:22px;border-radius:24px;background:#15241C;box-shadow:0 30px 80px rgba(0,0,0,0.5)}
.s4-big .s4-screen{aspect-ratio:16/10}
@media (max-width: 1100px){.s4-tabs{gap:10px}.s4-tab{padding:14px;gap:12px;min-height:128px;border-radius:16px}.s4-tab .s4-tname{font-size:15px !important}.s4-tab .s4-tsub{font-size:12px !important}}
@media (max-width: 860px){.s4-tab .s4-tsub{display:none}.s4-tab{min-height:104px}}
@media (max-width: 767px){.s4-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 16px;margin:0 -4px}.s4-tab{flex:0 0 200px;scroll-snap-align:start;min-height:132px}.s4-tab .s4-tsub{display:block}}
@media (max-width: 900px){.s4-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "visual" "ctas";grid-template-rows:auto;min-height:0}.s4-stage{min-height:0}.s4-mock{max-width:640px;margin:0 auto}}
@media (max-width: 600px){.s4-mock{padding:0 0 4%}.s4-imac{transform:none}.s4-ctas{flex-direction:column;align-items:stretch}.s4-ctas .btn{justify-content:center}}
@media (prefers-reduced-motion: reduce){.s4-fade{animation:none}.s4-glow::before,.s4-glow::after{animation:none}}
.ajuda-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (min-width: 1024px){.team-title{white-space:nowrap}}
@media (prefers-reduced-motion: no-preference){
.hero-in>*{animation:heroUp .9s cubic-bezier(.22,.61,.36,1) both}
.hero-in>*:nth-child(2){animation-delay:.08s}.hero-in>*:nth-child(3){animation-delay:.16s}.hero-in>*:nth-child(4){animation-delay:.24s}
.hero-art-in{animation:heroArt 1.1s cubic-bezier(.22,.61,.36,1) .2s both}
@keyframes heroUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes heroArt{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()){
.reveal{animation:revealUp linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
@keyframes revealUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
.team-grid.reveal>*{animation:revealUp linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
.team-grid.reveal{animation:none}
}}
@media (min-width: 601px) and (max-width: 900px){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important}.team-grid h3{font-size:18px !important}.team-grid article>div:last-child{padding:16px 16px 20px !important}.team-grid p{font-size:14px !important}}
@media (min-width: 601px){.footer-cols{flex-wrap:nowrap !important;gap:32px !important}.footer-cols>*:first-child{flex:1 1 0 !important;min-width:0}}
@media (max-width: 600px){
#jeito-title,#ajuda-title,#sites-title,#contato-title{font-size:27px !important;line-height:1.12 !important}
.stmt-title{font-size:24px !important}
#equipe-title{font-size:24px !important;line-height:1.15 !important}
.sec-sub{font-size:15px !important;line-height:1.55 !important}
.s3-cta{width:100%;justify-content:center;text-align:center;white-space:nowrap;gap:10px !important;padding:0 16px !important;min-height:54px !important;font-size:14px !important}
}
.paper-flow,.wave-paper{background-color:#F3F4EE;background-image:url(/img/papel.webp);background-size:512px 512px;background-repeat:repeat}.paper-flow{background-position:left 0 top 0}.wave-paper{position:absolute;inset:0;background-position:left 0 bottom 1px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 160' preserveAspectRatio='none'%3E%3Cpath d='M0 96 Q300 28 600 96 Q790 130 980 96 Q1120 78 1260 96 Q1350 104 1440 96 L1440 160 L0 160 Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 160' preserveAspectRatio='none'%3E%3Cpath d='M0 96 Q300 28 600 96 Q790 130 980 96 Q1120 78 1260 96 Q1350 104 1440 96 L1440 160 L0 160 Z'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;animation:wavem 22s linear infinite}@keyframes wavem{from{-webkit-mask-position:-100cqw 0;mask-position:-100cqw 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.wave-wrap{container-type:inline-size}@media (prefers-reduced-motion: reduce){.wave-paper{animation:none}}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width: 900px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 600px){.team-grid{grid-template-columns:minmax(0,1fr)}}
.wa-fab{opacity:0;pointer-events:none;translate:0 24px;scale:.9;transition:opacity .35s ease,translate .35s ease,scale .35s ease}
.wa-fab.on{opacity:1;pointer-events:auto;translate:0 0;scale:1}
.wa-fab:hover{scale:1.07}
.wa-fab:focus-visible{outline:3px solid #C9E38A;outline-offset:3px}
.wa-ring{animation:waring 2.6s ease-out infinite}
@keyframes waring{0%{transform:scale(1);opacity:.7}80%,100%{transform:scale(1.55);opacity:0}}
@media (max-width: 600px){.wa-fab{width:56px !important;height:56px !important}}
@media (prefers-reduced-motion: reduce){.wa-ring{animation:none;opacity:0}.wa-fab{transition:none}}
.card-glow{opacity:0;animation:cglow 4.4s ease-in-out infinite}
@keyframes cglow{0%,60%,100%{opacity:0}75%{opacity:.9}}
@media (prefers-reduced-motion: reduce){.card-glow{animation:none}}
@media (min-width: 1100px){.ajuda-h3{white-space:nowrap}}
@media (max-width: 760px){.ajuda-grid{grid-template-columns:minmax(0,1fr)}}
.fl-a{animation:fl-a 6s ease-in-out infinite}
.fl-b{animation:fl-b 7.5s ease-in-out infinite}
.fl-c{animation:fl-a 8.5s ease-in-out -3s infinite}
.fl-d{animation:fl-b 7s ease-in-out -4s infinite}
@media (max-width: 1339px){.deco-icons{display:none !important}}
@media (prefers-reduced-motion: reduce){.fl-a,.fl-b,.fl-c,.fl-d{animation:none}}
@media (max-width: 600px){
.mob-hide{display:none !important}
.mob-only{display:inline-flex !important}
.mob-menu{display:flex !important}
.hero-badge{height:40px !important;gap:8px !important;padding:0 14px 0 6px !important;font-size:13px !important;white-space:nowrap}
.hero-badge-ico{width:28px !important;height:28px !important}
.hero-badge-ico svg{width:13px;height:13px}
.hero-title{font-size:clamp(30px, 10.6vw, 44px) !important;line-height:1.04 !important;letter-spacing:-0.045em !important}
.hero-title-accent{display:block;white-space:nowrap}
.hero-sub{width:auto !important;max-width:100% !important;font-size:16px !important;line-height:1.55 !important}
.hero-cta{min-height:44px !important;padding:0 18px !important;gap:8px !important;font-size:14px !important;border-radius:11px !important}
.hero-cta svg{width:16px;height:16px}
.where-strip{flex-direction:column !important;align-items:flex-start !important;gap:12px !important;padding-top:22px !important}
.where-chips{gap:6px !important}
.where-chips span{padding:6px 11px !important;font-size:12px !important}
}