.construction-page .industry-hero { background: #f6f7f4; }
.construction-page .industry-hero-grid { padding-block: 54px 68px; gap: 64px; }
.construction-page .industry-hero h1 { margin-top: 16px; font-size: clamp(36px, 3.8vw, 54px); line-height: 1.2; }
.construction-page .industry-hero-grid > div > p { font-size: 18px; line-height: 1.85; }
.construction-eyebrow { display: block; margin-bottom: 14px; color: #275a48; font-size: 13px; line-height: 1.6; font-weight: 700; letter-spacing: .045em; }
.construction-page .industry-section-heading .construction-eyebrow { margin-bottom: 16px; }
.construction-page .industry-actions { align-items: center; }
.construction-page .industry-web-button { width: auto; min-height: 56px; }
.construction-stores { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 24px; }
.construction-stores a { color: #526373; font-size: 14px; font-weight: 600; }
.construction-stores a:hover { color: #2563eb; text-decoration: underline; }
.construction-hero-media { position: relative; padding: 20px 42px 50px 0; }
.construction-site-photo { width: 100%; height: 390px; object-fit: cover; border-radius: 22px; }
.construction-hero-screen { position: absolute; width: 145px; height: 310px; right: 0; bottom: 25px; overflow: hidden; border: 5px solid #20252e; border-radius: 22px; background: white; box-shadow: 0 18px 35px #132e3430; }
.construction-hero-screen img { width: 100%; height: auto; }
.construction-media-label { position: absolute; left: 20px; bottom: 72px; max-width: calc(100% - 180px); padding: 10px 14px; border-radius: 10px; background: #fff; color: #223b34; font-size: 13px; line-height: 1.6; font-weight: 650; box-shadow: 0 6px 20px #152b2920; }
.construction-page .industry-section-nav { justify-content: flex-start; gap: 34px; }
.construction-page .industry-features-layout { align-items: start; }
.construction-page .industry-feature h3 { font-size: 21px; }
.construction-page .industry-feature-body { padding: 24px 20px; }
.construction-page .industry-feature p { line-height: 1.75; }
.construction-page .industry-feature-media { aspect-ratio: 1.5; }
.construction-page .industry-story-row { gap: 56px; margin-top: 48px; }
.construction-page .industry-stories { padding-top: 80px; }
.construction-page .industry-stories h2::after { display: none; }
.construction-page .industry-explainer { gap: 56px; }
.construction-example { background: #f5f7f9; }
.construction-example-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 64px; }
.construction-example-grid > * { min-width: 0; }
.construction-example-grid h2 + p { margin-top: 22px; }
.construction-checklist { margin: 28px 0 32px; padding-left: 22px; color: #475569; }
.construction-checklist li { margin-top: 16px; padding-left: 6px; }
.construction-checklist li::marker { color: #275a48; font-weight: 700; }
.construction-checklist strong { color: #172d3f; }
.construction-quote { overflow: hidden; border: 1px solid #dce3e7; border-radius: 18px; background: #fff; box-shadow: 0 16px 45px #1c354412; }
.construction-quote-heading { padding: 28px; color: #fff; background: #193d33; }
.construction-quote-heading span { font-size: 12px; color: #c3d8ce; }
.construction-quote-heading h3 { margin: 8px 0; font-size: 26px; }
.construction-quote-heading p { font-size: 14px; color: #dceae4; }
.construction-table-scroll { overflow-x: auto; }
.construction-quote table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.6; }
.construction-quote caption { padding: 18px 24px 10px; text-align: left; color: #64748b; font-size: 12px; }
.construction-quote th, .construction-quote td { padding: 14px 18px; text-align: left; border-bottom: 1px solid #e8edf0; }
.construction-quote thead th { color: #64748b; font-size: 12px; font-weight: 600; }
.construction-quote tbody th { font-weight: 600; }
.construction-quote td:last-child, .construction-quote thead th:last-child { text-align: right; white-space: nowrap; }
.construction-quote tfoot { background: #edf4ef; font-weight: 750; }
.construction-quote tfoot td { font-size: 21px; color: #193d33; }
.construction-page .construction-quote-note { padding: 20px 24px 0; font-size: 14px; }
.construction-page .construction-example-note { padding: 14px 24px 24px; font-size: 12px; color: #64748b; line-height: 1.7; }
.construction-payment-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 0 0 30px; padding: 0; list-style: none; }
.construction-payment-steps li { padding: 30px; border: 1px solid #dce6f3; border-radius: 16px; background: #fff; }
.construction-payment-steps span { font-size: 13px; font-weight: 700; color: #416791; }
.construction-payment-steps h3 { margin: 12px 0 16px; font-size: 24px; }
.construction-payment-steps p { font-size: 16px; }
.construction-page .construction-payment-note { max-width: 960px; margin-bottom: 24px; font-size: 16px; }
.construction-guide-links { display: flex; flex-wrap: wrap; gap: 14px 28px; margin-top: 30px; }
.construction-guide-links a { color: #2563eb; font-size: 15px; text-decoration: underline !important; text-underline-offset: 4px; }
.construction-page .industry-resource { display: flex; flex-direction: column; background: #f1f5f7; color: #193d33; }
.construction-page .industry-resource:hover { background: #e7eeec; }
.construction-page .industry-resource p { flex: 1; }
.construction-page .industry-faq { padding-top: 24px; }
.construction-page .industry-faq details p { font-size: 16px; }
.construction-final-link { display: block; margin-top: 18px; color: #c4d2e7; text-align: center; font-size: 15px; }
.construction-final-link:hover { color: #fff; text-decoration: underline !important; }
@media (max-width: 1000px) {
  .construction-page .industry-hero-grid { gap: 32px; }
  .construction-page .industry-hero h1 { font-size: 39px; }
  .construction-hero-media { padding-right: 20px; }
  .construction-site-photo { height: 350px; }
  .construction-hero-screen { width: 125px; height: 270px; }
  .construction-media-label { left: 12px; max-width: calc(100% - 150px); }
  .construction-example-grid { gap: 32px; }
  .construction-payment-steps li { padding: 24px; }
  .construction-payment-steps h3 { font-size: 21px; }
}
@media (max-width: 760px) {
  .construction-page .industry-hero-grid { padding-block: 34px 26px; gap: 30px; }
  .construction-page .industry-hero h1 { font-size: clamp(34px, 8vw, 44px); }
  .construction-page .industry-hero-grid > div > p { font-size: 17px; }
  .construction-page .industry-web-button { width: 100%; }
  .construction-hero-media { padding: 8px 28px 40px 0; }
  .construction-site-photo { height: 300px; }
  .construction-hero-screen { bottom: 12px; width: 120px; height: 260px; }
  .construction-media-label { bottom: 56px; }
  .construction-page .industry-section-nav { gap: 24px; }
  .construction-example-grid { grid-template-columns: 1fr; gap: 30px; }
  .construction-payment-steps { grid-template-columns: 1fr; gap: 16px; }
  .construction-payment-steps li { padding: 24px; }
  .construction-payment-steps h3 { font-size: 24px; }
  .construction-page .industry-story-row { margin-top: 32px; gap: 28px; }
  .construction-page .industry-explainer { gap: 32px; }
  .construction-page .industry-stories { padding-top: 56px; }
  .construction-quote th, .construction-quote td { padding: 12px; }
  .construction-quote table { font-size: 13px; }
  .construction-quote-heading { padding: 24px; }
}