@import url("/assets/fonts/fonts.css");
:root{--vb-navy:#0b1f33;--vb-ice:#f6f8fb;--vb-teal:#14b8a6;--font-display:'Cabinet Grotesk',Arial,sans-serif;--font-body:'Satoshi',Arial,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--vb-ice);color:var(--vb-navy)}body.font-body{font-family:'Satoshi',Inter,Arial,sans-serif}.font-display,.brut-btn,.brut-btn-white,.brut-btn-dark,.brut-step-num{font-family:'Cabinet Grotesk',Arial,sans-serif}.brand-logo{display:inline-flex;gap:2px;align-items:center;font-size:21px;letter-spacing:-.045em}.brand-logo span{font-size:.86em;padding:2px 4px;line-height:1.1}.hero-vitrinebox h1{max-width:1080px!important;font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.09;letter-spacing:-.04em;font-weight:800;text-wrap:balance}.hero-vitrinebox .brut-highlight,.hero-vitrinebox .brut-highlight-dark{white-space:nowrap}.hero-vitrinebox>div{padding-top:64px;padding-bottom:44px}.hero-vitrinebox p.mt-6{max-width:720px}.delivery-note{font-size:12px;line-height:1.5;color:#536779;max-width:660px;margin:12px auto 0}.hero-vitrinebox .brut-badgebar{margin-top:30px}nav.sticky{background:#f6f8fb;backdrop-filter:none}.brut-btn:hover,.brut-btn-white:hover,.brut-btn-dark:hover{transform:translate(4px,4px);box-shadow:none;filter:none}.brut-btn:focus-visible,.brut-btn-white:focus-visible,.brut-btn-dark:focus-visible{outline:3px solid var(--vb-navy);outline-offset:5px}.brut-btn,.brut-btn-white,.brut-btn-dark{font-weight:800}.brut-card,.brut-card-white{box-shadow:4px 4px 0 var(--vb-navy)}.demo-thumb{display:block;width:100%;height:auto;aspect-ratio:1280/900;object-fit:cover;border-block:1px solid #0b1f3320}.demo-browser-bar{background:var(--vb-ice);padding-top:14px;padding-bottom:14px}.maintenance-price{font-family:'Cabinet Grotesk',Arial,sans-serif;font-size:36px;font-weight:800;line-height:1.1;margin:18px 0 24px}.faq-list{max-width:672px;margin:40px auto 0;display:grid;gap:16px}.faq-list details{background:var(--vb-teal);box-shadow:3px 3px 0 var(--vb-navy)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;cursor:pointer;list-style:none;font-weight:700;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:26px;line-height:1;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{background:#fff;padding:20px;margin:0;border-top:2px solid var(--vb-navy);font-size:15px;line-height:1.65}.marquee-wrap{width:100%;margin:0}.marquee-track{animation-duration:55s}main section{scroll-margin-top:90px}h2{letter-spacing:-.025em}#exemplos article{box-shadow:4px 5px 0 var(--vb-navy)}#exemplos article .brut-btn-white{margin-top:auto}#exemplos article>div>p:last-of-type{margin-bottom:22px}footer{border-color:var(--vb-navy)}
@media(max-width:767px){.hero-vitrinebox>div{padding-top:48px;padding-bottom:34px}.hero-vitrinebox h1{font-size:clamp(2.25rem,7vw,3.1rem);line-height:1.17}.hero-vitrinebox h1 br{display:none}.hero-vitrinebox .brut-highlight,.hero-vitrinebox .brut-highlight-dark{padding:1px 7px}.hero-vitrinebox .brut-badgebar{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:16px 12px;width:100%;max-width:460px}.hero-vitrinebox .brut-badgebar span{font-size:12px;white-space:normal}.hero-vitrinebox .brut-badgebar span:nth-child(3){justify-content:center}.delivery-note{font-size:11px;max-width:350px}nav .brand-logo{font-size:18px;padding:6px 9px}nav>a,nav .brut-btn{font-size:12px!important;padding:9px 11px!important}nav>div{gap:15px}.faq-list summary{padding:17px 16px;font-size:14px}.demo-browser-bar .truncate{font-size:11px}.marquee-track span{font-size:12px}section.py-14{padding-top:44px;padding-bottom:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}*{transition:none!important}}

.marquee-track{text-transform:uppercase}
/* Discreet motion keeps the content readable while it enters the viewport. */
.scroll-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.scroll-reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}}

@media(max-width:767px){
  .hero-vitrinebox .brut-badgebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:6px;max-width:460px}
  .hero-vitrinebox .brut-badgebar span,.hero-vitrinebox .brut-badgebar span:nth-child(3){display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-width:0;min-height:74px;padding:10px 6px;text-align:center;font-size:11px;line-height:1.3}
  .hero-vitrinebox .brut-badgebar span:nth-child(odd){border-right:1px solid rgba(255,255,255,.22)}
  .hero-vitrinebox .brut-badgebar span:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.22)}
  .hero-vitrinebox .brut-badgebar svg{display:block;flex:none;width:18px;height:18px}
}

