/* Homepage-parity chrome and readable light surfaces for the public blog and contact routes.
   Route-scoped; never applies to owner, technician, signup, admin, or customer QR flows. */
body[data-repmation-surface='blog'],body.rm-page-contact{margin:0;background:#F7F4F1!important;color:#171513!important;font:400 16px/1.7 Archivo,Arial,sans-serif}
body[data-repmation-surface='blog'] .stripe,body.rm-page-contact .stripe{display:none}
body[data-repmation-surface='blog'] .rm-nav,body.rm-page-contact .rm-nav{
  position:sticky;top:0;z-index:100;min-height:72px;padding:11px clamp(18px,3.2vw,44px)!important;
  background:#171513!important;border-bottom:1px solid #3A342E!important;
  box-shadow:0 10px 30px rgba(23,21,19,.2)!important;color:#F7F4F1!important
}
body[data-repmation-surface='blog'] .rm-nav>.repmation-shared-brand,
body.rm-page-contact .rm-nav>.repmation-shared-brand{display:inline-flex!important;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}
body[data-repmation-surface='blog'] .rm-nav .repmation-shared-brand .brand-mark,
body.rm-page-contact .rm-nav .repmation-shared-brand .brand-mark{width:32px!important;height:32px!important}
body[data-repmation-surface='blog'] .rm-nav .repmation-shared-brand .brand-wordmark,
body.rm-page-contact .rm-nav .repmation-shared-brand .brand-wordmark{color:#FFFFFF!important;font:800 27px/1 Archivo,Arial,sans-serif!important;letter-spacing:-.035em}
body[data-repmation-surface='blog'] .rm-nav .rm-navlinks a,
body.rm-page-contact .rm-nav .rm-navlinks a{color:#E6DFDA!important;font:700 15px/1.2 'Barlow Condensed','Arial Narrow',sans-serif!important;letter-spacing:.075em!important;text-transform:uppercase!important}
body[data-repmation-surface='blog'] .rm-nav .rm-navlinks a:hover,
body.rm-page-contact .rm-nav .rm-navlinks a:hover{color:#FFFFFF!important}
body[data-repmation-surface='blog'] .rm-nav .rm-authbtns .rm-link,
body.rm-page-contact .rm-nav .rm-authbtns .rm-link{color:#E6DFDA!important;font:700 15px/1.2 'Barlow Condensed','Arial Narrow',sans-serif!important;letter-spacing:.075em!important;text-transform:uppercase!important}
body[data-repmation-surface='blog'] .rm-nav .rm-authbtns .rm-btn,
body.rm-page-contact .rm-nav .rm-authbtns .rm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 17px!important;border-radius:8px;background:#F54703!important;color:#FFF!important;font:800 13px/1 Archivo,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
body[data-repmation-surface='blog'] .rm-nav .rm-burger,
body.rm-page-contact .rm-nav .rm-burger{min-width:44px;min-height:44px;border:1px solid #F54703;border-radius:8px;background:#F54703!important}
body[data-repmation-surface='blog'] .rm-nav .rm-burger .bars span,
body.rm-page-contact .rm-nav .rm-burger .bars span{background:#FFFFFF!important}
body[data-repmation-surface='blog'] .rm-nav .rm-menu,
body.rm-page-contact .rm-nav .rm-menu{background:#171513!important;border-bottom:1px solid #3A342E!important}
body[data-repmation-surface='blog'] .rm-nav .rm-menu a,
body.rm-page-contact .rm-nav .rm-menu a{min-height:48px;color:#F7F4F1!important;font:700 16px/1.25 'Barlow Condensed','Arial Narrow',sans-serif!important;letter-spacing:.075em!important;text-transform:uppercase!important}
body[data-repmation-surface='blog'] .rm-nav .rm-menu-auth a,
body.rm-page-contact .rm-nav .rm-menu-auth a{min-height:48px;border-radius:8px;font:800 13px/1.25 Archivo,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
body[data-repmation-surface='blog'] .rm-nav .rm-menu-auth .login,
body.rm-page-contact .rm-nav .rm-menu-auth .login{background:transparent!important;border:1px solid rgba(247,244,241,.6);color:#FFFFFF!important}
body[data-repmation-surface='blog'] .rm-nav .rm-menu-auth .signup,
body.rm-page-contact .rm-nav .rm-menu-auth .signup{background:#F54703!important;color:#FFFFFF!important}
body[data-repmation-surface='blog'] main h1,body[data-repmation-surface='blog'] main h2,body[data-repmation-surface='blog'] main h3,
body.rm-page-contact main h1,body.rm-page-contact main h2,body.rm-page-contact main h3{
  color:#171513;font-family:Archivo,Arial,sans-serif!important;text-transform:none!important;letter-spacing:-.045em;line-height:1.08
}
body[data-repmation-surface='blog'] main p,body.rm-page-contact main p{color:#625C57;line-height:1.7}
body[data-repmation-surface='blog'] main .eyebrow,body.rm-page-contact main .eyebrow{
  display:flex;align-items:center;gap:12px;color:#625C57!important;
  font:700 13px/1.2 'Barlow Condensed','Arial Narrow',sans-serif!important;letter-spacing:.12em!important
}
body[data-repmation-surface='blog'] main .eyebrow::before,body.rm-page-contact main .eyebrow::before{content:'';display:block;flex-shrink:0;width:30px;height:2px;background:#F54703}
body[data-repmation-surface='blog'] .site-footer,body.rm-page-contact .site-footer{
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;padding:24px 24px 28px;background:#171513;color:#E6DFDA;text-align:center
}
body[data-repmation-surface='blog'] .site-footer .footer-brand,body.rm-page-contact .site-footer .footer-brand{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:36px;
  color:#FFFFFF;text-decoration:none;font:800 22px/1 Archivo,Arial,sans-serif
}
body[data-repmation-surface='blog'] .site-footer .footer-brand img,body.rm-page-contact .site-footer .footer-brand img{height:30px;width:auto}
body[data-repmation-surface='blog'] .site-footer .footer-brand .brand-mark,body.rm-page-contact .site-footer .footer-brand .brand-mark{width:30px;height:30px}
body[data-repmation-surface='blog'] .site-footer .footer-brand .brand-wordmark,body.rm-page-contact .site-footer .footer-brand .brand-wordmark{font-size:22px}
body[data-repmation-surface='blog'] .site-footer nav,body.rm-page-contact .site-footer nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 clamp(16px,3vw,32px)}
body[data-repmation-surface='blog'] .site-footer nav a,body.rm-page-contact .site-footer nav a{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 0;
  color:#E6DFDA;font:500 13px/1.4 Archivo,Arial,sans-serif;letter-spacing:0;text-decoration:none;text-transform:none
}
body[data-repmation-surface='blog'] .site-footer .footer-meta,body.rm-page-contact .site-footer .footer-meta{
  display:flex;align-items:center;justify-content:center;gap:20px;color:#ADA49E;
  font:400 12px/1.45 Archivo,Arial,sans-serif;white-space:nowrap
}
body[data-repmation-surface='blog'] .site-footer .footer-meta a,body.rm-page-contact .site-footer .footer-meta a{
  display:inline-flex;align-items:center;min-height:36px;color:#C9BFB9;text-decoration:underline;text-underline-offset:3px
}
body[data-repmation-surface='blog'] .site-footer a:hover,body.rm-page-contact .site-footer a:hover{color:#FFFFFF}
body[data-repmation-surface='blog'] :is(a,button):focus-visible,body.rm-page-contact :is(a,button,input,textarea):focus-visible{outline:3px solid #F54703;outline-offset:3px}
/* Contact: clean paper hero, readable form, and a restrained supporting panel. */
body.rm-page-contact .contact-hero-band{background:#F7F4F1;border-bottom:1px solid #E3DCD5}
body.rm-page-contact .contact-hero{max-width:1268px;margin:auto;padding:clamp(52px,7vw,94px) clamp(20px,4vw,44px) clamp(44px,5vw,70px)}
body.rm-page-contact .contact-hero h1{max-width:1000px;font-size:clamp(42px,6vw,72px);font-weight:800;line-height:1.01;letter-spacing:-.055em;text-wrap:balance}
body.rm-page-contact .contact-hero p{max-width:760px;margin:24px 0 0;color:#625C57;font-size:clamp(16px,1.5vw,18px)}
body.rm-page-contact .contact-wrap{max-width:1268px;padding:clamp(38px,5vw,70px) clamp(20px,4vw,44px) 90px}
body.rm-page-contact .contact-split form{padding:clamp(24px,4vw,38px)!important;background:#FFFFFF!important;border:1px solid #E3DCD5!important;border-radius:20px;box-shadow:0 13px 38px rgba(23,21,19,.07)}
body.rm-page-contact .contact-split form label{color:#49413C!important;font:700 13px/1.4 Archivo,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
body.rm-page-contact .contact-split form label span{color:#625C57!important}
body.rm-page-contact .contact-split form .rm-input{min-height:48px;padding:13px 15px!important;border:1px solid #C9BDB4!important;border-radius:10px;background:#FFFFFF!important;color:#171513!important;font:400 16px/1.5 Archivo,Arial,sans-serif!important}
body.rm-page-contact .contact-split form .rm-input::placeholder{color:#625C57!important}
body.rm-page-contact .contact-split form .rm-input:focus{outline:3px solid rgba(245,71,3,.17)!important;outline-offset:1px;border-color:#B8300A!important}
body.rm-page-contact .contact-split form .rm-input.invalid{border-color:#B8300A!important}
body.rm-page-contact .contact-split form .field-error{border:1px solid #B8300A;background:#FFF7F2;color:#8B2804;box-shadow:0 12px 26px rgba(23,21,19,.12)}
body.rm-page-contact .contact-split form .field-error::before{background:#FFF7F2}
body.rm-page-contact .contact-split .contact-notice{padding:14px 16px;border-radius:10px;font-size:15px;line-height:1.5}
body.rm-page-contact .contact-split .contact-notice.success{background:#EAF5EE!important;border:1px solid #176B45!important;color:#176B45!important}
body.rm-page-contact .contact-split .contact-notice.error{background:#FFF2E9!important;border:1px solid #B8300A!important;color:#8B2804!important}
body.rm-page-contact .contact-split form .rm-btn{min-height:48px;padding:14px 24px!important;border-radius:8px;background:#F54703!important;color:#FFFFFF!important;font:800 13px/1.2 Archivo,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
body.rm-page-contact .contact-split form .rm-link{min-height:48px;padding:13px 20px!important;border:1px solid #C9BDB4!important;border-radius:8px;color:#171513!important;font:700 13px/1.2 Archivo,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
body.rm-page-contact .contact-split aside>div{padding:clamp(24px,3vw,30px)!important;border:1px solid #E3DCD5!important;border-radius:16px;background:#FCFAF8!important}
body.rm-page-contact .contact-split aside>div+div{margin-top:14px;border-top:1px solid #E3DCD5!important;background:#FFFFFF!important}
body.rm-page-contact .contact-split aside>div>div:first-child{color:#625C57!important;font:700 13px/1.3 'Barlow Condensed','Arial Narrow',sans-serif!important;letter-spacing:.12em!important}
body.rm-page-contact .contact-split aside>div>div:nth-child(2){color:#171513!important;font:800 clamp(23px,2.3vw,30px)/1.12 Archivo,Arial,sans-serif!important;letter-spacing:-.04em!important;text-transform:none!important}
body.rm-page-contact .contact-split aside p{color:#625C57!important;font:400 15px/1.65 Archivo,Arial,sans-serif!important}
body.rm-page-contact .contact-split aside .rm-ghost{display:inline-flex;align-items:center;min-height:44px;padding:11px 18px!important;border:1px solid #C9BDB4!important;border-radius:8px;color:#171513!important;text-decoration:none;font:700 13px/1.25 Archivo,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
/* Blog index, article and article-not-found routes. */
body[data-repmation-surface='blog'] .hero-band{background:#F7F4F1;border-bottom:1px solid #E3DCD5}
body[data-repmation-surface='blog'] .hero{max-width:1268px;padding:clamp(52px,7vw,94px) clamp(20px,4vw,44px) clamp(44px,5vw,70px)}
body[data-repmation-surface='blog'] .hero h1{font-size:clamp(42px,6vw,72px);font-weight:800;line-height:1.04;letter-spacing:-.05em;text-wrap:balance}
body[data-repmation-surface='blog'] .hero p{max-width:750px;color:#625C57;font-size:clamp(16px,1.6vw,18px)}
body[data-repmation-surface='blog'] .posts{max-width:1268px;padding:clamp(38px,5vw,70px) clamp(20px,4vw,44px) 90px}
body[data-repmation-surface='blog'] .post-card,body[data-repmation-surface='blog'] .empty{
  border:1px solid #E3DCD5;border-radius:16px;background:#FFFFFF;box-shadow:0 13px 38px rgba(23,21,19,.055)
}
body[data-repmation-surface='blog'] .post-card .meta{color:#9B300A;font:700 12px/1.4 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.1em}
body[data-repmation-surface='blog'] .post-card h2{font:800 clamp(24px,2.6vw,32px)/1.12 Archivo,Arial,sans-serif!important;letter-spacing:-.035em}
body[data-repmation-surface='blog'] .post-card h2 a{color:#171513}
body[data-repmation-surface='blog'] .post-card h2 a:hover{color:#9B300A}
body[data-repmation-surface='blog'] .post-card p{color:#625C57;font-size:16px}
body[data-repmation-surface='blog'] .post-card .foot{border-top:1px solid #ECE6E0;color:#625C57;font:500 12px/1.5 'IBM Plex Mono',monospace;letter-spacing:0}
body[data-repmation-surface='blog'] .post-card .foot a{color:#9B300A}
body[data-repmation-surface='blog'] .article{max-width:1268px;padding:clamp(40px,6vw,72px) clamp(20px,4vw,44px) 34px}
body[data-repmation-surface='blog'] .article h1{font:800 clamp(40px,5.2vw,64px)/1.08 Archivo,Arial,sans-serif!important;letter-spacing:-.055em;text-wrap:balance}
body[data-repmation-surface='blog'] .article .back{color:#9B300A;font:700 13px/1.5 'Barlow Condensed','Arial Narrow',sans-serif}
body[data-repmation-surface='blog'] .article .dek{color:#625C57;font-size:clamp(17px,2vw,20px);line-height:1.65}
body[data-repmation-surface='blog'] .article .meta{border-top:1px solid #E3DCD5;color:#625C57}
body[data-repmation-surface='blog'] .article .meta .chip{background:#FFF2E9;border-color:#F9CDBA;color:#9B300A}
body[data-repmation-surface='blog'] .layout{max-width:1268px;padding-inline:clamp(20px,4vw,44px)}
body[data-repmation-surface='blog'] .toc-title{color:#625C57}
body[data-repmation-surface='blog'] .toc a{color:#625C57;border-left-color:#E3DCD5}
body[data-repmation-surface='blog'] .toc a:hover,body[data-repmation-surface='blog'] .toc a.active{color:#9B300A}
body[data-repmation-surface='blog'] .body{border:1px solid #E3DCD5;border-radius:18px;box-shadow:0 13px 38px rgba(23,21,19,.06);background:#FFFFFF}
body[data-repmation-surface='blog'] .body h2{font:800 clamp(26px,3vw,36px)/1.15 Archivo,Arial,sans-serif!important;letter-spacing:-.04em}
body[data-repmation-surface='blog'] .body h3{font:800 23px/1.2 Archivo,Arial,sans-serif!important;letter-spacing:-.02em}
body[data-repmation-surface='blog'] .body p,body[data-repmation-surface='blog'] .body li{color:#38322E;font-size:17px;line-height:1.8}
body[data-repmation-surface='blog'] .ctaband{border-top:1px solid #E3DCD5}
body[data-repmation-surface='blog'] .cta-card{border:1px solid #E3DCD5;border-radius:16px;overflow:hidden;background:#FFFFFF}
body[data-repmation-surface='blog'] .cta-inner h2{color:#171513!important}
body[data-repmation-surface='blog'] .cta-inner p{color:#625C57}
body[data-repmation-surface='blog'] .cta-inner .go{border-radius:8px;background:#F54703;color:#FFFFFF;font:800 13px/1.3 Archivo,Arial,sans-serif;letter-spacing:0;text-transform:none}
body[data-repmation-surface='blog'] .hero-404{max-width:1268px;margin:auto}
body[data-repmation-surface='blog'] .hero-404 h1{color:#171513}
body[data-repmation-surface='blog'] .hero-404 .trust{color:#625C57}
body[data-repmation-surface='blog'] .hero-404 .trust strong{color:#171513}
body[data-repmation-surface='blog'] .card-404{border:1px solid #E3DCD5;border-radius:18px;background:#FFFFFF}
body[data-repmation-surface='blog'] .card-404 .links-404 a{color:#9B300A;border-top-color:#ECE6E0}
body[data-repmation-surface='blog'] .card-404 h2{color:#171513}
body[data-repmation-surface='blog'] .hero-404 .button.secondary{border-color:#C9BDB4;color:#171513}
@media(max-width:1024px){
 body[data-repmation-surface='blog'] .rm-nav .rm-navlinks,body[data-repmation-surface='blog'] .rm-nav .rm-authbtns,body.rm-page-contact .rm-nav .rm-navlinks,body.rm-page-contact .rm-nav .rm-authbtns{display:none!important}
 body[data-repmation-surface='blog'] .rm-nav .rm-burger,body.rm-page-contact .rm-nav .rm-burger{display:flex!important}
}
@media(max-width:680px){
 body.rm-page-contact .contact-wrap{padding-bottom:68px}
 body.rm-page-contact .contact-split form{padding:24px 20px!important}
 body[data-repmation-surface='blog'] .body{padding:30px 22px}
 body[data-repmation-surface='blog'] .site-footer,body.rm-page-contact .site-footer{gap:8px;padding:20px 16px 24px}
 body[data-repmation-surface='blog'] .site-footer nav,body.rm-page-contact .site-footer nav{column-gap:18px}
 body[data-repmation-surface='blog'] .site-footer nav a,body.rm-page-contact .site-footer nav a{font-size:12px}
 body[data-repmation-surface='blog'] .site-footer .footer-meta,body.rm-page-contact .site-footer .footer-meta{gap:clamp(8px,2.5vw,12px);font-size:clamp(10px,2.8vw,11px)}
}