/* Typography and components adapted from the approved homepage reference. */
#sales-homepage.quote-landing{
  font-family:"Barlow",system-ui,sans-serif;
  font-size:17px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
#sales-homepage :is(button,input,select,textarea,.btn){font-family:"Barlow",system-ui,sans-serif}
#sales-homepage h1,#sales-homepage h2,#sales-homepage h3,
#sales-homepage .home-quote-guide h3{
  font-family:"Barlow Condensed","Barlow",sans-serif;
  font-weight:700;
  line-height:1.04;
  letter-spacing:.01em;
}
#sales-homepage h2{font-size:clamp(30px,4.4vw,44px)}
#sales-homepage .home-hero h1{font-size:clamp(44px,6vw,72px);line-height:1.04}
#sales-homepage .home-hero-description{font-size:19px;line-height:1.55}
#sales-homepage .home-section-heading>p{font-size:18px;line-height:1.55}
#sales-homepage .home-kicker,#sales-homepage .home-card-label,
#sales-homepage .home-sample-spec,#sales-homepage .home-hero-photo figcaption{
  font-family:"IBM Plex Mono",monospace;
}
#sales-homepage .home-kicker{font-size:12px;font-weight:600;letter-spacing:.14em}
#sales-homepage .home-card-label{font-size:11px;font-weight:500;letter-spacing:.06em}
#sales-homepage .home-proof dt{font-family:"Barlow Condensed","Barlow",sans-serif;font-size:27px;font-weight:700;letter-spacing:.02em;line-height:1.2}
#sales-homepage .home-proof dd{font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:400;letter-spacing:.08em}
#sales-homepage .home-hero-photo figcaption{font-size:11px;letter-spacing:.04em}
#sales-homepage .home-audience-copy h3{font-size:27px;text-transform:uppercase}
#sales-homepage .home-material-grid h3{font-size:24px;text-transform:uppercase}
#sales-homepage .home-price-copy h3{font-size:24px}
#sales-homepage .home-quote-guide h3{font-size:32px}
#sales-homepage .home-process h3{font-family:"Barlow",system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.3;letter-spacing:0}
#sales-homepage .home-final-cta h2{font-size:clamp(34px,5vw,54px)}
body:has(#sales-homepage:not(.d-none)) .apple-nav{font-family:"Barlow",system-ui,sans-serif}

/* Use the six supplied line icons and the reference's compact process rows. */
#sales-homepage .home-reference-capabilities .home-section-heading{display:block;max-width:720px;margin-bottom:36px}
#sales-homepage .home-reference-capabilities .home-section-heading>p{max-width:none;margin-top:10px}
#sales-homepage .home-reference-capabilities .home-capability-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:start}
#sales-homepage .home-reference-capabilities .home-process-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 34px}
#sales-homepage .home-reference-capabilities .home-process-list article{gap:12px;padding:13px 0;border-bottom:1px solid var(--home-line)}
#sales-homepage .home-reference-capabilities .home-capability-icon{display:block;width:21px;height:21px;max-width:none;flex:none;margin-top:2px}
#sales-homepage .home-reference-capabilities .home-process-list h3{font-family:"Barlow",system-ui,sans-serif;font-size:16.5px;font-weight:600;line-height:1.5;letter-spacing:0;margin-bottom:0}
#sales-homepage .home-reference-capabilities .home-process-list p{font-size:14px;line-height:1.4}
#sales-homepage .home-technical-plate{background:#fff;color:#102337;border:1.5px solid #c2cfdd;border-radius:10px;padding:24px}
#sales-homepage .home-technical-plate h3{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:#005bb5;margin-bottom:14px}
#sales-homepage .home-technical-plate table{width:100%;border-collapse:collapse;margin:0}
#sales-homepage .home-technical-plate :is(th,td){padding:9px 0;border-bottom:1px solid #d6dfe8;vertical-align:top;line-height:1.5}
#sales-homepage .home-technical-plate th{width:44%;font-family:"Barlow",system-ui,sans-serif;font-size:15px;font-weight:400;color:#526477;padding-right:16px;text-align:left}
#sales-homepage .home-technical-plate td{font-family:"IBM Plex Mono",monospace;font-size:13.5px;font-weight:400;color:#102337;text-align:right}
#sales-homepage .home-technical-plate tr:last-child :is(th,td){border-bottom:0}
#sales-homepage .home-technical-plate>p{font-size:13.5px;color:#526477;margin-top:14px;line-height:1.5}
#sales-homepage .home-technical-plate a{color:#005bb5}
#sales-homepage .home-reference-capabilities .home-material-grid{margin-top:44px}
#sales-homepage .home-reference-capabilities .home-material-grid article>p:not(.home-card-label){font-size:14.5px;line-height:1.55}

/* Native details retain keyboard behavior while matching the reference FAQ rows. */
#sales-homepage .home-reference-faq .home-faq-list{display:block;width:100%;max-width:820px}
#sales-homepage .home-reference-faq .home-faq-list details{border:1px solid var(--home-line);border-radius:10px;background:var(--home-surface);margin-bottom:10px;overflow:hidden}
#sales-homepage .home-reference-faq .home-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;padding:19px 22px;font-family:"Barlow",system-ui,sans-serif;font-size:17.5px;font-weight:600;line-height:1.4;color:var(--home-ink);cursor:pointer}
#sales-homepage .home-reference-faq summary::-webkit-details-marker{display:none}
#sales-homepage .home-reference-faq summary::marker{content:""}
#sales-homepage .home-reference-faq .home-faq-toggle{flex:none;color:var(--home-link);font-size:20px;line-height:1;width:20px;height:20px}
#sales-homepage .home-reference-faq .home-faq-toggle i{display:block}
#sales-homepage .home-reference-faq .home-faq-toggle .bi-dash-lg{display:none}
#sales-homepage .home-reference-faq details[open] .home-faq-toggle .bi-plus-lg{display:none}
#sales-homepage .home-reference-faq details[open] .home-faq-toggle .bi-dash-lg{display:block}
#sales-homepage .home-reference-faq .home-faq-list p{max-width:none;margin:0;padding:0 22px 20px;font-size:16px;line-height:1.55}

@media(max-width:1050px){
 #sales-homepage .home-reference-capabilities .home-capability-grid{gap:28px}
 #sales-homepage .home-reference-capabilities .home-process-list{gap:2px 22px}
 #sales-homepage .home-technical-plate{padding:22px}
 #sales-homepage .home-proof dt{font-size:24px}
 #sales-homepage .home-proof dd{font-size:10px;letter-spacing:.04em}
}
@media(max-width:760px){
 #sales-homepage .home-hero h1{font-size:clamp(44px,8vw,64px)}
 #sales-homepage .home-hero-description{font-size:18px}
 #sales-homepage .home-section-heading>p{font-size:17px}
 #sales-homepage .home-reference-capabilities .home-capability-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 #sales-homepage .home-reference-capabilities .home-section-heading{margin-bottom:24px}
 #sales-homepage .home-reference-capabilities .home-material-grid{margin-top:28px}
 #sales-homepage .home-kicker{font-size:11px}
 #sales-homepage .home-hero-photo figcaption{font-size:10px}
}
@media(max-width:480px){
 #sales-homepage .home-reference-capabilities .home-process-list{grid-template-columns:minmax(0,1fr);gap:2px}
 #sales-homepage .home-technical-plate{padding:20px}
 #sales-homepage .home-technical-plate th{width:45%;padding-right:12px;font-size:14px}
 #sales-homepage .home-technical-plate td{font-size:12px}
 #sales-homepage .home-reference-faq .home-faq-list summary{padding:17px 18px;font-size:17px}
 #sales-homepage .home-reference-faq .home-faq-list p{padding:0 18px 18px;font-size:15px}
 #sales-homepage .home-proof dt{font-size:24px}
 #sales-homepage .home-proof dd{font-size:9px;letter-spacing:.035em}
}

/* A single neutral canvas continues from the hero through the footer. */
body:has(#sales-homepage:not(.d-none)){
 --proposal-canvas:#f6f7f8;
 --proposal-surface:#fff;
 --proposal-summary:#f0f2f4;
 --proposal-ink:#18212b;
 --proposal-muted:#52606d;
 --proposal-line:#d6dde4;
 --proposal-link:#005bb5;
 --proposal-selected:#e8edf2;
 --proposal-success:#216b45;
 background:var(--proposal-canvas);
}
#sales-homepage.quote-landing{
 --home-ink:var(--proposal-ink);
 --home-muted:var(--proposal-muted);
 --home-line:var(--proposal-line);
 --home-surface:var(--proposal-surface);
 --home-soft:var(--proposal-canvas);
 --home-link:var(--proposal-link);
 --theme-surface:var(--proposal-surface);
 --theme-soft:var(--proposal-canvas);
 --theme-ink:var(--proposal-ink);
 --theme-muted:var(--proposal-muted);
 --theme-line:var(--proposal-line);
 --theme-link:var(--proposal-link);
 --theme-accent-surface:var(--proposal-selected);
 background:var(--proposal-canvas);
 color:var(--proposal-ink);
}
#sales-homepage .home-hero,#sales-homepage .home-proof,
body:has(#sales-homepage:not(.d-none)) .apple-nav{background:#07121d}
#sales-homepage .home-content,
#sales-homepage .home-content>.home-section,
#sales-homepage .home-content>.home-final-cta{background:var(--proposal-canvas);color:var(--proposal-ink)}
#sales-homepage .home-capabilities-section,#sales-homepage .home-alternative-section{border-color:var(--proposal-line)}
#sales-homepage .home-final-cta h2,#sales-homepage .home-final-cta p:not(.home-kicker){color:var(--proposal-ink)}
#sales-homepage .home-final-cta p a,#sales-homepage .home-final-cta .home-kicker{color:var(--proposal-link)}
#sales-homepage .home-technical-plate{background:var(--proposal-surface);color:var(--proposal-ink);border-color:var(--proposal-line)}
#sales-homepage .home-technical-plate :is(th,td){border-color:var(--proposal-line)}
#sales-homepage .home-technical-plate :is(h3,a){color:var(--proposal-link)}
#sales-homepage .home-technical-plate th,#sales-homepage .home-technical-plate>p{color:var(--proposal-muted)}
#sales-homepage .home-technical-plate td{color:var(--proposal-ink)}
#sales-homepage .home-quote-guide{background:var(--proposal-summary);color:var(--proposal-muted)}
#sales-homepage .home-quote-guide h3,#sales-homepage .home-review-note strong{color:var(--proposal-ink)}
#sales-homepage .home-quote-guide .home-kicker,#sales-homepage .home-quote-guide>a,
#sales-homepage .home-quote-guide li i,#sales-homepage .home-review-note>i{color:var(--proposal-link)}
#sales-homepage .home-review-note{border-color:var(--proposal-line)}
#sales-homepage #sample-pricing-tool .sample-summary{background:var(--proposal-summary);color:var(--proposal-ink)}
#sales-homepage #sample-pricing-tool .sample-summary h3,
#sales-homepage #sample-pricing-tool .sample-break-table,
#sales-homepage #sample-pricing-tool .sample-operation-summary strong{color:var(--proposal-ink)}
#sales-homepage #sample-pricing-tool :is(.sample-label,.sample-per,.sample-status,.sample-summary-note,.sample-basis),
#sales-homepage #sample-pricing-tool .sample-break-table :is(caption,thead th),
#sales-homepage #sample-pricing-tool .sample-operation-summary p:not(.sample-label),
#sales-homepage #sample-pricing-tool .sample-summary[aria-busy=true] .sample-price{color:var(--proposal-muted)}
#sales-homepage #sample-pricing-tool .sample-break-table :is(th,td){border-color:var(--proposal-line)}
#sales-homepage #sample-pricing-tool .sample-break-table .is-selected{background:var(--proposal-selected);color:var(--proposal-ink)}
#sales-homepage #sample-pricing-tool .sample-savings{color:var(--proposal-success)}
#sales-homepage #sample-pricing-tool .sample-summary-actions>a:not(.btn){color:var(--proposal-link)}
body:has(#sales-homepage:not(.d-none)) .apple-footer{margin-top:0;background:var(--proposal-canvas);color:var(--proposal-ink);border-color:var(--proposal-line);font-family:"Barlow",system-ui,sans-serif}
body:has(#sales-homepage:not(.d-none)) .apple-footer :is(.footer-text,address,.footer-phone-link,.footer-link-list a){color:var(--proposal-muted)}
body:has(#sales-homepage:not(.d-none)) .apple-footer .footer-heading{color:var(--proposal-ink);font-family:"Barlow Condensed","Barlow",sans-serif}
body:has(#sales-homepage:not(.d-none)) .apple-footer .footer-meta-row{border-color:var(--proposal-line)}
body:has(#sales-homepage:not(.d-none)) .apple-footer a:hover{color:var(--proposal-link)}
@media screen and (prefers-color-scheme:dark){
 body:has(#sales-homepage:not(.d-none)){
  --proposal-canvas:#12161b;
  --proposal-surface:#1b2027;
  --proposal-summary:#15191f;
  --proposal-ink:#eaf0f5;
  --proposal-muted:#aeb8c4;
  --proposal-line:#343d49;
  --proposal-link:#8dc5ff;
  --proposal-selected:#272f39;
  --proposal-success:#8ddbb2;
 }
}
