@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102b4b;--blue:#0e6bad;--ice:#f3f7fb;--line:#dbe5ed;--muted:#5a6c7d;--ink:#182c3f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:15px/1.6 'DM Sans',Arial,sans-serif}a{text-decoration:none;color:var(--blue)}.wrap{width:min(1140px,calc(100% - 48px));margin:auto}.top{background:white;border-bottom:1px solid var(--line)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:13px;color:#173455}.logo{font:800 27px Manrope,Arial;letter-spacing:-2px;color:#115e98}.logo span{color:#6d8ba0}.brand strong{display:block;font:800 12px Manrope;letter-spacing:1.3px}.brand small{display:block;font-size:10px;color:#5d788c}.contact{border:1px solid #d4e2ee;padding:9px 15px;border-radius:8px;font-weight:700;font-size:12px}.hero{background:linear-gradient(135deg,#0c2744,#143d60);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .88fr;gap:52px;align-items:center;min-height:480px;padding:44px 0}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2px}.eyebrow{color:#8dcee9}.dot{display:inline-block;width:6px;height:6px;background:#4dd7e3;border-radius:50%;vertical-align:middle;margin:0 5px}.hero h1{font:800 clamp(38px,5vw,64px)/1.11 Manrope;margin:20px 0;letter-spacing:-2.5px}.hero h1 em{font-style:normal;color:#75c1e8}.lead{color:#cadce9;max-width:520px;font-size:16px}.tagline{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.tagline span{border:1px solid #52718a;color:#dcebf4;font-size:10px;letter-spacing:1px;font-weight:700;padding:7px 10px;border-radius:4px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.primary,.secondary{border-radius:6px;padding:12px 17px;font-weight:800;font-size:12px}.primary{background:#75c1e8;color:#072f4d}.secondary{color:white;border:1px solid #6a8aa2}.hero-img{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 24px 70px #00172e80;background:#092039}.hero-img img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.photo-label{position:absolute;bottom:0;left:0;right:0;padding:14px;background:linear-gradient(transparent,#041b30cb);font-size:10px;color:white}.notice{display:flex;gap:14px;background:#fff8e8;border:1px solid #eddcbd;padding:18px;margin:28px 0 0;border-radius:9px;font-size:13px;color:#66502c}.notice-icon{width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#f3d698;text-align:center;font-weight:800}.section{padding:76px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:25px}.section-head p{color:var(--muted);max-width:710px;margin:10px 0 0}.kicker{color:var(--blue)}h2{font:800 clamp(26px,3.2vw,38px)/1.2 Manrope;letter-spacing:-1.2px;margin:9px 0}h3{font:800 18px/1.3 Manrope;letter-spacing:-.35px;margin:15px 0 3px}.stamp{border:1px solid var(--line);color:#7891a4;white-space:nowrap;font-size:10px;padding:7px 10px;letter-spacing:1px;font-weight:800;border-radius:5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.metric{border:1px solid var(--line);padding:28px;border-radius:10px}.metric small,.spec-grid small{font-size:10px;color:#6a8090;font-weight:800;letter-spacing:1px;display:block}.metric b{font:800 46px Manrope;color:#0c416a}.metric b span{font-size:20px;color:#6591ae}.metric div{color:#728b9c;font-size:12px}.panel{border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-title{padding:17px 22px;background:#eaf2f8;font-weight:800;color:#1c4d70}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr)}.spec-grid>div{padding:15px 22px;border-top:1px solid var(--line);min-height:75px}.spec-grid>div:nth-child(odd){border-right:1px solid var(--line)}.spec-grid strong{font-size:14px}.note{padding:13px 22px;background:#f9fbfd;color:#607485;font-size:12px;border-top:1px solid var(--line)}.pale{background:var(--ice)}.equipment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.equip{background:white;border:1px solid #dce7ef;border-radius:10px;padding:24px;display:flex;flex-direction:column}.number{color:#1c6da3;font:800 11px Manrope;letter-spacing:1.2px}.number span{color:#8299aa;margin-left:9px}.model{font-weight:700;color:#637f91;margin:0 0 12px;font-size:12px}.equip>p:not(.model){color:#405b6e;font-size:13px;margin:0 0 15px}.ref{font-size:12px;color:#617d90;background:#f4f8fb;border-radius:5px;padding:10px 12px;margin-top:auto}.equip>a{font-weight:800;font-size:12px;margin-top:13px}.minor{color:#718391;font-size:12px;margin-top:20px}.readiness{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.readiness>div{border:1px solid var(--line);border-radius:8px;padding:20px}.readiness strong{font-size:14px}.readiness p{font-size:12px;color:var(--muted);margin:8px 0 0}.status{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px}.amber{background:#dca441}.blue{background:#4597c6}footer{background:#0e2a45;color:white;padding:34px 0}.footer{display:flex;justify-content:space-between;gap:30px}.footer strong{font:800 13px Manrope;letter-spacing:1px}.footer p,.footer small{color:#a7c0d3;font-size:11px}.footer a{display:block;color:#a9d6f2;font-size:12px;margin-bottom:6px}code{color:#186c9c;background:#e7f0f7;padding:2px 5px;border-radius:3px}@media(max-width:760px){.wrap{width:min(100% - 30px,650px)}.nav{height:70px}.brand strong{font-size:9px}.brand small{font-size:9px}.logo{font-size:21px}.contact{font-size:10px;padding:8px}.hero-grid{grid-template-columns:1fr;gap:24px;padding:47px 0}.hero h1{font-size:40px}.hero-img img{width:100%;height:auto;object-fit:contain}.section{padding:52px 0}.section-head{display:block}.stamp{display:inline-block;margin-top:17px}.metrics{gap:7px}.metric{padding:15px 11px}.metric b{font-size:33px}.metric b span{font-size:13px}.metric small{font-size:8px}.equipment-grid,.readiness{grid-template-columns:1fr}.spec-grid{grid-template-columns:1fr}.spec-grid>div:nth-child(odd){border-right:0}.footer{display:block}.footer>div+div{margin-top:18px}}@media print{.hero{print-color-adjust:exact}.contact,.hero-actions{display:none}.section{padding:30px 0}.equip{break-inside:avoid}.notice{break-inside:avoid}}

