:root{--green:#073f36;--deep:#04342d;--cream:#fbf6e9;--white:#fffdf7;--gold:#e5a522;--mint:#91d8aa;--text:#123f36;--muted:#66756e;--shadow:0 25px 65px rgba(7,63,54,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.header{position:fixed;z-index:50;inset:0 0 auto;padding:18px max(24px,calc((100% - 1240px)/2));display:flex;justify-content:space-between;align-items:center;transition:.3s}.header.scrolled{padding-top:10px;padding-bottom:10px;background:#fbf6e9eb;backdrop-filter:blur(16px);box-shadow:0 8px 30px #073f3612}.logo{font:800 28px system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-1.5px}.logo span{color:var(--gold)}nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}nav a:hover{color:var(--gold)}.login{margin-left:24px}.btn{min-height:52px;padding:0 24px;border-radius:14px;background:var(--gold);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:13px;box-shadow:0 13px 28px #e5a52235;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn.small{min-height:42px;padding:0 18px;border-radius:11px}.btn.outline{background:transparent;border:1px solid #073f3630;box-shadow:none}.play{border:1px solid var(--gold);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:8px}.menu-button{display:none;background:none;border:0}.hero{position:relative;padding:155px 0 185px;background:radial-gradient(circle at 78% 25%,#91d8aa28,transparent 25%),linear-gradient(145deg,#fffaf0,#f5efdf);clip-path:polygon(0 0,100% 0,100% 83%,60% 97%,0 89%)}.hero-grid{display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;gap:65px}.eyebrow,.label{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;color:#9b7118}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 6px #e5a52222;margin-right:8px}.hero h1,.connected h2,.product h2,.features h2,.cta h2{font:700 clamp(48px,5vw,76px)/.98 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.05em;margin:22px 0}.hero h1 span{display:block;color:var(--green)}.hero-copy>p{color:var(--muted);font-size:17px;line-height:1.7}.actions{display:flex;gap:12px;margin:30px 0 23px}.trust{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.video-card{position:relative;background:var(--green);border-radius:28px;padding:16px;color:white;box-shadow:var(--shadow);transform:rotate(1deg);overflow:hidden}.video-card video{display:none;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:17px}.video-card video.ready{display:block}.dashboard{display:grid;grid-template-columns:105px 1fr;min-height:365px;background:#faf9f4;color:var(--green);border-radius:17px;overflow:hidden}.dashboard aside{padding:22px 13px;background:#0a493e;color:#ffffffab;display:flex;flex-direction:column;gap:21px;font-size:9px}.dashboard aside strong{font-size:14px;color:white}.dash-content{padding:22px}.dash-head{display:flex;justify-content:space-between}.dash-head>div{display:flex;flex-direction:column;gap:5px}.dash-head em{height:max-content;font-style:normal;font-size:8px;background:#eef2e9;padding:6px 9px;border-radius:15px}.dash-head em i{display:inline-block;width:6px;height:6px;background:#42da91;border-radius:50%}.dash-panels{display:grid;grid-template-columns:1.5fr .8fr;gap:10px;margin:18px 0}.tables,.orders,.stats article,.metric{background:white;border:1px solid #e9e7de;border-radius:12px;padding:13px}.tables>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.tables button{aspect-ratio:1;border:1px solid #dddcd4;background:white;border-radius:7px;font-size:9px;font-weight:800;color:var(--green);transition:.4s}.tables button.active{background:var(--mint);transform:translateY(-3px)}.orders{display:flex;flex-direction:column;gap:9px;font-size:9px}.orders p{color:#c9860b}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats article,.metric{display:flex;flex-direction:column;gap:4px;font-size:9px}.bars{height:38px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #d5ddd6}.bars i{width:13%;height:35%;background:var(--mint);border-radius:3px 3px 0 0;animation:bars 2.5s ease-in-out infinite alternate}.bars i:nth-child(2){height:50%}.bars i:nth-child(3){height:42%}.bars i:nth-child(4){height:70%}.bars i:nth-child(5){height:58%}.bars i:nth-child(6){height:90%}.controls{display:grid;grid-template-columns:20px 1fr auto 18px;align-items:center;gap:9px;padding:14px 4px 0;font-size:9px}.controls>div{height:3px;background:#ffffff2e}.controls>div i{display:block;width:0;height:100%;background:var(--gold);animation:progress 6s linear infinite}.rings{position:absolute;width:230px;height:230px;border:1px solid #e5a52244;border-radius:50%;left:-120px;top:110px;box-shadow:0 0 0 42px transparent,0 0 0 43px #e5a5222c,0 0 0 84px transparent,0 0 0 85px #e5a52218}.hex{position:absolute;width:22px;height:22px;border:1px solid #d89817;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.h1{right:6%;top:125px}.h2{left:48%;bottom:100px}.marquee{position:relative;z-index:4;width:min(1030px,calc(100% - 38px));margin:-115px auto 65px;padding:18px 28px;background:var(--white);border:1px solid #073f3617;border-radius:18px 45px;box-shadow:0 18px 40px #073f3618;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-size:13px;transform:rotate(-1deg)}.marquee i{color:var(--gold)}.connected{position:relative;padding:120px 0 170px;background:var(--green);color:white;clip-path:ellipse(106% 52% at 50% 50%);margin:-70px 0 -90px;overflow:hidden}.label.light{color:var(--mint)}.connected h2 span{display:block;color:var(--gold)}.flow{position:relative;display:grid;grid-template-columns:1fr .18fr 1fr .18fr 1fr;gap:8px;align-items:center;margin-top:60px}.flow:before{content:"";position:absolute;left:15%;right:15%;top:52%;border-top:2px dotted #e5a522aa}.flow-card{position:relative;z-index:2;min-height:380px;padding:29px 24px;background:#ffffff0e;border:1px solid #ffffff77;backdrop-filter:blur(6px);opacity:0;transform:translateY(30px);transition:.7s}.flow-card.visible{opacity:1}.c1{border-radius:45px 20px 55px 15px;transform:rotate(-2deg)}.c2{border-radius:85px 24px 28px;transform:translateY(-18px)}.c3{border-radius:25px 65px 17px 48px;transform:rotate(2deg)}.round{width:50px;height:50px;border-radius:50% 50% 28% 50%;display:grid;place-items:center;font-style:normal;font-size:22px;color:var(--green)}.gold{background:var(--gold)}.mint{background:var(--mint)}.flow-card h3{font:700 25px system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:20px 0 6px}.flow-card p{color:#ffffffaf;font-size:12px;line-height:1.6}.mini-tables{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:white;padding:12px;border-radius:14px;margin-top:25px}.mini-tables b{display:grid;place-items:center;aspect-ratio:1;color:var(--green);border:1px solid #deded7;border-radius:7px;font-size:9px}.mini-tables .active{background:var(--mint)}.flow ul{list-style:none;margin:25px 0 0;padding:12px;background:white;color:var(--green);border-radius:14px;font-size:9px}.flow li{display:flex;justify-content:space-between;padding:8px 2px;border-bottom:1px solid #eee}.flow li:last-child{border:0}.flow li b{font-size:7px;background:#f2dfa5;padding:3px;border-radius:4px}.tag{position:relative;z-index:3;background:white;color:var(--green);padding:9px;border-radius:8px;text-align:center;font-size:8px;font-weight:800;box-shadow:0 12px 28px #0003}.tag small{display:block}.orbit{position:absolute;border:1px dashed #e5a52266;border-radius:50%}.o1{width:350px;height:200px;left:-120px;top:100px;transform:rotate(20deg)}.o2{width:360px;height:360px;right:-170px;bottom:80px}.product{padding:205px 0 90px;background:radial-gradient(circle at 80% 30%,#e5a52218,transparent 23%)}.product-grid{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:40px}.product h2{font-size:60px}.product-copy{opacity:0;transform:translateX(-25px);transition:.7s}.product-copy.visible{opacity:1;transform:none}.product-copy p{color:var(--muted);line-height:1.7}.product-copy a{display:inline-block;font-weight:800;border-bottom:2px solid var(--gold);padding-bottom:5px;margin-top:10px}.devices{position:relative;min-height:560px;opacity:0;transform:translateX(25px);transition:.7s}.devices.visible{opacity:1;transform:none}.monitor{position:absolute;right:2%;top:0;width:75%;height:390px;background:#153c36;border:12px solid #153c36;border-bottom-width:30px;border-radius:17px;box-shadow:var(--shadow)}.monitor:after{content:"";position:absolute;top:100%;left:40%;width:20%;height:55px;background:linear-gradient(#bbb,#eee)}.screen{height:100%;background:#f8f8f2;padding:22px}.screen-tables{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.screen-tables i{display:grid;place-items:center;aspect-ratio:1;background:white;border:1px solid #ddd;border-radius:9px;font-style:normal;font-size:10px}.screen-chart{height:100px;background:linear-gradient(160deg,transparent 48%,#8ed7a7 49%,#8ed7a7 52%,transparent 53%)}.phone,.kitchen{position:absolute;z-index:3;background:#fbfbf7;border:8px solid #143d36;box-shadow:var(--shadow)}.phone{left:0;top:180px;width:175px;border-radius:28px;padding:20px 12px;display:flex;flex-direction:column;gap:9px;font-size:9px}.phone button{border:0;background:var(--gold);padding:9px;border-radius:7px;font-weight:800;color:var(--green)}.kitchen{right:-2%;bottom:15px;width:280px;border-radius:16px;padding:17px;font-size:10px}.kitchen p{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:9px 0}.kitchen span{color:#d7890e}.kitchen em{color:#1a9f69;font-style:normal}.features{padding:80px 0 130px}.features h2{font-size:54px;max-width:760px;margin-bottom:50px}.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(220px,auto);gap:18px}.feature{position:relative;background:#ffffffbf;border:1px solid #073f3618;padding:27px;box-shadow:0 12px 35px #073f360c;opacity:0;transform:translateY(25px);transition:.5s}.feature.visible{opacity:1;transform:none}.feature:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.feature>i{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e5eee6;font-style:normal;font-size:22px}.feature h3{font:700 20px system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:22px 0 7px}.feature p{color:var(--muted);line-height:1.6;font-size:13px}.feature>b{position:absolute;bottom:20px;right:24px;color:#9b7118;font-size:10px}.wide{grid-column:span 5;border-radius:30px 30px 80px 22px}.tall{grid-column:span 3;grid-row:span 2;border-radius:80px 28px 32px}.cut{grid-column:span 4;clip-path:polygon(0 0,85% 0,100% 22%,100% 100%,0 100%)}.round-card{grid-column:span 3;border-radius:28px 85px 28px 28px}.ticket{grid-column:span 3;clip-path:polygon(0 0,100% 0,100% 38%,95% 50%,100% 62%,100% 100%,0 100%,0 62%,5% 50%,0 38%)}.soft{grid-column:span 3;border-radius:50px 20px 50px 20px}.impact{padding:20px 0 140px}.impact-shape{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;background:var(--green);color:white;padding:60px 70px;clip-path:polygon(5% 0,100% 11%,95% 100%,0 86%);opacity:0;transition:.7s}.impact-shape.visible{opacity:1}.impact article{display:flex;align-items:center;gap:18px}.impact article+article{border-left:1px solid #ffffff44;padding-left:35px}.impact article>i{font-style:normal;font-size:38px;color:var(--gold)}.impact article div{display:flex;flex-direction:column}.impact span{color:var(--gold);font-weight:800}.impact b{font-size:32px}.impact small{color:#ffffff99}.cta{position:relative;margin-top:-75px;padding:145px 0 110px;background:linear-gradient(120deg,#e4a322,#f6c457);clip-path:ellipse(116% 65% at 50% 65%);overflow:hidden}.cta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.cta h2{font-size:62px}.cta p{line-height:1.7;max-width:600px}.trust.dark{color:var(--green);margin-top:25px}.capsule{padding:40px;background:var(--green);color:white;border-radius:75px 30px 75px 30px;box-shadow:var(--shadow);transform:rotate(-2deg);display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center}.capsule>span{font-size:12px;color:var(--mint)}.btn.white{background:white;width:100%;box-shadow:none;justify-content:space-between}.capsule small{color:#ffffff88}.cta-rings{position:absolute;width:300px;height:300px;border:1px solid #ffffff66;border-radius:50%;left:-150px;bottom:-80px;box-shadow:0 0 0 38px transparent,0 0 0 39px #ffffff44,0 0 0 76px transparent,0 0 0 77px #ffffff33}footer{background:#032f29;color:white;padding:70px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.footer-grid>div{display:flex;flex-direction:column;gap:11px}.footer-grid p,.footer-grid a:not(.logo){font-size:12px;color:#ffffff99}.copy{border-top:1px solid #ffffff18;padding-top:24px;margin-top:45px;color:#ffffff66;font-size:11px}@keyframes bars{to{height:25%}}@keyframes progress{to{width:100%}}@keyframes rise{from{opacity:0;transform:translateY(22px)}}.reveal{animation:rise .8s both}.delay{animation-delay:.15s}
@media(max-width:1000px){nav{gap:16px}.login{margin-left:0}.hero-grid,.product-grid,.cta-grid{grid-template-columns:1fr}.hero{padding-top:130px}.flow{grid-template-columns:1fr 1fr 1fr;gap:17px}.tag{display:none}.devices{max-width:750px;width:100%;margin:auto}.wide,.tall,.cut,.round-card,.ticket,.soft{grid-column:span 6;grid-row:span 1}.impact-shape{padding:55px 45px}.impact article{flex-direction:column;align-items:flex-start}.impact article+article{padding-left:22px}}
@media(max-width:760px){.wrap{width:min(100% - 32px,620px)}.menu-button{display:block;width:42px;height:42px;padding:8px}.menu-button i{display:block;height:2px;background:var(--green);margin:5px;border-radius:3px}.header nav{position:absolute;top:68px;left:16px;right:16px;padding:18px;background:var(--cream);border-radius:20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}.header nav.open{opacity:1;visibility:visible;transform:none}.header nav a{padding:11px}.hero{padding:120px 0 150px;clip-path:polygon(0 0,100% 0,100% 95%,35% 100%,0 96%)}.hero-grid{gap:35px}.hero h1{font-size:47px}.actions{flex-direction:column}.dashboard{grid-template-columns:60px 1fr;min-height:280px}.dashboard aside{padding:14px 7px;gap:14px;font-size:6px}.dashboard aside strong{font-size:10px}.dash-content{padding:12px}.dash-panels{grid-template-columns:1fr}.orders{display:none}.stats article:nth-child(2){display:none}.stats{grid-template-columns:1fr}.controls span{display:none}.controls{grid-template-columns:20px 1fr 18px}.marquee{margin-top:-104px;gap:7px 11px;font-size:10px}.connected{clip-path:ellipse(155% 51% at 50% 50%);padding:110px 0 150px}.connected h2,.product h2,.cta h2{font-size:42px}.flow{grid-template-columns:1fr;max-width:420px;margin-inline:auto}.flow:before{left:50%;right:auto;top:5%;bottom:5%;border-left:2px dotted #e5a52277;border-top:0}.c1,.c2,.c3{transform:none}.product{padding-top:180px}.devices{min-height:490px}.monitor{width:100%;right:0;height:330px}.phone{width:145px;top:180px}.kitchen{width:205px;right:0;bottom:0}.features h2{font-size:40px}.feature-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:22px}.feature{min-width:86%;min-height:315px;clip-path:none!important;border-radius:28px;scroll-snap-align:center}.impact-shape{grid-template-columns:1fr;clip-path:polygon(8% 0,100% 3%,94% 100%,0 96%);padding:65px 45px}.impact article{flex-direction:row}.impact article+article{border-left:0;border-top:1px solid #ffffff33;padding:24px 0 0}.cta{clip-path:ellipse(175% 62% at 50% 65%);padding:135px 0 90px}.cta-grid{gap:35px}.capsule{padding:30px 22px;border-radius:50px 22px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:430px){.hero h1{font-size:41px}.hero-copy>p{font-size:15px}.video-card{padding:10px}.dash-head em{display:none}.monitor{height:300px}.phone{transform:scale(.88);transform-origin:left top}.kitchen{transform:scale(.86);transform-origin:right bottom}.feature{min-width:92%}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Fluxo conectado — composição inspirada na referência */
.connected{padding:92px 0 170px;margin:-70px 0 -90px;min-height:810px;scroll-margin-top:78px;background:radial-gradient(circle at 52% 45%,#126052 0,#08483e 38%,#043b34 76%);clip-path:none;overflow:hidden;isolation:isolate}
.connected:after{content:"";position:absolute;z-index:5;left:-3%;right:-3%;bottom:-112px;height:205px;background:var(--cream);border-radius:50% 50% 0 0/52% 52% 0 0;transform:rotate(-1deg)}
.connected-pattern{position:absolute;z-index:-1;inset:0;opacity:.55;background:radial-gradient(circle at 7% 12%,#f2aa25 0 3px,transparent 5px),radial-gradient(circle at 39% 10%,#f2aa25 0 3px,transparent 5px),radial-gradient(circle at 62% 23%,#f2aa25 0 3px,transparent 5px),radial-gradient(circle at 82% 82%,#f2aa25 0 3px,transparent 5px)}
.connected-pattern:before,.connected-pattern:after{content:"";position:absolute;width:310px;height:410px;border:2px dotted #d18f1d88;border-radius:50%;transform:rotate(24deg)}
.connected-pattern:before{left:-145px;top:-105px}.connected-pattern:after{right:-140px;top:35px;transform:rotate(-22deg)}
.connected-wrap{max-width:1050px}.connected h2{position:relative;z-index:3;margin:0 0 -42px 4px;font:700 46px/1.05 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.035em;color:#fff;text-shadow:0 2px 4px #001b1766}.connected h2 span{display:inline;color:inherit}
.connected .flow{height:520px;margin:0;display:block}.connected .flow:before{display:none}.connected .flow-lines{position:absolute;z-index:0;left:4%;top:79px;width:92%;height:410px;overflow:visible;fill:none;stroke:#eee8d3;stroke-width:1.6;stroke-dasharray:4 5;filter:drop-shadow(0 1px 1px #001f1a)}.connected .flow-lines circle{fill:#fff;stroke:#fff;stroke-dasharray:none}.connected .flow-card{position:absolute;z-index:2;width:25.5%;min-height:400px;padding:24px 18px 18px;background:linear-gradient(145deg,#ffffff10,#ffffff05);border:1.5px solid #ffffff8a;box-shadow:inset 0 0 0 3px #022f2955,0 18px 35px #001e1930;backdrop-filter:blur(7px);opacity:0;transition:.7s}.connected .flow-card.visible{opacity:1}.connected .c1{left:0;top:112px;border-radius:62px 50px 42px 44px;transform:rotate(-3deg)}.connected .c2{left:37.2%;top:55px;border-radius:70px 68px 52px 54px;transform:none}.connected .c3{right:0;top:69px;border-radius:66px 60px 50px 52px;transform:rotate(2deg)}
.connected .round{width:58px;height:58px;border-radius:50%;font-size:27px;border:1px solid #ffffff55;box-shadow:0 6px 13px #001f1a55}.connected .chart-icon{display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:16px}.chart-icon span{width:4px;background:#07463b;border-radius:2px}.chart-icon span:nth-child(1){height:12px}.chart-icon span:nth-child(2){height:22px}.chart-icon span:nth-child(3){height:31px}
.connected .flow-card h3{font:600 24px system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:16px 0 8px}.connected .flow-card p{margin:0;color:#fffdf7d9;font-size:12px;line-height:1.55}.connected .mini-tables{margin-top:22px;padding:14px;gap:9px;border-radius:14px;background:#fffdf8}.connected .mini-tables b{aspect-ratio:1.18;border-radius:8px;font-size:10px;box-shadow:0 2px 7px #073f3610}.connected .mini-tables .active{background:#a4dfb4}.connected .mini-tables .warn{background:#ffe7b5;border-color:#e9a525;box-shadow:inset 0 0 0 1px #e9a525}
.connected .flow ul{margin-top:22px;padding:7px 12px;border-radius:14px;background:#fffdf8;font-size:9px}.connected .flow li{align-items:center;padding:8px 1px}.connected .flow li span{display:flex;flex-direction:column;font-weight:700}.connected .flow li small{font-size:7px;color:#687770;font-weight:500}.connected .flow li b{background:#f8dfa0;padding:5px 7px}.connected .flow li b.ready{background:#cce9d5}.connected .flow li b.new{background:#eceeeb}
.connected .metric{margin-top:22px;min-height:154px;padding:15px;border-radius:14px;background:#fffdf8;color:var(--green);gap:3px}.connected .metric>b{font-size:17px}.connected .metric em{font-size:8px;color:#169461;font-style:normal;font-weight:800}.connected .metric em span{color:#6e7a74;font-weight:500}.connected .metric svg{width:100%;height:62px;margin-top:2px;overflow:visible}.connected .metric svg path:not(.area){fill:none;stroke:#28685c;stroke-width:2}.connected .metric svg .area{fill:#a9d5c450;stroke:none}
.connected .tag{position:absolute;padding:10px 13px;border-radius:9px;font-size:8px;text-align:left;line-height:1.3}.connected .tag small{font-weight:500}.connected .t1{z-index:4;left:27.2%;top:255px}.connected .t2{z-index:4;right:27%;top:245px}
@media(max-width:1000px){.connected{min-height:780px}.connected-wrap{width:min(900px,calc(100% - 40px))}.connected h2{font-size:42px}.connected .flow-card{width:28%}.connected .c2{left:36%}.connected .tag{display:block}.connected .t1{left:27%}.connected .t2{right:27%}}
@media(max-width:760px){.connected{padding:110px 0 205px;min-height:auto;margin-top:-70px}.connected:after{bottom:-105px}.connected h2{font-size:42px;margin-bottom:42px}.connected .flow{height:auto;display:grid;gap:28px;max-width:390px}.connected .flow-lines{display:none}.connected .flow-card{position:relative;inset:auto;width:100%;min-height:390px;transform:none!important}.connected .tag{display:none}.connected .c1,.connected .c2,.connected .c3{inset:auto}.connected .flow:before{display:none}}

/* Ecossistema do produto */
.product{position:relative;padding:195px 0 130px;min-height:820px;background:radial-gradient(circle at 61% 48%,#fffdf8 0,#fbf7ec 48%,#f6eedc 100%);overflow:hidden}
.product-decoration{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 9% 14%,transparent 0 46px,#e8bd6538 47px 48px,transparent 49px),radial-gradient(circle at 88% 13%,transparent 0 86px,#e8bd6530 87px 88px,transparent 89px),radial-gradient(circle at 94% 17%,#dea01f 0 4px,transparent 6px)}
.product-decoration:after{content:"";position:absolute;right:-100px;top:20px;width:330px;height:330px;border:2px dotted #db9c2140;border-radius:50%}
.product-grid{position:relative;display:grid;grid-template-columns:31% 69%;align-items:center;gap:0;max-width:1220px}
.product-copy{position:relative;z-index:6;padding-left:6px}.product h2{font:700 45px/1.15 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 25px}.product-copy>p{margin:0;color:#52665e;font-size:14px;line-height:1.85}.product-callouts{display:grid;gap:14px;margin-top:38px;width:285px}.product-callouts article{position:relative;min-height:96px;padding:18px 18px;display:flex;align-items:center;gap:15px;background:#fffefa;border:1px solid #dccfae;border-radius:19px;box-shadow:0 8px 18px #4a3c1818}.product-callouts article:after{content:"";position:absolute;right:-16px;top:34px;width:31px;height:31px;background:#fffefa;border-top:1px solid #dccfae;border-right:1px solid #dccfae;transform:rotate(45deg)}.product-callouts i{position:relative;z-index:1;flex:0 0 52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e7eadf;color:var(--green);font:700 26px sans-serif}.product-callouts span{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px}.product-callouts b{font-size:12px}.product-callouts small{color:#68766f;font-size:10px;line-height:1.55}.product-callouts .callout-chart{display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:14px}.callout-chart em{width:4px;background:var(--green);border-radius:2px}.callout-chart em:nth-child(1){height:12px}.callout-chart em:nth-child(2){height:21px}.callout-chart em:nth-child(3){height:31px}
.product .devices{position:relative;z-index:3;min-height:600px;opacity:0;transform:translateX(25px);transition:.7s}.product .devices.visible{opacity:1;transform:none}.product .monitor{position:absolute;z-index:1;top:0;left:13%;width:71%;height:495px;padding:12px 12px 28px;background:#202827;border:0;border-radius:26px 26px 5px 5px;box-shadow:0 22px 48px #073f3635}.product .monitor:before{content:"";position:absolute;inset:5px 30% auto;height:2px;background:#3a4342;border-radius:3px}.product .monitor:after{content:"";position:absolute;top:100%;left:38%;width:25%;height:92px;background:linear-gradient(100deg,#a7aaa8,#eef0ed 48%,#8f9290);clip-path:polygon(18% 0,82% 0,90% 78%,100% 88%,100% 100%,0 100%,0 88%,10% 78%)}
.product .screen{height:100%;padding:0;background:#f8f8f4;border-radius:14px 14px 1px 1px;overflow:hidden}.monitor-ui{display:grid;grid-template-columns:25% 75%;font-size:8px}.monitor-ui aside{padding:17px 11px;background:linear-gradient(155deg,#075347,#073d35);color:#dce9e5;display:flex;flex-direction:column;gap:9px}.monitor-ui aside strong{font:700 18px system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#fff;margin-bottom:4px}.monitor-ui aside span{padding:7px 6px;border-radius:5px}.monitor-ui aside .selected{background:#ffffff12}.monitor-main{padding:17px 19px;color:#254b43}.monitor-main header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.monitor-main header>b{font-size:11px}.monitor-main header small{padding:5px 7px;background:#fff;border-radius:10px;font-size:6px}.monitor-main header i{display:inline-block;width:5px;height:5px;background:#2aca85;border-radius:50%}.monitor-main h4{margin:0 0 12px;font-size:9px}.monitor-content{display:grid;grid-template-columns:1.5fr .75fr;gap:12px}.product .screen-tables{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0;padding:11px;background:#fff;border:1px solid #ece9df;border-radius:8px}.product .screen-tables i{aspect-ratio:1.25;border-radius:7px;font-size:7px}.product .screen-tables .occupied{background:#a9e2b7;border-color:#8ed3a0}.product .screen-tables .warning{border-color:#e7aa31;box-shadow:inset 0 0 0 1px #e7aa31}.screen-legend{display:flex;gap:9px;padding-top:7px;font-size:5px}.screen-legend span:nth-child(2){color:#29a263}.screen-legend span:nth-child(3){color:#e79915}.active-orders{padding:10px;background:#fff;border-radius:8px}.active-orders>b{font-size:7px}.active-orders p{display:flex;flex-direction:column;border-bottom:1px solid #eee;padding:7px 0;margin:0;font-weight:700}.active-orders p small{font-size:5px;color:#7b8681;font-weight:500}.monitor-stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}.monitor-stats article{min-height:104px;padding:10px;background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:4px}.monitor-stats p{margin:2px 0;display:flex;justify-content:space-between}.monitor-stats article>b{font-size:13px}.monitor-stats em{font-style:normal;color:#1b9a67;font-size:6px}.monitor-stats svg{height:35px}.monitor-stats path{fill:none;stroke:#39766b;stroke-width:2}
.product .phone{position:absolute;z-index:5;left:0;top:278px;width:184px;height:410px;padding:11px 9px 9px;display:flex;gap:0;background:#fbfbf8;border:8px solid #142321;border-radius:29px;box-shadow:0 15px 28px #073f3635;font-size:7px;overflow:hidden}.phone-top{display:flex;justify-content:space-between;padding:0 3px 8px}.product .phone h4{margin:0 -9px;padding:5px 11px 13px;background:#075044;color:#fff;font-size:13px}.phone-tabs{display:flex;justify-content:space-around;margin:0 -9px;padding:7px;background:#075044;color:#d6e5e1}.phone-tabs b{background:#fbfbf8;color:#174a41;padding:6px 23px;margin-bottom:-7px;border-radius:9px 9px 0 0}.product .phone>p{margin:0;padding:12px 5px;display:grid;grid-template-columns:16px 1fr 8px;align-items:start;border-bottom:1px solid #e2e3de}.product .phone>p span{display:flex;flex-direction:column;font-weight:700}.product .phone>p small{font-size:6px;color:#68756f;margin-top:3px}.product .phone>p i{font-style:normal;font-size:12px}.product .phone>strong{display:flex;justify-content:space-between;padding:13px 5px 8px}.product .phone button{padding:11px;background:#e9a51a}.product .phone footer{margin:auto -9px -9px;padding:9px 8px 6px;display:flex;justify-content:space-around;background:#fff;color:#34584f}.product .phone footer span{display:flex;flex-direction:column;align-items:center;font-size:10px}.product .phone footer small{font-size:5px;margin-top:2px}
.kitchen-label{position:absolute;z-index:6;right:0;top:271px;min-width:220px;padding:18px 24px;border-radius:28px;background:#dfe5d9;color:#334f47;font-size:13px;font-weight:700;box-shadow:0 9px 20px #073f3615}.kitchen-label i{font-style:normal;font-size:20px;margin-right:10px}.product .kitchen{position:absolute;z-index:4;right:0;bottom:0;width:355px;height:285px;padding:0 15px 12px;background:#fbfbf7;border:9px solid #15211f;border-radius:25px;box-shadow:0 18px 35px #073f3635;transform:rotate(1.5deg);font-size:10px;overflow:hidden}.product .kitchen header{display:flex;justify-content:space-between;margin:0 -15px 8px;padding:14px 16px;background:#07483e;color:#fff}.product .kitchen header i{color:#e3a220;font-style:normal}.product .kitchen header span{font-weight:500}.product .kitchen article{padding:6px 2px;border-bottom:1px solid #dfe1dc}.product .kitchen article>b{font-size:11px}.product .kitchen p{margin:4px 0;padding:0;border:0}.product .kitchen p span{float:right;color:#e48422;font-weight:800}.product .kitchen p em{float:right;color:#25a570;font-style:normal;font-weight:800}
@media(max-width:1000px){.product{padding-top:190px}.product-grid{grid-template-columns:1fr}.product-copy{text-align:center}.product-copy>p br{display:none}.product-callouts{grid-template-columns:1fr 1fr;width:min(620px,100%);margin:32px auto}.product-callouts article:after{display:none}.product .devices{width:min(800px,100%);margin:20px auto 0}.product .monitor{left:15%}}
@media(max-width:760px){.product{padding:180px 0 85px}.product h2{font-size:40px}.product h2 br{display:none}.product-copy>p{font-size:13px}.product-callouts{grid-template-columns:1fr;width:100%}.product-callouts article{width:100%}.product .devices{min-height:690px;transform:none}.product .monitor{left:0;width:100%;height:360px;padding:8px 8px 20px}.product .monitor:after{height:65px}.monitor-ui{grid-template-columns:23% 77%}.monitor-ui aside{padding:10px 6px}.monitor-ui aside strong{font-size:12px}.monitor-ui aside span{font-size:5px;padding:5px 2px}.monitor-main{padding:10px}.monitor-main header{margin-bottom:12px}.product .phone{top:315px;left:0;transform:scale(.82);transform-origin:left top}.product .kitchen{right:-10px;bottom:15px;width:285px;height:235px;transform:scale(.83) rotate(1.5deg);transform-origin:right bottom}.kitchen-label{top:370px;right:0;min-width:185px;padding:13px 16px;font-size:10px}}
@media(max-width:430px){.product .devices{min-height:650px}.monitor-main{padding:7px}.monitor-main header{margin-bottom:8px}.monitor-main header>b{font-size:8px}.monitor-stats{display:none}.product .screen-tables{gap:5px;padding:7px}.active-orders{padding:6px}.product .phone{top:290px;transform:scale(.72)}.product .kitchen{width:270px;transform:scale(.72) rotate(1.5deg);bottom:45px}.kitchen-label{top:370px;min-width:165px}}

/* Grade de recursos inteligentes */
.features{position:relative;padding:105px 0 175px;background:linear-gradient(145deg,#fffdf7,#f9f3e7);overflow:hidden}.features:after{content:"";position:absolute;z-index:0;left:-4%;right:-4%;bottom:-125px;height:205px;background:var(--green);border-radius:50% 50% 0 0/45% 45% 0 0;transform:rotate(-2deg)}.features-decor{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 96% 8%,transparent 0 85px,#dc9a202d 86px 87px,transparent 88px),radial-gradient(circle at 96% 8%,#dda01e 0 3px,transparent 5px)}.features .wrap{position:relative;z-index:1;max-width:1190px}.features>.wrap>.label{display:block;margin-bottom:12px}.features h2{font-size:52px;line-height:1.05;margin:0 0 46px;max-width:850px}.features .feature-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:300px 265px;gap:18px}.features .feature{position:relative;display:block;min-width:0;min-height:0;padding:30px;background:#fffefb;border:1.5px solid #ded5bc;box-shadow:0 8px 22px #624d1614;opacity:0;transform:translateY(25px);transition:.5s;overflow:hidden;color:#173e36}.features .feature.visible{opacity:1;transform:none}.features .feature:hover{transform:translateY(-6px);box-shadow:0 20px 45px #073f3617}.features .wide{grid-column:1/6;grid-row:1;border-radius:36px 58px 35px 36px}.features .tall{grid-column:6/9;grid-row:1/3;border-radius:60px 22px 40px 38px}.features .cut{grid-column:9/13;grid-row:1/3;border-radius:28px 60px 45px 35px;clip-path:polygon(0 0,80% 0,100% 23%,100% 100%,0 100%)}.features .round-card{grid-column:1/4;grid-row:2;border-radius:60px 30px 56px 34px}.features .ticket{grid-column:4/6;grid-row:2;border-radius:27px;clip-path:polygon(0 0,82% 0,100% 17%,100% 100%,0 100%)}
.features .feature-icon{display:grid;place-items:center;width:63px;height:63px;margin-bottom:12px;background:#e4e9df;clip-path:polygon(50% 0,88% 20%,100% 61%,74% 100%,25% 92%,0 58%,10% 18%);border-radius:0;color:#0a443a;font-style:normal;font-size:30px}.features .feature h3{position:relative;z-index:2;margin:10px 0 12px;font:700 21px system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.features .feature p{position:relative;z-index:2;margin:0;color:#596b64;font-size:13px;line-height:1.75}.features .feature>b{display:none}.features .wide>img{position:absolute;right:6px;bottom:-5px;width:48%;height:75%;object-fit:contain;filter:drop-shadow(0 12px 10px #2a251d35)}.features .wide h3,.features .wide p{max-width:52%}
.features .tall{padding:30px 25px}.waiter-photo{position:absolute;left:20px;right:20px;bottom:20px;height:275px;border-radius:60px 60px 40px 40px;overflow:hidden;background:#d8d3c4}.waiter-photo img{width:118%;height:118%;object-fit:contain;object-position:center 12%;transform:translate(-7%,1%)}
.features .bars-icon{display:flex;align-items:flex-end;justify-content:center;gap:5px;padding:17px}.bars-icon em{width:5px;background:#0a443a;border-radius:3px}.bars-icon em:nth-child(1){height:14px}.bars-icon em:nth-child(2){height:26px}.bars-icon em:nth-child(3){height:38px}.feature-metric{position:absolute;left:25px;right:25px;bottom:28px;height:180px;padding:18px;background:#fff;border:1px solid #e2ddd0;border-radius:22px;box-shadow:0 6px 15px #073f360c;display:flex;flex-direction:column}.feature-metric small{font-size:10px}.feature-metric>b{font-size:20px;margin:3px 0}.feature-metric>em{font-size:9px;font-style:normal;color:#159864;font-weight:800}.feature-metric>em span{color:#718079;font-weight:500}.feature-metric svg{width:100%;height:75px;margin-top:4px}.feature-metric svg path:not(.metric-area){fill:none;stroke:#2e7063;stroke-width:2}.feature-metric .metric-area{fill:#a9d7c43d;stroke:none}
.features .round-card{padding:25px}.features .round-card .feature-icon{width:58px;height:58px;margin-bottom:7px}.features .round-card h3{font-size:18px;margin:6px 0 10px}.features .round-card p{font-size:11px}.features .ticket{padding:31px 22px}.ifood-mark{display:block;color:#e7252f;font:800 italic 28px system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-2px;margin:0 0 30px}.features .ticket h3{font-size:18px}.features .ticket p{font-size:11px}
@media(max-width:1000px){.features .feature-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:300px 300px 300px}.features .wide{grid-column:1/4;grid-row:1}.features .tall{grid-column:4/7;grid-row:1/3}.features .cut{grid-column:1/4;grid-row:2/4}.features .round-card{grid-column:4/7;grid-row:3}.features .ticket{grid-column:4/7;grid-row:3;padding-left:51%;background:transparent;border-color:transparent;box-shadow:none;pointer-events:none}.features .round-card{padding-right:50%}.features .ticket .ifood-mark{margin-bottom:14px}.features .ticket h3,.features .ticket p{font-size:10px}}
@media(max-width:760px){.features{padding:85px 0 150px}.features h2{font-size:40px}.features h2 br{display:none}.features .feature-grid{display:flex;overflow:auto;gap:16px;padding:5px 4px 28px;scroll-snap-type:x mandatory}.features .feature{flex:0 0 86%;height:470px;min-height:470px;clip-path:none;border-radius:35px;scroll-snap-align:center}.features .wide h3,.features .wide p{max-width:100%}.features .wide>img{width:65%;height:56%}.features .tall .waiter-photo{height:240px}.features .cut .feature-metric{height:165px}.features .round-card,.features .ticket{padding:30px;pointer-events:auto;background:#fffefb;border-color:#ded5bc;box-shadow:0 8px 22px #624d1614}.features .round-card p,.features .ticket p{font-size:13px}.features .round-card h3,.features .ticket h3{font-size:21px}}

/* Hero compacto — primeira dobra */
.hero{min-height:720px;padding:118px 0 128px;background:radial-gradient(circle at 72% 27%,#ffffff 0,#fcf8ee 42%,#f7efdf 100%);clip-path:polygon(0 0,100% 0,100% 86%,82% 94%,56% 88%,30% 97%,0 89%)}.hero .wrap{width:min(1240px,calc(100% - 64px))}.hero-grid{grid-template-columns:38% 62%;gap:42px;align-items:center}.hero-copy{position:relative;z-index:3;padding-top:15px}.hero .eyebrow{display:none}.hero h1{margin:0 0 20px;font:700 clamp(48px,4.35vw,64px)/.99 Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:var(--green)}.hero h1 span{display:block;color:var(--green)}.hero-copy>p{max-width:430px;margin:0;color:#4f625b;font-size:17px;line-height:1.55}.hero .actions{margin:28px 0 28px;gap:14px}.hero .actions .btn{min-height:55px;padding:0 23px;border-radius:12px;font-size:13px}.hero .actions .outline{background:#fffaf0;border:1.5px solid #dfa329;box-shadow:0 8px 20px #563f0b0c}.hero .play{width:27px;height:27px;background:#fff;border-color:#d89a1c;color:#765916}.hero .trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:440px}.hero .trust span{min-height:58px;padding:10px 11px;display:flex;align-items:center;gap:9px;background:#fffdf8;border:1px solid #e5ded0;border-radius:14px;box-shadow:0 7px 18px #4b3b1110;color:#485d55;font-size:9px;line-height:1.35}.hero .trust i{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid #d8ddd5;border-radius:7px;color:var(--green);font-style:normal;font-size:13px}
.hero .video-card{position:relative;padding:13px 13px 12px;border:2px solid #38685f;border-radius:25px;background:#073f36;box-shadow:0 24px 55px #073f3625;transform:none;overflow:visible}.hero .video-card:before{content:"★";position:absolute;z-index:5;left:-22px;top:-22px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--gold);border:2px solid #fff3cf;color:var(--green);font-size:25px;transform:rotate(-12deg)}.hero .dashboard{min-height:400px;grid-template-columns:120px 1fr;border-radius:14px}.hero .dashboard aside{padding:22px 14px;gap:19px;font-size:9px}.hero .dashboard aside strong{font-size:17px}.hero .dash-content{padding:24px}.hero .dash-head>div small{font-size:9px}.hero .dash-head>div b{font-size:15px}.hero .dash-panels{margin:22px 0 13px}.hero .tables>div{gap:9px}.hero .tables button{font-size:10px}.hero .stats article{min-height:105px}.hero .controls{padding:13px 7px 1px;font-size:10px}.hero .rings{width:220px;height:220px;left:-105px;top:75px}.hero .h1{right:25%;top:83px}.hero .h2{left:49%;bottom:74px}
.marquee{z-index:8;width:min(1080px,calc(100% - 70px));min-height:70px;margin:-105px auto 34px;padding:17px 28px;border-radius:26px 55px;align-items:center;gap:26px;font-size:13px;transform:rotate(-.5deg)}.marquee:before,.marquee:after{content:"●";display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff5df;color:#dfa01d;font-size:16px}.marquee:after{content:"●"}.marquee strong{font-size:15px}.connected{margin:-72px 0 -90px}
@media(max-width:1000px){.hero{min-height:auto;padding:125px 0 170px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-copy{max-width:650px}.hero h1{font-size:61px}.hero .video-card{max-width:760px;width:100%;margin:auto}.marquee{margin-top:-118px}.connected{margin-top:-70px}}
@media(max-width:760px){.hero{padding:108px 0 150px;clip-path:polygon(0 0,100% 0,100% 95%,35% 100%,0 96%)}.hero .wrap{width:min(100% - 32px,620px)}.hero h1{font-size:44px}.hero-copy>p{font-size:15px}.hero .actions{flex-direction:column}.hero .trust{max-width:none}.hero .trust span{padding:8px;font-size:8px}.hero .dashboard{min-height:280px;grid-template-columns:60px 1fr}.hero .video-card:before{width:42px;height:42px;left:-10px;top:-16px}.marquee{width:calc(100% - 28px);margin-top:-103px;min-height:62px;gap:8px 12px;padding:14px;font-size:10px}.marquee:before,.marquee:after{display:none}}
@media(max-width:430px){.hero h1{font-size:40px}.hero .trust{grid-template-columns:1fr}.hero .trust span{min-height:45px}.hero .dashboard{grid-template-columns:55px 1fr}.hero .dash-content{padding:11px}}

/* Fechamento da página: resultados + chamada final */
.impact{position:relative;padding:62px 0 0;background:#fbf6e9;overflow:hidden}.impact:before{content:"";position:absolute;left:5%;top:12px;width:28px;height:28px;border:2px solid #dfa32355;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.impact-shape{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));min-height:235px;padding:46px 105px 44px 135px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:radial-gradient(circle at 89% 20%,#0b594c,#06463c 58%,#043a33);color:#fff;clip-path:polygon(10% 0,100% 0,100% 68%,93% 100%,0 100%);opacity:0;transition:.7s}.impact-shape.visible{opacity:1}.impact-shape:after{content:"";position:absolute;right:-75px;top:-95px;width:260px;height:260px;border:2px dotted #dfa32366;border-radius:50%}.impact article{position:relative;display:flex;align-items:center;gap:20px;padding:0 35px}.impact article+article{border-left:1px solid #e6eee866;padding-left:42px}.impact article>i{flex:0 0 72px;height:72px;display:grid;place-items:center;border:1px solid #dfa323;border-radius:50%;box-shadow:inset 0 0 0 9px #073f36,0 0 0 1px #dfa32355;font-style:normal;font-size:37px;color:#efa91f}.impact article div{display:flex;flex-direction:column;align-items:flex-start}.impact span{color:#efa91f;font:700 17px/1.05 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.impact b{margin:4px 0;font:600 29px system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.impact small{color:#fffdf7c4;font-size:9px;line-height:1.55}.impact-decor{position:absolute;z-index:3;left:2%;bottom:-50px;width:155px;height:155px;border:2px dotted #d99c2250;border-radius:50%}
.cta{position:relative;min-height:385px;margin:0;padding:72px 0 66px;background:radial-gradient(circle at 47% 60%,#f8bc3a,#e6a11e 74%);clip-path:none;overflow:hidden}.cta:before{content:"";position:absolute;left:-60px;top:-42px;width:270px;height:150px;border:1px solid #fff8e854;border-radius:50%}.cta-grid{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-right:125px}.cta-copy{padding-left:55px}.cta h2{margin:0 0 14px;font:600 42px/1.06 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.04em;color:#083f36}.cta p{margin:0;color:#36554c;font-size:13px;line-height:1.6}.cta .trust.dark{display:flex;gap:27px;margin-top:25px;color:#183f37;font-size:9px}.cta .trust.dark span{display:flex;align-items:center;gap:7px}.cta .trust.dark i{font-style:normal;font-size:15px}.capsule{position:relative;min-height:210px;padding:65px 35px 28px;background:linear-gradient(145deg,#064b40,#033d35);border:1px solid #d9a128;border-radius:100px 38px 100px 62px;box-shadow:0 15px 25px #5e410d25;transform:rotate(-1deg);display:flex;flex-direction:column;align-items:center;gap:18px}.capsule .btn.white{width:100%;min-height:62px;padding:0 30px;background:transparent;border:1px solid #d9a128;border-radius:34px;color:#fff;font-size:18px;box-shadow:none;justify-content:space-between}.capsule .btn.white b{width:33px;height:33px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;font-size:17px}.capsule small{color:#ffffffc7;font-size:10px}.capsule-lines{position:absolute;right:42px;top:22px;color:#d99d25;font-style:normal;font-size:18px}.plate{position:absolute;z-index:3;right:-116px;top:-25px;width:300px;height:300px;border:3px solid #fff;border-radius:50%;background:radial-gradient(circle,#f7f3e9 0 34%,#e9e4d9 35% 37%,#fff 38% 65%,#ddd8cf 66% 68%,#faf9f5 69%);box-shadow:0 15px 35px #5f410b2b}.plate:after{content:"";position:absolute;inset:108px;border:1px dashed #dfa32388;border-radius:50%}.chopsticks{position:absolute;z-index:5;right:150px;bottom:-38px;width:330px;height:8px;background:#75401f;border-radius:8px;transform:rotate(-33deg);box-shadow:0 13px 0 #9b582b}.cta-rings{width:220px;height:220px;left:-100px;bottom:-105px}.cta-rings:after{content:"";position:absolute;left:1080px;top:-220px;width:24px;height:24px;border:2px solid #fff8e870;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
@media(max-width:1000px){.impact-shape{padding:45px 35px 48px}.impact article{padding:0 20px;flex-direction:column;align-items:flex-start}.impact article+article{padding-left:28px}.cta-grid{padding-right:75px;gap:30px}.cta-copy{padding-left:10px}.cta h2{font-size:37px}.plate{right:-185px}.chopsticks{right:60px}.capsule .btn.white{font-size:15px}}
@media(max-width:760px){.impact{padding-top:35px}.impact-shape{grid-template-columns:1fr;gap:0;padding:65px 42px 85px;clip-path:polygon(8% 0,100% 3%,100% 94%,0 100%)}.impact article{flex-direction:row;padding:22px 0}.impact article+article{border-left:0;border-top:1px solid #ffffff33;padding-left:0}.cta{padding:90px 0 170px}.cta-grid{grid-template-columns:1fr;padding-right:0}.cta-copy{padding-left:0}.cta h2{font-size:38px}.cta h2 br,.cta p br{display:none}.cta .trust.dark{gap:15px;flex-wrap:wrap}.capsule{min-height:190px;padding:55px 24px 25px}.plate{width:210px;height:210px;right:-105px;top:auto;bottom:-78px}.plate:after{inset:75px}.chopsticks{right:-5px;bottom:-20px;width:240px}}
.impact-shape:before{content:"";position:absolute;z-index:1;right:-35px;bottom:-72px;width:265px;height:115px;background:#e6a11e;border-radius:50% 0 0 0/100% 0 0 0}.impact-shape article{z-index:2}

/* Separadores entre seções — ondas e diagonais da composição */
.hero{z-index:3;clip-path:polygon(0 0,100% 0,100% 78%,82% 90%,59% 86%,31% 97%,0 88%)}
.marquee{z-index:10}
.connected{z-index:2;width:100%;margin-top:-72px;padding-bottom:180px;overflow:visible;clip-path:none}
.connected:after{content:"";position:absolute;z-index:0;left:-12%;right:auto;bottom:-88px;width:124%;height:180px;background:var(--green);border-radius:0 0 50% 50%/0 0 100% 100%;clip-path:none;transform:none}
.product{z-index:1;padding-top:245px;margin-top:0}
.features:after{display:none}
.features{padding-bottom:155px}
.impact{padding:0;background:#e6a11e;overflow:hidden}
.impact:before{content:"";position:absolute;z-index:4;left:0;top:0;width:10%;height:92px;background:#fbf6e9;border:0;border-radius:0;clip-path:polygon(0 0,100% 0,0 100%)}
.impact-shape{width:100%;min-width:100%;padding-left:max(135px,calc((100% - 1080px)/2));padding-right:max(105px,calc((100% - 1080px)/2));clip-path:none;border-radius:0 0 150px 0}
.impact-shape:before{display:none}
.cta{margin-top:0}
@media(max-width:1000px){.hero{clip-path:polygon(0 0,100% 0,100% 88%,78% 94%,48% 91%,20% 98%,0 94%)}.connected{padding-bottom:175px}.connected:after{bottom:-78px;height:160px}.product{padding-top:210px}.impact-shape{padding-left:45px;padding-right:45px;border-radius:0 0 100px 0}}
@media(max-width:760px){.hero{clip-path:polygon(0 0,100% 0,100% 95%,67% 98%,36% 96%,0 100%)}.connected{padding-bottom:165px;overflow:visible}.connected:after{left:-20%;width:140%;height:135px;bottom:-64px}.product{padding-top:190px}.features{padding-bottom:120px}.impact:before{width:13%;height:55px}.impact-shape{border-radius:0 0 70px 0;clip-path:none}}

/* Fluxo e balões entre os cards conectados */
.connected-wrap{max-width:1180px}
.connected .flow-card{width:24%}
.connected .c2{left:38%}
.connected .tag{min-width:132px;padding:14px 17px;border-radius:12px;font-size:11px;line-height:1.35;box-shadow:0 14px 30px #001f1a45;transform:translateX(-50%);animation:tagFloat 3s ease-in-out infinite}
.connected .tag small{margin-top:2px;font-size:9px;line-height:1.2}
.connected .t1{left:31%;top:255px}
.connected .t2{left:69%;right:auto;top:245px;animation-delay:-1.5s}
.connected .flow-lines path{stroke-dasharray:7 9;animation:pathFlow 3.2s linear infinite}
.connected .flow-lines path:nth-child(2){animation-delay:-1.6s}
.connected .flow-lines circle{transform-box:fill-box;transform-origin:center;animation:routePulse 1.8s ease-in-out infinite}
.connected .flow-lines circle:nth-child(even){animation-delay:-.9s}
@keyframes pathFlow{to{stroke-dashoffset:-64}}
@keyframes routePulse{0%,100%{opacity:.45;transform:scale(.75)}50%{opacity:1;transform:scale(1.55);filter:drop-shadow(0 0 4px #fff)}}
@keyframes tagFloat{0%,100%{transform:translate(-50%,-3px)}50%{transform:translate(-50%,3px)}}
@media(max-width:1000px){.connected .tag{display:none}.connected .flow-card{width:28%}.connected .c2{left:36%}}

/* Espaços reservados para a mídia original do Pannio */
.original-media-slot{display:grid!important;place-items:center;background:linear-gradient(135deg,#f8f4e9,#eee8da)!important;color:#68776f!important;border:1.5px dashed #9aa9a2!important;text-align:center}
.original-media-slot>span{max-width:210px;padding:12px;font-size:11px;font-weight:700;line-height:1.5}
.hero .video-card.original-media-slot{min-height:455px;border-radius:25px!important;overflow:hidden}.hero .video-card.original-media-slot:after{content:"Adicione o arquivo original aqui";position:absolute;bottom:22px;color:#819089;font-size:9px;font-weight:500}.hero .video-card.original-media-slot:before{content:"+";color:var(--green);transform:none}
.original-devices .monitor:after{opacity:.7}.original-devices .phone,.original-devices .kitchen{padding:12px!important}.original-devices .phone>span,.original-devices .kitchen>span{font-size:9px}
.feature-original-slot{position:absolute;display:grid;place-items:center;background:#f2eee3;color:#8b958f;border:1.5px dashed #b7beb9;border-radius:22px;font-size:9px;font-weight:700;text-align:center}
.features .wide .feature-original-slot{right:18px;bottom:18px;width:43%;height:68%}.features .waiter-photo.feature-original-slot{left:20px;right:20px;bottom:20px;height:275px}.features .feature-metric.feature-original-slot{left:25px;right:25px;bottom:28px;height:180px;padding:15px}
@media(max-width:760px){.hero .video-card.original-media-slot{min-height:330px}.features .wide .feature-original-slot{width:60%;height:50%}}

/* Identidade visual Pannio */
:root{--green:#163a32;--deep:#102f29;--cream:#f6f1e8;--white:#fffdf8;--gold:#d79b2e;--mint:#8fae9b;--charcoal:#2a2a2a;--text:#163a32;--muted:#66756e;--surface:#fffdf8;--surface-soft:#eee8dc;--line:#163a3224;--shadow:0 25px 65px rgba(22,58,50,.17);color-scheme:light}
body{background:var(--cream);color:var(--text);transition:background-color .35s,color .35s}.logo{color:var(--green)}.btn{background:var(--gold);color:var(--green);box-shadow:0 13px 28px #d79b2e35}.connected,.capsule{background-color:var(--green)}footer{background:#102f29}.feature-icon,.product-callouts i{background:#8fae9b35!important}
.theme-toggle{position:relative;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--green);cursor:pointer;overflow:hidden;box-shadow:0 7px 18px #163a3212;transition:.25s}.theme-toggle:hover{transform:translateY(-2px);border-color:var(--gold)}.theme-toggle span{position:absolute;inset:0;display:grid;place-items:center;font-size:17px;transition:transform .3s,opacity .3s}.theme-toggle .moon{opacity:0;transform:translateY(25px)}
html[data-theme="dark"]{--cream:#202421;--white:#2a2a2a;--text:#f6f1e8;--muted:#b8c6bf;--surface:#2a2a2a;--surface-soft:#333936;--line:#8fae9b38;--shadow:0 25px 65px rgba(0,0,0,.34);color-scheme:dark}
html[data-theme="dark"] body{background:#202421;color:var(--text)}html[data-theme="dark"] .logo{color:#f6f1e8}html[data-theme="dark"] .header.scrolled{background:#202421e8;box-shadow:0 8px 30px #0005}html[data-theme="dark"] nav a{color:#f6f1e8}html[data-theme="dark"] nav a:hover{color:var(--gold)}html[data-theme="dark"] .theme-toggle{background:#163a32;color:#f6f1e8;border-color:#8fae9b66}html[data-theme="dark"] .theme-toggle .sun{opacity:0;transform:translateY(-25px)}html[data-theme="dark"] .theme-toggle .moon{opacity:1;transform:none}
html[data-theme="dark"] .hero{background:radial-gradient(circle at 72% 27%,#24483f 0,#202b27 42%,#202421 100%)}html[data-theme="dark"] .hero h1,html[data-theme="dark"] .hero h1 span{color:#f6f1e8}html[data-theme="dark"] .hero-copy>p{color:#b8c6bf}html[data-theme="dark"] .hero .actions .outline{background:#2a2a2a;color:#f6f1e8;border-color:#d79b2e}html[data-theme="dark"] .hero .trust span{background:#2a2a2a;border-color:#8fae9b38;color:#d5ded9}html[data-theme="dark"] .hero .trust i{border-color:#8fae9b55;color:#8fae9b}html[data-theme="dark"] .marquee{background:#2a2a2a;border-color:#8fae9b38;color:#f6f1e8}
html[data-theme="dark"] .product{background:radial-gradient(circle at 75% 32%,#30443c,#202421 58%)}html[data-theme="dark"] .product h2,html[data-theme="dark"] .product-copy{color:#f6f1e8}html[data-theme="dark"] .product-copy>p{color:#b8c6bf}html[data-theme="dark"] .product-callouts article{background:#2a2a2a;border-color:#8fae9b45;color:#f6f1e8}html[data-theme="dark"] .product-callouts article:after{background:#2a2a2a;border-color:#8fae9b45}html[data-theme="dark"] .product-callouts small{color:#b8c6bf}
html[data-theme="dark"] .features{background:linear-gradient(145deg,#242925,#202421)}html[data-theme="dark"] .features h2{color:#f6f1e8}html[data-theme="dark"] .features .feature{background:#2a2a2a;border-color:#8fae9b42;color:#f6f1e8;box-shadow:0 12px 35px #0003}html[data-theme="dark"] .features .feature p{color:#b8c6bf}html[data-theme="dark"] .feature-original-slot,html[data-theme="dark"] .original-media-slot{background:linear-gradient(135deg,#303632,#252a27)!important;color:#9fb3aa!important;border-color:#8fae9b70!important}html[data-theme="dark"] .impact:before{background:#202421}html[data-theme="dark"] .connected:after{background:var(--green)}html[data-theme="dark"] .plate{filter:brightness(.88)}html[data-theme="dark"] footer{background:#161b19}
@media(max-width:760px){.theme-toggle{width:100%;height:42px;border-radius:12px;flex:none}.header nav .theme-toggle{margin:4px 0}}

/* Conexão visual entre o hero e a seção verde */
.hero{clip-path:polygon(0 0,100% 0,100% 78%,82% 90%,59% 86%,31% 88%,0 88%)}
.hero:after{display:none}
.hero-grid{position:relative;z-index:3}
@media(max-width:1000px){.hero{clip-path:polygon(0 0,100% 0,100% 88%,78% 94%,48% 91%,20% 94%,0 94%)}}
@media(max-width:760px){.hero{clip-path:polygon(0 0,100% 0,100% 95%,67% 98%,36% 96%,0 96%)}}

/* Correções de continuidade e contraste no tema escuro */
.hero .hex{display:none}
.connected{background:var(--green)}
html[data-theme="dark"] .hero{background:linear-gradient(to bottom,#202421 0%,#202421 58%,#163a32 72%,#163a32 100%)}
html[data-theme="dark"] .connected,html[data-theme="dark"] .connected:after{background:#163a32}
html[data-theme="dark"] .product{background:#202421}
html[data-theme="dark"] .product-decoration{opacity:.42}
html[data-theme="dark"] .features .feature-icon{background:#8fae9b!important;color:#102f29!important;box-shadow:0 8px 18px #0003}
html[data-theme="dark"] .features .bars-icon em{background:#102f29}
.connected{margin-top:-102px}
@media(max-width:1000px){.connected{margin-top:-96px}}
@media(max-width:760px){.connected{margin-top:-84px}}

/* Divisão diagonal limpa entre hero e operação */
.hero{clip-path:none}
.connected{z-index:4;margin-top:-72px}
.connected:before{content:"";position:absolute;z-index:4;left:0;top:-92px;width:100%;height:94px;background:var(--green);clip-path:polygon(0 100%,100% 0,100% 100%);pointer-events:none}
html[data-theme="dark"] .hero{background:radial-gradient(circle at 72% 28%,#27332f 0,#202421 48%,#202421 100%)}
@media(max-width:1000px){.hero{clip-path:none}.connected{margin-top:-70px}.connected:before{top:-68px;height:70px}}
@media(max-width:760px){.hero{clip-path:none}.connected{margin-top:-62px}.connected:before{top:-42px;height:44px}}

/* Posição do prato decorativo */
.plate{top:28px}
@media(max-width:760px){.plate{top:auto}}

/* Contraste do footer e microinterações */
footer .footer-logo{color:#f6f1e8!important;text-shadow:0 2px 14px #0005}
footer .footer-logo span{color:var(--gold)!important}
.logo span{display:inline-block;animation:brandDot 2.4s ease-in-out infinite}
.round,.feature-icon,.product-callouts i,.impact article>i{animation:iconFloat 3.4s ease-in-out infinite;will-change:transform}
.flow-card:nth-of-type(2) .round,.feature:nth-child(2) .feature-icon,.impact article:nth-child(2)>i{animation-delay:-1.1s}
.flow-card:nth-of-type(3) .round,.feature:nth-child(3) .feature-icon,.impact article:nth-child(3)>i{animation-delay:-2.2s}
.feature:hover .feature-icon{animation:none;transform:translateY(-5px) rotate(6deg) scale(1.08)}
.trust i{transition:transform .25s,color .25s}.trust span:hover i{transform:translateY(-3px) scale(1.12);color:var(--gold)}
.btn b,.phone button,.capsule .btn b{animation:arrowNudge 1.8s ease-in-out infinite}
.rings,.cta-rings{animation:ringDrift 18s linear infinite}.plate{animation:plateFloat 4.8s ease-in-out infinite}.chopsticks{animation:chopstickFloat 4.8s ease-in-out infinite}
.marquee:before,.marquee:after{animation:softPulse 2.4s ease-in-out infinite}.marquee:after{animation-delay:-1.2s}
.feature,.flow-card,.product-callouts article{transition:transform .35s,box-shadow .35s,border-color .35s}.flow-card:hover{box-shadow:inset 0 0 0 3px #102f2955,0 24px 50px #001e1948;border-color:#d79b2e}.product-callouts article:hover{transform:translateX(6px);border-color:var(--gold)}
nav>a:not(.btn){position:relative}nav>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--gold);transition:right .25s}nav>a:not(.btn):hover:after{right:0}
footer .footer-grid a:not(.logo){display:flex;align-items:center;gap:6px;transition:color .25s,transform .25s}footer .footer-grid a:not(.logo):before{content:"→";color:var(--gold);font-size:10px;opacity:0;transform:translateX(-5px);transition:.25s}footer .footer-grid a:not(.logo):hover{color:#f6f1e8;transform:translateX(4px)}footer .footer-grid a:not(.logo):hover:before{opacity:1;transform:none}
@keyframes brandDot{0%,100%{transform:scale(1);filter:none}50%{transform:scale(1.45);filter:drop-shadow(0 0 5px #d79b2e)}}
@keyframes iconFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(2deg)}}
@keyframes arrowNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@keyframes ringDrift{to{transform:rotate(360deg)}}
@keyframes plateFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@keyframes chopstickFloat{0%,100%{transform:rotate(-33deg) translateY(0)}50%{transform:rotate(-33deg) translateY(6px)}}
@keyframes softPulse{0%,100%{transform:scale(.92);box-shadow:0 0 0 0 #d79b2e35}50%{transform:scale(1.08);box-shadow:0 0 0 9px #d79b2e00}}

.original-media-slot{background:#0b211c;border:1.5px solid #315b4c;overflow:hidden}
.original-media-slot:after{display:none}
.original-media-slot img,.feature-original-slot img{width:100%;height:100%;display:block;object-fit:cover;object-position:left top}
.hero .video-card.original-media-slot{min-height:455px;padding:0;border-color:#38685f;background:#071b16}
.hero .video-card.original-media-slot:before{content:"";background:var(--gold)}
.original-media-slot,.feature-original-slot{overflow:hidden;contain:layout paint}
.hero .video-card.original-media-slot{aspect-ratio:1524/1000}
.monitor.original-media-slot,.feature-metric.feature-original-slot{aspect-ratio:1524/1000}
.phone.original-media-slot,.waiter-photo.feature-original-slot{aspect-ratio:390/844}
.kitchen.original-media-slot{aspect-ratio:640/420}
.features .wide .feature-original-slot{aspect-ratio:1524/1000}
img{max-width:100%}
.hero-price{margin-top:14px!important;padding:11px 13px;border:1px solid #e5a52255;border-radius:14px;background:#fffdf7;color:#234c43!important;font-size:13px!important;font-weight:800;line-height:1.35!important}
.plans{position:relative;padding:96px 0 115px;background:#fffdf7;color:var(--green)}
.plans h2{max-width:760px;margin:18px 0 38px;font:700 48px/1.04 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.04em}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.plan-card{position:relative;display:flex;flex-direction:column;gap:16px;min-height:430px;padding:28px;border:1px solid #073f3620;border-radius:22px;background:#fbf6e9;box-shadow:0 14px 36px #073f360d}
.plan-card.featured{border-color:#e5a522;background:#fffaf0;box-shadow:0 20px 55px #073f3620;transform:translateY(-10px)}
.plan-card>span{align-self:flex-start;padding:7px 11px;border-radius:999px;background:#e5a522;color:#073f36;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.plan-card h3{margin:0;font-size:25px}
.plan-card p{min-height:48px;margin:0;color:#66756e;font-size:13px;line-height:1.55}
.plan-card strong{font-size:34px;color:#073f36}.plan-card strong small{font-size:13px;color:#66756e}
.plan-card ul{display:grid;gap:10px;margin:2px 0 8px;padding:0;list-style:none;color:#31554c;font-size:13px}
.plan-card li:before{content:"✓";margin-right:8px;color:#d99818;font-weight:900}
.plan-card .btn{margin-top:auto;width:100%;box-shadow:none}.plan-card .btn.outline{background:#fffdf7;border:1px solid #e5a522;color:#073f36}
.plans-link{display:inline-flex;margin-top:24px;font-weight:900;border-bottom:2px solid #e5a522;padding-bottom:5px}
.enterprise-note{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:24px;padding:20px 24px;border:1px solid #073f3620;border-radius:18px;background:#fbf6e9;color:#073f36}
.enterprise-note strong{font-size:18px}.enterprise-note p{margin:0;color:#66756e;font-size:13px;line-height:1.5}.enterprise-note a{font-weight:900;border-bottom:2px solid #e5a522;padding-bottom:4px;white-space:nowrap}
@media(max-width:900px){.plans-grid{grid-template-columns:1fr}.plan-card,.plan-card.featured{min-height:0;transform:none}.plans h2{font-size:38px}}
@media(max-width:900px){.enterprise-note{grid-template-columns:1fr}.enterprise-note a{justify-self:start;white-space:normal}}
.monitor.original-media-slot,.phone.original-media-slot,.kitchen.original-media-slot{display:block;padding:0!important;background:#071b16}
.monitor.original-media-slot img{object-position:left top}
.phone.original-media-slot img{object-position:center top}
.kitchen.original-media-slot img{object-position:left top}
.feature-original-slot{padding:0!important;background:#071b16;border-style:solid;color:transparent;overflow:hidden}
.features .wide .feature-original-slot img{object-position:center center}
.features .tall .feature-original-slot img{object-fit:cover;object-position:center center}
.features .cut .feature-original-slot img{object-position:left top}

/* Correção visual dos planos: componente fechado, inclusive no tema escuro */
.plans,
html[data-theme="dark"] .plans{
  position:relative!important;
  padding:104px 0 118px!important;
  background:#fffdf7!important;
  color:#073f36!important;
  border-top:1px solid #eadfca!important;
  border-bottom:1px solid #eadfca!important;
}
.plans .wrap{
  width:min(1180px,calc(100% - 48px))!important;
}
.plans .label{
  display:inline-flex!important;
  margin-bottom:14px!important;
  color:#9b7118!important;
}
.plans h2,
html[data-theme="dark"] .plans h2{
  max-width:780px!important;
  margin:0 0 34px!important;
  color:#073f36!important;
  font:700 48px/1.04 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;
  letter-spacing:-.03em!important;
}
.plans-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
.plan-card,
html[data-theme="dark"] .plan-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  min-height:438px!important;
  padding:30px!important;
  border:1px solid #e1d8c6!important;
  border-radius:18px!important;
  background:#fbf6e9!important;
  color:#073f36!important;
  box-shadow:0 18px 42px rgba(7,63,54,.10)!important;
  clip-path:none!important;
  transform:none!important;
}
.plan-card.featured,
html[data-theme="dark"] .plan-card.featured{
  background:#fffaf0!important;
  border:2px solid #e5a522!important;
  box-shadow:0 24px 58px rgba(7,63,54,.16)!important;
}
.plan-card.featured:before{
  content:"";
  position:absolute;
  inset:-2px -2px auto -2px;
  height:7px;
  border-radius:18px 18px 0 0;
  background:#e5a522;
}
.plan-card>span{
  align-self:flex-start!important;
  margin:0!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:#e5a522!important;
  color:#073f36!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.plan-card h3,
html[data-theme="dark"] .plan-card h3{
  margin:0!important;
  color:#073f36!important;
  font-size:26px!important;
  line-height:1.1!important;
}
.plan-card p,
html[data-theme="dark"] .plan-card p{
  min-height:64px!important;
  margin:0!important;
  color:#52675f!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.plan-card strong,
html[data-theme="dark"] .plan-card strong{
  display:block!important;
  color:#073f36!important;
  font-size:36px!important;
  line-height:1!important;
}
.plan-card strong small{
  margin-left:3px!important;
  color:#66756e!important;
  font-size:13px!important;
}
.plan-card ul{
  display:grid!important;
  gap:10px!important;
  margin:4px 0 16px!important;
  padding:0!important;
  color:#31554c!important;
  font-size:13px!important;
  line-height:1.35!important;
  list-style:none!important;
}
.plan-card li{
  display:flex!important;
  gap:8px!important;
  align-items:flex-start!important;
}
.plan-card li:before{
  content:"✓"!important;
  flex:0 0 auto!important;
  margin:0!important;
  color:#d99818!important;
  font-weight:900!important;
}
.plan-card .btn,
html[data-theme="dark"] .plan-card .btn{
  width:100%!important;
  min-height:50px!important;
  margin-top:auto!important;
  border-radius:12px!important;
  color:#073f36!important;
  box-shadow:none!important;
}
.plan-card .btn.outline,
html[data-theme="dark"] .plan-card .btn.outline{
  background:#fffdf7!important;
  border:1px solid #e5a522!important;
  color:#073f36!important;
}
.enterprise-note,
html[data-theme="dark"] .enterprise-note{
  display:grid!important;
  grid-template-columns:220px 1fr auto!important;
  gap:18px!important;
  align-items:center!important;
  margin-top:22px!important;
  padding:22px 24px!important;
  border:1px solid #e1d8c6!important;
  border-radius:18px!important;
  background:#f7efdf!important;
  color:#073f36!important;
}
.enterprise-note strong{font-size:18px!important;color:#073f36!important}
.enterprise-note p{margin:0!important;color:#52675f!important;font-size:13px!important;line-height:1.5!important}
.enterprise-note a{color:#073f36!important;font-weight:900!important;border-bottom:2px solid #e5a522!important;padding-bottom:4px!important;text-decoration:none!important;white-space:nowrap!important}
.plans-link{display:inline-flex!important;margin-top:24px!important;color:#073f36!important;font-weight:900!important;border-bottom:2px solid #e5a522!important;padding-bottom:5px!important}
@media(max-width:900px){
  .plans,.plans html[data-theme="dark"]{padding:78px 0 88px!important}
  .plans h2,html[data-theme="dark"] .plans h2{font-size:38px!important}
  .plans-grid{grid-template-columns:1fr!important}
  .plan-card,html[data-theme="dark"] .plan-card{min-height:0!important}
  .enterprise-note,html[data-theme="dark"] .enterprise-note{grid-template-columns:1fr!important}
  .enterprise-note a{justify-self:start!important;white-space:normal!important}
}

html[data-theme="dark"] .plans{
  background:#202421!important;
  color:#f6f1e8!important;
  border-top-color:#2d3934!important;
  border-bottom-color:#2d3934!important;
}
html[data-theme="dark"] .plans .label{
  color:#d79b2e!important;
}
html[data-theme="dark"] .plans h2{
  color:#f6f1e8!important;
}
html[data-theme="dark"] .plan-card{
  background:#252c28!important;
  color:#f6f1e8!important;
  border-color:#3c4a43!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] .plan-card.featured{
  background:#263028!important;
  border-color:#d79b2e!important;
  box-shadow:0 24px 58px rgba(0,0,0,.30)!important;
}
html[data-theme="dark"] .plan-card h3,
html[data-theme="dark"] .plan-card strong{
  color:#f6f1e8!important;
}
html[data-theme="dark"] .plan-card p,
html[data-theme="dark"] .plan-card ul{
  color:#d5ded9!important;
}
html[data-theme="dark"] .plan-card strong small{
  color:#b5c4bd!important;
}
html[data-theme="dark"] .plan-card .btn.outline{
  background:#202421!important;
  border-color:#d79b2e!important;
  color:#f6f1e8!important;
}
html[data-theme="dark"] .plan-card .btn{
  color:#073f36!important;
}
html[data-theme="dark"] .enterprise-note{
  background:#252c28!important;
  color:#f6f1e8!important;
  border-color:#3c4a43!important;
}
html[data-theme="dark"] .enterprise-note strong,
html[data-theme="dark"] .enterprise-note a{
  color:#f6f1e8!important;
}
html[data-theme="dark"] .enterprise-note p{
  color:#d5ded9!important;
}

/* Mobile: composição compacta das áreas de operação e produto */
@media(max-width:760px){
  .connected{
    padding:88px 0 138px;
  }
  .connected .connected-wrap{
    width:min(100% - 32px,430px);
  }
  .connected h2{
    margin:0 0 32px;
    font-size:clamp(36px,10.5vw,44px);
    line-height:1;
  }
  .connected .flow{
    position:relative;
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
    width:100%;
    max-width:340px;
    height:auto;
    margin:0 auto;
  }
  .connected .flow:after{
    content:"";
    position:absolute;
    z-index:0;
    top:32px;
    bottom:32px;
    left:50%;
    border-left:2px dotted rgba(215,155,46,.55);
  }
  .connected .flow-card,
  .connected .c1,
  .connected .c2,
  .connected .c3{
    position:relative;
    inset:auto;
    z-index:1;
    width:100%;
    min-height:0;
    padding:22px;
    border-radius:28px;
    transform:none!important;
  }
  .connected .flow-card{
    display:grid;
    grid-template-columns:52px 1fr;
    column-gap:16px;
    align-items:center;
    background:#21483f;
    backdrop-filter:none;
  }
  .connected .flow-card .round{
    grid-row:1 / span 2;
    align-self:start;
  }
  .connected .flow-card h3{
    margin:1px 0 4px;
    font-size:23px;
  }
  .connected .flow-card p{
    margin:0;
    font-size:12px;
    line-height:1.5;
  }
  .connected .flow-card p br{
    display:none;
  }
  .connected .mini-tables,
  .connected .flow ul,
  .connected .metric{
    grid-column:1 / -1;
    width:100%;
    margin-top:17px;
  }
  .connected .mini-tables{
    grid-template-columns:repeat(6,1fr);
    gap:6px;
    padding:10px;
  }
  .connected .flow ul{
    padding:7px 10px;
  }
  .connected .metric{
    padding:12px;
  }

  .product{
    padding:150px 0 70px;
  }
  .product-grid{
    gap:18px;
  }
  .product h2{
    font-size:clamp(35px,10vw,42px);
    line-height:1.04;
  }
  .product-copy>p{
    max-width:360px;
    margin-inline:auto;
    line-height:1.65;
  }
  .product-callouts{
    gap:10px;
    margin:24px auto 10px;
  }
  .product-callouts article{
    min-height:78px;
    padding:12px 15px;
    border-radius:17px;
  }
  .product-callouts i{
    flex-basis:44px;
    height:44px;
  }
  .product .devices{
    width:100%;
    max-width:430px;
    min-height:430px;
    height:430px;
    margin:10px auto 0;
    transform:none!important;
  }
  .product .monitor{
    top:0;
    left:2%;
    right:auto;
    width:96%;
    height:auto;
    aspect-ratio:1524/1000;
    padding:7px 7px 17px;
    border-radius:17px 17px 4px 4px;
  }
  .product .monitor:after{
    height:48px;
  }
  .product .monitor img,
  .product .phone img,
  .product .kitchen img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center top;
  }
  .product .phone{
    top:178px;
    left:2%;
    width:31%;
    height:auto;
    aspect-ratio:390/844;
    padding:0!important;
    border-width:5px;
    border-radius:20px;
    transform:none!important;
    background:#071b16;
  }
  .product .kitchen{
    top:246px;
    right:1%;
    bottom:auto;
    width:61%;
    height:auto;
    aspect-ratio:640/420;
    padding:0!important;
    border-width:6px;
    border-radius:16px;
    transform:rotate(1.5deg)!important;
    background:#071b16;
  }
}

@media(max-width:430px){
  .connected .flow{
    max-width:100%;
  }
  .connected .flow-card,
  .connected .c1,
  .connected .c2,
  .connected .c3{
    padding:19px;
  }
  .product .devices{
    min-height:390px;
    height:390px;
  }
  .product .phone{
    top:166px;
  }
  .product .kitchen{
    top:226px;
  }
}

/* Mobile — fluxo fiel ao layout de referência */
@media(max-width:760px){
  .connected{
    padding:92px 0 150px;
    overflow:hidden;
    background:
      radial-gradient(circle at 86% 9%,rgba(18,91,76,.34),transparent 25%),
      radial-gradient(circle at 10% 48%,rgba(18,91,76,.24),transparent 28%),
      var(--green);
  }
  .connected .connected-wrap{
    width:min(100% - 30px,430px);
  }
  .connected h2{
    max-width:390px;
    margin:0 0 38px;
    font-size:clamp(39px,11.8vw,50px);
    font-weight:750;
    line-height:.98;
    letter-spacing:-.055em;
  }
  .connected .flow{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    width:100%;
    max-width:370px;
    margin:0 auto;
  }
  .connected .flow:after{
    top:250px;
    bottom:250px;
    left:50%;
    border-left:2px dashed rgba(255,253,248,.85);
  }
  .connected .flow-card,
  .connected .c1,
  .connected .c2,
  .connected .c3{
    width:100%;
    padding:22px 20px 20px;
    border:1px solid rgba(255,255,255,.48);
    border-radius:34px;
    background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
    box-shadow:inset 0 0 0 2px rgba(2,47,41,.25),0 18px 34px rgba(0,30,25,.22);
  }
  .connected .c1{
    transform:rotate(-1.4deg)!important;
  }
  .connected .c2{
    transform:rotate(1deg)!important;
  }
  .connected .c3{
    transform:rotate(-.4deg)!important;
  }
  .connected .flow-card{
    grid-template-columns:62px 1fr;
    column-gap:16px;
  }
  .connected .round{
    width:58px;
    height:58px;
    font-size:25px;
    box-shadow:0 8px 18px rgba(0,25,21,.34);
  }
  .connected .flow-card h3{
    margin:2px 0 6px;
    font-size:25px;
    line-height:1;
  }
  .connected .flow-card p{
    font-size:12px;
    line-height:1.55;
    color:rgba(255,255,255,.88);
  }
  .connected .mini-tables,
  .connected .flow ul,
  .connected .metric{
    margin-top:20px;
    border-radius:18px;
    box-shadow:0 10px 24px rgba(0,26,21,.22);
  }
  .connected .mini-tables{
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    padding:12px;
    transform:rotate(-.8deg);
  }
  .connected .mini-tables b{
    aspect-ratio:1.65;
    border-radius:8px;
    font-size:11px;
    box-shadow:0 3px 8px rgba(7,63,54,.09);
  }
  .connected .flow ul{
    padding:8px 13px;
    transform:rotate(.7deg);
  }
  .connected .flow li{
    min-height:42px;
    padding:7px 2px;
    font-size:10px;
  }
  .connected .flow li small{
    margin-top:2px;
    font-size:8px;
  }
  .connected .flow li b{
    min-width:72px;
    padding:6px 8px;
    text-align:center;
    font-size:8px;
  }
  .connected .metric{
    min-height:175px;
    padding:17px;
    transform:rotate(.4deg);
  }
  .connected .metric>b{
    font-size:21px;
  }
  .connected .metric em{
    font-size:10px;
  }
  .connected .metric svg{
    height:82px;
    margin-top:6px;
  }
  .connected .tag,
  .connected .t1,
  .connected .t2{
    position:relative;
    inset:auto;
    z-index:3;
    display:block;
    justify-self:center;
    min-width:154px;
    margin:-1px 0;
    padding:11px 18px;
    border-radius:14px;
    text-align:left;
    font-size:11px;
    line-height:1.2;
    transform:none!important;
    animation:none;
    box-shadow:0 10px 22px rgba(0,25,21,.32);
  }
  .connected .tag small{
    margin-top:3px;
    font-size:10px;
    font-weight:500;
  }
  .connected .tag:before{
    content:"";
    position:absolute;
    top:50%;
    left:-39px;
    width:13px;
    height:13px;
    border:4px solid rgba(255,255,255,.2);
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 12px #fff;
    transform:translateY(-50%);
  }
  .connected .tag:after{
    content:"";
    position:absolute;
    top:50%;
    right:100%;
    width:25px;
    border-top:2px dashed rgba(255,255,255,.9);
  }
}

@media(max-width:380px){
  .connected .connected-wrap{
    width:calc(100% - 24px);
  }
  .connected h2{
    font-size:38px;
  }
  .connected .flow-card,
  .connected .c1,
  .connected .c2,
  .connected .c3{
    padding:19px 16px 18px;
  }
}

/* Ajuste fino mobile conforme o mockup aprovado */
.mobile-flow-lines{
  display:none;
}
@media(max-width:760px){
  .connected .flow{
    max-width:360px;
  }
  .connected .flow:after{
    display:none;
  }
  .connected .mobile-flow-lines{
    position:absolute;
    z-index:1;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    overflow:visible;
    pointer-events:none;
    fill:none;
  }
  .connected .mobile-flow-lines path{
    stroke:rgba(255,253,248,.94);
    stroke-width:2;
    stroke-linecap:round;
    stroke-dasharray:7 8;
    vector-effect:non-scaling-stroke;
    filter:drop-shadow(0 2px 2px rgba(0,25,21,.35));
  }
  .connected .mobile-flow-lines circle{
    fill:#fff;
    stroke:rgba(255,255,255,.28);
    stroke-width:7;
    vector-effect:non-scaling-stroke;
    filter:drop-shadow(0 0 7px #fff);
  }
  .connected .flow-card,
  .connected .c1,
  .connected .c2,
  .connected .c3{
    width:84%;
  }
  .connected .c1{
    justify-self:start;
    transform:rotate(-3.2deg)!important;
  }
  .connected .c2{
    justify-self:end;
    transform:rotate(2.6deg)!important;
  }
  .connected .c3{
    justify-self:start;
    transform:rotate(-2.4deg)!important;
  }
  .connected .tag,
  .connected .t1,
  .connected .t2{
    z-index:4;
    min-width:145px;
    margin:7px 0 9px;
  }
  .connected .t1{
    justify-self:end;
    margin-right:18px;
  }
  .connected .t2{
    justify-self:center;
    margin-left:34px;
  }
  .connected .tag:before,
  .connected .tag:after{
    display:none;
  }
}

@media(max-width:380px){
  .connected .flow-card,
  .connected .c1,
  .connected .c2,
  .connected .c3{
    width:86%;
  }
}

/* Conectores mobile isolados: as curvas ficam somente entre os cards */
.connector-line,
.tag-copy{
  pointer-events:none;
}
.connector-line{
  display:none;
}
.tag-copy{
  display:block;
}
@media(max-width:760px){
  .connected .mobile-flow-lines{
    display:none;
  }
  .connected .tag,
  .connected .t1,
  .connected .t2{
    position:relative;
    inset:auto;
    display:block;
    justify-self:stretch;
    width:100%;
    min-width:0;
    height:104px;
    margin:0;
    padding:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .connected .connector-line{
    position:absolute;
    z-index:1;
    inset:0;
    display:block;
    width:100%;
    height:104px;
    overflow:visible;
  }
  .connected .connector-line path{
    fill:none;
    stroke:rgba(255,253,248,.95);
    stroke-width:2;
    stroke-linecap:round;
    stroke-dasharray:7 8;
    vector-effect:non-scaling-stroke;
    filter:drop-shadow(0 2px 2px rgba(0,25,21,.38));
  }
  .connected .connector-line circle{
    fill:#fff;
    stroke:rgba(255,255,255,.25);
    stroke-width:7;
    vector-effect:non-scaling-stroke;
    filter:drop-shadow(0 0 7px #fff);
  }
  .connected .tag-copy{
    position:absolute;
    z-index:2;
    top:31px;
    display:block;
    min-width:140px;
    padding:11px 17px;
    border-radius:14px;
    background:#fff;
    color:var(--green);
    text-align:left;
    font-size:11px;
    font-weight:800;
    line-height:1.2;
    box-shadow:0 10px 22px rgba(0,25,21,.32);
  }
  .connected .t1 .tag-copy{
    right:5px;
  }
  .connected .t2 .tag-copy{
    left:50%;
    transform:translateX(-50%);
  }
  .connected .tag-copy small{
    display:block;
    margin-top:3px;
    font-size:10px;
    font-weight:500;
  }
}

/* Mobile: dispositivos primeiro, benefícios logo abaixo */
@media(max-width:760px){
  .product-grid{
    display:grid;
    grid-template-columns:1fr;
  }
  .product-copy{
    display:contents;
  }
  .product-copy h2{
    order:1;
    text-align:center;
  }
  .product-copy>p{
    order:2;
    text-align:center;
  }
  .product .devices{
    order:3;
    margin-top:22px;
  }
  .product-callouts{
    order:4;
    width:min(285px,calc(100% - 28px));
    margin:6px auto 0;
  }
  .product-callouts article{
    width:100%;
    min-height:96px;
    padding:18px;
    border-radius:19px;
  }
  .product-callouts article:after{
    display:block;
  }
  .product .phone{
    top:164px;
    width:42%;
    height:auto;
    aspect-ratio:732/984;
  }
  .product .phone img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    background:#071b16;
  }
}

@media(max-width:430px){
  .product .devices{
    min-height:355px;
    height:355px;
  }
  .product .phone{
    top:154px;
    width:43%;
  }
}

/* Mobile: faixa "Feito para" compacta e sem quebras */
@media(max-width:760px){
  .marquee{
    width:calc(100% - 24px);
    min-height:48px;
    margin-top:-88px;
    margin-bottom:48px;
    padding:11px 13px;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    gap:6px;
    border-radius:999px;
    font-size:8px;
    line-height:1;
    white-space:nowrap;
    transform:none;
  }
  .marquee strong{
    margin-right:3px;
    font-size:12px;
  }
  .marquee i{
    flex:0 0 auto;
    font-size:7px;
  }
  .marquee span{
    flex:0 1 auto;
  }
}

@media(max-width:380px){
  .marquee{
    width:calc(100% - 18px);
    min-height:44px;
    padding:9px 10px;
    gap:4px;
    font-size:7px;
  }
  .marquee strong{
    margin-right:1px;
    font-size:10px;
  }
  .marquee i{
    font-size:6px;
  }
}

/* Mobile: hero equilibrado, legível e com dashboard completo */
@media(max-width:760px){
  .header{
    padding:13px 18px;
  }
  .hero{
    min-height:0;
    padding:128px 0 142px;
  }
  .hero .wrap{
    width:min(100% - 32px,520px);
  }
  .hero-grid{
    gap:34px;
  }
  .hero-copy{
    padding-top:0;
  }
  .hero h1{
    margin:0 0 20px;
    font-size:clamp(38px,10.7vw,44px);
    line-height:1.01;
    letter-spacing:-.04em;
  }
  .hero-copy>p{
    max-width:none;
    font-size:15px;
    line-height:1.55;
  }
  .hero-price{
    margin-top:16px!important;
    padding:13px 14px;
    font-size:12px!important;
    line-height:1.4!important;
  }
  .hero .actions{
    gap:10px;
    margin:22px 0 20px;
  }
  .hero .actions .btn{
    width:100%;
    min-height:52px;
    font-size:12px;
  }
  .hero .trust{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    width:100%;
  }
  .hero .trust span{
    min-width:0;
    min-height:68px;
    padding:9px 7px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:6px;
    text-align:center;
    font-size:8px;
    line-height:1.25;
  }
  .hero .trust span br{
    display:none;
  }
  .hero .trust i{
    flex:0 0 27px;
    width:27px;
    height:27px;
  }
  .hero .video-card.original-media-slot{
    width:100%;
    min-height:0;
    aspect-ratio:1440/1000;
    margin:0;
    padding:0;
    border-radius:22px!important;
    transform:none;
  }
  .hero .video-card.original-media-slot img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
  }
}

@media(max-width:380px){
  .hero{
    padding-top:120px;
  }
  .hero h1{
    font-size:37px;
  }
  .hero .trust{
    gap:6px;
  }
  .hero .trust span{
    min-height:64px;
    padding-inline:5px;
    font-size:7.5px;
  }
}

/* Mobile: recursos em cards completos, sem cortes horizontais */
@media(max-width:760px){
  .features{
    padding:72px 0 105px;
    overflow:hidden;
  }
  .features .wrap{
    width:min(100% - 32px,520px);
  }
  .features>.wrap>.label{
    margin-bottom:14px;
  }
  .features h2{
    margin-bottom:34px;
    font-size:clamp(34px,9.5vw,39px);
    line-height:1.05;
    letter-spacing:-.04em;
  }
  .features .feature-grid{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:none;
    gap:18px;
    overflow:visible;
    padding:0;
    scroll-snap-type:none;
  }
  .features .feature,
  .features .wide,
  .features .tall,
  .features .cut,
  .features .round-card,
  .features .ticket{
    grid-column:auto;
    grid-row:auto;
    width:100%;
    min-width:0;
    height:auto;
    min-height:0;
    padding:24px;
    border-radius:28px;
    clip-path:none;
    scroll-snap-align:none;
  }
  .features .feature-icon{
    width:54px;
    height:54px;
    margin-bottom:14px;
    font-size:25px;
  }
  .features .feature h3,
  .features .round-card h3,
  .features .ticket h3{
    margin:8px 0 9px;
    font-size:21px;
  }
  .features .feature p,
  .features .round-card p,
  .features .ticket p{
    margin:0;
    font-size:13px;
    line-height:1.65;
  }
  .features .feature p br{
    display:none;
  }
  .features .wide h3,
  .features .wide p{
    max-width:none;
  }
  .features .feature-original-slot,
  .features .wide .feature-original-slot,
  .features .tall .feature-original-slot,
  .features .cut .feature-original-slot,
  .features .waiter-photo.feature-original-slot,
  .features .feature-metric.feature-original-slot{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    margin:22px 0 0;
    padding:0;
    border-radius:18px;
    transform:none;
  }
  .features .wide .feature-original-slot,
  .features .cut .feature-original-slot,
  .features .feature-metric.feature-original-slot{
    aspect-ratio:1524/1000;
  }
  .features .tall .waiter-photo{
    width:min(215px,72%);
    height:auto;
    aspect-ratio:732/984;
    margin:22px auto 0;
    transform:none;
  }
  .features .feature-original-slot img,
  .features .wide .feature-original-slot img,
  .features .tall .feature-original-slot img,
  .features .cut .feature-original-slot img{
    position:static;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    transform:none!important;
  }
  .features .round-card,
  .features .ticket{
    min-height:230px;
    pointer-events:auto;
  }
}

@media(max-width:380px){
  .features .wrap{
    width:calc(100% - 24px);
  }
  .features h2{
    font-size:33px;
  }
  .features .feature,
  .features .wide,
  .features .tall,
  .features .cut,
  .features .round-card,
  .features .ticket{
    padding:21px;
    border-radius:24px;
  }
}

/* Mobile: bloco de resultados mais compacto */
@media(max-width:760px){
  .impact{
    padding-top:0;
  }
  .impact-shape{
    min-height:0;
    padding:42px 28px 52px;
    gap:0;
    border-radius:0 0 58px 0;
  }
  .impact article{
    min-width:0;
    padding:16px 0;
    gap:14px;
    align-items:center;
  }
  .impact article+article{
    padding:16px 0;
  }
  .impact article>i{
    flex:0 0 56px;
    width:56px;
    height:56px;
    font-size:28px;
    box-shadow:inset 0 0 0 6px #073f36,0 0 0 1px #dfa32355;
  }
  .impact article div{
    min-width:0;
    flex:1;
  }
  .impact span{
    font-size:14px;
    line-height:1.05;
  }
  .impact b{
    margin:3px 0;
    font-size:clamp(22px,6.5vw,27px);
    line-height:1.05;
  }
  .impact small{
    font-size:8px;
    line-height:1.4;
  }
  .impact small br{
    display:none;
  }
  .impact-shape:after{
    width:190px;
    height:190px;
  }
}

@media(max-width:380px){
  .impact-shape{
    padding:36px 22px 46px;
  }
  .impact article{
    gap:12px;
  }
  .impact article>i{
    flex-basis:52px;
    width:52px;
    height:52px;
    font-size:25px;
  }
  .impact b{
    font-size:21px;
  }
}

/* Mobile: CTA final compacta e organizada */
@media(max-width:760px){
  .cta{
    min-height:0;
    padding:66px 0 100px;
    clip-path:none;
  }
  .cta .wrap{
    width:min(100% - 32px,520px);
  }
  .cta-grid{
    gap:24px;
  }
  .cta h2{
    margin:0 0 14px;
    font-size:clamp(33px,9vw,38px);
    line-height:1.02;
    letter-spacing:-.04em;
  }
  .cta h2 br{
    display:block;
  }
  .cta p{
    margin:0;
    max-width:340px;
    font-size:13px;
    line-height:1.55;
  }
  .cta p br{
    display:none;
  }
  .cta .trust.dark{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-top:20px;
  }
  .cta .trust.dark span{
    min-width:0;
    display:flex;
    align-items:center;
    gap:5px;
    font-size:8px;
    line-height:1.2;
  }
  .cta .trust.dark i{
    flex:0 0 auto;
  }
  .capsule{
    min-height:138px;
    padding:28px 20px 20px;
    gap:11px;
    border-radius:48px 22px 48px 22px;
    transform:rotate(-1deg);
  }
  .capsule-lines{
    font-size:12px;
  }
  .capsule .btn.white{
    min-height:52px;
    padding:0 18px;
    font-size:13px;
  }
  .capsule small{
    font-size:9px;
  }
  .plate{
    width:155px;
    height:155px;
    right:-76px;
    bottom:-58px;
  }
  .plate:after{
    inset:54px;
  }
  .chopsticks{
    right:-22px;
    bottom:-16px;
    width:180px;
  }
  .cta-rings{
    width:190px;
    height:190px;
    left:-112px;
    bottom:-65px;
  }
}

@media(max-width:380px){
  .cta{
    padding:58px 0 88px;
  }
  .cta h2{
    font-size:32px;
  }
  .cta .trust.dark{
    gap:5px;
  }
  .cta .trust.dark span{
    font-size:7px;
  }
  .capsule{
    min-height:128px;
    padding:24px 17px 17px;
  }
}

/* Mobile: menu compacto e estruturado */
@media(max-width:760px){
  .menu-button{
    width:40px;
    height:40px;
    padding:8px;
    border:1px solid var(--line);
    border-radius:11px;
    background:var(--surface);
  }
  .menu-button i{
    width:18px;
    margin:4px auto;
    transition:transform .25s,opacity .25s;
  }
  .menu-button[aria-expanded="true"] i:nth-child(1){
    transform:translateY(6px) rotate(45deg);
  }
  .menu-button[aria-expanded="true"] i:nth-child(2){
    opacity:0;
  }
  .menu-button[aria-expanded="true"] i:nth-child(3){
    transform:translateY(-6px) rotate(-45deg);
  }
  .header nav{
    top:68px;
    left:16px;
    right:16px;
    gap:0;
    padding:12px;
    border:1px solid var(--line);
    border-radius:20px;
    background:var(--surface);
    box-shadow:0 20px 45px rgba(7,63,54,.2);
  }
  .header nav>a:not(.btn){
    min-height:46px;
    padding:0 12px;
    display:flex;
    align-items:center;
    border-bottom:1px solid var(--line);
    font-size:13px;
  }
  .header nav>a:not(.btn):after{
    display:none;
  }
  .header nav>a:not(.btn):last-of-type{
    border-bottom:0;
  }
  .header nav .theme-toggle{
    width:100%;
    height:42px;
    margin:10px 0 8px;
    border-radius:11px;
  }
  .header nav .btn.small{
    width:100%;
    min-height:46px;
    margin:0;
    padding:0 16px;
    border-radius:11px;
    font-size:12px;
  }
}

@media(max-width:380px){
  .header nav{
    left:12px;
    right:12px;
    padding:10px;
  }
  .header nav>a:not(.btn){
    min-height:43px;
  }
}

/* Contraste dos ícones no tema escuro */
html[data-theme="dark"] .product-callouts i{
  background:#8fae9b!important;
  color:#102f29!important;
  box-shadow:0 8px 18px rgba(0,0,0,.28);
}
html[data-theme="dark"] .product-callouts .callout-chart em{
  background:#102f29!important;
}
html[data-theme="dark"] .product-callouts article:hover i{
  background:#a7c5b2!important;
}

@media(max-width:760px){
  html[data-theme="dark"] .menu-button{
    background:#26312d;
    border-color:#8fae9b66;
  }
  html[data-theme="dark"] .menu-button i{
    background:#f6f1e8;
  }
  html[data-theme="dark"] .header nav{
    background:#252c28;
    border-color:#8fae9b42;
  }
}