/* ZapCidadão — editorial identity, generous space and purposeful motion. */
:root{--ink:#123d34;--paper:#f7f8f2;--ease-premium:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:24px}body{background:var(--paper);color:var(--ink)}h1,h2,h3{font-weight:550;letter-spacing:-.055em}h2{line-height:1.12}.section{padding:110px 0}.container{max-width:1240px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650}.section-heading{gap:80px;margin-bottom:50px}.section-heading p{font-size:15px;line-height:1.8;max-width:350px;color:#5c7168}.section-heading h2,.center-heading h2{font-size:clamp(36px,4.2vw,58px)}
.header{position:absolute;left:0;right:0;top:0;height:100px;background:transparent;border:0;backdrop-filter:none;transition:transform .4s var(--ease-premium),opacity .3s;will-change:transform}.header.is-away{transform:translateY(-105%);opacity:0;pointer-events:none}.nav{height:100%;border-bottom:1px solid #123d3418}.brand img{width:195px;height:auto}.nav nav a{font-size:12px}.button{border-radius:100px;padding:19px 25px;transition:transform .35s var(--ease-premium),background .25s,box-shadow .3s}.button:hover{transform:translateY(-4px);box-shadow:0 12px 24px #075e5418}.button>span:last-child{display:inline-block;transition:transform .3s}.button:hover>span:last-child{transform:translate(3px,-3px)}.button.primary{background:#075e54;color:white}.button.primary:hover{background:#128c7e}.button.small{padding:14px 21px;font-size:11px}.text-link{color:#075e54}.play{border-color:#075e5440;color:#075e54}
.hero{background:#f4f7ed;color:var(--ink);border-bottom:1px solid #dce5d7}.hero:before{background:radial-gradient(ellipse at 75% 65%,#d9efb955,transparent 60%)}.hero-grid{grid-template-columns:1.08fr 1fr;gap:22px;padding-top:150px;padding-bottom:82px;min-height:790px}.hero .eyebrow{color:#547566;font-size:9px;letter-spacing:1.8px}.status-dot{background:#128c7e}.hero h1{font-size:clamp(48px,5.4vw,76px);font-weight:550;line-height:1.06;letter-spacing:-4.4px;margin:27px 0 28px}.hero h1 span{color:#128c7e}.hero-copy>p{color:#5c7168;font-size:16px;line-height:1.8;max-width:410px;margin-bottom:30px}.hero-actions{gap:22px;flex-wrap:wrap}.hero-proof{color:#668176;margin-top:32px;font-size:10px}.hero-proof strong{color:#305b4b}.outline-icon{border-color:#cbdacb;color:#128c7e}.hero-visual{height:540px;max-width:540px;isolation:isolate;animation:none}.hero-copy{animation:none}.visual-halo{position:absolute;width:460px;height:460px;border-radius:50%;left:20px;top:50px;background:#caec9d;z-index:-2}.visual-halo:after{content:'';position:absolute;inset:-22px;border:1px solid #8bbf683b;border-radius:50%;animation:halo-breathe 8s ease-in-out infinite}.visual-word{position:absolute;right:0;top:20px;font-size:128px;font-weight:550;letter-spacing:-10px;line-height:1;color:#075e54;z-index:-1;transform:rotate(-8deg)}.orbit{display:none}.hero-phone{width:304px;left:10px;top:35px;transform:rotate(-7deg);border:7px solid #143f34;box-shadow:0 35px 65px -25px #123d3455;transition:transform .7s var(--ease-premium)}.hero-visual:hover .hero-phone{transform:rotate(-2deg) translateY(-8px)}.citizen-portrait{right:-12px;bottom:14px;width:218px;height:310px;border-radius:110px 110px 22px 22px;box-shadow:0 22px 45px -25px #123d3460;border:5px solid #f4f7ed;z-index:5}.visual-tag{top:170px;right:-8px;border-radius:16px;padding:17px;box-shadow:0 16px 40px -18px #123d3438;animation:gentle-float 6s ease-in-out infinite}.protocol-tag{bottom:3px;left:3px;padding:17px;border-radius:15px;box-shadow:0 15px 35px -18px #123d3440;animation:gentle-float 7s 1s ease-in-out infinite}.hero-caption{color:#688576;left:24px;bottom:-32px;letter-spacing:1px;font-size:8px}.portrait-caption{background:#075e54e8;border:0;border-radius:9px}.hero-messages .bubble{font-size:11px}.hero-messages .document-message{border:1px solid #b7dac3}
.channel-strip{background:#fff;border-bottom:1px solid #e4eae2;padding:29px 0}.channel-strip .container{gap:24px}.channel-strip p{font-size:11px}.channel-strip .container>div{font-size:12px;color:#477263}.channel-strip svg{color:#128c7e;width:22px;height:22px}
.platform-section{background:#fff}.module-tabs{padding:6px;background:#eff4ed;border:1px solid #e3eadd;border-radius:16px;gap:3px;margin-bottom:22px}.module-tabs button{border-radius:11px;font-size:11px;transition:background .3s,color .3s,transform .3s}.module-tabs button:hover{transform:translateY(-2px)}.module-tabs button[aria-selected=true]{background:#075e54;box-shadow:0 4px 12px #075e5420;color:white}.screen-stage{border:1px solid #d8e4d9;border-radius:17px;box-shadow:0 20px 65px -40px #123d3470}.screen-toolbar,.screen-bottom{background:#f5f8f3}.screen-image-button{background:#e4ede3}.module-number{letter-spacing:2px;color:#789278}.module-description h3{font-weight:550;font-size:30px;line-height:1.18}.module-description p{color:#688071}.module-tags span{border:1px solid #e1e9df;border-radius:100px;background:transparent}.platform-principles{border-top:1px solid #e4ebe0;padding-top:22px;margin-top:28px;justify-content:space-between}.platform-principles b{border-radius:50%;background:#eef6e9;color:#537445}
.services{background:#f2f0e6}.service-tab{border:0;border-bottom:1px solid #d8dfd2;border-radius:0;background:transparent!important;padding:23px 17px;transition:padding .3s,background .3s}.service-tab.active{background:#e3ead9!important;border-radius:14px;border-color:transparent;padding-left:24px}.service-tab b{font-size:15px}.service-tab.active>span:first-child{background:#075e54;color:#d7f5a7}.service-tab:hover{padding-left:24px}.demo-stage{background:#dce9cc;border:1px solid #c8d9b7;border-radius:27px;padding:22px;box-shadow:0 24px 65px -45px #295c3e}.demo-stage-label{color:#527341;letter-spacing:2px;font-size:8px}.demo-chat{border-radius:18px;box-shadow:0 8px 22px #173c3512}.demo-messages{background-color:#eef2e9}.chat-actions button{transition:background .2s,transform .2s}.chat-actions button:hover{background:#def0d6;transform:translateY(-2px)}
.how{background:#103f34;position:relative;overflow:hidden}.how:before{content:'';position:absolute;right:-130px;top:-160px;width:500px;height:500px;border:1px solid #d5f7a317;border-radius:50%;box-shadow:0 0 0 65px #d5f7a305,0 0 0 130px #d5f7a303}.how .container{position:relative}.how .eyebrow{color:#c8ed9f}.how h2{font-weight:450}.steps{gap:32px}.steps article{border-top:1px solid #ffffff26;padding-top:25px}.step-number{font-size:12px;color:#9cbd9f!important}.step-icon{border-radius:50%;background:#ffffff09!important;color:#c8ed9f!important;margin-top:20px}.steps h3{font-weight:500;font-size:20px}.steps p{color:#a4c4b3!important}.step-icon svg{transition:transform .4s}.steps article:hover .step-icon svg{transform:rotate(-8deg) scale(1.12)}
.management{background:#edf3f6}.management-preview{background:#d9e8ed;border:1px solid #cfdee2;border-radius:24px;padding:26px;box-shadow:none}.management-preview>img{border-radius:10px;box-shadow:0 20px 30px -20px #21404d55}.management-copy h3{font-weight:550}.extra-features{gap:24px}.extra-features article{padding:40px;border:0;border-radius:24px;background:#dae9da}.extra-features article+article{background:#e1deef}.extra-features h3{font-size:29px;font-weight:500}.evaluation-section{background:#f1edf5}.evaluation-visual{background:#dfd8eb;border:1px solid #d5cce2;border-radius:24px;box-shadow:none}.evaluation-screen{border-radius:10px}.testimonials{background:#124d3e}.quotes{gap:70px}.quotes blockquote{font-size:25px;line-height:1.6;font-weight:400}.quotes figure{border-top-color:#c8ed9f44}.quote-decoration{color:#c8ed9f}.faq{background:#f8f8f2}.faq details{border-color:#dae4d7}.faq summary{padding:23px 0;font-size:15px}.cta-section{background:#d6efaf;overflow:hidden;position:relative;padding:95px 0}.cta-section:before{content:'';position:absolute;width:700px;height:700px;right:-250px;top:-310px;border:1px solid #075e5425;border-radius:50%;box-shadow:0 0 0 80px #075e5405}.cta-section h2{font-weight:500;font-size:clamp(40px,4.5vw,64px);letter-spacing:-3px}.cta-section p{color:#497344}.cta-inner .button{background:#075e54;color:white}.floating-contact{box-shadow:0 8px 25px #075e5420}
.reveal{transition:opacity .75s var(--ease-premium),transform .85s var(--ease-premium);transition-delay:var(--reveal-delay,0ms)}.reveal.pending{opacity:0;transform:translateY(28px)}.hero-enter{animation:design-enter .95s var(--ease-premium) both;animation-delay:var(--enter-delay,0ms)}.scroll-line{position:fixed;top:0;left:0;height:3px;width:100%;background:#25d366;transform:scaleX(0);transform-origin:left;z-index:40;pointer-events:none}.motion-paused .visual-tag,.motion-paused .protocol-tag,.motion-paused .visual-halo:after{animation-play-state:paused}
@keyframes design-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes gentle-float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes halo-breathe{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.07);opacity:1}}
@media(min-width:1500px){.hero-grid{min-height:850px}.hero h1{font-size:80px}}
@media(max-width:1100px){.hero h1{font-size:60px;letter-spacing:-3.5px}.hero-grid{min-height:750px}.hero-visual{transform:scale(.88);transform-origin:center}.nav-cta{padding:13px 17px}.section-heading{gap:40px}.module-description h3{font-size:25px}}
@media(max-width:800px){.header{height:84px}.nav{border-bottom:0}.brand img{width:172px}.hero-grid{grid-template-columns:1fr;padding-top:124px;padding-bottom:65px;gap:45px;min-height:0}.hero-copy{max-width:650px}.hero h1{font-size:68px;letter-spacing:-3.9px}.hero-copy>p{max-width:460px}.hero-visual{width:490px;height:540px;margin:0 auto;transform:none}.hero-actions{flex-direction:row;align-items:center}.hero-actions .button{width:auto}.section{padding:75px 0}.section-heading{gap:24px}.module-description h3{font-size:22px}.module-panel{height:calc(100svh - 130px)}.channel-strip .container{gap:22px}.extra-features article{padding:30px}.quotes blockquote{font-size:22px}.hero-proof{margin-top:26px}.menu-toggle{color:#075e54}.nav nav.open{background:#f4f7ed;border:1px solid #dce5d7;border-radius:18px;box-shadow:0 20px 35px #123d3420}}
@media(max-width:540px){.header{height:78px}.brand img{width:153px}.nav-cta{font-size:9px!important;padding:12px!important}.hero-grid{padding-top:110px;gap:36px}.hero h1{font-size:48px;letter-spacing:-2.8px;line-height:1.08;margin-top:23px}.hero .eyebrow{font-size:8px;letter-spacing:1.15px}.hero-copy>p{font-size:14px;line-height:1.8}.hero-actions{gap:20px;flex-direction:column;align-items:flex-start}.hero-actions .button{width:100%;justify-content:space-between}.hero-proof{font-size:10px}.hero-visual{height:490px;width:100%}.visual-halo{width:320px;height:320px;left:0;top:85px}.visual-word{font-size:100px;right:2px;top:6px}.hero-phone{width:262px;left:2px;top:35px;border-width:5px}.citizen-portrait{width:158px;height:223px;right:-5px;bottom:15px;border-width:4px}.visual-tag{right:0;top:130px;font-size:8px;padding:12px;gap:8px}.protocol-tag{padding:12px;bottom:-3px;left:0}.hero-caption{bottom:-29px;left:0;font-size:7px}.hero-messages .bubble{font-size:10px}.section-heading h2,.center-heading h2{font-size:35px;letter-spacing:-1.8px}.section-heading p{font-size:13px}.module-tabs{margin-bottom:12px}.module-panel{height:calc(100svh - 120px);max-height:720px;min-height:0}.module-description h3{font-size:20px}.module-description p{font-size:11px}.platform-principles{gap:13px}.service-tab{padding:20px 12px}.service-tab b{font-size:13px}.demo-stage{padding:12px;border-radius:22px;height:calc(100svh - 70px);max-height:730px}.steps{gap:30px 23px}.steps h3{font-size:18px}.extra-features article{padding:28px}.extra-features h3{font-size:27px}.management-preview{padding:18px}.quotes{gap:40px}.quotes blockquote{font-size:21px}.cta-section{padding:70px 0}.cta-section h2{font-size:40px;letter-spacing:-2px}}
@media(max-height:650px){.module-panel{height:calc(100svh - 140px);min-height:0}.module-description p{font-size:10px}.module-description h3{font-size:18px}.demo-stage{height:calc(100svh - 65px);min-height:0}.module-tags{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal.pending{opacity:1;transform:none}}
.brand img{mix-blend-mode:multiply}
.header{background:#f4f7ed}