@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
:root{--green:#0e4a3f;--deep:#103f35;--ink:#143d34;--cream:#f7f2e8;--amber:#e9a93a;--sky:#a9d1da;--sand:#e2dccf;--muted:#354e43;--line:#dcded2;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-weight:500}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:active,.button:active{transform:scale(.97)}button,.button{transition:transform 160ms var(--ease),background-color 180ms ease,color 180ms ease}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b27008;outline-offset:5px}svg{display:inline-block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}p{line-height:1.75}h1,h2,h3,h4,p{margin-top:0}h2{font-size:clamp(34px,3.35vw,49px);font-weight:600;letter-spacing:-.05em;line-height:1.16;margin-bottom:0}h3{letter-spacing:-.035em}img{max-width:100%}[hidden]{display:none!important}.container{width:min(1256px,calc(100% - 112px));margin-inline:auto}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:var(--amber);padding:14px;transform:translateY(-160%)}.skip-link:focus{transform:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:18px 24px;border:1px solid transparent;border-radius:7px;font-size:16px;font-weight:600;line-height:1.25;white-space:nowrap}.button svg{width:20px;height:20px}.button-dark{background:var(--green);color:var(--cream)}.button-amber{background:var(--amber);color:var(--deep)}.button-outline{border-color:#779187;background:transparent}.button-small{padding:13px 20px;font-size:14px;gap:17px}.eyebrow{font-size:14px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;display:flex;gap:12px;align-items:center;line-height:1.6;margin-bottom:22px}.short-line{display:inline-block;width:24px;height:3px;flex-shrink:0;background:var(--amber)}
.site-header{position:sticky;top:0;z-index:40;background:rgba(247,242,232,.96);border-bottom:1px solid rgba(20,61,52,.1)}.header-inner{height:87px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:block;flex-shrink:0}.brand img{display:block;width:214px;height:auto}.desktop-nav{display:flex;gap:27px;font-size:14px;font-weight:500}.desktop-nav a{padding:10px 0;position:relative}.desktop-nav a::after{content:'';position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--amber);transition:right 200ms var(--ease)}.header-actions{display:flex;align-items:center;gap:26px}.login-link{border:0;background:none;font-size:14px;font-weight:600;padding:12px 0;white-space:nowrap}.login-link span{padding-left:6px}.menu-toggle{display:none}.mobile-nav{padding:10px 24px 24px;display:grid;gap:18px;font-size:16px}
.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:705px;align-items:center;position:relative;padding-block:46px 35px}.hero-copy{position:relative;z-index:3;padding-bottom:15px;animation:hero-in 800ms var(--ease) both}.hero-copy .eyebrow{font-size:14px;letter-spacing:.13em;margin-bottom:25px}.hero h1{font-size:clamp(58px,5.8vw,85px);line-height:1.02;letter-spacing:-.065em;font-weight:700;margin:0 0 31px}.word-cerveja{position:relative;display:inline-block}.word-cerveja svg{position:absolute;left:-4px;right:0;width:103%;bottom:-13px;height:22px;stroke:var(--amber);stroke-width:6;stroke-dasharray:430;stroke-dashoffset:430;animation:underline-in 900ms 400ms var(--ease) forwards}.hero-description{font-size:16px;max-width:420px;color:var(--muted);line-height:1.8;margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:27px}.watch-link{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600}.play-icon{border:1px solid #a3b1a5;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:14px;padding-left:1px}.hero-footnote{display:flex;gap:13px;align-items:center;font-size:14px;color:var(--muted);line-height:1.7;margin-top:29px}.hero-footnote svg{width:27px;height:34px;color:var(--green);stroke-width:1.2}.hero-visual{height:585px;position:relative;min-width:0;animation:hero-in 1100ms 100ms var(--ease) both}.hero-photo{position:absolute;inset:24px -50px 40px 5px;overflow:hidden;border-radius:47% 45% 12px 12px;background-color:var(--deep);background-image:url('assets/branding-aplicacoes.png');background-size:auto 400%;background-position:1.3% 22.1%;box-shadow:inset 0 -140px 80px -90px #082e28}.sky-shape{position:absolute;width:95%;height:80%;background:var(--sky);border-radius:55% 42% 45% 30%;left:58px;top:60px;transform:rotate(11deg);animation:shape-drift 12s ease-in-out infinite alternate}.hero-ribbon{position:absolute;width:118%;height:108%;right:-96px;top:-14px;pointer-events:none;overflow:visible;transform-origin:75% 50%;animation:ribbon-drift 11s ease-in-out infinite alternate}.hero-ribbon path{fill:none;stroke-linecap:butt}.ribbon-amber{stroke:var(--amber);stroke-width:54px}.ribbon-cream{stroke:var(--cream);stroke-width:15px}.sensory-label{position:absolute;right:-27px;top:38px;background:var(--cream);border-radius:7px;padding:15px 18px;display:flex;align-items:center;gap:13px;box-shadow:0 10px 35px #09251d12;transform:rotate(3deg)}.sensory-label svg{width:26px;height:35px;stroke-width:1.3;color:var(--green)}.sensory-label small{font-size:14px;letter-spacing:.13em;display:block;margin-bottom:6px;color:var(--muted)}.sensory-label strong{font-size:14px;font-weight:600}.hero-product{position:absolute;bottom:0;left:-55px;width:326px;background:#fffdf7;border:1px solid #e2e2d3;border-radius:10px;padding:20px 22px;box-shadow:0 18px 45px #0b291b21;transform:rotate(-3deg);z-index:4}.mini-top{display:flex;gap:7px;align-items:center;font-size:14px;font-weight:600}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4b8b57;flex-shrink:0}.mini-number{margin-left:auto;color:var(--muted);font-size:14px;font-weight:400}.mini-title{font-size:20px;letter-spacing:-.04em;line-height:1.3;font-weight:600;margin:18px 0}.mini-flow{display:flex;align-items:center;gap:10px;font-size:14px}.mini-flow span{padding:8px 10px;background:#eeeade;border-radius:4px}.mini-flow span:last-child{background:#d8e9e1}.mini-flow svg{width:17px;height:17px;color:#688b7c}.mini-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:17px;font-size:14px;color:var(--muted)}.mini-bottom a{display:grid;place-items:center;background:var(--green);color:var(--cream);border-radius:50%;width:24px;height:24px;font-size:16px}.photo-caption{position:absolute;right:1px;bottom:70px;z-index:3;color:var(--cream);font-size:14px;line-height:1.6;text-shadow:0 1px 4px #142820}.float-one{animation:float-one 7s ease-in-out infinite alternate}.float-two{animation:float-two 8s ease-in-out infinite alternate}.audience-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:30px 0 33px;border-top:1px solid var(--line);font-size:16px;font-weight:600}.audience-strip>span{font-size:14px;letter-spacing:.12em;font-weight:500;color:var(--muted)}.audience-strip i{width:4px;height:4px;background:var(--amber);border-radius:50%}
.product-section{background:#eeeae0;padding:91px 0 62px;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:46px}.section-heading>p{color:var(--muted);font-size:16px;max-width:305px;margin-bottom:5px}.product-tour{position:relative}.tour-navigation{display:flex;justify-content:center;gap:24px;margin-bottom:26px}.tour-step{border:0;background:none;padding:14px 6px;display:flex;gap:10px;align-items:center;font-size:14px;color:var(--muted);position:relative}.tour-step>span{width:22px;height:22px;border:1px solid #b5c0b2;border-radius:50%;display:grid;place-items:center;font-size:14px;flex-shrink:0}.tour-step.active{color:var(--green);font-weight:600}.tour-step.active>span{background:var(--green);color:var(--cream);border-color:var(--green)}.step-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#d4d8ca;overflow:hidden}.step-progress::after{content:'';position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:left}.tour-step.active .step-progress::after{transform:scaleX(1)}.tour-auto .tour-step.active .step-progress::after{animation:progress 7s linear both}.app-window{display:grid;grid-template-columns:216px 1fr;background:#fcfbf7;border:1px solid #c9d1c6;border-radius:12px;box-shadow:0 20px 55px -20px #15362922;overflow:hidden;min-height:492px}.app-sidebar{padding:21px 17px 17px;background:#f4f4ec;border-right:1px solid #dfe4d8;display:flex;flex-direction:column;font-size:14px}.app-sidebar>img{width:155px;margin-bottom:25px;align-self:center}.workspace-name{display:flex;gap:8px;align-items:center;font-size:14px;line-height:1.6;margin-bottom:30px;white-space:nowrap}.workspace-name>span,.avatar{display:grid;place-items:center;width:30px;height:30px;background:#d9e4d8;border-radius:6px;font-size:14px;font-weight:600}.workspace-name small{display:block;font-size:14px;color:var(--muted)}.sidebar-label{font-size:14px;color:#778777;letter-spacing:.13em;margin:0 10px 12px}.sidebar-item{padding:12px 9px;border-radius:5px;display:flex;gap:10px;color:#687969}.sidebar-item.selected{background:#dfe8dd;color:var(--green);font-weight:600}.sidebar-bottom{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:20px;font-size:14px}.sidebar-bottom small{display:block;color:var(--muted);font-size:14px;margin-top:4px}.app-main{min-width:0;display:flex;flex-direction:column}.app-toolbar{display:flex;justify-content:space-between;align-items:center;padding:19px 27px;font-size:14px;border-bottom:1px solid #e4e8dd;color:var(--muted)}.app-toolbar strong{font-weight:500;color:var(--green)}.breadcrumb{padding:0 11px;color:#a1aba0}.demo-badge{font-size:14px;padding:4px 8px;background:#edf1e5;border-radius:4px}.app-content{padding:27px;flex:1}.app-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.app-overline{font-size:14px;letter-spacing:.12em;font-weight:600;color:var(--muted);margin-bottom:9px;display:block}.app-title-row h3{font-size:20px;font-weight:600;margin:0}.sample-tag{font-size:14px;display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--muted)}.sample-tag svg{width:16px;height:20px}.app-panels{display:grid;grid-template-columns:1.5fr 1fr;gap:25px}.demo-panel{min-width:0;min-height:244px}.demo-panel.entering{animation:panel-in 250ms var(--ease) both}.field-label{font-size:14px;font-weight:500;margin-bottom:10px}.field-label strong{display:block;margin-top:6px}.perception-input{min-height:75px;border:1px solid #b3c5b3;border-radius:6px;padding:16px 14px;font-size:14px;line-height:1.65;background:#fffefa}.input-caret{display:inline-block;height:12px;width:1px;background:var(--green);margin-left:3px;vertical-align:middle;animation:blink 1.2s step-end infinite}.perception-subtitle{margin:17px 0 8px}.descriptor-list{display:flex;gap:8px}.descriptor{padding:6px 10px;font-size:14px;border:1px solid #d2dbcb;border-radius:4px;display:inline-flex;align-items:center;gap:5px}.descriptor.selected{background:#e6eddd;color:var(--green)}.descriptor svg{width:11px;height:11px}.app-tip{display:flex;gap:9px;align-items:center;margin:16px 0}.app-tip svg{width:18px;height:24px;flex-shrink:0;color:#6a8d76}.app-tip p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}.app-button{background:var(--green);color:#f7f2e8;border:0;border-radius:4px;padding:11px 13px;font-size:14px;display:flex;align-items:center;gap:19px}.app-button svg{height:13px;width:13px}.context-panel{padding:22px 19px;background:#edf0e3;border-radius:7px;align-self:stretch;min-width:0}.context-icon{width:26px;height:26px;stroke-width:1.2;margin-bottom:18px}.context-panel h4{font-size:16px;font-weight:600;letter-spacing:-.04em;margin:12px 0;line-height:1.35}.context-panel>p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:24px}.context-panel>.app-overline{font-size:14px}.context-path{display:flex;align-items:center;gap:0}.path-dot{height:9px;width:9px;border:1px solid #9fb49d;border-radius:50%;flex-shrink:0;transition:background-color 200ms ease}.path-dot.done{background:var(--green);border-color:var(--green)}.path-line{height:1px;flex:1;background:#bac8ad}.context-labels{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-top:8px}.app-status{border-top:1px solid #e4e8dd;padding:13px 27px;font-size:14px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:15px}.app-status>span:first-child{display:flex;align-items:center;gap:6px}.hypothesis-box{border:1px solid #c9d9c1;padding:16px;border-radius:6px;background:#f4f6ed}.hypothesis-title{display:flex;align-items:center;gap:11px}.hypothesis-title small{font-size:14px;letter-spacing:.12em;color:var(--muted)}.hypothesis-title h4{font-size:19px;font-weight:600;margin:4px 0 0}.hypothesis-mark{display:grid;place-items:center;background:#dce7cb;border-radius:50%;width:35px;height:35px}.hypothesis-mark svg{width:20px;height:20px}.outline-tag{margin-left:auto;border:1px solid #bcccaf;border-radius:3px;padding:4px;font-size:14px}.hypothesis-box>p{font-size:14px;margin:15px 0}.hypothesis-evidence{font-size:14px;color:var(--muted);border-top:1px solid #d8dfcd;padding-top:12px;display:flex;justify-content:space-between;gap:10px}.hypothesis-evidence span{color:var(--green);font-weight:600}.helper-text{font-size:14px;color:var(--muted);margin:14px 0}.investigation-list{border:1px solid #d8e0cf;border-radius:6px;padding:0 13px}.investigation-list>div{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #e1e6d8}.investigation-list>div:last-child{border:0}.investigation-list>div>span{font-size:14px;color:var(--muted)}.investigation-list p{margin:0;line-height:1.5;font-size:14px}.investigation-list small{display:block;font-size:14px;color:var(--muted);margin-top:3px}.investigation-list svg{margin-left:auto;height:13px;width:13px}.tour-caption{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);gap:25px;padding:21px 0 0}.tour-caption button{background:none;border:0;font-size:14px;color:var(--green);padding:6px;display:flex;gap:8px;align-items:center;white-space:nowrap}
.benefits-section{padding:98px 0}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:39px}.benefit-visual{height:178px;position:relative;overflow:hidden;margin-bottom:25px;border-radius:5px}.benefit h3{font-size:21px;line-height:1.3;font-weight:600;margin-bottom:15px}.benefit>p{font-size:14px;color:var(--muted);max-width:315px;margin:0}.connections{background:#e6e9db}.connections>svg{position:absolute;inset:0;width:100%;height:100%;stroke:#7b9c82;stroke-width:1.2}.moving-point{fill:var(--green);stroke:none}.connection-node{font-size:14px;position:absolute;z-index:1;padding:10px 14px;background:#fcfcf3;border-radius:5px;border:1px solid #c8d6bf;box-shadow:0 3px 10px #34583205}.c-one{left:24px;top:16px}.c-two{right:30px;top:62px}.c-three{left:55px;bottom:21px;background:var(--green);color:var(--cream);border-color:var(--green)}.memory{background:#e4dfd4;display:flex;align-items:center;justify-content:center}.memory-sheet{position:absolute;width:177px;height:135px;background:#fffcf4;border:1px solid #d5d9c9;border-radius:5px;top:29px}.back-sheet{transform:rotate(8deg) translateX(12px);background:#f2efe4}.front-sheet{transform:rotate(-7deg);padding:17px 20px;display:grid;grid-template-columns:1fr;gap:8px;animation:paper-drift 9s ease-in-out infinite alternate}.front-sheet strong{font-size:14px}.front-sheet>span:not(.memory-check){font-size:14px;color:#667666;padding-left:13px;position:relative}.front-sheet>span:not(.memory-check)::before{content:'✓';position:absolute;left:0;color:var(--green)}.memory-check{position:absolute;right:-10px;top:-11px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:var(--cream);font-size:16px}.human{background:var(--sky);display:flex;justify-content:center;align-items:center}.human>svg{width:61px;height:61px;stroke-width:1.2;position:relative;top:-12px}.human-orbit{position:absolute;width:132px;height:132px;border:1px solid #73a8b0;border-radius:50%;top:5px}.human-orbit::before{content:'';position:absolute;top:18px;right:11px;width:10px;height:10px;border-radius:50%;background:var(--cream)}.human-tag{position:absolute;bottom:20px;background:var(--cream);border:1px solid #97bec0;border-radius:4px;padding:9px 14px;font-size:14px}
.brand-section{background:var(--green);color:var(--cream);position:relative;overflow:hidden;padding:78px 0 167px}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;position:relative;z-index:2}.brand-story .eyebrow{color:#b1cec0}.brand-story h2{font-size:clamp(40px,4.4vw,63px);letter-spacing:-.055em}.brand-story>p:not(.eyebrow){font-size:16px;max-width:390px;margin:24px 0 28px;color:#d3dfd2}.brand-statement{padding-left:50px}.brand-statement>img{width:87px;height:95px;margin-bottom:27px}.brand-words{font-size:clamp(25px,2.5vw,36px);font-weight:500;letter-spacing:-.045em;line-height:1.4}.brand-words span{display:block}.amber-text{color:var(--amber)}.brand-waves{position:absolute;bottom:-6px;left:-2%;width:104%;height:175px;stroke:none;animation:wave-drift 14s ease-in-out infinite alternate}
.pricing-section{padding:75px 0 85px}.pricing-heading{text-align:center}.pricing-heading .eyebrow{justify-content:center}.pricing-heading h2{font-size:clamp(37px,3.6vw,52px)}.pricing-heading>p:not(.eyebrow){font-size:16px;color:var(--muted);margin:22px 0 45px}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.price-card{border:1px solid #cfd8ca;border-radius:9px;padding:28px 25px;background:#fbf8f1}.plan-label{font-size:14px;letter-spacing:.13em;color:var(--muted);min-height:20px;display:flex;align-items:center;justify-content:space-between;gap:8px}.price-card h3{font-size:25px;font-weight:600;margin:18px 0 12px}.plan-description{font-size:14px;min-height:38px;color:var(--muted);line-height:1.7;margin-bottom:25px}.price{font-size:41px;font-weight:600;letter-spacing:-.055em;white-space:nowrap}.price>span{font-size:16px;margin-right:4px;letter-spacing:-.03em}.price small{font-size:14px;font-weight:400;margin-left:5px;letter-spacing:0}.custom-price{font-size:32px;height:50px;display:flex;align-items:center}.billing-detail{font-size:14px;color:var(--muted);margin-top:8px;margin-bottom:27px;min-height:16px}.price-card .button{width:100%;justify-content:space-between;padding:14px 18px;font-size:14px}.plan-features{list-style:none;padding:23px 0 0;margin:27px 0 0;border-top:1px solid #dce2d4;display:grid;gap:17px;font-size:14px}.plan-features li{display:flex;gap:9px;align-items:center;line-height:1.5}.plan-features svg{width:14px;height:14px;flex-shrink:0}.price-card.featured{background:var(--green);border-color:var(--green);color:var(--cream);position:relative;transform:translateY(-8px)}.featured .plan-description,.featured .billing-detail,.featured .plan-label{color:#d3ded0}.featured .plan-features{border-color:#476f5e}.plan-badge{color:var(--green);background:#d7e2c7;font-size:14px;padding:5px 7px;letter-spacing:0;border-radius:3px;white-space:nowrap}.pricing-note{text-align:center;font-size:14px;color:var(--muted);margin-top:24px}
.faq-section{padding:40px 0 110px}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.faq-grid h2{margin-bottom:22px}.faq-grid>div>p:not(.eyebrow){font-size:16px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:17px;background:none;border:0;border-bottom:1px solid #9daa96;padding:10px 0;font-size:14px;font-weight:600}.text-link svg{width:17px;height:17px}.faq-list{border-top:1px solid #cfd8ca}.faq-list details{border-bottom:1px solid #cfd8ca;padding:0 0 0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;font-size:14px;font-weight:500;padding:24px 0;cursor:pointer;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:21px;font-weight:400;color:#6d8774;transition:transform 200ms var(--ease)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:14px;color:var(--muted);margin:0 30px 23px 0;animation:panel-in 200ms var(--ease)}
.final-cta{position:relative;background:var(--green);color:var(--cream);overflow:hidden;padding:68px 0}.closing-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px}.closing-inner h2{font-size:clamp(37px,4vw,56px)}.closing-inner .eyebrow{font-size:14px;color:#d0ddc7}.closing-inner>div:last-child{padding-right:45px}.closing-inner>div:last-child>p{font-size:14px;color:#c9dbc4;margin-top:17px}.closing-inner>div:last-child>p button{font-size:14px;color:var(--cream);background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px}.closing-inner .button{min-width:225px;justify-content:space-between}.closing-line{position:absolute;width:650px;height:370px;right:-225px;top:-18px;stroke:#a9c29c;stroke-width:1;opacity:.4;animation:ribbon-drift 12s ease-in-out infinite alternate;pointer-events:none}footer{background:var(--cream)}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-block:40px}.footer-top img{width:210px;height:auto}.footer-top p{font-size:14px;margin:6px 0 0 4px;color:var(--muted)}.footer-top nav{display:flex;align-items:center;gap:27px;font-size:14px}.footer-top nav button{background:none;border:0;font-size:14px;padding:0}.footer-bottom{border-top:1px solid var(--line);padding-block:20px 25px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);gap:20px}.footer-bottom button{border:0;background:none;color:var(--green);font-size:14px;padding:5px;display:flex;gap:7px;align-items:center}
dialog{border:1px solid #c7d2c3;border-radius:13px;padding:36px;background:var(--cream);color:var(--ink);width:min(460px,calc(100% - 36px));box-shadow:0 30px 100px #00271c44}dialog::backdrop{background:#062e25aa;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in 220ms var(--ease)}.dialog-close{position:absolute;top:12px;right:15px;border:0;background:none;font-size:27px;padding:4px 9px}dialog>img{margin-bottom:25px}dialog .eyebrow{font-size:14px;margin-bottom:12px}dialog h2{font-size:29px;margin-bottom:18px}dialog>p:not(.eyebrow){font-size:16px;color:var(--muted)}.dialog-preview-note{font-size:14px;line-height:1.75;background:#e7e9dc;border-radius:5px;padding:14px;margin:20px 0 23px}dialog .button{font-size:14px;padding:14px 17px}.reveal{opacity:1}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(22px)}.js-motion .reveal{transition:opacity 700ms var(--ease),transform 700ms var(--ease)}.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.keyboard-input *{transition:none!important}.keyboard-input .demo-panel.entering,.keyboard-input details>p,.keyboard-input dialog[open]{animation:none!important}
@keyframes hero-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes underline-in{to{stroke-dashoffset:0}}@keyframes shape-drift{to{transform:translate(-9px,10px) rotate(5deg)}}@keyframes ribbon-drift{to{transform:translate(8px,7px) rotate(2deg)}}@keyframes float-one{to{transform:translateY(7px) rotate(1deg)}}@keyframes float-two{to{transform:translateY(-9px) rotate(-1deg)}}@keyframes wave-drift{to{transform:translateX(-16px) scaleX(1.02)}}@keyframes panel-in{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes blink{50%{opacity:0}}@keyframes paper-drift{to{transform:rotate(-3deg) translateY(-4px)}}@keyframes dialog-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px)}.button-dark:hover{background:#1c6250}.button-amber:hover{background:#f0b94e}.button-outline:hover{background:#e8e9dd}.desktop-nav a:hover::after{right:0}.login-link:hover,.watch-link:hover{color:#98711e}.tour-step:hover{color:var(--green)}.price-card:not(.featured):hover{border-color:#9db49c}.faq-list summary:hover{color:#638054}}
@media(min-width:1500px){.hero-photo{right:-25px}.hero-ribbon{right:-70px}.hero-grid{min-height:735px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.header-inner{gap:18px}.brand img{width:185px}.desktop-nav{gap:17px;font-size:14px}.header-actions{gap:18px}.hero-grid{min-height:650px}.hero-visual{height:540px}.hero-photo{right:-20px}.hero-product{width:285px;left:-30px;padding:18px}.hero-ribbon{right:-80px}.hero-description{font-size:16px}.hero-actions{gap:20px}.hero-actions .button{padding:17px 20px}.hero h1{font-size:70px}.sensory-label{right:-10px;padding:13px}.sensory-label strong{font-size:14px}.hero-copy .eyebrow{font-size:14px}.audience-strip{font-size:14px}.app-window{grid-template-columns:183px 1fr}.app-content{padding:23px}.app-panels{gap:20px}.app-title-row h3{font-size:17px}.sample-tag{display:none}.benefits-grid{gap:27px}.price-card{padding:24px 20px}.price{font-size:34px}.custom-price{font-size:28px;height:42px}.price small{font-size:14px}.plan-label{font-size:14px;letter-spacing:.08em}.faq-grid{gap:55px}.brand-grid{gap:55px}}
@media(max-width:900px){.desktop-nav{display:none}.hero h1{font-size:61px}.hero-grid{gap:17px}.hero-visual{height:480px}.hero-product{width:248px;left:-15px}.mini-title{font-size:18px}.mini-flow{gap:6px;font-size:14px}.mini-flow span{padding:7px}.sensory-label{right:-15px;top:28px;gap:8px}.sensory-label strong{font-size:14px}.sensory-label svg{width:20px}.hero-actions{flex-wrap:wrap;gap:16px}.hero-photo{background-size:auto 400%;background-position:1.3% 22.1%;bottom:60px}.hero-footnote{font-size:14px}.photo-caption{display:none}.hero-ribbon{right:-61px;width:114%}.audience-strip>span{max-width:100px;line-height:1.6;font-size:14px}.audience-strip{font-size:14px}.section-heading{gap:35px}.section-heading>p{max-width:230px;font-size:14px}.section-heading h2{font-size:35px}.app-window{grid-template-columns:151px 1fr}.app-sidebar{padding:20px 12px}.workspace-name{white-space:normal;font-size:14px}.workspace-name small{font-size:14px}.sidebar-item{font-size:14px;gap:7px}.app-panels{grid-template-columns:1.4fr 1fr;gap:15px}.context-panel{padding:17px 12px}.context-panel h4{font-size:16px}.context-panel>p{font-size:14px}.app-content{padding:20px}.app-title-row h3{font-size:16px}.app-title-row{margin-bottom:22px}.perception-input{font-size:14px}.context-labels{font-size:14px}.benefit h3{font-size:18px}.benefit>p{font-size:14px}.connection-node{font-size:14px;padding:9px}.c-two{right:12px}.c-one{left:17px}.c-three{left:23px}.memory-sheet{width:150px}.human-tag{font-size:14px;padding:8px}.brand-statement{padding-left:15px}.brand-words{font-size:26px}.price-card{padding:23px 17px}.price-card h3{font-size:21px}.plan-description{font-size:14px;min-height:50px}.price{font-size:28px}.price small{display:block;font-size:14px;margin:6px 0 0 21px}.custom-price{height:51px;font-size:24px}.billing-detail{font-size:14px}.plan-features{font-size:14px}.plan-label{font-size:14px;min-height:25px;flex-wrap:wrap;justify-content:start}.plan-badge{display:none}.price-card .button{padding:13px;font-size:14px;gap:12px}.faq-grid{grid-template-columns:1fr 1.3fr;gap:40px}.faq-list summary{font-size:14px}.footer-top nav{gap:20px;font-size:14px}.closing-inner>div:last-child{padding-right:0}}
@media(max-width:680px){html{scroll-padding-top:86px}.container{width:calc(100% - 40px)}.header-inner{height:73px;gap:12px}.brand img{width:clamp(100px,31vw,145px)}.header-actions{gap:9px}.header-actions .button{display:inline-flex;font-size:14px;padding:11px 12px}.header-actions .button svg{display:none}.login-link{font-size:14px}.login-link span{display:none}.menu-toggle{display:grid;gap:5px;background:none;border:1px solid #b8c7b5;padding:11px 9px;border-radius:5px}.menu-toggle span{width:16px;height:1px;background:var(--green);transition:transform 200ms var(--ease)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.hero-grid{grid-template-columns:1fr;gap:15px;padding-top:40px;padding-bottom:33px;min-height:0}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:14px;letter-spacing:.08em;gap:9px;margin-bottom:23px}.hero h1{font-size:clamp(54px,13.5vw,80px);margin-bottom:29px;line-height:1.04}.hero-description{font-size:14px;max-width:340px;margin-bottom:22px;line-height:1.9}.hero-actions{gap:22px;flex-wrap:nowrap}.hero-actions .button{font-size:14px;padding:16px 20px;gap:23px}.watch-link{font-size:14px;gap:7px}.play-icon{width:26px;height:26px;font-size:14px}.hero-footnote{font-size:14px;margin-top:20px}.hero-visual{height:410px;margin-top:12px;width:100%;max-width:470px;justify-self:center}.hero-photo{inset:20px 0 49px 16px;border-radius:44% 44% 8px 8px;background-size:auto 400%;background-position:1.3% 22.1%}.hero-ribbon{right:-24px;top:-8px;width:106%;height:105%}.sensory-label{right:5px;top:26px;padding:11px 13px;gap:9px}.sensory-label small{font-size:14px}.sensory-label strong{font-size:14px}.sensory-label svg{height:25px;width:20px}.hero-product{left:0;bottom:0;width:252px;padding:17px 19px}.mini-title{font-size:18px;margin:14px 0}.mini-top{font-size:14px}.mini-number{font-size:14px}.mini-flow{font-size:14px}.mini-bottom{margin-top:13px;font-size:14px}.sky-shape{width:85%;height:75%;left:28px;top:33px}.audience-strip{flex-wrap:wrap;justify-content:center;gap:12px 16px;padding:24px 0;font-size:14px}.audience-strip>span{max-width:none;flex-basis:100%;text-align:center;font-size:14px;margin-bottom:3px}.audience-strip i{width:3px;height:3px}.product-section{padding:55px 0 36px}.section-heading{display:block;margin-bottom:29px}.section-heading .eyebrow{font-size:14px;letter-spacing:.09em;margin-bottom:17px}.section-heading h2{font-size:31px;line-height:1.2}.section-heading>p{font-size:14px;max-width:310px;margin-top:19px}.tour-navigation{gap:10px;justify-content:space-between;margin-bottom:19px}.tour-step{font-size:14px;gap:6px;padding:10px 0;line-height:1.6;align-items:start;text-align:left;flex:1}.tour-step>span{width:18px;height:18px;font-size:14px;margin-top:2px}.app-window{grid-template-columns:1fr;min-height:470px;border-radius:8px}.app-sidebar{display:none}.app-toolbar{padding:16px;font-size:14px}.app-content{padding:20px 16px}.app-title-row{margin-bottom:19px}.app-title-row h3{font-size:16px}.app-overline{font-size:14px}.app-panels{grid-template-columns:1fr;gap:19px}.context-panel{padding:14px;display:grid;grid-template-columns:25px 1fr;column-gap:12px;align-items:center}.context-icon{width:23px;height:23px;grid-row:1 / 3;margin:0}.context-panel>.app-overline{font-size:14px;grid-column:2;margin-bottom:5px}.context-panel h4{font-size:14px;margin:0;grid-column:2}.context-panel>p,.context-path,.context-labels{display:none}.demo-panel{min-height:249px}.field-label{font-size:14px}.perception-input{font-size:14px}.app-tip p{font-size:14px}.app-button{font-size:14px;padding:12px 14px}.app-status{padding:12px 16px;font-size:14px;align-items:start}.app-status>span:first-child{max-width:230px;line-height:1.7;align-items:start}.app-status .live-dot{margin-top:2px}.app-status>span:last-child{white-space:nowrap}.tour-caption{font-size:14px;align-items:start;gap:16px;line-height:1.6}.tour-caption button{font-size:14px;padding:0;line-height:1.6}.tour-caption>span{max-width:185px}.hypothesis-title h4{font-size:20px}.hypothesis-box>p{font-size:14px}.hypothesis-evidence{font-size:14px}.investigation-list p{font-size:14px}.investigation-list small{font-size:14px}.benefits-section{padding:57px 0}.benefits-grid{grid-template-columns:1fr;gap:36px}.benefit-visual{height:170px;margin-bottom:20px}.benefit h3{font-size:22px;margin-bottom:12px}.benefit>p{font-size:14px;max-width:none}.connections>svg{max-width:340px;left:50%;transform:translateX(-50%)}.connection-node{font-size:14px;padding:10px 14px}.c-one{left:25px}.c-two{right:30px}.c-three{left:65px}.memory-sheet{width:177px}.human-tag{font-size:14px;padding:9px 14px}.brand-section{padding:55px 0 122px}.brand-grid{grid-template-columns:1fr;gap:35px}.brand-story .eyebrow{font-size:14px}.brand-story h2{font-size:43px}.brand-story>p:not(.eyebrow){font-size:14px;max-width:320px;margin:22px 0}.brand-story .button{font-size:14px;padding:16px 20px}.brand-statement{padding:30px 0 0;border-top:1px solid #43745e;display:flex;gap:23px;align-items:center}.brand-statement>img{width:58px;height:65px;margin:0}.brand-words{font-size:21px}.brand-waves{height:108px;width:150%;left:-25%;bottom:-8px}.pricing-section{padding:48px 0}.pricing-heading .eyebrow{font-size:14px}.pricing-heading h2{font-size:35px}.pricing-heading>p:not(.eyebrow){font-size:14px;margin:19px auto 31px;max-width:300px}.pricing-grid{grid-template-columns:1fr;gap:19px}.price-card{padding:27px}.price-card.featured{transform:none}.plan-label{font-size:14px;min-height:20px;justify-content:space-between}.plan-badge{display:inline;font-size:14px}.price-card h3{font-size:26px;margin-top:17px}.plan-description{font-size:14px;min-height:0;margin-bottom:24px}.price{font-size:43px}.price small{display:inline;font-size:14px;margin-left:7px}.custom-price{font-size:35px;height:53px}.billing-detail{font-size:14px;margin:10px 0 24px}.price-card .button{font-size:14px;padding:16px 19px}.plan-features{font-size:14px;gap:14px;padding-top:21px;margin-top:23px}.pricing-note{font-size:14px;line-height:1.8;max-width:300px;margin:22px auto 0}.faq-section{padding:20px 0 58px}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-grid .eyebrow{font-size:14px}.faq-grid h2{font-size:36px;margin-bottom:18px}.faq-grid>div>p:not(.eyebrow){font-size:14px}.faq-list summary{font-size:14px;padding:21px 0;gap:15px}.faq-list details>p{font-size:14px;margin-right:15px}.text-link{font-size:14px}.final-cta{padding:45px 0}.closing-inner{display:block}.closing-inner h2{font-size:38px}.closing-inner .eyebrow{font-size:14px}.closing-inner>div:last-child{margin-top:27px}.closing-inner .button{padding:16px 20px;min-width:192px;font-size:14px}.closing-line{right:-410px;top:25px;opacity:.3}.footer-top{display:block;padding:30px 0}.footer-top img{width:185px}.footer-top p{font-size:14px}.footer-top nav{margin-top:27px;gap:17px;font-size:14px;flex-wrap:wrap}.footer-top nav button{font-size:14px}.footer-bottom{font-size:14px;gap:15px;flex-wrap:wrap;padding-block:18px 24px}.footer-bottom button{font-size:14px}.footer-bottom>span:nth-child(2){margin-left:auto}dialog{padding:28px}dialog h2{font-size:26px}dialog .button{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.word-cerveja svg{stroke-dashoffset:0}.js-motion .reveal:not(.visible){opacity:1;transform:none}.button:active,button:active{transform:none}.step-progress::after{animation:none!important}}

/* Revisão 03 — legibilidade, navegação e expressão da marca. */
body { font-size: 16px; }
.hero-description { font-size: 18px; font-weight: 500; max-width: 480px; }
.hero-footnote { font-size: 14px; line-height: 1.65; }
.eyebrow { letter-spacing: .09em; font-weight: 600; }
.hero-copy .eyebrow { font-size: 12px; }
.hero-actions { gap: 22px; }
.watch-link { font-size: 14px; }
.button { min-height: 48px; font-size: 15px; }
.play-icon { width: 38px; height: 38px; flex-shrink: 0; font-size: 12px; }
.section-heading > p { max-width: 355px; font-size: 17px; }
.benefit > p, .brand-story > p:not(.eyebrow), .pricing-heading > p:not(.eyebrow), .faq-grid > div > p:not(.eyebrow) { font-size: 17px; }
.hero-grid { min-height: 760px; }
.hero-visual { height: 615px; }
.hero-product { width: 352px; }
.mini-top, .mini-flow, .mini-bottom { font-size: 13px; }
.mini-number { font-size: 12px; }
.mini-title { font-size: 22px; }
.mini-bottom a { width: 34px; height: 34px; font-size: 19px; }
.sensory-label { right: -12px; padding: 16px 18px; }
.sensory-label small { font-size: 12px; }
.sensory-label strong { font-size: 13px; }
.photo-caption { background: #103f35; padding: 10px 13px; border-radius: 6px; font-size: 12px; right: 0; bottom: 74px; }
.audience-strip { font-size: 15px; padding: 30px 0; }
.audience-strip > span { font-size: 12px; max-width: 155px; line-height: 1.6; }

/* A logo preserva as curvas originais, a proporção e uma área útil maior. */
.brand img { width: 238px; height: auto; aspect-ratio: 565 / 108; image-rendering: auto; }
.brand { transform: none; }
.site-header { background: #f7f2e8; }
.header-inner { height: 98px; gap: 20px; }
.desktop-nav { gap: 5px; font-size: 14px; }
.desktop-nav a { padding: 12px 13px; border-radius: 24px; transition: background-color 180ms ease, color 180ms ease; }
.desktop-nav a::after { display: none; }
.desktop-nav a[aria-current="location"] { color: #0e4a3f; background: #e1e8d9; box-shadow: inset 0 -3px #e9a93a; }
.blog-nav-link { display: inline-flex; align-items: center; gap: 7px; }
.blog-nav-link > span, .coming-soon { display: inline-block; font-size: 12px; line-height: 1.3; padding: 5px 8px; background: #dceadf; color: #153f36; border-radius: 20px; font-weight: 600; letter-spacing: 0; text-transform: none; white-space: nowrap; }
.header-actions { gap: 20px; }
.header-actions .button { min-height: 46px; font-size: 14px; gap: 17px; }
.login-link { font-size: 14px; }
.menu-toggle { width: 44px; height: 44px; place-content: center; }
.mobile-nav { border-top: 1px solid #cbd6c7; background: #f0eddf; gap: 0; }
.mobile-nav a { padding: 15px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #d6dccc; font-size: 16px; font-weight: 600; }
.mobile-nav a:last-child { border-bottom: 0; }
.mobile-nav a[aria-current="location"] { color: #0e4a3f; box-shadow: inset 4px 0 #e9a93a; padding-left: 13px; }

.section-ribbons { height: 125px; overflow: hidden; background: var(--cream); margin-bottom: -1px; }
.section-ribbons svg { width: 100%; height: 100%; stroke: none; }
.product-section { padding-top: 65px; }
.app-window { grid-template-columns: 210px 1fr; min-height: 590px; }
.app-content { padding: 27px; }
.app-panels { grid-template-columns: 1.55fr 1fr; gap: 22px; }
.app-title-row h3 { font-size: 22px; }
.app-window :is(.sidebar-label, .workspace-name small, .sidebar-bottom small, .app-overline, .sample-tag, .demo-badge, .outline-tag, .context-labels, .app-status) { font-size: 12px; }
.app-window :is(.workspace-name, .sidebar-item, .sidebar-bottom, .app-toolbar, .field-label, .descriptor, .hypothesis-evidence, .investigation-list small, .helper-text) { font-size: 13px; }
.app-window :is(.perception-input, .app-tip p, .hypothesis-box > p, .context-panel > p, .app-button, .investigation-list p) { font-size: 14px; }
.app-overline, .sidebar-label, .context-panel > .app-overline { letter-spacing: .04em; color: #354e43; }
.workspace-name { white-space: normal; }
.app-sidebar > img { width: 172px; height: auto; }
.app-toolbar { gap: 12px; }
.sidebar-item { color: #354e43; }
.context-panel { padding: 22px 17px; }
.context-panel h4 { font-size: 20px; }
.context-labels { gap: 8px; flex-wrap: wrap; }
.app-title-row { align-items: flex-start; }
.sample-tag { display: none; }
.perception-input { min-height: 98px; padding: 17px; }
.input-caret { height: 15px; }
.descriptor { padding: 8px 10px; }
.demo-panel { min-height: 340px; }
.app-button { min-height: 44px; line-height: 1.6; text-align: left; }
.app-button svg { width: 18px; height: 18px; flex-shrink: 0; }
.app-tip { margin: 20px 0; }
.app-tip svg { height: 28px; width: 25px; }
.app-status { line-height: 1.6; align-items: flex-start; }
.app-status > span:first-child { align-items: flex-start; }
.app-status .live-dot { margin-top: 6px; }
.app-status > span:last-child { white-space: nowrap; }
.hypothesis-title { flex-wrap: wrap; }
.hypothesis-title small { font-size: 12px; }
.hypothesis-title h4 { font-size: 24px; }
.hypothesis-evidence { flex-wrap: wrap; }
.investigation-list { padding: 0 14px; }
.investigation-list > div { padding: 15px 0; }
.investigation-list > div > span { font-size: 12px; }
.investigation-list svg { flex-shrink: 0; }
.tour-caption { font-size: 14px; line-height: 1.7; }
.tour-caption button { min-height: 44px; font-size: 14px; line-height: 1.5; }
.tour-step { font-size: 14px; gap: 10px; }
.tour-step > span { width: 27px; height: 27px; font-size: 12px; }

.benefit-visual { height: 205px; border-radius: 45px 9px 45px 9px; }
.connection-node { font-size: 14px; }
.memory-sheet { width: 220px; height: 159px; top: 25px; padding: 20px; }
.front-sheet strong { font-size: 14px; }
.front-sheet > span:not(.memory-check) { font-size: 12px; color: #354e43; }
.memory-check { width: 35px; height: 35px; font-size: 19px; }
.human-tag { font-size: 13px; }
.human-orbit { top: 15px; }
.benefit h3 { font-size: 24px; }
.brand-story .eyebrow { color: #e0e8d8; }
.plan-label { min-height: 32px; font-size: 12px; letter-spacing: .06em; }
.plan-description { font-size: 16px; min-height: 57px; }
.price { font-size: 43px; }
.price small { font-size: 14px; }
.price > span { font-size: 18px; }
.custom-price { font-size: 34px; height: 53px; }
.billing-detail { font-size: 14px; min-height: 48px; }
.price-card .button { font-size: 15px; min-height: 50px; }
.plan-features { font-size: 15px; align-items: start; gap: 17px; }
.plan-features li { align-items: flex-start; }
.plan-features svg { margin-top: 3px; }
.plan-badge { font-size: 12px; }
.pricing-note { font-size: 14px; line-height: 1.7; max-width: 820px; margin: 25px auto 0; }
.faq-list summary { font-size: 17px; font-weight: 600; padding: 25px 0; }
.faq-list details > p { font-size: 16px; }
.text-link { min-height: 44px; font-size: 15px; }
.blog-preview { padding: 10px 0 80px; }
.blog-preview-inner { display: grid; grid-template-columns: 220px 1fr; gap: 55px; align-items: center; padding: 44px 55px; background: #e6e9dc; border-radius: 70px 12px 70px 12px; overflow: hidden; }
.blog-preview-copy .eyebrow { font-size: 13px; gap: 15px; flex-wrap: wrap; margin-bottom: 18px; }
.blog-preview-copy h2 { font-size: 37px; }
.blog-preview-copy > p:not(.eyebrow) { font-size: 17px; max-width: 700px; margin: 20px 0 0; color: #354e43; }
.blog-illustration { position: relative; height: 200px; border-radius: 50% 50% 40% 40%; background: #a9d1da; display: grid; place-items: center; overflow: hidden; }
.blog-illustration > svg { width: 85px; height: 85px; margin-top: -35px; stroke-width: 1.2; }
.blog-wave { position: absolute; width: 300px; height: 90px; border-radius: 50%; bottom: -28px; background: #0e4a3f; transform: rotate(-15deg); }
.blog-wave.wave-two { background: #e9a93a; height: 35px; bottom: 22px; right: -93px; transform: rotate(-28deg); }

.final-cta { padding: 200px 0 70px; }
.closing-waves { position: absolute; top: -1px; left: 0; width: 100%; height: 155px; stroke: none; pointer-events: none; }
.closing-inner { align-items: center; }
.closing-inner .eyebrow { font-size: 13px; color: #e0e8d8; }
.closing-inner .button { min-width: 250px; font-size: 17px; }
.closing-inner > div:last-child { padding-right: 0; }
.closing-inner > div:last-child > p { font-size: 15px; color: #e0e8d8; max-width: 300px; }
.closing-inner > div:last-child > p button { font-size: 15px; font-weight: 600; line-height: 1.8; }
.closing-line { right: -215px; top: 133px; opacity: .25; }
.site-footer { background: #0e4a3f; color: #f7f2e8; position: relative; overflow: hidden; }
.footer-top { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 35px; padding: 60px 0; border-top: 1px solid #567866; align-items: start; }
.footer-brand img { width: 245px; height: auto; aspect-ratio: 565 / 108; }
.footer-top .footer-slogan { font-size: 16px; font-weight: 600; color: #f7f2e8; margin: 18px 0 14px; }
.footer-brand > p:not(.footer-slogan), .footer-account > p { font-size: 15px; line-height: 1.8; color: #e0e8d8; max-width: 290px; margin: 0 0 20px; }
.footer-top h3 { color: #f7f2e8; font-size: 16px; font-weight: 600; margin: 4px 0 23px; letter-spacing: 0; }
.footer-top nav { display: flex; flex-direction: column; align-items: flex-start; gap: 17px; font-size: 14px; margin: 0; }
.footer-top nav h3 { margin-bottom: 7px; }
.footer-top nav a, .footer-top nav button { color: #e0e8d8; font-size: 14px; line-height: 1.8; text-align: left; }
.footer-top nav a { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.footer-top nav button { padding: 0; }
.footer-top .coming-soon { background: #dceadf; color: #153f36; font-size: 12px; }
.footer-account .button { white-space: normal; text-align: left; font-size: 14px; padding: 14px 15px; gap: 10px; width: 100%; justify-content: space-between; }
.footer-account .button svg { flex-shrink: 0; }
.back-to-top { display: inline-flex; align-items: center; gap: 18px; font-size: 14px; color: #f7f2e8; padding: 7px 0; border-bottom: 1px solid #86a28b; }
.footer-bottom { color: #e0e8d8; border-color: #567866; padding: 25px 0 35px; gap: 22px; font-size: 13px; }
.footer-bottom button { font-size: 13px; color: #f7f2e8; border: 1px solid #92af94; border-radius: 24px; padding: 10px 14px; min-height: 44px; }
.footer-signature { height: 10px; display: flex; }
.footer-signature span:first-child { width: 55%; background: #a9d1da; }
.footer-signature span:nth-child(2) { width: 30%; background: #e9a93a; }
.footer-signature span:last-child { width: 15%; background: #f7f2e8; }
.dialog-preview-note { font-size: 14px; }
dialog > p:not(.eyebrow) { font-size: 16px; }
dialog .eyebrow { font-size: 12px; }
dialog .button { font-size: 14px; }
@media (hover: hover) and (pointer: fine) {
  .desktop-nav a:hover { background: #e8eadc; }
  .desktop-nav a[aria-current="location"]:hover { background: #d9e3cf; }
  .site-footer a:hover, .footer-top nav button:hover { color: #f4c366; }
  .site-footer .button:hover { color: #103f35; }
  .watch-link:hover, .login-link:hover, .faq-list summary:hover { color: #1c6250; }
}
@media (max-width: 1200px) {
  .brand img { width: 210px; }
  .desktop-nav { gap: 0; font-size: 13px; }
  .desktop-nav a { padding: 12px 10px; }
  .blog-nav-link > span { display: none; }
  .header-actions { gap: 15px; }
  .hero-product { width: 325px; left: -20px; }
  .app-window { grid-template-columns: 185px 1fr; }
  .app-panels { grid-template-columns: 1.5fr 1fr; gap: 16px; }
  .app-content { padding: 23px; }
  .app-window .sidebar-item { font-size: 12px; }
  .price { font-size: 36px; }
  .price small { font-size: 12px; }
  .custom-price { font-size: 30px; height: 45px; }
  .plan-label { font-size: 12px; }
  .plan-badge { display: none; }
  .footer-top { grid-template-columns: 1.4fr 1fr 1fr; gap: 30px; }
  .footer-account { grid-column: 1 / -1; display: flex; gap: 24px; align-items: center; border-top: 1px solid #567866; padding-top: 28px; }
  .footer-account h3, .footer-account > p { margin: 0; }
  .footer-account .button { width: auto; margin-left: auto; white-space: nowrap; }
}
@media (max-width: 1024px) {
  .desktop-nav { display: none; }
  .menu-toggle { display: grid; }
  .brand img { width: 228px; }
  .hero-grid { min-height: 755px; }
  .hero-visual { height: 540px; }
  .hero-description { font-size: 17px; }
  .hero h1 { font-size: 65px; }
  .hero-actions { flex-wrap: wrap; gap: 15px; }
  .hero-copy .eyebrow { font-size: 12px; }
  .hero-product { width: 294px; left: -4px; }
  .mini-top, .mini-flow, .mini-bottom { font-size: 12px; }
  .mini-title { font-size: 21px; }
  .sensory-label { display: none; }
  .photo-caption { display: none; }
  .audience-strip { flex-wrap: wrap; justify-content: center; gap: 15px 24px; }
  .audience-strip > span { max-width: none; flex-basis: 100%; text-align: center; }
  .app-window { grid-template-columns: 165px 1fr; }
  .app-panels { grid-template-columns: 1fr; }
  .context-panel { display: grid; grid-template-columns: 32px 1fr; column-gap: 15px; align-items: center; padding: 17px; }
  .context-icon { grid-row: 1 / 3; margin: 0; }
  .context-panel > .app-overline { margin-bottom: 5px; }
  .context-panel h4 { margin: 0; font-size: 17px; }
  .context-panel > p, .context-path, .context-labels { display: none; }
  .demo-panel { min-height: 310px; }
  .app-window .workspace-name { font-size: 12px; }
  .workspace-name > span { display: none; }
  .app-status { flex-wrap: wrap; }
  .benefits-grid { gap: 25px; }
  .benefit h3 { font-size: 21px; }
  .benefit > p { font-size: 16px; }
  .connection-node { padding: 9px; font-size: 12px; }
  .memory-sheet { width: 172px; padding: 18px 12px; }
  .human-tag { padding: 10px; font-size: 12px; }
  .pricing-grid { gap: 14px; }
  .price-card { padding: 23px 18px; }
  .price { font-size: 34px; }
  .price small { display: block; margin-left: 0; font-size: 13px; }
  .custom-price { height: 62px; font-size: 26px; }
  .billing-detail { min-height: 72px; }
  .plan-description { min-height: 75px; }
  .plan-features { font-size: 14px; }
  .price-card .button { font-size: 14px; padding: 14px 13px; }
  .blog-preview-inner { grid-template-columns: 170px 1fr; gap: 32px; padding: 37px 30px; }
  .blog-illustration { height: 180px; }
  .blog-preview-copy h2 { font-size: 32px; }
  .closing-inner { gap: 28px; }
  .closing-inner h2 { font-size: 43px; }
  .footer-top { gap: 27px; }
  .footer-brand img { width: 220px; }
  .footer-bottom { flex-wrap: wrap; justify-content: space-between; }
  .footer-bottom > span:nth-child(2) { margin-left: 0; }
}
@media (max-width: 740px) {
  .container { width: calc(100% - 40px); }
  .header-inner { height: 84px; gap: 12px; }
  .brand img { width: 195px; }
  .header-actions { gap: 13px; }
  .header-actions .button { min-height: 44px; padding: 11px 15px; }
  .header-actions .button svg { display: none; }
  .hero-grid { grid-template-columns: 1fr; gap: 24px; min-height: 0; padding-top: 40px; padding-bottom: 34px; }
  .hero h1 { font-size: clamp(54px, 11vw, 76px); }
  .hero-description { font-size: 17px; max-width: 530px; }
  .hero-footnote { font-size: 14px; margin-top: 24px; }
  .hero-actions { flex-wrap: nowrap; gap: 24px; }
  .hero-actions .button { font-size: 15px; padding: 17px 21px; }
  .watch-link { font-size: 14px; }
  .hero-visual { height: 490px; width: min(100%, 510px); justify-self: center; margin-top: 5px; }
  .hero-product { width: 324px; left: 0; padding: 22px; }
  .mini-title { font-size: 23px; }
  .mini-top, .mini-flow, .mini-bottom { font-size: 13px; }
  .mini-number { font-size: 12px; }
  .hero-photo { inset: 20px 0 49px 16px; }
  .hero-ribbon { right: -25px; }
  .audience-strip { font-size: 14px; gap: 12px; }
  .audience-strip > span { font-size: 12px; }
  .section-ribbons { height: 85px; }
  .product-section { padding-top: 44px; }
  .section-heading { display: block; }
  .section-heading h2 { font-size: 34px; }
  .section-heading .eyebrow { font-size: 12px; }
  .section-heading > p { font-size: 16px; max-width: 100%; margin-top: 22px; }
  .app-window { grid-template-columns: 1fr; }
  .app-sidebar { display: none; }
  .app-content { padding: 24px 20px; }
  .app-title-row h3 { font-size: 21px; }
  .context-panel h4 { font-size: 16px; }
  .context-panel > .app-overline { font-size: 12px; }
  .tour-navigation { gap: 12px; }
  .tour-step { font-size: 13px; line-height: 1.5; text-align: left; flex: 1; }
  .tour-step > span { width: 24px; height: 24px; flex-shrink: 0; }
  .tour-caption { flex-direction: column; gap: 5px; font-size: 14px; }
  .tour-caption > span { max-width: none; }
  .tour-caption button { font-size: 14px; }
  .app-status { font-size: 12px; padding: 15px 20px; }
  .app-status > span:first-child { max-width: none; }
  .benefits-grid { grid-template-columns: 1fr; gap: 37px; }
  .benefit-visual { height: 210px; }
  .connection-node { font-size: 14px; padding: 12px; }
  .memory-sheet { width: 220px; padding: 20px; }
  .human-tag { font-size: 14px; }
  .benefit h3 { font-size: 24px; }
  .brand-grid { grid-template-columns: 1fr; gap: 40px; }
  .brand-story > p:not(.eyebrow) { max-width: 100%; font-size: 17px; }
  .brand-story .eyebrow { font-size: 12px; }
  .brand-story .button { font-size: 15px; }
  .brand-statement { display: flex; align-items: center; gap: 26px; padding: 28px 0 0; border-top: 1px solid #668a73; }
  .brand-statement > img { width: 64px; height: auto; margin: 0; }
  .brand-words { font-size: 26px; }
  .pricing-heading .eyebrow { font-size: 12px; }
  .pricing-grid { grid-template-columns: 1fr; gap: 24px; }
  .price-card { padding: 30px; }
  .plan-label { font-size: 12px; min-height: 24px; }
  .plan-badge { display: inline-block; font-size: 12px; }
  .price-card h3 { font-size: 28px; }
  .plan-description { font-size: 16px; min-height: 0; }
  .price { font-size: 45px; }
  .price small { display: inline; font-size: 14px; margin-left: 6px; }
  .custom-price { font-size: 35px; height: 57px; }
  .billing-detail { font-size: 14px; min-height: 0; margin-bottom: 24px; }
  .plan-features { font-size: 15px; }
  .price-card .button { font-size: 16px; padding: 15px 19px; }
  .pricing-note { font-size: 14px; max-width: none; }
  .blog-preview { padding: 15px 0 60px; }
  .blog-preview-inner { grid-template-columns: 1fr; padding: 32px; gap: 26px; border-radius: 45px 9px 45px 9px; }
  .blog-illustration { width: 150px; height: 135px; }
  .blog-illustration > svg { width: 57px; height: 57px; margin-top: -15px; }
  .blog-preview-copy h2 { font-size: 32px; }
  .blog-preview-copy > p:not(.eyebrow) { font-size: 16px; }
  .faq-grid { grid-template-columns: 1fr; gap: 30px; }
  .faq-grid .eyebrow { font-size: 12px; }
  .faq-list summary { font-size: 16px; }
  .faq-list details > p { font-size: 16px; }
  .final-cta { padding: 148px 0 45px; }
  .closing-waves { height: 110px; width: 130%; left: -15%; }
  .closing-inner { display: block; }
  .closing-inner h2 { font-size: 40px; }
  .closing-inner .eyebrow { font-size: 12px; }
  .closing-inner > div:last-child { margin-top: 28px; }
  .closing-inner .button { min-width: 235px; font-size: 16px; }
  .closing-inner > div:last-child > p, .closing-inner > div:last-child > p button { font-size: 14px; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 35px 25px; padding: 38px 0; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-brand img { width: 255px; }
  .footer-brand > p:not(.footer-slogan) { max-width: 340px; }
  .footer-top .footer-slogan { font-size: 17px; }
  .footer-top h3 { font-size: 16px; }
  .footer-top nav { gap: 16px; font-size: 14px; }
  .footer-top nav a, .footer-top nav button { font-size: 14px; }
  .footer-account { display: block; padding-top: 30px; }
  .footer-account h3 { margin-bottom: 14px; }
  .footer-account > p { margin-bottom: 20px; font-size: 16px; max-width: none; }
  .footer-account .button { width: auto; margin-left: 0; font-size: 15px; padding: 15px 18px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 17px; font-size: 13px; }
  .footer-bottom button { font-size: 13px; }
}
@media (max-width: 480px) {
  html { scroll-padding-top: 144px; }
  .header-inner { height: 120px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: 63px 50px; gap: 0 12px; position: relative; }
  .brand { grid-column: 1 / -1; grid-row: 1; justify-self: start; max-width: calc(100% - 58px); }
  .brand img { width: 210px; }
  .header-actions { display: contents; }
  .header-actions .menu-toggle { grid-column: 2; grid-row: 1; justify-self: end; }
  .header-actions .login-link { grid-column: 1; grid-row: 2; justify-self: start; font-size: 14px; padding: 10px 0; }
  .header-actions .login-link span { display: inline; }
  .header-actions .button { grid-column: 2; grid-row: 2; font-size: 14px; padding: 10px 17px; min-height: 42px; }
  .header-actions .button svg { display: inline; width: 17px; height: 17px; }
  .hero h1 { font-size: clamp(50px, 13vw, 64px); }
  .hero-copy .eyebrow { letter-spacing: .04em; gap: 9px; font-size: 12px; }
  .hero-description { font-size: 17px; }
  .hero-actions { gap: 15px; flex-wrap: wrap; }
  .hero-actions .button { min-width: 155px; }
  .hero-footnote { font-size: 14px; }
  .hero-footnote svg { flex-shrink: 0; }
  .hero-visual { height: 430px; }
  .hero-product { width: min(320px, 100%); padding: 19px; }
  .mini-top { font-size: 12px; gap: 5px; }
  .mini-title { font-size: 22px; }
  .mini-flow, .mini-bottom { font-size: 12px; }
  .mini-flow { gap: 7px; }
  .section-heading h2 { font-size: 31px; }
  .tour-navigation { flex-direction: column; gap: 5px; }
  .tour-step { font-size: 14px; padding: 12px 0; align-items: center; }
  .app-title-row h3 { font-size: 20px; }
  .app-content { padding: 23px 16px; }
  .app-status { padding: 13px 16px; }
  .app-toolbar { padding: 15px 14px; }
  .app-window .app-toolbar { font-size: 12px; }
  .breadcrumb { padding: 0 4px; }
  .app-window .demo-badge { font-size: 12px; }
  .demo-panel { min-height: 340px; }
  .app-window .context-panel > .app-overline { font-size: 12px; }
  .brand-words { font-size: 22px; }
  .brand-story h2 { font-size: 39px; }
  .plan-label { flex-wrap: wrap; }
  .price-card { padding: 26px; }
  .price { font-size: 40px; }
  .price small { font-size: 13px; }
  .custom-price { font-size: 32px; }
  .closing-inner h2 { font-size: 36px; }
  .closing-inner .eyebrow { letter-spacing: .03em; font-size: 12px; }
  .blog-preview-inner { padding: 28px; }
  .blog-preview-copy h2 { font-size: 29px; }
  .footer-top { column-gap: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .desktop-nav a, .mobile-nav a { transition: none; }
}

/* Refinamento 04 — navegação, curvas, parceiros e rodapé institucional */
.site-header { box-shadow: 0 8px 30px rgba(14,74,63,.05); }
.header-inner { gap: 22px; }
.desktop-nav {
  gap: 3px;
  padding: 5px;
  border: 1px solid rgba(14,74,63,.12);
  border-radius: 999px;
  background: rgba(232,234,220,.72);
}
.desktop-nav a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 999px;
  color: #294f45;
  font-size: 13px;
  font-weight: 600;
  transition: color 180ms var(--ease), background 180ms var(--ease), transform 180ms var(--ease);
}
.desktop-nav a::after { display: none; }
.desktop-nav a[aria-current="location"] { background: var(--green); color: var(--cream); }
.mobile-nav a { min-height: 48px; align-items: center; }
.mobile-nav a[aria-current="location"] { background: var(--green); color: var(--cream); }
.brand { display: inline-flex; align-items: center; gap: 9px; color: #153f36; }
.brand-mark { display: block; width: 43px; height: 48px; flex: 0 0 auto; fill: currentColor; stroke: none; shape-rendering: geometricPrecision; }
.brand-wordmark { display: inline-flex; align-items: baseline; color: #153f36; font-size: 27px; line-height: 1; letter-spacing: -.065em; white-space: nowrap; -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; }
.brand-wordmark strong { font-weight: 700; }
.brand-wordmark > span { margin-left: 3px; font-weight: 500; letter-spacing: -.04em; }

.hero { overflow: clip; }
.hero-grid { padding-bottom: 48px; }
.hero-visual { height: 590px; }
.hero-photo { inset: 20px -34px 42px 12px; border-radius: 49% 46% 38px 38px; }
.hero-ribbon { width: 105%; height: 104%; right: -45px; top: -12px; z-index: 2; }
.ribbon-amber { stroke-width: 48px; }
.ribbon-cream { stroke-width: 12px; }
.hero-product { left: -28px; bottom: 4px; z-index: 5; }
.sensory-label, .photo-caption, .section-ribbons { display: none; }
.audience-strip { position: relative; z-index: 6; background: var(--cream); }
.product-section { border-radius: 64px 64px 0 0; padding-top: 92px; box-shadow: 0 -1px 0 rgba(14,74,63,.08); }

.partners-section { padding: 110px 0 120px; background: #e9eee4; }
.partners-heading { display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 70px; margin-bottom: 48px; }
.partners-heading h2 { font-size: clamp(39px,4.4vw,63px); line-height: 1.08; letter-spacing: -.055em; }
.partners-heading > p { max-width: 470px; color: #496a61; font-size: 17px; line-height: 1.8; margin: 0 0 8px; }
.partners-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(14,74,63,.16); border-radius: 36px 8px 36px 8px; overflow: hidden; background: rgba(255,253,247,.74); }
.partners-grid a { min-height: 205px; padding: 26px 25px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 22px; border-right: 1px solid rgba(14,74,63,.13); border-bottom: 1px solid rgba(14,74,63,.13); transition: background 180ms var(--ease), transform 180ms var(--ease); }
.partners-grid a:nth-child(4n) { border-right: 0; }
.partners-grid a:nth-last-child(-n+4) { border-bottom: 0; }
.partners-grid img { display: block; width: 100%; height: 82px; object-fit: contain; filter: saturate(.85); }
.partners-grid a:nth-child(2) img, .partners-grid a:nth-child(3) img, .partners-grid a:nth-child(4) img { height: 92px; }
.partners-grid a:nth-child(4) img { width: 92px; border-radius: 50%; }
.partners-grid span { color: #58746c; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }

.blog-link { display: inline-flex; align-items: center; gap: 16px; margin-top: 24px; padding-bottom: 6px; border-bottom: 1px solid #8da59b; color: var(--green); font-size: 14px; font-weight: 700; }
.coming-soon { display: none !important; }

.final-cta { overflow: clip; margin-top: 0; padding: 148px 0 72px; background: var(--green); }
.closing-green-wave { position: absolute; left: 0; top: 0; width: 100%; height: 113px; pointer-events: none; }
.closing-inner { padding-top: 8px; }
.closing-copy { max-width: 570px; margin: 22px 0 0; color: #d9e5d7; font-size: 17px; line-height: 1.75; }
.closing-inner > div:last-child { align-self: end; }
.footer-wave { height: 113px; overflow: hidden; background: var(--cream); margin-bottom: -1px; }
.footer-wave svg { display: block; width: 100%; height: 114px; }

.site-footer { background: var(--green); color: var(--cream); position: relative; overflow: hidden; }
.footer-top { grid-template-columns: 1.4fr .75fr .72fr 1.25fr; gap: 48px; padding: 62px 0 56px; }
.footer-company h3 { margin-bottom: 23px; }
.footer-company p, .footer-company address, .footer-company > a { color: #dce7da; font-size: 13px; line-height: 1.75; font-style: normal; }
.footer-company p { margin: 0 0 14px; }
.footer-company p strong { color: var(--cream); font-weight: 600; }
.footer-company address { margin-bottom: 14px; }
.footer-company > a { border-bottom: 1px solid #86a28b; padding-bottom: 3px; }
.social-links { display: flex; gap: 18px; margin: 22px 0 18px; }
.social-links a { color: #f7f2e8; font-size: 13px; font-weight: 600; }
.legal-links { display: flex; gap: 25px; }
.legal-links a { color: #e0e8d8; }
.footer-signature { display: none; }

@media (hover:hover) and (pointer:fine) {
  .desktop-nav a:hover { background: rgba(255,253,247,.78); transform: translateY(-1px); }
  .desktop-nav a[aria-current="location"]:hover { background: #176052; }
  .partners-grid a:hover { background: #fffdf7; transform: translateY(-3px); }
  .blog-link:hover { color: #8a6417; border-color: var(--amber); }
}

@media (max-width:1200px) {
  .brand-mark { width: 40px; height: 45px; }
  .brand-wordmark { font-size: 25px; }
  .desktop-nav a { padding-inline: 10px; font-size: 12px; }
  .partners-grid a { min-height: 185px; padding-inline: 18px; }
  .footer-top { grid-template-columns: 1.3fr .75fr .75fr 1.15fr; gap: 28px; }
}

@media (max-width:1024px) {
  .hero-visual { height: 545px; }
  .hero-product { left: 0; }
  .partners-grid { grid-template-columns: repeat(2,1fr); }
  .partners-grid a:nth-child(odd) { border-right: 1px solid rgba(14,74,63,.13); }
  .partners-grid a:nth-child(even) { border-right: 0; }
  .partners-grid a:nth-last-child(-n+4) { border-bottom: 1px solid rgba(14,74,63,.13); }
  .partners-grid a:nth-last-child(-n+2) { border-bottom: 0; }
  .footer-top { grid-template-columns: 1.3fr 1fr 1fr; }
  .footer-company { grid-column: 1 / -1; border-top: 1px solid #567866; padding-top: 28px; display: grid; grid-template-columns: 1fr 1.3fr 1.5fr; gap: 20px; align-items: start; }
  .footer-company h3 { margin: 0; }
  .footer-company p, .footer-company address { margin: 0; }
}

@media (max-width:740px) {
  .brand-mark { width: 39px; height: 43px; }
  .brand-wordmark { font-size: 24px; }
  .hero-grid { padding-bottom: 42px; }
  .hero-visual { height: 480px; }
  .hero-photo { inset: 20px 0 48px 16px; }
  .hero-ribbon { width: 101%; right: -12px; }
  .hero-product { left: 0; bottom: 0; }
  .product-section { border-radius: 38px 38px 0 0; padding-top: 62px; }
  .partners-section { padding: 75px 0 80px; }
  .partners-heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 34px; }
  .partners-heading h2 { font-size: 40px; }
  .partners-heading > p { font-size: 16px; }
  .partners-grid { border-radius: 25px 6px 25px 6px; }
  .partners-grid a { min-height: 160px; padding: 22px 16px 18px; gap: 15px; }
  .partners-grid img, .partners-grid a:nth-child(2) img, .partners-grid a:nth-child(3) img { height: 66px; }
  .partners-grid a:nth-child(4) img { height: 72px; width: 72px; }
  .final-cta { margin-top: 0; padding: 112px 0 54px; background: var(--green); }
  .closing-green-wave { top: 0; height: 83px; }
  .closing-copy { font-size: 16px; }
  .footer-wave { height: 83px; }
  .footer-wave svg { height: 84px; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .footer-company { grid-column: 1 / -1; display: block; }
  .footer-company h3, .footer-company p, .footer-company address { margin-bottom: 14px; }
  .legal-links { flex-direction: column; gap: 10px; }
}

@media (max-width:480px) {
  .brand { max-width: none; }
  .brand-mark { width: 37px; height: 41px; }
  .brand-wordmark { font-size: clamp(21px,6.3vw,24px); }
  .hero-visual { height: 435px; }
  .hero-ribbon { right: -8px; }
  .partners-heading h2 { font-size: 34px; }
  .partners-grid a { min-height: 145px; }
  .partners-grid span { font-size: 10px; text-align: center; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-brand, .footer-company { grid-column: 1; }
}

/* Planos: composição compacta e cores da identidade BeerSensus. */
.pricing-section { position: relative; isolation: isolate; padding: 72px 0; background: #eeeade; overflow: hidden; }
.pricing-section::before { content: ""; position: absolute; z-index: -1; width: 440px; height: 440px; border: 65px solid #e7b859; border-radius: 50%; left: -285px; bottom: -300px; opacity: .65; }
.pricing-section::after { content: ""; position: absolute; z-index: -1; width: 360px; height: 360px; border-radius: 50%; background: #c5dcd6; right: -230px; top: -210px; }
.pricing-layout { display: grid; grid-template-columns: minmax(220px, .85fr) minmax(0, 2fr); gap: 22px 48px; align-items: center; }
.pricing-heading { text-align: left; }
.pricing-heading .eyebrow { justify-content: flex-start; font-size: 11px; letter-spacing: .12em; margin-bottom: 20px; }
.pricing-heading h2 { font-size: clamp(30px, 2.8vw, 42px); line-height: 1.17; letter-spacing: -.045em; }
.pricing-heading h2 em { font-style: normal; color: #996515; }
.pricing-heading > p:not(.eyebrow) { font-size: 15px; line-height: 1.8; margin: 20px 0 0; max-width: 295px; color: #485e53; }
.pricing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; width: 100%; max-width: 730px; justify-self: end; }
.pricing-section .price-card { position: relative; overflow: hidden; padding: 24px; border: 0; border-radius: 20px; box-shadow: 0 12px 28px #123c3010; transition: box-shadow .25s ease; }
.pricing-section .plan-monthly { background: #0e4a3f; color: #fff9eb; }
.pricing-section .plan-business { background: #c4dfe2; color: #123e36; }
.pricing-section .plan-label { display: flex; align-items: center; justify-content: space-between; min-height: 30px; font-size: 10px; font-weight: 700; letter-spacing: .1em; color: inherit; }
.plan-symbol { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; font-size: 23px; background: #e9a93a; color: #123e36; }
.plan-business .plan-symbol { background: #0e4a3f; color: #fff9eb; }
.pricing-section .price-card h3 { font-size: 25px; margin: 15px 0 7px; letter-spacing: -.035em; }
.pricing-section .plan-description { font-size: 13px; line-height: 1.6; min-height: 42px; margin-bottom: 18px; color: inherit; }
.pricing-section .price { font-size: 39px; line-height: 1.2; font-weight: 600; }
.pricing-section .price > span { font-size: 15px; margin-right: 6px; }
.pricing-section .price small { display: inline; font-size: 12px; margin-left: 5px; }
.pricing-section .custom-price { display: flex; align-items: center; font-size: 31px; height: 47px; }
.pricing-section .billing-detail { color: inherit; font-size: 11px; min-height: 0; margin: 7px 0 19px; }
.pricing-section .price-card .button { min-height: 44px; padding: 12px 15px; font-size: 13px; border-radius: 9px; }
.pricing-section .plan-business .button { background: #0e4a3f; border-color: #0e4a3f; color: #fff9eb; }
.pricing-section .plan-features { margin: 19px 0 0; padding-top: 16px; gap: 9px; font-size: 12px; border-color: #ffffff38; }
.pricing-section .plan-business .plan-features { border-color: #0e4a3f30; }
.pricing-section .plan-features svg { color: #efba56; }
.pricing-section .plan-business .plan-features svg { color: #0e4a3f; }
.pricing-note { grid-column: 2; text-align: center; font-size: 11px; line-height: 1.6; margin: 0; max-width: none; color: #485e53; }
@media (hover: hover) { .pricing-section .price-card:hover { box-shadow: 0 16px 35px #123c3026; } }
@media (max-width: 1050px) {
  .pricing-layout { grid-template-columns: 1fr; gap: 28px; }
  .pricing-heading { text-align: center; }
  .pricing-heading .eyebrow { justify-content: center; }
  .pricing-heading > p:not(.eyebrow) { max-width: 440px; margin: 16px auto 0; }
  .pricing-grid { justify-self: center; max-width: 680px; }
  .pricing-note { grid-column: 1; }
}
@media (max-width: 580px) {
  .pricing-section { padding: 46px 0; }
  .pricing-heading h2 { font-size: 33px; }
  .pricing-grid { grid-template-columns: 1fr; max-width: 360px; gap: 16px; }
  .pricing-section .price-card { padding: 22px; }
  .pricing-section .plan-description { min-height: 0; margin-bottom: 16px; }
  .pricing-section .plan-features { font-size: 13px; }
  .pricing-note { max-width: 300px; justify-self: center; }
}

/* Revisão geral: ritmo, legibilidade e composição responsiva. */
.hero-grid { min-height: 0; padding-top: 48px; padding-bottom: 32px; }
.hero-visual { height: 510px; }
.hero h1 { font-size: clamp(58px, 5.7vw, 82px); }
.audience-strip { padding-block: 24px; }
.section-heading { margin-bottom: 30px; }
.section-heading h2, .partners-heading h2 { font-size: clamp(32px, 3.3vw, 46px); line-height: 1.15; }
.product-section { padding: 64px 0 52px; background: #e7eee5; border-radius: 40px 40px 0 0; }
.app-window { max-width: 1100px; margin-inline: auto; border-radius: 16px; }
.app-content { padding: 25px; }
.app-panels { gap: 20px; }
.demo-panel { min-height: 290px; }
.context-panel { background: #d5e6df; border-radius: 12px; }
.app-toolbar { padding-block: 14px; }
.app-status { padding-block: 12px; }
.tour-navigation { margin-bottom: 20px; }
.tour-caption { margin-top: 12px; }
.benefits-section { padding: 64px 0; }
.benefits-grid { gap: 26px; }
.benefit-visual { height: 170px; border-radius: 24px 8px 24px 8px; margin-bottom: 20px; }
.connections { background: #dce9ce; }
.memory { background: #f0d79d; }
.human { background: #acd4dc; }
.memory-sheet { top: 15px; height: 145px; padding: 16px; }
.benefit h3 { font-size: 22px; line-height: 1.3; margin-bottom: 10px; }
.benefit > p { font-size: 15px; line-height: 1.75; }
.partners-section { padding: 58px 0; background: #edf0e6; }
.partners-heading { gap: 36px; margin-bottom: 28px; }
.partners-heading > p { font-size: 15px; line-height: 1.75; }
.partners-grid { border-radius: 22px; }
.partners-grid a { min-height: 145px; padding: 19px; gap: 12px; }
.partners-grid img { max-width: 175px; height: 62px; filter: none; }
.partners-grid a:nth-child(2) img, .partners-grid a:nth-child(3) img { height: 66px; }
.partners-grid a:nth-child(4) img { width: 66px; height: 66px; }
.partners-grid span { font-size: 11px; letter-spacing: .045em; }
.pricing-section .billing-detail, .pricing-note { font-size: 13px; }
.pricing-section .plan-features { font-size: 13px; }
.pricing-section .plan-description { font-size: 14px; }
.blog-preview { padding: 38px 0 52px; }
.blog-preview-inner { grid-template-columns: 145px 1fr; padding: 30px 38px; gap: 32px; background: #e4ece1; border-radius: 30px 10px 30px 10px; }
.blog-illustration { height: 145px; }
.blog-illustration > svg { width: 62px; height: 62px; margin-top: -18px; }
.blog-preview-copy h2 { font-size: clamp(28px, 2.6vw, 36px); }
.blog-preview-copy > p:not(.eyebrow) { font-size: 15px; margin-top: 12px; }
.blog-status { display: inline-flex; margin-top: 16px; padding: 6px 12px; border-radius: 20px; background: #f1d89e; color: #62410c; font-size: 13px; font-weight: 600; }
.faq-section { padding: 15px 0 44px; }
.faq-list summary { font-size: 16px; padding: 20px 0; }
.faq-list details[open] { background: #e9eee4; border-radius: 10px; padding-inline: 16px; }
.faq-list details > p { font-size: 15px; line-height: 1.8; }
.footer-wave { height: 70px; }
.footer-wave svg { height: 71px; }
.footer-top { padding: 38px 0; gap: 28px; }
.footer-top h3 { font-size: 15px; }
.footer-bottom { padding-block: 20px; }
@media (max-width: 1024px) and (min-width: 741px) {
  .hero-grid { gap: 26px; }
  .hero h1 { font-size: clamp(48px, 6.5vw, 65px); }
  .hero-visual { height: 430px; }
  .hero-product { width: 280px; padding: 18px; }
  .mini-title { font-size: 20px; }
  .partners-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .partners-grid a { padding: 16px 10px; min-height: 132px; border-right: 1px solid #0e4a3f21; }
  .partners-grid a:nth-child(even) { border-right: 1px solid #0e4a3f21; }
  .partners-grid a:nth-child(4n) { border-right: 0; }
  .partners-grid a:nth-last-child(-n+4) { border-bottom: 0; }
  .partners-grid span { font-size: 9px; letter-spacing: 0; }
}
@media (max-width: 740px) {
  .header-inner { height: 76px; }
  .hero-grid { padding: 28px 0 22px; gap: 20px; }
  .hero h1 { font-size: clamp(46px, 11vw, 68px); line-height: 1.04; }
  .hero h1 br:nth-of-type(2) { display: none; }
  .hero-description { font-size: 16px; line-height: 1.7; margin-block: 18px; }
  .hero-footnote { margin-top: 16px; font-size: 13px; }
  .hero-visual { height: 330px; max-width: 430px; margin-top: 0; }
  .hero-photo { inset: 0 0 30px 20px; }
  .hero-product { width: min(275px, 92%); padding: 15px; left: 0; bottom: 0; }
  .mini-title { font-size: 19px; margin-block: 12px; }
  .mini-top, .mini-flow, .mini-bottom { font-size: 11px; }
  .audience-strip { gap: 8px 15px; padding-block: 18px; font-size: 12px; }
  .audience-strip > span { font-size: 10px; }
  .product-section { padding: 40px 0 34px; border-radius: 28px 28px 0 0; }
  .section-heading { margin-bottom: 23px; }
  .section-heading h2, .partners-heading h2 { font-size: 30px; }
  .section-heading > p { font-size: 15px; margin-top: 14px; }
  .tour-navigation { flex-direction: row; align-items: stretch; gap: 8px; margin-bottom: 14px; }
  .tour-step { flex-direction: column; align-items: flex-start; flex: 1; font-size: 12px; gap: 7px; padding: 8px 0; line-height: 1.45; }
  .tour-step > span { width: 24px; height: 24px; font-size: 11px; }
  .app-window { min-height: 0; }
  .app-content { padding: 18px 16px; }
  .app-title-row { margin-bottom: 16px; }
  .app-title-row h3 { font-size: 18px; }
  .app-panels { gap: 15px; }
  .demo-panel { min-height: 0; }
  .perception-input { min-height: 74px; padding: 14px; font-size: 14px; }
  .app-tip { margin: 15px 0; }
  .app-tip p, .helper-text { font-size: 13px; }
  .app-window .context-panel { display: none; }
  .app-status { padding: 10px 16px; }
  .app-status > span:first-child { font-size: 12px; }
  .tour-caption { font-size: 12px; gap: 3px; }
  .tour-caption button { font-size: 12px; }
  .benefits-section { padding: 40px 0; }
  .benefits-grid { gap: 22px; }
  .benefit { display: grid; grid-template-columns: 112px minmax(0,1fr); column-gap: 17px; align-content: start; }
  .benefit-visual { grid-row: 1 / 3; height: 137px; margin: 0; align-self: center; border-radius: 18px; }
  .benefit h3 { font-size: 18px; margin: 0 0 8px; }
  .benefit h3 br { display: none; }
  .benefit > p { font-size: 14px; line-height: 1.65; }
  .connection-node { font-size: 8px; padding: 6px; }
  .c-one { left: 7px; top: 15px; }
  .c-two { right: 5px; top: 60px; }
  .c-three { left: 12px; bottom: 12px; }
  .connections > svg { width: 170px; height: 115px; left: -25px; top: 15px; transform: none; }
  .memory-sheet { width: 90px; height: 104px; padding: 10px 6px; top: 19px; }
  .front-sheet strong { font-size: 8px; }
  .front-sheet > span:not(.memory-check) { font-size: 7px; }
  .memory-check { width: 20px; height: 20px; font-size: 12px; }
  .human > svg { width: 48px; height: 48px; top: 31px; }
  .human-orbit { width: 92px; height: 92px; top: 12px; }
  .human-tag { font-size: 7px; padding: 6px; bottom: 15px; white-space: nowrap; }
  .partners-section { padding: 40px 0; }
  .partners-heading { gap: 14px; margin-bottom: 22px; }
  .partners-heading > p { font-size: 14px; margin: 0; }
  .partners-grid a { min-height: 113px; padding: 14px 10px; gap: 9px; }
  .partners-grid img, .partners-grid a:nth-child(2) img, .partners-grid a:nth-child(3) img { height: 49px; max-width: 128px; }
  .partners-grid a:nth-child(4) img { width: 49px; height: 49px; }
  .partners-grid span { font-size: 9px; letter-spacing: 0; }
  .blog-preview { padding: 28px 0 36px; }
  .blog-preview-inner { grid-template-columns: 1fr; padding: 24px; gap: 18px; }
  .blog-illustration { width: 76px; height: 76px; }
  .blog-illustration > svg { width: 35px; height: 35px; margin-top: -10px; }
  .blog-wave { height: 55px; bottom: -40px; }
  .blog-wave.wave-two { height: 18px; bottom: 5px; right: -150px; }
  .blog-preview-copy .eyebrow { margin-bottom: 12px; }
  .blog-preview-copy h2 { font-size: 27px; }
  .blog-preview-copy > p:not(.eyebrow) { font-size: 14px; }
  .faq-section { padding: 8px 0 28px; }
  .faq-grid { gap: 16px; }
  .faq-grid h2 { font-size: 31px; }
  .faq-list summary { font-size: 14px; padding: 17px 0; }
  .faq-list details > p { font-size: 14px; }
  .footer-wave, .footer-wave svg { height: 49px; }
  .footer-top { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 28px 0; gap: 24px 16px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-brand > p:not(.footer-slogan) { max-width: 100%; font-size: 14px; margin-bottom: 12px; }
  .footer-top .footer-slogan { margin-block: 12px 8px; }
  .social-links { margin-block: 14px 10px; }
  .footer-top nav { margin: 0; gap: 8px; }
  .footer-top nav a, .footer-top nav button { min-height: 36px; font-size: 13px; }
  .footer-company { padding-top: 20px; }
  .footer-bottom { gap: 16px; font-size: 12px; }
  .legal-links { flex-direction: row; flex-wrap: wrap; gap: 16px; }
}
@media (max-width: 360px) {
  .benefit { grid-template-columns: 90px minmax(0,1fr); gap: 12px; }
  .benefit h3 { font-size: 17px; }
  .hero-visual { height: 295px; }
}
@media (max-width: 740px) {
  .human > svg { top: -8px; }
}
@media (max-width: 480px) {
  .header-inner { height: 110px; grid-template-rows: 58px 44px; }
}