/* Pricing cards: used by the website embed (inlined), the pricing page,
   the plan screen and the upgrade layer. Self-contained on purpose: the
   embed lands inside WordPress, so everything is scoped to .ami-pricing and
   falls back to fixed values when the theme variables are absent. */
.ami-pricing{--pr-ink:var(--ink,#0b0c0f);--pr-muted:var(--muted,#6b7180);--pr-border:var(--border,#e6e8ee);--pr-card:var(--card,#fff);--pr-panel:var(--panel,#f6f7f9);--pr-grad:var(--grad,linear-gradient(90deg,#2772F9,#FF2585));font-family:var(--font,'Figtree',system-ui,sans-serif);color:var(--pr-ink);box-sizing:border-box}
.ami-pricing *,.ami-pricing *::before,.ami-pricing *::after{box-sizing:inherit}
.ami-pr-radio{position:absolute;opacity:0;pointer-events:none}
.ami-pr-toggle{display:flex;width:max-content;margin:0 auto 28px;padding:3px;border-radius:8px;background:var(--pr-panel);border:1px solid var(--pr-border)}
.ami-pr-toggle label{padding:7px 18px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;color:var(--pr-ink)}
.ami-pr-radio:nth-of-type(1):checked~.ami-pr-toggle label:nth-child(1),.ami-pr-radio:nth-of-type(2):checked~.ami-pr-toggle label:nth-child(2){background:#0b0c0f;color:#fff}
.ami-pr-radio:nth-of-type(1):checked~.ami-pr-group--managed{display:none}
.ami-pr-radio:nth-of-type(2):checked~.ami-pr-group--self_serve{display:none}
.ami-pr-radio:focus-visible~.ami-pr-toggle{outline:2px solid #2772F9;outline-offset:2px}
.ami-pr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px}
.ami-pr-card{position:relative;display:flex;flex-direction:column;padding:22px 20px;border:1px solid var(--pr-border);border-radius:14px;background:var(--pr-card)}
.ami-pr-card.is-current{border:2px solid transparent;background:linear-gradient(var(--pr-card),var(--pr-card)) padding-box,var(--pr-grad) border-box}
.ami-pr-badge{position:absolute;top:-11px;left:18px;padding:3px 10px;border-radius:999px;background:var(--pr-grad);color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em}
.ami-pr-name{margin:0 0 4px;font-size:19px;font-weight:800}
.ami-pr-who{margin:0 0 14px;color:var(--pr-muted);font-size:13.5px;line-height:1.4;min-height:38px}
.ami-pr-price{margin:0 0 2px}
.ami-pr-amount{font-size:30px;font-weight:800;letter-spacing:-.02em}
.ami-pr-per{color:var(--pr-ink);font-size:14px;font-weight:700}
.ami-pr-annual{margin:0;color:var(--pr-muted);font-size:12px}
.ami-pr-nums{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--pr-border);font-size:13px;color:var(--pr-muted)}
.ami-pr-nums li{margin:0 0 4px}.ami-pr-nums b{color:var(--pr-ink)}
.ami-pr-intro{margin:16px 0 6px;padding-top:14px;border-top:1px solid var(--pr-border);font-weight:700;font-size:13px}
.ami-pr-lines{list-style:none;margin:8px 0 0;padding:0;font-size:13.5px;line-height:1.35;flex:1}
.ami-pr-lines li{display:flex;gap:8px;margin:0 0 8px}
.ami-pr-lines svg{flex:none;margin-top:1px;color:var(--pr-ink)}
.ami-pr-pack{margin:10px 0 0;font-size:12px;color:var(--pr-muted)}
.ami-pr-cta{margin-top:16px}
.ami-pr-btn{display:block;width:100%;padding:11px 14px;border:0;border-radius:8px;background:var(--pr-ink);color:var(--pr-card);font:700 14px/1.2 inherit;font-family:inherit;text-align:center;text-decoration:none;cursor:pointer}
.ami-pr-btn--ghost{background:transparent;color:var(--pr-ink);box-shadow:inset 0 0 0 1.5px var(--pr-ink)}
.ami-pr-btn.is-disabled{background:var(--pr-panel);color:var(--pr-muted);box-shadow:none;cursor:default}
.ami-pr-foot{margin:10px 0 0;text-align:center;font-size:12.5px}
.ami-pr-foot label{color:var(--pr-muted);text-decoration:underline;cursor:pointer}
.ami-pr-addons{margin-top:32px}
.ami-pr-addons h3{margin:0 0 12px;font-size:17px}
.ami-pr-addon-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ami-pr-addon{padding:16px 18px;border:1px solid var(--pr-border);border-radius:14px;background:var(--pr-card)}
.ami-pr-addon h4{margin:0 0 6px;font-size:15px}
.ami-pr-addon p{margin:0 0 6px;font-size:13px;color:var(--pr-muted);line-height:1.4}
.ami-pr-addon-price b{color:var(--pr-ink)}
.ami-pr-soon{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--pr-panel);font-size:12px;font-weight:600;color:var(--pr-muted)}
.ami-pricing--upgrade .ami-pr-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.ami-pricing--upgrade .ami-pr-who{min-height:0}
@media (max-width:640px){.ami-pr-cards{grid-template-columns:1fr}.ami-pr-who{min-height:0}}
/* hover: the tile lifts and the Ami gradient glows behind it (as on meetami.ai/pricing).
   `top`, not transform, so the glow stays BEHIND the card (a transform would put it in front). */
.ami-pr-card{top:0;transition:top .25s ease,border-color .25s ease}
.ami-pr-card::after{content:"";position:absolute;inset:-.1em;z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(to bottom right,#FF2585,#0455DA);filter:blur(.5em);transition:opacity .3s ease-in-out}
.ami-pr-card:hover{top:-6px;border-color:transparent}
.ami-pr-card:hover::after{opacity:1}
@media (prefers-reduced-motion:reduce){.ami-pr-card,.ami-pr-card::after{transition:none}.ami-pr-card:hover{top:0}}
.ami-pr-cards{isolation:isolate}   /* keeps the hover glow behind the tiles wherever they sit (page, layer, website) */
/* Buttons: the light Ami touch on hover and keyboard focus (as on the dashboard's
   selected menu item). Outline buttons ("Book a call", "Get started free") fill
   with the soft gradient and their outline turns into the brand gradient;
   solid buttons ("Start with Starter") keep their colours and gain a soft blue
   to pink glow and a 1px lift. Pseudo-elements fade, since gradients can't. */
.ami-pricing{--pr-grad-soft:var(--grad-soft,linear-gradient(90deg,rgba(39,114,249,.10),rgba(255,37,133,.10)))}
.ami-pr-btn{position:relative;isolation:isolate;transition:box-shadow .16s ease,transform .16s ease}
.ami-pr-btn--ghost::before,.ami-pr-btn--ghost::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .16s ease}
.ami-pr-btn--ghost::before{padding:1.5px;background:var(--pr-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.ami-pr-btn--ghost::after{z-index:-1;background:var(--pr-grad-soft)}
.ami-pr-btn--ghost:not(.is-disabled):hover::before,.ami-pr-btn--ghost:not(.is-disabled):hover::after,
.ami-pr-btn--ghost:not(.is-disabled):focus-visible::before,.ami-pr-btn--ghost:not(.is-disabled):focus-visible::after{opacity:1}
.ami-pr-btn:not(.ami-pr-btn--ghost):not(.is-disabled):hover,.ami-pr-btn:not(.ami-pr-btn--ghost):not(.is-disabled):focus-visible{
  box-shadow:0 0 0 1px rgba(39,114,249,.10),-5px 4px 16px -4px rgba(39,114,249,.45),5px 6px 18px -4px rgba(255,37,133,.38);transform:translateY(-1px)}
.ami-pr-btn:not(.is-disabled):focus-visible{outline:2px solid #2772F9;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.ami-pr-btn,.ami-pr-btn--ghost::before,.ami-pr-btn--ghost::after{transition:none}.ami-pr-btn:not(.ami-pr-btn--ghost):not(.is-disabled):hover,.ami-pr-btn:not(.ami-pr-btn--ghost):not(.is-disabled):focus-visible{transform:none}}
/* £ / € / $: radios first in .ami-pricing; every price is in the page in each currency and CSS shows the one picked */
.ami-pr-cur{position:absolute;opacity:0;pointer-events:none}
.ami-pr-cur--GBP:checked~.ami-pr-group [data-cur]:not([data-cur="GBP"]),
.ami-pr-cur--EUR:checked~.ami-pr-group [data-cur]:not([data-cur="EUR"]),
.ami-pr-cur--USD:checked~.ami-pr-group [data-cur]:not([data-cur="USD"]){display:none}
.ami-pr-curbar{display:flex;justify-content:flex-end;align-items:center;min-height:30px;margin:0 0 10px}
.ami-pr-curs{display:flex;padding:2px;border-radius:8px;background:var(--pr-panel);border:1px solid var(--pr-border)}
.ami-pr-curs label{min-width:30px;padding:4px 9px;border-radius:6px;font-weight:700;font-size:13px;line-height:1.2;text-align:center;cursor:pointer;color:var(--pr-muted)}
.ami-pr-curs label:hover{color:var(--pr-ink)}
.ami-pr-cur--GBP:checked~.ami-pr-group label[data-for-cur="GBP"],.ami-pr-cur--EUR:checked~.ami-pr-group label[data-for-cur="EUR"],.ami-pr-cur--USD:checked~.ami-pr-group label[data-for-cur="USD"]{background:#0b0c0f;color:#fff}
.ami-pr-cur:focus-visible~.ami-pr-group .ami-pr-curs{outline:2px solid #2772F9;outline-offset:2px}
.ami-pr-curlock{margin:0;font-size:12.5px;color:var(--pr-muted)}
/* add-ons: a button each; signed out or on Free it opens a small popup (the popover attribute: no script needed) */
.ami-pr-addon{display:flex;flex-direction:column}
.ami-pr-addon-plans{flex:1}
.ami-pr-addon .ami-pr-btn{margin-top:8px}
.ami-pr-btn--sm{padding:8px 12px;font-size:13px}
.ami-pr-pop{position:fixed;inset:0;margin:auto;width:min(380px,calc(100% - 32px));height:fit-content;max-height:calc(100% - 32px);overflow:auto;padding:22px 22px 20px;
  border:1px solid var(--pr-border);border-radius:14px;background:var(--pr-card);color:var(--pr-ink);box-shadow:0 24px 64px rgba(16,24,40,.22);font-family:var(--font,'Figtree',system-ui,sans-serif)}
.ami-pr-pop::backdrop{background:rgba(11,12,15,.35)}
.ami-pr-pop h4{margin:0 28px 8px 0;font-size:17px}
.ami-pr-pop p{margin:0 0 16px;font-size:14px;line-height:1.45;color:var(--pr-muted)}
.ami-pr-pop p b{color:var(--pr-ink)}
.ami-pr-pop-btns{display:flex;gap:10px}
.ami-pr-pop-btns .ami-pr-btn{flex:1;margin:0}
.ami-pr-pop-x{position:absolute;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--pr-panel);color:var(--pr-ink);cursor:pointer}
@media (max-width:420px){.ami-pr-pop-btns{flex-direction:column}}