/* Origo — pricing page. Monochrome. Tokens from colors_and_type.css. */
.pricing { padding: 120px 0 80px; }
.pricing-head { max-width: 680px; margin: 0 auto; text-align: center; }
.pricing-head h1 { font-family: var(--font-sans); font-weight: 600; font-size: clamp(36px, 5vw, 60px); letter-spacing: -.04em; color: #fff; margin: 16px 0 0; line-height: 1.05; }
.pricing-head p { font-size: 18px; color: var(--fg-muted); margin: 18px auto 0; max-width: 560px; line-height: 1.6; }

/* single all-inclusive plan card */
.plan { display: grid; grid-template-columns: 360px 1fr; margin: 56px auto 0; max-width: 980px; background: var(--card); border: 1px solid var(--border-strong); border-radius: var(--r-lg); box-shadow: 0 0 0 1px rgba(255,255,255,.10), var(--shadow-lg); overflow: hidden; }
.plan-aside { padding: 40px; border-right: 1px solid var(--border-1); display: flex; flex-direction: column; }
.plan-name { font-family: var(--font-sans); font-weight: 600; font-size: 24px; color: #fff; letter-spacing: -.02em; }
.plan-tag { font-size: 14px; color: var(--fg-muted); margin: 8px 0 0; line-height: 1.5; }
.plan-price { margin: 26px 0 4px; display: flex; align-items: baseline; gap: 8px; }
.plan-price b { font-family: var(--font-sans); font-weight: 600; font-size: 58px; color: #fff; letter-spacing: -.03em; line-height: 1; }
.plan-price span { font-family: var(--font-mono); font-size: 13px; color: var(--fg-muted); }
.plan-min { font-family: var(--font-mono); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: #8A8A8A; margin-bottom: 24px; }
.plan-aside .btn { justify-content: center; }
.plan-addon { font-size: 13px; color: var(--fg-muted); margin: 20px 0 0; line-height: 1.55; }
.plan-main { padding: 40px; }
.plan-incl { font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--fg-muted); display: block; margin-bottom: 22px; }
.plan-feats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 15px 30px; }
.plan-feats li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--ink-100); line-height: 1.45; }
.tier-check { color: #fff; flex: none; margin-top: 1px; display: flex; }

.pricing-note { text-align: center; max-width: 640px; margin: 36px auto 0; font-size: 14px; color: var(--fg-muted); line-height: 1.6; }

.faq { max-width: 880px; margin: 88px auto 0; }
.faq-h { text-align: center; font-family: var(--font-sans); font-weight: 600; font-size: clamp(26px, 3.6vw, 38px); color: #fff; letter-spacing: -.03em; margin: 0 0 40px; }
.faq-list { display: grid; gap: 0; border-top: 1px solid var(--border-1); }
.faq-item { padding: 26px 4px; border-bottom: 1px solid var(--border-1); }
.faq-q { font-family: var(--font-sans); font-weight: 600; font-size: 19px; color: #fff; letter-spacing: -.01em; margin: 0 0 10px; }
.faq-a { font-size: 15px; color: var(--fg-muted); line-height: 1.65; margin: 0; max-width: 760px; }

.pricing-cta { text-align: center; margin: 90px auto 0; max-width: 520px; }
.pricing-cta h2 { font-family: var(--font-sans); font-weight: 600; font-size: clamp(28px, 4vw, 40px); color: #fff; letter-spacing: -.03em; margin: 0; }
.pricing-cta p { font-size: 17px; color: var(--fg-muted); margin: 14px auto 24px; }

@media (max-width: 860px) {
  .plan { grid-template-columns: 1fr; max-width: 520px; }
  .plan-aside { border-right: none; border-bottom: 1px solid var(--border-1); }
  .plan-feats { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .pricing { padding: 92px 0 60px; }
}