@font-face{font-family:SitaSymbols;src:url("assets/symbols.ttf") format("truetype");font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:#f8f7f2;color:#202521;font-family:Arial,Helvetica,SitaSymbols,sans-serif;line-height:1.65}img{display:block;width:100%;max-width:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,summary{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-1.8px}h1{font-size:clamp(50px,5.6vw,78px);font-weight:800;margin-bottom:27px}h2{font-size:clamp(35px,3.8vw,52px);font-weight:750;margin-bottom:25px}h3{font-size:23px;letter-spacing:-.8px}.wrap{width:min(1200px,90%);margin:auto}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ff6b35;outline-offset:5px}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:#fff;padding:12px}.skip:focus{top:10px}.topbar{background:#202521;color:#dedfd5;font-size:9px;letter-spacing:1.7px}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 0}.topbar a{color:#fff;font-weight:bold}header{position:sticky;top:0;z-index:20;background:#f8f7f2f5;border-bottom:1px solid #dddfd5;backdrop-filter:blur(14px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;height:88px}.brand{display:flex;align-items:center;gap:11px;font-size:25px;letter-spacing:-1px;font-weight:900;line-height:.87}.brand img{width:49px;height:49px;border-radius:4px;border-bottom:3px solid #ff6b35}.brand-second{display:block;font-size:15px;letter-spacing:1px;margin-top:6px}.brand-dot{color:#ff6b35}nav{display:flex;gap:27px;font-size:12px;font-weight:600}nav a:hover{color:#c8481b}.header-phone{background:#202521;color:#fff;padding:12px 19px;font-size:11px;font-weight:bold;border-radius:3px}.menu{display:none}.hero{padding:38px 0 46px;background:#f8f7f2}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:45px;align-items:stretch}.hero-copy{padding:30px 0 0}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#8b4c32;margin-bottom:24px}.hero .eyebrow{display:flex;align-items:center;gap:9px;color:#687265}.hero .eyebrow>span{height:7px;width:7px;background:#f36c36;display:inline-block;border-radius:50%}.hero h1 em{font-style:normal;color:#d75425}.hero-description{font-size:15px;line-height:1.8;color:#687265;max-width:400px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;background:#fa6d36;color:#1b241d;font-size:12px;font-weight:750;border:0;padding:15px 21px;border-radius:3px;white-space:nowrap;transition:background .2s}.btn:hover{background:#ff8b5c}.plain-link{display:inline-block;font-size:12px;font-weight:700;padding-bottom:5px;border-bottom:1px solid #697365}.hero-bottom{border-top:1px solid #d8ded3;padding-top:23px;margin-top:40px;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.3px;font-weight:700;color:#76806f}.hero-visual{position:relative;min-height:570px;overflow:hidden;border-radius:4px 75px 4px 4px;background:#566051}.hero-visual>img{height:100%;position:absolute;object-position:48% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#152019e8,transparent 66%)}.photo-caption{position:absolute;bottom:36px;left:32px;color:#fff}.photo-caption>span{font-size:8px;color:#ffb191;letter-spacing:2px}.photo-caption b{font-size:31px;letter-spacing:-1px;line-height:1.15;display:block;margin:15px 0}.photo-caption small{font-size:9px;color:#c2cabe}.hero-arrow{position:absolute;right:26px;bottom:35px;width:56px;height:56px;background:#fa6d36;color:#202521;display:flex;align-items:center;justify-content:center;font-size:30px;border-radius:3px}.stripe{background:#202521;color:#e9eee4}.stripe .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;font-size:10px;font-weight:700;letter-spacing:2px}.stripe b{font-size:18px;color:#fa6d36}.request-band{background:#eeeae1;padding:37px 0}.request-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;align-items:center}.request-grid .eyebrow{font-size:8px;margin-bottom:13px}.request-grid h2{font-size:31px;margin:0;letter-spacing:-1px}.request-grid form>label{font-size:11px;font-weight:700;display:block;margin-bottom:8px}.quick-fields{display:grid;grid-template-columns:1fr auto;gap:12px}.quick-fields input{min-width:0;border:1px solid #d5d6c8;background:#f9f9f4;border-radius:3px;padding:12px 15px;font-size:12px}.btn.dark{background:#202521;color:#fff}.request-grid form>p{margin:9px 0 0;font-size:10px;color:#78816f}.section{padding:85px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.section-head h2{margin-bottom:0}.section-head>p{font-size:13px;color:#75806e;max-width:350px;margin:0 0 5px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d9dfd2;padding-bottom:18px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{border:1px solid #d1d8c9;border-radius:3px;background:transparent;color:#697262;padding:9px 15px;font-size:10px}.filters button.active{color:white;background:#202521;border-color:#202521}.search{display:flex;gap:12px;align-items:center;font-size:10px;flex-shrink:0}.search input{border:1px solid #d1d8c9;background:#fff;border-radius:3px;padding:10px 12px;font-size:11px;width:200px}.count{font-size:10px;color:#78816f;margin:18px 0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-card{background:#fff;border:1px solid #dfe3d9;border-radius:4px;overflow:hidden}.card-photo{position:relative;height:215px;background:#dce1d4;overflow:hidden}.card-photo img{height:100%;transition:transform .3s}.service-card:hover .card-photo img{transform:scale(1.03)}.card-photo>span{position:absolute;left:15px;top:15px;background:#f8f7f2;color:#202521;font-size:9px;border-radius:2px;padding:4px 10px}.card-content{padding:25px}.card-title{display:flex;gap:13px;align-items:start}.card-title>span{font-size:10px;color:#cb622e;padding-top:4px}.card-title h3{font-size:22px;margin:0 0 18px;min-height:48px}.card-content p{font-size:12px;color:#78816f;min-height:85px}.card-content>a{border-top:1px solid #e1e5db;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:bold;padding-top:18px;color:#a2421e}.note{font-size:10px;line-height:1.75;color:#818b78;margin-top:25px;max-width:880px}.about{background:#e9eee3}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-photo{position:relative}.about-photo img{height:440px;border-radius:5px}.about-photo>span{position:absolute;left:23px;bottom:23px;padding:11px 15px;background:#202521;color:white;font-size:8px;letter-spacing:1px;max-width:85%}.about-copy>p:not(.eyebrow){font-size:14px;color:#74806b}.about-list{margin:28px 0}.about-list>div{display:flex;gap:20px;align-items:center;border-top:1px solid #ccd5c3;padding:13px 0;font-size:12px}.about-list b{font-size:10px;color:#a95026}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.steps article{border-top:1px solid #cfd8c6;padding-top:23px}.steps article>span{font-size:38px;font-weight:700;color:#c4ccba;letter-spacing:-2px}.steps h3{margin:24px 0 14px;font-size:22px}.steps p{font-size:13px;color:#77816e}.contact{background:#202521;color:#f3f5ea}.contact .eyebrow{color:#ff9b74}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.contact h2{font-size:clamp(39px,4.1vw,57px)}.contact h2 em{font-style:normal;color:#fa885c}.contact-grid>div>p:not(.eyebrow){color:#aebba4;font-size:14px;max-width:360px}.contact-detail{margin-top:40px}.contact-detail small{display:block;margin:27px 0 9px;font-size:8px;letter-spacing:2px;color:#acbba3}.contact-detail .phone{font-size:27px;font-weight:650}.contact-detail address{font-style:normal;font-size:12px;max-width:310px;line-height:1.9;color:#e3e8dd}.map-link{display:inline-block;font-size:11px;color:#ffb18e;border-bottom:1px solid #88634f;margin-top:16px}.booking{background:#f8f7f2;color:#293025;padding:30px;border-radius:4px}.booking h3{font-size:23px;margin-bottom:26px}.booking label{font-size:10px;font-weight:700;display:block;margin:12px 0 6px}.booking input,.booking select,.booking textarea{width:100%;min-width:0;border:1px solid #d0d8c7;background:#fff;border-radius:3px;padding:11px;font-size:11px;color:#293025}.booking textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.booking .btn{width:100%;margin-top:20px}.booking .note{font-size:9px;margin-bottom:0}.faq-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:65px}.faq details{padding:21px 0;border-bottom:1px solid #d6ddcd}.faq details:first-child{padding-top:0}.faq summary{font-size:13px;font-weight:650;cursor:pointer;margin-left:17px}.faq details p{font-size:12px;color:#75806d;margin:15px 0 0 17px}footer{background:#e6e9dd;padding:55px 0 23px}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr .6fr;gap:75px}.footer-brand{font-size:27px;letter-spacing:-1px;font-weight:900}.footer-brand>span{color:#d75425}.footer-grid p{font-size:13px;color:#76806e;margin-top:18px}.footer-grid h3{font-size:12px;letter-spacing:0;margin:6px 0 20px}.footer-grid address{font-style:normal;color:#75806d;font-size:11px}.footer-grid>div>a:not(.footer-brand){font-size:11px;color:#65705d;display:block;margin-top:11px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:35px;border-top:1px solid #cbd3bf;padding-top:20px;font-size:9px;color:#7c866e}.float-wa{position:fixed;right:22px;bottom:20px;background:#fa6d36;color:#202521;border-radius:3px;padding:12px 19px;font-size:11px;font-weight:700;z-index:25;box-shadow:0 3px 16px #0002;border:1px solid #ec9e7e}.legal{max-width:850px;min-height:65vh}.legal h1{font-size:46px;margin-bottom:35px}.legal>p:not(.eyebrow),.credits{font-size:14px;color:#75806d}.credits{padding-left:20px}.credits li{margin:20px 0}.credits a{text-decoration:underline}[hidden]{display:none!important}
@media(max-width:1000px){nav{gap:18px}.hero-grid{gap:30px}.hero h1{font-size:60px}.hero-actions{gap:17px}.hero-bottom{font-size:7px;letter-spacing:.8px}.hero-visual{min-height:570px}.contact-grid{gap:45px}.about-grid{gap:40px}.card-content{padding:20px}.card-title h3{font-size:20px}.card-photo{height:190px}.request-grid{gap:35px}.footer-grid{gap:35px}}
@media(max-width:760px){html{scroll-padding-top:80px}.wrap{width:90%}.topbar{font-size:7px;letter-spacing:.8px}.nav{height:76px}.brand{font-size:22px}.brand img{width:42px;height:42px}.brand-second{font-size:12px}.header-phone{display:none}.menu{display:block;background:transparent;border:1px solid #ccd5c3;padding:8px 11px;font-size:10px;border-radius:3px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#f8f7f2;border-bottom:1px solid #cbd5c1;flex-direction:column;gap:17px;padding:20px 5%}nav.open{display:flex}.hero{padding-top:15px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero-copy{padding-top:20px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:20px}.hero h1{font-size:57px;letter-spacing:-2.7px}.hero-description{font-size:14px;max-width:100%}.hero-actions{gap:20px}.hero-actions .btn{font-size:11px}.hero-bottom{font-size:7px;margin-top:30px;padding-top:18px}.hero-visual{min-height:380px;border-radius:3px 55px 3px 3px}.hero-visual>img{object-position:center}.photo-caption{left:23px;bottom:25px}.photo-caption b{font-size:28px}.photo-caption>span{font-size:7px}.hero-arrow{height:45px;width:45px;right:22px;bottom:26px;font-size:25px}.stripe .wrap{flex-wrap:wrap;justify-content:center;gap:10px 17px;font-size:8px;letter-spacing:1px;padding:17px 0}.stripe span:last-child,.stripe b:nth-last-child(2){display:none}.request-grid{grid-template-columns:1fr;gap:25px}.request-grid h2{font-size:29px}.quick-fields{grid-template-columns:1fr}.quick-fields .btn{width:100%}.request-band{padding:30px 0}.section{padding:60px 0}.section-head{display:block;margin-bottom:28px}.section-head>p{max-width:100%;margin:22px 0 0;font-size:12px}.toolbar{display:block}.filters{gap:6px}.filters button{padding:8px 12px;font-size:9px}.search{justify-content:space-between;margin-top:20px}.search input{width:65%}.services{grid-template-columns:1fr;gap:22px}.card-photo{height:245px}.card-content{padding:24px}.card-title h3{font-size:23px;min-height:0}.card-content p{min-height:0;font-size:13px}.about-grid,.contact-grid,.faq-grid{grid-template-columns:1fr;gap:32px}.about-photo img{height:310px}.about-photo>span{left:16px;bottom:16px;font-size:7px}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.steps h3{margin-top:13px}.steps p{margin-bottom:0}.contact h2{font-size:43px}.contact-detail{margin-top:25px}.contact-detail .phone{font-size:25px}.booking{padding:24px}.form-row{gap:12px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-grid h3{margin-bottom:14px}.footer-bottom{padding-bottom:40px;font-size:8px}.float-wa{bottom:14px;right:14px}.legal h1{font-size:36px}.faq-grid h2{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-visual>img{object-position:53% center}.card-photo img[src*="hino-towing"]{object-position:center 58%}.about-photo img{object-position:center 55%}

.hero-visual>img{object-position:50% 57%}.card-photo img[src*="towing-proses"]{object-position:center 53%}.card-photo img[src*="towing-sedan-hitam"]{object-position:center 55%}.card-photo img[src*="towing-pickup"]{object-position:center 65%}.about-photo img{object-position:center 55%}.brand img{object-position:70% center}