/* Matchoice site */
.mc-logo { display: inline-flex; align-items: center; gap: .55rem; text-decoration: none; color: var(--wp--preset--color--contrast); font: 800 1.35rem/1 var(--wp--preset--font-family--heading); letter-spacing: -.01em; }
.mc-logo img { display: block; }
.mc-header__cta .wp-block-button__link { padding: .6rem 1.1rem; }
@media (max-width: 899px) { .mc-header__cta { display: none; } }

.mc-hero h1 { max-width: 15ch; font-size: clamp(2.4rem, 5.5vw, 4.2rem); }
.mc-hero h1 em { font-style: normal; background: linear-gradient(90deg, #d9401f, #a8338f); -webkit-background-clip: text; background-clip: text; color: transparent; }
.mc-kicker { display: inline-block; padding: .35rem .8rem; border-radius: 99px; background: #fff; box-shadow: 0 2px 10px rgba(35, 36, 107, .08); font: 700 .8rem/1 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--primary); letter-spacing: .06em; text-transform: uppercase; }
.mc-hero__art img { width: 100%; max-width: 560px; height: auto; display: block; margin-inline: auto; animation: mc-float 6s ease-in-out infinite; }
@keyframes mc-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

.mc-stat { font: 800 clamp(2rem, 4vw, 3rem)/1 var(--wp--preset--font-family--heading); color: var(--wp--preset--color--primary); margin: 0; }
.mc-stat + p { margin-top: .3rem; color: var(--wp--preset--color--muted); }

.mc-card { background: #fff; border-radius: 20px; padding: clamp(1.4rem, 3vw, 2rem); box-shadow: 0 1px 2px rgba(27, 28, 58, .05), 0 14px 36px rgba(35, 36, 107, .08); height: 100%; border-top: 5px solid var(--mc, #23246b); box-sizing: border-box; }
.mc-card h3 { margin-top: .8rem; }
.mc-icon { width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; background: color-mix(in srgb, var(--mc, #23246b) 14%, #fff); }
.mc-icon svg { width: 30px; height: 30px; }

.mc-shot { margin: 0; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 4px rgba(27, 28, 58, .06), 0 24px 50px rgba(35, 36, 107, .16); border: 1px solid var(--wp--preset--color--line); background: #fff; }
.mc-shot img { display: block; width: 100%; height: auto; }
.mc-shot figcaption { padding: .8rem 1rem; font-size: .9rem; color: var(--wp--preset--color--muted); border-top: 1px solid var(--wp--preset--color--line); margin: 0; }
.mc-flow img { width: 100%; height: auto; display: block; }

.mc-band { border-radius: 28px; }
.mc-quote { font: 700 clamp(1.3rem, 2.6vw, 1.8rem)/1.35 var(--wp--preset--font-family--heading); }
.mc-check { list-style: none; padding: 0; margin: 0; display: grid; gap: .55rem; }
.mc-check li { padding-left: 1.9rem; position: relative; }
.mc-check li::before { content: ""; position: absolute; left: 0; top: .2rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; background-color: #d9401f; background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22%3E%3Cpath d=%22M5 10.5l3.2 3.2L15 7%22 stroke=%22%23fff%22 stroke-width=%222.6%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); background-position: center; background-size: 80%; background-repeat: no-repeat; }
.mc-demo { background: #fff; border-radius: 24px; padding: clamp(1.2rem, 3vw, 2.4rem); box-shadow: 0 24px 60px rgba(35, 36, 107, .12); }

.mc-footer a { color: #fff; }
.rg-footer .rg-wheel-line { display: none; }
@media (prefers-reduced-motion: reduce) { .mc-hero__art img { animation: none; } }

.mc-note { background: #fff6f2; border-left: 4px solid #d9401f; border-radius: 10px; padding: .9rem 1.1rem; font-size: .95rem; }