/* HeatHosting Premium3D: single joined reference artwork for panel + mountain footer.
   This file intentionally does not change HERO, pricing, or ecosystem. */
.hs-panel-finale{position:relative;width:100%;background:#07172e}
.hs-panel-finale-composite{position:relative;width:100%;line-height:0;overflow:hidden}
.hs-panel-finale-image{display:block;width:100%;height:auto;aspect-ratio:1122 / 377;object-fit:contain}
.hs-panel-finale-hits{position:absolute;inset:0;z-index:2}
.hs-panel-hit{display:block;position:absolute;box-sizing:border-box;z-index:3;border-radius:999px;cursor:pointer;background:transparent;text-decoration:none;outline-offset:2px}
.hs-panel-hit:focus-visible{outline:3px solid #a4deff;box-shadow:0 0 0 5px #08264b}
.hs-panel-hit-login{left:4.2%;top:36.7%;width:15%;height:9.7%}
.hs-panel-hit-support{left:82.7%;top:44.5%;width:15.2%;height:9.8%}
.hs-panel-hit-order{left:29.0%;top:84.5%;width:12.9%;height:9.6%}
.hs-panel-hit-contact{left:41.8%;top:84.5%;width:13.9%;height:9.6%}
.hs-panel-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.hs-panel-finale-mobile{display:none}
@media(max-width:700px){
  .hs-panel-finale{background:#eaf2ff}
  .hs-panel-finale-composite{display:none!important}
  .hs-panel-finale-mobile{display:block}
  /* Existing original mobile panel remains interactive and readable. */
  .hs-panel-finale-mobile .client-panel{margin:0}
  .hs-panel-finale-mobile .final-photo{display:none!important}
  .hs-panel-mobile-footer{position:relative;isolation:isolate;overflow:hidden;min-height:328px;padding:34px 21px 35px;background:linear-gradient(145deg,#081e44,#021022);color:#fff}
  .hs-panel-mobile-footer-photo{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(2,12,32,.96),rgba(2,12,32,.48) 70%,rgba(2,12,32,.31)),url('assets/footer-mobile-photo.webp');background-size:cover;background-position:45% center}
  .hs-panel-mobile-footer::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(2,8,24,.8),transparent 80%)}
  .hs-panel-mobile-footer-content{position:relative;z-index:1;max-width:490px}
  .hs-panel-mobile-brand{display:flex;align-items:flex-start;flex-direction:column;gap:3px;margin:0 0 33px;font-size:12px;letter-spacing:.8px;font-weight:800;color:#e7f5ff}
  .hs-panel-mobile-brand small{font-size:10px;color:#aac9e9;font-weight:400;letter-spacing:0}
  .hs-panel-mobile-footer h2{font:700 clamp(29px,8vw,42px)/1.08 Georgia,serif;margin:0 0 12px;max-width:370px;text-shadow:0 2px 10px #03132c}
  .hs-panel-mobile-footer-content>p:not(.hs-panel-mobile-brand){font-size:13px;line-height:1.5;color:#e0ecfb;max-width:300px;margin:0 0 24px}
  .hs-panel-mobile-cta{display:flex;flex-wrap:wrap;gap:10px}
  .hs-panel-mobile-cta a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:26px;font-size:12px;font-weight:700;padding:0 17px;background:#0a77eb;color:#fff;border:1px solid #63bdff;box-shadow:0 4px 16px #006dff44}
  .hs-panel-mobile-cta a+a{background:#061b3680;border-color:#b4d2f2;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){.hs-panel-hit{transition:none}}
