@font-face {
  font-family: "Inspect Thai";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("assets/fonts/noto-sans-thai.woff2") format("woff2");
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: "Inspect Thai";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("assets/fonts/noto-sans-thai-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body.reference-home {
  font-family: "Inspect Thai", Tahoma, Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.85 !important;
  color: #253440 !important;
}
.reference-home #inspection-overview,
.reference-home #credentials,
.reference-home #recent-work { scroll-margin-top: 112px; }
.reference-home p, .reference-home li, .reference-home dd {
  word-break: normal !important;
  overflow-wrap: break-word !important;
}
.reference-home .section-head h2,
.reference-home .facebook-proof h2,
.reference-home .credentials-main h2,
.reference-home .recent-work-card h2 {
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  margin: 0 0 20px !important;
  text-align: left !important;
  text-wrap: pretty;
}
.reference-home .facebook-proof h2,
.reference-home .credentials-main h2,
.reference-home .recent-work-card h2 { color: #ffffff !important; }
.reference-home .reading-accent { color: #ffd16b !important; }
.reference-home .section-head p,
.reference-home .facebook-proof p,
.reference-home .credentials-main p:not(.credentials-label),
.reference-home .recent-work-card p {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  margin: 0 0 20px !important;
  text-wrap: pretty;
}
.reference-home .facebook-proof-copy p,
.reference-home .credentials-main p:not(.credentials-label),
.reference-home .recent-work-card p { color: #e5eef8 !important; }
.reference-home .proof-contact-card p { color: #354652 !important; }
.reference-home .section-head { text-align: left !important; margin-bottom: 32px !important; }
.reference-home .section-head p { max-width: 760px !important; margin-left: 0 !important; }
.reference-home .section-head h2::after { margin-left: 0 !important; }

.reference-home .proof-kicker,
.reference-home .credentials-label,
.reference-home .recent-work-tags span,
.reference-home .tag,
.reference-home .lead-badge,
.reference-home .estimate-badge {
  display: inline-block !important;
  width: fit-content !important;
  max-width: 100% !important;
  color: #ffd16b !important;
  background: #264b74 !important;
  border: 1px solid #829ab7 !important;
  border-left: 4px solid #ffd16b !important;
  border-radius: 4px !important;
  padding: 10px 16px !important;
  margin: 0 0 20px !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  font-weight: 700 !important;
  white-space: normal !important;
  word-break: normal !important;
  text-wrap: pretty;
}
.reference-home .tag,
.reference-home .lead-badge,
.reference-home .estimate-badge {
  color: #174c77 !important;
  background: #e5f1ff !important;
  border-color: #bfd4e8 !important;
  border-left-color: #e9b446 !important;
}
.reference-home .service-body .tag {
  font-size: 14px !important;
  line-height: 1.6 !important;
  padding: 8px 12px !important;
  margin-bottom: 14px !important;
}
.reference-home .recent-work-tags { margin-bottom: 0 !important; }
.reference-home .trust-band {
  padding: 0 !important;
  background: #f1f5f7 !important;
  border-bottom: 1px solid #dce3e8 !important;
}
.reference-home .trust-band::before, .reference-home .trust-band::after,
.reference-home .credentials-band::before, .reference-home .credentials-band::after {
  content: none !important;
}
.reference-home .trust-grid {
  max-width: 1240px !important;
  margin: auto !important;
  padding: 32px 24px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
}
.reference-home .trust-item {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 12px !important;
  padding: 0 !important;
  border: 0 !important;
}
.reference-home .trust-item > .trust-icon {
  display: block !important;
  width: 30px !important;
  height: auto !important;
  background: none !important;
  border-radius: 0 !important;
  border-bottom: 3px solid #e9b446 !important;
  color: #145289 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding-bottom: 4px !important;
}
.reference-home .trust-item strong {
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  color: #172c3d !important;
  margin-bottom: 7px !important;
}
.reference-home .trust-item div > span {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.85 !important;
  color: #354652 !important;
}
.reference-home .facebook-proof-section,
.reference-home .service-assurance,
.reference-home .recent-work-section {
  max-width: none !important;
  padding: 64px 28px !important;
  margin: 0 !important;
}
.reference-home .facebook-proof-section,
.reference-home .recent-work-section {
  background: #0b315e !important;
  color: #e5eef8 !important;
}
.reference-home .facebook-proof,
.reference-home .assurance-grid,
.reference-home .recent-work {
  max-width: 1200px !important;
  margin: 0 auto !important;
}
.reference-home .facebook-proof {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .9fr) !important;
  gap: 48px !important;
  align-items: start !important;
  overflow: visible !important;
}
.reference-home .facebook-proof-copy { padding: 0 !important; }
.reference-home .proof-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 24px !important;
}
.reference-home .proof-list li {
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.75 !important;
  color: #ffffff !important;
  padding: 14px 16px !important;
  background: #264b74 !important;
  border: 1px solid #829ab7 !important;
  border-radius: 6px !important;
}
.reference-home .proof-contact-card {
  padding: 28px !important;
  border-left: 4px solid #e9b446 !important;
  background: #f1f5f7 !important;
  min-width: 0 !important;
}
.reference-home .proof-contact-card h3 {
  color: #172c3d !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  margin: 0 0 10px !important;
}
.reference-home .proof-contact-card .proof-phone {
  color: #145289 !important;
  display: inline-block;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 18px;
}
.reference-home .proof-contact-details { margin: 0; }
.reference-home .proof-contact-details > div { display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 10px; margin-bottom: 14px; }
.reference-home .proof-contact-details dt { color: #52626e; font-size: 15px; line-height: 1.65; }
.reference-home .proof-contact-details dd { margin: 2px 0 0; color: #243e52; font-size: 17px; line-height: 1.75; }
.reference-home .proof-contact-details a { color: #145289; overflow-wrap: anywhere !important; }
.reference-home .proof-contact-details a:hover { text-decoration: underline !important; }
.reference-home .proof-contact-actions { margin-top: 12px !important; }
.reference-home .proof-contact-actions a { font-size: 16px !important; font-weight: 600 !important; }
.reference-home .proof-contact-actions .line { background: #087a3b !important; }
.reference-home .service-assurance { padding-top: 48px !important; padding-bottom: 56px !important; }
.reference-home .assurance-grid { gap: 28px !important; }
.reference-home .assurance-card { padding: 20px 0 0 !important; }
.reference-home .assurance-card b { color: #172c3d !important; font-size: 20px !important; line-height: 1.55 !important; font-weight: 700 !important; margin-bottom: 10px !important; }
.reference-home .assurance-card span { color: #354652 !important; font-size: 17px !important; line-height: 1.85 !important; font-weight: 400 !important; }

.reference-home .credentials-band { padding: 64px 28px !important; background: #0b315e !important; color: #e5eef8 !important; }
.reference-home .credentials-band-inner { max-width: 1200px !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 56px !important; align-items: start !important; }
.reference-home .credentials-cards { gap: 18px !important; }
.reference-home .credential-card { padding: 24px !important; grid-template-columns: 42px minmax(0, 1fr) !important; gap: 8px 18px !important; border-radius: 6px !important; box-shadow: none !important; }
.reference-home .credential-card:hover { transform: none !important; }
.reference-home .credential-card strong { font-size: 21px !important; font-weight: 700 !important; line-height: 1.6 !important; color: #172c3d !important; }
.reference-home .credential-card p { font-size: 17px !important; line-height: 1.85 !important; font-weight: 400 !important; color: #354652 !important; margin: 0 !important; }
.reference-home .reading-text-link { color: #ffd16b !important; font-size: 17px; font-weight: 600; text-decoration: underline !important; text-underline-offset: 5px; }
.reference-home .credentials-actions { margin-top: 26px !important; }
.reference-home .credentials-btn { font-size: 16px !important; font-weight: 600 !important; }
.reference-home .credentials-btn-line { background: #087a3b !important; }

.reference-home .recent-work { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 48px !important; }
.reference-home .recent-work-card { padding: 0 !important; min-width: 0 !important; }
.reference-home .recent-work-visual { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 18px !important; }
.reference-home .recent-work-visual figure { margin: 0; min-width: 0; }
.reference-home .recent-work-visual img { display: block; width: 100%; height: auto !important; aspect-ratio: 4 / 3; object-fit: cover; }
.reference-home .recent-work-visual figcaption { margin-top: 10px; color: #e5eef8; font-size: 16px; font-weight: 600; line-height: 1.7; }
.reference-home .reading-work-list { margin: 0 0 24px; padding-left: 24px; }
.reference-home .reading-work-list li { font-size: 18px; line-height: 1.85; margin-bottom: 12px; color: #e5eef8; }
.reference-home .reading-work-list strong { font-weight: 600; color: #ffd16b; }
.reference-home .recent-work-card .reading-work-cta { border-top: 1px solid #829ab7; padding-top: 20px; color: #ffffff !important; font-weight: 600 !important; }
.reference-home .recent-work-card .btns { justify-content: flex-start !important; margin-top: 0 !important; }
.reference-home .btn { font-size: 16px !important; font-weight: 600 !important; }
.reference-home .service-card p, .reference-home .report-card p,
.reference-home .process-card p, .reference-home .faq-card p,
.reference-home .why-text li, .reference-home .quote-checklist li {
  font-size: 17px !important;
  line-height: 1.85 !important;
  font-weight: 400 !important;
}

@media (max-width: 1100px) {
  .reference-home .trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px 36px !important; }
  .reference-home .facebook-proof { gap: 28px !important; }
  .reference-home .assurance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .reference-home .credentials-band-inner { gap: 32px !important; }
}
@media (max-width: 900px) {
  .reference-home .facebook-proof, .reference-home .credentials-band-inner,
  .reference-home .recent-work { grid-template-columns: minmax(0, 1fr) !important; gap: 36px !important; }
  .reference-home .recent-work-card { order: -1; }
  .reference-home .facebook-proof-copy, .reference-home .credentials-main,
  .reference-home .recent-work-card { max-width: 680px !important; }
}
@media (max-width: 600px) {
  .reference-home #inspection-overview, .reference-home #credentials,
  .reference-home #recent-work { scroll-margin-top: 12px; }
  .reference-home .facebook-proof-section, .reference-home .recent-work-section,
  .reference-home .credentials-band { padding: 44px 22px !important; }
  .reference-home .service-assurance { padding: 36px 22px 44px !important; }
  .reference-home .trust-grid { grid-template-columns: minmax(0, 1fr) !important; padding: 28px 22px !important; gap: 22px !important; }
  .reference-home .section-head h2, .reference-home .facebook-proof h2,
  .reference-home .credentials-main h2, .reference-home .recent-work-card h2 { font-size: 28px !important; line-height: 1.5 !important; }
  .reference-home .proof-list { grid-template-columns: minmax(0, 1fr) !important; }
  .reference-home .proof-contact-card { padding: 24px 20px !important; }
  .reference-home .proof-contact-card h3 { font-size: 23px !important; }
  .reference-home .proof-contact-card .proof-phone { font-size: 28px; }
  .reference-home .proof-contact-details dd { font-size: 16px; }
  .reference-home .proof-contact-details > div { display: block; }
  .reference-home .assurance-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; }
  .reference-home .credential-card { padding: 20px 16px !important; grid-template-columns: 36px minmax(0, 1fr) !important; gap: 8px 12px !important; }
  .reference-home .credential-card > span { width: 36px !important; height: 36px !important; }
  .reference-home .credential-card strong { font-size: 20px !important; }
  .reference-home .credentials-btn { width: auto !important; }
  .reference-home .recent-work-visual { gap: 20px 12px !important; }
  .reference-home .recent-work-visual figcaption { font-size: 15px; }
  .reference-home .recent-work-card .btn { width: auto !important; max-width: 100% !important; }
}