:root{
  --navy:#071f2f;
  --gold:#d7a15b;
  --cream:#f5efe5;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--navy);font-family:Arial,sans-serif}


.hotspot{position:absolute;display:block;z-index:20;border-radius:6px}
.hotspot:focus{outline:3px solid rgba(215,161,91,.9);outline-offset:2px}
.contact-input,.contact-select,.contact-textarea{
  position:absolute;z-index:25;background:transparent;border:0;color:#0b2940;
  font:inherit;padding:0 1%;outline:none;
}
.contact-input:focus,.contact-select:focus,.contact-textarea:focus{
  box-shadow:0 0 0 3px rgba(215,161,91,.45);border-radius:3px;
}
.contact-select{appearance:auto}
.contact-submit{
  position:absolute;z-index:26;border:0;background:transparent;cursor:pointer;
}
.visually-hidden{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.mobile-note{display:none}
@media(max-width:700px){
  
  body{overflow-x:auto}
}

/* Exact-fidelity v5: preserve native raster sharpness and avoid desktop upscaling */
html, body {
  margin: 0;
  min-height: 100%;
  background: #071f2f;
}
body {
  overflow-x: auto;
}
.page-shell {
  position: relative;
  margin: 0 auto;
  background: #071f2f;
}
.page-render {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
.hotspot {
  position: absolute;
  display: block;
  z-index: 50;
  cursor: pointer;
  background: rgba(255,255,255,0);
}
.hotspot:focus-visible {
  outline: 3px solid rgba(215,161,91,.95);
  outline-offset: 2px;
}

/* Each page uses its rendering's actual width; the browser may scale DOWN on narrow screens,
   but never scales UP on wide screens, preventing additional blur. */
body.page-home .page-shell { width: 1024px; }
body.page-about .page-shell { width: 828px; }
body.page-services .page-shell { width: 1024px; }
body.page-process .page-shell { width: 981px; }
body.page-subnet .page-shell { width: 962px; }
body.page-contact .page-shell { width: 1024px; }
body.page-marketnow .page-shell,
body.page-rapidremodel .page-shell { width: 768px; }
body.page-fedready .page-shell { width: 1204px; }

@media (max-width: 1204px) {
  body.page-fedready .page-shell { width: 100%; }
}
@media (max-width: 1024px) {
  body.page-home .page-shell,
  body.page-services .page-shell,
  body.page-contact .page-shell { width: 100%; }
}
@media (max-width: 981px) {
  body.page-process .page-shell { width: 100%; }
}
@media (max-width: 962px) {
  body.page-subnet .page-shell { width: 100%; }
}
@media (max-width: 828px) {
  body.page-about .page-shell { width: 100%; }
}
@media (max-width: 768px) {
  body.page-marketnow .page-shell,
  body.page-rapidremodel .page-shell { width: 100%; }
}

.fedready-chip{
  position:absolute; z-index:60; top:.9%; right:17.8%;
  padding:.34rem .52rem; background:#071f2f; color:#d7a15b;
  border:1px solid rgba(215,161,91,.55); border-radius:3px;
  font:700 10px/1 Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase;
}
@media(max-width:800px){.fedready-chip{font-size:8px;padding:.28rem .4rem}}