/* Pricing page (template-parts/page-pricing.php). Ported from the artifact's pages.css (design update 2026-11-12): plans ".pg-offer*", included table
   ".pg-incl*", highlight tiles ".pg-keep*", plan badge ".pg-plan__tab". Scoped under .gx, rem converted to px because legacy pages run under a
   fluid root font-size. Quotes, page head and CTA come from pg-common.css; FAQ from guarantee.css. Plain CSS on purpose. */
.gx .pg-pricing {position:relative;isolation:isolate;background:var(--color-bg)}
.gx .pg-plan__tab{position:absolute;left:calc(var(--border-hair) * -1);top:calc(var(--tab-h) * -1);z-index:-2;display:block;height:calc(var(--tab-h) + var(--radius-xl));padding:calc((var(--tab-h) - 1cap) / 2) var(--space-5) 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:var(--leading-snug);text-box:trim-both cap alphabetic;box-sizing:border-box;white-space:nowrap}
@keyframes pg-tab-rise{
  from{transform:translateY(calc(var(--tab-h) + var(--radius-xl) + var(--space-1)))}
  65%{transform:translateY(calc(var(--space-1) * -1))}
  to{transform:none}
}
@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.gx .pg-plan__tab:not(.is-in){transform:translateY(calc(var(--tab-h) + var(--radius-xl) + var(--space-1)))}.gx .pg-plan__tab.is-in{animation:pg-tab-rise var(--dur-flip) var(--ease-out) .6s both}}
.gx .pg-offer{padding-bottom:var(--space-16)}
.gx .pg-offer__grid{display:grid;gap:var(--space-4);max-width:960px;margin:0 auto;padding:0;list-style:none}
@media (min-width:768px){.gx .pg-offer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.gx .pg-offer__grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}
.gx .pg-offer__card{display:flex;flex-direction:column;padding:var(--space-8) var(--space-6);border:var(--border-hair) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-raised)}
@media (min-width:768px){.gx .pg-offer__card{padding:var(--space-10) var(--space-8)}}
.gx .pg-offer__card--main{border-color:var(--color-inverse-bg);background:var(--color-inverse-bg);color:var(--color-inverse-text)}
.gx .pg-offer__name{font-size:var(--text-xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-snug)}
.gx .pg-offer__desc{margin-top:var(--space-3);color:var(--color-text-subtle);max-width:var(--measure-copy)}
.gx .pg-offer__desc b{display:block;color:var(--color-text);font-weight:var(--weight-medium)}
.gx .pg-offer__card--main .pg-offer__desc{color:var(--color-inverse-muted)}
.gx .pg-offer__price{display:flex;align-items:baseline;gap:var(--space-1);margin-top:auto;padding-top:var(--space-10)}
.gx .pg-offer__amt{font-size:var(--text-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-snug)}
.gx .pg-offer__amt--text{font-size:var(--text-2xl);white-space:nowrap}
.gx .pg-offer__per{color:var(--color-text-muted)}
.gx .pg-offer__card--main .pg-offer__per{color:var(--color-inverse-muted)}
.gx .pg-offer__setup{margin-top:var(--space-1);color:var(--color-inverse-muted)}
.gx .pg-offer__btn{width:100%;margin-top:var(--space-6)}
.gx .pg-offer__card:not(.pg-offer__card--main) .pg-offer__price+.pg-offer__btn{margin-top:var(--space-6)}
.gx .pg-offer__fee{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-hair) solid var(--charcoal-700);color:var(--color-inverse-muted);font-size:var(--text-sm)}
.gx .pg-incl{padding-block:var(--space-16)}
.gx .pg-incl__inner{max-width:960px}
.gx .pg-incl__title{font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-snug)}
.gx .pg-incl__table{width:100%;margin-top:var(--space-8);border-collapse:collapse;text-align:left}
.gx .pg-incl__table thead th{padding-bottom:var(--space-3);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-mono-xs);font-weight:var(--weight-regular);letter-spacing:var(--tracking-mono);text-transform:uppercase}
.gx .pg-incl__table tbody tr{border-top:var(--border-hair) solid var(--color-border)}
.gx .pg-incl__table tbody tr:last-child{border-bottom:var(--border-hair) solid var(--color-border)}
.gx .pg-incl__table tbody th,.gx .pg-incl__table td{padding-block:var(--space-5);vertical-align:top}
.gx .pg-incl__table tbody th{font-weight:var(--weight-medium)}
.gx .pg-incl__item{display:flex;align-items:center;gap:var(--space-3)}
.gx .pg-incl__item svg{flex:none;width:var(--space-5);height:var(--space-5);color:var(--color-accent-active)}
.gx .pg-incl__table td{color:var(--color-text-subtle)}
@media (min-width:768px){.gx .pg-incl__table tbody th{width:45%;padding-right:var(--space-6)}}
@media (max-width:767.84px){.gx .pg-incl__table thead th:last-child{display:none}.gx .pg-incl__table tbody tr,.gx .pg-incl__table tbody th,.gx .pg-incl__table td{display:block}.gx .pg-incl__table tbody th{padding-bottom:var(--space-1)}.gx .pg-incl__table td{padding-top:0;padding-left:calc(var(--space-5) + var(--space-3))}}
.gx .pg-keep{display:grid;gap:var(--space-4);margin:var(--space-10) 0 0;padding:0;list-style:none}
@media (min-width:768px){.gx .pg-keep{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gx .pg-keep__item{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-6);border:var(--border-hair) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-raised);text-align:center}
.gx .pg-keep__icon{display:grid;place-items:center;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-full);background:var(--color-bg-sunken);color:var(--color-text)}
.gx .pg-keep__icon img{width:var(--space-5);height:var(--space-5)}
.gx .pg-keep__t{margin-top:var(--space-2);font-size:var(--text-lg);line-height:var(--leading-tight)}
.gx .pg-keep__d{color:var(--color-text-subtle);font-size:var(--text-sm)}
.gx .pg-keep__more{margin-top:var(--space-6);color:var(--color-text-subtle);text-align:center}
.gx .pg-offer .pg-offer__grid{--tab-h:var(--space-8);padding-top:var(--tab-h)}
.gx .pg-offer__card--main{position:relative;isolation:isolate;background:transparent;border-color:transparent}
.gx .pg-offer__card--main::before{content:"";position:absolute;inset:calc(var(--border-hair) * -1);z-index:-1;border-radius:var(--radius-xl);background:var(--color-inverse-bg)}