*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050607;color:#f5f5f3;font-family:Arial,sans-serif}
.visual-page{position:relative;max-width:1600px;margin:0 auto;background:#000}
.visual-page img{display:block;width:100%;height:auto}
.hotspot{position:absolute;display:block;background:transparent;border:0;cursor:pointer}
.reserve-top{top:1.8%;left:74.7%;width:12.6%;height:4.5%}
.reserve-main{top:35.6%;left:2.7%;width:18.9%;height:4.4%}
.fleet-main{top:35.6%;left:23.5%;width:12.5%;height:4.4%}
.continue-btn{top:80.7%;left:24%;width:16.4%;height:4.6%}

.real-booking,.fleet-section{max-width:1400px;margin:0 auto;padding:80px 5vw;background:#090a0b}
.real-booking{border-top:1px solid #2c2c2c}
.booking-head span{color:#d6b15a;text-transform:uppercase;letter-spacing:.16em;font-size:12px}
.booking-head h1,.fleet-section h2{font-family:Georgia,serif;font-size:48px;margin:8px 0}
.booking-head p{color:#aaa}
form{margin-top:28px;border:1px solid #343434;background:#101214;padding:28px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
label{display:block;font-size:12px;color:#d0d0d0;margin:10px 0}
input,select,textarea{width:100%;margin-top:6px;padding:13px;background:#17191b;color:#fff;border:1px solid #484848}
input::placeholder,textarea::placeholder{color:#aaa}
.consent{display:flex;gap:8px;align-items:flex-start}
.consent input{width:auto;margin-top:2px}
.gold-btn{display:inline-block;margin-top:16px;padding:13px 22px;border:1px solid #d6b15a;background:linear-gradient(#f0c66f,#d5a541);color:#111;font-weight:700;text-transform:uppercase;cursor:pointer}
.fineprint{font-size:11px;color:#777}
.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fleet-grid article{border:1px solid #333;background:#111315;padding:24px}
.fleet-grid h3{font-family:Georgia,serif;font-size:25px;margin:0 0 8px}
.fleet-grid p{color:#999}
.hidden{display:none!important}
.modal{position:fixed;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.9);z-index:50;padding:20px}
.modal-card{max-width:520px;background:#111;border:1px solid #444;padding:40px;text-align:center}
.modal-card h2{font-family:Georgia,serif;font-size:40px}
@media(max-width:700px){
  .grid,.fleet-grid{grid-template-columns:1fr}
  .booking-head h1,.fleet-section h2{font-size:38px}
  .real-booking,.fleet-section{padding:60px 20px}
}