/* Navikara: calculator-first layout with fleet comparison. */
:root{--navy:#132b36;--navy-soft:#203d49;--navy-light:#35515d;--primary:#e95722;--primary-hover:#c84413;--primary-light:#fff3eb;--bg-page:#f6f7f6;--border:#dfe5e5;--radius-xl:16px;--radius-lg:12px}
body{font-family:'Plus Jakarta Sans',Arial,sans-serif}
.container{max-width:1320px;padding-left:36px;padding-right:36px}
.top-strip{background:var(--navy);border:0;color:#d5e1e5;font-size:11px;letter-spacing:.01em}
.top-contact-item{color:#d5e1e5}.navbar{background:#fff;box-shadow:none}.nav-inner{height:84px;gap:24px}
.brand{flex-shrink:0;gap:11px}.brand-mark{border-radius:8px;box-shadow:none;background:var(--primary)}
.brand-titles h1{font-size:14px;max-width:205px;line-height:1.35}.brand-titles span{font-size:8px;letter-spacing:.07em}
.nav-menu{gap:2px}.nav-item-link{white-space:nowrap;font-size:11px;padding:10px}.btn-nav-wa{font-size:12px;white-space:nowrap;padding:12px 15px;border-radius:6px;box-shadow:none}
.home-hero{background:#f5f8f7;border-bottom:1px solid var(--border);padding:52px 0 46px}
.hero-grid{grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:56px;align-items:start}
.hero-pill-badge{padding:0;background:none;border:0;border-radius:0;color:#a64116;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}
.hero-pill-badge>span{width:7px;height:7px;background:#21a875;border-radius:50%;font-size:0}
.hero-main-title{font-size:clamp(36px,3.7vw,49px);line-height:1.13;letter-spacing:-.045em;max-width:630px;margin-bottom:18px}
.hero-main-title .highlight-accent{color:var(--primary)}
.hero-lead-text{font-size:14px;line-height:1.85;max-width:580px;margin-bottom:24px}
.hero-btn-group{gap:12px;margin-bottom:28px}.btn-primary-lg,.btn-secondary-lg{font-size:12px;padding:13px 19px;border-radius:6px;box-shadow:none}
.hero-fleet-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero-fleet-card{overflow:hidden;display:block;background:var(--navy);border:1px solid var(--navy);border-radius:10px;color:white;transition:transform .2s}
.hero-fleet-card:hover{transform:translateY(-3px)}
.hero-fleet-image{position:relative;height:126px;overflow:hidden}.hero-fleet-image img{width:100%;height:100%;object-fit:cover;object-position:center 60%}
.hero-fleet-image small{position:absolute;bottom:8px;right:8px;background:#132b36dc;padding:3px 7px;border-radius:4px;font-size:9px;color:#fff}
.hero-fleet-content{padding:14px 16px}.hero-fleet-content strong{display:block;font-size:14px;letter-spacing:-.025em}.hero-fleet-content span{display:block;font-size:11px;color:#cfdee4;margin-top:4px}.hero-fleet-content em{display:block;font-size:10px;font-style:normal;color:#ffb68e;margin-top:10px}
.hero-proof{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:10px;color:#536b74;margin-top:18px}.hero-proof span:before{content:'✓';color:#16805b;margin-right:6px}
.calculator-card-elevated{padding:28px;border-radius:14px;border:1px solid #e4e9e7;box-shadow:0 10px 30px #132b3609;background:#fff}
.calc-card-head{padding-bottom:17px;margin-bottom:20px;gap:10px}.calc-card-head h3{font-size:17px;letter-spacing:-.035em}.calc-card-head h3>span{display:none}.calc-live-pill{font-size:9px;background:#edf5f0;color:#216445;border:0;padding:4px 8px}
.calc-field-group{margin-bottom:17px}.calc-field-group label{font-size:10px;letter-spacing:.04em;color:#50636d}.calc-select{border-radius:6px;background-color:#f7f9f8;min-height:47px;font-size:12px;padding:12px;border:1px solid #dfe6e3;max-width:100%;text-overflow:ellipsis}.calc-select:disabled{opacity:1;color:#5e727b}
.calc-display-box{padding:20px;background:#f0f5f3;border:0;border-radius:8px;margin-top:22px}.calc-display-box .label-sub{font-size:10px;letter-spacing:.04em}.calc-display-box .price-highlight{font-size:32px;letter-spacing:-.045em;color:var(--navy);overflow-wrap:anywhere}.calc-display-box .time-info{font-size:11px;line-height:1.6;margin-top:5px}
.btn-book-calc-wa{background:#17864e;border-radius:6px;box-shadow:none;font-size:12px;min-height:49px}.btn-book-calc-wa:hover{background:#11673c}.calc-note{font-size:10px;color:#61747d;line-height:1.6;margin-top:12px;text-align:center}
.section-body{padding:64px 0}.section-head-clean{text-align:left;margin-bottom:32px}.badge-tag{padding:0;border:0;background:none;border-radius:0;letter-spacing:.14em;font-size:10px;margin-bottom:12px}.section-head-title{font-size:32px;line-height:1.25;letter-spacing:-.035em}.section-head-desc{font-size:13px;max-width:670px;margin:12px 0 0}
.fleet-grid-cards{gap:24px}.fleet-card-item{border-radius:12px;box-shadow:none}.fleet-card-media{height:220px}.fleet-card-media img{height:100%;object-fit:cover}.fleet-card-body{padding:25px}.fleet-card-name{font-size:21px;letter-spacing:-.03em}.fleet-card-desc{font-size:13px}.fleet-tag-pill{font-size:10px;border-radius:5px}.fleet-card-media .illustration-note{position:absolute;bottom:10px;right:12px;font-size:10px;background:#132b36d9;color:#fff;padding:3px 7px;border-radius:4px}
.btn-book-fleet,.btn-pesan-tariff{border-radius:6px;box-shadow:none}.tariff-item-card{border-radius:10px;box-shadow:none}.city-pin-ico{display:none}.price-main-val{letter-spacing:-.04em}.custom-rate-banner{border-radius:12px;box-shadow:none}
.page-header-banner{background:#f5f8f7}.page-banner-title{letter-spacing:-.035em}.contact-right-col{background:var(--navy)}
.office-status{font-size:12px;color:#e2ecef;line-height:1.8;margin:0 0 24px}.office-status strong{color:white}.office-actions{display:grid;gap:10px}.office-actions a{white-space:normal;text-align:center}
.wa-float-btn{width:48px;height:48px;padding:0;justify-content:center;bottom:20px;right:20px;box-shadow:0 5px 18px #132b3622;background:#17864e}.wa-float-btn span{display:none}
.mobile-nav-drawer[hidden]{display:none}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-150%);padding:12px 18px;background:var(--navy);color:white;z-index:4000;border-radius:6px}.skip-link:focus{transform:none}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #e95722!important;outline-offset:3px}
footer{padding-bottom:80px}
@media(max-width:1120px){.nav-menu{display:none}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#f1f4f2;border-radius:6px}.hero-grid{gap:30px}.hero-main-title{font-size:40px}.container{padding-left:28px;padding-right:28px}.brand-titles h1{max-width:none}.calculator-card-elevated{padding:24px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-main-title{max-width:700px}.hero-lead-text{max-width:680px}.hero-fleet-image{height:160px}.calculator-card-elevated{max-width:none}.hero-grid>div{min-width:0}.home-hero{padding-top:36px}.contact-layout-split{grid-template-columns:1fr}}
@media(max-width:768px){.container{padding-left:20px;padding-right:20px}.nav-inner{gap:12px}.brand-mark{width:34px;height:38px;font-size:20px}.brand-titles h1{font-size:12px;max-width:180px}.brand-titles span{font-size:7px}.nav-actions{gap:8px}.btn-nav-wa{padding:10px}.hero-main-title{font-size:36px;line-height:1.15}.hero-pill-badge{font-size:9px;letter-spacing:.06em}.hero-lead-text{font-size:13px;line-height:1.8}.hero-btn-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-btn-group a{font-size:11px;padding:13px 9px;justify-content:center;white-space:normal}.hero-fleet-image{height:105px}.hero-fleet-content{padding:12px}.hero-fleet-content strong{font-size:12px}.hero-fleet-content span{font-size:10px}.hero-fleet-content em{font-size:9px}.hero-proof{gap:8px 16px}.calc-select{font-size:16px}.calc-card-head h3{font-size:16px}.calc-card-head{flex-wrap:wrap}.section-body{padding:46px 0}.section-head-title{font-size:27px}.fleet-card-body{padding:22px}.fleet-card-media{height:210px}.custom-rate-banner .btn-primary-lg{white-space:normal!important}.page-banner-title{font-size:29px}.contact-right-col{padding:26px}.contact-left-col{min-width:0}.info-text-right{min-width:0;overflow-wrap:anywhere}}
@media(max-width:380px){.brand-titles h1{max-width:135px;font-size:11px}.brand-titles span{font-size:6px}.hero-main-title{font-size:32px}.container{padding-left:16px;padding-right:16px}.calculator-card-elevated{padding:20px}.hero-fleet-content{padding:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#simulasi-tarif,#engkel,#tronton{scroll-margin-top:104px}@media(max-width:768px){#simulasi-tarif,#engkel,#tronton{scroll-margin-top:84px}}
@media(max-width:768px){.filter-btn-group{width:100%;max-width:100%;flex-wrap:wrap;overflow:visible;margin:0;padding:0;white-space:normal}.btn-filter-pill{flex:0 1 auto;white-space:normal;font-size:11px}}

.office-map-wrap{overflow:hidden;border-radius:10px;background:#e7eeeb;margin:0 0 20px}.office-map{display:block;width:100%;height:280px;border:0}.office-status strong{color:white}

.office-location-card{padding:22px;margin-bottom:20px;background:#203d49;border:1px solid #48606b;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.office-location-card strong{font-size:15px;color:#fff}.office-location-card>span:not(.office-location-mark){font-size:12px;color:#d6e3e7}.office-location-mark{font-size:34px;color:#ffad82;line-height:1}.office-location-card p{font-size:12px!important;line-height:1.7!important;margin:0!important;color:#d6e3e7!important}.office-map-toggle{font-size:12px;font-weight:700;padding:10px 13px;border-radius:5px;background:white;color:#132b36;margin-top:7px}.office-location-card .office-map-wrap{width:100%;margin:7px 0 0}.office-map-wrap[hidden],.office-map-toggle[hidden],#officeMapHelp[hidden]{display:none!important}

.booking-summary{background:#edf3f0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.booking-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none}.booking-summary-grid li{padding:4px 0 8px}.booking-step-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #cddbd5;border-radius:50%;font-size:11px;color:var(--primary);font-weight:800;margin-bottom:18px;background:#fff}.booking-summary-grid h4{font-size:16px;color:var(--navy);letter-spacing:-.025em;margin-bottom:10px}.booking-summary-grid p{font-size:12px;color:#4e646d;line-height:1.8;margin-bottom:16px}.booking-summary-grid a{font-size:11px;font-weight:700;color:#a83e15}.booking-summary-grid a:hover{text-decoration:underline}#contactFormWA{scroll-margin-top:110px}@media(max-width:900px){.booking-summary-grid{grid-template-columns:1fr 1fr;gap:28px}}@media(max-width:480px){.booking-summary-grid{grid-template-columns:1fr;gap:26px}.booking-summary-grid li{border-bottom:1px solid #d6e1da;padding-bottom:22px}.booking-summary-grid li:last-child{border:0}.booking-step-number{margin-bottom:12px}}