*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#202b35;background:white;line-height:1.55}.wrap{width:min(1240px,92%);margin:auto}.top{border-bottom:1px solid #e7ebee;background:white;position:sticky;top:0;z-index:10}.bar{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:84px}.logo{font-size:27px;font-weight:900;letter-spacing:-1.4px;text-decoration:none;color:#e58d3d}.logo span{color:#202b35}nav{display:flex;flex-wrap:wrap;gap:19px}nav a{font-size:13px;text-decoration:none;color:#344454;font-weight:650}nav a:hover,.more:hover{color:#d17d32}.action{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:11px;background:#f59e42;color:#202b35;text-decoration:none;font-weight:800;white-space:nowrap}.lead{background:#f6f7f8;padding:100px 0 110px}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:800;color:#b46c2d;text-transform:uppercase}.lead h1{font-size:clamp(46px,6vw,82px);line-height:1.04;letter-spacing:-.06em;max-width:950px;margin:24px 0}.lead p{max-width:700px;font-size:21px;color:#64717d;margin-bottom:34px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:100px 0}.detail h2{font-size:clamp(30px,3.4vw,50px);line-height:1.12;letter-spacing:-.045em}.detail p{font-size:18px;color:#667481}.photo{height:390px;overflow:hidden;border-radius:20px}.photo img{height:100%;width:100%;object-fit:cover}.more{font-weight:800;text-decoration:none;color:#202b35}.callout{background:#202b35;color:white;padding:50px 60px;border-radius:20px;margin-bottom:70px}.callout h2{font-size:36px;margin:0}.callout p{color:#cad3da}.foot{padding:25px 0 45px;color:#64717d;font-size:13px}@media(max-width:900px){.bar{flex-wrap:wrap;padding:15px 0}nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap}.detail{grid-template-columns:1fr;padding:60px 0}.lead{padding:70px 0}}@media(max-width:600px){.lead{padding:55px 0}.lead h1{font-size:42px}.lead p{font-size:17px}.photo{height:250px}.callout{padding:30px}.bar .action{padding:10px}}

/* Unified site-wide header typography and alignment, matching homepage */
.top .bar{width:min(1320px,92%);min-height:96px;display:grid;grid-template-columns:210px minmax(0,1fr) 200px;gap:24px;align-items:center}
.top .logo{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:27px;font-weight:850;letter-spacing:-.055em;line-height:1.1}
.top nav{display:flex;align-items:center;justify-content:center;gap:clamp(15px,1.4vw,24px);flex-wrap:nowrap}
.top nav a{font-family:Arial,"Segoe UI",sans-serif;font-size:15px;font-weight:600;letter-spacing:0;line-height:1.35;white-space:nowrap}
.top .action{justify-self:end;font-family:Arial,"Segoe UI",sans-serif;font-size:15px;font-weight:700;min-height:46px;padding:0 19px;border-radius:10px}
@media(max-width:1150px){.top .bar{display:flex;flex-wrap:wrap;gap:18px;padding:14px 0}.top nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;gap:18px}.top nav a{font-size:14px}}
@media(max-width:600px){.top .logo{font-size:25px}.top .action{min-height:42px;font-size:13px;padding:0 13px}.top nav a{font-size:13px}}


/* 2026-10-20: unified visual scale across all public pages. */
html{font-size:16px}
body{
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.wrap{width:min(1320px,92%);margin-inline:auto}

/* Match subpage header to homepage exactly. */
.top{padding:0}
.top .bar{
  width:min(1320px,92%);
  min-height:70px;
  display:grid;
  grid-template-columns:170px minmax(0,1fr) 190px;
  gap:24px;
  align-items:center;
}
.top .logo{
  font-size:25px;
  font-weight:850;
  line-height:1.1;
  letter-spacing:-.055em;
}
.top nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(12px,1.3vw,21px);
  flex-wrap:nowrap;
}
.top nav a{
  font-family:Arial,"Segoe UI",sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:1.35;
  white-space:nowrap;
}
.top .action{
  justify-self:end;
  min-height:42px;
  padding:0 19px;
  border-radius:10px;
  font-family:Arial,"Segoe UI",sans-serif;
  font-size:13px;
  font-weight:700;
}

