/* Secciones redondeadas (como la ventana del producto del hero-z): hojas sueltas con las cuatro esquinas redondas, con aire a los lados, que montan unas sobre otras con sombra. */
:root{--rd-r:clamp(24px,3.4vw,48px);--rd-g:clamp(10px,1.7vw,26px)}
body{background:#e6e8f2}
.qhs,.prod,.estudio,.how,.faq,.contacto,.foot{margin-left:var(--rd-g);margin-right:var(--rd-g);border-radius:var(--rd-r);overflow:clip;box-shadow:0 -22px 60px -18px rgba(27,23,56,.32)}
.foot{position:relative;margin-top:calc(-1*var(--rd-r));margin-bottom:var(--rd-g);padding-top:calc(var(--rd-r) + 64px)}
.hb,.hi{position:relative;z-index:0}