:root{--ink:#101112;--paper:#faf7f2;--pink:#ff32a5;--lime:#d9ff36;--purple:#ba59f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.wrap{max-width:1320px;margin:auto;padding:0 48px}header{border-bottom:1px solid #ffffff12}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:15px;padding-bottom:15px}.logo{width:154px;height:auto;display:block}nav{display:flex;gap:30px;font-size:13px}.btn{border:0;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 21px;font-size:13px;font-weight:800;line-height:1.2}.btn span{font-size:22px;line-height:16px}.lime{background:var(--lime);color:#101112}.pink{background:var(--pink);color:#101112}.purple{background:var(--purple);color:#101112}.outline{border:1px solid #aaa;background:transparent;color:inherit}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px;align-items:center;gap:12px;padding-top:38px;padding-bottom:35px}.eyebrow{font-size:12px;line-height:1.7;letter-spacing:2px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Arial Rounded MT Bold','Arial Black',Arial,sans-serif;font-weight:950;letter-spacing:-1.7px}h1{font-size:clamp(40px,4.4vw,62px);line-height:1.02;margin-bottom:22px}em{font-style:normal;color:var(--pink)}.lead{font-size:18px;line-height:1.5;max-width:460px}.actions{display:flex;gap:10px;flex-wrap:wrap}.benefits{display:flex;gap:22px;margin-top:30px}.benefits>div{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.4}.benefits b{display:grid;place-items:center;font-size:28px;border-radius:12px;width:43px;height:43px}.scene{position:relative;height:535px;isolation:isolate}.blob{position:absolute;inset:0 0 40px 30px;background:var(--pink);border-radius:46% 35% 24% 35%;transform:rotate(-7deg);z-index:-1}.scribble{position:absolute;right:8px;top:20px;font-size:80px;color:var(--lime)}.placeholder{border:1px dashed #10111288;background:#ffffff18}.character{position:absolute;left:25%;top:20px;width:60%;height:330px;border-radius:110px 110px 30px 30px;text-align:center;padding:28px 10px;color:#101112;transition:transform .35s,opacity .3s}.asset-tag{font-size:9px;letter-spacing:1px}.figure{font-size:120px;font-weight:900;opacity:.28;letter-spacing:-12px}.character strong,.character small{display:block}.character small{font-size:10px;margin-top:8px}.interface{position:absolute;bottom:62px;left:8%;width:85%;background:var(--paper);color:var(--ink);border:7px solid #1a1a1a;border-radius:22px;transform:rotate(-7deg);box-shadow:0 15px 30px #0004;overflow:hidden;transition:transform .35s .12s,opacity .3s .12s}.browserbar{display:flex;gap:5px;align-items:center;padding:12px;border-bottom:1px solid #ddd}.browserbar i{width:5px;height:5px;background:#222;border-radius:50%}.browserbar span{font-size:8px;margin-left:auto;letter-spacing:1px}.demo{padding:24px 18px;background:#ffe1ed;position:relative;min-height:180px}.demo>span:first-child{font-size:8px;letter-spacing:1px}.demo h2{font-size:27px;letter-spacing:-1px;line-height:1.05;position:relative;z-index:1;margin:12px 0}.demo-button{background:var(--pink);border-radius:30px;padding:8px 11px;font-size:10px;position:relative;z-index:1}.demo-art{position:absolute;right:10px;top:18px;bottom:18px;width:34%;border:1px dashed #bb7294;border-radius:80px 80px 12px 12px;display:grid;place-items:center;font-size:8px;color:#7b4660;text-align:center}.carousel-controls{position:absolute;bottom:0;left:12%;right:0;display:flex;justify-content:space-between;align-items:center;font-size:11px}.carousel-controls>div{display:flex;align-items:center;gap:10px}.dot{width:10px;height:10px;border:0;border-radius:50%;background:#555;padding:0}.dot.active{background:var(--pink)}.next{border:1px solid #aaa;background:transparent;color:white;border-radius:50%;height:35px;width:35px;font-size:21px}.scene.exiting .character{transform:translateX(35px);opacity:0}.scene.exiting .interface{transform:translateX(35px) rotate(-7deg);opacity:0}section:not(.hero){padding:55px 0}h2{font-size:38px;line-height:1.05;margin-bottom:23px}p{line-height:1.5;font-size:15px}.about{background:#1b1d1e}.about-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center}.about h2 em{color:var(--lime)}.pills{display:flex;flex-wrap:wrap;gap:8px}.pills span{border:1px solid #888;border-radius:20px;padding:6px 10px;font-size:10px}.pills span:first-child{background:var(--pink);border-color:var(--pink);color:#101112}.art-placeholder{border:1px dashed #777;border-radius:25px;min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#ffffff05}.art-placeholder>span{font-size:65px;color:var(--lime)}.art-placeholder small{font-size:9px;letter-spacing:1px;color:#bbb}.light{background:var(--paper);color:#0e1018}.label{display:inline-block;background:var(--pink);color:white;border-radius:30px;padding:9px 17px;font-size:10px;text-transform:uppercase;font-weight:800;margin-bottom:18px}.services-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:30px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service{display:flex;gap:12px;border-radius:15px;background:#efebe7;padding:18px 12px}.icon{flex-shrink:0;width:42px;height:45px;border-radius:12px;display:grid;place-items:center}.icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.service h3{font-family:Arial,sans-serif;font-size:13px;letter-spacing:-.4px;margin:2px 0 6px}.service p{font-size:12px;margin:0;line-height:1.4}.process-layout{display:grid;grid-template-columns:.9fr 2.1fr;gap:35px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.step-visual{height:95px;border-bottom:1px dashed #555;margin-bottom:16px;display:flex;align-items:center;gap:8px}.step-visual b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:23px}.step-visual small{font-size:8px;line-height:1.6;color:#aaa}.steps h3{font-size:20px;letter-spacing:-.7px;line-height:1.1;margin-bottom:8px}.steps p{font-size:13px}.accent-line{display:block;width:100px;height:5px;border-radius:5px;background:var(--lime);transform:rotate(-8deg)}.plans-layout{display:grid;grid-template-columns:.9fr 2.1fr;gap:35px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}.plan{border:1px solid #dfd8d4;border-radius:15px;padding:22px 17px 15px;position:relative;display:flex;flex-direction:column;background:#fff8}.plan h3{font-size:27px;letter-spacing:-1px;margin-bottom:3px}.plan .subtitle{font-size:12px;line-height:1.3;min-height:33px;margin-bottom:10px}.price{font-size:37px;font-weight:900;color:var(--pink);letter-spacing:-2px}.price small{font-size:18px;letter-spacing:-1px}.plan ul{list-style:none;padding:0;margin:12px 0 22px;font-size:12px;line-height:1.6}.plan li{padding-left:19px;position:relative;margin-bottom:4px}.plan li:before{content:'✓';color:var(--pink);position:absolute;left:0;font-weight:bold}.plan .btn{margin-top:auto;border-radius:16px;background:var(--pink);color:white;padding:14px 9px;font-size:12px}.plan.featured{border-top:3px solid var(--pink);box-shadow:0 4px 6px #0001}.featured .plan-title{background:var(--lime);margin:-20px -16px 0;padding:12px 16px 0;border-radius:12px}.featured .btn{background:var(--lime);color:#101112}.ribbon{position:absolute;top:-25px;left:10%;right:10%;background:var(--pink);color:white;text-align:center;font-size:10px;padding:6px;border-radius:10px 10px 0 0}footer{padding:35px 0}.footer-layout{display:grid;grid-template-columns:.65fr .65fr 1.6fr 1fr;align-items:center;gap:25px}footer h2{font-size:28px;letter-spacing:-1px;margin-bottom:12px}footer p{font-size:12px;margin-bottom:0}.footer-art{min-height:160px}.small{max-width:230px}.skip{position:absolute;left:15px;top:-100px;z-index:10;background:white;color:black;padding:10px}.skip:focus{top:10px}dialog{background:var(--paper);border:0;border-radius:22px;max-width:440px;width:90%;padding:35px;color:var(--ink)}dialog::backdrop{background:#000b}.close{position:absolute;right:10px;top:10px;border:0;background:none;font-size:26px}dialog h2{font-size:32px}
@media(min-width:1450px){.wrap{max-width:1400px}.hero{min-height:660px}}@media(max-width:1100px){.wrap{padding-left:28px;padding-right:28px}nav{gap:18px}.services-layout,.plans-layout{grid-template-columns:1fr}.services-layout>div:first-child h2 br,.plans-layout>div:first-child h2 br{display:none}.services-layout h2{max-width:650px}.plans{margin-top:20px}.process-layout{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr 1fr}.about-grid .art-placeholder{grid-column:1/-1;min-height:120px;flex-direction:row}.footer-layout{grid-template-columns:.7fr 1.4fr 1fr}.footer-art{display:none}.benefits{gap:10px}.benefits>div{font-size:9px}.hero .btn{font-size:11px;padding:13px}.scene{height:500px}.demo h2{font-size:23px}}
@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.nav{flex-wrap:wrap;gap:16px}.nav .logo{width:117px}.nav>.btn{font-size:11px;padding:12px}nav{order:3;width:100%;justify-content:space-between;font-size:12px}.hero{grid-template-columns:1fr;padding-top:30px;gap:25px}.hero h1{font-size:clamp(39px,8.7vw,60px)}.lead{font-size:16px}.benefits{justify-content:space-between}.benefits>div{font-size:10px}.benefits b{width:35px;height:38px}.scene{height:480px;max-width:540px;width:100%;margin:auto}.about-grid{grid-template-columns:1fr}.about-grid .art-placeholder{grid-column:auto;flex-direction:column}h2{font-size:34px}section:not(.hero){padding:40px 0}.services{grid-template-columns:repeat(2,1fr)}.service{flex-direction:column;padding:16px}.steps{grid-template-columns:repeat(2,1fr);gap:20px}.plans{grid-template-columns:1fr;gap:40px}.plan{padding:24px}.plan .subtitle{min-height:0}.featured .plan-title{margin:-22px -23px 0;padding:14px 23px}.plan ul{font-size:14px}.plan .btn{min-height:46px}.footer-layout{grid-template-columns:1fr;gap:22px}.footer-layout .logo{width:140px}.small{max-width:none}.footer-layout .btn{width:100%}.art-placeholder{min-height:150px}.carousel-controls{left:5%}.character{left:23%;width:65%}.interface{left:3%;width:94%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Approved hero assets: original files, independent motion layers. */
.hero>*,.hero .scene{min-width:0}.scene{overflow:clip}.approved-person,.approved-panel{position:absolute;pointer-events:none;transition:opacity .3s,translate .35s;will-change:transform;display:none}.scene[data-segment="0"] .approved-person,.scene[data-segment="0"] .approved-panel{display:block}.scene[data-segment="0"]>.character,.scene[data-segment="0"]>.interface{visibility:hidden}.approved-person{inset:8px 0 40px;z-index:1;transform:translate3d(var(--person-x,0px),var(--person-y,0px),0)}.approved-person img{display:block;width:100%;height:100%;object-fit:contain;object-position:65% center}.approved-panel{width:65%;left:4%;bottom:55px;z-index:2;transform:translate3d(var(--panel-x,0px),var(--panel-y,0px),0);transition-delay:120ms;filter:drop-shadow(0 16px 16px #0006)}.approved-panel img{display:block;width:100%;height:auto}.scene.exiting .approved-person,.scene.exiting .approved-panel{translate:30px 0;opacity:0}.scene .carousel-controls{z-index:3}.scene[data-segment="0"] .blob{inset:30px 18px 65px 35px}.scene[data-segment="0"] .scribble{z-index:0}
@media(max-width:1100px) and (min-width:761px){.approved-panel{width:70%;left:3%;bottom:60px}.approved-person{inset:8px 0 40px}}
@media(max-width:760px){.scene[data-segment="0"]{height:clamp(400px,110vw,535px)}.approved-person{inset:8px 0 42px}.approved-panel{width:70%;left:3%;bottom:57px}}
@media(prefers-reduced-motion:reduce){.approved-person,.approved-panel{transform:none!important;translate:none!important;will-change:auto}}
.scene[data-segment="0"] .approved-person{inset:8px 0 auto;height:650px}.scene[data-segment="0"] .approved-person img{object-position:60% top}.scene[data-segment="0"] .approved-panel{width:76%;left:3%;bottom:51px}
@media(max-width:1100px) and (min-width:761px){.scene[data-segment="0"] .approved-person{height:600px}}
@media(max-width:760px){.scene[data-segment="0"] .approved-person{height:calc(100% + 90px)}.scene[data-segment="0"] .approved-panel{width:76%;bottom:52px}}
/* Closer portrait framing, keeping the approved foreground panel unchanged. */
.scene[data-segment="0"] .approved-person{height:880px;top:-3px;left:-16%;right:-16%}
@media(max-width:1100px) and (min-width:761px){.scene[data-segment="0"] .approved-person{height:780px;left:-22%;right:-22%}}
@media(max-width:760px){.scene[data-segment="0"] .approved-person{height:calc(100% + 240px);left:-20%;right:-20%;top:0}}
/* Scroll roll: subtle counter-rotation gives each layer its own depth. */
.approved-person{transform:translate3d(var(--person-x,0px),var(--person-y,0px),0) rotate(var(--person-roll,0deg));transform-origin:50% 30%}
.approved-panel{transform:translate3d(var(--panel-x,0px),var(--panel-y,0px),0) rotate(var(--panel-roll,0deg));transform-origin:50% 50%}
/* Restaurant: approved art shares the existing independent motion layers. */
.scene[data-segment="1"] .approved-person,.scene[data-segment="1"] .approved-panel{display:block}
.scene[data-segment="1"]>.character,.scene[data-segment="1"]>.interface{visibility:hidden}
.scene[data-segment="1"] .approved-person{height:780px;inset:-2px -7% auto}
.scene[data-segment="1"] .approved-person img{object-position:50% top}
.scene[data-segment="1"] .approved-panel{width:76%;left:3%;bottom:51px}
.scene[data-segment="1"] .blob{inset:30px 18px 65px 35px}
@media(max-width:1100px) and (min-width:761px){.scene[data-segment="1"] .approved-person{height:690px;left:-13%;right:-13%}}
@media(max-width:760px){.scene[data-segment="1"]{height:clamp(400px,110vw,535px)}.scene[data-segment="1"] .approved-person{height:calc(100% + 180px);left:-12%;right:-12%;top:0}.scene[data-segment="1"] .approved-panel{bottom:52px}}
/* Bakery: third approved composition, preserving original image layers. */
.scene[data-segment="2"] .approved-person,.scene[data-segment="2"] .approved-panel{display:block}
.scene[data-segment="2"]>.character,.scene[data-segment="2"]>.interface{visibility:hidden}
.scene[data-segment="2"] .approved-person{height:720px;inset:-4px -7% auto}
.scene[data-segment="2"] .approved-person img{object-position:65% top}
.scene[data-segment="2"] .approved-panel{width:76%;left:3%;bottom:44px}
.scene[data-segment="2"] .blob{inset:30px 18px 65px 35px}
@media(max-width:1100px) and (min-width:761px){.scene[data-segment="2"] .approved-person{height:650px;left:-13%;right:-13%}}
@media(max-width:760px){.scene[data-segment="2"]{height:clamp(400px,110vw,535px)}.scene[data-segment="2"] .approved-person{height:calc(100% + 140px);left:-12%;right:-12%;top:0}.scene[data-segment="2"] .approved-panel{bottom:44px}}
/* Hide the detached shadow baked below the Jasmin panel, without editing its source. */
.scene[data-segment="0"] .approved-panel{filter:none}
.scene[data-segment="0"] .approved-panel img{clip-path:none}
/* Exclude the stray green pixels outside the bakery mockup's left bezel. */
.scene[data-segment="2"] .approved-panel img{clip-path:polygon(12% 15%,90% 1%,97% 92%,4% 92%)}
/* Supporting illustrations: consistent scale, native transparent PNG assets. */
.support-art{min-width:0;display:flex;align-items:center;justify-content:center}.support-art img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain}.step-visual{position:relative;border-bottom:0;justify-content:center;height:110px;gap:0}.step-visual img{display:block;width:100%;height:110px;object-fit:contain}.step-visual b{position:absolute;top:0;left:0;width:30px;height:30px;font-size:17px;z-index:1}.footer-art.support-art{min-height:0}.footer-art.support-art img{max-height:170px}
@media(max-width:1100px){.about-grid>.support-art{grid-column:1/-1}.about-grid>.support-art img{max-width:400px;max-height:220px}.footer-art.support-art{display:none}}
@media(max-width:760px){.about-grid>.support-art{grid-column:auto}.support-art img{max-height:220px}.step-visual,.step-visual img{height:110px}}
/* Alternate sections after the dark hero. */
.about{background:var(--paper);color:var(--ink)}
.about h2 em{color:var(--pink)}
.about .pills span{border-color:#777}
#servicos{background:var(--ink);color:var(--paper)}
#servicos .service{background:#202224}
#processo{background:var(--paper);color:var(--ink)}
#processo .accent-line{background:var(--pink)}
#planos{background:var(--ink);color:var(--paper)}
#planos .plan{background:#202224;border-color:#454548}
#planos .featured{border-top-color:var(--pink)}
#planos .featured .plan-title{color:var(--ink)}
footer{background:var(--paper);color:var(--ink)}
/* White header with dark navigation. */
header{background:#fff;color:var(--ink);border-bottom:1px solid #e7e7e7}
/* Keep the reassurance copy visually attached to the closing CTA. */
.footer-contact{display:flex;flex-direction:column;align-items:center;gap:13px}
.footer-contact>.btn{width:100%}
.footer-contact .small{margin:0;max-width:230px;text-align:center;font-size:12px;line-height:1.55;color:#4c4d50}
.footer-contact .small strong{display:block;font-weight:700;color:var(--ink);margin-bottom:2px}
.footer-contact .small span{display:block;text-wrap:balance}
/* Stronger benefit labels and a quiet digital dot texture in pricing cards. */
.about .pills{gap:10px;margin-top:20px}
.about .pills span{font-size:13px;font-weight:700;line-height:1.25;padding:10px 15px;border-radius:24px}
#planos .plan{background-color:#202224;background-image:radial-gradient(circle,rgba(255,255,255,.085) .8px,transparent 1px);background-size:14px 14px;background-position:7px 7px}
@media(max-width:760px){.about .pills span{font-size:13px;padding:10px 14px}}
/* Keep carousel actions available to keyboard users without visible buttons at rest. */
.carousel-controls #next,.carousel-controls #autoplay-toggle{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.carousel-controls #next:focus-visible,.carousel-controls #autoplay-toggle:focus-visible{position:static;width:35px;height:35px;margin:0;clip-path:none;overflow:visible;border:1px solid #aaa}
/* Hide the carousel counter and segment caption. */
#slide-count{display:none}
.carousel-controls{justify-content:flex-end}
header nav a{font-weight:700}
/* Give the value proposition supporting paragraph more presence. */
.about-grid>div>p{font-size:18px;font-weight:600;line-height:1.6;letter-spacing:-.15px}
@media(max-width:760px){.about-grid>div>p{font-size:17px;line-height:1.55}}
/* Service icon family: rounded constructions, layered detail and consistent strokes. */
.service .icon{width:50px;height:54px;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff50}
.service .icon svg{width:36px;height:36px;stroke-width:1.8}
.service{gap:14px}
/* Highlight the featured plan and add a small growth motif. */
#planos .featured>.btn{box-shadow:0 0 15px #d9ff3655,0 0 32px #d9ff3628;transition:box-shadow .2s,transform .2s}
#planos .featured>.btn:hover{box-shadow:0 0 20px #d9ff3680,0 0 40px #d9ff3640;transform:translateY(-2px)}
.plans-layout>div:first-child{position:relative}
.plans-trend{display:block;width:88px;height:56px;margin:0 0 18px;fill:none;stroke:var(--lime);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.plans-trend .trend-spark{stroke:var(--pink);stroke-width:3}
@media(max-width:1100px){.plans-trend{position:absolute;right:0;top:0;width:65px;height:42px}}
/* Bold upward arrow with a solid head and expressive accent. */
.plans-trend{width:106px;height:78px;stroke-width:9;overflow:visible}
.plans-trend .trend-head{fill:var(--lime);stroke-width:3}
.plans-trend .trend-spark{fill:var(--pink);stroke:var(--pink);stroke-width:2}
.plans-trend .trend-dash{stroke:var(--pink);stroke-width:4}
@media(max-width:1100px){.plans-trend{width:82px;height:60px;top:-8px}}
/* Specialized PRO treatment, limited to the premium plan. */
#planos .plan-pro .pro-badge{display:inline-block;color:#ff3b47;font-size:.8em;letter-spacing:.5px;font-weight:900;vertical-align:middle;padding:3px 5px;border:1px solid #ff3b4760;border-radius:5px;background:#ff3b4710}
#planos .plan-pro>.btn{background:linear-gradient(115deg,#ff3b47,#cc1729);border:1px solid #ff6670;box-shadow:inset 0 1px 0 #ffffff30,0 4px 16px #ff253522;justify-content:space-between;padding:11px 14px}
#planos .plan-pro .pro-plus{display:grid;place-items:center;width:25px;height:25px;border:1px solid #ffffff80;border-radius:6px;background:#0002;font-size:23px;font-weight:500;line-height:1;flex-shrink:0}
#planos .plan-pro>.btn:hover{box-shadow:inset 0 1px 0 #ffffff40,0 0 20px #ff3b4740}

/* Service provider identification. */
.business-details{border-top:1px solid #15161926;margin-top:32px;padding-top:24px;padding-bottom:8px}
.business-details>strong{display:block;font-size:16px;margin-bottom:10px}
.business-details address{display:flex;flex-direction:column;gap:6px;font-style:normal;font-size:14px;line-height:1.65;color:#45464a}
.business-details address span{overflow-wrap:anywhere}
.business-details a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.business-details{margin-top:26px;padding-top:20px}.business-details address{gap:10px}}

@media(min-width:761px){.business-details{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}.business-details>strong{margin:0;flex-shrink:0}.business-details address{flex-direction:row;flex-wrap:wrap;gap:8px 24px;flex:1}.business-details address span{overflow-wrap:normal}}