*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"DM Sans",sans-serif;color:#14233b;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.topbar{background:#062b65;color:#dce8fb;font-size:11px;letter-spacing:.08em}.topbar-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.topbar-right{opacity:.72}.header{height:82px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 5px 24px #0b2c5510}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:190px;height:auto;display:block}.nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700;color:#34445c}.nav a:hover{color:#0871ce}.nav .nav-cta{background:#0a55a7;color:#fff;padding:13px 19px;border-radius:4px}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:#0b3674}.hero{min-height:590px;position:relative;background:#092b5a url("assets/bais-taka-office.jpg") center 54%/cover no-repeat;color:white;display:flex;align-items:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,23,54,.94) 0%,rgba(4,34,75,.82) 43%,rgba(4,34,75,.18) 100%)}.hero-content{position:relative;padding:90px 0 105px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.2em;font-weight:800;color:#1681d5}.eyebrow{color:#9bcfff;display:flex;align-items:center;gap:10px}.eyebrow span{width:26px;height:2px;background:#2d9de9}.hero h1{font:800 clamp(42px,6vw,72px)/1.08 Manrope,sans-serif;letter-spacing:-.055em;margin:24px 0 18px}.hero h1 em{font-style:normal;color:#69c58d}.hero-content>p{max-width:510px;color:#d3dfef;font-size:15px;line-height:1.8}.hero-actions{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}.btn{padding:15px 21px;border-radius:3px;font-size:12px;font-weight:800;display:inline-flex;gap:22px;align-items:center;transition:.2s}.btn-primary{background:#0b73c9;color:white}.btn-primary:hover{background:#1689e5;transform:translateY(-2px)}.btn-outline{border:1px solid #ffffff85;color:#fff}.btn-outline:hover{background:#fff;color:#123}.hero-note{display:flex;align-items:center;gap:12px;margin-top:65px;font-size:10px;letter-spacing:.2em;color:#b8c9dd}.note-line{width:38px;height:1px;background:#57bd85}.hero-bottom{position:absolute;bottom:0;left:0;right:0;background:#062653a8}.hero-bottom-inner{height:47px;display:flex;align-items:center;gap:17px;font-size:9px;letter-spacing:.2em;color:#c7d8ec}.dot{width:4px;height:4px;background:#64c48d;border-radius:50%}.section-pad{padding:100px 0}.intro-grid,.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.section-kicker{margin-bottom:17px}.section-pad h2{font:800 clamp(30px,4vw,43px)/1.2 Manrope,sans-serif;letter-spacing:-.045em;margin:0;color:#102d57}.section-pad h2 span{color:#1680c9}.intro-copy{padding-top:20px}.intro-copy p,.section-heading>p{font-size:14px;line-height:1.9;color:#69788c;margin:0 0 20px}.text-link{font-size:12px;font-weight:800;color:#0875c7}.text-link span{margin-left:14px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:55px}.service-card{padding:35px 38px;min-height:260px;position:relative;overflow:hidden;color:white;background:#0a4b91}.car-service{background:linear-gradient(120deg,#0b3f80,#0878bd)}.heavy-service{background:linear-gradient(120deg,#075d4a,#15936b)}.service-icon{position:absolute;right:35px;top:25px;width:36px;height:36px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center}.service-label{font-size:9px;letter-spacing:.2em;color:#b9d9f3}.service-card h3{font:800 29px Manrope;margin:22px 0 9px}.service-card p{font-size:13px;line-height:1.7;color:#d3e5f5;max-width:390px}.card-link{position:absolute;bottom:30px;font-size:11px;font-weight:700}.card-link b{margin-left:14px}.fleet{background:#f4f7fb}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading>p{max-width:330px;margin-bottom:5px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vehicle-card{background:white;box-shadow:0 8px 30px #12345a0b}.vehicle-photo{height:205px;background-size:cover;background-position:center;position:relative}.photo-city{background-image:url("https://images.unsplash.com/photo-1552519507-da3b142c6e3d?auto=format&fit=crop&w=900&q=80")}.photo-mpv{background-image:url("https://images.unsplash.com/photo-1568844293986-8d0400bd4745?auto=format&fit=crop&w=900&q=80")}.photo-suv{background-image:url("https://images.unsplash.com/photo-1519641471654-76ce0107ad1b?auto=format&fit=crop&w=900&q=80")}.photo-tag{position:absolute;left:18px;top:17px;background:#0b4d8d;color:#fff;padding:7px 10px;font-size:8px;letter-spacing:.14em;font-weight:800}.vehicle-info{padding:24px}.vehicle-type{font-size:9px;letter-spacing:.15em;color:#1680c9;font-weight:800}.vehicle-info h3{font:800 21px Manrope;margin:9px 0}.vehicle-info p{font-size:12px;color:#718096;line-height:1.7;min-height:42px}.unit-link{padding:0;border:0;background:none;color:#075eaa;font-size:11px;font-weight:800;cursor:pointer}.unit-link span{margin-left:12px}
.brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.brand-card{background:#fff;padding:27px 28px 24px;border:1px solid #e7edf4;box-shadow:0 8px 30px #12345a08}

.brand-photo{height:165px;margin:-27px -28px 20px;background-size:cover;background-position:center;position:relative}
.brand-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#082b58a8,transparent 60%)}
.toyota-photo{background-image:url("https://www.toyota.astra.co.id/sites/default/files/2025-02/steptodown.com854727.jpg")}
.daihatsu-photo{background-image:url("https://cms-2023.daihatsu.co.id/cdn-cgi/image/w=900,q=85/assets/0537714b-e805-4ae2-9de9-26fe6b910a4e")}
.honda-photo{background-image:url("https://momobil.id/news/wp-content/uploads/2023/07/Mobil-Terlaris-Juni-2023.jpg")}
.mitsubishi-photo{background-image:url("https://static.promediateknologi.id/crop/0x0%3A0x0/x/photo/2022/10/24/1607924398.jpg")}
@media(max-width:520px){.brand-photo{height:150px}}
.brand-head{display:flex;align-items:center;gap:13px;padding-bottom:17px;border-bottom:1px solid #edf1f6}
.brand-mark{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#e8f2ff;color:#0756a6;font:800 22px Manrope}
.brand-mark.daihatsu{background:#fcebed;color:#d52c3b}.brand-mark.honda{background:#fff0f0;color:#d71920}.brand-mark.mitsubishi{background:#fff0f0;color:#c9202e}
.brand-head small{font-size:8px;letter-spacing:.16em;color:#8795a8;font-weight:800}
.brand-head h3{font:800 22px Manrope;margin:3px 0 0;color:#16345d}
.model-intro{font-size:11px;line-height:1.7;color:#748398;min-height:38px;margin:15px 0}
.model-list{display:flex;flex-wrap:wrap;gap:7px}
.model-list button{border:1px solid #dce6f0;background:#f8fafc;color:#314965;border-radius:2px;padding:8px 10px;font-size:10px;font-weight:700;cursor:pointer;transition:.18s}
.model-list button:hover{background:#e8f4ff;border-color:#82b9e8;color:#075da8}
.brand-ask{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-top:1px solid #edf1f6;background:none;color:#075eaa;font-size:11px;font-weight:800;margin-top:20px;padding:15px 0 0;cursor:pointer}
.brand-ask span{font-size:16px}
.disclaimer{font-size:10px;color:#8995a5;margin-top:20px}.excavator{background:#082b58;color:white;position:relative;overflow:hidden}.excavator:after{content:"";position:absolute;width:550px;height:550px;border:1px solid #ffffff10;border-radius:50%;right:-180px;top:-210px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.excavator-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;position:relative;z-index:1}.light-kicker{color:#71c995}.excavator h2{color:white}.excavator h2 span{color:#72ce98}.excavator-copy>p{font-size:13px;line-height:1.9;color:#c2d1e3;max-width:430px;margin:22px 0 30px}.btn-light{background:#fff;color:#0a3b73}.btn-light:hover{background:#dff5e7}.excavator-list{border-top:1px solid #ffffff35}.excavator-item{display:grid;grid-template-columns:85px 1fr 38px;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #ffffff35}.excavator-number{font:800 36px Manrope;color:#65c88f}.excavator-item span{font-size:8px;letter-spacing:.18em;color:#8ca9c9}.excavator-item h3{font:800 18px Manrope;margin:5px 0}.excavator-item p{font-size:11px;color:#b6c8dc;margin:0}.excavator-item button{width:34px;height:34px;border:1px solid #ffffff55;border-radius:50%;background:transparent;color:white;cursor:pointer}.why-points>div{display:flex;gap:25px;padding:18px 0;border-bottom:1px solid #e4eaf1}.why-points>div:first-child{padding-top:0}.why-points>b,.why-points>div>b{font:800 13px Manrope;color:#1590d0}.why-points h3{font:800 15px Manrope;margin:0 0 6px;color:#17345c}.why-points p{font-size:12px;color:#77869a;margin:0;line-height:1.6}.contact{padding:0 0 95px}.contact-box{background:linear-gradient(115deg,#07529a,#0875bd);padding:48px 55px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;color:white}.contact h2{color:#fff;font-size:37px}.contact-box p{font-size:12px;color:#d2e7f7;line-height:1.7}.contact-actions{display:grid;gap:12px}.whatsapp-btn{display:flex;align-items:center;gap:14px;background:#fff;padding:13px 16px;border-radius:3px;color:#12365c;transition:.2s}.whatsapp-btn:hover{transform:translateX(4px)}.wa-mark{width:36px;height:36px;border-radius:50%;background:#e5f8ed;color:#159653;display:grid;place-items:center;font-size:10px;font-weight:800}.whatsapp-btn small{display:block;font-size:8px;letter-spacing:.15em;color:#8290a0;margin-bottom:3px}.whatsapp-btn b{font-size:13px}.whatsapp-btn strong{margin-left:auto;color:#168f55}.footer{background:#061d3b;color:#b8c9dc}.footer-main{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-main img{width:155px;background:#fff;padding:5px;border-radius:2px}.footer-main p{font-size:11px;line-height:1.7;color:#9eb1c9}.footer-main i{color:#65c88f}.footer-main>a{font-size:11px}.footer-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;padding:17px 0;font-size:9px;color:#8298b4}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:15}.floating-wa a{width:52px;height:52px;border-radius:50%;background:#18a65a;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;box-shadow:0 6px 22px #0003;border:3px solid #fff}.floating-wa a:hover{transform:scale(1.06)}
@media(max-width:800px){.container{width:min(100% - 36px,600px)}.topbar-right{display:none}.header{height:72px}.brand img{width:155px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:18px 24px 24px;box-shadow:0 12px 20px #102b4a18;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 5px}.nav .nav-cta{text-align:center;margin-top:8px}.hero{min-height:570px;background-position:60% center}.hero-shade{background:linear-gradient(90deg,#031b3deF,#062c5bd1 68%,#062c5b80)}.hero-content{padding:75px 0 90px}.hero h1{font-size:47px}.section-pad{padding:72px 0}.intro-grid,.why-grid,.excavator-layout,.contact-box{grid-template-columns:1fr;gap:30px}.intro-copy{padding-top:0}.service-grid{margin-top:35px}.section-heading{display:block}.section-heading>p{margin-top:20px}.vehicle-grid{grid-template-columns:1fr 1fr}.brand-grid{grid-template-columns:1fr}.vehicle-photo{height:170px}.excavator-layout{gap:45px}.contact{padding-bottom:70px}.contact-box{padding:35px 25px}.contact h2{font-size:34px}.footer-main{padding:25px 0;flex-wrap:wrap}.footer-main p{flex:1;min-width:160px}}
@media(max-width:520px){.hero h1{font-size:41px}.hero-content>p{font-size:13px}.hero-note{margin-top:48px}.hero-bottom-inner{font-size:8px;gap:10px}.service-grid,.vehicle-grid,.brand-grid{grid-template-columns:1fr}.service-card{min-height:245px}.vehicle-photo{height:210px}.section-pad h2{font-size:32px}.excavator-item{grid-template-columns:62px 1fr 34px;gap:12px}.excavator-number{font-size:29px}.excavator-item p{line-height:1.5}.footer-bottom{gap:10px;flex-wrap:wrap}.footer-main>a{width:100%}}

/* Armada individual cards */
.fleet-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}
.fleet-filters{display:flex;flex-wrap:wrap;gap:8px}
.filter-btn{border:1px solid #d8e3ef;background:#fff;color:#52647b;padding:9px 15px;border-radius:3px;font-size:10px;font-weight:800;cursor:pointer}
.filter-btn.active,.filter-btn:hover{background:#075da8;border-color:#075da8;color:#fff}
.fleet-count{font-size:10px;color:#8391a3}
.car-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.car-card{background:#fff;border:1px solid #e7edf4;box-shadow:0 8px 25px #102b4a0b;overflow:hidden;transition:transform .2s,box-shadow .2s}
.car-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #102b4a18}
.car-image{height:205px;position:relative;background:#e8edf3;overflow:hidden}
.car-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.car-card:hover .car-image img{transform:scale(1.04)}
.car-brand{position:absolute;left:14px;top:14px;background:#07569c;color:white;padding:7px 10px;font-size:8px;font-weight:800;letter-spacing:.1em}
.car-details{padding:19px 20px 18px}
.car-meta{font-size:8px;letter-spacing:.15em;color:#1380c6;font-weight:800}
.car-details h3{font:800 19px Manrope,sans-serif;color:#15365e;margin:7px 0 12px}
.car-seats{font-size:10px;color:#77869a;padding-bottom:15px;border-bottom:1px solid #edf1f6}
.car-book{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:none;padding:15px 0 0;color:#075eaa;font-size:10px;font-weight:800;cursor:pointer}
.car-book span{font-size:16px}
@media(max-width:800px){.car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-toolbar{display:block}.fleet-count{display:block;margin-top:13px}}
@media(max-width:520px){.car-grid{grid-template-columns:1fr}.car-image{height:220px}.fleet-filters{gap:6px}.filter-btn{padding:8px 10px}}

/* BAIS TAKA supplied vehicle images */
.car-image{background:#fff;height:220px;display:flex;align-items:center;justify-content:center;padding:10px}
.car-image img{width:100%;height:100%;object-fit:contain;display:block}
.car-brand{z-index:1}
@media(max-width:520px){.car-image{height:230px}}

/* BAIS TAKA office and Google Maps location */
.location-panel{display:grid;grid-template-columns:1.15fr .85fr;background:#f2f6fb;margin-top:22px;min-height:245px;overflow:hidden}
.location-photo{min-height:245px;background:#dce6ef}
.location-photo img{width:100%;height:100%;min-height:245px;object-fit:cover;display:block}
.location-copy{padding:32px 36px;align-self:center}
.location-copy h3{font:800 25px Manrope,sans-serif;color:#15365e;margin:0 0 10px}
.location-copy p{font-size:12px;line-height:1.8;color:#687a91;margin:0 0 20px}
.map-link{display:inline-flex;align-items:center;gap:10px;background:#075da8;color:#fff;padding:13px 16px;border-radius:3px;font-size:11px;font-weight:800}
.map-link:hover{background:#0879c8}
.map-link strong{margin-left:8px}
.map-pin{font-size:17px}
@media(max-width:800px){.location-panel{grid-template-columns:1fr}.location-photo,.location-photo img{min-height:210px;height:210px}.location-copy{padding:26px}}

.footer-address{padding:0 0 22px;display:flex;flex-direction:column;gap:7px}
.footer-address-label{font-size:9px;letter-spacing:.18em;font-weight:800;color:#72c995}
.footer-address p{font-size:11px;line-height:1.8;color:#b8c9dc;margin:0}
.footer-address a{font-size:10px;font-weight:800;color:#8bc9f5}
.footer-address a:hover{color:#fff}

/* Excavator cards with the exact photos supplied by BAIS TAKA */
.excavator-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:0}
.excavator-item{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid #ffffff30;background:#ffffff0b;min-width:0}
.excavator-image{height:185px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.excavator-image img{width:100%;height:100%;object-fit:contain;display:block}
.excavator-details{padding:17px 16px 16px}
.excavator-details>span{font-size:8px;letter-spacing:.17em;color:#91b9dc;font-weight:800}
.excavator-details h3{font:800 17px Manrope,sans-serif;color:#fff;margin:7px 0 8px}
.excavator-details p{font-size:10px;line-height:1.65;color:#c0d1e3;margin:0 0 15px;min-height:34px}
.excavator-details button{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:0;border-top:1px solid #ffffff35;color:#9bd2ff;padding:12px 0 0;font-size:10px;font-weight:800;cursor:pointer}
.excavator-details button b{font-size:16px}
@media(max-width:800px){.excavator-list{grid-template-columns:1fr 1fr;gap:12px}}
@media(max-width:520px){.excavator-list{grid-template-columns:1fr}.excavator-image{height:210px}.excavator-details p{min-height:0}}