/* Closing section after equals.com (16.10.2026), own build: white running into lilac, pixel blocks at the edges on a
   4.55vw × 2.15vw grid that breathe out of step, centred CTA, the page intro below it. */
.eq { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(180deg, #fff 0%, #f7f2f5 30%, #eee2ef 62%, #e5d3eb 100%); }
.eq_pix { position: absolute; inset: 0; z-index: -1; pointer-events: none; --cw: 4.55vw; --ch: 2.15vw; }
.eq_pix i { position: absolute; top: calc(var(--r) * var(--ch)); width: calc(var(--s) * var(--cw)); height: var(--ch); animation: eq-pix var(--d) ease-in-out var(--dl) infinite alternate; }
.eq_pix i.is-l { left: calc(var(--c) * var(--cw)); }
.eq_pix i.is-r { right: calc(var(--c) * var(--cw)); }
@keyframes eq-pix { 0% { opacity: 1; } 50% { opacity: .5; } 100% { opacity: .9; } }
.eq_cta { display: flex; flex-direction: column; align-items: center; gap: 2.25rem; padding: 14rem 16px 10rem; text-align: center; }
.eq_title { margin: 0; font-family: var(--_typography---font-styles--heading); font-size: 3.5rem; font-weight: 400; line-height: 1.05; letter-spacing: -0.02em; color: #0f0f0f; }
.eq_intro.si { padding: 4rem 0 7rem; }
@media (max-width: 991px) { .eq_cta { padding: 10rem 16px 7rem; } .eq_title { font-size: 2.75rem; } }
@media (max-width: 719px) { .eq_pix { --cw: 9vw; --ch: 4.2vw; opacity: .8; } .eq_cta { padding: 7rem 16px 5rem; gap: 1.75rem; } .eq_title { font-size: min(2.25rem, 9vw); } .eq_intro.si { padding: 2rem 0 5rem; } }
@media (prefers-reduced-motion: reduce) { .eq_pix i { animation: none; } }
