/* Fixed-price packages: a chrome-purple panel (matching the toolkit section) with three glass cards. */
.pr-section,.pf-section,.pf-cta{--pr-ink:#21152f;--pr-muted:#6f6479;--pr-line:#e9e0f1;--pr-ease:cubic-bezier(.22,1,.36,1);--pr-serif:'Instrument Serif',Georgia,serif;--pr-sans:Inter,-apple-system,BlinkMacSystemFont,sans-serif;--pr-head:'Fustat','Inter',sans-serif;--pr-chrome:linear-gradient(122deg,#35174e,#4e2476 53%,#26113e);position:relative;isolation:isolate;color:var(--pr-ink)}
.pr-shell{width:calc(100% - 80px);max-width:1200px;margin:0 auto}
.pr-kicker{display:flex;align-items:center;gap:10px;margin:0 0 22px;font:600 10px/1.5 var(--pr-sans);letter-spacing:1.8px;text-transform:uppercase}
.pr-kicker>span{width:22px;height:1px;background:currentColor;opacity:.6}
.pr-title{font:400 clamp(40px,4.4vw,60px)/1.03 var(--pr-head);letter-spacing:-.055em;margin:0}
.pr-title em{display:block;font:italic 400 1.1em/1 var(--pr-serif);letter-spacing:-.02em;padding:0 .06em .06em 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.pr-tick{flex:none;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%}
.pr-tick svg{width:10px;height:10px}
.pr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:100px;font:600 14px/1 var(--pr-sans);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:transform .25s var(--pr-ease),box-shadow .25s,background .25s,border-color .25s}
.pr-btn span{transition:transform .25s var(--pr-ease)}
.pr-btn:hover{transform:translateY(-1px)}
.pr-btn:hover span{transform:translateX(3px)}

/* ---------- clean section, Nera-style layout ---------- */
.pr-section{background:linear-gradient(180deg,#fbf9ff 0%,#f3ecfb 100%);padding:110px 0 100px}
.pr-head{text-align:center;max-width:820px;margin:0 auto 30px}
.pr-head .pr-kicker{justify-content:center;color:#6d4a8f}
.pr-head .pr-title{color:var(--pr-ink)}
.pr-head .pr-title em{background-image:linear-gradient(110deg,#4b1f7a,#9b5fd6 50%,#6a33a8)}
.pr-sub{font:400 16px/1.7 var(--pr-sans);color:var(--pr-muted);margin:22px auto 0;max-width:560px}
.pr-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:860px;margin:0 auto 56px;padding:0;list-style:none;border-radius:16px;background:#fff;border:1px solid var(--pr-line);box-shadow:0 18px 40px -34px #4a2a6a66}
.pr-bar li{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 16px;font:600 13px/1.3 var(--pr-sans);color:#2e2338}
.pr-bar li+li{border-left:1px solid var(--pr-line)}
.pr-bar .pr-tick{background:#7a45b5;color:#fff}

/* ---------- cards: white body, chrome-purple head ---------- */
.pr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.pr-card{--c-accent:#7a45b5;--c-soft:#f3ebfc;position:relative;display:flex;flex-direction:column;min-width:0;border-radius:26px;background:#fff;border:1px solid var(--pr-line);box-shadow:0 30px 60px -44px #3b1a6280;overflow:hidden}
.pr-card-head{position:relative;isolation:isolate;overflow:hidden;padding:30px 28px 26px;color:#fff;background:radial-gradient(80% 70% at 85% 0%,#b279f155,#0000 60%),linear-gradient(122deg,#35174e,#4e2476 53%,#26113e)}
.pr-card-head::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#c1a6e30f 1px,transparent 1px),linear-gradient(90deg,#c1a6e30f 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(160deg,#000,transparent 75%);mask-image:linear-gradient(160deg,#000,transparent 75%)}
.pr-sheen{position:absolute;z-index:-1;inset:-40% -10% auto;height:140%;background:linear-gradient(115deg,transparent 38%,#ffffff14 48%,transparent 58%);pointer-events:none}
.pr-card--starter{--c-accent:#7a45b5;--c-soft:#f3ebfc}
.pr-card--starter .pr-card-head{color:var(--pr-ink);background:radial-gradient(80% 70% at 85% 0%,#ffffffcc,#0000 60%),linear-gradient(135deg,#f4ecff,#e2d0f8 60%,#d6c0f3)}
.pr-card--starter .pr-card-head::after{background-image:linear-gradient(#7a45b512 1px,transparent 1px),linear-gradient(90deg,#7a45b512 1px,transparent 1px)}
.pr-card--starter .pr-sheen{background:linear-gradient(115deg,transparent 38%,#ffffff8c 48%,transparent 58%)}
.pr-card--full{--c-accent:#8a4fd0;--c-soft:#f2e8fc;border-color:#c9a7ec;box-shadow:0 40px 70px -40px #4e2476,0 0 0 3px #e4d1f8}
.pr-card--platform{--c-accent:#4b2f8f;--c-soft:#ece8f8}
.pr-card--platform .pr-card-head{background:radial-gradient(80% 70% at 85% 0%,#7a8cff40,#0000 60%),linear-gradient(122deg,#1c1033,#33205e 55%,#120a22)}
.pr-ribbon{position:absolute;z-index:2;top:0;right:28px;padding:8px 13px;border-radius:0 0 11px 11px;font:700 9.5px/1 var(--pr-sans);letter-spacing:1.3px;text-transform:uppercase;color:#3a1f5c;background:linear-gradient(120deg,#fff,#efe1ff);box-shadow:0 8px 18px -10px #000}
.pr-best{font:700 10px/1.45 var(--pr-sans);letter-spacing:1.4px;text-transform:uppercase;margin:0 0 12px;opacity:.75}
.pr-name-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.pr-name{font:700 28px/1.05 var(--pr-head);letter-spacing:-.045em;margin:0;color:inherit}
.pr-tag{flex:none;font:600 11px/1 var(--pr-sans);padding:8px 11px;border-radius:100px;border:1px solid #ffffff4d;background:#ffffff14;color:inherit}
.pr-card--starter .pr-tag{border-color:#7a45b540;background:#ffffff8c;color:#4b2470}
.pr-price{display:flex;align-items:baseline;gap:8px;margin:0;font:800 50px/1 var(--pr-head);letter-spacing:-.055em;color:inherit}
.pr-price-pre{font:600 15px/1 var(--pr-sans);letter-spacing:0;opacity:.75}
.pr-price-post{font:600 13px/1 var(--pr-sans);letter-spacing:0;opacity:.7}
.pr-desc{font:400 14px/1.6 var(--pr-sans);margin:14px 0 18px;opacity:.85;min-height:45px}
.pr-chip{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--pr-sans);border-radius:100px;padding:8px 12px;background:#ffffff1a;border:1px solid #ffffff2e;color:inherit}
.pr-chip i{width:6px;height:6px;border-radius:50%;background:#7fe0b4;box-shadow:0 0 0 3px #7fe0b42e}
.pr-card--starter .pr-chip{background:#fff;border-color:#e2d0f3}
.pr-card--starter .pr-chip i{background:#3a9a72;box-shadow:0 0 0 3px #3a9a7222}
.pr-card-body{display:flex;flex-direction:column;flex:1;padding:24px 28px 28px}
.pr-list-label{font:700 10.5px/1.4 var(--pr-sans);letter-spacing:1.3px;text-transform:uppercase;color:var(--c-accent);margin:0 0 4px}
.pr-list{list-style:none;margin:0 0 22px;padding:0}
.pr-list li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;font:600 14px/1.45 var(--pr-sans);color:#2e2338}
.pr-list li+li{border-top:1px solid #f1ebf6}
.pr-list .pr-tick{margin-top:1px;background:var(--c-accent);color:#fff}
.pr-card-end{margin-top:auto}
.pr-fit{margin:0 0 18px;padding:13px 15px;border-radius:12px;border-left:3px solid var(--c-accent);background:var(--c-soft);font:500 13.5px/1.5 var(--pr-sans);color:#3e2d4d}
.pr-fit span{display:block;font:700 9.5px/1.4 var(--pr-sans);letter-spacing:1.3px;text-transform:uppercase;color:var(--c-accent);margin-bottom:3px}
.pr-card .pr-btn{width:100%;color:#fff;background:linear-gradient(122deg,#35174e,#4e2476 53%,#26113e);box-shadow:0 14px 28px -16px #35174e}
.pr-card--starter .pr-btn{background:#21152f}
.pr-card--full .pr-btn{background:linear-gradient(120deg,#9a5fd6,#5e2b93);box-shadow:0 16px 30px -14px #7c45bd}
.pr-card--platform .pr-btn{background:linear-gradient(122deg,#1c1033,#33205e 55%,#120a22)}
.pr-card .pr-btn:hover{filter:brightness(1.1)}

/* ---------- included + notes ---------- */
.pr-included{margin:40px 0 0;padding:26px 28px;border-radius:22px;background:#fff;border:1px solid var(--pr-line)}
.pr-included-title{font:700 10.5px/1.4 var(--pr-sans);letter-spacing:1.4px;text-transform:uppercase;color:#7a45b5;margin:0 0 18px}
.pr-included ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.pr-included li{display:flex;align-items:flex-start;gap:12px}
.pr-inc-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(122deg,#35174e,#4e2476 53%,#26113e);box-shadow:0 8px 16px -10px #35174e}
.pr-inc-ic svg{width:17px;height:17px}
.pr-included b{display:block;font:600 13.5px/1.35 var(--pr-sans);color:var(--pr-ink);margin:1px 0 3px}
.pr-included span{font:400 12.5px/1.5 var(--pr-sans);color:var(--pr-muted)}
.pr-included a{color:#6c3aa5;text-underline-offset:3px}
.pr-help{text-align:center;font:400 16px/1.6 var(--pr-sans);color:#3e2d4d;margin:34px 0 0}
.pr-help a{color:#5b2d8c;font-weight:600;text-underline-offset:5px}
.pr-small{text-align:center;font:400 11.5px/1.6 var(--pr-sans);color:#9a8aa7;margin:8px 0 0}
.pr-section a:focus-visible{outline:2px solid #8150bd;outline-offset:4px;border-radius:10px}

/* Cards rise in as the section scrolls into view */
.pr-js .pr-card{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .9s var(--pr-ease)}
.pr-js .pr-grid.is-in .pr-card{opacity:1;transform:none}
.pr-js .pr-grid.is-in .pr-card:nth-child(2){transition-delay:.1s}
.pr-js .pr-grid.is-in .pr-card:nth-child(3){transition-delay:.2s}

@media(max-width:1060px){
  .pr-shell{width:calc(100% - 48px)}
  .pr-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .pr-desc{min-height:0}
  .pr-included ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .pr-section{padding:72px 0 64px}
  .pr-shell{width:calc(100% - 32px)}
  .pr-title{font-size:42px}
  .pr-sub{font-size:15px}
  .pr-bar{grid-template-columns:1fr;margin-bottom:36px}
  .pr-bar li{justify-content:flex-start}
  .pr-bar li+li{border-left:0;border-top:1px solid var(--pr-line)}
  .pr-card-head{padding:26px 22px 22px}
  .pr-card--full .pr-card-head{padding-top:40px}
  .pr-card-body{padding:20px 22px 24px}
  .pr-price{font-size:46px}
  .pr-included{padding:22px 20px}
  .pr-included ul{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .pr-js .pr-card{opacity:1!important;transform:none!important;transition:none!important}
  .pr-btn,.pr-btn span{transition:none}
}

/* ---------- /pricing page ---------- */
.pf-section{padding:96px 0 40px;background:#f9f7fc}
.pf-grid{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:56px;max-width:1080px;margin:0 auto}
.pf-grid .pr-kicker{color:#6d4a8f}
.pf-grid .pr-title{font-size:clamp(34px,3.6vw,48px);color:var(--pr-ink)}
.pf-grid .pr-title em{background-image:linear-gradient(110deg,#5f2797,#9b5fd6 55%,#7d43bb)}
.pf-list{border-top:1px solid var(--pr-line)}
.pf-list details{border-bottom:1px solid var(--pr-line);padding:22px 0}
.pf-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;font:600 17px/1.4 var(--pr-head);letter-spacing:-.02em;color:#21152f}
.pf-list summary::-webkit-details-marker{display:none}
.pf-list summary::after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #e3d6ef;color:#7a45b5;font:400 20px/1 Inter,sans-serif;transition:transform .25s}
.pf-list details[open] summary::after{transform:rotate(45deg);background:#7a45b5;color:#fff;border-color:#7a45b5}
.pf-list details p{font:400 14.5px/1.75 Inter,sans-serif;color:#6f6479;margin:14px 0 0;max-width:62ch}
.pf-cta{padding:40px 0 110px;background:#f9f7fc}
.pf-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 40px;border-radius:28px;border:1px solid #9c78bf;background:var(--pr-chrome);box-shadow:0 40px 80px -46px #5a2aa0}
.pf-cta h2{font:600 clamp(26px,2.6vw,36px)/1.1 var(--pr-head);letter-spacing:-.045em;color:#fff;margin:0 0 8px}
.pf-cta p{font:400 14.5px/1.6 Inter,sans-serif;color:#d8c8ea;margin:0}
.pf-cta .pr-btn{background:#fff;color:#3a1f5c}
@media(max-width:860px){.pf-grid{grid-template-columns:1fr;gap:28px}.pf-cta-inner{flex-direction:column;align-items:flex-start;padding:28px 22px}.pf-cta .pr-btn{width:100%}}
@media(max-width:760px){.pf-section{padding:64px 0 24px}.pf-list summary{font-size:15.5px}.pf-cta{padding:24px 0 80px}}

/* Inner-page heading resets (appro-theme.css) would flatten these headings on /pricing. */
main.pr-page .pr-title{font:400 clamp(40px,4.4vw,60px)/1.03 var(--pr-head);letter-spacing:-.055em;color:var(--pr-ink)}
main.pr-page .pf-grid .pr-title{font-size:clamp(34px,3.6vw,48px);color:var(--pr-ink)}
main.pr-page .pr-title em{display:block;font:italic 400 1.1em/1 var(--pr-serif);letter-spacing:-.02em;padding:0 .06em .06em 0;background-image:linear-gradient(110deg,#4b1f7a,#9b5fd6 50%,#6a33a8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
main.pr-page .pf-grid .pr-title em{background-image:linear-gradient(110deg,#5f2797,#9b5fd6 55%,#7d43bb)}
main.pr-page .pr-name{font:700 28px/1.05 var(--pr-head);letter-spacing:-.045em;color:inherit}
main.pr-page .pf-cta h2{font:600 clamp(26px,2.6vw,36px)/1.1 var(--pr-head);letter-spacing:-.045em;color:#fff;-webkit-text-fill-color:#fff;background:none}
@media(max-width:760px){main.pr-page .pr-title{font-size:42px}}

/* Beat the legacy #pricing reset in styles.css. */
section#pricing.pr-section{padding:110px 0 100px}
main.pr-page section#pricing.pr-section{padding-top:150px}
@media(max-width:760px){section#pricing.pr-section{padding:72px 0 64px}main.pr-page section#pricing.pr-section{padding-top:110px}}