:root{
  --ink:#241b22;--muted:#786b73;--paper:#fff;--cream:#fbf7f5;--rose:#c97e8b;--rose-2:#e9b5bd;--wine:#5f3b55;--wine-dark:#352333;--wine-2:#744b68;--sage:#94a58b;--gold:#c3a06d;--line:#eadfe2;--soft:#f6edef;--shadow:0 22px 70px rgba(61,37,53,.13);--shadow-sm:0 12px 34px rgba(61,37,53,.09);--radius:28px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.section{padding:96px 0}.center{text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ebd8dd;border-radius:999px;background:#f7ecef;color:var(--wine);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow.light{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.02}h2{font-size:clamp(38px,5vw,64px);margin-bottom:18px}h2 span{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--wine)}p{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 22px;font-size:13px;font-weight:900;cursor:pointer;transition:.25s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--wine),#7b506d);box-shadow:0 14px 30px rgba(95,59,85,.25)}.btn-primary:hover{box-shadow:0 18px 38px rgba(95,59,85,.33)}.btn-glass{background:rgba(255,255,255,.76);border:1px solid rgba(95,59,85,.13);backdrop-filter:blur(14px);color:var(--wine)}.btn-light{background:#fff;color:var(--wine);box-shadow:0 14px 36px rgba(0,0,0,.12)}.btn-lg{min-height:56px;padding:16px 24px}.btn-xl{min-height:62px;padding:18px 26px;font-size:14px}.play-icon{width:26px;height:26px;border-radius:50%;background:#f2e5e9;display:grid;place-items:center;font-size:9px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
.promo-bar{display:none}
.site-header{position:sticky;top:0;z-index:70;background:rgba(255,252,250,.92);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);border-bottom:1px solid rgba(111,70,96,.08);box-shadow:0 8px 30px rgba(61,37,53,.045)}
.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{display:flex;align-items:center;gap:12px;min-width:250px}
.logo-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--wine),#7b506d);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900;letter-spacing:-.04em;box-shadow:0 9px 24px rgba(95,59,85,.20)}
.logo strong{font-family:Georgia,serif;font-size:20px;font-weight:600;display:block;line-height:1;color:#2e232b;letter-spacing:-.02em}
.logo small{display:block;margin-top:7px;font-size:7px;letter-spacing:.16em;text-transform:uppercase;color:#9a8a92;font-weight:700}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:34px;flex:1}
.desktop-nav a{position:relative;font-size:12px;font-weight:800;color:#665962;padding:10px 0;transition:.2s ease}
.desktop-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:3px;height:2px;border-radius:99px;background:var(--wine);transition:.22s ease}
.desktop-nav a:hover{color:var(--wine)}
.desktop-nav a:hover:after{left:0;right:0}
.nav-actions{display:flex;align-items:center;gap:16px;min-width:250px;justify-content:flex-end}
.nav-login{font-size:12px;font-weight:900;color:#453741;padding:10px 4px;transition:.2s}
.nav-login:hover{color:var(--wine)}
.btn-nav{min-height:46px;padding:13px 21px;box-shadow:0 10px 26px rgba(95,59,85,.20)}
.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:13px;color:var(--wine);font-size:20px;cursor:pointer}
.mobile-menu{position:fixed;left:14px;right:14px;top:74px;z-index:80;background:rgba(255,252,250,.98);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:12px;backdrop-filter:blur(18px)}.mobile-menu a{display:block;padding:12px 0;border-bottom:1px solid #f2e9eb;font-weight:800;font-size:13px}
.hero{position:relative;overflow:hidden;min-height:760px;padding:82px 0 92px;background:radial-gradient(circle at 84% 18%,rgba(233,181,189,.43),transparent 26%),radial-gradient(circle at 12% 86%,rgba(195,160,109,.13),transparent 25%),linear-gradient(180deg,#fffaf8,#fbf7f5)}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:54px;align-items:center;position:relative;z-index:2}.hero-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--wine);font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px}.live-dot{width:8px;height:8px;border-radius:50%;background:#a7697a;box-shadow:0 0 0 6px rgba(167,105,122,.12);animation:pulse 2s infinite}.hero h1{font-size:clamp(54px,6.4vw,88px);margin:0 0 24px;max-width:620px}.hero h1 span{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--wine)}.hero-lead{font-size:18px;max-width:590px;line-height:1.6}.rotating-line{margin:22px 0 0;font-size:13px;color:#6f626a;padding-left:14px;border-left:2px solid var(--rose)}.rotating-line strong{color:var(--wine);transition:opacity .2s}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-proof{display:flex;gap:14px 20px;flex-wrap:wrap;margin-top:18px;color:#766a72;font-size:11px}.hero-stage{position:relative;min-height:565px;perspective:1100px}.device-frame{position:absolute;inset:30px 0 10px 38px;background:#fff;border:1px solid rgba(95,59,85,.13);border-radius:28px;padding:12px;box-shadow:0 34px 80px rgba(64,39,56,.18);transform:rotateY(-4deg) rotateX(1deg);transition:transform .2s ease}.device-top{height:32px;display:flex;align-items:center;gap:6px;padding:0 6px;position:relative;z-index:3}.device-top span{width:8px;height:8px;border-radius:50%;background:#d9c7cc}.device-top b{margin-left:8px;font-family:Georgia,serif;font-weight:500;color:#8f7b86;font-size:12px}.device-top em{margin-left:auto;font-style:normal;font-size:7px;letter-spacing:.12em;font-weight:900;color:#9d7b87;background:#f7ecef;border:1px solid #ebdce0;border-radius:999px;padding:5px 7px}.hero-screen-stack{position:relative;width:100%;height:calc(100% - 36px);border-radius:18px;overflow:hidden;border:1px solid #efe5e7;background:#f7f0f2}.hero-screen-track{display:flex;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.85,.2,1)}.hero-screen{flex:0 0 100%;width:100%;height:100%;object-fit:cover;object-position:top;display:block}.hero-screen.active{opacity:1;transform:none}.hero-screen:nth-child(3){object-fit:cover;object-position:center}.device-shine{position:absolute;inset:44px 12px 12px;border-radius:18px;overflow:hidden;pointer-events:none;z-index:2}.device-shine:after{content:"";position:absolute;top:-30%;bottom:-30%;width:22%;left:-35%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.26),transparent);transform:skewX(-17deg);animation:deviceShine 8s ease-in-out infinite}.hero-screen-dots{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);display:flex;gap:7px;z-index:6}.hero-screen-dots button{width:7px;height:7px;border:0;border-radius:99px;background:#d9c8ce;padding:0;cursor:pointer;transition:.25s}.hero-screen-dots button.active{width:26px;background:var(--wine)}.hero-orbit{position:absolute;border-radius:50%;border:1px solid rgba(168,111,129,.14);pointer-events:none;animation:orbitSpin 24s linear infinite}.orbit-one{width:480px;height:480px;right:-80px;top:5px}.orbit-two{width:350px;height:350px;left:40px;bottom:-70px;border-style:dashed;animation-duration:34s;animation-direction:reverse}.float-pill{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 44px rgba(74,46,64,.14);backdrop-filter:blur(12px);padding:11px 14px;border-radius:16px;animation:float 5s ease-in-out infinite}.float-pill>span{width:32px;height:32px;border-radius:11px;background:#f4e5e9;color:var(--wine);display:grid;place-items:center;font-weight:900;font-size:11px}.float-pill b,.float-pill small{display:block}.float-pill b{font-size:13px}.float-pill small{font-size:9px;color:var(--muted)}.pill-a{left:-7px;top:92px}.pill-b{right:-20px;top:225px;animation-delay:-1.4s}.pill-c{left:60px;bottom:0;animation-delay:-2.8s}.hero-glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.35}.glow-one{width:340px;height:340px;background:#efc6cf;right:-120px;top:60px}.glow-two{width:250px;height:250px;background:#ead9be;left:-120px;bottom:-70px}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(167,105,122,0)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes deviceShine{0%,55%{left:-35%}75%,100%{left:125%}}

/* Hero com vídeo — V7.7 */
.hero-video-section{position:relative;isolation:isolate;overflow:hidden;min-height:760px;padding:0;background:#281b25;display:flex;align-items:center}
.hero-video-fallback{position:absolute;inset:-3%;z-index:-5;background:url("../assets/images/video-landing-poster-hq.jpg") center/cover no-repeat;transform:scale(1.06);filter:saturate(.92) contrast(1.04) brightness(.64);animation:heroFallbackPan 16s ease-in-out infinite alternate}.hero-bg-video{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:center center;transform:scale(1.02);z-index:-4;filter:saturate(.94) contrast(1.04) brightness(.62);opacity:0;transition:opacity .45s ease}.hero-video-section.video-ready .hero-bg-video{opacity:1}@keyframes heroFallbackPan{0%{transform:scale(1.06) translate3d(0,0,0)}100%{transform:scale(1.12) translate3d(-1.6%,.5%,0)}}
.hero-video-overlay{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(29,19,27,.06) 0%,rgba(29,19,27,.12) 38%,rgba(29,19,27,.50) 68%,rgba(29,19,27,.70) 100%)}
.hero-video-vignette{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 24% 46%,transparent 0 24%,rgba(29,19,27,.12) 58%,rgba(29,19,27,.32) 100%)}
.hero-video-bottom-fade{position:absolute;left:0;right:0;bottom:0;height:120px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(251,247,245,.98))}
.hero-video-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center;min-height:760px;padding-top:76px;padding-bottom:88px}
.hero-video-copy{grid-column:2;color:#fff;text-shadow:0 2px 24px rgba(20,12,18,.20)}
.hero-video-copy .hero-kicker{color:#f8e9ed}
.hero-video-copy .live-dot{background:#f0b7c3;box-shadow:0 0 0 6px rgba(240,183,195,.18)}
.hero-video-copy h1{color:#fff;max-width:650px}
.hero-video-copy h1 span{color:#f4cbd3}
.hero-video-copy .hero-lead{color:rgba(255,255,255,.88)}
.hero-video-copy .rotating-line{color:rgba(255,255,255,.80);border-left-color:#e8aebc}
.hero-video-copy .rotating-line strong{color:#fff}
.hero-video-copy .hero-proof{color:rgba(255,255,255,.78)}
.btn-video-glass{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.32);box-shadow:0 12px 34px rgba(0,0,0,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.btn-video-glass:hover{background:rgba(255,255,255,.21);border-color:rgba(255,255,255,.46)}
.hero-video-copy .btn-primary{box-shadow:0 18px 44px rgba(42,22,36,.32)}
@media(max-width:1000px){.hero-video-section{min-height:720px}.hero-video-layout{grid-template-columns:.92fr 1.08fr;min-height:720px;gap:30px}.hero-video-overlay{background:linear-gradient(90deg,rgba(29,19,27,.16),rgba(29,19,27,.62) 58%,rgba(29,19,27,.80))}}
@media(max-width:720px){.hero-video-section{min-height:700px;align-items:flex-end}.hero-bg-video{object-position:center;filter:saturate(.9) contrast(1.02) brightness(.60)}.hero-video-overlay{background:linear-gradient(180deg,rgba(29,19,27,.16) 0%,rgba(29,19,27,.42) 40%,rgba(29,19,27,.88) 77%,rgba(29,19,27,.94) 100%)}.hero-video-layout{display:block;min-height:700px;padding:300px 0 92px}.hero-video-space{display:none}.hero-video-copy{text-align:left}.hero-video-copy h1{font-size:clamp(46px,13vw,66px)}.hero-video-copy .hero-actions{display:grid}.hero-video-copy .hero-actions .btn{width:100%}.hero-video-copy .hero-proof{justify-content:flex-start}.hero-video-bottom-fade{height:72px}}
.feature-marquee{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.marquee-row{padding:16px 0}.marquee-content{display:flex;width:max-content;gap:22px;align-items:center;animation:marquee 25s linear infinite}.marquee-content span{font-size:12px;font-weight:900;color:#5c4a55;white-space:nowrap}.marquee-content i{font-style:normal;color:#d4a9b4}@keyframes marquee{to{transform:translateX(-50%)}}
.section-head{margin-bottom:42px}.section-head h2{margin-top:16px}.section-head p{max-width:620px;margin:0 auto;font-size:15px}.screen-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:22px}.screen-tab{border:1px solid var(--line);background:#fff;color:#786a72;border-radius:999px;padding:10px 16px;font-weight:800;font-size:11px;cursor:pointer;transition:.2s}.screen-tab.active{background:var(--wine);color:#fff;border-color:var(--wine)}.screen-carousel{position:relative;max-width:1060px;margin:auto}.screen-viewport{overflow:hidden;border-radius:30px}.screen-track{display:flex;transition:transform .55s cubic-bezier(.2,.85,.2,1)}.screen-track.auto-animating{will-change:transform}.full-ui-shot img{object-fit:cover;object-position:left top;background:#fff}.screen-slide{min-width:100%;padding:0 3px}.browser-shell{background:#f4edef;border:1px solid #e7dadd;border-radius:28px;padding:12px;box-shadow:var(--shadow);height:700px}.browser-bar{height:35px;background:#fff;border-radius:17px 17px 8px 8px;display:flex;align-items:center;gap:6px;padding:0 12px;margin-bottom:8px}.browser-bar span{width:8px;height:8px;border-radius:50%;background:#d7c4c9}.browser-bar em{font-style:normal;color:#9a8d94;font-size:9px;margin-left:6px}.browser-shell img{width:100%;height:calc(100% - 43px);object-fit:cover;object-position:left top;border-radius:12px;image-rendering:auto;backface-visibility:hidden}.browser-shell.image-fit img{object-fit:contain;background:#f7f0f1}.slide-caption{display:flex;align-items:flex-start;gap:15px;padding:20px 18px 0}.slide-caption>span{width:34px;height:34px;border-radius:50%;background:#f3e5e9;color:var(--wine);display:grid;place-items:center;font-weight:900;font-size:10px}.slide-caption b,.slide-caption small{display:block}.slide-caption b{font-size:16px}.slide-caption small{color:var(--muted);margin-top:4px}.carousel-arrow{position:absolute;top:43%;z-index:5;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.94);box-shadow:var(--shadow-sm);font-size:28px;color:var(--wine);cursor:pointer}.carousel-arrow.prev{left:-23px}.carousel-arrow.next{right:-23px}.carousel-dots{display:flex;justify-content:center;gap:7px;margin-top:20px}.carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#dccbd0;transition:.25s;cursor:pointer}.carousel-dots button.active{width:26px;background:var(--wine)}
.transformation{background:linear-gradient(180deg,#f6edef,#fbf7f5)}.transformation-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:center}.transformation-copy h2{margin-top:16px}.toggle-switch{display:inline-flex;padding:5px;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm);margin-top:16px}.toggle-btn{border:0;background:transparent;color:#83747c;padding:10px 15px;border-radius:999px;font-weight:800;font-size:11px;cursor:pointer}.toggle-btn.active{background:var(--wine);color:#fff}.transformation-card{min-height:500px;background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);position:relative;overflow:hidden}.chaos-view,.order-view{position:absolute;inset:0;padding:34px;transition:opacity .4s,transform .5s;opacity:0;pointer-events:none;transform:scale(.97)}.chaos-view.active,.order-view.active{opacity:1;pointer-events:auto;transform:none}.chaos-view{background:linear-gradient(145deg,#fff,#fbf4f5)}.mess-card{position:absolute;width:190px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);font-size:20px}.mess-card b,.mess-card small{display:block;margin-left:34px}.mess-card b{font-size:12px;margin-top:-24px}.mess-card small{font-size:9px;color:var(--muted);margin-top:3px}.mess-a{left:34px;top:38px;transform:rotate(-4deg)}.mess-b{right:35px;top:62px;transform:rotate(4deg)}.mess-c{left:55px;bottom:55px;transform:rotate(3deg)}.mess-d{right:45px;bottom:44px;transform:rotate(-3deg)}.chaos-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;background:#f6eaed;width:170px;height:170px;border-radius:50%;display:grid;place-content:center;border:1px solid #ead8dd}.chaos-center span{font-size:34px}.chaos-center b,.chaos-center small{display:block}.chaos-center b{font-size:14px}.chaos-center small{font-size:10px;color:var(--muted)}.order-view{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:12px;align-content:center;background:linear-gradient(145deg,#fff,#fcf7f8)}.order-main{grid-row:span 2;background:var(--wine);color:#fff;border-radius:22px;padding:26px;display:flex;flex-direction:column;justify-content:center}.mini-label{font-size:8px;letter-spacing:.14em;font-weight:900;color:#e5d4dd}.order-main h3{font-size:27px;margin:10px 0 8px}.order-main p{color:#e5d6de;font-size:11px}.order-main button{align-self:flex-start;margin-top:20px;border:0;background:#fff;color:var(--wine);border-radius:999px;padding:10px 13px;font-weight:900;font-size:9px}.order-stat{background:#f7edef;border:1px solid #eadcdf;border-radius:18px;padding:18px;display:flex;flex-direction:column;justify-content:center}.order-stat small{color:var(--muted);font-size:9px}.order-stat b{font-size:20px;margin-top:4px}.order-footer{grid-column:2/-1;background:#edf3e9;color:#52634d;border-radius:15px;padding:14px;text-align:center;font-size:10px;font-weight:900}
.split-head{display:flex;justify-content:space-between;gap:40px;align-items:end}.split-head>div:first-child{max-width:720px}.split-head>p{max-width:390px;margin:0 0 9px;text-align:right}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;min-height:260px;box-shadow:0 10px 28px rgba(70,42,59,.04);position:relative;overflow:hidden}.value-card.large{grid-row:span 2;min-height:536px}.value-card.wide{grid-column:span 2}.value-icon{width:38px;height:38px;border-radius:12px;background:#f4e7ea;color:var(--wine);display:grid;place-items:center;font-weight:900;margin-bottom:22px}.value-card>span{font-size:9px;color:#8b7882;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.value-card h3{font-size:25px;margin:8px 0 12px}.value-card p{font-size:12px}.priority-demo{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;background:#faf4f5;border:1px solid #eee0e3;border-radius:15px;padding:11px;margin-top:10px}.priority-demo>b{width:26px;height:26px;border-radius:9px;background:#fff;display:grid;place-items:center;color:var(--wine);font-size:10px}.priority-demo span{font-size:10px;font-weight:800}.priority-demo em{font-style:normal;font-size:7px;text-transform:uppercase;letter-spacing:.08em;background:#fff0e8;color:#a06344;padding:5px 7px;border-radius:999px}.mini-progress{height:7px;background:#f0e5e8;border-radius:99px;overflow:hidden;margin:28px 0 18px}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--rose),var(--wine));border-radius:inherit}.big-number{display:block;font-size:36px;letter-spacing:-.05em}.value-card>small{color:var(--muted);font-size:9px}.compare-bars{display:grid;gap:10px;margin:26px 0 17px}.compare-bars i{display:block;height:12px;border-radius:99px;background:linear-gradient(90deg,#ead3d9 var(--w),#f5eef0 var(--w))}.guest-pills{display:grid;gap:8px;margin-top:24px}.guest-pills b{padding:12px 13px;border-radius:12px;background:#f7f0f2;font-size:10px}.timeline-mini{position:relative;display:flex;gap:10px;justify-content:space-between;margin-top:28px;padding-top:22px}.timeline-mini i{position:absolute;left:4%;right:4%;top:8px;height:2px;background:#e4d6da}.timeline-mini span{font-size:9px;position:relative}.timeline-mini span:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--rose);top:-19px;left:0;box-shadow:0 0 0 4px #f7ecef}.timeline-mini b{display:block;font-size:11px;color:var(--wine)}
.steps-section{background:var(--wine-dark);color:#fff}.steps-section .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#f6e6ed}.steps-section h2{color:#fff}.steps-flow{display:grid;grid-template-columns:1fr 100px 1fr 100px 1fr;align-items:center;margin-top:48px}.steps-flow article{text-align:center}.steps-flow article>span{font-size:9px;letter-spacing:.12em;color:#cdb9c4}.step-orb{width:84px;height:84px;border-radius:50%;margin:12px auto 18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-size:27px;box-shadow:inset 0 0 0 10px rgba(255,255,255,.03)}.steps-flow h3{font-size:20px;margin-bottom:7px}.steps-flow p{font-size:11px;color:#cdbfc7}.step-line{height:2px;background:rgba(255,255,255,.13);position:relative}.step-line i{position:absolute;inset:0;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#e0aebb,#fff0);transition:transform 1.4s ease}.steps-flow.visible .step-line i{transform:scaleX(1)}
.bonuses{background:#f8f1f2}.bonus-arrows{display:flex;gap:8px}.bonus-arrows button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--wine);font-size:18px;cursor:pointer}.bonus-subtitle{max-width:560px;margin:-12px 0 24px;color:var(--muted);font-size:15px}.bonus-shell{position:relative;overflow:hidden}.bonus-shell:before,.bonus-shell:after{content:"";position:absolute;top:0;bottom:10px;width:74px;z-index:2;pointer-events:none;transition:opacity .25s}.bonus-shell:before{left:0;background:linear-gradient(90deg,#f8f1f2 10%,rgba(248,241,242,0));opacity:.95}.bonus-shell:after{right:0;background:linear-gradient(270deg,#f8f1f2 10%,rgba(248,241,242,0));opacity:.95}.bonus-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;scroll-snap-type:none;scrollbar-width:none;padding:0 20px 10px;scroll-behavior:auto}.bonus-scroller::-webkit-scrollbar{display:none}.bonus-tile{scroll-snap-align:none;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 10px 30px rgba(61,37,53,.05)}.bonus-tile img{width:100%;aspect-ratio:1.15/1;object-fit:cover}.bonus-tile>div{padding:20px}.bonus-tile span{font-size:8px;letter-spacing:.13em;color:#9c7b87;font-weight:900}.bonus-tile h3{font-size:20px;margin:7px 0 8px}.bonus-tile p{font-size:11px;margin-bottom:15px}.bonus-tile b{font-size:8px;color:#57704f;background:#edf3ea;padding:6px 8px;border-radius:999px}.bonus-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}.bonus-dots button{width:8px;height:8px;border:0;border-radius:999px;background:#dccbd0;padding:0;cursor:pointer;transition:.25s}.bonus-dots button.active{width:28px;background:var(--wine)}
.immersive-banner{padding-top:20px}.immersive-card{position:relative;min-height:560px;border-radius:32px;overflow:hidden;box-shadow:var(--shadow);background:#eee}.immersive-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.immersive-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(39,25,36,.83),rgba(39,25,36,.18) 55%,rgba(39,25,36,.05))}.immersive-overlay{position:absolute;z-index:2;left:50px;top:50%;transform:translateY(-50%);max-width:500px;color:#fff}.immersive-overlay h2{color:#fff;margin-top:16px;font-size:clamp(38px,5vw,62px)}
.offer{background:linear-gradient(180deg,#fbf7f5,#f3e8eb)}.offer-shell{display:grid;grid-template-columns:.95fr 1.05fr;background:#fff;border:1px solid #e5d8dc;border-radius:34px;overflow:hidden;box-shadow:0 34px 90px rgba(63,38,55,.16);position:relative}.offer-shell:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px rgba(255,255,255,.8)}.offer-visual{position:relative;background:#f2e5e8;min-height:690px;overflow:hidden}.offer-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.offer-shell:hover .offer-visual img{transform:scale(1.025)}.offer-badge{position:absolute;left:24px;top:24px;background:rgba(53,35,51,.9);color:#fff;padding:9px 12px;border-radius:999px;font-size:8px;letter-spacing:.13em;font-weight:900;backdrop-filter:blur(10px)}.offer-floating-card{position:absolute;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.9);box-shadow:0 16px 38px rgba(61,37,53,.16);backdrop-filter:blur(12px);padding:12px 14px;border-radius:15px;animation:float 6s ease-in-out infinite}.offer-floating-card b,.offer-floating-card small{display:block}.offer-floating-card b{font-size:10px;color:var(--ink)}.offer-floating-card small{font-size:8px;color:var(--muted);margin-top:2px}.ofc-1{left:22px;bottom:28px}.ofc-2{right:20px;top:100px;animation-delay:-2s}.offer-content{padding:52px 52px 48px;display:flex;flex-direction:column;justify-content:center}.offer-content h2{font-size:clamp(40px,4.6vw,60px);margin:16px 0 14px}.offer-content>p{font-size:14px;max-width:520px;margin-bottom:18px}.offer-receive{display:grid;gap:8px;margin:2px 0 14px}.offer-receive>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 12px;border:1px solid #efe3e6;border-radius:13px;background:#fcf8f9}.offer-receive span{grid-row:1/3;width:28px;height:28px;border-radius:9px;background:#f2e4e8;color:var(--wine);display:grid;place-items:center;font-size:8px;font-weight:900}.offer-receive b{font-size:10px}.offer-receive small{font-size:8px;color:var(--muted)}.offer-price-row{display:flex;align-items:center;gap:16px;margin:12px 0 16px;padding-top:14px;border-top:1px solid #eee2e5}.offer-price{display:flex;align-items:flex-start;color:var(--wine);margin:0}.offer-price small{font-size:17px;font-weight:900;margin:8px 4px 0 0}.offer-price strong{font-size:70px;line-height:.84;letter-spacing:-.08em}.offer-price sup{font-size:25px;font-weight:900;margin-top:1px}.offer-price-copy b,.offer-price-copy small{display:block}.offer-price-copy b{font-size:10px;color:var(--ink)}.offer-price-copy small{font-size:8px;color:var(--muted);margin-top:2px}.offer-main-cta{position:relative;overflow:hidden;width:100%;min-height:64px;font-size:14px}.offer-main-cta:after{content:"";position:absolute;top:-50%;bottom:-50%;width:20%;left:-30%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);animation:ctaShine 5.5s ease-in-out infinite}.offer-trust{display:flex;flex-wrap:wrap;gap:7px 13px;justify-content:center;margin-top:12px;color:#6d6068}.offer-trust span{font-size:8px;font-weight:800}.offer-note{font-size:8px;color:#8b7d85;text-align:center;margin-top:9px;line-height:1.5}.offer-aftercare{margin:16px auto 0;max-width:850px;padding:15px 20px;border:1px solid #e6d9dd;border-radius:16px;background:rgba(255,255,255,.66);display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;box-shadow:0 10px 30px rgba(64,39,56,.06)}.offer-aftercare>span{font-size:19px}.offer-aftercare b{font-size:10px}.offer-aftercare small{font-size:9px;color:var(--muted)}@keyframes ctaShine{0%,55%{left:-30%}75%,100%{left:125%}}
.faq-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px;align-items:start}.faq-intro{position:sticky;top:130px}.faq-intro h2{margin-top:16px}.faq-intro p{font-size:13px}.faq-intro a{font-size:11px;color:var(--wine);font-weight:900}.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.faq-q{width:100%;padding:18px 20px;border:0;background:#fff;display:flex;justify-content:space-between;align-items:center;text-align:left;color:var(--ink);font-weight:900;cursor:pointer}.faq-q b{font-size:20px;color:#9b7b88;transition:.2s}.faq-a{display:none;padding:0 20px 18px}.faq-a p{font-size:12px;margin:0}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q b{transform:rotate(45deg)}
.final-cta{padding:20px 0 88px}.final-shell{background:linear-gradient(135deg,var(--wine-dark),#6e465f);border-radius:30px;padding:44px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;box-shadow:var(--shadow)}.final-shell>div{display:flex;gap:20px;align-items:center}.final-shell>div>span{font-size:34px}.final-shell h2{color:#fff;font-size:clamp(30px,4vw,48px);margin:0}
footer{background:#21171f;color:#cbbdc6;padding:48px 0 90px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:36px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid b{color:#fff;font-size:11px;margin-bottom:5px}.footer-grid a{font-size:10px}.footer-grid p{font-size:9px;margin-top:12px;color:#988a93}.footer-logo strong{color:#fff}.footer-logo small{color:#a895a1}.mobile-cta{display:none}
@media(max-width:1000px){.desktop-nav{display:none}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero h1,.hero-lead{margin-left:auto;margin-right:auto}.rotating-line{display:inline-block}.hero-actions,.hero-proof{justify-content:center}.hero-stage{min-height:520px;max-width:760px;width:100%;margin:auto}.device-frame{inset:25px 30px 20px}.hero-screen-dots{bottom:-10px}.transformation-grid{grid-template-columns:1fr}.transformation-copy{text-align:center}.value-grid{grid-template-columns:1fr 1fr}.value-card.large{grid-row:auto;min-height:320px}.value-card.wide{grid-column:span 1}.steps-flow{grid-template-columns:1fr 45px 1fr 45px 1fr}.bonus-scroller{grid-auto-columns:calc((100% - 16px)/2);padding:0 14px 10px}.bonus-shell:before,.bonus-shell:after{width:46px}.offer-content{padding:38px}.offer-visual{min-height:620px}.faq-grid{grid-template-columns:1fr}.faq-intro{position:static}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.split-head{align-items:flex-start}.split-head>p{text-align:left}}
@media(max-width:720px){.container{width:min(calc(100% - 28px),var(--max))}.section{padding:70px 0}.promo-track{font-size:10px;animation:promoSlide 18s linear infinite;width:max-content}.promo-track span:nth-of-type(n+3){display:none}.nav-wrap{height:70px}.logo small{display:none}.nav-login,.btn-nav{display:none}.menu-btn{display:block}.mobile-menu{top:76px}.hero{padding:58px 0 70px}.hero h1{font-size:clamp(48px,14vw,68px)}.hero-lead{font-size:16px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-proof{font-size:10px}.hero-stage{min-height:390px;margin-top:10px}.device-frame{inset:20px 0 15px;transform:none;padding:8px;border-radius:22px}.hero-screen-stack{border-radius:13px}.hero-screen{border-radius:13px}.device-shine{inset:40px 8px 8px;border-radius:13px}.hero-orbit{display:none}.float-pill{transform:scale(.88);padding:8px 10px}.pill-a{left:-10px;top:52px}.pill-b{right:-12px;top:160px}.pill-c{left:20px;bottom:-4px}.screen-tabs{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:6px;scrollbar-width:none}.screen-tab{flex:0 0 auto}.browser-shell{height:430px;border-radius:20px;padding:8px}.carousel-arrow{display:none}.slide-caption{padding:15px 8px 0}.transformation-card{min-height:440px}.chaos-view,.order-view{padding:20px}.mess-card{width:160px}.mess-a{left:18px;top:28px}.mess-b{right:18px;top:58px}.mess-c{left:25px;bottom:54px}.mess-d{right:25px;bottom:32px}.chaos-center{width:145px;height:145px}.order-view{grid-template-columns:1fr 1fr;align-content:center}.order-main{grid-column:1/-1;grid-row:auto;min-height:185px}.order-footer{grid-column:1/-1}.split-head{display:block}.split-head>p{margin-top:14px}.value-grid{grid-template-columns:1fr}.value-card{min-height:230px}.timeline-mini{gap:7px}.steps-flow{grid-template-columns:1fr;gap:10px}.step-line{width:2px;height:32px;margin:auto}.step-line i{transform-origin:top;transform:scaleY(0)}.steps-flow.visible .step-line i{transform:scaleY(1)}.bonus-scroller{grid-auto-columns:88%;padding:0 12px 10px}.bonus-arrows{margin-top:18px}.bonus-subtitle{font-size:14px;margin:-6px 0 18px}.bonus-shell:before,.bonus-shell:after{width:34px}.immersive-card{min-height:500px}.immersive-card img{object-position:center}.immersive-card:after{background:linear-gradient(180deg,rgba(39,25,36,.08),rgba(39,25,36,.84) 75%)}.immersive-overlay{left:24px;right:24px;top:auto;bottom:28px;transform:none}.offer-shell{grid-template-columns:1fr}.offer-visual{min-height:420px}.offer-content{padding:30px 24px}.offer-floating-card{transform:scale(.9)}.ofc-2{top:72px;right:12px}.ofc-1{left:12px;bottom:14px}.offer-receive>div{padding:9px 10px}.offer-price-row{justify-content:flex-start}.offer-aftercare{grid-template-columns:auto 1fr;margin-top:12px}.offer-aftercare small{grid-column:1/-1}.offer-checks{grid-template-columns:1fr}.final-shell{display:grid;text-align:center;padding:36px 24px}.final-shell>div{display:block}.final-shell>div>span{display:block;margin-bottom:12px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.mobile-cta{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:90;background:rgba(255,255,255,.95);border:1px solid var(--line);box-shadow:0 14px 40px rgba(45,27,39,.22);border-radius:18px;padding:8px;align-items:center;gap:10px;backdrop-filter:blur(16px)}.mobile-cta>div{min-width:90px;padding-left:6px}.mobile-cta small,.mobile-cta b{display:block}.mobile-cta small{font-size:8px;color:var(--muted)}.mobile-cta b{font-size:17px;color:var(--wine)}.mobile-cta .btn{flex:1;min-height:45px;padding:10px}.final-cta{padding-bottom:110px}footer{padding-bottom:110px}}
@media(max-width:430px){.hero-proof span{flex:1 1 40%}.float-pill>span{display:none}.float-pill{gap:0}.pill-c{display:none}.transformation-card{min-height:410px}.mess-card{width:145px;padding:12px}.mess-card b,.mess-card small{margin-left:28px}.order-stat b{font-size:16px}.bonus-scroller{grid-auto-columns:88%}.browser-shell{height:380px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.float-pill,.marquee-content,.live-dot,.hero-orbit,.device-shine:after,.offer-floating-card,.offer-main-cta:after,.hero-video-fallback{animation:none}.screen-track,.device-frame,.hero-screen{transition:none}}
@keyframes promoSlide{to{transform:translateX(-20%)}}

/* V7.4.1 — animações contínuas */
.feature-marquee .marquee-content{animation-play-state:running!important}
#heroScreenTrack{will-change:transform}
#bonusScroller{will-change:scroll-position}

.feature-marquee .marquee-content{animation:marquee 25s linear infinite!important;animation-play-state:running!important}

@media(max-width:1000px){.logo,.nav-actions{min-width:0}}
@media(max-width:720px){.site-header{background:rgba(255,252,250,.96)}.nav-wrap{height:70px}.logo-mark{width:40px;height:40px}.logo strong{font-size:18px}.nav-actions{gap:8px}}

/* V7.10 — HEADER FLUTUANTE PREMIUM */
.site-header{
  position:sticky;
  top:0;
  z-index:80;
  padding:14px 18px 8px;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.site-header .nav-wrap{
  width:min(1180px,calc(100% - 8px));
  height:70px;
  margin:0 auto;
  padding:0 10px 0 16px;
  border:1px solid rgba(95,59,85,.12);
  border-radius:22px;
  background:rgba(255,252,250,.88);
  box-shadow:0 16px 44px rgba(53,31,47,.10),inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(22px) saturate(1.25);
  -webkit-backdrop-filter:blur(22px) saturate(1.25);
  gap:18px;
}
.site-header .logo{
  min-width:220px;
  gap:10px;
}
.site-header .logo-mark{
  width:38px;
  height:38px;
  border-radius:12px;
  background:linear-gradient(145deg,#6f405f,#8d5d7e);
  box-shadow:0 8px 22px rgba(95,59,85,.20);
}
.site-header .logo strong{
  font-size:19px;
  letter-spacing:-.025em;
}
.site-header .logo small{
  margin-top:5px;
  font-size:6.5px;
  letter-spacing:.18em;
}
.site-header .desktop-nav{
  flex:0 1 auto;
  gap:2px;
  padding:5px;
  border:1px solid rgba(95,59,85,.08);
  border-radius:999px;
  background:rgba(246,237,240,.74);
}
.site-header .desktop-nav a{
  padding:9px 14px;
  border-radius:999px;
  color:#6f6169;
  font-size:11px;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.site-header .desktop-nav a:after{display:none!important}
.site-header .desktop-nav a:hover{
  color:#5f3b55;
  background:#fff;
  transform:translateY(-1px);
}
.site-header .nav-actions{
  min-width:270px;
  gap:8px;
}
.site-header .nav-login{
  padding:10px 13px;
  border:1px solid rgba(95,59,85,.12);
  border-radius:999px;
  background:rgba(255,255,255,.70);
  color:#5b4a54;
  font-size:11px;
}
.site-header .nav-login:hover{
  background:#fff;
  box-shadow:0 7px 18px rgba(61,37,53,.08);
}
.site-header .btn-nav{
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  box-shadow:0 12px 26px rgba(95,59,85,.20);
}
.site-header .mobile-menu{
  width:min(520px,calc(100% - 36px));
  left:50%;
  right:auto;
  top:88px;
  transform:translateX(-50%);
  border:1px solid rgba(95,59,85,.12);
  border-radius:20px;
  background:rgba(255,252,250,.97);
  box-shadow:0 20px 48px rgba(53,31,47,.14);
  overflow:hidden;
}

@media(max-width:1000px){
  .site-header .nav-wrap{width:min(760px,calc(100% - 8px))}
  .site-header .logo{min-width:0}
  .site-header .nav-actions{min-width:0}
}
@media(max-width:720px){
  .site-header{padding:10px 8px 6px}
  .site-header .nav-wrap{
    width:100%;
    height:64px;
    padding:0 8px 0 12px;
    border-radius:18px;
  }
  .site-header .logo-mark{width:38px;height:38px;border-radius:11px}
  .site-header .logo strong{font-size:17px}
  .site-header .nav-actions{gap:6px}
  .site-header .mobile-menu{top:78px}
}

/* V7.10.1 — HEADER REALMENTE NOVO: flutuante sobre o hero */
.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:120!important;
  padding:14px 18px 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none;
}
.site-header .nav-wrap{
  pointer-events:auto;
  width:min(1210px,calc(100% - 24px))!important;
  height:68px!important;
  margin:0 auto!important;
  padding:0 10px 0 14px!important;
  border:1px solid rgba(255,255,255,.62)!important;
  border-radius:999px!important;
  background:rgba(255,250,249,.82)!important;
  box-shadow:0 18px 55px rgba(38,22,33,.17),inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(24px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.35)!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:24px!important;
}
.site-header .logo{
  min-width:0!important;
  gap:10px!important;
  padding-right:8px;
}
.site-header .logo-mark{
  width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#573147,#81506d)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(77,42,63,.24)!important;
}
.site-header .logo strong{
  font-family:Georgia,serif!important;
  font-size:18px!important;
  font-weight:600!important;
  color:#33262e!important;
  white-space:nowrap;
}
.site-header .logo small{display:none!important}
.site-header .desktop-nav{
  justify-self:center!important;
  display:flex!important;
  flex:0 0 auto!important;
  gap:4px!important;
  padding:4px!important;
  border:1px solid rgba(95,59,85,.08)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.55)!important;
}
.site-header .desktop-nav a{
  padding:9px 14px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  font-weight:850!important;
  color:#685760!important;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.site-header .desktop-nav a:after{display:none!important}
.site-header .desktop-nav a:hover{
  color:#5f3b55!important;
  background:#fff!important;
  box-shadow:0 5px 15px rgba(61,37,53,.08)!important;
  transform:none!important;
}
.site-header .nav-actions{
  min-width:0!important;
  justify-self:end!important;
  display:flex!important;
  gap:7px!important;
}
.site-header .nav-login{
  padding:10px 13px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  font-size:10.5px!important;
  font-weight:850!important;
  color:#594850!important;
  white-space:nowrap;
}
.site-header .nav-login:hover{background:rgba(95,59,85,.07)!important;box-shadow:none!important}
.site-header .btn-nav{
  height:46px!important;
  min-height:46px!important;
  padding:0 19px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#68415e,#835575)!important;
  box-shadow:0 10px 25px rgba(95,59,85,.24)!important;
  font-size:10.5px!important;
  white-space:nowrap;
}
.site-header .btn-nav:hover{transform:translateY(-1px)!important;box-shadow:0 14px 30px rgba(95,59,85,.28)!important}
.hero{padding-top:132px!important}
.site-header .mobile-menu{
  pointer-events:auto;
  top:92px!important;
  width:min(520px,calc(100% - 34px))!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  padding:8px!important;
  border:1px solid rgba(255,255,255,.8)!important;
  border-radius:22px!important;
  background:rgba(255,250,249,.96)!important;
  box-shadow:0 22px 54px rgba(38,22,33,.18)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
.site-header .mobile-menu a{border-radius:14px!important}

@media(max-width:1000px){
  .site-header .nav-wrap{
    width:min(760px,calc(100% - 16px))!important;
    grid-template-columns:auto 1fr!important;
  }
  .site-header .desktop-nav{display:none!important}
  .site-header .nav-actions{justify-self:end!important}
}
@media(max-width:720px){
  .site-header{padding:9px 8px 0!important}
  .site-header .nav-wrap{
    width:100%!important;
    height:62px!important;
    padding:0 7px 0 10px!important;
    border-radius:20px!important;
  }
  .site-header .logo-mark{width:38px!important;height:38px!important}
  .site-header .logo strong{font-size:16px!important}
  .site-header .nav-login,.site-header .btn-nav{display:none!important}
  .site-header .menu-btn{display:block!important}
  .hero{padding-top:106px!important}
  .site-header .mobile-menu{top:78px!important}
}

/* V7.13 — landing page acompanha o tema escolhido no aplicativo */
:root{
  --surface:color-mix(in srgb,var(--paper,#fff) 88%,var(--cream));
  --surface-2:color-mix(in srgb,var(--paper,#fff) 68%,var(--soft));
  --theme-shadow:color-mix(in srgb,var(--wine) 13%,transparent);
}
html{background:var(--wine);}
body{background:var(--cream);}
.site-header .nav-wrap{background:color-mix(in srgb,var(--surface) 86%,transparent)!important;border-color:color-mix(in srgb,var(--wine) 12%,transparent)!important;box-shadow:0 18px 55px var(--theme-shadow),inset 0 1px 0 rgba(255,255,255,.86)!important;}
.site-header .desktop-nav{background:color-mix(in srgb,var(--soft) 78%,transparent)!important;border-color:color-mix(in srgb,var(--wine) 10%,transparent)!important;}
.site-header .desktop-nav a:hover{color:var(--wine)!important;background:var(--surface)!important;}
.site-header .nav-login{color:var(--wine)!important;}
.site-header .nav-login:hover{background:color-mix(in srgb,var(--rose-soft) 68%,transparent)!important;}
.site-header .btn-nav,.btn-primary{background:linear-gradient(135deg,var(--wine),var(--wine-2))!important;box-shadow:0 12px 28px var(--theme-shadow)!important;}
.site-header .logo-mark{background:linear-gradient(145deg,var(--wine),var(--wine-2))!important;box-shadow:0 8px 22px var(--theme-shadow)!important;}
.site-header .mobile-menu{background:color-mix(in srgb,var(--surface) 96%,transparent)!important;border-color:var(--line)!important;}
.eyebrow,.screen-tab,.bonus-arrows button,.faq-item,.faq-q,.offer-aftercare,.mobile-cta,.bonus-tile,.browser-shell,.value-card{border-color:var(--line);}
.screen-tab,.bonus-arrows button,.faq-item,.faq-q,.bonus-tile,.value-card,.offer-aftercare,.mobile-cta{background:var(--surface);}
.screen-tab.active{background:var(--wine);color:#fff;}
.feature-marquee{border-color:var(--line);background:var(--surface);}
.feature-marquee i{color:var(--rose);}
.final-shell{background:linear-gradient(135deg,var(--wine-dark),var(--wine-2));}
footer{background:var(--wine-dark);}
@supports (padding: max(0px)){
  .mobile-cta{bottom:max(10px,env(safe-area-inset-bottom));}
  footer{padding-bottom:calc(110px + env(safe-area-inset-bottom));}
}


/* V7.14 — DESTAQUE RSVP / CONFIRMAÇÃO ONLINE */
.rsvp-highlight{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--cream),var(--soft))}
.rsvp-highlight:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-180px;background:radial-gradient(circle,rgba(201,126,139,.16),transparent 68%);pointer-events:none}
.rsvp-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.rsvp-copy h2{margin-top:16px;max-width:620px}
.rsvp-copy h2 span{color:var(--wine)}
.rsvp-lead{font-size:16px;line-height:1.75;max-width:590px}
.rsvp-benefits{display:grid;gap:12px;margin-top:28px;max-width:620px}
.rsvp-benefits>div{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--paper) 88%,var(--soft));box-shadow:0 8px 24px rgba(61,37,53,.04)}
.rsvp-benefits>div>span{width:34px;height:34px;border-radius:12px;background:var(--soft);color:var(--wine);display:grid;place-items:center;font-weight:1000}
.rsvp-benefits p,.rsvp-benefits b,.rsvp-benefits small{display:block;margin:0}
.rsvp-benefits b{font-size:12px;color:var(--ink)}
.rsvp-benefits small{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.55}
.rsvp-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px}
.rsvp-actions>span{font-size:10px;color:var(--muted);font-weight:800}
.rsvp-demo{position:relative;min-height:620px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,color-mix(in srgb,var(--paper) 92%,var(--soft)),color-mix(in srgb,var(--soft) 88%,var(--paper)));box-shadow:var(--shadow);overflow:hidden;padding:42px}
.rsvp-glow{position:absolute;border-radius:50%;filter:blur(4px);opacity:.7}.rg-one{width:280px;height:280px;background:color-mix(in srgb,var(--rose-2) 45%,transparent);right:-80px;top:-70px}.rg-two{width:210px;height:210px;background:color-mix(in srgb,var(--gold) 22%,transparent);left:-70px;bottom:-50px}
.rsvp-phone{position:absolute;z-index:2;left:42px;top:44px;width:250px;height:500px;border:8px solid #241b22;border-radius:34px;background:var(--paper);box-shadow:0 26px 55px rgba(36,27,34,.22);overflow:hidden;transform:rotate(-2deg);animation:rsvpFloat 5.8s ease-in-out infinite}
.rsvp-phone-top{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:8px;font-weight:900}.rsvp-phone-top i{width:66px;height:18px;border-radius:0 0 13px 13px;background:#241b22;position:absolute;top:0;left:50%;transform:translateX(-50%)}.rsvp-phone-top b{font-size:6px;letter-spacing:1px}
.rsvp-phone-body{padding:28px 18px 18px;text-align:center}.rsvp-mini-logo{width:42px;height:42px;border-radius:14px;margin:0 auto 13px;background:linear-gradient(145deg,var(--wine),var(--wine-2));color:#fff;display:grid;place-items:center;font-weight:1000;font-size:11px;box-shadow:0 9px 20px color-mix(in srgb,var(--wine) 22%,transparent)}.rsvp-phone-body>small{font-size:7px;letter-spacing:.18em;color:var(--wine);font-weight:1000}.rsvp-phone-body h3{font-size:23px;margin:13px 0 7px}.rsvp-phone-body>p{font-size:9px;margin-bottom:22px}.rsvp-phone button{width:100%;border-radius:13px;padding:12px;border:1px solid var(--line);font-size:9px;font-weight:900;margin-bottom:8px}.rsvp-yes{background:var(--wine);color:#fff;border-color:var(--wine)!important;box-shadow:0 9px 22px color-mix(in srgb,var(--wine) 24%,transparent);animation:rsvpButton 5.8s ease-in-out infinite}.rsvp-no{background:var(--paper);color:var(--muted)}
.rsvp-confirmed{margin-top:18px;padding:11px;background:var(--soft);border:1px solid var(--line);border-radius:14px;display:flex;gap:8px;text-align:left;align-items:center;opacity:.1;transform:translateY(8px);animation:rsvpConfirm 5.8s ease-in-out infinite}.rsvp-confirmed>span{width:26px;height:26px;border-radius:9px;background:var(--sage);color:#fff;display:grid;place-items:center}.rsvp-confirmed b,.rsvp-confirmed small{display:block}.rsvp-confirmed b{font-size:8px}.rsvp-confirmed small{font-size:6px;color:var(--muted);margin-top:2px}
.rsvp-stats-card{position:absolute;z-index:3;right:34px;top:104px;width:330px;padding:22px;border-radius:22px;background:color-mix(in srgb,var(--paper) 94%,transparent);border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 55px rgba(61,37,53,.15);backdrop-filter:blur(16px);animation:rsvpStatsFloat 6.2s ease-in-out infinite}
.rsvp-stats-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.rsvp-stats-head small,.rsvp-stats-head b{display:block}.rsvp-stats-head small{font-size:7px;letter-spacing:.14em;color:var(--muted);font-weight:900}.rsvp-stats-head b{font-size:18px;margin-top:3px}.rsvp-stats-head>span{font-size:7px;font-weight:900;color:var(--sage);background:color-mix(in srgb,var(--sage) 14%,var(--paper));border-radius:999px;padding:6px 8px}
.rsvp-stat-row{display:grid;grid-template-columns:9px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.rsvp-stat-row i{width:9px;height:9px;border-radius:50%}.rsvp-stat-row.confirmed i{background:var(--sage)}.rsvp-stat-row.waiting i{background:var(--gold)}.rsvp-stat-row.declined i{background:var(--rose)}.rsvp-stat-row b,.rsvp-stat-row small{display:block}.rsvp-stat-row b{font-size:14px}.rsvp-stat-row small{font-size:7px;color:var(--muted)}.rsvp-stat-row strong{font-size:9px;color:var(--muted)}
.rsvp-progress{height:7px;background:var(--soft);border-radius:99px;overflow:hidden;margin:18px 0}.rsvp-progress i{display:block;width:76%;height:100%;background:linear-gradient(90deg,var(--wine),var(--rose));border-radius:inherit;animation:rsvpProgress 5.8s ease-in-out infinite}
.rsvp-sync{display:flex;gap:10px;align-items:center;padding:10px 11px;background:var(--soft);border-radius:13px}.rsvp-sync>span{width:30px;height:30px;border-radius:10px;background:var(--paper);color:var(--wine);display:grid;place-items:center;animation:rsvpSpin 5.8s ease-in-out infinite}.rsvp-sync b,.rsvp-sync small{display:block}.rsvp-sync b{font-size:8px}.rsvp-sync small{font-size:7px;color:var(--muted);margin-top:2px}
.rsvp-flow{position:absolute;z-index:4;left:115px;right:32px;bottom:32px;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 15px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--paper) 88%,transparent);box-shadow:0 12px 30px rgba(61,37,53,.08);backdrop-filter:blur(12px)}.rsvp-flow span{font-size:8px;font-weight:900;color:var(--ink);white-space:nowrap}.rsvp-flow i{font-style:normal;color:var(--wine)}
@keyframes rsvpFloat{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-8px)}}
@keyframes rsvpStatsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@keyframes rsvpButton{0%,22%,100%{transform:none;filter:none}28%,36%{transform:scale(.97);filter:brightness(1.08)}}
@keyframes rsvpConfirm{0%,28%,100%{opacity:.08;transform:translateY(8px)}38%,82%{opacity:1;transform:none}}
@keyframes rsvpProgress{0%,28%,100%{width:74%}40%,82%{width:76%}}
@keyframes rsvpSpin{0%,30%,100%{transform:rotate(0)}42%,65%{transform:rotate(360deg)}}
@media(max-width:1000px){.rsvp-grid{grid-template-columns:1fr;gap:40px}.rsvp-copy{text-align:center}.rsvp-lead,.rsvp-benefits{margin-left:auto;margin-right:auto}.rsvp-actions{justify-content:center}.rsvp-demo{max-width:720px;width:100%;margin:auto}}
@media(max-width:720px){.rsvp-demo{min-height:620px;padding:20px}.rsvp-phone{left:18px;top:28px;width:210px;height:430px;border-width:7px;border-radius:29px}.rsvp-phone-body{padding:22px 14px}.rsvp-phone-body h3{font-size:20px}.rsvp-stats-card{right:14px;top:145px;width:230px;padding:16px}.rsvp-flow{left:14px;right:14px;bottom:22px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;text-align:center;gap:5px}.rsvp-flow span{font-size:7px;white-space:normal}.rsvp-actions{display:grid}.rsvp-actions .btn{width:100%}.rsvp-actions>span{text-align:center}}
@media(max-width:430px){.rsvp-demo{min-height:690px}.rsvp-phone{left:50%;transform:translateX(-50%) rotate(-1deg);top:22px}.rsvp-stats-card{left:18px;right:18px;top:430px;width:auto}.rsvp-flow{bottom:14px}.rsvp-phone{animation:none}}

/* =========================================================
   V7.19 — MOBILE FIRST LANDING
   Desktop remains untouched; all rules below apply <= 767px.
   ========================================================= */
@media (max-width: 767px){
  html{scroll-padding-top:78px;overflow-x:hidden}
  body{overflow-x:hidden;background:var(--cream);padding-bottom:0}
  .container{width:calc(100% - 28px);max-width:none}
  .section{padding:58px 0}
  h2{font-size:clamp(34px,10.2vw,42px);line-height:1.02;letter-spacing:-.055em;margin-bottom:14px}
  .eyebrow{font-size:8.5px;padding:7px 10px;letter-spacing:.12em}
  .section-head{margin-bottom:26px}
  .section-head h2{margin-top:12px}
  .section-head p{font-size:13px;line-height:1.6}
  .btn{min-height:50px;font-size:12px;padding:13px 18px}
  .btn-lg,.btn-xl{min-height:54px;padding:14px 18px;font-size:12px}

  /* Header */
  .site-header{padding:calc(env(safe-area-inset-top) + 8px) 10px 0!important}
  .site-header .nav-wrap{
    width:100%!important;height:58px!important;padding:0 7px 0 10px!important;
    border-radius:18px!important;grid-template-columns:1fr auto!important;gap:8px!important;
    background:color-mix(in srgb,var(--surface) 94%,transparent)!important;
    box-shadow:0 12px 34px color-mix(in srgb,var(--wine) 15%,transparent)!important;
  }
  .site-header .logo{min-width:0!important;padding:0!important;overflow:hidden}
  .site-header .logo-full-img{height:36px!important;width:auto!important;max-width:190px!important;object-fit:contain!important;object-position:left center}
  .site-header .nav-actions{gap:4px!important}
  .site-header .nav-login,.site-header .btn-nav{display:none!important}
  .site-header .menu-btn{
    display:grid!important;place-items:center;width:42px!important;height:42px!important;border-radius:14px!important;
    background:color-mix(in srgb,var(--paper) 94%,var(--soft))!important;border:1px solid var(--line)!important;
    color:var(--wine)!important;font-size:21px!important;line-height:1!important
  }
  .site-header .mobile-menu{
    top:calc(env(safe-area-inset-top) + 76px)!important;width:calc(100% - 28px)!important;padding:8px!important;
    border-radius:20px!important;background:color-mix(in srgb,var(--surface) 97%,transparent)!important;
    box-shadow:0 24px 60px rgba(36,27,34,.20)!important
  }
  .site-header .mobile-menu a{padding:13px 14px!important;border-bottom:1px solid var(--line)!important;font-size:13px!important}
  .site-header .mobile-menu a:last-child{border-bottom:0!important}
  .mobile-menu .mobile-menu-cta{margin-top:6px;background:var(--wine)!important;color:#fff!important;text-align:center;border-radius:14px!important}

  /* Hero */
  .hero,.hero-video-section{padding-top:0!important}
  .hero-video-section{min-height:100svh!important;height:auto!important;align-items:flex-end!important;background:var(--wine-dark)!important}
  .hero-bg-video{inset:0!important;width:100%!important;height:100%!important;transform:none!important;object-fit:cover!important;object-position:32% center!important;filter:saturate(.92) contrast(1.03) brightness(.68)!important}
  .hero-video-fallback{inset:0!important;transform:none!important;background-position:32% center!important;filter:saturate(.92) contrast(1.03) brightness(.68)!important}
  .hero-video-overlay{background:linear-gradient(180deg,rgba(24,15,22,.08) 0%,rgba(24,15,22,.14) 28%,rgba(24,15,22,.48) 52%,rgba(24,15,22,.90) 76%,rgba(24,15,22,.97) 100%)!important}
  .hero-video-vignette{background:linear-gradient(90deg,rgba(26,17,24,.08),rgba(26,17,24,.12))!important}
  .hero-video-layout{display:flex!important;align-items:flex-end!important;min-height:100svh!important;padding:46svh 0 72px!important}
  .hero-video-space{display:none!important}
  .hero-video-copy{width:100%;text-align:left!important;padding-bottom:8px}
  .hero-video-copy .hero-kicker{margin-bottom:12px;font-size:9px;letter-spacing:.11em}
  .hero-video-copy h1{font-size:clamp(44px,12vw,54px)!important;line-height:.98!important;margin:0 0 14px!important;max-width:340px}
  .hero-video-copy .hero-lead{font-size:14px!important;line-height:1.55!important;margin-bottom:0!important;max-width:360px;color:rgba(255,255,255,.89)!important}
  .hero-video-copy .rotating-line{margin:15px 0 0!important;padding-left:11px!important;font-size:11px!important;line-height:1.45!important}
  .hero-video-copy .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:18px!important}
  .hero-video-copy .hero-actions .btn{width:100%!important;min-height:52px!important}
  .hero-video-copy .btn-video-glass{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(12px)}
  .hero-video-bottom-fade{height:38px!important;background:linear-gradient(180deg,transparent,var(--cream))!important}

  /* Marquee */
  .feature-marquee{height:42px;display:flex;align-items:center;overflow:hidden}
  .feature-marquee .marquee-content{font-size:9.5px!important;gap:13px!important;white-space:nowrap}

  /* Product carousel */
  .product-showcase{padding-top:54px!important;padding-bottom:54px!important}
  .product-showcase .section-head h2{font-size:38px}
  .screen-tabs{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px!important;margin-bottom:14px!important;overflow:visible!important;padding:0!important}
  .screen-tab{min-width:0!important;padding:10px 5px!important;font-size:9.5px!important;text-align:center}
  .screen-carousel{width:100%!important;margin:0!important}
  .screen-viewport{border-radius:20px!important;overflow:hidden!important}
  .screen-slide{padding:0!important}
  .browser-shell{height:340px!important;padding:7px!important;border-radius:20px!important;box-shadow:0 18px 45px color-mix(in srgb,var(--wine) 12%,transparent)!important}
  .browser-bar{height:28px!important;margin-bottom:6px!important;border-radius:13px 13px 7px 7px!important;padding:0 9px!important}
  .browser-bar span{width:6px!important;height:6px!important}.browser-bar em{font-size:7px!important}
  .browser-shell img{height:calc(100% - 34px)!important;border-radius:10px!important;object-fit:cover!important;object-position:left top!important}
  .browser-shell.full-ui-shot img{object-position:center top!important}
  .slide-caption{padding:14px 4px 0!important;gap:10px!important}
  .slide-caption>span{width:30px!important;height:30px!important;flex:0 0 30px!important;font-size:8px!important}
  .slide-caption b{font-size:14px!important;line-height:1.25}.slide-caption small{font-size:10.5px!important;line-height:1.5!important}
  .carousel-arrow{display:none!important}.carousel-dots{margin-top:14px!important}

  /* RSVP */
  .rsvp-highlight{padding-top:62px!important;padding-bottom:62px!important}
  .rsvp-grid{display:block!important}
  .rsvp-copy{text-align:left!important}
  .rsvp-copy h2{font-size:40px!important;max-width:340px!important}
  .rsvp-lead{font-size:14px!important;line-height:1.65!important;margin:0!important}
  .rsvp-benefits{gap:8px!important;margin-top:20px!important}
  .rsvp-benefits>div{grid-template-columns:30px 1fr!important;gap:10px!important;padding:12px!important;border-radius:15px!important}
  .rsvp-benefits>div>span{width:30px!important;height:30px!important;border-radius:10px!important}
  .rsvp-benefits b{font-size:11.5px!important}.rsvp-benefits small{font-size:9.5px!important;line-height:1.45!important}
  .rsvp-actions{display:grid!important;gap:9px!important;margin-top:18px!important}
  .rsvp-actions .btn{width:100%!important}.rsvp-actions>span{text-align:center!important;font-size:9px!important}
  .rsvp-demo{margin-top:30px!important;min-height:700px!important;padding:16px!important;border-radius:26px!important;overflow:hidden!important}
  .rsvp-phone{left:50%!important;top:20px!important;width:188px!important;height:388px!important;border-width:6px!important;border-radius:28px!important;transform:translateX(-50%) rotate(-1deg)!important;animation:none!important}
  .rsvp-phone-top{height:26px!important}.rsvp-phone-body{padding:19px 13px 13px!important}.rsvp-mini-logo{width:36px!important;height:36px!important;border-radius:12px!important;margin-bottom:9px!important}.rsvp-phone-body h3{font-size:19px!important;margin:10px 0 5px!important}.rsvp-phone-body>p{margin-bottom:15px!important}.rsvp-phone button{padding:10px!important;margin-bottom:6px!important}
  .rsvp-stats-card{left:14px!important;right:14px!important;top:405px!important;width:auto!important;padding:15px!important;border-radius:19px!important;animation:none!important}
  .rsvp-stats-head{margin-bottom:9px!important}.rsvp-stat-row{padding:7px 0!important}.rsvp-progress{margin:11px 0!important}.rsvp-sync{padding:8px!important}
  .rsvp-flow{left:14px!important;right:14px!important;bottom:14px!important;display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr!important;gap:4px!important;padding:10px!important;border-radius:16px!important}
  .rsvp-flow span{font-size:6.5px!important;white-space:normal!important;line-height:1.25!important;text-align:center}

  /* Steps */
  .steps-section{padding:58px 0!important}
  .steps-section .section-head{margin-bottom:24px!important}
  .steps-section .section-head h2{font-size:38px!important}
  .steps-flow{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:0!important}
  .steps-flow article{display:grid!important;grid-template-columns:50px 1fr!important;grid-template-rows:auto auto!important;column-gap:13px!important;text-align:left!important;align-items:center!important;padding:15px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:18px!important;background:rgba(255,255,255,.06)!important}
  .steps-flow article>span{display:none!important}
  .step-orb{grid-column:1!important;grid-row:1/3!important;width:46px!important;height:46px!important;margin:0!important;font-size:18px!important;box-shadow:none!important}
  .steps-flow h3{grid-column:2!important;font-size:17px!important;margin:0 0 4px!important;line-height:1.15!important}
  .steps-flow p{grid-column:2!important;font-size:10.5px!important;line-height:1.45!important;margin:0!important}
  .step-line{display:none!important}

  /* Materials carousel */
  .bonuses{padding:58px 0!important}
  .bonuses .split-head{display:block!important;margin-bottom:12px!important}
  .bonuses .split-head h2{font-size:38px!important;margin-bottom:0!important}
  .bonus-arrows{display:none!important}
  .bonus-subtitle{font-size:13px!important;line-height:1.55!important;margin:0 0 18px!important}
  .bonus-shell{overflow:visible!important;margin-right:-14px!important}
  .bonus-shell:before{display:none!important}.bonus-shell:after{width:36px!important;right:0!important;background:linear-gradient(270deg,var(--soft),transparent)!important}
  .bonus-scroller{grid-auto-columns:84%!important;gap:12px!important;padding:0 14px 8px 0!important;overflow-x:auto!important}
  .bonus-tile{border-radius:20px!important;box-shadow:0 10px 28px color-mix(in srgb,var(--wine) 8%,transparent)!important}
  .bonus-tile img{aspect-ratio:1.18/1!important}.bonus-tile>div{padding:16px!important}
  .bonus-tile h3{font-size:18px!important}.bonus-tile p{font-size:10.5px!important;line-height:1.5!important}.bonus-tile span,.bonus-tile b{font-size:7.5px!important}
  .bonus-dots{margin-top:10px!important}

  /* Immersive block */
  .immersive-banner{padding:10px 0 54px!important}
  .immersive-card{min-height:450px!important;border-radius:24px!important}
  .immersive-card img{object-position:center top!important}
  .immersive-card:after{background:linear-gradient(180deg,rgba(35,22,32,.03) 0%,rgba(35,22,32,.20) 44%,rgba(35,22,32,.92) 80%,rgba(35,22,32,.98) 100%)!important}
  .immersive-overlay{left:20px!important;right:20px!important;bottom:22px!important;top:auto!important;transform:none!important;max-width:none!important}
  .immersive-overlay h2{font-size:36px!important;line-height:1.02!important;margin:12px 0 16px!important}
  .immersive-actions{display:grid!important;gap:10px!important}.immersive-actions .btn{width:100%!important}.immersive-demo-link{display:block!important;text-align:center!important;color:rgba(255,255,255,.82)!important;font-size:10px!important;line-height:1.4!important}

  /* Offer */
  .offer{padding:58px 0!important}
  .offer-shell{display:flex!important;flex-direction:column!important;border-radius:26px!important;overflow:hidden!important}
  .offer-visual{min-height:360px!important;height:360px!important;order:1!important}
  .offer-visual img{object-fit:cover!important;object-position:center top!important}
  .offer-badge{left:14px!important;top:14px!important;font-size:7px!important;padding:7px 9px!important}
  .offer-floating-card{padding:9px 10px!important;border-radius:12px!important;animation:none!important}
  .offer-floating-card b{font-size:8px!important}.offer-floating-card small{font-size:6.5px!important}
  .ofc-1{display:none!important}.ofc-2{right:12px!important;top:58px!important;transform:none!important}
  .offer-content{order:2!important;padding:25px 18px 22px!important}
  .offer-content h2{font-size:37px!important;line-height:1.01!important;margin:13px 0 12px!important}
  .offer-content>p{font-size:12.5px!important;line-height:1.55!important;margin-bottom:16px!important}
  .offer-receive{gap:7px!important;margin-bottom:12px!important}
  .offer-receive>div{grid-template-columns:31px 1fr!important;padding:10px!important;border-radius:13px!important}
  .offer-receive span{width:27px!important;height:27px!important}.offer-receive b{font-size:10.5px!important;line-height:1.25!important}.offer-receive small{font-size:8.5px!important;line-height:1.35!important;margin-top:2px}
  .offer-price-row{gap:12px!important;margin:9px 0 14px!important;padding-top:12px!important}
  .offer-price strong{font-size:60px!important}.offer-price small{font-size:14px!important}.offer-price sup{font-size:21px!important}.offer-price-copy b{font-size:10px!important}.offer-price-copy small{font-size:8px!important}
  .offer-main-cta{min-height:58px!important;font-size:11.5px!important;padding:12px 14px!important;white-space:normal!important;text-align:center!important}
  .offer-trust{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;justify-content:stretch!important;margin-top:12px!important}
  .offer-trust span{font-size:7.5px!important;padding:8px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--soft)!important;text-align:center!important}
  .offer-note{font-size:7.5px!important}.offer-guarantee{margin-top:10px!important;padding:11px!important;border-radius:12px!important}.offer-guarantee b{font-size:10px!important}.offer-guarantee small{font-size:8px!important;line-height:1.4!important}
  .offer-aftercare{grid-template-columns:28px 1fr!important;gap:8px!important;margin-top:12px!important;padding:13px!important}.offer-aftercare>span{font-size:18px!important}.offer-aftercare b{font-size:9.5px!important}.offer-aftercare small{grid-column:1/-1!important;font-size:8.5px!important;line-height:1.45!important}

  /* FAQ */
  .faq{padding:58px 0!important}
  .faq-grid{display:block!important}.faq-intro{position:static!important;margin-bottom:24px!important}.faq-intro h2{font-size:38px!important;margin:12px 0 10px!important}.faq-intro p{font-size:12.5px!important;margin-bottom:10px!important}.faq-intro a{font-size:10.5px!important}
  .faq-list{gap:8px!important}.faq-item{border-radius:15px!important}.faq-q{padding:16px!important;font-size:13px!important;line-height:1.35!important;gap:12px!important}.faq-q b{font-size:19px!important;flex:0 0 auto!important}.faq-a{padding:0 16px 16px!important}.faq-a p{font-size:11px!important;line-height:1.55!important}

  /* Final CTA + footer */
  .final-cta{padding:0 0 86px!important}
  .final-shell{display:block!important;text-align:center!important;padding:30px 20px!important;border-radius:24px!important}
  .final-shell>div{display:block!important}.final-shell>div>span{font-size:26px!important;margin-bottom:9px!important}.final-shell h2{font-size:32px!important;line-height:1.03!important;margin-bottom:18px!important}.final-shell .btn{width:100%!important;white-space:normal!important}
  footer{padding:48px 0 calc(98px + env(safe-area-inset-bottom))!important}
  .footer-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px 20px!important}
  .footer-grid>div:first-child{grid-column:1/-1!important}.footer-grid>div:last-child{grid-column:auto!important}
  .footer-logo .logo-full-img{height:66px!important;max-width:260px!important;margin:0 auto!important}.footer-grid>div:first-child{text-align:center!important}.footer-grid p{font-size:9px!important}
  .footer-grid b{font-size:10px!important}.footer-grid a{font-size:10px!important;line-height:2!important}

  /* Sticky CTA appears only after hero (JS adds .is-visible) */
  .mobile-cta{
    display:flex!important;position:fixed!important;left:10px!important;right:10px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;z-index:110!important;padding:7px!important;gap:8px!important;
    border-radius:17px!important;background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
    border:1px solid var(--line)!important;box-shadow:0 15px 42px rgba(36,27,34,.24)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
    opacity:0!important;transform:translateY(22px)!important;pointer-events:none!important;transition:opacity .25s ease,transform .25s ease!important
  }
  .mobile-cta.is-visible{opacity:1!important;transform:none!important;pointer-events:auto!important}
  .mobile-cta>div{min-width:84px!important;padding-left:5px!important}.mobile-cta small{font-size:7px!important}.mobile-cta b{font-size:16px!important}
  .mobile-cta .btn{min-height:44px!important;padding:10px 12px!important;font-size:10.5px!important;white-space:nowrap!important}
}

@media (max-width: 389px){
  .container{width:calc(100% - 22px)}
  .site-header .logo-full-img{height:33px!important;max-width:165px!important}
  .hero-video-layout{padding-top:43svh!important;padding-bottom:68px!important}
  .hero-video-copy h1{font-size:42px!important}.hero-video-copy .hero-lead{font-size:13px!important}.hero-video-copy .rotating-line{font-size:10px!important}
  .browser-shell{height:315px!important}.product-showcase .section-head h2,.rsvp-copy h2,.bonuses .split-head h2,.steps-section .section-head h2,.faq-intro h2{font-size:35px!important}
  .rsvp-demo{min-height:680px!important}.rsvp-phone{width:178px!important;height:370px!important}.rsvp-stats-card{top:388px!important}
  .offer-visual{height:330px!important;min-height:330px!important}.offer-content h2{font-size:34px!important}.offer-trust{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:1fr 1fr!important}
}


/* V7.20 — MOBILE REFINEMENT: hero estático, passos guiados e materiais mais lentos */
@media (max-width: 767px){
  /* Hero mobile usa imagem REAL da plataforma, não vídeo */
  .hero-video-section{
    min-height:760px!important;
    height:760px!important;
    align-items:stretch!important;
    overflow:hidden!important;
    background:var(--wine-dark)!important;
  }
  .hero-bg-video{display:none!important;opacity:0!important;visibility:hidden!important}
  .hero-video-fallback{
    inset:0!important;
    transform:none!important;
    animation:none!important;
    background-image:url("../assets/images/screenshot-financeiro-hq.png")!important;
    background-size:auto 100%!important;
    background-position:28% center!important;
    background-repeat:no-repeat!important;
    filter:saturate(.78) contrast(1.02) brightness(.46)!important;
  }
  .hero-video-overlay{
    background:
      linear-gradient(180deg,rgba(30,18,28,.22) 0%,rgba(30,18,28,.31) 19%,rgba(30,18,28,.58) 39%,rgba(30,18,28,.91) 68%,rgba(30,18,28,.985) 100%),
      linear-gradient(90deg,rgba(36,22,33,.28),rgba(36,22,33,.08))!important;
  }
  .hero-video-vignette{background:radial-gradient(circle at 65% 22%,transparent 0 22%,rgba(28,17,26,.14) 58%,rgba(28,17,26,.42) 100%)!important}
  .hero-video-layout{
    display:block!important;
    min-height:760px!important;
    padding:0!important;
    position:relative!important;
  }
  .hero-video-copy{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:265px!important;
    width:100%!important;
    padding:0 0 24px!important;
    text-align:left!important;
  }
  .hero-video-copy .hero-kicker{margin-bottom:9px!important;font-size:8.5px!important}
  .hero-video-copy h1{
    font-size:clamp(42px,11.5vw,51px)!important;
    line-height:.96!important;
    margin:0 0 12px!important;
    max-width:320px!important;
  }
  .hero-video-copy .hero-lead{
    font-size:13px!important;
    line-height:1.48!important;
    max-width:335px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .hero-video-copy .rotating-line{display:none!important}
  .hero-video-copy .hero-actions{margin-top:16px!important;gap:8px!important}
  .hero-video-copy .hero-actions .btn{min-height:50px!important}
  .hero-video-bottom-fade{height:28px!important}

  /* Passos: fluxo vertical que acende um passo por vez */
  .steps-flow{gap:0!important;position:relative!important}
  .steps-flow article{
    opacity:.48!important;
    transform:translateY(8px) scale(.985)!important;
    transition:opacity .45s ease,transform .45s ease,background .45s ease,border-color .45s ease,box-shadow .45s ease!important;
  }
  .steps-flow article.step-active{
    opacity:1!important;
    transform:none!important;
    background:rgba(255,255,255,.11)!important;
    border-color:rgba(255,255,255,.30)!important;
    box-shadow:0 12px 28px rgba(8,4,7,.16)!important;
  }
  .steps-flow article.step-done{opacity:.76!important;transform:none!important}
  .steps-flow article.step-active .step-orb{
    background:rgba(255,255,255,.18)!important;
    border-color:rgba(255,255,255,.42)!important;
    box-shadow:0 0 0 6px rgba(255,255,255,.035)!important;
  }
  .step-line{
    display:block!important;
    position:relative!important;
    width:28px!important;
    height:44px!important;
    margin:0 auto!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .step-line::before{
    content:"";
    position:absolute;
    left:50%;top:4px;bottom:4px;
    width:1px;
    background:rgba(255,255,255,.18);
    transform:translateX(-50%);
  }
  .step-line i{
    position:absolute!important;
    left:50%!important;top:4px!important;bottom:auto!important;
    width:2px!important;height:34px!important;
    background:linear-gradient(180deg,#f7dbe4,#fff)!important;
    transform:translateX(-50%) scaleY(0)!important;
    transform-origin:top!important;
    border-radius:999px!important;
    transition:none!important;
  }
  .step-line i::after{
    content:"";
    position:absolute;
    left:50%;bottom:-2px;
    width:8px;height:8px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:translateX(-50%) rotate(45deg);
    opacity:0;
  }
  .step-line.step-active i{animation:aoStepDown 1.05s ease forwards!important}
  .step-line.step-active i::after{animation:aoArrowShow .3s ease .72s forwards!important}
  @keyframes aoStepDown{0%{transform:translateX(-50%) scaleY(0)}100%{transform:translateX(-50%) scaleY(1)}}
  @keyframes aoArrowShow{to{opacity:1}}

  /* Materiais: movimento automático mais lento e confortável para leitura */
  .bonus-scroller{scroll-snap-type:x proximity!important}
  .bonus-tile{scroll-snap-align:center!important}
}

@media (max-width:389px){
  .hero-video-section,.hero-video-layout{min-height:730px!important;height:730px!important}
  .hero-video-copy{top:245px!important}
  .hero-video-copy h1{font-size:40px!important}
}

/* V7.21 mobile-only product visual */
.hero-mobile-product{display:none}


/* =========================================================
   V7.21 — MOBILE CRO / READABILITY PASS
   Desktop remains untouched.
   ========================================================= */
@media (max-width: 767px){
  /* Hero: clearer hierarchy + more real product visible */
  .hero-video-section{min-height:790px!important;height:790px!important;position:relative!important}
  .hero-video-fallback{
    background-image:url("../assets/images/video-landing-poster-hq.jpg")!important;
    background-size:cover!important;background-position:58% center!important;
    filter:saturate(.78) contrast(1.01) brightness(.52)!important;
  }
  .hero-video-overlay{
    background:linear-gradient(180deg,rgba(30,18,28,.18) 0%,rgba(30,18,28,.27) 23%,rgba(30,18,28,.45) 46%,rgba(30,18,28,.72) 68%,rgba(30,18,28,.88) 100%)!important;
  }
  .hero-mobile-product{
    display:block!important;position:absolute!important;z-index:0!important;
    top:112px!important;left:50%!important;width:92%!important;height:auto!important;
    transform:translateX(-50%) perspective(900px) rotateX(1deg)!important;
    border-radius:18px!important;border:1px solid rgba(255,255,255,.30)!important;
    box-shadow:0 24px 60px rgba(16,8,14,.34)!important;
    object-fit:contain!important;background:#fff!important;
  }
  .hero-video-layout{min-height:790px!important;height:790px!important}
  .hero-video-copy{top:365px!important;z-index:2!important}
  .hero-video-copy .hero-kicker{font-size:10px!important;line-height:1.25!important;margin-bottom:8px!important}
  .hero-video-copy h1{font-size:clamp(42px,11.2vw,50px)!important;line-height:.98!important;margin-bottom:10px!important}
  .hero-video-copy .hero-lead{font-size:14px!important;line-height:1.48!important;max-width:345px!important;-webkit-line-clamp:4!important;color:rgba(255,255,255,.94)!important}
  .hero-video-copy .hero-actions{margin-top:14px!important;gap:8px!important}
  .hero-video-copy .hero-actions .btn{min-height:55px!important;font-size:11.5px!important}
  .hero-video-bottom-fade{height:20px!important}

  /* Marquee is secondary on mobile */
  .feature-marquee{display:none!important}

  /* Product demo: one large readable screen + peek of next */
  .product-showcase{padding-top:58px!important}
  .screen-carousel{overflow:visible!important}
  .screen-viewport{overflow:hidden!important;margin-right:-14px!important;border-radius:22px!important}
  .screen-track{gap:12px!important;will-change:transform!important}
  .screen-slide{flex:0 0 90%!important;min-width:90%!important}
  .browser-shell{height:440px!important;padding:7px!important;border-radius:21px!important}
  .browser-shell img{height:calc(100% - 34px)!important;object-fit:cover!important;object-position:left top!important}
  .browser-shell.full-ui-shot img{object-position:center top!important}
  .slide-caption{padding:14px 5px 4px!important;min-height:78px!important}
  .slide-caption b{font-size:15px!important}.slide-caption small{font-size:11px!important}
  .carousel-dots{gap:9px!important;margin-top:15px!important;min-height:22px!important;align-items:center!important}
  .carousel-dots button{width:11px!important;height:11px!important;min-width:11px!important;min-height:11px!important;cursor:pointer!important}
  .carousel-dots button.active{width:32px!important}

  /* RSVP: get to the product visual sooner */
  .rsvp-highlight{padding-top:56px!important;padding-bottom:58px!important}
  .rsvp-lead{font-size:14px!important;line-height:1.55!important}
  .rsvp-benefits{gap:6px!important;margin-top:14px!important}
  .rsvp-benefits>div{grid-template-columns:27px 1fr!important;gap:8px!important;padding:9px 10px!important;border-radius:13px!important}
  .rsvp-benefits>div>span{width:27px!important;height:27px!important;border-radius:9px!important}
  .rsvp-benefits b{font-size:11.5px!important}.rsvp-benefits small{font-size:9px!important;line-height:1.35!important}
  .rsvp-actions{margin-top:14px!important}
  .rsvp-demo{margin-top:18px!important;min-height:650px!important}
  .rsvp-stats-card{top:382px!important}
  .rsvp-stat-row div>b{font-size:22px!important;line-height:1!important}
  .rsvp-stat-row strong{font-size:12px!important}

  /* Steps: numbered story with stronger cards and readable subtitles */
  .steps-flow article{position:relative!important;background:rgba(255,255,255,.085)!important;border-color:rgba(255,255,255,.20)!important;padding:16px 14px!important}
  .steps-flow article>span{display:grid!important;position:absolute!important;right:13px!important;top:12px!important;width:28px!important;height:20px!important;place-items:center!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;color:rgba(255,255,255,.78)!important;font-size:8px!important;letter-spacing:.10em!important;font-weight:900!important}
  .steps-flow p{font-size:12px!important;line-height:1.48!important;color:rgba(255,255,255,.76)!important;padding-right:34px!important}
  .steps-flow h3{padding-right:34px!important}
  .steps-flow article.step-active{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.36)!important}

  /* Materials: same layout, first item/order changed in HTML */
  .bonus-scroller{grid-auto-columns:84%!important}

  /* Everything connected: reveal more product behind copy */
  .immersive-card:after{background:linear-gradient(180deg,rgba(35,22,32,.02) 0%,rgba(35,22,32,.11) 42%,rgba(35,22,32,.78) 78%,rgba(35,22,32,.92) 100%)!important}

  /* Final CTA: brand symbol instead of generic emoji */
  .final-brand-symbol{display:grid!important;place-items:center!important;width:52px!important;height:52px!important;margin:0 auto 12px!important;border-radius:17px!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.18)!important}
  .final-brand-symbol img{display:block!important;width:39px!important;height:39px!important;object-fit:contain!important}

  /* Footer: comfortable stacked navigation */
  .footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:20px!important}
  .footer-grid>div{grid-column:1!important;border-top:1px solid rgba(255,255,255,.10)!important;padding-top:16px!important}
  .footer-grid>div:first-child{border-top:0!important;padding-top:0!important}
  .footer-grid b{display:block!important;font-size:11px!important;margin-bottom:6px!important}
  .footer-grid a:not(.logo){display:block!important;min-height:42px!important;padding:10px 0!important;line-height:22px!important;font-size:11px!important}
}

@media (max-width:389px){
  .hero-video-section,.hero-video-layout{min-height:770px!important;height:770px!important}
  .hero-mobile-product{top:108px!important;width:94%!important}
  .hero-video-copy{top:348px!important}
  .browser-shell{height:410px!important}
  .rsvp-demo{min-height:640px!important}
}


/* =========================================================
   V7.22 — MOBILE FINAL CRO PASS
   Desktop remains untouched.
   ========================================================= */
.caption-mobile{display:none}
@media (max-width:767px){
  /* Anchor offsets beneath fixed navbar */
  section[id]{scroll-margin-top:82px!important}

  /* Hero refinements */
  .hero-video-copy .hero-kicker{
    font-size:10.8px!important;
    line-height:1.3!important;
    letter-spacing:.075em!important;
    font-weight:900!important;
    color:#fff!important;
    text-shadow:0 1px 12px rgba(0,0,0,.34)!important;
  }
  .hero-video-copy .hero-lead{
    font-size:14px!important;
    line-height:1.62!important;
    color:rgba(255,255,255,.96)!important;
  }
  .hero-video-copy .hero-actions .btn{
    min-height:56px!important;
    padding-top:13px!important;
    padding-bottom:13px!important;
  }
  .hero-video-overlay{
    background:linear-gradient(180deg,rgba(30,18,28,.14) 0%,rgba(30,18,28,.22) 23%,rgba(30,18,28,.38) 46%,rgba(30,18,28,.64) 68%,rgba(30,18,28,.82) 100%)!important;
  }

  /* Product demonstration */
  .caption-desktop{display:none!important}.caption-mobile{display:inline!important}
  .product-showcase{padding-bottom:84px!important}
  .screen-tabs{gap:7px!important;margin-bottom:18px!important}
  .screen-tab{padding:10px 15px!important;border-width:1px!important}
  .screen-tab.active{
    background:var(--wine)!important;color:#fff!important;border-color:var(--wine)!important;
    box-shadow:0 7px 18px color-mix(in srgb,var(--wine) 28%,transparent)!important;
    transform:translateY(-1px)!important;
  }
  .slide-caption{min-height:92px!important;padding:15px 7px 10px!important;position:relative!important;z-index:2!important}
  .slide-caption b{font-size:15.5px!important;line-height:1.25!important}
  .slide-caption small{font-size:11.2px!important;line-height:1.45!important;margin-top:5px!important}
  .carousel-dots button{touch-action:manipulation!important}

  /* RSVP compact + stronger proof */
  .rsvp-highlight{padding-bottom:86px!important}
  .rsvp-benefits{margin-top:11px!important;gap:5px!important}
  .rsvp-benefits>div{padding:8px 10px!important}
  .rsvp-actions{margin-top:11px!important;gap:9px!important}
  .rsvp-demo{margin-top:10px!important}
  .rsvp-stat-row div>b{font-size:27px!important;line-height:.95!important;letter-spacing:-.03em!important}
  .rsvp-stat-row strong{font-size:13px!important;font-weight:900!important}
  .rsvp-flow{gap:7px!important;padding:10px 8px!important}
  .rsvp-flow span{font-size:10.5px!important;line-height:1.3!important;font-weight:800!important}
  .rsvp-flow i{font-size:14px!important}

  /* Steps: clearer direction and final breathing room */
  .steps-section{padding-bottom:92px!important}
  .step-line{height:54px!important;width:34px!important}
  .step-line::before{width:2px!important;top:4px!important;bottom:4px!important;background:rgba(255,255,255,.26)!important}
  .step-line i{width:3px!important;height:44px!important;box-shadow:0 0 14px rgba(247,219,228,.28)!important}
  .step-line i::after{width:9px!important;height:9px!important;border-width:0 2px 2px 0!important}
  .steps-flow article:last-of-type{margin-bottom:8px!important}

  /* Materials */
  .bonuses{padding-bottom:84px!important}
  .bonus-subtitle{line-height:1.55!important}

  /* Everything connected */
  .immersive-banner{padding-bottom:84px!important}
  .immersive-card:after{background:linear-gradient(180deg,rgba(35,22,32,.01) 0%,rgba(35,22,32,.08) 42%,rgba(35,22,32,.73) 78%,rgba(35,22,32,.89) 100%)!important}
  .immersive-demo-link{display:inline-block!important;min-height:38px!important;padding:8px 2px!important;text-decoration:underline!important;text-underline-offset:3px!important}

  /* Offer: breathe, sticky is suppressed by JS while this block is visible */
  .offer{padding-bottom:74px!important}
  .offer-content{padding-top:30px!important}
  .offer-price-copy small{font-size:9px!important;line-height:1.4!important}
  .offer-note{font-size:8.5px!important;line-height:1.5!important;margin-top:10px!important;display:block!important}
  .offer-guarantee small{font-size:9px!important}

  /* FAQ / final */
  .faq{padding-bottom:88px!important}

  /* Premium compact sticky: no provisional price duplication, less content obstruction */
  .mobile-cta{
    left:50%!important;right:auto!important;width:min(88vw,360px)!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    padding:6px!important;border-radius:999px!important;
    transform:translate(-50%,22px)!important;
  }
  .mobile-cta.is-visible{transform:translate(-50%,0)!important}
  .mobile-cta>div{display:none!important}
  .mobile-cta .btn{width:100%!important;min-height:48px!important;border-radius:999px!important;font-size:11px!important}
  .mobile-cta.is-suppressed{opacity:0!important;transform:translate(-50%,22px)!important;pointer-events:none!important}

  /* Enough safe space near the very end even with browser UI */
  .final-cta{padding-bottom:58px!important}
  footer{padding-bottom:calc(42px + env(safe-area-inset-bottom))!important}
}

/* =========================================================
   V7.23 — MOBILE CLEANUP PASS
   Requested fixes:
   - remove hero product card above copy on mobile
   - lift hero text slightly
   - center demo cards/screens better
   - remove RSVP helper text below CTA on mobile
   - remove "Comece em poucos minutos" block on mobile
   ========================================================= */
@media (max-width:767px){
  /* Hero: remove floating product image and bring copy up a bit */
  .hero-mobile-product{display:none!important}
  .hero-video-section,.hero-video-layout{min-height:690px!important;height:690px!important}
  .hero-video-copy{top:278px!important;z-index:2!important}
  .hero-video-copy .hero-lead{max-width:330px!important}
  .hero-video-overlay{
    background:linear-gradient(180deg,rgba(30,18,28,.16) 0%,rgba(30,18,28,.24) 24%,rgba(30,18,28,.40) 48%,rgba(30,18,28,.69) 72%,rgba(30,18,28,.85) 100%)!important;
  }

  /* Product demo: center the showcased function better inside each card */
  .screen-viewport{margin-right:-8px!important}
  .screen-track{align-items:stretch!important}
  .screen-slide{flex:0 0 91%!important;min-width:91%!important}
  .browser-shell{height:405px!important;padding:8px!important;border-radius:22px!important}
  .browser-shell img{
    object-fit:contain!important;
    object-position:center top!important;
    background:#fff!important;
  }
  .screen-slide:nth-child(1) .browser-shell img{object-position:center top!important}
  .screen-slide:nth-child(2) .browser-shell img{object-position:center top!important}
  .screen-slide:nth-child(3) .browser-shell img{object-position:center top!important}
  .slide-caption{padding:15px 8px 10px!important}

  /* RSVP: remove helper note under CTA */
  .rsvp-actions>span{display:none!important}

  /* Offer transition: remove extra text block before FAQ on mobile */
  .offer-aftercare{display:none!important}
}

@media (max-width:389px){
  .hero-video-section,.hero-video-layout{min-height:660px!important;height:660px!important}
  .hero-video-copy{top:258px!important}
  .browser-shell{height:385px!important}
}


/* =========================================================
   V7.24 — MOBILE FIXES
   - remove RSVP paragraph below headline on mobile
   - fix blank space in demo screenshot by swapping overview image
   - keep demo screenshot filling card better on mobile
   ========================================================= */
@media (max-width:767px){
  .rsvp-lead{display:none!important}
  .rsvp-copy h2{margin-bottom:16px!important}
  .screen-slide:first-child .browser-shell img{object-fit:cover!important;object-position:center top!important;background:#fff!important}
}
@media (max-width:430px){
  .screen-slide:first-child .browser-shell{height:330px!important}
  .screen-slide:first-child .browser-shell img{height:calc(100% - 34px)!important;object-fit:cover!important;object-position:center top!important}
}


/* V7.26 — responsive demo media: desktop screenshots on desktop, mobile screenshots on mobile */
.browser-shell picture{display:block;width:100%;height:calc(100% - 43px)}
.browser-shell picture>img{width:100%;height:100%}
@media(max-width:767px){
  .browser-shell picture{height:calc(100% - 34px)!important;overflow:hidden;border-radius:10px}
  .browser-shell picture>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;border-radius:10px!important}
  .screen-slide:nth-child(2) .browser-shell,.screen-slide:nth-child(3) .browser-shell{height:430px!important}
}


/* =========================================================
   V7.27 — MOBILE FOOTER FINAL + NAVBAR BEHAVIOR
   Desktop layout stays unchanged.
   ========================================================= */
.footer-copyright-mobile{display:none}
@media (max-width:767px){
  .site-header{transition:transform .28s ease,opacity .22s ease!important}
  .site-header.footer-hidden{transform:translateY(calc(-100% - env(safe-area-inset-top)))!important;opacity:0!important;pointer-events:none!important}

  footer{padding-top:42px!important;padding-bottom:calc(34px + env(safe-area-inset-bottom))!important}
  .footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
  .footer-grid>div{grid-column:1!important;border-top:1px solid rgba(255,255,255,.10)!important;padding:13px 0!important}
  .footer-grid>.footer-brand-block{border-top:0!important;padding:0 0 18px!important;text-align:left!important}
  .footer-logo .logo-full-img{height:76px!important;max-width:292px!important;margin:0!important}
  .footer-copyright-desktop{display:none!important}
  .footer-section b{font-size:11px!important;margin:0 0 5px!important;letter-spacing:.03em!important}
  .footer-section a{display:flex!important;align-items:center!important;min-height:40px!important;padding:6px 0!important;line-height:1.35!important;font-size:11px!important}
  .footer-copyright-mobile{display:block!important;grid-column:1!important;margin:17px 0 0!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.10)!important;color:#a99aa4!important;font-size:9.5px!important;line-height:1.55!important}
}

/* =========================================================
   V7.28 — FINAL MOBILE POLISH
   - replace RSVP AO badge with real logo image
   - use branded mobile screenshots in demo
   - feature a more compelling built seating map on mobile
   - reduce the empty gap between demo and RSVP sections
   ========================================================= */
.rsvp-mini-logo{display:grid;place-items:center;overflow:hidden;background:#f5edf0!important}
.rsvp-mini-logo img{display:block;width:68%;height:68%;object-fit:contain}

@media (max-width:767px){
  /* Make section transition tighter between demo and RSVP */
  .product-showcase{padding-bottom:34px!important}
  .carousel-dots{margin-top:10px!important;margin-bottom:0!important}
  .rsvp-highlight{padding-top:30px!important}

  /* Show mobile screenshots centered and filled better */
  .screen-slide:nth-child(2) .browser-shell picture>img{
    object-fit:cover!important;
    object-position:center top!important;
  }
  .screen-slide:nth-child(3) .browser-shell picture>img{
    object-fit:cover!important;
    object-position:center 22%!important;
  }

  /* Third slide: slightly lower shell to highlight the mounted map */
  .screen-slide:nth-child(3) .browser-shell{height:400px!important}

  /* Pull the next section closer visually */
  .rsvp-copy{margin-top:0!important}
}

@media (max-width:430px){
  .product-showcase{padding-bottom:24px!important}
  .rsvp-highlight{padding-top:24px!important}
  .screen-slide:nth-child(3) .browser-shell{height:392px!important}
}