*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;font-family:Arial,Helvetica,sans-serif}
body{overflow-x:hidden}
.page{width:100%;margin:0}
.homepage{
  position:relative;
  width:100%;
  max-width:1536px;
  margin:0 auto;
  line-height:0;
  background:#fff;
}
.homepage>img{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  -webkit-user-drag:none;
}
.hotspot{
  position:absolute;
  display:block;
  z-index:5;
  line-height:normal;
  border-radius:8px;
  outline:none;
  -webkit-tap-highlight-color:rgba(0,87,255,.15);
}
.hotspot:focus-visible{
  outline:3px solid rgba(0,87,255,.9);
  outline-offset:2px;
  background:rgba(0,87,255,.06);
}

/* Header */
.home{left:37.1%;top:1.7%;width:4.6%;height:5.2%}
.about{left:43.1%;top:1.7%;width:4.8%;height:5.2%}
.pricing{left:49.2%;top:1.7%;width:5.2%;height:5.2%}
.contact{left:55.0%;top:1.7%;width:5.5%;height:5.2%}
.login{left:76.0%;top:1.6%;width:9.1%;height:5.3%}
.get-started{left:86.1%;top:1.6%;width:10.1%;height:5.3%}

/* Hero CTA */
.start-practicing{left:42.2%;top:27.4%;width:16.5%;height:6.2%}

/* Four feature cards */
.explore-fastium{left:2.2%;top:47.8%;width:22.8%;height:11.5%}
.fast-readiness{left:26.4%;top:47.8%;width:22.7%;height:11.5%}
.track-progress{left:50.3%;top:47.8%;width:23.2%;height:11.5%}
.diagnostic{left:74.5%;top:47.8%;width:22.0%;height:11.5%}

/* Dashboard buttons */
.student-dashboard{left:9.7%;top:77.5%;width:13.7%;height:4.8%}
.parent-dashboard{left:34.4%;top:77.5%;width:13.4%;height:4.8%}
.teacher-dashboard{left:60.5%;top:77.5%;width:14.2%;height:4.8%}

@media(max-width:700px){
  body{overflow-x:auto}
  .homepage{min-width:900px}
}