/* Shared collection geometry and editorial rhythm. */
.wrap{max-width:1320px}.hero-art .kb-fallback{width:42%;filter:drop-shadow(8px 22px 18px #636bb333)}.hero-art.rendered .kb-fallback{display:none}.narrative-heading{max-width:850px;margin:0 auto 65px;text-align:center}.narrative-heading p{max-width:660px;margin:20px auto}.content{scroll-margin-top:30px}section.content{padding:100px 0}.problem-explained article{border:0;padding:0}.flow{gap:36px}.flow article{border:0;background:transparent;border-radius:0;padding:0;position:relative}.flow article:not(:last-child):after{content:'→';position:absolute;right:-26px;top:24px;color:#b3a1d0;font-size:25px}.flow strong{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;background:linear-gradient(145deg,#edf5fb,#eee8f9);font-size:28px;margin-bottom:24px}.flow h3{font-size:25px}.flow p{font-size:16px;line-height:1.8}.demo{gap:65px}.gain-scenes img{width:100%;height:100%;object-fit:contain}.pie{padding:60px 0 0}.pie .envoltura{max-width:1320px}.pie-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.pie-col{display:flex;flex-direction:column;gap:12px}.pie-col b{color:#14171f}.pie-base{display:flex;justify-content:space-between;border-top:1px solid #e3e6ef;padding:24px 0;margin-top:40px}.pie-marca p{max-width:40ch}.pie-stack{display:flex;gap:10px}.pie-stack span{border:1px solid #e3e6ef;border-radius:30px;padding:4px 12px;font-size:11px}.brand-wave-cta .wrap{display:block}.brand-wave-cta h2{max-width:850px;margin:20px auto}.brand-wave-cta p{margin:24px auto}.brand-wave-cta{padding-bottom:90px}.brand-demo-button svg{width:20px;height:20px}.demo-contact{max-width:530px;padding:40px;border:1px solid #e3e6ef;border-radius:24px}.demo-contact::backdrop{background:#14213d77}.close-contact{float:right;background:transparent;border:0;font-size:28px}@media(max-width:760px){section.content{padding:65px 0}.narrative-heading{margin-bottom:40px}.flow{gap:32px}.flow article:not(:last-child):after{display:none}.pie-cols{grid-template-columns:1fr;gap:30px}.pie-base{flex-direction:column;gap:12px}.demo{gap:25px}}
/* Closing section: one spacing owner; keep the footer connected to the CTA. */
section.brand-wave-cta{min-height:0;height:auto;margin-top:0;padding:150px 0 40px;overflow:visible}.brand-wave-cta .wrap{position:relative;z-index:1}.brand-wave-cta h2{max-width:850px;margin:16px auto 20px;line-height:1.2;overflow:visible}.brand-wave-cta p{margin:0 auto 28px;max-width:760px}.brand-wave-cta .brand-waves{height:110px;pointer-events:none}.brand-wave-cta+.pie{padding-top:32px}.pie .pie-cols{margin-top:0}.pie .pie-base{margin-top:30px}@media(max-width:760px){section.brand-wave-cta{padding:105px 0 28px}.brand-wave-cta .brand-waves{height:75px}.brand-wave-cta h2{font-size:32px}.brand-wave-cta p{font-size:16px}.brand-wave-cta+.pie{padding-top:28px}}

/* Keep the branded CTA above generic .btn rules in every interaction state. */
.btn.brand-demo-button{background:#007cbe;color:#fff;border:0;min-height:56px;padding:16px 30px;gap:14px;cursor:pointer;pointer-events:auto}
.btn.brand-demo-button:hover,.btn.brand-demo-button:active{background:#0069a5;color:#fff}
.btn.brand-demo-button:focus-visible{background:#0069a5;color:#fff;outline:3px solid #8a5bd8;outline-offset:4px}