:root{--blue:#005bff;--blue-dark:#0045c6;--black:#151515;--white:#fff;--light:#f4f5f7;--gray:#62646c;--line:#dedfe3;--body:'DM Sans',sans-serif;--display:'Barlow Condensed','Arial Narrow',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--black);background:#fff;font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:700;line-height:.98;letter-spacing:-.02em}h2{font-size:clamp(42px,4.5vw,66px)}::selection{background:var(--blue);color:white}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip-link{position:fixed;left:16px;top:-70px;padding:10px 20px;background:#fff;z-index:100}.skip-link:focus{top:10px}.section-shell{max-width:1320px;padding:108px 60px;margin:auto}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.7px;line-height:1.5}.site-header{position:sticky;top:0;background:rgba(255,255,255,.97);z-index:30;border-bottom:1px solid var(--line)}.nav-shell{max-width:1440px;padding:0 60px;margin:auto;height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;position:relative;flex-shrink:0;width:180px;aspect-ratio:680/230;overflow:hidden;clip-path:polygon(0 34%,6% 28%,94% 1%,98% 9%,98% 34%,100% 39%,100% 67%,96% 71%,3% 99%,0 92%)}.brand img{position:absolute;max-width:none;width:112.06%;height:auto;left:-7.35%;top:-117.39%}nav{display:flex;align-items:center;gap:32px}nav>a{font-size:14px;font-weight:500}nav>a:not(.button):hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:19px 25px;font-weight:700;font-size:15px;border:1px solid transparent;min-height:58px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:24px;line-height:1}.button-blue{background:var(--blue);color:#fff}.button-blue:hover{background:var(--blue-dark)}.button-dark{background:var(--black);color:#fff}.button-dark:hover{background:var(--blue)}.button-small{padding:13px 20px;min-height:46px;font-size:13px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;min-height:760px}.hero-copy{padding:58px 45px 58px max(60px,calc((100vw - 1320px)/2 + 60px))}.hero .eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.3px;white-space:nowrap}.tiny-check{font-size:14px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--blue);color:#fff}.hero h1{font-size:clamp(64px,6.1vw,90px);margin:26px 0 26px;line-height:.95;letter-spacing:-.015em}.hero h1>span{color:var(--blue)}.hero-description{max-width:390px;color:#575960;line-height:1.65;font-size:16px;margin-bottom:28px}.hero-footnote{font-size:12px;color:var(--gray);margin-top:15px}.hero-visual{background:var(--blue) url('../img/astra/azul-texturizado-20261004.webp') center/cover;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:60px 36px 132px}.hero-visual:before{content:'';position:absolute;inset:0;background:rgba(0,80,255,.38);z-index:-1}.visual-topline{display:flex;justify-content:space-between;align-items:center;color:white;position:absolute;top:29px;left:36px;right:36px;font-size:11px;letter-spacing:1.5px;font-weight:700}.visual-topline>span:last-child{font-size:32px}.operation-window{width:100%;max-width:570px;margin:auto;transform:rotate(-3deg);background:#fff;border:1px solid var(--black);border-radius:9px;overflow:hidden;box-shadow:14px 17px 0 rgba(0,0,0,.17);position:relative;z-index:2}.window-top{height:55px;display:flex;align-items:center;padding:0 22px;gap:16px;background:#161616;color:white;font-size:12px}.window-mark{font-size:27px;font-weight:700;letter-spacing:-2px}.window-mark span{color:#78a5ff}.window-menu{margin-left:auto;letter-spacing:3px}.window-body{padding:24px 22px 16px;background:#f8f9fb}.window-heading{display:flex;justify-content:space-between;align-items:center}.micro-label{font-size:9px;letter-spacing:1px;color:#696d77}.window-heading h2{font-family:var(--body);font-size:24px;line-height:1.18;letter-spacing:-1px;margin:9px 0 22px}.restaurant-icon{width:51px;height:51px;border:1px solid #bfd2ff;background:#e6edff;color:var(--blue);display:grid;place-items:center}.restaurant-icon svg{width:30px;height:30px}.window-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e0e2e6;background:white;margin-bottom:20px}.window-stats>div{padding:12px 16px}.window-stats>div+div{border-left:1px solid #e0e2e6}.window-stats span{display:block;font-size:10px;color:#696d77}.window-stats strong{font-size:30px;line-height:1.4;letter-spacing:-1px}.window-stats small{font-size:10px;font-weight:400;color:#737782;letter-spacing:0}.board-caption{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px}.board-caption>span{font-size:10px;color:#696d77}.order-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-column>p{font-size:10px;display:flex;align-items:center;gap:5px;margin-bottom:10px}.order-column>p>b{margin-left:auto;font-size:10px;color:#70737b}.status-dot{width:5px;height:5px;border-radius:50%;display:inline-block}.blue{background:var(--blue)}.black{background:#111}.order-card{padding:13px;background:white;border:1px solid #e0e2e6;border-radius:4px}.order-card>div{display:flex;justify-content:space-between;align-items:center;font-size:10px}.order-card>div>span{color:#565a63;font-size:9px}.order-card h3{font-size:11px;margin:14px 0 6px}.order-card p{font-size:9px;color:#6a6e77;line-height:1.65}.order-bottom{border-top:1px solid #eee;margin-top:13px;padding-top:9px}.order-bottom strong{font-size:9px}.order-card.compact{display:flex;justify-content:space-between;margin-top:9px;font-size:10px}.order-card.compact>span{font-size:9px;color:#636873}.kitchen-note{font-size:9px;padding:11px 4px;display:flex;gap:5px;align-items:center}.kitchen-note>span{color:var(--blue)}.example-label{text-align:center;font-size:8px;letter-spacing:.7px;color:#717681;margin-top:19px}.hero-sticker{position:absolute;z-index:3;bottom:104px;right:22px;display:flex;align-items:center;gap:13px;background:#fff;color:#111;padding:15px 23px;transform:rotate(5deg);box-shadow:5px 5px 0 #111;border:1px solid #111}.hero-sticker>span{font-size:39px;color:var(--blue)}.hero-sticker strong{font-family:var(--display);font-size:27px;line-height:.98}.checker-band{height:95px;position:absolute;left:-10px;right:-10px;bottom:30px;background:url('../img/astra/quadriculado-20261004.webp') center 26%/450px auto;transform:rotate(-4deg);z-index:0}.visual-bottom{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:8px;font-weight:600;letter-spacing:1.4px;color:#fff}.brand-strip{display:flex;align-items:center;justify-content:space-evenly;gap:20px;background:var(--black);color:#fff;padding:22px 35px;font-family:var(--display);font-size:23px;font-weight:600;letter-spacing:.7px}.brand-strip i{font-style:normal;color:#659cff;font-size:23px}.pain{display:grid;grid-template-columns:1fr 1fr;gap:70px}.section-intro h2{margin:24px 0}.muted{color:#797b83}.section-intro>p:last-child{max-width:370px;color:var(--gray);font-size:16px}.pain-list{padding-top:23px}.pain-list article{display:flex;gap:20px;padding:25px 0;border-top:1px solid var(--line)}.pain-list article:last-child{border-bottom:1px solid var(--line)}.item-number{color:var(--blue);font-size:12px;font-weight:700;padding-top:4px}.pain-list h3{font-size:18px;font-weight:600;margin-bottom:9px;letter-spacing:-.3px}.pain-list p{font-size:14px;color:var(--gray);max-width:345px}.pain-symbol{margin-left:auto;font-size:21px;color:#9a9da5}.solution{background:#151515;color:#fff}.solution-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:50px}.solution .eyebrow{color:#a7bbdf}.solution h2{margin-top:22px}.solution h2 span{color:#649aff}.solution-heading>p{color:#b9bbc1;max-width:435px;line-height:1.75}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.feature-tabs{display:flex;flex-direction:column}.feature-tabs button{border:0;border-top:1px solid #363636;background:none;color:#aaa;text-align:left;padding:23px 0;display:flex;gap:20px;align-items:baseline}.feature-tabs button:last-child{border-bottom:1px solid #363636}.feature-tabs button>span:first-child{font-size:12px;color:#7c818a}.feature-tabs button>span:nth-child(2){font-size:19px;font-weight:500;letter-spacing:-.3px}.feature-tabs small{font-size:13px;font-weight:400;display:block;margin-top:5px;color:#a3a3aa;letter-spacing:0}.feature-tabs b{font-size:23px;margin-left:auto;font-weight:400}.feature-tabs button[aria-selected=true]{color:#fff}.feature-tabs button[aria-selected=true]>span:first-child,.feature-tabs button[aria-selected=true]>b{color:#649aff}.feature-tabs button[aria-selected=true]>span:nth-child(2){padding-left:14px;border-left:3px solid var(--blue)}.feature-tabs button:hover{color:white}.feature-panel{background:#f1f4fb;color:#141414;padding:30px 34px;position:relative;align-self:stretch;min-width:0}.feature-panel-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1.2px;color:var(--blue)}.feature-panel-top>span:last-child{font-size:27px}.feature-panel h3{font-family:var(--display);font-size:49px;line-height:1;letter-spacing:-.6px;margin:23px 0 16px}.feature-panel>p{font-size:14px;line-height:1.7;color:#555c69;max-width:350px;min-height:70px}.feature-demo{border-top:1px solid #ccd3e2;margin-top:25px}.flow-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #d4d9e5}.flow-icon{width:32px;height:32px;display:grid;place-items:center;background:#fff;color:var(--blue);font-weight:700;font-size:12px;border:1px solid #d4dcec;flex-shrink:0}.flow-row strong{display:block;font-size:13px}.flow-row div>span{display:block;color:#606777;font-size:11px;margin-top:2px}.flow-row>b{margin-left:auto;color:var(--blue);font-weight:400}.feature-example{display:block;font-size:9px;letter-spacing:1px;color:#707988;margin-top:18px}.availability{font-size:12px;color:#a7a9b0;margin-top:27px;text-align:right}.how-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:50px}.how-heading h2{margin-top:22px}.how-heading>p{color:var(--gray);font-size:14px;max-width:310px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:0}.step-number{display:flex;justify-content:space-between;font-family:var(--display);font-size:68px;color:var(--blue);line-height:1;border-bottom:1px solid var(--line);padding:0 0 23px}.step-number>span{font-family:var(--body);font-size:22px;color:var(--black);align-self:center}.steps h3{font-size:18px;line-height:1.4;letter-spacing:-.3px;margin:25px 0 13px;font-weight:600}.steps p{font-size:14px;line-height:1.75;color:var(--gray)}.support{display:grid;grid-template-columns:1fr 1fr;background:#f2f3f6;max-width:1600px;margin:auto}.support-pattern{background:var(--blue) url('../img/astra/quadriculado-20261004.webp') center 36%/cover;min-height:610px;display:flex;align-items:center;justify-content:center;padding:60px;overflow:hidden}.support-poster{background:var(--blue) url('../img/astra/azul-texturizado-20261004.webp') center/cover;color:#fff;padding:32px;transform:rotate(-6deg);width:340px;box-shadow:13px 15px 0 #111;border:2px solid white}.support-poster>span:first-child{font-size:11px;font-weight:700;letter-spacing:1.5px}.support-poster>strong{display:block;font-family:var(--display);font-size:87px;line-height:.92;margin:32px 0 36px;letter-spacing:-1px}.poster-bottom{border-top:1px solid #ffffff77;padding-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1.5px;font-weight:700}.poster-bottom>b{font-size:30px;line-height:1}.support-copy{padding:75px 60px;align-self:center}.support-copy h2{font-size:57px;margin:24px 0}.support-copy>p:not(.eyebrow){color:var(--gray);max-width:390px;font-size:15px}.support-point{display:flex;gap:16px;margin-top:26px}.support-point>span{color:var(--blue);font-size:20px}.support-point h3{font-size:15px;font-weight:700;margin-bottom:5px}.support-point p{color:var(--gray);font-size:14px;max-width:360px}.text-link{display:inline-flex;gap:26px;align-items:center;border-bottom:1px solid #151515;padding-bottom:5px;font-size:13px;font-weight:700;margin-top:30px}.text-link:hover{color:var(--blue);border-color:var(--blue)}.text-link>span{font-size:21px}.conversion{display:grid;grid-template-columns:1.25fr 1fr;gap:32px 70px;align-items:end;padding-top:115px;padding-bottom:115px}.conversion>.eyebrow{grid-column:1/-1}.conversion h2{font-size:clamp(58px,6.5vw,92px)}.conversion h2>span{color:var(--blue)}.conversion-action{padding-bottom:8px}.conversion-action>p{color:var(--gray);line-height:1.75;margin-bottom:28px}.contact-note{font-size:12px;color:var(--gray);display:block;margin-top:15px}footer{background:var(--black);color:white;padding:48px max(60px,calc((100vw - 1200px)/2)) 24px}.footer-inner{display:flex;align-items:center;gap:48px;padding-bottom:37px}.footer-inner>p{font-size:13px;color:#b6b7bd}.footer-inner>a:last-child{margin-left:auto;font-size:12px;display:flex;gap:20px;align-items:center}.footer-inner>a:last-child>span{font-size:23px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:23px;border-top:1px solid #393939;font-size:11px;color:#a2a4ad}.footer-bottom>span:last-child{font-size:9px;letter-spacing:1.3px}
@media(min-width:1601px){.hero-copy{padding-left:100px}}@media(max-width:1150px){.nav-shell{padding:0 35px}nav{gap:22px}.hero-copy{padding-left:35px;padding-right:25px}.hero h1{font-size:74px}.hero .eyebrow{font-size:9px}.hero-visual{padding-left:23px;padding-right:23px}.window-body{padding:20px 15px 14px}.section-shell{padding:85px 35px}.pain,.solution-grid,.solution-heading{gap:40px}.support-copy{padding:55px 35px}.support-copy h2{font-size:49px}.support-pattern{padding:45px}.support-poster{width:290px}.support-poster>strong{font-size:76px}.steps{gap:23px}footer{padding-left:35px;padding-right:35px}}
@media(max-width:900px){.nav-shell{height:78px;padding:0 24px}.brand{width:155px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;background:none;border:1px solid var(--line)}.menu-toggle span{height:2px;width:22px;background:#111}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:25px;box-shadow:0 10px 20px #0000000d}nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav>a{padding:13px 0}nav .button{padding:15px 20px;margin-top:10px}.hero{min-height:650px}.hero-copy{padding:50px 25px}.hero h1{font-size:64px}.hero .eyebrow{white-space:normal;align-items:start;font-size:9px;max-width:230px}.tiny-check{flex-shrink:0}.hero-description{font-size:14px}.hero-visual{padding-left:16px;padding-right:16px}.visual-topline{left:20px;right:20px;font-size:9px}.window-heading h2{font-size:20px}.window-stats>div{padding:10px}.window-stats strong{font-size:27px}.window-stats small{font-size:8px}.order-board{gap:8px}.order-card{padding:9px}.order-card h3{font-size:10px}.order-card p{font-size:8px}.order-card>div>span{font-size:8px}.hero-sticker{padding:12px 16px;right:10px;bottom:100px}.hero-sticker strong{font-size:23px}.hero-sticker>span{font-size:28px}.brand-strip{font-size:17px;padding:19px 20px;gap:12px}.brand-strip i{font-size:17px}.section-shell{padding:70px 25px}.pain{gap:30px}.pain-list h3{font-size:16px}.pain-list p{font-size:13px}.pain-list article{gap:12px}.pain-symbol{display:none}.solution-heading,.solution-grid{gap:30px}.feature-tabs button>span:nth-child(2){font-size:16px}.feature-tabs button{gap:10px;padding:21px 0}.feature-tabs small{font-size:12px}.feature-panel{padding:24px}.feature-panel h3{font-size:44px}.feature-panel>p{font-size:13px}.flow-row{gap:8px}.flow-row div>span{font-size:10px}.flow-row strong{font-size:12px}.how-heading{align-items:start;flex-direction:column}.how-heading>p{max-width:none}.steps{grid-template-columns:1fr 1fr;gap:40px}.support-pattern{padding:30px}.support-poster{width:245px;padding:24px}.support-poster>strong{font-size:65px}.support-poster>span:first-child{font-size:9px}.support-copy{padding:48px 25px}.support-copy h2{font-size:42px}.support-copy .eyebrow{font-size:10px}.support{min-height:600px}.conversion{gap:24px 30px}.conversion h2{font-size:64px}.conversion-action>p{font-size:14px}.conversion .button{padding:17px 20px;gap:25px;font-size:14px}footer{padding:38px 25px 20px}.footer-inner{gap:30px}}
@media(max-width:650px){html{scroll-padding-top:78px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 24px 45px}.hero h1{font-size:clamp(64px,13vw,84px);margin:25px 0 23px}.hero .eyebrow{max-width:none;font-size:9px;align-items:center}.hero-description{font-size:16px;max-width:390px}.hero-visual{min-height:635px;padding:78px 29px 143px}.operation-window{max-width:435px}.window-body{padding:22px 19px 15px}.window-heading h2{font-size:23px}.window-stats>div{padding:10px 13px}.window-stats span{font-size:10px}.window-stats small{font-size:9px}.order-board{gap:11px}.order-card{padding:11px}.order-card h3{font-size:11px}.order-card p{font-size:9px}.order-card>div>span{font-size:9px}.hero-sticker{bottom:93px;right:27px;padding:13px 20px}.hero-sticker strong{font-size:27px}.hero-sticker>span{font-size:35px}.checker-band{height:105px;bottom:21px}.visual-topline{left:26px;right:26px;font-size:9px}.visual-bottom{font-size:7px}.brand-strip{flex-wrap:wrap;justify-content:center;font-size:19px;gap:10px 20px;padding:23px 15px}.brand-strip span{min-width:130px;text-align:center}.brand-strip i:nth-of-type(2){display:none}.section-shell{padding:65px 24px}.pain{grid-template-columns:1fr;gap:17px}.eyebrow{font-size:10px;letter-spacing:1.5px}h2{font-size:46px}.section-intro h2{margin:19px 0}.section-intro>p:last-child{font-size:15px}.pain-list{padding-top:16px}.pain-list article{gap:20px}.pain-list h3{font-size:17px}.pain-list p{font-size:14px}.solution-heading,.solution-grid{grid-template-columns:1fr;gap:26px}.solution-heading{margin-bottom:28px}.solution-heading>p{font-size:15px}.solution h2{font-size:55px;margin-top:18px}.feature-tabs button{padding:19px 0;gap:17px}.feature-tabs button>span:nth-child(2){font-size:17px}.feature-tabs small{font-size:12px}.feature-panel{padding:27px;min-height:475px}.feature-panel h3{font-size:48px}.feature-panel>p{font-size:14px;min-height:0}.flow-row{gap:12px}.flow-row strong{font-size:13px}.flow-row div>span{font-size:11px}.availability{text-align:left;font-size:12px;line-height:1.8;margin-top:22px}.how-heading{gap:23px;margin-bottom:35px}.how-heading h2{font-size:44px;margin-top:18px}.how-heading>p{font-size:14px}.steps{gap:35px 24px}.step-number{font-size:60px;padding-bottom:14px}.steps h3{font-size:16px;margin:17px 0 10px}.steps p{font-size:13px}.support{grid-template-columns:1fr}.support-pattern{min-height:500px;padding:50px}.support-poster{width:280px;padding:27px}.support-poster>strong{font-size:80px}.support-poster>span:first-child{font-size:10px}.support-copy{padding:55px 24px 62px}.support-copy h2{font-size:48px}.support-copy>p:not(.eyebrow){font-size:15px}.support-point p{font-size:14px}.text-link{font-size:13px;gap:20px}.conversion{grid-template-columns:1fr;gap:24px}.conversion>.eyebrow{grid-column:auto}.conversion h2{font-size:68px}.conversion-action{padding-top:6px;padding-bottom:0}.conversion-action>p{font-size:15px}.conversion .button{font-size:15px;padding:18px 23px}.footer-inner{flex-wrap:wrap;gap:25px}.footer-inner>p{font-size:12px;margin-left:auto}.footer-inner>a:last-child{margin:0;width:100%;justify-content:space-between;border-top:1px solid #393939;padding-top:20px}.footer-inner{padding-bottom:25px}.footer-bottom{font-size:10px;flex-direction:column;gap:8px}.footer-bottom>span:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Hero em três slides: a grade mantém a altura estável durante a transição. */
.hero-carousel{max-width:1600px;margin:auto}.hero-slides{display:grid}.hero-slide{grid-area:1/1;width:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s;min-width:0}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.hero-slide-title{font-size:clamp(64px,6.1vw,90px);margin:26px 0;line-height:.95;letter-spacing:-.015em}.hero-slide-title>span{color:var(--blue)}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 60px;min-height:68px;border-top:1px solid #e0e1e5;background:#fff}.carousel-caption{font-size:10px;letter-spacing:1.2px;font-weight:700}.slide-selectors{display:flex;gap:10px}.slide-selectors button{background:transparent;color:#767a83;border:0;border-bottom:2px solid transparent;min-width:42px;min-height:42px;font-size:12px;font-weight:700}.slide-selectors button[aria-current=true]{border-color:var(--blue);color:var(--blue)}.carousel-navigation{display:flex;gap:8px}.carousel-navigation button{display:grid;place-items:center;background:white;border:1px solid #dedfe3;width:42px;height:42px;font-size:20px}.carousel-navigation button:hover{background:var(--blue);border-color:var(--blue);color:#fff}.carousel-navigation .carousel-pause{border-color:transparent;margin-right:10px;font-size:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.menu-preview{width:86%;max-width:420px;background:#fff;margin:auto;transform:rotate(3deg);box-shadow:12px 14px 0 #0003;border:1px solid #141414;border-radius:6px;overflow:hidden;z-index:1}.menu-preview-cover{padding:25px 30px;background:#141414;color:white}.menu-preview-cover>span{font-size:8px;letter-spacing:1.5px;color:#adb3c0}.menu-preview-cover>strong{display:block;position:relative;font-family:var(--display);font-size:65px;line-height:.9;letter-spacing:-1px;margin:20px 0 13px}.menu-preview-cover>strong>span{font-size:25px;vertical-align:top;display:inline-block;margin:4px}.menu-preview-cover>p{font-size:11px;color:#c1c4ca}.menu-preview-body{padding:20px 25px}.menu-categories{display:flex;gap:10px;font-size:10px;align-items:center}.menu-categories span{padding:5px 10px}.menu-categories span:first-child{background:#005bff;color:white;border-radius:3px}.menu-preview-body h3{font-size:17px;letter-spacing:-.4px;margin:23px 0 5px}.menu-product{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #e0e2e6}.product-number{font-size:13px;color:var(--blue);font-weight:700}.menu-product strong{font-size:12px}.menu-product p{font-size:9px;color:#626774;margin:3px 0}.menu-product b{font-size:11px}.product-add{margin-left:auto;align-self:center;background:#e9efff;color:var(--blue);padding:0 7px;font-size:17px}.conversation-preview{background:#fff;width:100%;max-width:470px;margin:auto;transform:rotate(-3deg);box-shadow:13px 15px 0 #0003;border:1px solid #161616;z-index:1;border-radius:7px;overflow:hidden}.conversation-heading{background:#151515;color:white;display:flex;gap:13px;align-items:center;padding:20px}.team-avatar{font-size:26px;font-weight:700;letter-spacing:-2px;display:grid;place-items:center;background:var(--blue);width:43px;height:43px;border-radius:50%}.conversation-heading strong{font-size:13px;display:block}.conversation-heading div>span{display:block;font-size:10px;color:#b4b8c1;margin-top:3px}.conversation-heading>span:last-child{font-size:24px;margin-left:auto}.conversation-body{padding:25px;background:#f5f6fa}.conversation-label{font-size:8px;letter-spacing:1px;text-align:center;color:#6b7079;margin-bottom:25px}.message{font-size:12px;line-height:1.6;padding:14px 17px;max-width:88%;margin-bottom:15px;border:1px solid #e1e4ea;border-radius:9px}.message-customer{background:white;margin-left:auto;border-bottom-right-radius:0}.message-team{background:#005bff;color:white;border-color:#005bff;border-bottom-left-radius:0}.conversation-end{font-size:10px;display:flex;gap:9px;align-items:center;padding:8px 0}.conversation-end>span{color:var(--blue);font-size:15px}.conversation-visual{background-image:url('../img/astra/quadriculado-20261004.webp');background-position:center}.conversation-visual:before{background:rgba(0,44,130,.23)}.conversation-visual .checker-band{background-image:url('../img/astra/azul-texturizado-20261004.webp')}
@media(max-width:1150px){.hero-slide-title{font-size:74px}.carousel-controls{padding-left:35px;padding-right:35px}.menu-preview{width:92%}.menu-preview-cover{padding:23px}.menu-preview-body{padding:18px}.conversation-body{padding:20px}.message{font-size:11px}}
@media(max-width:900px){.hero-slide-title{font-size:64px}.carousel-controls{padding-left:25px;padding-right:25px}.menu-preview{width:100%}.menu-preview-cover>strong{font-size:55px}.menu-preview-body h3{font-size:15px}.menu-categories{gap:2px}.menu-product{gap:8px}.menu-product p{font-size:8px}.conversation-heading{padding:15px;gap:9px}.conversation-body{padding:18px}.message{font-size:10px;padding:11px 13px}.conversation-end{font-size:9px}.conversation-heading strong{font-size:12px}.conversation-heading div>span{font-size:9px}}
@media(max-width:650px){.hero-slide-title{font-size:clamp(64px,13vw,84px);margin:25px 0 23px}.hero-slide{grid-template-rows:585px 635px}.hero-copy{align-self:center}.hero-visual{align-self:stretch}.carousel-controls{padding:12px 24px;gap:12px}.carousel-caption{display:none}.carousel-navigation{gap:5px}.carousel-navigation .carousel-pause{margin-right:3px}.menu-preview{width:92%;max-width:350px}.menu-preview-cover{padding:22px 26px}.menu-preview-cover>strong{font-size:58px}.menu-preview-body{padding:18px 22px}.menu-preview-body h3{font-size:16px}.menu-product p{font-size:9px}.conversation-preview{max-width:390px}.conversation-heading{padding:19px}.conversation-body{padding:23px}.message{font-size:12px;padding:13px 16px}.conversation-heading strong{font-size:13px}.conversation-heading div>span{font-size:10px}.conversation-end{font-size:10px}}
@media(max-width:370px){.hero-slide{grid-template-rows:620px 635px}.hero h1,.hero-slide-title{font-size:58px}.hero-visual{padding-left:20px;padding-right:20px}.hero-copy .button{font-size:13px;gap:15px}.brand-strip span{min-width:115px}.brand-strip{gap:10px 12px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}
.hero-slide{margin:0;align-self:stretch;height:100%}
@media(max-width:650px){.hero-slide{grid-template-rows:minmax(585px,auto) 635px}.hero-copy{min-width:0}.hero-copy .button{max-width:100%}}
@media(max-width:370px){.hero-slide{grid-template-rows:minmax(620px,auto) 635px}.hero h1,.hero-slide-title{font-size:54px}}
@media(max-width:650px){.support-pattern{padding:48px 32px;min-height:455px}.support-poster{width:min(280px,100%);flex-shrink:0;padding:24px}.support-poster>strong{font-size:clamp(50px,15vw,60px)}.conversion h2{font-size:clamp(54px,16.5vw,68px)}.conversion-action{min-width:0}.conversion .button{max-width:100%;gap:18px}}
@media(max-width:370px){.carousel-controls{padding:12px;gap:8px}.slide-selectors{gap:4px}.slide-selectors button{min-width:40px;width:40px}.carousel-navigation button{width:40px}.carousel-navigation .carousel-pause{margin-right:0}.carousel-navigation{gap:4px}}
.support-poster>strong{font-size:74px}
@media(max-width:1150px){.support-poster>strong{font-size:61px}}
@media(max-width:900px){.support-poster>strong{font-size:53px}}
@media(max-width:650px){.support-poster>strong{font-size:clamp(50px,15vw,60px)}}
/* Cabeçalho em azul sólido. */
.site-header{background:var(--blue);color:var(--white);border-bottom-color:var(--blue-dark)}
.site-header nav>a:not(.button):hover{color:var(--white);text-decoration:underline;text-underline-offset:5px}
.site-header .button-dark{background:var(--white);color:var(--blue)}
.site-header .button-dark:hover{background:#edf3ff;color:var(--blue-dark)}
.site-header .menu-toggle{border-color:rgba(255,255,255,.45)}
.site-header .menu-toggle span{background:var(--white)}
.site-header :focus-visible{outline-color:var(--white)}
@media(max-width:900px){.site-header nav{background:var(--blue);border-bottom-color:var(--blue-dark)}}
/* Textura de papel azul contínua nos três slides da hero. */
.hero-slides{background:var(--blue) url('../img/astra/azul-papel-hero-20261004.webp') center/cover}
.hero-slide{background:transparent}
.hero-copy{color:var(--white);background:rgba(0,48,156,.14);align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero h1>span,.hero-slide-title>span{color:var(--white)}
.hero-description,.hero-footnote{color:var(--white)}
.hero-copy .tiny-check{background:var(--white);color:var(--blue)}
.hero-copy .button-blue{background:var(--white);color:var(--blue-dark)}
.hero-copy .button-blue:hover{background:#edf3ff;color:var(--blue-dark)}
.hero-copy :focus-visible{outline-color:var(--white)}
.hero-visual,.conversation-visual{background:transparent}
.hero-visual:before,.conversation-visual:before{background:transparent}
/* Quadriculado em toda a área visual de cada slide. */
.hero-visual,.conversation-visual{background:var(--blue) url('../img/astra/quadriculado-20261004.webp') center 28%/cover no-repeat}
.hero-visual .checker-band{display:none}
.visual-topline{background:var(--blue);padding:8px 12px}
.visual-bottom{background:var(--blue);bottom:0;padding:10px 12px}

/* Composição inspirada no Pen GgNNwrB: texto, fotografia em camadas e faixa vertical. */
.kinetic-hero{padding:28px 28px 34px;background:#005bff;color:#fff;scroll-margin-top:0}
.kinetic-stage{--depth-x:0px;--depth-y:0px;position:relative;isolation:isolate;max-width:1384px;margin:auto;background:#005bff url('../img/astra/azul-papel-hero-20261004.webp') center/cover;border:1px solid #ffffff60;border-radius:6px;overflow:hidden;box-shadow:0 16px 36px #00236c36}
.kinetic-stage:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#001e68e8 0%,#003eb49e 42%,#005bff00 76%)}
.kinetic-watermark{position:absolute;left:30%;top:15%;font:800 clamp(160px,21vw,330px)/1 var(--display);letter-spacing:-.025em;color:#fff;opacity:.075;white-space:nowrap;pointer-events:none;transform:translateX(calc(var(--depth-x) * -.5));user-select:none}
.kinetic-slides{display:grid}
.kinetic-slide{display:grid;grid-template-columns:45% 43% 12%;grid-area:1/1;min-width:0;min-height:704px;visibility:hidden;opacity:0;pointer-events:none}
.kinetic-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.kinetic-copy{min-width:0;padding:43px 28px 153px 48px;position:relative;z-index:2;align-self:start}
.kinetic-eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:1.5px;line-height:1.5;min-height:17px}
.kinetic-eyebrow>span{width:6px;height:6px;flex:0 0 6px;background:#fff;box-shadow:0 0 0 4px #ffffff1a}
.kinetic-copy h1,.kinetic-copy h2{font:700 clamp(55px,5.35vw,77px)/.96 var(--display);letter-spacing:-.018em;margin:29px 0 23px;color:white}
.kinetic-copy em{font-style:normal;color:#fff}
.kinetic-description{font-size:14px;line-height:1.75;color:#e5edff;max-width:360px;margin-bottom:25px}
.kinetic-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:52px;padding:14px 21px;background:#fff;color:#003ba8;font-size:13px;font-weight:700;box-shadow:4px 4px 0 #000e4838;transition:background .2s,transform .2s;max-width:100%}
.kinetic-cta>span{font-size:22px;line-height:1}
.kinetic-cta:hover{background:#ebf1ff;transform:translateY(-2px)}
.kinetic-art{min-width:0;position:relative;margin:39px 27px 28px 0;align-self:stretch;z-index:1}
.kinetic-art-label{display:flex;justify-content:space-between;align-items:center;gap:12px;position:absolute;top:0;left:2px;right:0;font-size:8px;letter-spacing:1.5px;font-weight:700}
.kinetic-art-label>span:last-child{font-size:21px;line-height:1}
.kinetic-photo-frame{position:absolute;inset:42px 0 64px;border:1px solid #ffffff8c;border-radius:3px;overflow:hidden;box-shadow:12px 14px 0 #00257869;transform:translate(calc(var(--depth-x) * .35),calc(var(--depth-y) * .35));background:#10264f}
.kinetic-photo{display:block;width:100%;height:100%;object-fit:cover;transform:translate(var(--depth-x),var(--depth-y)) scale(1.075);filter:saturate(.8) contrast(1.04)}
.photo-kitchen{object-position:59% center}.photo-tablet{object-position:50% 43%}.photo-service{object-position:64% center}
.kinetic-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#00184410 45%,#000f3194 100%);pointer-events:none}
.kinetic-photo-note{position:absolute;left:20px;top:22px;font-size:8px;letter-spacing:2px;font-weight:700;padding:8px 10px;background:#151515b3;border-left:2px solid #fff}
.kinetic-photo-caption{position:absolute;left:-20px;bottom:35px;display:flex;align-items:center;gap:17px;background:#fff;color:#151515;padding:21px 26px;box-shadow:6px 6px 0 #151515;transform:translate(calc(var(--depth-x) * -.6),calc(var(--depth-y) * -.6));min-width:252px}
.kinetic-photo-caption>span{font-size:43px;line-height:1;color:#005bff;font-weight:400}
.kinetic-photo-caption strong{font:700 29px/1.05 var(--display);letter-spacing:-.2px}
.kinetic-art-footer{position:absolute;bottom:0;right:0;left:0;text-align:right;font-size:7px;letter-spacing:1.5px;color:#fff}
.kinetic-rail{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:25px;padding:40px 15px 34px;border-left:1px solid #ffffff40;background:linear-gradient(#07152e99,#07152eb5),url('../img/astra/quadriculado-20261004.webp') 52% 25%/auto 780px}
.kinetic-monogram{font:800 43px/.9 var(--display);letter-spacing:-3px;color:#fff;border-bottom:1px solid #ffffff65;padding-bottom:18px}
.kinetic-rail-title{writing-mode:vertical-rl;transform:rotate(180deg);font:700 44px/1 var(--display);letter-spacing:1px;white-space:nowrap}
.kinetic-rail-count{font-size:22px;font-weight:600;white-space:nowrap}.kinetic-rail-count i{font-style:normal;font-size:11px;font-weight:400;color:#c5d7ff}










.kinetic-hero :focus-visible{outline:2px solid #fff;outline-offset:5px}
.kinetic-corner{position:absolute;width:15px;height:15px;border-color:#ffffff9c;border-style:solid;z-index:4;pointer-events:none}
.kinetic-corner-top{top:14px;left:14px;border-width:1px 0 0 1px}.kinetic-corner-bottom{bottom:14px;right:14px;border-width:0 1px 1px 0}
.kinetic-slide.is-active .kinetic-copy{animation:kinetic-enter .45s ease-out both}
.kinetic-slide.is-active .kinetic-art{animation:kinetic-reveal .65s cubic-bezier(.2,.7,.2,1) both}
@keyframes kinetic-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes kinetic-reveal{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
.support-photo{position:relative;min-height:610px;overflow:hidden;background:#005bff url('../img/astra/quadriculado-20261004.webp') center/cover;border:22px solid #005bff}
.support-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% center}
.support-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#071428db)}
.support-photo-caption{position:absolute;left:30px;right:25px;bottom:35px;color:white;z-index:1}
.support-photo-caption>span{font-size:10px;letter-spacing:1.5px;font-weight:700}
.support-photo-caption strong{display:block;font:700 clamp(42px,4.6vw,65px)/.95 var(--display);margin-top:16px}
@media(min-width:1600px){.kinetic-copy{padding-top:49px}.kinetic-slide{min-height:735px}.kinetic-description{font-size:15px}.kinetic-art{margin-top:46px;margin-bottom:35px}}
@media(max-width:1150px){.kinetic-hero{padding:20px}.kinetic-slide{grid-template-columns:46% 43% 11%;min-height:680px}.kinetic-copy{padding:36px 24px 153px 32px}.kinetic-copy h1,.kinetic-copy h2{font-size:62px}.kinetic-eyebrow{font-size:8px;letter-spacing:1px}.kinetic-photo-caption{left:-8px;min-width:220px;padding:17px 20px;gap:12px}.kinetic-photo-caption strong{font-size:26px}.kinetic-photo-caption>span{font-size:35px}.kinetic-art{margin-right:22px}.kinetic-rail{padding-left:10px;padding-right:10px}.kinetic-rail-title{font-size:36px}.kinetic-art-label{font-size:7px;letter-spacing:1px}.support-photo{border-width:16px}}
@media(max-width:900px) and (min-width:701px){.kinetic-slide{grid-template-columns:48% 42% 10%;min-height:665px}.kinetic-copy{padding-left:25px;padding-right:20px}.kinetic-copy h1,.kinetic-copy h2{font-size:56px}.kinetic-description{font-size:13px}.kinetic-cta{font-size:11px;gap:15px;padding:12px 15px}.kinetic-art{margin-right:17px}.kinetic-art-label{letter-spacing:.4px;font-size:6px}.kinetic-photo-caption{min-width:0;padding:15px;gap:10px}.kinetic-photo-caption strong{font-size:23px}.kinetic-photo-caption>span{font-size:27px}.kinetic-rail-title{font-size:31px}.kinetic-monogram{font-size:34px}.kinetic-rail-count{font-size:17px}.kinetic-rail-count i{font-size:9px}.kinetic-photo-note{left:12px;top:16px;font-size:6px;padding:7px;letter-spacing:1px}.kinetic-art-footer{font-size:6px;letter-spacing:.7px}}
@media(max-width:700px){.kinetic-hero{padding:16px 14px 20px}.kinetic-stage{border-radius:3px}.kinetic-stage:before{background:linear-gradient(180deg,#002777bf 0%,#003fac55 62%,#005bff00)}.kinetic-slide{grid-template-columns:minmax(0,1fr) 54px;grid-template-rows:auto 342px;min-height:0;padding-bottom:102px}.kinetic-copy{grid-column:1/-1;padding:30px 25px 28px;align-self:stretch}.kinetic-eyebrow{font-size:7px;letter-spacing:1.1px;min-height:12px}.kinetic-copy h1,.kinetic-copy h2{font-size:clamp(49px,10vw,64px);line-height:.96;margin:23px 0 19px}.kinetic-description{font-size:13px;line-height:1.7;max-width:430px;min-height:67px;margin-bottom:22px}.kinetic-cta{min-height:48px;padding:11px 17px;font-size:12px;gap:21px}.kinetic-art{grid-column:1;grid-row:2;margin:0 18px 0 25px}.kinetic-art-label{top:0;font-size:6px;letter-spacing:.5px}.kinetic-art-label>span:last-child{font-size:17px}.kinetic-photo-frame{inset:28px 0 44px;box-shadow:7px 8px 0 #00257869}.kinetic-photo-note{font-size:6px;letter-spacing:1px;top:14px;left:14px;padding:6px 8px}.kinetic-photo-caption{left:-7px;bottom:26px;gap:12px;padding:12px 17px;min-width:0;box-shadow:4px 4px 0 #151515}.kinetic-photo-caption strong{font-size:24px}.kinetic-photo-caption>span{font-size:31px}.kinetic-art-footer{bottom:3px;text-align:left;font-size:5.5px;letter-spacing:.8px}.kinetic-rail{grid-column:2;grid-row:2;padding:19px 6px 18px;gap:15px}.kinetic-rail-title{font-size:23px;letter-spacing:.7px}.kinetic-monogram{font-size:29px;letter-spacing:-2px;padding-bottom:10px}.kinetic-rail-count{font-size:14px}.kinetic-rail-count i{font-size:7px}.kinetic-watermark{top:54%;left:0;font-size:170px;opacity:.1}.photo-kitchen{object-position:59% 47%}.photo-tablet{object-position:50% 35%}.photo-service{object-position:63% 42%}.support-photo{min-height:420px;border-width:14px}.support-photo-caption{left:23px;bottom:28px}.support-photo-caption strong{font-size:51px}.kinetic-corner-top{top:10px;left:10px}.kinetic-corner-bottom{bottom:10px;right:10px}}
@media(max-width:370px){.kinetic-hero{padding:12px 10px 16px}.kinetic-copy{padding:28px 20px 26px}.kinetic-copy h1,.kinetic-copy h2{font-size:47px}.kinetic-eyebrow{font-size:6px;letter-spacing:.9px}.kinetic-description{font-size:12px;min-height:82px}.kinetic-cta{font-size:10px;gap:15px;padding:12px 14px}.kinetic-art{margin-left:20px;margin-right:14px}.kinetic-photo-caption{padding:12px;gap:9px}.kinetic-photo-caption strong{font-size:21px}.kinetic-photo-caption>span{font-size:27px}.kinetic-art-label{font-size:5px}.support-photo-caption strong{font-size:43px}}
@media(max-width:370px){.kinetic-copy h1,.kinetic-copy h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.kinetic-slide.is-active .kinetic-copy,.kinetic-slide.is-active .kinetic-art{animation:none}.kinetic-photo,.kinetic-photo-frame,.kinetic-photo-caption,.kinetic-watermark{transform:none}.kinetic-cta:hover{transform:none}}

/* Hero automática, sem a faixa de controles. */
.kinetic-copy{padding-bottom:64px;align-self:center}
.kinetic-keyboard-pause{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;border:0}
.kinetic-keyboard-pause:focus-visible{width:auto;height:auto;clip-path:none;left:24px;bottom:16px;z-index:5;background:#fff;color:#003ba8;padding:10px 14px;font:600 12px var(--body)}
@media(max-width:700px){.kinetic-slide{padding-bottom:26px}.kinetic-copy{padding-bottom:28px;align-self:stretch}}
@media(max-width:370px){.kinetic-copy{padding-bottom:26px}}

/* Altura disponível: conteúdo no fluxo, sem cortar seções em telas baixas. */
html { scroll-padding-top: calc(var(--site-header-height, 90px) + 12px); }
body { overflow-x: clip; }
main > section { position: relative; height: auto; min-width: 0; }
.section-shell { padding-block: clamp(36px, 8vh, 108px); }
.solution-heading, .solution-grid, .pain, .support { min-width: 0; }
.solution-heading > *, .solution-grid > *, .support > * { min-width: 0; }
.feature-panel { height: auto; min-height: 0; }
.feature-panel > p { min-height: 0; }
@media (min-width: 651px) and (max-height: 850px) {
  .nav-shell { height: auto; min-height: 64px; padding-block: 8px; }
  .site-header .brand { width: 150px; }
  .site-header nav { gap: clamp(12px, 2vw, 26px); }
  .site-header .button { padding-block: 10px; min-height: 42px; }
  .section-shell { padding-block: clamp(24px, 4vh, 40px); }
  .solution-heading { margin-bottom: 24px; gap: 32px; }
  .solution h2 { font-size: clamp(38px, 4vw, 52px); margin-top: 12px; }
  .solution-heading > p { font-size: 14px; line-height: 1.6; }
  .solution-grid { gap: 32px; }
  .feature-tabs button { padding-block: 12px; }
  .feature-panel { padding: 22px 26px; }
  .feature-panel h3 { font-size: 38px; margin-block: 14px 12px; }
  .feature-panel > p { font-size: 13px; line-height: 1.6; }
  .feature-demo { margin-top: 16px; }
  .flow-row { padding-block: 10px; }
  .feature-example { margin-top: 12px; }
  .support-photo, .support-pattern, .support { min-height: 0; }
  .support-photo { min-height: 400px; }
  .support-copy { padding-block: 36px; }
  .kinetic-slide { min-height: 0; }
}
@media (max-width: 650px) {
  .section-shell { padding-block: 40px; }
  .solution-heading { margin-bottom: 22px; }
  .feature-panel { min-height: 0; }
  .support-copy { padding-block: 40px; }
}

/* Toda a landing acompanha a janela; o conteúdo pode crescer sem recorte. */
:root { --section-space: clamp(24px, 5svh, 72px); }
.section-shell { padding-block: var(--section-space); }
main > section:not(.kinetic-hero):not(.brand-strip) { height: auto; overflow: visible; }
.section-shell, .support-copy, .conversion-action, .footer-inner { min-width: 0; }
.section-shell h2, .support-copy h2 { font-size: clamp(36px, min(4.5vw, 7svh), 66px); }
.conversion h2 { font-size: clamp(42px, min(6vw, 9svh), 80px); }
.conversion { padding-block: var(--section-space); }
.support-copy { padding-block: var(--section-space); }
.support, .support-photo, .support-pattern { min-height: 0; height: auto; }
.support-photo { min-height: clamp(300px, 55svh, 610px); }
footer { padding-top: var(--section-space); }
.footer-inner { flex-wrap: wrap; row-gap: 20px; }
.kinetic-hero { padding: clamp(12px, 2svh, 28px); }
.kinetic-stage { height: auto; }
.kinetic-slides { display: block; }
.kinetic-slide { display: none; height: auto; min-height: 0; }
.kinetic-slide.is-active { display: grid; }
.kinetic-copy { padding-block: clamp(24px, 4svh, 48px); }
.kinetic-copy h1, .kinetic-copy h2 {
  font-size: clamp(40px, min(5.35vw, 8.5svh), 77px);
  margin-block: clamp(16px, 3svh, 29px);
}
.kinetic-description { min-height: 0; margin-bottom: clamp(16px, 3svh, 25px); }
.kinetic-art { min-height: clamp(300px, 50svh, 580px); }
.kinetic-rail { min-height: 0; padding-block: clamp(20px, 4svh, 40px); gap: 16px; }
.kinetic-rail-title { font-size: clamp(23px, min(3vw, 5svh), 44px); }
.kinetic-photo-caption { max-width: calc(100% + 8px); min-width: 0; }
@media (min-width: 901px) {
  .kinetic-slide.is-active { min-height: max(420px, calc(100svh - var(--site-header-height, 90px) - 48px)); }
  .kinetic-copy { align-self: center; }
  .solution-heading { margin-bottom: clamp(20px, 4svh, 40px); }
  .section-intro h2, .support-copy h2 { margin-block: clamp(16px, 3svh, 24px); }
  .pain-list { padding-top: 0; }
  .pain-list article { padding-block: clamp(16px, 3svh, 25px); }
  .step-number { font-size: clamp(42px, 8svh, 68px); padding-bottom: clamp(12px, 3svh, 23px); }
  .steps h3 { margin-top: clamp(14px, 3svh, 25px); }
}
@media (max-width: 900px) {
  .kinetic-slide.is-active { grid-template-columns: minmax(0, 1fr) 54px; grid-template-rows: auto auto; padding-bottom: 20px; }
  .kinetic-copy { grid-column: 1 / -1; align-self: stretch; padding: 28px 24px; }
  .kinetic-copy h1, .kinetic-copy h2 { font-size: clamp(38px, 7vw, 60px); }
  .kinetic-art { grid-column: 1; grid-row: 2; min-height: clamp(280px, 45svh, 400px); margin: 0 20px 0 24px; }
  .kinetic-rail { grid-column: 2; grid-row: 2; padding: 20px 6px; }
  .kinetic-rail-title { font-size: 23px; }
  .kinetic-photo-frame { inset: 28px 0 44px; }
}
@media (max-width: 650px) {
  .section-shell h2, .support-copy h2 { font-size: clamp(36px, 10vw, 52px); }
  .conversion h2 { font-size: clamp(42px, 12vw, 64px); }
  .kinetic-copy h1, .kinetic-copy h2 { font-size: clamp(36px, 10vw, 54px); }
  .kinetic-photo-caption { left: 0; padding: 12px; }
  .support-photo { min-height: clamp(300px, 50svh, 420px); }
}

/* Solução completa em telas baixas, inclusive com zoom do navegador. */
@media (min-width: 651px) and (max-height: 900px) {
  .solution .section-shell { padding-block: 20px; }
  .solution-heading { margin-bottom: 18px; gap: 28px; }
  .solution .eyebrow { font-size: 10px; letter-spacing: 1.2px; }
  .solution h2 { font-size: clamp(30px, 5.5svh, 44px); margin-top: 10px; }
  .solution-heading > p { font-size: 13px; line-height: 1.5; }
  .solution-grid { gap: 28px; align-items: stretch; }
  .feature-tabs button { padding-block: 9px; gap: 12px; }
  .feature-tabs button > span:nth-child(2) { font-size: 15px; line-height: 1.35; }
  .feature-tabs small { font-size: 11px; line-height: 1.4; margin-top: 3px; }
  .feature-tabs b { font-size: 18px; }
  .feature-tabs button[aria-selected=true] > span:nth-child(2) { padding-left: 10px; }
  .feature-panel { padding: 16px 20px; min-height: 0; }
  .feature-panel-top { font-size: 9px; letter-spacing: .8px; }
  .feature-panel-top > span:last-child { font-size: 20px; }
  .feature-panel h3 { font-size: clamp(28px, 5svh, 36px); margin-block: 10px; }
  .feature-panel > p { font-size: 12px; line-height: 1.5; max-width: none; }
  .feature-demo { margin-top: 12px; }
  .flow-row { padding-block: 7px; gap: 10px; }
  .flow-icon { width: 27px; height: 27px; font-size: 11px; }
  .flow-row strong { font-size: 12px; line-height: 1.4; }
  .flow-row div > span { font-size: 10px; line-height: 1.4; margin-top: 1px; }
  .feature-example { font-size: 8px; margin-top: 10px; }
}

/* Marca oficial transparente, sem recorte da imagem quadrada antiga. */
.brand { aspect-ratio:960 / 333; clip-path:none; overflow:visible; }
.brand img { position:static; width:100%; height:auto; max-width:100%; object-fit:contain; }

.demo-menu { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(24px,5vw,72px); }
.demo-copy { display:flex; flex-direction:column; align-items:flex-start; gap:20px; min-width:0; }
.demo-copy > p:not(.eyebrow) { max-width:48ch; color:#535967; }
.demo-copy small { color:#535967; font-size:12px; line-height:1.5; }
.demo-preview { display:block; min-width:0; background:#f1f4fc; border:1px solid #d6dff0; padding:clamp(16px,2vw,28px); }
.demo-preview-top,.demo-preview-bottom { display:flex; align-items:center; justify-content:space-between; gap:16px; font-weight:700; }
.demo-preview-top { color:#005bff; font-size:13px; letter-spacing:1px; margin-bottom:18px; }
.demo-preview-images { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.demo-preview figure { margin:0; min-width:0; }
.demo-preview img { width:100%; height:clamp(120px,24svh,240px); object-fit:cover; }
.demo-preview figcaption { font-size:15px; font-weight:600; padding:10px 0; }
.demo-preview-bottom { border-top:1px solid #d6dff0; padding-top:14px; margin-top:6px; font-size:13px; }
.demo-preview:hover { border-color:#005bff; }
@media(max-width:700px) { .demo-menu { grid-template-columns:1fr; } .demo-copy { gap:16px; } .demo-copy .button { width:100%; } }

.whatsapp-float { position:fixed; right:max(22px,env(safe-area-inset-right)); bottom:max(22px,env(safe-area-inset-bottom)); z-index:40;
  display:grid; place-items:center; width:60px; height:60px; border-radius:50%;
  background:#fff; color:#005bff; border:2px solid #005bff; box-shadow:0 5px 20px #00357730; }
.whatsapp-float svg { width:32px; height:32px; }
.whatsapp-float:hover { background:#005bff; color:#fff; }
.whatsapp-float:focus-visible { outline:3px solid #005bff; outline-offset:5px; }
@media(max-width:650px) { .whatsapp-float { width:54px; height:54px; right:max(16px,env(safe-area-inset-right)); bottom:max(16px,env(safe-area-inset-bottom)); } .whatsapp-float svg { width:29px; height:29px; } }