.no-doc{font-size:12px;color:#687e90;margin-top:13px;font-weight:700}

/* Installed equipment photographs */
.equipment-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px;margin:15px 0 17px}
.equipment-photo{margin:0;background:#eef4f8;border-radius:8px;overflow:hidden;border:1px solid #dae5ee}
.equipment-photo img{width:100%;height:auto;max-width:100%;object-fit:contain;display:block}
.equipment-photo figcaption{font-size:10px;line-height:1.4;color:#567083;padding:9px 10px}
@media(max-width:760px){.equipment-photo img{height:auto}}

/* Unified compact photo presentation: preserve the complete original image. */
.equipment-photos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  margin: 14px 0 18px;
}
.equipment-photo {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #dae5ee;
  border-radius: 8px;
  overflow: hidden;
}
.equipment-photo img {
  display: block;
  width: 100%;
  height: 180px;
  max-height: 180px;
  object-fit: contain;
  object-position: center;
  padding: 7px;
  background: #f1f5f8;
  flex-shrink: 0;
}
.equipment-photo figcaption {
  padding: 9px 10px;
  font-size: 10px;
  line-height: 1.4;
}
.hero-img {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  background: #092039;
}
.hero-img img {
  width: 100%;
  height: 290px;
  max-height: 290px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 760px) {
  .equipment-photo img { height: 175px; max-height: 175px; }
  .hero-img img { height: 235px; max-height: 235px; }
}

/* VIS corporate brand and full-frame header photograph */
.vis-brand-logo{display:block;width:250px;max-width:100%;height:auto;object-fit:contain;}
.brand{min-width:0;flex:0 1 auto;}
.hero-img{background:#0a2036;}
.hero-img img{display:block;width:100%;height:290px;max-height:290px;object-fit:contain;object-position:center;}
@media(max-width:760px){.vis-brand-logo{width:190px;}.hero-img img{height:235px;max-height:235px;}}

/* Technical equipment specification tables */
.tech-specs{margin:15px 0 12px;border:1px solid #dce5ee;border-radius:9px;overflow:hidden;background:#f8fbfe}
.tech-spec-row{display:grid;grid-template-columns:43% minmax(0,1fr);gap:12px;padding:9px 11px;border-bottom:1px solid #e4ebf1;align-items:start}
.tech-spec-row:last-child{border-bottom:0}
.tech-spec-row dt{font-size:11px;line-height:1.45;color:#64748b;font-weight:600}
.tech-spec-row dd{font-size:11px;line-height:1.5;color:#182b40;margin:0;overflow-wrap:anywhere;font-weight:650}
.verification-note{font-size:11px!important;line-height:1.6!important;color:#6e5a29!important;background:#fff9ea;border-left:3px solid #e3b65c;padding:9px 11px;margin:11px 0!important}
@media(max-width:420px){.tech-spec-row{grid-template-columns:1fr;gap:3px;padding:9px 10px}.tech-spec-row dd{font-size:12px}}

/* Two photos side by side in the hero: identical frame sizes, full photo visible. */
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:32px;min-height:0;padding:52px 0;align-items:center}
.hero-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;align-self:center}
.hero-photo{position:relative;display:flex;align-items:center;justify-content:center;margin:0;height:260px;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0a2036;box-shadow:0 12px 34px #00172e60}
.hero-photo img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;padding:7px;box-sizing:border-box}
.hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:16px 8px 8px;background:linear-gradient(transparent,#041b30db);font-size:10px;color:#fff;text-align:center}
@media(max-width:760px){
  .hero-grid{grid-template-columns:1fr;gap:22px;padding:38px 0}
  .hero-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hero-photo{height:220px}
  .hero-photo img{padding:5px}
  .hero-photo figcaption{font-size:9px;padding:16px 5px 7px}
}
@media(max-width:390px){.hero-photo{height:180px}}