.pricing-intro{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
}
.pricing-intro h1{margin-block:22px 24px}
.pricing-intro-copy>p{max-width:42em;color:var(--muted);font-size:var(--text-lg)}
.pricing-entry{
  padding-left:32px;
  border-left:1px solid var(--border);
}
.pricing-entry p{margin-block:20px 24px;color:var(--muted)}
.pricing-overview{padding-top:8px;padding-bottom:24px}
.pricing-table-note{
  margin-top:20px;
  max-width:76ch;
  color:var(--muted);
  font-size:var(--text-sm);
}
.pricing-panel-heading{margin-block:28px 24px;max-width:76ch}
.pricing-panel-heading p{margin-top:12px;color:var(--muted)}
.pricing-desk .plan-card>.badge{margin-bottom:18px}
.pricing-plan-copy{margin-top:4px;color:var(--muted)}
.pricing-plan-limit{
  padding-top:18px;
  margin-bottom:26px;
  border-top:1px solid var(--border-soft);
  color:var(--muted);
  font-size:var(--text-sm);
}
.pricing-inclusions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 40px;
  margin:0;
}
.pricing-inclusions>div{
  min-width:0;
  padding-block:24px;
  border-top:1px solid var(--border);
}
.pricing-inclusions dt{font-weight:750;color:var(--ink)}
.pricing-inclusions dd{margin:12px 0 0;color:var(--muted)}
.pricing-related{margin-top:24px;color:var(--muted)}
.pricing-desk :where(.pricing-related,.pricing-payment-notes,.pricing-refund,.section-heading) a{
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:3px;
}
.pricing-payment-layout{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:40px;
  align-items:start;
}
.pricing-payment-marks{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.pricing-payment-layout p{margin-top:18px;color:var(--muted)}
.pricing-payment-notes{padding-top:10px;min-width:0}
.pricing-refund{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);
  gap:40px;
  box-shadow:var(--shadow-card),var(--hl);
}
.pricing-refund h2{margin-top:24px}
.pricing-refund p{color:var(--muted)}
.pricing-refund p+p{margin-top:20px}
.pricing-faq{max-width:90ch}
@media(max-width:1100px){
  .pricing-intro{gap:32px}
  .pricing-desk .plan-card{padding:24px}
  .pricing-desk .plan-card .btn{padding-inline:22px}
}
@media(max-width:768px){
  .pricing-intro,.pricing-payment-layout,.pricing-refund{grid-template-columns:1fr;gap:28px}
  .pricing-entry{padding-left:0;padding-top:24px;border-left:0;border-top:1px solid var(--border)}
  .pricing-entry p{max-width:48em}
  .pricing-intro-copy>p{font-size:var(--text-base)}
}
@media(max-width:640px){
  .pricing-inclusions{grid-template-columns:1fr;gap:0}
  .pricing-desk .tab-list{width:100%}
  .pricing-desk .tab-list [role="tab"]{flex:1;padding-inline:12px}
  .pricing-refund{gap:24px}
}