* { box-sizing: border-box; }
html { background: #eef8f3; }
body { margin: 0; color: #16392a; font-family: system-ui, sans-serif; }
.lp { width: 100%; max-width: 768px; margin-inline: auto; background: #fff; }
.panel { position: relative; width: 100%; margin: 0; padding: 0; }
.panel-image { display: block; width: 100%; height: auto; border: 0; }
.hotspot { position: absolute; display: block; min-height: 44px; transform: translateY(-50%); border-radius: 999px; -webkit-tap-highlight-color: rgb(0 151 75 / 15%); }
.hotspot:focus-visible { outline: 4px solid #1259c7; outline-offset: 3px; box-shadow: 0 0 0 3px #fff; }
.phone { border-radius: 4px; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
