.phone-viewport:has(.menu-showcase-frame){aspect-ratio:390/760}
.menu-showcase-frame{position:absolute;inset:0;border:0;transform-origin:top left;max-width:none;pointer-events:none;background:#07080c}
.menu-showcase-frame:not(.is-ready){visibility:hidden}
.phone-menu-fallback{position:absolute;inset:0;pointer-events:none}
.phone-back:has(.menu-showcase-frame){top:92px}
.hero-stage{height:620px}
.stage-note{display:none}
.motion-toggle{z-index:4;bottom:-10px}
.plan-features .plan-feature{display:block;margin:0;padding:0;border-bottom:1px solid var(--line)}
.plan-feature details{width:100%}
.plan-feature summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 0;cursor:pointer;font-size:13px;line-height:1.5}
.plan-feature summary::-webkit-details-marker{display:none}
.plan-feature summary>span:nth-child(2){flex:1}
.plan-feature .feature-state{flex:0 0 18px;text-align:center}
.plan-feature .feature-state svg{width:17px;height:17px}
.plan-feature .feature-expand{display:flex;align-items:center;justify-content:center;flex:0 0 26px;height:26px;border:1px solid #c9cec1;border-radius:50%;font-size:18px;color:var(--ink);transition:transform .2s}
.plan-feature details[open] .feature-expand{transform:rotate(45deg)}
.plan-feature details>p{font-size:12px;line-height:1.7;padding:0 0 14px 28px;color:var(--muted)}
.plan-features .plan-feature.is-unavailable{opacity:1;color:#7b8176}
.plan-feature.is-unavailable summary>span:nth-child(2){text-decoration:line-through}
.phone-front::after,.phone-back::after{pointer-events:none}
@media(max-width:540px){.hero-stage{height:530px}.phone-back:has(.menu-showcase-frame){top:110px;right:16px}.experience-preview{min-height:530px}}
@media(max-width:360px){.hero-stage{height:485px}}
@media(prefers-reduced-motion:reduce){.plan-feature .feature-expand{transition:none}}
.plan-features .plan-feature-heading{display:block;grid-column:1/-1;margin:16px 0 0;padding:14px 0 4px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.06em}
.plan-feature .mybon-ai-sparkles{position:relative;display:inline-block;width:19px;height:19px;vertical-align:middle;color:#98722d}
.plan-feature .mybon-ai-sparkles::before,.plan-feature .mybon-ai-sparkles::after{position:absolute;content:'✦';line-height:1;filter:drop-shadow(0 0 4px currentColor);animation:mybonPlanSparkle 1.8s ease-in-out infinite}
.plan-feature .mybon-ai-sparkles::before{left:0;top:3px;font-size:14px}
.plan-feature .mybon-ai-sparkles::after{content:'✧';right:0;top:0;font-size:10px;animation-delay:.62s}
.plan-feature.is-unavailable .mybon-ai-sparkles{color:#879080}
.plan-card.is-featured .plan-feature:not(.is-unavailable) .mybon-ai-sparkles{color:#e4c784}
.plan-feature.is-unavailable .mybon-ai-sparkles::before,.plan-feature.is-unavailable .mybon-ai-sparkles::after{animation:none;filter:none;opacity:.55}
@keyframes mybonPlanSparkle{0%,100%{opacity:.42;transform:scale(.82) rotate(0deg)}50%{opacity:1;transform:scale(1.16) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){.plan-feature .mybon-ai-sparkles::before,.plan-feature .mybon-ai-sparkles::after{animation:none}}