/* Center page only. Existing 480 × 1040 recordings stay byte-identical.
   The phone occupies x=35..445, y=91..955; crop baked-in captions/background. */
.center-management .hero-intro{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:4vw}
.center-management .hero h1{font-size:clamp(36px,4.2vw,64px);line-height:1.22;letter-spacing:-.045em}
.center-management .hero-label{font-size:14px;line-height:1.7}
.center-management .hero-foot>p{max-width:40ch}
.center-management .hero-links{display:flex;flex-wrap:wrap;gap:16px 28px}
:root .mother-fitness.center-management .app-showcase.video-showcase{background:transparent;border:0;box-shadow:none;padding:0;max-width:390px;justify-self:center}
.center-management .video-stage{width:min(100%,300px);aspect-ratio:410/864;overflow:hidden;border-radius:9% / 4.3%;margin:0 auto 22px;background:transparent}
.center-management .video-stage :is(img,video){position:absolute;max-width:none;width:117.073171%;height:120.37037%;left:-8.536585%;top:-10.532407%;object-fit:fill}
.center-management .video-controls{border-top:0;margin-top:8px;padding-top:0;justify-content:flex-end}
.center-management .video-showcase figcaption,.center-management .demo-note{max-width:40ch;margin-inline:auto;text-align:center}
.center-management .overview-replay{margin-top:24px;background:none;border:0;border-bottom:1px solid currentColor;color:inherit;font:inherit;padding:8px 0;min-height:44px;cursor:pointer}
.center-management .overview-replay[hidden]{display:none}
@media(max-width:900px){.center-management .hero-intro{grid-template-columns:1fr}.center-management .video-showcase{justify-self:center}.center-management .hero h1{font-size:clamp(36px,6vw,58px)}}
@media(max-width:600px){.center-management .hero h1{font-size:clamp(29px,7.5vw,42px)}.center-management .hero-intro{display:flex}.center-management .hero-foot{order:2;margin-top:24px}.center-management .video-showcase{order:3;width:100%;max-width:none;margin-top:36px}.center-management .video-stage{width:min(82%,280px)}.center-management .hero-label{font-size:12px}.center-management .hero-links{gap:14px 24px}.center-management .hero-links a{font-size:15px}}

/* Only the center scope ledger and its optional service card. */
:root .center-management #scope .mods .mod{padding-left:24px;padding-right:24px}
.interest-card{position:fixed;z-index:60;right:24px;bottom:24px;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow:auto;box-sizing:border-box;padding:28px 24px 20px;background:var(--md-bg,#fff);color:var(--md-text,#181818);border:1px solid currentColor;box-shadow:0 6px 28px #0002;animation:interest-in .22s ease-out}
.interest-card[hidden]{display:none}
.center-management:has(#interest-card:not([hidden])) #fab{visibility:hidden;pointer-events:none}
.interest-card .interest-label{font-size:12px;margin:0 30px 18px 0}
.interest-card h2{font-size:23px;line-height:1.4;letter-spacing:-.04em;margin:0 0 18px;font-weight:400}
.interest-card>p:not(.interest-label){font-size:14px;line-height:1.7;margin-bottom:20px}
.interest-card button{font:inherit;color:inherit;background:none;cursor:pointer}
.interest-x{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;font-size:26px!important}
.interest-later{display:block;border:0;padding:12px 0;min-height:44px;font-size:13px!important;margin-top:10px}
@keyframes interest-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:600px){.interest-card{right:16px;bottom:16px;padding:24px 20px 12px;max-height:calc(100dvh - 96px)}.interest-card h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.interest-card{animation:none;transition:none}}
