.magicpay-home-proof-strip {
    --proof-accent: #4338ca;
    padding-block: clamp(24px, 3vw, 40px);
    border-block-start: 1px solid hsl(var(--border));
    background: radial-gradient(ellipse at 15% 0, rgba(79, 70, 229, .05), transparent 65%), hsl(var(--background));
    color: hsl(var(--foreground));
}
.dark .magicpay-home-proof-strip { --proof-accent: #c7d2fe; }
.magicpay-home-proof-strip__inner { max-width: 1280px; margin-inline: auto; padding-inline: 24px; }
.magicpay-home-proof-strip__heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px 24px; margin-block-end: 16px; }
.magicpay-home-proof-strip__heading h2 { margin: 0; font-size: 16px; font-weight: 650; line-height: 1.5; }
.magicpay-home-proof-strip__heading a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--proof-accent); font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.magicpay-home-proof-strip__heading a:focus-visible { outline: 3px solid var(--proof-accent); outline-offset: 4px; border-radius: 4px; }
.magicpay-home-proof-strip__metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; padding: 0; }
.magicpay-home-proof-strip__metrics > div { display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 12px 24px; border-inline-start: 1px solid hsl(var(--border)); }
.magicpay-home-proof-strip__metrics > div:first-child { padding-inline-start: 0; border-inline-start: 0; }
.magicpay-home-proof-strip__metrics > div:last-child { padding-inline-end: 0; }
.magicpay-home-proof-strip__metrics dt { font-size: 13px; font-weight: 500; line-height: 1.6; color: hsl(var(--foreground)); }
.magicpay-home-proof-strip__metrics dd { order: -1; margin: 0; font-size: clamp(32px, 3.4vw, 48px); font-weight: 650; line-height: 1.15; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.magicpay-home-proof-strip__metrics dd.is-unlisted { font-size: 18px; letter-spacing: 0; }
.magicpay-home-proof-strip__scope { max-width: 960px; margin: 20px 0 0; font-size: 12px; line-height: 1.7; color: hsl(var(--muted-foreground)); }
.magicpay-home-proof-strip__scope a { display: inline-flex; align-items: center; min-height: 44px; color: var(--proof-accent); font-weight: 500; text-decoration: underline; text-underline-offset: 4px; }
.magicpay-home-proof-strip__scope a:hover { text-decoration-thickness: 2px; }
.magicpay-home-proof-strip__scope a:focus-visible { outline: 3px solid var(--proof-accent); outline-offset: 4px; border-radius: 4px; }
.magicpay-home-proof-strip :is(h2, dt, dd, p, a) { overflow-wrap: anywhere; }
[dir="rtl"] .magicpay-home-proof-strip { text-align: right; }
[dir="rtl"] .magicpay-home-proof-strip__heading a span { transform: scaleX(-1); }
@media (max-width: 760px) {
    .magicpay-home-proof-strip__metrics { grid-template-columns: repeat(6, minmax(0, 1fr)); row-gap: 20px; }
    .magicpay-home-proof-strip__metrics > div { grid-column: span 2; padding: 8px 12px; }
    .magicpay-home-proof-strip__metrics > div:nth-child(4),
    .magicpay-home-proof-strip__metrics > div:nth-child(5) { grid-column: span 3; padding-block-start: 20px; border-block-start: 1px solid hsl(var(--border)); }
    .magicpay-home-proof-strip__metrics > div:nth-child(4) { border-inline-start: 0; padding-inline-start: 0; }
    .magicpay-home-proof-strip__metrics > div:nth-child(3) { padding-inline-end: 0; }
}
@media (max-width: 380px) {
    .magicpay-home-proof-strip__inner { padding-inline: 16px; }
    .magicpay-home-proof-strip__metrics > div { padding-inline: 8px; }
}