
/* MyMedicare interactive */
.mymben{list-style:none;margin:0 0 26px;padding:0;border-top:1px solid var(--line)}
.mb{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:44px 1fr;gap:4px 16px;width:100%;padding:16px 0 18px;border-bottom:1px solid var(--line);position:relative}
.mb:focus-visible{outline:2px solid var(--brass);outline-offset:4px}
.mbi{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--bg-2);color:var(--muted);transition:background .4s,color .4s,transform .5s cubic-bezier(.2,.7,.1,1)}
.mbi svg{width:28px;height:28px}
.mbi .dr{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:120;stroke-dashoffset:0}
.mb.on .mbi{background:#009444;color:#fff;transform:rotate(-4deg) scale(1.06)}
.mb.on .mbi .dr{animation:drw 1s cubic-bezier(.2,.7,.1,1) both}
@keyframes drw{from{stroke-dashoffset:120}to{stroke-dashoffset:0}}
.mbt b{display:block;font:400 1.3rem/1.15 var(--display);transition:color .3s}
.mbd{display:block;max-height:0;overflow:hidden;opacity:0;color:var(--muted);font-size:.95rem;transition:max-height .55s cubic-bezier(.2,.7,.1,1),opacity .4s,margin .4s}
.mbd::before{content:"";}
.mb .mbd{overflow:hidden}
.mb.on .mbd{max-height:7em;opacity:1;margin-top:6px}
.mb:not(.on):hover b{color:#009444}
.mbp{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden}
.mbp i{display:block;height:100%;width:0;background:#009444}
.mb.on .mbp i{animation:prog var(--dur,6s) linear forwards}
.mymben.paused .mb.on .mbp i{animation-play-state:paused}
@keyframes prog{to{width:100%}}
.howreg{margin:0 0 26px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--bg-2)}
.hrk{margin:0 0 12px;font:400 1.15rem/1.2 var(--display)}
.hws{position:relative;display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:14px}
.hw{all:unset;cursor:pointer;padding:10px 12px 12px;font-size:.9rem;font-weight:600;color:var(--muted);transition:color .3s}
.hw.on{color:var(--ink)}
.hw:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
.hwbar{position:absolute;bottom:-1px;height:3px;background:#FFB81C;border-radius:3px 3px 0 0;transition:left .45s cubic-bezier(.2,.7,.1,1),width .45s cubic-bezier(.2,.7,.1,1)}
.rsl{list-style:none;margin:0;padding:0;display:grid;gap:10px}.rsl[hidden]{display:none}
.rsl li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;font-size:.95rem;animation:hpin .55s cubic-bezier(.2,.7,.1,1) both;animation-delay:var(--d)}
@keyframes hpin{from{opacity:0;transform:translateX(-14px)}}
.hn{width:28px;height:28px;border-radius:50%;background:#009444;color:#fff;display:grid;place-items:center;font:600 .82rem var(--body)}
/* stage */
.mymstage{position:relative;aspect-ratio:1/1.08;max-width:520px;width:100%;justify-self:center;perspective:1200px}
.mc{position:absolute;margin:0;width:70%;left:15%;top:6%;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.2);background:#fff;transition:transform .9s cubic-bezier(.2,.7,.1,1),opacity .6s,filter .6s;transform-origin:50% 100%}
.mc img{display:block;width:100%;height:auto}
.mc[data-pos="0"]{transform:translate3d(0,0,0) rotate(0deg);z-index:3;opacity:1}
.mc[data-pos="1"]{transform:translate3d(18%,7%,-80px) rotate(6deg);z-index:2;opacity:.9;filter:saturate(.7)}
.mc[data-pos="2"]{transform:translate3d(-18%,10%,-160px) rotate(-7deg);z-index:1;opacity:.75;filter:saturate(.5)}
.mymstage:hover .mc[data-pos="1"]{transform:translate3d(24%,5%,-80px) rotate(8deg)}
.mymstage:hover .mc[data-pos="2"]{transform:translate3d(-24%,8%,-160px) rotate(-9deg)}
.regcard{padding:22px 20px 18px;color:#13201A;display:flex;flex-direction:column;gap:6px}
.rlogo{height:30px;width:auto;align-self:flex-start}
.rk{margin:4px 0 4px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#5F6A63}
.rrow{display:grid;grid-template-columns:96px 1fr 22px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #E5E1D8;opacity:.35;transition:opacity .5s}
.rrow>span{font-size:.78rem;color:#5F6A63}
.rrow b{font:400 1.05rem/1.2 var(--display)}
.rrow small{display:block;font:400 .74rem var(--body);color:#5F6A63;margin-top:2px}
.rtick{width:20px;height:20px;border-radius:50%;border:1.5px solid #C9C3B6;position:relative;transition:background .4s,border-color .4s}
.rtick::after{content:"";position:absolute;left:5px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .35s cubic-bezier(.2,.7,.1,1) .1s}
.rrow.ok{opacity:1}.rrow.ok .rtick{background:#009444;border-color:#009444}.rrow.ok .rtick::after{transform:rotate(45deg) scale(1)}
.rrow .rgp{display:block;font:400 1.05rem/1.25 var(--display);height:1.25em;overflow:hidden}
.rgpw{display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.rgpw span{display:block;height:1.25em;line-height:1.25em;white-space:nowrap;font:inherit}
.rstat{margin-top:8px;display:flex;align-items:center;gap:10px;font-weight:600;font-size:.92rem;padding:12px 14px;border-radius:10px;background:#F4F1EA;transition:background .5s,color .5s}
.rdot{width:10px;height:10px;border-radius:50%;background:#C9C3B6;transition:background .4s}
.rstat.done{background:#009444;color:#fff}.rstat.done .rdot{background:#FFB81C}
.mcap{position:absolute;right:4%;bottom:0;margin:0;font:400 .9rem var(--body);color:var(--muted);letter-spacing:.08em}
.mcap span{font:400 1.6rem/1 var(--display);color:var(--ink)}
@media(max-width:860px){.mymstage{max-width:420px;aspect-ratio:auto;height:clamp(440px,118vw,520px)}.mc{width:84%;left:8%;top:4%}.regcard{padding:16px 14px 14px}.rrow{grid-template-columns:74px 1fr 20px;gap:8px;padding:8px 0}.rrow b,.rrow .rgp{font-size:.95rem}.rrow small{font-size:.7rem}.rlogo{height:24px}.rstat{font-size:.84rem;padding:10px 12px}}
@media (prefers-reduced-motion:reduce){.mc,.mbd,.rsl li,.mbi,.rgpw{transition:none;animation:none}.mb.on .mbp i{animation:none;width:100%}}
