/* Pricing page, on the features page's base (features.css). */
.pr-hero{text-align:center;padding-top:clamp(1rem,4vw,3rem);padding-bottom:clamp(2rem,4vw,3rem)}
.pr-hero h1{margin:0 auto;max-width:16ch}
.pr-hero .fx-lede{margin:var(--space-6) auto var(--space-4);max-width:58ch}

.pr-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);align-items:stretch;padding-bottom:clamp(3rem,7vw,6rem)}
.pr-plan{display:flex;flex-direction:column}
.pr-plan .fx-list{flex:1;margin-bottom:var(--space-8)}
.pr-plan .fx-list li{color:var(--muted)}
.pr-plan .fx-list li:first-child{color:var(--text)}
.pr-price{display:flex;align-items:baseline;gap:.5rem;margin:.2rem 0 var(--space-4)}
.pr-amount{font-family:var(--display);font-size:3rem;font-weight:600;line-height:1;color:var(--text)}
.pr-per{font-size:var(--text-sm);color:var(--muted)}
.pr-desc{font-size:var(--text-sm);min-height:3.2em}
.pr-cta{width:100%;justify-content:center;margin:0}
.pr-fine{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-3);text-align:center}
.pr-featured{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));box-shadow:0 30px 70px -40px rgba(0,0,0,.7)}
.pr-flag{position:absolute;top:-.7rem;left:var(--space-8);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--bg);background:var(--gold);border-radius:999px;padding:.25rem .7rem}

.pr-how{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(2rem,5vw,5rem);align-items:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(3rem,6vw,5rem)}
.pr-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
.pr-facts div{padding-left:var(--space-4);border-left:2px solid var(--gold);transition:border-color .4s var(--ease),transform .4s var(--ease)}
.pr-facts div:hover{transform:translateX(3px);border-color:var(--text)}
.pr-facts dt{font-family:var(--display);font-size:1.25rem;color:var(--text);margin-bottom:.35rem}
.pr-facts dd{margin:0;font-size:var(--text-sm);color:var(--muted);line-height:1.55}

.pr-faq{padding-top:clamp(3rem,6vw,5rem)}
.pr-faq h2{margin-bottom:var(--space-8)}
.faq-list{max-width:72ch}
.faq-item{border-top:1px solid var(--line)}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;text-align:left;background:none;border:0;padding:1rem 0;font:600 1.05rem/1.3 var(--display);color:var(--text);cursor:pointer;transition:color .3s var(--ease)}
.faq-q::after{content:"+";font-family:var(--body);font-size:1.1rem;color:var(--gold);transition:transform .35s var(--ease)}
.faq-q:hover{color:var(--gold)}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.faq-a>p{overflow:hidden;margin:0;font-size:var(--text-sm);line-height:1.6;padding-bottom:0;transition:padding .45s var(--ease)}
.faq-item.open .faq-a{grid-template-rows:1fr}
.faq-item.open .faq-a>p{padding-bottom:1rem}

@media(max-width:960px){
  .pr-plans{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
  .pr-how{grid-template-columns:1fr}
  .pr-facts{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .faq-a,.faq-q::after,.pr-facts div{transition:none}
}