/* ============================================================
   Pricing — VERBATIM copy of the <style> block in the export's
   ui_kits/pricing/index.html (lines 22-118). Do not hand-edit:
   keep it diffable against a future export.
   ============================================================ */
html,body{margin:0;padding:0}
a{color:#5939F5}a:hover{color:#4527d4}
/* ============ Pricing page (spec rebuild) ============ */
.pr-page a{text-decoration:none}
/* Section 1 — hero */
.pr-hero{background:#FFFFFF;padding:160px 0 80px}
.pr-hero__inner{max-width:926px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.pr-hero__h1{margin:0;font-family:var(--font-display);font-weight:600;font-size:60px;line-height:0.9;letter-spacing:-2.4px;color:#050E1E}
.pr-hero__body{margin:0;max-width:760px;font-family:var(--font-body);font-weight:500;font-size:20px;line-height:1.4;letter-spacing:-0.4px;color:#050E1E;text-wrap:pretty}
/* Section 2 — social proof: reviews + logo trust strip is now the SHARED
   FAChrome.TrustStrip component (.fa-tstrip* in site/site.css). */
/* Section 3 — tiers (navy) + Section 4 — vCFO band */
.pr-tiers{background:#050E1E;padding:120px 0}
.pr-tiers__inner{display:flex;flex-direction:column;gap:120px}
.pr-tiers__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto 1fr auto;column-gap:20px;row-gap:0;align-items:stretch}
.pr-tier{position:relative;background:#FFFFFF;padding:80px 32px;display:grid;grid-template-rows:subgrid;grid-row:1 / span 4;row-gap:40px;text-align:left}
.pr-tier__ribbon{position:absolute;top:0;left:0;width:100%;background:#EC97D8;padding:12px 0;text-align:center;font-family:var(--font-body);font-weight:600;font-size:14px;line-height:1.4;letter-spacing:-0.28px;color:#000000}
.pr-tier__titleblock{display:flex;flex-direction:column;gap:24px}
.pr-tier__name{margin:0;font-family:var(--font-display);font-weight:600;font-size:32px;line-height:0.9;letter-spacing:-0.96px;color:#050E1E}
.pr-tier__nametag{display:block;margin-top:8px;font-family:var(--font-body);font-weight:600;font-size:12px;letter-spacing:-0.12px;color:#5939F5}
.pr-tier__price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pr-tier__price-amt{font-family:var(--font-display);font-weight:600;font-size:24px;line-height:0.9;letter-spacing:-0.72px;color:#050E1E}
.pr-tier__price-per{font-family:var(--font-display);font-weight:600;font-size:14px;line-height:0.9;letter-spacing:-0.42px;color:#050E1E}
.pr-tier__desc{margin:0;font-family:var(--font-body);font-weight:500;font-size:16px;line-height:1.4;letter-spacing:-0.32px;color:#050E1E}
.pr-tier__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.pr-tier__features li{display:flex;gap:20px;align-items:flex-start}
.pr-tier__feattext{font-family:var(--font-body);font-weight:500;font-size:16px;line-height:1.4;letter-spacing:-0.32px;color:#050E1E}
.pr-tier__foot{margin:0;font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:-0.14px;color:#050E1E}
.pr-check{width:20px;height:20px;flex-shrink:0;margin-top:2px;background:#F2F2F2;border-radius:4px;display:flex;align-items:center;justify-content:center}
.pr-check svg{width:70%;height:70%;display:block}
.pr-ph{color:#5939F5}
.pr-tier__featwrap{display:flex;flex-direction:column;gap:12px}
.pr-tier__demo{margin:0;font-family:var(--font-body);font-weight:500;font-size:12px;letter-spacing:-0.12px;color:#5939F5}
.pr-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 20px;border:0;border-radius:0;font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1;letter-spacing:-0.18px;text-decoration:none;cursor:pointer;transition:none}
.pr-btn--purple{background:#5939F5;color:#FFFFFF}
.pr-btn--purple.pr-btn--onlight:hover{background:#50DDA4;color:#050E1E}
.pr-btn--purple.pr-btn--ondark:hover{background:#FBEB4F;color:#050E1E}
.pr-btn--green{background:#50DDA4;color:#050E1E}
.pr-btn--green:hover{background:#3ec994;color:#050E1E}
.pr-tier .pr-btn{align-self:stretch}
/* Final-CTA button on the pricing page only: keep default colour, standard size, dark-bg hover (→ yellow) */
.pr-page .fa-finalcta__btn{transition:none !important}
.pr-page .fa-finalcta__btn:hover{background:#FBEB4F !important;color:#050E1E !important;opacity:1 !important}
.pr-vcfo{background:#FFFFFF;padding:0 60px 0 0;display:grid;grid-template-columns:460px 1fr;gap:80px;align-items:center;position:relative}
.pr-vcfo__illo{width:460px;height:460px;overflow:hidden;position:relative}
.pr-vcfo__illo-inner{position:absolute;left:-53px;top:37px;width:565px;height:565px;overflow:hidden}
.pr-vcfo__illo-inner img{width:565px;height:565px;object-fit:contain;display:block}
.pr-vcfo__text{display:flex;flex-direction:column;align-items:flex-start}
.pr-vcfo__head{display:flex;flex-direction:column;gap:21px;align-items:flex-start}
.pr-vcfo__eyebrow{font-family:var(--font-display);font-weight:600;font-size:16px;line-height:0.9;letter-spacing:-0.48px;color:#050E1E}
.pr-vcfo__h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:40px;line-height:0.9;letter-spacing:-1.2px;color:#050E1E}
.pr-vcfo__body{margin:0;font-family:var(--font-body);font-weight:500;font-size:16px;line-height:1.4;letter-spacing:-0.32px;color:#050E1E}
.pr-vcfo__btn{margin-top:12px}
.pr-vcfo__foot{margin:20px 0 0;font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:-0.14px;color:#050E1E}
/* Section 5 — what you get */
.pr-wyg{background:#FFFFFF;padding:120px 0}
.pr-wyg__wrap{display:flex;flex-direction:column;gap:60px}
.pr-wyg__h2{margin:0 auto;max-width:926px;text-align:center;font-family:var(--font-display);font-weight:600;font-size:40px;line-height:0.9;letter-spacing:-1.2px;color:#050E1E}
.pr-wyg__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
.pr-wyg__card{background:#F6F6F6;padding:24px;display:flex;flex-direction:column;gap:24px;text-align:left}
.pr-wyg__icon{width:60px;height:60px;flex-shrink:0;display:block}
.pr-wyg__icon img{width:100%;height:100%;display:block;object-fit:contain}
.pr-wyg__cardh{margin:0;font-family:var(--font-display);font-weight:600;font-size:16px;line-height:1.2;letter-spacing:-0.16px;color:#000000}
/* Section 6 — FAQ */
.pr-faq{background:#FFFFFF;padding:0 0 80px}
.pr-faq__grid{display:grid;grid-template-columns:335px 1fr;gap:138px;align-items:start}
.pr-faq__left{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.pr-faq__h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:32px;line-height:1;letter-spacing:-0.32px;color:#050E1E}
.pr-faq__sub{margin:0;font-family:var(--font-body);font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-0.32px;color:#050E1E}
.pr-faq .as-faq__q span{font-size:18px}
.pr-faq .as-faq__tri{transition:transform 220ms var(--ease-standard),fill 220ms var(--ease-standard),color 220ms var(--ease-standard)}
.pr-faq .as-faq__item.is-open .as-faq__tri{color:#FE5322}
/* Responsive */
@media (max-width:1199px){
  /* Reserve the fixed header height as well as the visible hero spacing. */
  .pr-hero{padding:calc(var(--header-height, 80px) + 64px) 0 64px}
  .pr-hero__h1{font-size:56px;letter-spacing:-1.6px}
  .pr-wyg{padding:80px 0}
  .pr-wyg__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:999px){
  .pr-tiers{padding:80px 0}
  .pr-tiers__inner{gap:80px}
  .pr-tiers__grid{grid-template-columns:1fr;grid-template-rows:none;row-gap:20px}
  .pr-tier{display:flex;flex-direction:column;grid-row:auto;gap:40px}
  .pr-tier--growth{order:-1}
  .pr-vcfo{grid-template-columns:1fr;padding:40px;gap:32px}
  .pr-vcfo__illo{width:min(460px,100%);height:auto;aspect-ratio:1/1;margin:0 auto}
  .pr-faq__grid{grid-template-columns:1fr;gap:32px}
}
@media (max-width:599px){
  .pr-hero__h1{font-size:40px;letter-spacing:-1.2px}
  .pr-tiers{padding:60px 0}
  .pr-wyg{padding:60px 0}
  .pr-faq{padding:0 0 60px}
  .pr-wyg__grid{grid-template-columns:1fr}
  .pr-vcfo__illo{width:min(360px,100%);margin:0 auto}
}