[hidden]{display:none!important}
.app-main{padding-top:24px}
.app-grid{display:grid;gap:20px}
.app-grid>*{min-width:0}
@media(min-width:1024px){.app-grid{grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}}
.page-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}
.side{display:grid;gap:16px}
.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.pricing-head{display:grid;gap:24px;padding:24px 0 32px}
@media(min-width:768px){.pricing-head{grid-template-columns:1fr 260px;align-items:end}}
.h3{font-size:20px}
.packs{display:grid;border-top:var(--border-ink);border-bottom:var(--border-ink)}
@media(min-width:768px){.packs{grid-template-columns:repeat(3,1fr)}}
.pack{padding:24px 0;display:grid;gap:10px;align-content:start;border-bottom:var(--border-hair);position:relative}
.pack:last-child{border-bottom:0}
@media(min-width:768px){.pack{padding:28px 24px;border-bottom:0}.pack+.pack{border-left:var(--border-hair)}}
.pack.featured{background:var(--ink-sheet)}
.pack.featured::before{content:"";position:absolute;top:-1px;left:0;right:0;height:3px;background:var(--ink-accent)}
@media(max-width:767px){.pack.featured{padding-left:16px;padding-right:16px}}
.pack-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.price .amt{font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1}
.credits{font-size:13px}
.pack .btn{margin-top:10px}
.facts{display:grid;gap:16px;margin:32px 0 0;grid-template-columns:1fr 1fr}
@media(min-width:1024px){.facts{grid-template-columns:repeat(4,1fr)}}
.facts dd{margin:6px 0 0;font-size:14px}