:root { --hover:#00eaff; --bg:#020711; }
*{box-sizing:border-box} html,body{margin:0;background:#020711;color:white;font-family:Arial,Helvetica,sans-serif} body{min-height:100vh;}
.page-wrap{width:100%;min-height:100vh;background:#020711;display:flex;justify-content:center;align-items:flex-start;}
.canvas{position:relative;width:min(100vw,1536px);aspect-ratio:1536/1024;background:#020711;box-shadow:0 0 80px rgba(0,200,255,.15);overflow:hidden;}
.canvas picture{display:contents;}
.canvas img.design{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none;}
a.hotspot{position:absolute;display:block;border-radius:10px;text-decoration:none;color:transparent;line-height:0;z-index:10;}
a.hotspot::after{content:"";position:absolute;inset:0;border:0;border-radius:inherit;box-shadow:none;pointer-events:none;background:transparent;}
a.hotspot:hover::after,a.hotspot:focus-visible::after{border:0;box-shadow:none;background:transparent;}
a.navhot{border-radius:4px;}
/* Hover/focus overlay boxes disabled on all clickable hotspots. */
@media (min-width:1537px){.canvas{width:1536px;height:1024px}}

a.hotspot:hover,a.hotspot:focus-visible{outline:none;}
.mobile-hotspot{display:none;}

@media (max-width:700px){
  .page-wrap{display:block;min-height:100vh;}
  .canvas{width:100vw;max-width:100vw;box-shadow:none;}
  .page-home{aspect-ratio:864/1821;}
  .page-products{aspect-ratio:777/2025;}
  .page-research{aspect-ratio:823/1912;}
  .page-about{aspect-ratio:862/1824;}
  .page-contact{aspect-ratio:864/1821;}
  .page-pizzazz{aspect-ratio:862/1825;}
  .page-basestate,.page-assurance{aspect-ratio:864/1821;}
  .canvas > a.hotspot:not(.mobile-hotspot){display:none;}
  .mobile-hotspot{display:block;border-radius:6px;}

  .mobile-brand{left:0;top:0;width:72%;height:6.2%;}
  .mobile-menu{left:87.5%;top:1.5%;width:10%;height:4%;}

  .home-products{left:3.8%;top:24.0%;width:43.2%;height:3.8%;}
  .home-learn{left:3.8%;top:28.9%;width:43.2%;height:3.9%;}
  .home-basestate{left:3.4%;top:62.6%;width:93.2%;height:8.5%;}
  .home-assurance{left:3.4%;top:71.8%;width:93.2%;height:8.7%;}
  .home-pizzazz{left:3.4%;top:81.6%;width:93.2%;height:7.8%;}
  .home-contact{left:63.8%;top:92.9%;width:30.2%;height:3.8%;}

  .products-pizzazz-card{left:1.8%;top:18.8%;width:96.4%;height:21.4%;}
  .products-assurance-card{left:1.8%;top:41.1%;width:96.4%;height:16.4%;}
  .products-basestate-card{left:1.8%;top:58.0%;width:96.4%;height:27.1%;}
  .products-contact{left:5.0%;top:94.4%;width:41.4%;height:2.9%;}
  .products-research{left:49.5%;top:94.4%;width:45.6%;height:2.9%;}

  .research-contact{left:62.8%;top:83.7%;width:32.0%;height:3.1%;}
  .about-contact{left:66.0%;top:88.5%;width:29.0%;height:4.5%;}
  .contact-info{left:15.0%;top:42.9%;width:70.0%;height:4.9%;}
  .contact-sales{left:15.0%;top:58.8%;width:70.0%;height:4.9%;}
  .contact-research{left:15.0%;top:74.6%;width:70.0%;height:4.9%;}
  .product-back{left:18.8%;top:8.8%;width:60.0%;height:4.3%;}
}