/* Pricing drafts use the homepage's content grid, type scale and surfaces. */
:root{
  --content-width:1240px;
  --page-gutter:clamp(24px,5vw,64px);
  --section-space:clamp(48px,5vw,64px);
  --section-title-size:clamp(32px,3.15vw,46px);
  --section-copy-size:clamp(16px,1.25vw,18px);
  --serif:Archivo,system-ui,sans-serif;
  --sans:Archivo,system-ui,sans-serif;
  --paper:#faf8f3;
  --action:#254ebc;
  --stone-900:#25231c;
  --stone-200:#dcd9d2;
  --gutter:var(--page-gutter);
}
body{font-family:var(--sans)}
.pr,.hc{padding:var(--section-space) var(--page-gutter)}
.pr-shell,.hc-shell{max-width:var(--content-width);margin-inline:auto}
.pr-intro :is(h1,h2),.hc h2,.pr-calc-head h3{
  margin:0;font-family:var(--sans);font-size:var(--section-title-size);
  font-weight:500;line-height:1.12;letter-spacing:-.03em;text-wrap:balance;
}
.pr-intro p,.hc-lead{font-size:var(--section-copy-size);line-height:1.5}
.pr-kicker,.hc-kicker{margin-bottom:16px;font-size:12px;line-height:1.5;letter-spacing:.13em}
.hc-top{margin-bottom:0}
.hc-kicker{margin-bottom:16px;position:relative;top:-12px}
.hc-grid{gap:clamp(24px,4vw,48px)}
.hc-left{align-self:start}
html[data-embedded="true"] .hc{padding-inline:0}
.hc-input{margin-top:28px;padding:24px}
.hc-compare{gap:12px;margin-top:24px}
.hc-select,.hc-seg button{min-height:44px;font-size:14px}
.hc-select{max-width:100%}
.hc-seg{gap:4px}
.hc-r-sub,.pr-result-sub{height:auto;min-height:2.9em;overflow:visible}
.hc-result,.pr-result{min-width:0;padding:28px;border-radius:16px}
.hc-cta,.pr-cta{font-size:15px;min-height:48px;padding:11px 22px}
.hc-save,.pr-save{flex-wrap:wrap;gap:8px 16px}
.hc-save strong,.pr-save strong{margin-left:auto}
.hc-footnotes,.pr-footnotes{
  max-width:min(100%,110ch);margin-top:24px;padding-top:16px;
  border-top:1px solid var(--line);display:grid;gap:6px;
}
.hc-footnotes p,.pr-footnotes p{margin:0;font-size:12.5px;line-height:1.6;color:var(--muted)}
.pr-cover{max-width:860px;margin-top:28px}
.pr-nav{margin-top:48px}
.pr-desc{margin-top:24px;font-size:14px;line-height:1.5}
.pr-cards{margin-top:32px;gap:16px}
.pr-card{grid-row:span 4;padding:24px;border-radius:16px}
.pr-card-head h3{font-size:20px;line-height:1.3}
.pr-price-block{padding:20px 0 16px;display:grid;gap:4px;align-content:start}
.pr-price{padding-top:0;flex-wrap:wrap}
.pr-price strong{font-size:32px}
.pr-price-note{margin:0;min-height:20px;font-size:14px;line-height:20px}
.pr-card .pr-btn{margin:0;font-size:14px;line-height:1.45;min-height:44px;padding:9px 20px}
.pr-features{margin-top:20px;padding-top:20px;border-top:1px solid var(--line-soft);align-content:start}
.pr-features .pr-feat{margin:0;padding:0;border:0;gap:8px}
.pr-features .pr-feat li{font-size:14px;line-height:1.45;text-wrap:pretty}
.pr-enterprise{margin-top:16px;padding:24px;border-radius:16px}
.pr-enterprise h3{font-size:20px;line-height:1.3}
.pr-enterprise p{font-size:14px;line-height:1.5}
.pr-enterprise .pr-btn{min-height:44px;font-size:14px;padding:9px 20px}
.pr-calc{margin-top:var(--section-space)}
.pr-calc-bar{margin-top:28px;gap:16px}
.pr-calc-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(24px,4vw,48px)}
.pr-volume-card{min-width:0;padding:28px;border-radius:16px}
.pr-seg button{white-space:normal;line-height:1.4}
.pr-select{min-height:44px}
.pr-method{margin-top:24px;padding-inline:24px}
.pr-faq{margin-top:var(--section-space)}
.pr-faq h3{font-size:24px;line-height:1.25}
.pr-legal{margin-top:32px;max-width:110ch}
.pricing-page-footer{
  max-width:calc(var(--content-width) + var(--page-gutter)*2);
  margin-inline:auto;display:flex;flex-wrap:wrap;gap:16px 24px;
  padding:24px var(--page-gutter);border-top:1px solid var(--line);
  font-size:14px;line-height:1.5;color:var(--muted);
}
.pricing-page-footer span{margin-right:auto}
.pricing-page-footer a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1020px){.pr-calc-grid{grid-template-columns:1fr}}
@media(max-width:900px){:root{--section-title-size:34px}}
@media(max-width:820px){.pr-card{grid-row:auto}}
@media(max-width:600px){
  :root{--page-gutter:20px;--section-title-size:30px}
  .pr{padding-top:24px}
  .hc{padding-block:32px}
  .hc-input,.hc-result,.pr-volume-card,.pr-result,.pr-card,.pr-enterprise{padding:20px}
  .hc-compare{gap:12px}
  .hc-seg button{min-height:44px}
  .pr-seg{border-radius:28px}
  .pr-seg button{border-radius:24px;min-width:0;padding:10px 12px}
  .pr-calc-bar .pr-compare,.pr-calc-bar>.pr-seg{width:100%}
  .pr-calc-bar .pr-compare{flex-wrap:wrap}
  .pr-scope{width:100%;flex:0 0 100%}
  .pr-scope button{flex:1;white-space:nowrap}
  .pr-card-head p,.pr-features .pr-feat li,.pr-desc,.pr-enterprise p{font-size:16px;line-height:1.5}
  .pr-nav{margin-top:32px;gap:12px}
  .pr-cards{margin-top:24px}
  .pr-enterprise{gap:16px}
  .pr-cover{font-size:14px}
  .pr-method{padding-inline:20px}
  .hc-footnotes,.pr-footnotes{max-width:100%}
}
@media(max-width:360px){:root{--page-gutter:16px;--section-title-size:27px}}

/* Keep avatar entitlements and customer-provided voice together in each card. */
.pr-voice-note{margin-top:20px;padding:12px 14px;border-radius:10px;background:var(--paper,#f7f6f2);color:var(--ink,#25231c);font-size:14px;line-height:1.5}
.pr-voice-note strong{display:block;font-weight:600}
.pr-voice-note p{margin:5px 0 0;color:var(--muted,#6c6a63)}
@media(max-width:600px){.pr-voice-note{font-size:16px}}

.pr-price-note strong{margin-left:.25em}