/* Adapted from UI Vault's pricing-001; selectors are isolated to MIRA's Pricing section. */
.mira-pricing{--pricing-ink:var(--ui-deep);--pricing-muted:var(--ui-muted);--pricing-soft:var(--ui-soft);--pricing-ease:cubic-bezier(.22,1,.36,1);position:relative;padding:clamp(96px,12vw,164px) 40px;background:var(--ui-bg);color:var(--pricing-ink);scroll-margin-top:96px}
.mira-pricing__inner{width:min(1680px,100%);margin:auto}.mira-pricing .pricing__header{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.mira-pricing .pricing__intro{max-width:840px}.mira-pricing .pricing__intro h2{max-width:840px;margin:0;font-size:clamp(52px,6vw,102px);letter-spacing:-.07em;line-height:.96}.mira-pricing .pricing__intro>p:last-child{max-width:620px;margin:28px 0 0;color:var(--pricing-muted);font-size:17px;line-height:1.55}.mira-pricing .pricing__selector-wrapper{display:flex;justify-content:flex-end;margin:54px 0 20px}.mira-pricing .plan-selector{position:relative;display:grid;width:310px;grid-template-columns:repeat(3,1fr);padding:5px;border-radius:999px;background:var(--pricing-soft);isolation:isolate}.mira-pricing .plan-selector__indicator{position:absolute;z-index:-1;top:5px;left:5px;width:calc((100% - 10px)/3);height:calc(100% - 10px);border-radius:999px;background:var(--pricing-ink);transition:transform 450ms var(--pricing-ease)}.mira-pricing .plan-selector__button{position:relative;min-height:40px;font-size:var(--fs-ui);padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--ui-muted);cursor:pointer;transition:color 260ms ease}.mira-pricing .plan-selector__button:hover{color:var(--ui-text)}.mira-pricing .plan-selector__button.is-active{color:var(--ui-bg)}.mira-pricing .plan-selector__button:focus-visible,.mira-pricing .pricing-card__cta:focus-visible{outline:2px solid var(--ui-primary);outline-offset:3px}
.mira-pricing .pricing-card{display:grid;min-height:470px;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:20px;background:var(--pricing-ink);box-shadow:0 30px 80px rgba(var(--ui-text-rgb), .08);transition:opacity 160ms var(--pricing-ease),transform 160ms var(--pricing-ease)}.mira-pricing .pricing-card.plan-content-changing{opacity:.56;transform:translateY(5px)}.mira-pricing .pricing-card__left{display:flex;flex-direction:column;justify-content:space-between;margin:5px;padding:28px 28px 22px;border-radius:15px;background:var(--ui-bg)}.mira-pricing .pricing-card__top{display:flex;align-items:center;justify-content:space-between;gap:20px}.mira-pricing .pricing-card__type{font-size: var(--fs-body)}.mira-pricing .pricing-card__brand{width:58px;color:var(--ui-muted)}.mira-pricing .pricing-card__price{display:flex;align-items:flex-end;gap:9px;margin-top:26px}.mira-pricing .pricing-card__amount{font-size:clamp(48px,4vw,62px);letter-spacing:-.06em;line-height:1}.mira-pricing .pricing-card__period{margin-bottom:5px;color:var(--ui-muted);font-size: var(--fs-ui);font-weight:700;letter-spacing:.04em}.mira-pricing .pricing-card__description{max-width:650px;margin:20px 0 0;color:var(--ui-muted);font-size: var(--fs-ui);line-height:1.55}.mira-pricing .pricing-card__meta{display:flex;align-items:center;gap:9px;color:var(--ui-muted);font-size: var(--fs-small)}.mira-pricing .pricing-card__meta-icon{display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:var(--ui-muted);color:var(--ui-bg);font-size:12px}.mira-pricing .pricing-card__right{display:flex;flex-direction:column;justify-content:space-between;padding:32px 34px 25px;color:var(--ui-bg);background:var(--ui-deep)}.mira-pricing .pricing-card__label{margin:0 0 18px;color:var(--ui-muted);font-size: var(--fs-label);font-weight:700;letter-spacing:.1em}.mira-pricing .feature-list{display:grid;gap:16px;margin:0;padding:0;list-style:none}.mira-pricing .feature-list li{display:flex;align-items:center;gap:11px;color:var(--ui-bg);font-size: var(--fs-ui);animation:pricing-feature-appear 450ms var(--pricing-ease) both}.mira-pricing .feature-list li::before{content:'✦';color:var(--ui-soft);font-size:11px}.mira-pricing .pricing-card__footer{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:32px}.mira-pricing .pricing-card__delivery{display:grid;gap:6px;color:var(--ui-muted);font-size: var(--fs-label)}.mira-pricing .pricing-card__delivery strong{color:var(--ui-bg);font-size: var(--fs-small)}.mira-pricing .pricing-card__cta{display:inline-flex;align-items:center;gap:24px;min-height:50px;padding:0 11px 0 19px;border:1px solid var(--ui-bg);border-radius:8px;background:var(--ui-bg);color:var(--ui-text);font-size: var(--fs-small);font-weight:700;text-decoration:none;transition:transform 420ms var(--pricing-ease),box-shadow 420ms var(--pricing-ease)}/* Hover stays in the button's own two colours: it lifts, and the + fills in
   the text colour and turns a quarter. */
