.pricing-page .pricing-intro { text-align:center; padding:74px 0 42px; }
.pricing-page .pricing-intro::before { background:radial-gradient(ellipse at 50% 24%,rgba(74,200,236,.17),transparent 67%); }
.pricing-page .pricing-intro h1 { font-size:clamp(2.4rem,4.5vw,3.8rem); }
.pricing-page .pricing-intro p { max-width:none; margin-top:22px; font-size:1.125rem; }
.pricing-page .pricing-intro .pricing-subnote { margin-top:16px; color:var(--soft); font-size:.9375rem; }
.pricing-page h2 { font-size:clamp(1.6rem,2.8vw,2.1rem); font-weight:600; letter-spacing:-.035em; line-height:1.25; }
.pricing-page h3 { font-size:1.25rem; font-weight:600; line-height:1.4; letter-spacing:-.025em; }
.pricing-page .free-plan-banner { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:28px 34px; border:1px solid #31526A; border-radius:12px; background:linear-gradient(120deg,#17334670,#111D2B); }
.pricing-page .free-plan-banner h2 { font-size:1.6rem; }
.pricing-page .free-plan-banner p { margin-top:8px; }
.pricing-page .free-plan-banner .button { flex-shrink:0; font-size:.9375rem; }
.pricing-page .pricing-section-heading { text-align:center; margin-bottom:28px; }
.pricing-page .pricing-section-heading p { margin-top:12px; }
.pricing-page .study-pricing { padding-top:52px; }
.pricing-page .pricing-panel { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.55fr); gap:36px; border:1px solid #31526A; border-radius:14px; padding:36px; background:linear-gradient(130deg,#152A38,#101E2B); }
.pricing-page .study-inclusions { padding-right:32px; border-right:1px solid #31526A; }
.pricing-page .study-inclusions .eyebrow { font-size:.875rem; letter-spacing:.08em; margin-bottom:12px; }
.pricing-page .single-study-price { color:var(--cyan); font-size:4.25rem; font-weight:650; letter-spacing:-.055em; line-height:1.05; }
.pricing-page .price-caption { font-size:1.125rem; font-weight:500; margin-top:6px; }
.pricing-page .pricing-benefits { display:grid; gap:15px; list-style:none; padding:26px 0; margin:25px 0 21px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.pricing-page .pricing-benefits li { position:relative; padding-left:26px; font-size:1rem; line-height:1.5; }
.pricing-page .pricing-benefits li::before { content:'✓'; position:absolute; left:0; color:var(--cyan); font-weight:650; }
.pricing-page .audience-choice { color:var(--soft); font-size:.9375rem; }
.pricing-page .study-bundles { display:flex; flex-direction:column; justify-content:center; }
.pricing-page .study-bundles h3 { font-size:1.65rem; margin-bottom:25px; }
.pricing-page .bundle-table { width:100%; border-collapse:collapse; text-align:left; }
.pricing-page .bundle-table th,.pricing-page .bundle-table td { padding:20px 12px; font-size:1.125rem; line-height:1.5; }
.pricing-page .bundle-table thead th { color:var(--soft); font-size:.9375rem; font-weight:400; padding-top:0; padding-bottom:14px; }
.pricing-page .bundle-table tbody tr { border-bottom:1px solid #31526A; }
.pricing-page .bundle-table tbody tr:first-child { background:#59CCF40D; }
.pricing-page .bundle-table tbody th { font-weight:600; }
.pricing-page .bundle-table th:not(:first-child),.pricing-page .bundle-table td { text-align:right; font-variant-numeric:tabular-nums; }
.pricing-page .bundle-cta { width:100%; margin-top:27px; min-height:48px; font-size:.9375rem; }
.pricing-page .pricing-note { margin-top:18px; text-align:center; font-size:.875rem; color:var(--soft); }
.pricing-page .recruiting-pricing { padding-top:62px; }
.pricing-page .recruiting-options { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.pricing-page .recruiting-option { padding:28px; border:1px solid #31526A; border-radius:12px; background:linear-gradient(130deg,#152A38,#101E2B); }
.pricing-page .recruiting-cost { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; margin:12px 0 10px; color:var(--soft); }
.pricing-page .recruiting-cost strong { color:var(--cyan); font-size:2.5rem; line-height:1.15; font-weight:600; }
.pricing-page .recruiting-cost-external { color:var(--cyan); font-size:1.2rem; font-weight:600; }
.pricing-page .launch-cost { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:45px; padding:32px 0 48px; margin-top:28px; border-top:1px solid #3B5265; }
.pricing-page .launch-cost h2 { font-size:1.65rem; margin-bottom:14px; }
.pricing-page .example-invoice { border:1px solid #31526A; border-radius:12px; padding:23px; background:#101E2B; }
.pricing-page .invoice-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:10px; }
.pricing-page .invoice-heading h3 { font-size:1rem; }
.pricing-page .invoice-heading span { color:var(--soft); font-size:.875rem; }
.pricing-page .example-invoice dl { margin:18px 0 0; }
.pricing-page .example-invoice dl>div { display:flex; justify-content:space-between; gap:20px; margin-top:11px; font-size:.9375rem; line-height:1.45; }
.pricing-page .example-invoice dd { margin:0; flex-shrink:0; font-variant-numeric:tabular-nums; }
.pricing-page .example-invoice .invoice-total { border-top:1px solid #31526A; padding-top:14px; margin-top:16px; font-weight:600; font-size:1rem; }
.pricing-page .visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:1020px){.inner-page .site-header .desktop-nav{display:none}.inner-page .site-header .mobile-nav{display:block}}
@media(max-width:760px){
  .pricing-page .pricing-intro { padding-top:48px; }
  .pricing-page .free-plan-banner { flex-direction:column; align-items:flex-start; padding:26px; gap:20px; }
  .pricing-page .pricing-panel { grid-template-columns:1fr; padding:26px; gap:28px; }
  .pricing-page .study-inclusions { padding-right:0; padding-bottom:25px; border-right:0; border-bottom:1px solid #31526A; }
  .pricing-page .pricing-benefits { grid-template-columns:1fr 1fr; column-gap:15px; }
  .pricing-page .recruiting-options,.pricing-page .launch-cost { grid-template-columns:1fr; }
  .pricing-page .launch-cost { gap:25px; }
}
@media(max-width:420px){
  .pricing-page .pricing-intro h1 { font-size:clamp(1.75rem,8vw,2.05rem); }
  .pricing-page .pricing-panel,.pricing-page .free-plan-banner,.pricing-page .recruiting-option { padding:22px 18px; }
  .pricing-page .pricing-benefits { grid-template-columns:1fr; }
  .pricing-page .bundle-table th,.pricing-page .bundle-table td { padding:18px 5px; font-size:1rem; }
  .pricing-page .bundle-table thead th { font-size:.875rem; }
  .pricing-page .example-invoice { padding:20px 18px; }
}

/* Explain billing for projects that combine research tests. */
.pricing-page .combined-project-note { margin-top:24px; padding:18px 20px; background:rgba(89,204,244,.06); border-left:3px solid var(--cyan); border-radius:0 8px 8px 0; }
.pricing-page .combined-project-note strong { display:block; color:var(--cyan); font-size:1rem; font-weight:600; line-height:1.5; }
.pricing-page .combined-project-note p { margin-top:9px; font-size:.9375rem; line-height:1.6; }
