/* Scoped additions for launch pricing and optional setup. Approved site styles remain unchanged. */
#pricing .plan-availability{display:block;margin-top:6px;color:#526776;font-size:12px;font-weight:400;line-height:1.5}
#pricing .price-period{display:block;margin-left:0;line-height:1.5;letter-spacing:0}
#pricing .price-grid li:not(.planned-feature):before{content:'✓';color:#00a88f}
#usage .usage-disclosure summary .planned-label{margin-left:8px;white-space:nowrap}
#pricing .onboarding-options{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);color:var(--navy)}
#pricing .onboarding-options h3{margin:0 0 8px;font-size:26px;line-height:1.25;letter-spacing:-.025em}
#pricing .onboarding-options>p{margin:0 0 16px;color:#526776;font-size:14px;line-height:1.65}
#pricing .onboarding-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;align-items:start}
#pricing .onboarding-list details{border-top:1px solid var(--line);min-width:0}
#pricing .onboarding-list summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:baseline;padding:14px 0;cursor:pointer;font-size:14px;font-weight:500;line-height:1.6;list-style:none}
#pricing .onboarding-list summary::-webkit-details-marker{display:none}
#pricing .onboarding-list summary>span:first-child:before{content:'+';display:inline-block;width:18px;color:#526776}
#pricing .onboarding-list details[open] summary>span:first-child:before{content:'−'}
#pricing .setup-price{font-weight:400;color:#526776;text-align:right}
#pricing .onboarding-list ul{margin:0 0 16px;padding-left:18px;font-size:14px;line-height:1.7;color:#526776}
#pricing .onboarding-options .onboarding-note{margin:14px 0 0}
#pricing .onboarding-note a{color:var(--action);text-decoration:underline;text-underline-offset:3px}
#compare .comparison-table thead .comparison-price{display:block;font-size:14px;line-height:1.6}
#compare .comparison-table .comparison-price .price{display:inline;font-size:14px}
#compare .comparison-table .comparison-price .price-period{display:block;font-size:12px;line-height:1.5;margin:0}
#compare .comparison-table thead .annual-note{display:block;font-size:12px;line-height:1.5;font-weight:400;margin:4px 0 0}
#compare .pilot-label{font-size:12px;font-weight:400;color:#526776}
#compare .seat-tier-note{display:block;margin-top:4px;font-size:12px;font-weight:400;line-height:1.5;color:#526776}
@media(max-width:700px){
 .pricing-section #compare .mobile-comparison-ready .comparison-table thead th:not(:first-child):not(.mobile-plan-hidden){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:baseline}
 .pricing-section #compare .mobile-comparison-ready .comparison-table thead strong{grid-column:1;grid-row:1;margin:0}
 .pricing-section #compare .mobile-comparison-ready .comparison-table thead .comparison-price{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:0 3px;margin:0;overflow-wrap:normal}
 .pricing-section #compare .mobile-comparison-ready .comparison-table .comparison-price .price,
 .pricing-section #compare .mobile-comparison-ready .comparison-table .comparison-price .price-period{display:inline;margin:0;white-space:nowrap;overflow-wrap:normal}
 .pricing-section #compare .mobile-comparison-ready .comparison-table thead .annual-note{grid-column:2;grid-row:2;margin:0;text-align:right;overflow-wrap:normal}
 .pricing-section #compare .mobile-comparison-ready .comparison-table .additional-users-row{grid-template-columns:minmax(0,1fr) max-content}
 .pricing-section #compare .mobile-comparison-ready .comparison-table tbody tr.additional-users-row>td{white-space:nowrap;overflow-wrap:normal;align-content:start}
}
@media(max-width:620px){
 #pricing .onboarding-list{grid-template-columns:minmax(0,1fr)}
 #pricing .onboarding-options h3{font-size:23px}
}

/* Keep referral details and availability together, with a clean mobile line. */
#pricing .referral-summary{max-width:none;font-size:14px}
#pricing .referral-meta{display:inline-flex;align-items:baseline;gap:8px;margin-left:8px;white-space:nowrap}
#pricing .referral-meta a{color:var(--action);text-decoration:underline;text-underline-offset:3px}
#pricing .referral-status{color:#526776;font-size:12px}
@media(max-width:700px){
 #pricing .referral-summary{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left}
 #pricing .referral-meta{margin-left:0}
}

/* Keep annual user costs visible alongside the established monthly rate. */
#compare .annual-seat-rate{display:block;font-size:11px;line-height:1.5;margin-top:4px;font-weight:400;color:#526776;white-space:normal}
@media(max-width:700px){#compare .additional-users-row td{flex-direction:column;align-items:flex-end;justify-content:center}#compare .annual-seat-rate{max-width:140px;text-align:right}}