*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#0b1830;background:#fff}.wrap{width:min(1100px,92%);margin:auto}.topbar{background:#061426;color:#fff}.nav{min-height:78px;display:flex;align-items:center;gap:25px}.logo{width:160px;height:67px;object-fit:contain}.nav nav{display:flex;gap:22px;flex:1;justify-content:center}.nav nav a{color:#fff;text-decoration:none;font-weight:700;font-size:14px}.wa-mini{background:#20bd5a;color:#fff;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:800}.menu{display:none;background:none;border:0;color:#fff;font-size:30px}.hero{min-height:440px;background:linear-gradient(90deg,#07182aee 0%,#07182a9c 48%,#07182a18 100%),url("images/hero-bali.jpg") center/cover}.hero-inner{min-height:440px;display:flex;align-items:center}.hero-copy{color:#fff;max-width:600px;padding:45px 0}.eyebrow{color:#e9a51a;font-weight:800;letter-spacing:2px;font-size:14px}.hero h1{font-size:clamp(42px,7vw,72px);line-height:.98;margin:15px 0}.hero h1 span{color:#e9a51a}.hero p{font-size:20px;line-height:1.5;max-width:500px}.hero-points{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;font-weight:800;margin:24px 0}.btn{display:inline-block;background:#e9a51a;color:#071426;padding:15px 22px;border-radius:9px;text-decoration:none;font-weight:900}.fast{margin-top:12px;font-size:13px}.cars-section{padding:55px 0}.section-title{text-align:center}.section-title h2{font-size:clamp(30px,5vw,48px);margin:10px 0 30px}.cars{display:grid;grid-template-columns:1fr;gap:10px}.car{display:grid;grid-template-columns:42% 58%;border:1px solid #e1e5ea;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px #06142612;background:#fff}.car>img{width:100%;height:100%;min-height:205px;object-fit:cover}.info{padding:22px 25px}.info h3{margin:0 0 8px;font-size:22px}.spec{font-size:13px;color:#4d5a6c}.info p{color:#536074;line-height:1.45;margin:10px 0}.price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:12px 0}.price small{color:#e9a51a;font-weight:800;width:100%}.price strong{font-size:25px;color:#0a1830}.info>a{display:inline-block;background:#071426;color:#fff;padding:11px 18px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:800}.services{padding:50px 0;background:#fafafa}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:22px}.service-grid>div{padding:25px;border-right:1px solid #ddd;font-size:25px}.service-grid b{font-size:18px}.service-grid p{font-size:14px;color:#596579;line-height:1.5;margin-left:30px}.dark-section{background:#061426;color:#fff;padding:55px 0}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.three>div{border-right:1px solid #405066;padding:15px 25px}.three h2{font-size:24px}.three p{color:#c2ccda;line-height:1.6}footer{background:#03101e;color:#fff;padding:45px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-grid img{width:170px}.footer-grid p{color:#b5c0ce;line-height:1.6}.footer-grid b{color:#e9a51a}@media(max-width:800px){.nav nav,.wa-mini{display:none}.menu{display:block;margin-left:auto}.hero{min-height:500px}.hero-inner{min-height:500px}.hero-points{display:block}.hero-points span{display:block;margin:10px 0}.car{grid-template-columns:1fr}.car>img{height:260px}.service-grid,.three,.footer-grid{grid-template-columns:1fr}.service-grid>div,.three>div{border-right:0;border-bottom:1px solid #ddd}.dark-section .three>div{border-bottom:1px solid #405066}.logo{width:145px}}
.floating-wa {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;

  width: 64px;
  height: 64px;
  border-radius: 50%;

  background: #25D366;
  color: white;

  display: flex;
  align-items: center;
  justify-content: center;

  text-decoration: none;
  font-size: 28px;
  font-weight: bold;

  box-shadow: 0 5px 18px rgba(0,0,0,0.35);
}

.floating-wa span {
  position: absolute;
  right: 72px;
  white-space: nowrap;

  background: #111;
  color: white;
  padding: 8px 12px;
  border-radius: 8px;

  font-size: 13px;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
}

.floating-wa:hover span {
  opacity: 1;
}

@media (max-width: 600px) {
  .floating-wa {
    width: 58px;
    height: 58px;
    right: 16px;
    bottom: 16px;
  }
}