<style> #rad-v3{ --rad-red:#cf3934; --rad-red-dark:#982b28; --rad-red-soft:#fff0ed; --rad-ink:#1d2226; --rad-muted:#687278; --rad-dark:#191d20; --rad-dark2:#30373c; --rad-light:#f3f5f6; --rad-cream:#faf7f2; --rad-white:#ffffff; --rad-line:rgba(29,34,38,.10); --rad-radius:22px; width:100%; max-width:1080px; margin:0 auto; padding:8px 10px 38px; color:var(--rad-ink); container-type:inline-size; } #rad-v3 *, #rad-v3 *::before, #rad-v3 *::after{ box-sizing:border-box; } #rad-v3 img{ display:block; width:100%; height:auto; } #rad-v3 h2, #rad-v3 h3, #rad-v3 p{ margin-top:0; } #rad-v3 .rad-card{ position:relative; overflow:hidden; margin:0 0 14px; padding:23px 17px; border:1px solid var(--rad-line); border-radius:var(--rad-radius); background:var(--rad-white); box-shadow:0 8px 26px rgba(20,28,33,.055); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } #rad-v3 .rad-card:hover{ transform:translateY(-2px); border-color:rgba(207,57,52,.20); box-shadow:0 14px 34px rgba(20,28,33,.085); } #rad-v3 .rad-card:active{ transform:scale(.995); } #rad-v3 .rad-soft{ background: radial-gradient( circle at 92% 2%, rgba(255,255,255,.95), transparent 37% ), var(--rad-light); } #rad-v3 .rad-warm{ background: radial-gradient( circle at 0 0, rgba(255,255,255,.9), transparent 35% ), var(--rad-cream); } #rad-v3 .rad-dark{ color:#fff; background: radial-gradient( circle at 88% 0, rgba(207,57,52,.24), transparent 30% ), linear-gradient( 145deg, #171a1d, #32393e ); } #rad-v3 .rad-red{ color:#fff; background: radial-gradient( circle at 90% 0, rgba(255,255,255,.11), transparent 28% ), linear-gradient( 140deg, #922927, #cd3e39 ); } /* ========================= TYPOGRAPHY ========================= */ #rad-v3 .rad-kicker{ display:inline-block; margin:0 0 9px; font-size:11px; line-height:1.2; font-weight:850; letter-spacing:1.6px; text-transform:uppercase; background:linear-gradient( 100deg, var(--rad-red-dark) 0%, var(--rad-red) 34%, #f09c96 50%, var(--rad-red) 66%, var(--rad-red-dark) 100% ); background-size:220% auto; -webkit-background-clip:text; background-clip:text; color:transparent; animation:rad-shimmer 6s linear infinite; } #rad-v3 .rad-dark .rad-kicker, #rad-v3 .rad-red .rad-kicker{ background:linear-gradient( 100deg, #f2b4af, #ffffff, #f3c2be, #ffffff, #f2b4af ); background-size:220% auto; -webkit-background-clip:text; background-clip:text; color:transparent; } @keyframes rad-shimmer{ 0%{ background-position:200% center; } 100%{ background-position:-20% center; } } #rad-v3 h2{ margin-bottom:11px; font-size:28px; line-height:1.12; letter-spacing:-.55px; } #rad-v3 h3{ margin-bottom:6px; font-size:17px; line-height:1.3; } #rad-v3 p{ margin-bottom:12px; color:var(--rad-muted); font-size:15px; line-height:1.65; } #rad-v3 strong{ color:var(--rad-ink); } #rad-v3 .rad-dark p, #rad-v3 .rad-red p{ color:rgba(255,255,255,.80); } #rad-v3 .rad-dark strong, #rad-v3 .rad-red strong{ color:#fff; } /* ========================= HERO ========================= */ #rad-v3 .rad-hero{ padding:29px 16px 19px; text-align:center; } #rad-v3 .rad-hero h2{ max-width:760px; margin-left:auto; margin-right:auto; font-size:32px; } #rad-v3 .rad-hero-copy{ max-width:690px; margin:0 auto 17px; } #rad-v3 .rad-media{ overflow:hidden; margin-top:16px; border-radius:17px; background:#e8eaeb; } #rad-v3 .rad-media img{ width:100%; object-fit:cover; } #rad-v3 .rad-benefits{ display:grid; grid-template-columns:1fr; gap:8px; margin-top:13px; } #rad-v3 .rad-benefit{ display:flex; align-items:center; ju