.mira-pricing .pricing-card__cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(var(--ui-shadow-rgb),.22)}.mira-pricing .pricing-card__cta-icon{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(var(--ui-text-rgb),.18);border-radius:999px;font-size:20px;font-weight:400;line-height:1;transition:background-color 280ms ease,border-color 280ms ease,color 280ms ease,transform 420ms var(--pricing-ease)}.mira-pricing .pricing-card__cta:hover .pricing-card__cta-icon{border-color:var(--ui-text);background:var(--ui-text);color:var(--ui-bg);transform:rotate(90deg)}@keyframes pricing-feature-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}

@media (max-width: 1023.98px){.mira-pricing{padding:96px 24px}.mira-pricing .pricing-card{grid-template-columns:1fr}.mira-pricing .pricing-card__right{min-height:390px}}
@media (max-width: 479.98px){.mira-pricing{padding:78px 18px 140px}.mira-pricing .pricing__header{display:block}.mira-pricing .pricing__intro h2{font-size:clamp(44px,13vw,66px)}.mira-pricing .pricing__intro>p:last-child{font-size: var(--fs-ui)}.mira-pricing .pricing__selector-wrapper{justify-content:flex-start;margin-top:35px}.mira-pricing .plan-selector{width:100%}.mira-pricing .pricing-card__left{padding:22px 20px 19px}.mira-pricing .pricing-card__right{min-height:0;padding:27px 22px 22px}.mira-pricing .pricing-card__footer{align-items:stretch;flex-direction:column}.mira-pricing .pricing-card__cta{justify-content:space-between}.mira-pricing .pricing-card__meta{margin-top:48px}.mira-pricing .feature-list{gap:13px}}
@media (min-width: 1024px){.mira-pricing{padding:clamp(86px,10.8vw,148px) 36px}.mira-pricing .pricing__intro h2{font-size:clamp(47px,5.4vw,92px)}.mira-pricing .pricing__selector-wrapper{margin-top:49px}.mira-pricing .plan-selector{width:279px}.mira-pricing .pricing-card{min-height:423px}.mira-pricing .pricing-card__left{padding:25px 25px 20px}.mira-pricing .pricing-card__right{padding:29px 31px 23px}.mira-pricing .pricing-card__amount{font-size:clamp(43px,3.6vw,56px)}}
@media(prefers-reduced-motion:reduce){.mira-pricing .pricing-card,.mira-pricing .plan-selector__indicator,.mira-pricing .pricing-card__cta,.mira-pricing .feature-list li{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Commercial Impact 16 type pairing: display hierarchy plus readable UI copy. */
.mira-pricing{font-family:var(--font-body)}.mira-pricing .pricing__intro h2,.mira-pricing .pricing-card__amount{font-family:var(--font-display);font-weight:800}.mira-pricing .pricing-card__type{font-family:var(--font-display);font-weight:800}
/* Plan selector, light theme: no fill behind the options, a 1px solid rim in
   the same --ui-soft; the selected pill (indicator) is unchanged. */
.mira-pricing .plan-selector{background:transparent;border:1px solid var(--pricing-soft)}
:root[data-theme='dark'] .mira-pricing .plan-selector{background:var(--pricing-soft);border:0}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']):not([data-theme='dark']) .mira-pricing .plan-selector{background:var(--pricing-soft);border:0}}
/* Card, light theme: the right half is dark, so its small labels are light
   ink at 64%, not --ui-muted (which is tuned for light surfaces). */
.mira-pricing .pricing-card__label,.mira-pricing .pricing-card__delivery{color:rgba(var(--ui-bg-rgb),.64)}
/* Card, dark theme: the right half stays a raised panel (--ui-gray-100)
   instead of flipping to a white block, the frame is --ui-soft and the CTA
   becomes the light button, like the rest of the dark page. */
:root[data-theme='dark'] .mira-pricing .pricing-card{background:var(--ui-soft)}:root[data-theme='dark'] .mira-pricing .pricing-card__right{background:var(--ui-gray-100);color:var(--ui-text)}:root[data-theme='dark'] .mira-pricing .feature-list li,:root[data-theme='dark'] .mira-pricing .pricing-card__delivery strong{color:var(--ui-text)}:root[data-theme='dark'] .mira-pricing .feature-list li::before{color:var(--ui-account-1)}:root[data-theme='dark'] .mira-pricing .pricing-card__cta{border-color:var(--ui-deep);background:var(--ui-deep);color:var(--ui-bg)}:root[data-theme='dark'] .mira-pricing .pricing-card__cta-icon{border-color:rgba(var(--ui-bg-rgb),.2)}:root[data-theme='dark'] .mira-pricing .pricing-card__cta:hover .pricing-card__cta-icon{border-color:var(--ui-bg);background:var(--ui-bg);color:var(--ui-deep)}:root[data-theme='dark'] .mira-pricing .pricing-card__label,:root[data-theme='dark'] .mira-pricing .pricing-card__delivery{color:var(--ui-muted)}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']):not([data-theme='dark']) .mira-pricing .pricing-card{background:var(--ui-soft)}:root:not([data-theme='light']):not([data-theme='dark']) .mira-pricing .pricing-card__right{background:var(--ui-gray-100);color:var(--ui-text)}:root:not([data-theme='light']):not([data-theme='dark']) .mira-pricing .feature-list li,:root:not([data-theme='light']):not([data-theme='dark']) .mira-pricing .pricing-card__delivery strong{color:var(--ui-text)}:root:not([data-theme='light']):not([data-theme='dark']) .mira-pricing .feature-list li::before{color:var(--ui-account-1)}:root:not([data-theme='light']):not([data-theme='dark']) .mira-pricing .pricing-card__cta{border-color:var(--ui-deep);background:var(--ui-deep);color:var(--ui-bg)}:root:not([data-theme='light']):not([data-theme='dark']) .mira-pricing .pricing-card__cta-icon{border-color:rgba(var(--ui-bg-rgb),.2)}:root:not([data-theme='light']):not([data-theme='dark']) .mira-pricing .pricing-card__cta:hover .pricing-card__cta-icon{border-color:var(--ui-bg);background:var(--ui-bg);color:var(--ui-deep)}:root:not([data-theme='light']):not([data-theme='dark']) .mira-pricing .pricing-card__label,:root:not([data-theme='light']):not([data-theme='dark']) .mira-pricing .pricing-card__delivery{color:var(--ui-muted)}}