/* Four quiet phrases share one stable line without moving surrounding content. */
.mg-stage .mg-caption-cycle{position:relative;display:block;inline-size:24em;max-inline-size:calc(100vw - 56px);block-size:1.7em;line-height:1.5}
.mg-stage .mg-caption-cycle .mg-caption-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-transform:none;white-space:nowrap;opacity:0;transform:translateY(6px);animation:mg-caption-cycle 12.8s cubic-bezier(.22,.61,.36,1) infinite both}
.mg-stage .mg-caption-word:nth-child(2){animation-delay:3.2s}
.mg-stage .mg-caption-word:nth-child(3){animation-delay:6.4s}
.mg-stage .mg-caption-word:nth-child(4){animation-delay:9.6s}
@keyframes mg-caption-cycle{0%,100%{opacity:0;transform:translateY(6px)}4%,21%{opacity:1;transform:translateY(0)}25%,96%{opacity:0;transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.mg-stage .mg-caption-cycle .mg-caption-word{animation:none!important;transform:none;opacity:0}.mg-stage .mg-caption-cycle .mg-caption-word:first-child{opacity:1}}

@media(min-width:681px){.mg-stage .mg-caption{top:var(--mg-caption-top,auto);bottom:var(--mg-caption-bottom,51px)}}

/* Local proposal: a clearer white-and-violet caption beneath the MG emblem. */
.mg-stage .mg-caption{
 left:0;
 right:0;
 inline-size:100%;
 padding-inline:12px;
 box-sizing:border-box;
 justify-items:center;
}
.mg-stage .mg-caption strong.mg-caption-cycle{
 font-family:Orbitron,Arial,sans-serif;
 font-size:clamp(16px,1.4vw,20px);
 font-weight:600;
 letter-spacing:.035em;
 line-height:1.65;
 inline-size:min(28rem,100%);
 max-inline-size:100%;
 block-size:1.8em;
 color:#f8f5ff;
 text-shadow:0 2px 16px #ad66ff20;
}
.mg-stage .mg-caption .mg-caption-word .mg-caption-text,
.mg-stage .mg-caption .mg-caption-word .mg-caption-brand{
 font:inherit;
 line-height:inherit;
 letter-spacing:inherit;
 text-transform:none;
 color:inherit;
}
.mg-stage .mg-caption .mg-caption-word .mg-caption-brand,
.mg-stage .mg-caption .mg-caption-word .mg-caption-text-gradient{
 background:linear-gradient(110deg,#fbf8ff 8%,#e6ccff 48%,#b77bff 100%);
 background-clip:text;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 color:#d4adff;
}
@media(max-width:680px){
 .mg-stage .mg-caption strong.mg-caption-cycle{
  font-size:clamp(14px,3.9vw,17px);
  letter-spacing:.025em;
 }
}
/* Match the caption lettering while preserving the original benefit icons. */
body.mg-storefront .home-benefits .home-benefit-label{display:contents;}
@media(min-width:681px){
body.mg-storefront .home-benefits{
 gap:14px 18px;
 font-family:Orbitron,Arial,sans-serif;
 font-size:clamp(14px,1.05vw,15px);
 font-weight:600;
 line-height:1.65;
 letter-spacing:.015em;
 color:#f8f5ff;
}
body.mg-storefront .home-benefits > span{gap:8px;min-width:0;}
body.mg-storefront .home-benefits .home-benefit-label{
 display:block;
 background:linear-gradient(110deg,#fbf8ff 8%,#e6ccff 48%,#b77bff 100%);
 background-clip:text;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 color:#e6ccff;
 text-shadow:0 2px 16px #ad66ff20;
}
body.mg-storefront .home-benefits svg{
 width:18px;
 height:18px;
 flex-shrink:0;
 color:#cfa5ff;
 stroke-width:1.7;
}
}
