:root{--blue:#0f4fb8;--blue-dark:#0a3a8c;--blue-soft:#e8effb;--green:#22b358;--green-dark:#188a43;--ink:#14213d;--muted:#5b667a;--bg:#fff;--card:#f3f5f9;--line:rgba(20,33,61,.12)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:800;line-height:1.2;color:var(--ink)}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}section{padding:48px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border-radius:6px;font-weight:700;font-size:14px;border:0;cursor:pointer;color:#fff;transition:transform .15s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-green{background:var(--green)}.btn-green:hover{background:var(--green-dark)}.btn-blue{background:var(--blue)}.btn-blue:hover{background:var(--blue-dark)}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.head-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;position:relative;gap:16px}.logo{font-size:24px;font-weight:800;color:var(--blue)}.logo span{color:#f08a24}.head-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.soc{display:flex;gap:8px}.soc a{width:30px;height:30px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff}.soc svg{width:15px;height:15px}.s-fb{background:#1877f2}.s-ig{background:#d6249f}.s-tt{background:#000}.s-wa{background:#25d366}nav.main-nav ul{display:flex;gap:22px;align-items:center}nav.main-nav a{font-size:14.5px;font-weight:600;color:#3a465c;padding:6px 10px;border:1px solid transparent;border-radius:3px}nav.main-nav a:hover,nav.main-nav .current-menu-item a,nav.main-nav a.on{border-color:#7b8496;color:var(--ink)}.menu-toggle{display:none;background:none;border:0;cursor:pointer}.menu-toggle svg{width:26px;height:26px}.cat-title{text-align:center;color:var(--blue);font-size:clamp(26px,3.4vw,36px);margin:26px 0 18px}.chips{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:30px}.chip{border:0;background:var(--blue-soft);color:var(--blue-dark);font-weight:700;font-size:12.5px;padding:10px 18px;border-radius:999px;cursor:pointer}.chip.active{background:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(15,79,184,.3)}.car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.car{position:relative;background:var(--card);border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(20,33,61,.08);display:flex;flex-direction:column;isolation:isolate}.car::before{content:"";position:absolute;top:0;left:38%;width:0;height:0;border-left:56px solid transparent;border-right:56px solid transparent;border-top:36px solid var(--blue);z-index:-1}.car::after{content:"";position:absolute;bottom:0;left:0;width:90px;height:90px;background:linear-gradient(135deg,var(--blue),#1c7bff);clip-path:polygon(0 100%,0 30%,70% 100%);z-index:-1}.car.hide{display:none}.car-img{aspect-ratio:16/11;display:flex;align-items:center;justify-content:center;padding:26px 22px 4px}.car-img img{max-height:100%;object-fit:contain}.car-body{padding:6px 18px 18px;text-align:center;display:flex;flex-direction:column;gap:5px;flex:1}.car-body h3{font-size:18px;color:var(--blue);font-weight:700}.car-body .harga{font-size:13px;font-weight:700}.car-body .inc{font-size:13px;color:#2b364c}.car-body .spec{font-size:12px;color:var(--muted)}.car-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.car-detail{display:none;text-align:left;font-size:12.5px;color:#2b364c;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-top:10px}.car-detail.open{display:block}.testi{background:var(--blue-soft)}.sec-title{font-size:clamp(24px,2.8vw,32px);margin-bottom:22px}.testi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.testi-card{background:#fff;border-radius:10px;padding:22px;box-shadow:0 4px 14px rgba(20,33,61,.06)}.testi-card p{font-size:14.5px;font-style:italic;margin-bottom:12px}.testi-card strong{font-size:14px}.testi-card span{font-size:12.5px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:start}.contact-grid .lead{font-size:15px;margin-bottom:16px}.contact-grid .lead b.a{color:var(--blue)}.field{width:100%;background:#dcdcdc;border:0;padding:14px 12px;font:inherit;font-size:15px;margin-bottom:14px;color:var(--ink)}.field::placeholder{color:#777;font-weight:700}textarea.field{min-height:120px;resize:vertical}.btn-send{background:#1478ff;color:#fff;font-size:18px;font-weight:800;padding:12px 26px;border:0;cursor:pointer;letter-spacing:.02em}.side-h{font-size:15px;margin:0 0 10px}.side-box{border-bottom:5px solid var(--blue);background:#eef0f4;padding:16px;display:flex;gap:16px;align-items:center;margin-bottom:22px}.side-ico{width:60px;height:60px;border:1px solid var(--blue);display:flex;align-items:center;justify-content:center;background:#fff;font-weight:800;color:var(--blue);font-size:20px;flex-shrink:0}.side-box strong{font-size:19px;display:block}.side-box small{font-size:13.5px;display:block}.side-box small b{color:#1478ff}.map-box{border-radius:10px;overflow:hidden;height:220px;margin-top:6px}.map-box iframe{width:100%;height:100%;border:0}.site-footer{background:#e4e4e4;padding:34px 0;text-align:center;margin-top:40px}.foot-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:16px}.foot-links a{text-decoration:underline;color:#3a4a6b;font-size:15px}.site-footer p{font-size:13px;color:#333}.float-cs{position:fixed;right:0;top:50%;z-index:60;background:var(--green);color:#fff;font-weight:700;font-size:14px;padding:14px 22px;border-radius:8px 0 0 8px;box-shadow:0 8px 20px rgba(0,0,0,.2)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;flex-wrap:wrap}.section-head h1,.section-head h2{color:var(--blue)}.section-head p{color:var(--muted);max-width:46ch;font-size:14.5px}.btn-wa{background:var(--green);color:#fff;display:inline-flex;padding:12px 22px;border-radius:6px;font-weight:700}.btn-wa:hover{background:var(--green-dark)}.tabs{display:flex;gap:10px;margin-bottom:26px;flex-wrap:wrap}.tab-btn{padding:10px 18px;border-radius:999px;border:0;background:var(--blue-soft);color:var(--blue-dark);font-weight:700;font-size:13px;cursor:pointer}.tab-btn.active{background:var(--blue);color:#fff}.tab-panel{display:none}.tab-panel.active{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tour-card{background:var(--card);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 14px rgba(20,33,61,.08)}.tour-thumb{aspect-ratio:4/3;background:linear-gradient(135deg,var(--blue),var(--ink))}.tour-thumb img{width:100%;height:100%;object-fit:cover}.tour-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px}.tour-body .price{font-weight:800;color:var(--blue);font-size:17px}.tour-body ul{font-size:13px;color:#2b364c}.tour-body li{margin-bottom:3px}.tour-body .note{font-size:11.5px;color:var(--muted)}.page-content{font-size:16px}.page-content p{margin-bottom:16px}.page-content h2,.page-content h3{margin:26px 0 12px}@media(max-width:980px){.car-grid,.tab-panel.active{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}}@media(max-width:680px){section{padding:34px 0}.head-right{align-items:flex-end}.head-right .soc{display:none}nav.main-nav{display:none;position:absolute;top:100%;left:-24px;right:-24px;background:#fff;border-bottom:1px solid var(--line);padding:12px 24px}nav.main-nav.open{display:block}nav.main-nav ul{flex-direction:column;align-items:flex-start;gap:8px}.menu-toggle{display:block}.car-grid,.tab-panel.active,.testi-grid{grid-template-columns:1fr}.float-cs{top:auto;bottom:20px;border-radius:8px 0 0 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}