/* A compact set of benefits replaces the large dark block on phones. */
.hero-vitrinebox .brut-badgebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:min(100%,830px);padding:0;border:0;background:transparent;box-shadow:none}
.hero-vitrinebox .brut-badgebar span{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid #7993a6;border-radius:10px;background:#fff;color:var(--vb-navy);font-size:12px;line-height:1.3;white-space:normal;box-shadow:0 3px 0 rgba(11,31,51,.08)}
.hero-vitrinebox .brut-badgebar svg{flex:none;color:#0c9489}
@media(max-width:767px){
  .hero-vitrinebox .brut-badgebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:460px;padding:0}
  .hero-vitrinebox .brut-badgebar span,.hero-vitrinebox .brut-badgebar span:nth-child(3){flex-direction:row;gap:7px;min-height:50px;padding:7px 8px;border:1px solid #7993a6;text-align:left;font-size:11px;line-height:1.2}
  .hero-vitrinebox .brut-badgebar span:nth-child(odd),.hero-vitrinebox .brut-badgebar span:nth-child(-n+2){border:1px solid #7993a6}
  .hero-vitrinebox .brut-badgebar svg{width:16px;height:16px}
}

/* Continuous ticker with enough space to read each promise. */
.marquee-wrap{overflow:hidden}
.marquee-track{display:flex;gap:0;animation:vb-marquee 24s linear infinite;will-change:transform}
.marquee-group{display:flex;flex:none;align-items:center;gap:clamp(28px,5vw,76px);padding-right:clamp(28px,5vw,76px)}
.marquee-group span{display:block;flex:none;color:#42d9c9;font:800 13px/1.3 'Cabinet Grotesk',Arial,sans-serif;letter-spacing:.05em;white-space:nowrap}
@keyframes vb-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:767px){.marquee-track{animation-duration:19s}.marquee-group span{font-size:12px}}

/* The example disclaimer is part of the sales explanation. */
.demo-disclaimer{max-width:690px;margin:0 auto;padding:20px 24px;border:1px solid #74afa9;border-left:5px solid var(--vb-teal);border-radius:12px;background:#e9f7f5;box-shadow:4px 4px 0 rgba(11,31,51,.1);text-align:left}
.demo-disclaimer p{margin:0;color:var(--vb-navy);font-size:15px;line-height:1.6}
.demo-disclaimer strong{font-weight:800}
.demo-disclaimer small{display:block;margin-top:9px;color:#476174;font-size:12px;line-height:1.45}
@media(max-width:767px){.demo-disclaimer{padding:15px 16px}.demo-disclaimer p{font-size:13px;line-height:1.5}.demo-disclaimer small{font-size:11px}}

/* A short light sweep crosses the primary calls to action every three seconds. */
.brut-btn,.brut-btn-white,.brut-btn-dark{position:relative;overflow:hidden;isolation:isolate}
.brut-btn::after,.brut-btn-white::after,.brut-btn-dark::after{content:"";position:absolute;inset:-35% auto -35% -40%;width:38%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-180%) skewX(-18deg);animation:vb-shimmer 3s ease-in-out infinite}
@keyframes vb-shimmer{0%,12%{transform:translateX(-180%) skewX(-18deg)}36%,100%{transform:translateX(360%) skewX(-18deg)}}
#exemplos article{transition:transform .3s ease,box-shadow .3s ease}
@media(hover:hover){#exemplos article:hover{transform:translateY(-4px);box-shadow:8px 9px 0 var(--vb-navy)}}
html,body{max-width:100%;overflow-x:clip}
@media(prefers-reduced-motion:reduce){.marquee-wrap{overflow-x:auto;scrollbar-width:thin}.marquee-track{animation:none}.marquee-group:nth-child(2){display:none}.brut-btn::after,.brut-btn-white::after,.brut-btn-dark::after{animation:none;display:none}}
/* The requested brand effects remain visible even when the OS limits other motion. */
@media(prefers-reduced-motion:reduce){
  .marquee-wrap{overflow:hidden}
  .marquee-group:nth-child(2){display:flex}
  .marquee-track{animation:vb-marquee 24s linear infinite!important}
  .scroll-reveal{opacity:0;transform:none;transition:opacity .4s ease!important}
  .scroll-reveal.is-visible{opacity:1}
  .brut-btn::after,.brut-btn-white::after,.brut-btn-dark::after{display:block;animation:vb-shimmer 3s ease-in-out infinite!important}
}