/* Revisión acotada: composición existente, ajuste de jerarquía y nuevo mockup. */
body{letter-spacing:0}
h1,h2{letter-spacing:.01em}
.lead{letter-spacing:0}
.hero-bg:before{opacity:.5}
.hero-word{opacity:.4}
.hero-rings{opacity:.65}
.vision{background:var(--black)}
.vision h2 span{color:var(--lime)}
.vision-note{border-left-color:var(--sage)}
.product-frame{width:100%;max-width:560px}
.product #tub{aspect-ratio:1;object-fit:contain;height:auto}
.product{gap:24px}
.product figcaption{width:100%}
@media(max-width:700px){
 .product{padding:28px 22px;gap:20px}
 h1,h2{letter-spacing:.01em}
 .hero-visual figcaption{letter-spacing:.06em}
}