* {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  background: #dceafa;
  font-family: Arial, sans-serif;
}

.page-shell {
  position: relative;
  width: min(100%, 1440px);
  margin: 0 auto;
  overflow: hidden;
  background: #e8f2ff;
}

.template {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}

.hotspot {
  position: absolute;
  z-index: 2;
  display: block;
  border-radius: 12px;
  outline-offset: 3px;
}

.hotspot:focus-visible {
  outline: 3px solid rgba(37, 99, 255, 0.75);
}

.hotspot--support-top {
  left: 82.2%;
  top: 2.8%;
  width: 4.5%;
  height: 1.7%;
}

.hotspot--privacy-top {
  left: 89.1%;
  top: 2.8%;
  width: 6.9%;
  height: 1.7%;
}

.hotspot--app-hero {
  left: 7.5%;
  top: 24.7%;
  width: 15%;
  height: 3.55%;
}

.hotspot--google-hero {
  left: 24.3%;
  top: 24.7%;
  width: 15.2%;
  height: 3.55%;
}

.hotspot--app-bottom {
  left: 34.45%;
  top: 93.4%;
  width: 16.5%;
  height: 3.85%;
}

.hotspot--google-bottom {
  left: 54.2%;
  top: 93.4%;
  width: 16.4%;
  height: 3.85%;
}

.hotspot--support-bottom {
  left: 74.55%;
  top: 98.6%;
  width: 5.4%;
  height: 1.25%;
}

.hotspot--privacy-bottom {
  left: 81.35%;
  top: 98.6%;
  width: 7.4%;
  height: 1.25%;
}

.footer-target {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 1px;
}

@media (max-width: 760px) {
  .page-shell {
    width: 100%;
  }

  .hotspot {
    min-width: 34px;
    min-height: 22px;
  }
}

.actions{
    display:flex;
    flex-direction:column;
    gap:18px;
    align-items:center;
}

.email,
.home{
    display:inline-block;
    padding:14px 30px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    transition:.25s;
}

.email{
    background:#111;
    color:#fff;
}

.email:hover{
    background:#333;
}

.home{
    border:1px solid #111;
    color:#111;
    background:#fff;
}

.home:hover{
    background:#111;
    color:#fff;
}