/* Keep hero/content type on one consistent scale between sections/pages. */
.lead{padding:58px 0 62px}
.lead h1{
  font-size:clamp(38px,4.2vw,56px);
  line-height:1.09;
  letter-spacing:-.052em;
  margin:17px 0 20px;
}
.lead p{
  font-size:16px;
  line-height:1.72;
  max-width:790px;
  margin:0 0 25px;
}
.eyebrow{
  font-size:11px;
  line-height:1.3;
  letter-spacing:.16em;
}
.callout h2{font-size:clamp(30px,3.3vw,44px)}

@media(max-width:1150px){
  .top .bar{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    min-height:70px;
    padding:12px 0;
  }
  .top nav{
    order:3;
    width:100%;
    justify-content:flex-start;
    overflow-x:auto;
    gap:18px;
  }
  .top nav a{font-size:13px}
}
@media(max-width:600px){
  .top .logo{font-size:24px}
  .top .action{min-height:40px;padding:0 13px;font-size:12px}
  .lead{padding:40px 0 44px}
  .lead h1{font-size:36px}
  .lead p{font-size:15px}
}


/* 2026-10-20 definitive subpage scale: mirror homepage header and typography. */
:root{
  --dv-ink:#202630;
  --dv-muted:#626d77;
  --dv-orange:#e97520;
  --dv-line:#e6e8e8;
}
html{font-size:16px!important}
body.services-page,
body.equipment-page,
body.how-page,
body.partner-page,
body.contact-page{
  margin:0!important;
  background:#fff!important;
  color:var(--dv-ink)!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.55!important;
  -webkit-font-smoothing:antialiased;
}
body.services-page .wrap,
body.equipment-page .wrap,
body.how-page .wrap,
body.partner-page .wrap,
body.contact-page .wrap{
  width:min(1320px,92%)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Header: exact desktop proportions used on homepage. */
body.services-page .top,
body.equipment-page .top,
body.how-page .top,
body.partner-page .top,
body.contact-page .top{
  position:sticky!important;
  top:0!important;
  z-index:50!important;
  padding:0!important;
  background:#fff!important;
  border-bottom:1px solid var(--dv-line)!important;
  box-shadow:none!important;
}
body.services-page .top .bar,
body.equipment-page .top .bar,
body.how-page .top .bar,
body.partner-page .top .bar,
body.contact-page .top .bar{
  width:min(1320px,92%)!important;
  min-height:70px!important;
  display:grid!important;
  grid-template-columns:170px minmax(0,1fr) 190px!important;
  gap:24px!important;
  align-items:center!important;
  padding:0!important;
  margin:auto!important;
}
body.services-page .top .logo,
body.equipment-page .top .logo,
body.how-page .top .logo,
body.partner-page .top .logo,
body.contact-page .top .logo{
  color:var(--dv-orange)!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:25px!important;
  font-weight:850!important;
  letter-spacing:-.055em!important;
  line-height:1.1!important;
  text-decoration:none!important;
}
body.services-page .top .logo span,
body.equipment-page .top .logo span,
body.how-page .top .logo span,
body.partner-page .top .logo span,
body.contact-page .top .logo span{
  color:var(--dv-ink)!important;
}
body.services-page .top nav,
body.equipment-page .top nav,
body.how-page .top nav,
body.partner-page .top nav,
body.contact-page .top nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:clamp(12px,1.3vw,21px)!important;
  width:auto!important;
  order:initial!important;
  overflow:visible!important;
}
body.services-page .top nav a,
body.equipment-page .top nav a,
body.how-page .top nav a,
body.partner-page .top nav a,
body.contact-page .top nav a{
  color:#344454!important;
  font-family:Arial,"Segoe UI",sans-serif!important;
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
body.services-page .top .action,
body.equipment-page .top .action,
body.how-page .top .action,
body.partner-page .top .action,
body.contact-page .top .action{
  justify-self:end!important;
  min-height:42px!important;
  padding:0 19px!important;
  border-radius:10px!important;
  background:var(--dv-orange)!important;
  color:#fff!important;
  font-family:Arial,"Segoe UI",sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
}

/* Hero scale: same hierarchy as homepage, without page-specific zoom jumps. */
body.services-page .lead,
body.equipment-page .lead,
body.how-page .lead,
body.partner-page .lead,
body.contact-page .lead{
  padding:58px 0 62px!important;
  background:#f7f7f5!important;
}
body.services-page .lead .eyebrow,
body.equipment-page .lead .eyebrow,
body.how-page .lead .eyebrow,
body.partner-page .lead .eyebrow,
body.contact-page .lead .eyebrow,
body.services-page .eyebrow,
body.equipment-page .eyebrow,
body.how-page .eyebrow,
body.partner-page .eyebrow,
body.contact-page .eyebrow{
  color:#ad5519!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
body.services-page .lead h1,
body.equipment-page .lead h1,
body.how-page .lead h1,
body.partner-page .lead h1,
body.contact-page .lead h1{
  max-width:980px!important;
  margin:17px 0 20px!important;
  font-size:clamp(39px,3.85vw,55px)!important;
  font-weight:700!important;
  line-height:1.09!important;
  letter-spacing:-.047em!important;
}
body.services-page .lead p,
body.equipment-page .lead p,
body.how-page .lead p,
body.partner-page .lead p,
body.contact-page .lead p{
  max-width:790px!important;
  margin:0 0 25px!important;
  color:var(--dv-muted)!important;
  font-size:16px!important;
  line-height:1.72!important;
}

/* Shared content typography. */
body.services-page main h2,
body.equipment-page main h2,
body.how-page main h2,
body.partner-page main h2,
body.contact-page main h2{
  font-size:clamp(30px,3.3vw,44px)!important;
  line-height:1.15!important;
  letter-spacing:-.045em!important;
}
body.services-page main h3,
body.equipment-page main h3,
body.how-page main h3,
body.partner-page main h3,
body.contact-page main h3{
  line-height:1.2!important;
  letter-spacing:-.03em!important;
}
body.services-page main p,
body.equipment-page main p,
body.how-page main p,
body.partner-page main p,
body.contact-page main p{
  font-size:15px;
}
body.services-page .foot,
body.equipment-page .foot,
body.how-page .foot,
body.partner-page .foot,
body.contact-page .foot{
  font-size:13px!important;
}

/* Prevent page-local styles from inflating the CTA buttons. */
body.services-page main .action,
body.equipment-page main .action,
body.how-page main .action,
body.partner-page main .action,
body.contact-page main .action{
  min-height:46px!important;
  padding:0 20px!important;
  font-size:14px!important;
  border-radius:9px!important;
}

@media(max-width:1150px){
  body.services-page .top .bar,
  body.equipment-page .top .bar,
  body.how-page .top .bar,
  body.partner-page .top .bar,
  body.contact-page .top .bar{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:18px!important;
    min-height:70px!important;
    padding:12px 0!important;
  }
  body.services-page .top nav,
  body.equipment-page .top nav,
  body.how-page .top nav,
  body.partner-page .top nav,
  body.contact-page .top nav{
    order:3!important;
    width:100%!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    gap:18px!important;
  }
}
@media(max-width:600px){
  body.services-page .top .logo,
  body.equipment-page .top .logo,
  body.how-page .top .logo,
  body.partner-page .top .logo,
  body.contact-page .top .logo{font-size:24px!important}
  body.services-page .top .action,
  body.equipment-page .top .action,
  body.how-page .top .action,
  body.partner-page .top .action,
  body.contact-page .top .action{
    min-height:40px!important;
    padding:0 13px!important;
    font-size:12px!important;
  }
  body.services-page .lead,
  body.equipment-page .lead,
  body.how-page .lead,
  body.partner-page .lead,
  body.contact-page .lead{padding:40px 0 44px!important}
  body.services-page .lead h1,
  body.equipment-page .lead h1,
  body.how-page .lead h1,
  body.partner-page .lead h1,
  body.contact-page .lead h1{font-size:36px!important}
  body.services-page .lead p,
  body.equipment-page .lead p,
  body.how-page .lead p,
  body.partner-page .lead p,
  body.contact-page .lead p{font-size:15px!important}
}
