/* Pills flank the original invitation on wide screens, following the Canva reference. */
.matrix-focus-layout { position:relative;z-index:1;display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,700px) minmax(160px,1fr);align-items:center;gap:32px;max-width:1280px;margin:auto; }
.matrix-focus-layout > .matrix-focus-group-inner { grid-column:2;grid-row:1;min-width:0;width:100%; }
.matrix-focus-group .matrix-pill { display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;min-height:116px;padding:18px 20px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff;text-decoration:none;text-align:center;font-family:Poppins,Arial,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:inset 0 3px 5px rgba(255,255,255,.35),inset 0 -9px 12px rgba(0,0,0,.38),0 8px 14px rgba(0,0,0,.38);transition:filter .18s ease,transform .18s ease; }
.matrix-focus-group .matrix-pill::before { content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 49.5%,rgba(0,0,0,.24) 50%,rgba(255,255,255,.22) 50.5%,transparent 51%);pointer-events:none; }
.matrix-focus-group .matrix-pill::after { content:"";position:absolute;z-index:-1;left:12%;right:12%;top:6%;height:30%;border-radius:999px;background:linear-gradient(rgba(255,255,255,.32),rgba(255,255,255,0));pointer-events:none; }
.matrix-focus-group .matrix-pill strong { display:block;font-size:16px;line-height:1.25;font-weight:700; }
.matrix-focus-group .matrix-pill span { display:block;font-size:11px;line-height:1.4;font-weight:400; }
.matrix-focus-group .matrix-pill-blue { grid-column:1;grid-row:1;background:linear-gradient(180deg,#777bff 0%,#343be8 28%,#171fc7 54%,#090d76 100%); }
.matrix-focus-group .matrix-pill-red { grid-column:3;grid-row:1;background:linear-gradient(180deg,#ff8b94 0%,#ec354b 28%,#c40c2b 54%,#77051b 100%); }
.matrix-focus-group .matrix-pill-blue:hover,.matrix-focus-group .matrix-pill-blue:focus-visible { background:linear-gradient(180deg,#777bff 0%,#343be8 28%,#171fc7 54%,#090d76 100%); }
.matrix-focus-group .matrix-pill-red:hover,.matrix-focus-group .matrix-pill-red:focus-visible { background:linear-gradient(180deg,#ff8b94 0%,#ec354b 28%,#c40c2b 54%,#77051b 100%); }
.matrix-focus-group .matrix-pill:hover { filter:brightness(1.12);transform:translateY(-2px);text-decoration:none; }
.matrix-focus-group .matrix-pill:focus-visible { outline:3px solid #fff;outline-offset:5px;text-decoration:none; }
@media(max-width:1279.95px) {
  .matrix-focus-layout { grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:760px; }
  .matrix-focus-layout > .matrix-focus-group-inner { grid-column:1 / -1;grid-row:1; }
  .matrix-focus-group .matrix-pill-blue { grid-column:1;grid-row:2; }
  .matrix-focus-group .matrix-pill-red { grid-column:2;grid-row:2; }
}
@media(max-width:560px) {
  .matrix-focus-layout { grid-template-columns:minmax(0,1fr);gap:18px; }
  .matrix-focus-group .matrix-pill { width:100%;max-width:360px;margin:auto;min-height:116px; }
  .matrix-focus-group .matrix-pill-blue { grid-column:1;grid-row:2; }
  .matrix-focus-group .matrix-pill-red { grid-column:1;grid-row:3; }
}
@media(prefers-reduced-motion:reduce) { .matrix-focus-group .matrix-pill { transition:none; } }