.hero { padding-block: clamp(2.5rem, 6vw, 5rem) 0; overflow: hidden; }
.hero__grid { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 900px) { .hero__grid { grid-template-columns: 1.1fr 0.9fr; gap: 3rem; } }

.hero h1 { font-size: clamp(3rem, 9vw, 6.4rem); line-height: 0.98; margin-bottom: 1.5rem; }
.hero__lead { max-width: 34rem; font-size: clamp(1.05rem, 1.4vw, 1.2rem); color: var(--color-muted); margin-bottom: 2rem; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 0.9rem; }

/* Logo with a red glow behind it; lighten blend removes the square background */
.hero__visual { position: relative; padding-bottom: 1.5rem; isolation: isolate; display: grid; place-items: center; }
.hero__visual::before {
  content: ""; position: absolute; inset: 8% 4%; z-index: -1;
  background: radial-gradient(closest-side, rgba(227, 19, 27, 0.42), rgba(227, 19, 27, 0) 72%);
}
.hero__visual img { width: min(540px, 100%); height: auto; mix-blend-mode: lighten; }
.hero__sticker { position: absolute; left: 50%; bottom: -1.2rem; white-space: nowrap; font-family: var(--font-display); font-weight: 600; font-size: clamp(1rem, 2.2vw, 1.3rem); text-transform: uppercase; transform: translateX(-50%) rotate(-3deg); }

.spark { position: absolute; fill: var(--color-cream); animation: twinkle 3.2s var(--ease) infinite; }
.spark--1 { width: 34px; height: 34px; left: 12%; top: 8%; }
.spark--2 { width: 22px; height: 22px; right: 12%; top: 22%; animation-delay: 1s; }
.spark--3 { width: 26px; height: 26px; right: 22%; bottom: 14%; animation-delay: 2s; }
@keyframes twinkle { 0%, 100% { opacity: 0.15; transform: scale(0.7); } 50% { opacity: 1; transform: scale(1); } }

.trust { margin-top: clamp(2.5rem, 6vw, 4rem); border-top: 1px solid var(--color-line); }
.trust__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 860px) { .trust__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.trust__item { display: flex; align-items: center; gap: 0.8rem; padding: 1.2rem 0.5rem; min-width: 0; font-weight: 700; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.03em; }
.trust__item .icon { width: 1.9rem; height: 1.9rem; color: var(--color-red); }