@layer components{.rb-b-mkeys{--mkeys-ink:var(--brand-ink,#1e1e1e);--mkeys-muted:var(--brand-muted,#5c5c5c);--mkeys-accent:#af0d87;--mkeys-accent-2:#ffc01d;--mkeys-success:#207868;--mkeys-border:rgba(0,0,0,.08);--mkeys-shadow:0 18px 46px rgba(0,0,0,.08);background:radial-gradient(1100px 340px at 100% 0,rgba(255,192,29,.18),rgba(255,192,29,0) 60%),radial-gradient(900px 280px at 0 100%,rgba(175,13,135,.1),rgba(175,13,135,0) 58%),linear-gradient(180deg,#fff,#fffae8);color:var(--mkeys-ink);position:relative}.rb-b-mkeys__head{margin:0 auto clamp(20px,4vw,36px);max-width:930px}.rb-b-mkeys__eyebrow{color:var(--mkeys-accent);font-size:clamp(12px,1.4vw,14px)!important;font-weight:900!important;letter-spacing:.18em;margin:0 0 .75rem!important;padding:0!important;text-transform:uppercase}.rb-b-mkeys__title{text-wrap:balance;font-size:clamp(1.95rem,3.9vw,3rem);letter-spacing:-.03em;line-height:1.08;margin:0}.rb-b-mkeys__intro{text-wrap:pretty!important;color:var(--mkeys-muted);font-size:clamp(15px,1.55vw,18px)!important;line-height:1.65!important;margin:1rem auto 0!important;max-width:760px;padding:0!important}.rb-b-mkeys__grid{display:grid;gap:1rem;list-style:none;margin:0;padding:0}@media (min-width:768px){.rb-b-mkeys__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.rb-b-mkeys__grid{gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}}.rb-b-mkeys__item{min-width:0;transition:transform .24s ease,opacity .42s ease}.rb-b-mkeys.has-motion .rb-b-mkeys__item{opacity:0;transform:translateY(18px) scale(.986)}.rb-b-mkeys.has-motion.is-in .rb-b-mkeys__item{opacity:1;transform:none;transition-delay:calc(var(--mkeys-order, 1)*70ms)}.rb-b-mkeys__card{background:hsla(0,0%,100%,.95);border:1px solid var(--mkeys-border);border-radius:28px;box-shadow:var(--mkeys-shadow);display:grid;height:100%;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.rb-b-mkeys__item:focus-within .rb-b-mkeys__card,.rb-b-mkeys__item:hover .rb-b-mkeys__card{border-color:color-mix(in srgb,var(--mkeys-accent) 20%,#fff);box-shadow:0 24px 52px rgba(0,0,0,.12);transform:translateY(-4px)}.rb-b-mkeys__media{aspect-ratio:16/10;background:linear-gradient(180deg,rgba(255,192,29,.18),rgba(175,13,135,.08));overflow:hidden;position:relative}.rb-b-mkeys__img{display:block;height:100%;object-fit:cover;transition:transform .35s ease;width:100%}.rb-b-mkeys__item:focus-within .rb-b-mkeys__img,.rb-b-mkeys__item:hover .rb-b-mkeys__img{transform:scale(1.04)}.rb-b-mkeys__badge{align-items:center;background:hsla(0,0%,100%,.94);border:1px solid hsla(0,0%,100%,.75);border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.12);color:var(--mkeys-success);display:inline-flex;font-size:12px;font-weight:900;gap:.35rem;left:16px;padding:.45rem .72rem;position:absolute;top:16px;z-index:1}.rb-b-mkeys__body{align-content:start;display:grid;gap:.6rem;padding:1.15rem 1.15rem 1.2rem}.rb-b-mkeys__cardTitle{text-wrap:balance;color:var(--mkeys-accent);font-size:clamp(20px,1.95vw,24px);line-height:1.18;margin:0}.rb-b-mkeys__text{text-wrap:pretty!important;color:var(--mkeys-ink);font-size:clamp(14px,1.4vw,16px)!important;line-height:1.65!important;margin:0!important;padding:0!important}.rb-b-mkeys__ctaWrap{margin-top:1.4rem}.rb-b-mkeys__cta{min-width:min(100%,280px)}@media (prefers-reduced-motion:reduce){.rb-b-mkeys__card,.rb-b-mkeys__img,.rb-b-mkeys__item{transition:none!important}.rb-b-mkeys__item:focus-within .rb-b-mkeys__card,.rb-b-mkeys__item:focus-within .rb-b-mkeys__img,.rb-b-mkeys__item:hover .rb-b-mkeys__card,.rb-b-mkeys__item:hover .rb-b-mkeys__img{transform:none!important}}}