*{box-sizing:border-box}html,body{margin:0;background:#031426;color:#fff;font-family:Arial,Helvetica,sans-serif}body{overflow-x:hidden}.page{position:relative;max-width:1200px;margin:auto;background:#031426}.mockup{display:block;width:100%;height:auto}.hotspot{position:absolute;top:0;height:7%;z-index:3}.hs-home{left:18%;width:11%}.hs-services{left:29%;width:12%}.hs-about{left:42%;width:12%}.hs-contact{left:54%;width:12%}.hs-phone{right:14%;width:16%}.hs-quote{right:1%;width:14%}.floating{position:fixed;right:14px;bottom:16px;display:flex;gap:8px;z-index:10}.floating a{background:#ff6a00;color:white;text-decoration:none;padding:12px 16px;border-radius:8px;font-weight:700;box-shadow:0 4px 18px #0008}.legal{max-width:900px;margin:40px auto;padding:32px;background:#0a2036;border:1px solid #27435d;border-radius:14px;line-height:1.6}.legal h1,.legal h2{color:#ff6a00}.legal a{color:#ff8a33}.back{display:inline-block;margin-bottom:20px;color:#fff;text-decoration:none}.note{max-width:900px;margin:20px auto 40px;padding:18px 24px;background:#0a2036;border-left:4px solid #ff6a00;line-height:1.5}.note a{color:#ff8a33;font-weight:bold}@media(max-width:700px){.hotspot{height:5.5%}.floating{right:8px;bottom:8px}.floating a{padding:10px 12px;font-size:13px}.legal{margin:12px;padding:20px}.note{margin:12px}}