.pricing-intro{
  padding-top:56px;
  padding-bottom:64px;
}
.pricing-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
}
.pricing-intro-grid>*{
  min-width:0;
}
.pricing-intro h1{
  margin-top:16px;
}
.pricing-lede{
  max-width:30em;
  font-size:19px;
  color:var(--muted);
}
.pricing-account-note{
  margin-top:22px;
  color:var(--muted);
  font-size:var(--text-small);
}
.pricing-note-window{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow-win);
  overflow:hidden;
}
.pricing-note-copy{
  padding:28px;
}
.pricing-note-copy h2{
  font-size:24px;
}
.pricing-note-copy>.muted{
  margin-top:20px;
  font-size:var(--text-small);
}
.pricing-note-copy .line-row p{
  font-size:var(--text-small);
  overflow-wrap:anywhere;
}
.pricing-note-copy .tick{
  margin-top:3px;
}
.pricing-table-note{
  margin-top:20px;
  max-width:80ch;
  color:var(--muted);
  font-size:var(--text-small);
  line-height:1.85;
}
.pricing-table-note a,
.pricing-reading-note a,
.pricing-selector a:not(.btn),
.pricing-refund-links .article-link,
.section-head p a{
  color:var(--accent-ink);
}
.pricing-selector{
  padding-top:32px;
}
.pricing-panel-heading{
  max-width:78ch;
  margin-bottom:28px;
}
.pricing-panel-heading p{
  color:var(--muted);
  line-height:1.85;
}
.pricing-plan-copy{
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:var(--text-small);
  line-height:1.85;
}
.pricing-selector .plan-features{
  margin-top:22px;
}
.pricing-included{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.pricing-included>*{
  min-width:0;
}
.pricing-included p{
  color:var(--muted);
  line-height:1.85;
}
.pricing-reading-note{
  margin-top:28px;
  max-width:88ch;
}
.pricing-reading-note p{
  color:var(--muted);
  line-height:1.85;
}
.pricing-payment-methods{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:28px;
}
.pricing-payment-methods .badge{
  min-height:36px;
  padding-inline:18px;
  font-size:var(--text-small);
  font-weight:var(--weight-semibold);
}
.pricing-order-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  margin:0;
  padding-left:24px;
}
.pricing-order-flow li{
  min-width:0;
  padding-left:6px;
}
.pricing-order-flow li::marker{
  color:var(--accent-ink);
  font-family:var(--font-mono);
  font-weight:var(--weight-bold);
}
.pricing-order-flow h3{
  font-size:20px;
}
.pricing-order-flow p{
  color:var(--muted);
  line-height:1.85;
}
.pricing-refund-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
  gap:56px;
  padding:40px;
  border:1px solid var(--accent-tint);
  border-radius:var(--r-xl);
  background:linear-gradient(135deg,var(--accent-wash),var(--panel));
  box-shadow:var(--shadow-card);
}
.pricing-refund-panel>*{
  min-width:0;
}
.pricing-refund-panel h2{
  margin-top:14px;
}
.pricing-refund-panel p{
  color:var(--muted);
  line-height:1.85;
}
.pricing-refund-panel h3{
  font-size:20px;
}
.pricing-refund-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;
}
.pricing-refund-links .article-link{
  margin-top:0;
}
@media(max-width:1080px){
  .pricing-intro-grid{
    gap:32px;
    grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  }
  .pricing-included{
    grid-template-columns:minmax(0,1fr);
  }
  .pricing-refund-panel{
    gap:32px;
  }
}
@media(max-width:768px){
  .pricing-intro{
    padding-top:32px;
    padding-bottom:40px;
  }
  .pricing-intro-grid{
    grid-template-columns:minmax(0,1fr);
  }
  .pricing-intro-grid h1{
    max-width:100%;
  }
  .pricing-lede{
    font-size:18px;
  }
  .pricing-note-copy{
    padding:24px;
  }
  .pricing-order-flow{
    grid-template-columns:minmax(0,1fr);
    gap:28px;
  }
  .pricing-refund-panel{
    grid-template-columns:minmax(0,1fr);
    padding:28px;
  }
  .pricing-selector{
    padding-top:24px;
  }
}
@media(max-width:640px){
  .pricing-intro .cta-row{
    gap:12px;
    margin-top:24px;
  }
  .pricing-intro .btn{
    padding-inline:18px;
    font-size:16px;
  }
  .pricing-note-copy{
    padding:20px;
  }
  .pricing-refund-panel{
    padding:22px;
  }
  .pricing-refund-panel h2{
    font-size:28px;
  }
}