/* Exact header style from /services/selection/; scoped to inspection header only. */
.header{
  --header-accent:#f1c232;
  --header-accent2:#ffcf3f;
  --header-line:#e2e2dc;
  --header-muted:#67685f;
  --header-max:1180px;
  position:sticky;top:0;z-index:50;
  background:rgba(17,18,15,.96);
  backdrop-filter:blur(15px);
  border-bottom:1px solid rgba(255,255,255,.08);
  font-family:Inter,Arial,"Helvetica Neue",sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:normal;
}
.header,.header *{box-sizing:border-box}
.header a{color:inherit;text-decoration:none}
.header button{font:inherit}
.header .container{width:min(var(--header-max),calc(100% - 40px));margin:auto}
.header .header-row{height:76px;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:22px}
.header .brand{display:flex;align-items:center;gap:12px;color:white;font-size:18px;font-weight:900;letter-spacing:.01em;white-space:nowrap}
.header .brand.brand-logo{display:flex;align-items:center;margin:0;flex:0 0 auto}
.header .brand.brand-logo img{display:block;height:54px;width:auto;max-width:205px;object-fit:contain}
.header .nav{display:flex;align-items:center;gap:24px;color:#e7e8e2;font-size:14px;font-weight:400;line-height:1.5}
.header .nav a{color:#e7e8e2;white-space:nowrap}
.header .nav a:hover{color:var(--header-accent)}
.header .header-actions{display:flex;gap:10px;align-items:center}
.header .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:12px;border:1px solid transparent;font-weight:850;cursor:pointer;transition:.18s ease;min-height:48px;width:auto;text-decoration:none}
.header .btn:hover{transform:translateY(-1px)}
.header .btn.accent{background:var(--header-accent);color:#14150f}
.header .btn.accent:hover{background:var(--header-accent2)}
/* This rule exists on /services/selection/ and is critical: it resets the inspection page's .btn typography. */
.header .header-actions button.btn{font:inherit;letter-spacing:normal;width:auto}
.header .menu-btn{display:none;background:none;border:0;color:white;font-size:28px;cursor:pointer}

.contact-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.56);z-index:89;opacity:0;pointer-events:none;transition:.18s ease;backdrop-filter:blur(4px)}.contact-backdrop.open{opacity:1;pointer-events:auto}.contact-panel{--header-accent:#f1c232;--header-line:#e2e2dc;--header-muted:#67685f;--header-max:1180px;position:fixed;z-index:90;top:86px;right:max(20px,calc((100vw - var(--header-max))/2));width:min(390px,calc(100vw - 28px));background:#fff;border:1px solid var(--header-line);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.28);padding:20px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.18s ease;color:#11120f;font-family:Inter,Arial,"Helvetica Neue",sans-serif}.contact-panel.open{opacity:1;transform:translateY(0);pointer-events:auto}.contact-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px}.contact-panel h3{font-size:23px;line-height:1.1;margin:0 0 5px}.contact-panel p{margin:0;color:var(--header-muted);font-size:13px}.contact-close{border:0;background:#f0f0ec;width:36px;height:36px;border-radius:11px;font-size:22px;cursor:pointer;display:grid;place-items:center}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-option{display:flex;align-items:center;gap:11px;border:1px solid var(--header-line);border-radius:14px;padding:13px;background:#fff;color:#11120f;font-weight:850;cursor:pointer;text-align:left;transition:.15s ease;text-decoration:none}.contact-option:hover{border-color:#c9a522;box-shadow:0 5px 16px rgba(0,0,0,.06)}.contact-option-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:12px;font-weight:950;background:transparent;color:var(--header-accent);flex:0 0 auto;overflow:hidden}.contact-option-icon img{width:100%;height:100%;display:block;object-fit:contain}.contact-option.phone .contact-option-icon{background:var(--header-accent);color:#11120f}.contact-option.phone .contact-option-icon svg{width:22px;height:22px;fill:currentColor}.contact-option small{display:block;font-weight:600;color:var(--header-muted);font-size:11px;margin-top:2px}.contact-panel-note{margin-top:12px;padding-top:12px;border-top:1px solid var(--header-line);font-size:11px;color:#77786f}body.contact-open{overflow:hidden}

@media(max-width:1180px){
  .header .brand.brand-logo img{height:47px;max-width:172px}
  .header .nav{gap:15px;font-size:13px}
}
@media(max-width:1040px){
  .header .nav{display:none;position:absolute;left:0;right:0;top:76px;background:#11120f;padding:20px;flex-direction:column;align-items:flex-start;border-top:1px solid #2a2b25}
  .header .nav.open{display:flex}
  .header .menu-btn{display:block}
  .header .header-actions .btn{display:none}
}
@media(max-width:900px){.header .brand.brand-logo img{height:48px;max-width:180px}}
@media(max-width:760px){
  .header .container{width:min(var(--header-max),calc(100% - 28px))}
  .contact-panel{top:auto;left:14px;right:14px;bottom:14px;width:auto;border-radius:22px}
  .contact-options{grid-template-columns:1fr}
}
@media(max-width:480px){.header .brand.brand-logo img{height:44px;max-width:165px}}