/*
Theme Name: Cargomurah.online V32 Ultimate Corporate
Theme URI: https://example.com/
Author: Cargomurah.online
Description: Tema WordPress corporate modern untuk Cargomurah.online Cargo & Logistik dengan header sticky, kontrol posisi logo, layanan bergambar, tracking, pickup, kalkulator dan WhatsApp CTA.
Version: 55.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cargomurah-online
*/
:root{--blue:#0753b8;--blue2:#0d66d7;--navy:#07346f;--text:#17375e;--muted:#637894;--gray:#66717f;--light:#f4f8fd;--border:#dce5ef;--dark:#061b34;--white:#fff;--shadow:0 10px 30px rgba(16,59,101,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);line-height:1.6;background:#fff}img{max-width:100%;height:auto}.site{overflow:hidden}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{height:82px;background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 18px rgba(7,52,111,.08)}.nav{height:100%;display:flex;align-items:center;gap:28px}.brand{width:176px;display:block}.brand img{display:block;width:100%}.main-nav{margin-left:auto;display:flex;align-items:center;gap:25px}.main-nav a{font-size:13px;font-weight:650;text-decoration:none;color:#27466f;padding:30px 0;position:relative}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--blue)}.main-nav .current-menu-item>a:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:3px;border-radius:3px;background:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:30px;padding:14px 22px;background:linear-gradient(135deg,var(--blue2),#06459f);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:750;box-shadow:0 8px 22px rgba(7,83,184,.2);transition:.25s;border:0;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(7,83,184,.28)}.btn-outline{background:#fff;color:var(--navy)!important;border:1px solid #aebdcd;box-shadow:none}.btn-white{background:#fff;color:var(--blue)!important;box-shadow:none}.mobile-toggle{display:none;border:0;background:none;padding:8px}.mobile-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px}
.hero{position:relative;min-height:550px;background:#edf6ff}.hero-media{position:absolute;inset:0;background-size:cover;background-position:right center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f1f8ff 0%,rgba(241,248,255,.96) 29%,rgba(255,255,255,.15) 65%,rgba(0,70,150,.1))}.hero-content{position:relative;z-index:2;min-height:550px;display:flex;align-items:center}.hero-copy{width:52%;padding-bottom:65px}.eyebrow{display:inline-block;background:#e7f2ff;color:var(--blue);border-radius:18px;padding:6px 12px;font-size:9px;line-height:1;font-weight:800;letter-spacing:.45px;margin-bottom:13px}.hero .eyebrow{background:linear-gradient(90deg,#0766d2,#0aa4e9);color:#fff;padding:8px 14px}.hero h1{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:54px;line-height:1.02;letter-spacing:-2.4px;margin:0 0 13px;color:var(--navy)}.hero h1 strong{color:var(--blue)}.hero h2{font-size:23px;line-height:1.2;margin:0 0 13px;color:#244a79}.hero p{max-width:465px;font-size:14px;color:#385679;margin:0 0 23px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-trust{position:absolute;bottom:0;left:0;right:0;z-index:3;background:rgba(255,255,255,.83);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.9)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:13px 0}.trust-item{display:flex;gap:11px;align-items:center;padding:6px 18px;border-right:1px solid #d6e0eb}.trust-item:last-child{border:0}.trust-icon{font-size:23px;color:var(--blue)}.trust-item strong{font-size:10px;line-height:1.35}
.section{padding:70px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.section h2{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:34px;line-height:1.12;letter-spacing:-1px;margin:0 0 7px;color:var(--navy)}.section-head p{font-size:14px;color:var(--muted);margin:0}.text-link{font-size:12px;font-weight:750;color:var(--blue);text-decoration:none;white-space:nowrap}
.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.service-card{border:1px solid #e1e9f1;border-radius:13px;overflow:hidden;background:#fff;box-shadow:var(--shadow);transition:.25s}.service-card:hover{transform:translateY(-5px)}.service-image{height:125px;position:relative}.service-image img{width:100%;height:100%;object-fit:cover}.service-icon{position:absolute;left:14px;bottom:-18px;width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.12);font-size:19px}.service-body{padding:25px 14px 17px}.service-body h3{font-size:15px;margin:0 0 8px;color:#062e65}.service-body p{font-size:11px;line-height:1.55;color:var(--muted);min-height:54px;margin:0}.service-body a{display:inline-block;margin-top:11px;color:var(--blue);font-size:10px;font-weight:750;text-decoration:none}
.reach{background:linear-gradient(120deg,#f2f8ff,#fff)}.reach-grid{display:grid;grid-template-columns:38% 62%;align-items:center}.reach-copy{padding-right:25px}.reach h2{font-size:43px}.reach-copy>p{max-width:410px;margin:12px 0 22px}.stats{display:flex;gap:20px;margin:0 0 23px}.stat{display:flex;flex-direction:column;border-right:1px solid #d9e4ef;padding-right:18px}.stat:last-child{border:0}.stat b{font-size:22px;color:var(--blue)}.stat span{font-size:9px;color:#6a7f98}.map-art{position:relative;min-height:330px}.map-art img{width:100%;height:330px;object-fit:cover;mix-blend-mode:multiply}.map-label{position:absolute;right:8%;top:11%;font-family:"Plus Jakarta Sans";font-size:18px;font-weight:750;color:var(--blue);transform:rotate(-4deg)}
.why{padding:48px 0}.why-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr)}.why-grid>div{padding:10px 20px;border-right:1px solid var(--border)}.why-grid>div:last-child{border:0}.why h2{font-size:31px}.feature{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.feature-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:20px;margin-bottom:8px}.feature strong{font-size:12px;line-height:1.25}.feature span{font-size:9px;color:#68809c;margin-top:7px;line-height:1.35}
.tracking{padding:58px 0;background:#f7fbff}.tracking-box{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:20px;padding:34px;box-shadow:var(--shadow)}.tracking h2{font-family:"Plus Jakarta Sans";font-size:31px;margin:0 0 7px;color:var(--navy)}.tracking p{font-size:13px;color:var(--muted);margin:0 0 18px}.tracking-form{display:flex;gap:10px}.tracking-form input{flex:1;border:1px solid #cbd8e6;border-radius:28px;padding:13px 17px;font:inherit;font-size:13px;outline:none}.tracking-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,83,184,.1)}.tracking-note{font-size:10px!important;margin-top:10px!important}.tracking-art{min-height:190px;border-radius:15px;background:linear-gradient(135deg,#0a58b9,#06366e);display:grid;place-items:center;color:#fff;text-align:center;padding:25px}.tracking-art strong{font-family:"Plus Jakarta Sans";font-size:28px}.tracking-art span{display:block;font-size:11px;opacity:.85}
.testimonials{background:#fff}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial{border:1px solid var(--border);border-radius:14px;padding:23px;background:#fff;box-shadow:0 6px 20px rgba(16,59,101,.06)}.testimonial-stars{color:#f3aa23;letter-spacing:2px}.testimonial p{font-size:12px;color:#526c8c;min-height:60px}.testimonial strong{font-size:12px;color:var(--navy)}.testimonial small{display:block;color:#8192a6;font-size:9px}
.faq{background:#f7fbff}.faq-grid{max-width:900px;margin:auto}.faq-item{border:1px solid var(--border);border-radius:10px;background:#fff;margin-bottom:10px;overflow:hidden}.faq-item summary{cursor:pointer;padding:16px 18px;font-weight:700;font-size:13px;color:var(--navy);list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--blue);font-size:18px}.faq-item[open] summary:after{content:"−"}.faq-answer{padding:0 18px 17px;color:var(--muted);font-size:12px}
.cta{position:relative;min-height:135px;background:#0563c8;color:#fff;overflow:hidden}.cta-media{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.22}.cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0455b0,rgba(0,96,200,.72));opacity:.78}.cta-inner{position:relative;z-index:2;min-height:135px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-family:"Plus Jakarta Sans";font-size:24px;margin:0 0 4px}.cta p{font-size:11px;max-width:560px;margin:0;color:#e8f3ff}
.site-footer{background:var(--dark);color:#fff;padding:35px 0 15px}.footer-grid{display:grid;grid-template-columns:1.1fr 2fr 1fr;align-items:center;gap:25px}.footer-logo{width:145px;filter:brightness(0) invert(1);display:block}.footer-tagline{font-size:8px;color:#a8bfd9}.footer-nav{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.footer-nav a{font-size:10px;text-decoration:none;color:#fff}.social{text-align:right;color:#c6d9ec}.copyright{margin-top:24px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);font-size:8px;color:#91a9c4;text-align:center}.page-wrap{padding:70px 0}.content-card{max-width:900px;margin:auto}.content-card h1{font-family:"Plus Jakarta Sans";font-size:42px;color:var(--navy)}
@media(max-width:1050px){.main-nav{gap:15px}.main-nav a{font-size:11px}.hero h1{font-size:46px}.services-grid{grid-template-columns:repeat(3,1fr)}.service-card:nth-child(n+4){display:none}.why-grid{grid-template-columns:1fr repeat(4,1fr)}.why-grid>div{padding:8px}}
@media(max-width:760px){.container{width:min(100% - 28px,620px)}.site-header{height:70px}.nav{justify-content:space-between}.brand{width:145px}.mobile-toggle{display:block}.main-nav{position:absolute;display:none;top:70px;left:14px;right:14px;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:10px;border-radius:0 0 14px 14px;box-shadow:0 16px 30px rgba(0,0,0,.12)}.main-nav.open{display:flex}.main-nav a{padding:12px 10px}.main-nav .current-menu-item>a:after{display:none}.header-cta{display:none}.hero{min-height:700px}.hero-media{background-position:67% center;opacity:.74}.hero:after{background:linear-gradient(180deg,rgba(245,250,255,.97) 0%,rgba(245,250,255,.92) 42%,rgba(245,250,255,.15) 80%)}.hero-content{min-height:580px;align-items:flex-start}.hero-copy{width:100%;padding-top:48px}.hero h1{font-size:39px;letter-spacing:-1.6px}.hero h2{font-size:19px}.hero p{font-size:13px}.hero-trust{bottom:0}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item{padding:7px 9px}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(n+3){border-top:1px solid #d6e0eb}.trust-item:nth-child(4){border-right:0}.section{padding:48px 0}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:12px}.section h2{font-size:29px}.services-grid{grid-template-columns:repeat(2,1fr);gap:12px}.service-card:nth-child(n+4){display:block}.service-card:nth-child(5){grid-column:1/-1}.reach-grid{grid-template-columns:1fr}.reach-copy{padding-right:0}.reach h2{font-size:38px}.map-art{margin-top:20px;min-height:250px}.map-art img{height:250px}.why-grid{grid-template-columns:1fr 1fr}.why-grid>div:first-child{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:10px}.why-grid>div:nth-child(3),.why-grid>div:nth-child(5){border-right:0}.tracking-box{grid-template-columns:1fr;padding:24px}.tracking-form{display:block}.tracking-form input{width:100%;margin-bottom:10px}.tracking-form .btn{width:100%}.testimonial-grid{grid-template-columns:1fr}.testimonial p{min-height:auto}.cta-inner{min-height:auto;padding:25px 0;display:block}.cta .btn{margin-top:16px}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-logo{margin:auto}.social{text-align:center}.page-wrap{padding:45px 0}.content-card h1{font-size:34px}}
@media(max-width:430px){.hero{min-height:720px}.hero h1{font-size:34px}.actions .btn{width:100%}.services-grid{grid-template-columns:1fr}.service-card:nth-child(5){grid-column:auto}.why-grid{grid-template-columns:1fr}.why-grid>div{border-right:0!important;border-bottom:1px solid var(--border)!important;padding:14px 8px}.why-grid>div:last-child{border-bottom:0!important}.stats{gap:11px}.stat{padding-right:10px}.stat b{font-size:19px}}

/* V3 pages, forms, utilities */
.subhero{padding:60px 0;background:linear-gradient(120deg,#eff7ff,#fff);border-bottom:1px solid var(--border)}.subhero h1{font-family:"Plus Jakarta Sans";font-size:44px;line-height:1.1;color:var(--navy);margin:7px 0}.subhero p{max-width:680px;color:var(--muted);font-size:14px}
.page-section{padding:65px 0}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center}.panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:var(--shadow)}.panel h2,.page-section h2{font-family:"Plus Jakarta Sans";color:var(--navy)}.check-list{padding:0;margin:20px 0;list-style:none}.check-list li{margin:12px 0;font-size:13px;color:#526b89}.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e7f2ff;color:var(--blue);font-weight:800;margin-right:9px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:14px}.field.full{grid-column:1/-1}.field label{display:block;font-size:11px;font-weight:750;color:var(--navy);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #cad8e7;border-radius:10px;padding:12px 13px;font:inherit;font-size:13px;background:#fff;outline:none}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,83,184,.08)}.form-message{font-size:11px;color:var(--muted);margin-top:10px}
.quote-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.quote-result{min-height:190px;border-radius:15px;background:linear-gradient(135deg,#0753b8,#06366e);color:#fff;padding:28px;display:flex;align-items:center}.quote-result .price{font-family:"Plus Jakarta Sans";font-size:31px;font-weight:800}.quote-result small{font-size:10px;opacity:.82}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-list .service-card{display:flex;flex-direction:column}.service-list .service-body{flex:1}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.contact-item{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid var(--border)}.contact-item:last-child{border:0}.contact-item b{font-size:12px;color:var(--navy)}.contact-item span{display:block;font-size:11px;color:var(--muted)}.map-box{min-height:360px;border-radius:18px;overflow:hidden;background:#eaf3fb}.map-box iframe{width:100%;height:100%;min-height:360px;border:0}
.floating-wa{position:fixed;right:18px;bottom:18px;z-index:90;width:55px;height:55px;border-radius:50%;background:#18a85b;color:#fff!important;display:grid;place-items:center;text-decoration:none;font-size:23px;box-shadow:0 10px 25px rgba(0,0,0,.2)}.floating-wa span{display:none}
.breadcrumb{font-size:10px;color:#72859b;margin-bottom:10px}.breadcrumb a{color:var(--blue);text-decoration:none}
.notice{padding:12px 15px;background:#eef7ff;border-left:3px solid var(--blue);border-radius:7px;color:#496681;font-size:11px;margin:15px 0}
@media(max-width:760px){.subhero{padding:42px 0}.subhero h1{font-size:34px}.page-section{padding:48px 0}.two-col,.quote-grid,.contact-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.service-list{grid-template-columns:1fr}.map-box{min-height:280px}.map-box iframe{min-height:280px}}


/* ===== V4 UI POLISH ===== */
:root{--radius:18px;--shadow:0 14px 40px rgba(7,52,111,.10)}
html{scroll-behavior:smooth}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(14px);background:rgba(255,255,255,.94);box-shadow:0 1px 0 rgba(7,52,111,.08)}
.brand img,.custom-logo{max-height:58px;width:auto}.service-card,.testimonial,.feature,.tracking-box,.faq-item{border-radius:var(--radius);box-shadow:var(--shadow)}
.service-card{overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(7,52,111,.16)}
.service-image{position:relative;aspect-ratio:16/9;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.service-card:hover .service-image img{transform:scale(1.05)}
.service-icon{position:absolute;right:16px;bottom:16px;background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.btn{border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(7,83,184,.22)}
.tracking-form input,.pickup-form input,.pickup-form textarea,.quote-form input,.quote-form select{border:1px solid #d7dee8;border-radius:12px;min-height:48px;padding:12px 14px;box-sizing:border-box}.tracking-form{display:flex;gap:10px;flex-wrap:wrap}.tracking-form input{flex:1;min-width:220px}.faq-item{border:1px solid #e7edf5;box-shadow:none}.faq-item summary{cursor:pointer;font-weight:700;padding:18px}.faq-answer{padding:0 18px 18px;color:#5f6b7a}.floating-wa{box-shadow:0 10px 28px rgba(0,0,0,.18)}
.admin-note{background:#f5f8fc;border-left:4px solid var(--blue);padding:12px 14px;border-radius:10px;margin:12px 0}
@media(max-width:760px){.site-header{position:sticky}.header-cta{display:none}.hero{min-height:620px}.hero h1{font-size:clamp(40px,12vw,62px)}.section{padding:64px 0}.tracking-form{display:grid}.tracking-form .btn{width:100%}.services-grid{grid-template-columns:1fr}.footer-grid{gap:28px}}

.floating-wa{position:fixed;right:22px;bottom:22px;z-index:100;width:auto;min-height:58px;padding:10px 18px 10px 13px;display:flex;align-items:center;gap:10px;background:#168f3f;color:#fff!important;text-decoration:none;border-radius:18px;font-weight:800;box-shadow:0 12px 32px rgba(12,62,37,.25);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.floating-wa:hover{transform:translateY(-3px);background:#117d36;box-shadow:0 16px 38px rgba(12,62,37,.32)}.wa-icon{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center;flex:0 0 38px}.wa-icon svg{width:25px;height:25px}.wa-label{font-size:12px;line-height:1;white-space:nowrap}.wa-tooltip{position:absolute;right:0;bottom:calc(100% + 10px);background:#071c34;color:#fff;padding:8px 11px;border-radius:9px;font-size:10px;font-weight:650;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(4px);transition:.2s;box-shadow:0 8px 22px rgba(0,0,0,.15)}.wa-tooltip:after{content:"";position:absolute;right:22px;top:100%;border:6px solid transparent;border-top-color:#071c34}.floating-wa:hover .wa-tooltip,.floating-wa:focus-visible .wa-tooltip{opacity:1;transform:none}.screen-reader-text{position:absolute;left:-9999px}

/* ===== V5 HEADER & WHATSAPP POLISH ===== */
.site-header{position:sticky;top:0;z-index:9999;height:82px;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);box-shadow:0 1px 0 rgba(7,52,111,.08);transition:height .2s ease,box-shadow .2s ease}
.site-header.is-scrolled{height:72px;box-shadow:0 8px 28px rgba(7,52,111,.12)}
.nav{position:relative;height:100%;display:flex;align-items:center;gap:24px}
.brand{width:var(--logo-width,176px);max-width:260px;display:block;flex:0 0 auto;transition:width .2s ease}.brand img,.brand .custom-logo{display:block;max-width:100%;height:auto;max-height:58px;width:auto;object-fit:contain}
.nav-logo-left .brand{order:1}.nav-logo-left .main-nav{order:2;margin-left:auto}.nav-logo-left .header-cta{order:3}
.nav-logo-center .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.nav-logo-center .main-nav{order:1;margin-right:auto}.nav-logo-center .header-cta{order:3;margin-left:auto}
.nav-logo-right .brand{order:3;margin-left:auto}.nav-logo-right .main-nav{order:1}.nav-logo-right .header-cta{order:2}
.main-nav{position:relative;z-index:3}.header-cta{position:relative;z-index:3;white-space:nowrap}
.mobile-toggle{position:relative;z-index:5}
@media(max-width:1050px){.nav{gap:16px}.brand{width:min(var(--logo-width,176px),150px)}.main-nav{gap:12px}.header-cta{padding:12px 16px}}
@media(max-width:760px){.site-header,.site-header.is-scrolled{height:70px}.nav{gap:10px}.brand{width:min(var(--logo-width,145px),145px)}.nav-logo-center .brand{position:static;transform:none;order:1;margin:0}.nav-logo-center .main-nav{order:4}.nav-logo-center .header-cta{order:3}.nav-logo-right .brand{order:2;margin-left:auto}.nav-logo-right .main-nav{order:4}.nav-logo-right .header-cta{order:3}.nav-logo-left .brand{order:1}.nav-logo-left .header-cta{order:3}.mobile-toggle{order:4}.main-nav{top:70px}.floating-wa{right:14px;bottom:14px;min-height:54px;padding:8px 13px 8px 9px;border-radius:16px}.wa-icon{width:36px;height:36px;flex-basis:36px}.wa-label{font-size:11px}.wa-tooltip{display:none}}



/* =========================================================
   MB EXPRESS V6 — RESPONSIVE / MOBILE-FIRST POLISH
   ========================================================= */
:root{
  --header-h:82px;
  --mobile-header-h:70px;
  --container-max:1180px;
  --mobile-gutter:16px;
}
html{scroll-padding-top:calc(var(--header-h) + 14px)}
body{overflow-x:hidden;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
*,*::before,*::after{min-width:0}
.container{width:min(var(--container-max),calc(100% - 40px))}
a,button,input,select,textarea{touch-action:manipulation}
button,input,select,textarea{font-family:inherit}
img,svg,video,iframe{max-width:100%}
iframe{border:0}
.site-header{height:var(--header-h)}
.nav{min-width:0}
.brand{min-width:0}
.main-nav a{white-space:nowrap}
.hero-content,.hero-copy,.section-head,.reach-copy,.cta-inner{min-width:0}
.hero h1,.hero h2,.hero p,.section h2,.subhero h1,.content-card h1{overflow-wrap:anywhere}
.actions .btn{min-height:46px}

/* Tablet: give the navigation and content enough breathing room */
@media (min-width:761px) and (max-width:1100px){
  .container{width:min(100% - 32px,1000px)}
  .nav{gap:12px}
  .brand{width:min(var(--logo-width,176px),145px)}
  .main-nav{gap:9px}
  .main-nav a{font-size:10.5px;padding-left:1px;padding-right:1px}
  .header-cta{padding:11px 13px;font-size:11px}
  .hero{min-height:590px}
  .hero-content{min-height:590px}
  .hero-copy{width:57%;padding-bottom:55px}
  .hero h1{font-size:clamp(42px,5.2vw,52px)}
  .hero h2{font-size:21px}
  .section{padding:58px 0}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .service-card:nth-child(n+4){display:block}
  .reach-grid,.two-col{gap:25px}
  .footer-grid{grid-template-columns:1fr 1.6fr 1fr}
}

/* Mobile: compact header, comfortable tap targets, no accidental overflow */
@media (max-width:760px){
  :root{--header-h:var(--mobile-header-h)}
  html{scroll-padding-top:84px}
  .container{width:calc(100% - 32px);max-width:620px}
  .site-header,.site-header.is-scrolled{height:var(--mobile-header-h)}
  .nav{height:var(--mobile-header-h);gap:8px}
  .brand{width:min(var(--logo-width,145px),42vw);max-width:150px}
  .brand img,.brand .custom-logo{max-height:50px}
  .mobile-toggle{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    padding:7px;
    margin-left:auto;
    border-radius:12px;
    background:#f2f7fd;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-toggle span{width:23px;height:2px;margin:3px 0;transition:transform .2s ease,opacity .2s ease}
  .mobile-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .mobile-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .mobile-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

  .main-nav,
  .nav-logo-center .main-nav,
  .nav-logo-right .main-nav{
    position:absolute;
    top:calc(var(--mobile-header-h) - 1px);
    left:8px;
    right:8px;
    width:auto;
    margin:0;
    padding:8px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    background:rgba(255,255,255,.985);
    border:1px solid #e4ebf3;
    border-radius:0 0 16px 16px;
    box-shadow:0 18px 38px rgba(7,52,111,.16);
    max-height:calc(100svh - var(--mobile-header-h) - 12px);
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  .main-nav.open{display:flex}
  .main-nav a{
    display:flex;
    align-items:center;
    min-height:48px;
    padding:11px 13px;
    border-radius:10px;
    font-size:14px;
    line-height:1.2;
    white-space:normal;
  }
  .main-nav a:hover,.main-nav .current-menu-item>a{background:#f1f7ff}
  .main-nav .current-menu-item>a:after{display:none}
  .header-cta{display:none}

  .hero{min-height:0;height:auto}
  .hero-media{position:absolute;background-position:68% center;opacity:.5}
  .hero:after{background:linear-gradient(180deg,rgba(245,250,255,.985) 0%,rgba(245,250,255,.94) 48%,rgba(245,250,255,.68) 100%)}
  .hero-content{min-height:0;padding:52px 0 150px;align-items:flex-start}
  .hero-copy{width:100%;padding:0}
  .hero .eyebrow{font-size:9px;padding:8px 11px;margin-bottom:12px}
  .hero h1{font-size:clamp(34px,10.5vw,46px);line-height:1.04;letter-spacing:-1.8px;margin-bottom:14px}
  .hero h2{font-size:clamp(17px,5vw,20px);line-height:1.3}
  .hero p{font-size:14px;line-height:1.65;max-width:none;margin-bottom:20px}
  .actions{display:grid;grid-template-columns:1fr;gap:10px}
  .actions .btn{width:100%;min-height:48px}
  .hero-trust{position:absolute}
  .trust-grid{grid-template-columns:1fr 1fr;padding:7px 0}
  .trust-item{min-height:58px;padding:8px 7px;gap:8px}
  .trust-icon{font-size:19px;flex:0 0 auto}
  .trust-item strong{font-size:9px;line-height:1.3}

  .section,.page-section,.page-wrap{padding:48px 0}
  .section-head{display:block;margin-bottom:22px}
  .section h2{font-size:clamp(27px,8vw,34px)}
  .section-head p{font-size:13px}
  .section-head .text-link{margin-top:10px}
  .services-grid,.service-list{grid-template-columns:1fr;gap:14px}
  .service-card:nth-child(n){display:flex}
  .service-image{aspect-ratio:16/9}
  .service-body{padding:17px}
  .service-body h3{font-size:17px}
  .service-body p{font-size:12px}
  .service-icon{right:12px;bottom:12px;padding:8px 10px}

  .reach-grid,.two-col,.quote-grid,.contact-grid{grid-template-columns:1fr;gap:24px}
  .reach-copy{padding-right:0}
  .reach h2{font-size:clamp(34px,10vw,44px)}
  .stats{grid-template-columns:repeat(3,1fr);gap:0}
  .stat{padding:0 8px}
  .stat b{font-size:clamp(18px,6vw,26px)}
  .stat span{font-size:9px}
  .map-art{margin-top:0;min-height:230px}
  .map-art img{height:230px;object-fit:cover}

  .tracking-box{grid-template-columns:1fr;padding:20px}
  .tracking-form{display:grid;grid-template-columns:1fr;gap:10px}
  .tracking-form input{width:100%;min-width:0;margin:0}
  .tracking-form .btn{width:100%}
  .form-grid{grid-template-columns:1fr;gap:0}
  .field.full{grid-column:auto}
  .panel{padding:20px;border-radius:15px}
  .panel h2,.page-section h2{font-size:26px}
  .field input,.field select,.field textarea{min-height:48px;font-size:16px} /* prevents iOS zoom */
  .field textarea{min-height:120px}

  .subhero{padding:42px 0}
  .subhero h1{font-size:clamp(31px,9vw,40px)}
  .subhero p{font-size:13px}
  .breadcrumb{font-size:10px}
  .content-card h1{font-size:32px}
  .content-card table,.page-section table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .cta-inner{padding:26px 0;display:block}
  .cta h2{font-size:22px}
  .footer-grid{grid-template-columns:1fr;text-align:center;gap:24px}
  .footer-nav{gap:8px 16px}
  .footer-nav a{font-size:11px;padding:5px}
  .social{text-align:center}
  .copyright{font-size:8px;line-height:1.6}

  .floating-wa{
    right:12px;
    bottom:calc(12px + env(safe-area-inset-bottom));
    min-height:52px;
    max-width:calc(100vw - 24px);
    padding:7px 12px 7px 8px;
    border-radius:15px;
    gap:8px;
  }
  .wa-icon{width:36px;height:36px;flex-basis:36px}
  .wa-label{font-size:11px}
}

/* Very small phones */
@media (max-width:390px){
  .container{width:calc(100% - 24px)}
  .brand{width:40vw}
  .hero-content{padding-top:42px;padding-bottom:150px}
  .hero h1{font-size:33px}
  .hero h2{font-size:17px}
  .hero p{font-size:13px}
  .trust-item{padding-left:4px;padding-right:4px}
  .trust-item strong{font-size:8.5px}
  .stats{gap:5px}
  .stat{padding:0 4px}
  .stat span{font-size:8px}
  .floating-wa{right:10px;bottom:calc(10px + env(safe-area-inset-bottom))}
}

/* Respect reduced motion and keyboard focus */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}
:focus-visible{outline:3px solid rgba(7,83,184,.28);outline-offset:2px}

@media(max-width:760px){body.menu-open{overflow:hidden}.site{min-height:100svh}.map-box iframe{min-height:280px}.map-box{min-height:280px}}

/* =========================================================
   MB EXPRESS V10 — RESPONSIVE OVERHAUL
   Final mobile/tablet layer. Keep this block last so legacy
   responsive rules cannot override the rebuilt layout.
   ========================================================= */
html{overflow-x:hidden}
body{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.container{width:min(1180px,calc(100% - 40px));padding-left:0;padding-right:0}
img,svg,video,iframe{max-width:100%}
button,.btn,a,input,select,textarea{touch-action:manipulation}

/* Tablet: 768–1023px */
@media (min-width:768px) and (max-width:1023px){
  .container{width:calc(100% - 40px)}
  .site-header,.site-header.is-scrolled{height:76px}
  .nav{height:76px;gap:12px}
  .brand{width:142px;flex:0 0 142px}
  .main-nav{gap:7px;min-width:0}
  .main-nav a{font-size:10px;padding:27px 2px;white-space:nowrap}
  .header-cta{font-size:10px;padding:11px 12px;flex:0 0 auto}
  .hero{min-height:560px}
  .hero-content{min-height:560px}
  .hero-copy{width:58%;padding-bottom:50px}
  .hero h1{font-size:clamp(40px,5.5vw,52px);letter-spacing:-2px}
  .services-grid{grid-template-columns:repeat(3,1fr);gap:14px}
  .service-card:nth-child(n){display:block}
  .why-grid{grid-template-columns:1.25fr repeat(4,1fr)}
  .why-grid>div{padding:10px 12px}
  .tracking-box{gap:20px;padding:26px}
  .testimonial-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1.7fr 1fr}
}

/* Phones: <=767px — rebuilt from mobile-first constraints */
@media (max-width:767px){
  :root{--header-h:68px;--mobile-header-h:68px}
  html{scroll-padding-top:82px}
  .container{width:calc(100% - 28px);max-width:none}
  .site-header,.site-header.is-scrolled{height:68px;min-height:68px}
  .nav{height:68px;min-width:0;gap:8px}
  .brand{width:min(145px,42vw);max-width:145px;flex:0 1 auto;min-width:0}
  .brand img,.brand .custom-logo{display:block;width:100%;height:auto;max-height:48px;object-fit:contain}
  .mobile-toggle{display:grid!important;flex:0 0 44px;width:44px;height:44px;margin-left:auto;align-items:center;justify-content:center}
  .header-cta{display:none!important}

  /* Menu */
  .main-nav,.nav-logo-center .main-nav,.nav-logo-right .main-nav,.nav-logo-left .main-nav{
    top:67px;left:8px;right:8px;width:auto;margin:0;padding:8px;
    display:none;flex-direction:column;align-items:stretch;gap:2px;
    max-height:calc(100dvh - 80px);overflow-y:auto;overflow-x:hidden;
    background:#fff;border:1px solid #e2eaf2;border-radius:0 0 16px 16px;
    box-shadow:0 18px 40px rgba(7,52,111,.16);z-index:10000
  }
  .main-nav.open{display:flex!important}
  .main-nav a{min-height:48px;width:100%;display:flex;align-items:center;padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.25;white-space:normal}
  .main-nav a:hover,.main-nav .current-menu-item>a{background:#f1f7ff;color:var(--blue)}
  .main-nav .current-menu-item>a:after{display:none}
  body.menu-open{overflow:hidden}

  /* Hero */
  .hero{min-height:0;height:auto;overflow:hidden}
  .hero-media{inset:0;background-position:68% center;opacity:.38}
  .hero:after{background:linear-gradient(180deg,rgba(245,250,255,.985) 0%,rgba(245,250,255,.94) 54%,rgba(245,250,255,.78) 100%)}
  .hero-content{min-height:0;padding:42px 0 138px;display:flex;align-items:flex-start}
  .hero-copy{width:100%;padding:0;min-width:0}
  .hero .eyebrow{font-size:9px;line-height:1.2;padding:8px 11px;margin-bottom:12px}
  .hero h1{font-size:clamp(32px,9.8vw,45px);line-height:1.05;letter-spacing:-1.7px;overflow-wrap:normal;word-break:normal}
  .hero h2{font-size:clamp(17px,5.2vw,20px);line-height:1.3}
  .hero p{font-size:14px;line-height:1.65;max-width:none}
  .actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%}
  .actions .btn{width:100%;min-height:48px;padding:13px 18px}
  .hero-trust{bottom:0}
  .trust-grid{grid-template-columns:1fr 1fr;padding:6px 0}
  .trust-item{min-width:0;min-height:56px;padding:8px 7px;gap:7px}
  .trust-item strong{font-size:9px;overflow-wrap:anywhere}

  /* Global sections */
  .section,.page-section,.page-wrap{padding:46px 0}
  .section-head{display:block;margin-bottom:22px}
  .section h2,.tracking h2,.why h2{font-size:clamp(26px,7.8vw,32px);line-height:1.15;letter-spacing:-.7px}
  .section-head p{font-size:13px;line-height:1.6}
  .section-head .text-link{display:inline-block;margin-top:10px}

  /* Cards */
  .services-grid,.service-list{grid-template-columns:1fr;gap:14px}
  .service-card:nth-child(n){display:flex!important;flex-direction:column}
  .service-image{height:auto;aspect-ratio:16/9;flex:0 0 auto}
  .service-body{padding:22px 16px 17px}
  .service-body h3{font-size:17px;line-height:1.3}
  .service-body p{font-size:12px;line-height:1.6;min-height:0}

  /* Reach / stats */
  .reach-grid,.two-col,.quote-grid,.contact-grid{grid-template-columns:1fr;gap:24px}
  .reach-copy{padding-right:0}
  .reach h2{font-size:clamp(32px,9vw,42px)}
  .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:20px}
  .stat{min-width:0;padding:0 7px;text-align:center}
  .stat b{font-size:clamp(18px,6vw,25px)}
  .stat span{font-size:9px;line-height:1.35}
  .map-art{min-height:210px}
  .map-art img{height:210px;object-fit:cover}

  /* Why */
  .why-grid{grid-template-columns:1fr 1fr}
  .why-grid>div{padding:13px 8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
  .why-grid>div:first-child{grid-column:1/-1;border-right:0;padding-bottom:18px;margin-bottom:0}
  .why-grid>div:nth-child(2n+1){border-right:0}
  .why-grid>div:last-child{border-bottom:0}
  .feature-icon{width:42px;height:42px;font-size:18px}
  .feature strong{font-size:11px}
  .feature span{font-size:9px}

  /* Forms / tracking */
  .tracking-box{grid-template-columns:1fr;gap:18px;padding:20px;border-radius:16px}
  .tracking-form{display:grid;grid-template-columns:1fr;gap:10px}
  .tracking-form input{width:100%;min-width:0;min-height:48px;font-size:16px}
  .tracking-form .btn{width:100%;min-height:48px}
  .tracking-art{min-height:150px}
  .form-grid{grid-template-columns:1fr;gap:0}
  .field.full{grid-column:auto}
  .panel{padding:18px;border-radius:14px}
  .panel h2,.page-section h2{font-size:25px;line-height:1.2}
  .field input,.field select,.field textarea{width:100%;min-height:48px;font-size:16px}
  .field textarea{min-height:120px}

  /* Other pages */
  .subhero{padding:40px 0}
  .subhero h1,.content-card h1{font-size:clamp(30px,8.8vw,38px);line-height:1.12;overflow-wrap:anywhere}
  .subhero p{font-size:13px;line-height:1.65}
  .breadcrumb{font-size:10px;overflow-wrap:anywhere}
  .content-card table,.page-section table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .cta{min-height:0}
  .cta-inner{min-height:0;padding:28px 0;display:block}
  .cta h2{font-size:22px;line-height:1.25}
  .cta p{font-size:12px;line-height:1.6}
  .cta .btn{width:100%;margin-top:16px;min-height:48px}
  .testimonial-grid{grid-template-columns:1fr;gap:14px}
  .testimonial{padding:19px}
  .testimonial p{min-height:0;line-height:1.6}
  .faq-item summary{padding:15px;font-size:13px;line-height:1.45}
  .faq-answer{font-size:12px;line-height:1.65}

  /* Footer */
  .site-footer{padding:32px 0 14px}
  .footer-grid{grid-template-columns:1fr;text-align:center;gap:22px}
  .footer-logo{margin:0 auto;width:140px}
  .footer-nav{justify-content:center;gap:6px 14px}
  .footer-nav a{font-size:11px;padding:5px}
  .social{text-align:center}
  .copyright{font-size:9px;line-height:1.6}

  /* Floating WhatsApp */
  .floating-wa{right:12px;left:auto;bottom:calc(12px + env(safe-area-inset-bottom));min-height:52px;max-width:calc(100vw - 24px);padding:7px 12px 7px 8px;border-radius:15px;gap:8px}
  .wa-icon{width:36px;height:36px;flex:0 0 36px}
  .wa-label{font-size:11px;white-space:nowrap}
  .wa-tooltip{display:none}
}

/* Small phones: <=390px */
@media (max-width:390px){
  .container{width:calc(100% - 24px)}
  .brand{width:min(132px,41vw)}
  .hero-content{padding-top:38px;padding-bottom:132px}
  .hero h1{font-size:32px;letter-spacing:-1.35px}
  .hero h2{font-size:17px}
  .hero p{font-size:13px}
  .trust-item{padding-left:4px;padding-right:4px}
  .trust-item strong{font-size:8.5px}
  .stats{grid-template-columns:1fr 1fr 1fr}
  .stat{padding:0 3px}
  .stat span{font-size:8px}
  .floating-wa{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}
}

/* Landscape phones: avoid giant vertical whitespace */
@media (max-width:767px) and (orientation:landscape){
  .hero-content{padding-top:30px;padding-bottom:110px}
  .hero h1{font-size:34px}
  .hero p{max-width:620px}
}


/* =========================================================
   MB EXPRESS V10 — ANDROID SMALL-SCREEN SAFETY LAYER
   The viewport meta tag is also required; without it Android
   can render the desktop layout into a narrow virtual viewport.
   ========================================================= */
@media (max-width:767px){
  .site-header{position:sticky;top:0;z-index:9999}
  .nav{width:calc(100% - 24px);margin:0 auto}
  .brand{max-width:126px}
  .brand img,.brand .custom-logo{max-width:126px;max-height:44px}
  .mobile-toggle{margin-right:0}
  .hero-content{padding-left:0;padding-right:0}
  .hero-copy{max-width:100%;overflow:hidden}
  .hero h1,.hero h2,.hero p{max-width:100%}
  .hero p{overflow-wrap:anywhere}
  .actions{max-width:100%}
  .trust-grid{grid-template-columns:1fr 1fr;max-width:100%}
  .service-card,.service-body{min-width:0}
  .service-image{width:100%;aspect-ratio:16/9;object-fit:cover}
  .section-head,.section-head > *{min-width:0;max-width:100%}
  .text-link{white-space:normal}
}
@media (max-width:390px){
  .container{width:calc(100% - 20px)}
  .nav{width:calc(100% - 20px)}
  .brand{max-width:118px;width:118px}
  .brand img,.brand .custom-logo{max-width:118px}
  .mobile-toggle{width:42px;height:42px;flex-basis:42px}
  .hero-content{padding-top:32px;padding-bottom:120px}
  .hero h1{font-size:31px;letter-spacing:-1.2px}
  .hero h2{font-size:16px}
  .hero p{font-size:12.5px;line-height:1.6}
  .section,.page-section,.page-wrap{padding:38px 0}
  .service-body{padding:18px 14px 16px}
  .service-body h3{font-size:16px}
  .service-body p{font-size:11.5px}
  .floating-wa{right:8px;bottom:calc(8px + env(safe-area-inset-bottom));min-height:48px;padding:6px 10px 6px 7px}
  .wa-icon{width:34px;height:34px;flex-basis:34px}
}

/* =========================================================
   MB EXPRESS V11 — CORPORATE CONTENT & VISUAL UPGRADE
   ========================================================= */
:root{--v11-bg:#f7faff;--v11-line:#dfe8f2;--v11-soft:#edf5ff;--v11-shadow:0 18px 45px rgba(15,55,95,.09)}
body{background:#fff;color:#17375e}
h1,h2,h3,h4{font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif}
.subhero{background:linear-gradient(135deg,#eef7ff 0%,#f9fcff 58%,#fff 100%);border-bottom:1px solid #e8eff6}
.subhero-rich{padding:58px 0 62px;position:relative;overflow:hidden}.subhero-rich:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-130px;top:-170px;background:rgba(7,83,184,.06)}.subhero-rich .container{position:relative;z-index:1}.subhero-rich h1{max-width:850px;font-size:clamp(38px,5vw,60px);line-height:1.06;letter-spacing:-2px;margin:12px 0 14px;color:var(--navy)}.subhero-rich p{max-width:760px;font-size:16px;line-height:1.75;color:#5c718a;margin:0}.breadcrumb{position:relative;z-index:2;margin-bottom:22px;color:#7c8ea2}.breadcrumb a{color:var(--blue);text-decoration:none;font-weight:650}.hero-mini-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-mini-points span{background:#fff;border:1px solid var(--v11-line);border-radius:30px;padding:8px 12px;font-size:11px;font-weight:700;color:#42617f;box-shadow:0 5px 16px rgba(15,55,95,.05)}
.intro-section{padding:58px 0;background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end}.intro-grid h2{font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-1.5px;margin:0;color:var(--navy)}.intro-grid p{font-size:15px;line-height:1.8;color:#62768e;margin:0 0 16px}.intro-grid .text-link{font-size:13px}
.section-intro{max-width:760px;margin-bottom:28px}.section-intro h2{font-size:clamp(30px,4vw,42px);margin:8px 0;color:var(--navy)}.section-intro p{margin:0;color:#687c94;line-height:1.75}.services-grid-v11{grid-template-columns:repeat(5,1fr);gap:18px}.services-grid-v11 .service-card{box-shadow:var(--v11-shadow);border-radius:17px}.service-kicker{display:block;font-size:8px;letter-spacing:.7px;font-weight:800;color:#7a91aa;margin-bottom:5px}.service-body a{font-size:11px}.service-body a b{font-size:14px}
.soft-section{background:var(--v11-bg);border-top:1px solid #eef3f8;border-bottom:1px solid #eef3f8}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.process-grid>div,.guide-grid article,.value-grid article,.status-grid>div,.tips-grid>div{background:#fff;border:1px solid var(--v11-line);border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(15,55,95,.045)}.process-grid b,.guide-grid b,.value-grid b{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e9f3ff;color:var(--blue);font-size:11px}.process-grid h3,.guide-grid h3,.value-grid h3{margin:15px 0 6px;font-size:17px;color:var(--navy)}.process-grid p,.guide-grid p,.value-grid p{margin:0;font-size:12px;line-height:1.7;color:#6c8098}.reach-v11{background:linear-gradient(125deg,#f1f8ff,#fff)}.feature-grid-v11{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid-v11 article{padding:25px;border:1px solid var(--v11-line);border-radius:16px;background:#fff;box-shadow:var(--v11-shadow)}.feature-grid-v11 article>span{font-size:11px;color:var(--blue);font-weight:800}.feature-grid-v11 h3{font-size:18px;color:var(--navy);margin:13px 0 7px}.feature-grid-v11 p{font-size:12px;color:#6b8098;line-height:1.7;margin:0}.track-label{display:block;font-size:9px;letter-spacing:2px;margin-bottom:6px;opacity:.75}.tracking-v11 .tracking-box{box-shadow:var(--v11-shadow)}.tracking-v11 .text-link{display:inline-block;margin-top:8px}
.cta-v11{min-height:220px}.cta-v11 .cta-inner{min-height:220px}.cta-eyebrow{background:rgba(255,255,255,.14);color:#fff;margin-bottom:10px}.cta-v11 h2{font-size:30px}.cta-v11 p{font-size:13px;line-height:1.65}.cta-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cta-secondary{color:#fff;text-decoration:none;font-weight:750;font-size:12px;padding:13px 17px;border:1px solid rgba(255,255,255,.4);border-radius:28px}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value-grid article b{margin-bottom:3px}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vision-grid .panel{padding:30px}.vision-grid h2{font-size:25px;line-height:1.25;color:var(--navy);margin:10px 0}.check-list{padding-left:20px;margin:18px 0}.check-list li{margin:9px 0;color:#61758d;font-size:13px}.about-intro{align-items:center}.about-image{padding:0;overflow:hidden;position:relative}.about-image img{width:100%;height:390px;object-fit:cover;display:block}.image-caption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.94);border-radius:13px;padding:14px 16px;box-shadow:0 10px 28px rgba(15,55,95,.13)}.image-caption strong{display:block;color:var(--navy);font-size:14px}.image-caption span{display:block;color:#6b7f96;font-size:11px;margin-top:3px}.service-list-rich{grid-template-columns:repeat(3,1fr);gap:18px}.service-list-rich .service-card:nth-child(n){display:flex;flex-direction:column}.service-list-rich .service-image{height:190px}.service-list-rich .service-body{padding:22px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quote-section{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.quote-section h2{font-size:clamp(30px,4vw,42px);line-height:1.1;color:var(--navy);margin:10px 0}.quote-section>div>p{color:#687c94;line-height:1.75}.notice{background:#f1f7fd;border:1px solid #dce8f3;border-radius:12px;padding:13px 15px;color:#61758d;font-size:11px;line-height:1.65}.reach-detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}.reach-detail-grid h2{font-size:clamp(32px,4vw,46px);line-height:1.08;color:var(--navy);margin:10px 0}.reach-detail-grid p{color:#667b93;line-height:1.75}.stats-large{margin-top:24px}.map-art-large{min-height:390px}.map-art-large img{height:390px}.tracking-page-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:start}.tracking-main{padding:30px}.tracking-main h2{font-size:30px;color:var(--navy);margin:8px 0}.tracking-main>p{color:#667b93}.tracking-help{background:linear-gradient(145deg,#07346f,#0753b8);border-radius:18px;padding:28px;color:#fff}.tracking-help .help-number,.side-number{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.14);font-size:10px;font-weight:800;margin-top:4px}.tracking-help h3{font-size:15px;margin:8px 0 3px}.tracking-help p{font-size:11px;line-height:1.6;opacity:.84;margin:0 0 17px}.tracking-help .btn{background:#fff;color:var(--blue)!important;width:100%;margin-top:7px}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.status-grid b{display:block;color:var(--navy);font-size:14px;margin-bottom:7px}.status-grid span{display:block;font-size:11px;line-height:1.65;color:#6b8098}.pickup-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:start}.pickup-form-panel{padding:30px}.pickup-form-panel h2{font-size:29px;color:var(--navy);margin:8px 0}.pickup-form-panel>p{color:#6b7f96;font-size:13px}.pickup-side{background:linear-gradient(145deg,#07346f,#0753b8);color:#fff;border-radius:18px;padding:28px}.pickup-side h3{font-size:15px;margin:8px 0 4px}.pickup-side p{font-size:11px;line-height:1.65;opacity:.84;margin:0 0 17px}.pickup-side .notice{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff;margin-top:20px}.tips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tips-grid b{display:block;color:var(--navy);font-size:14px;margin-bottom:7px}.tips-grid span{display:block;color:#6b8098;font-size:11px;line-height:1.65}.contact-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-card{padding:21px;display:flex;gap:14px;align-items:flex-start}.contact-symbol{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;background:#eaf4ff;color:var(--blue);font-weight:800}.contact-card small{font-size:8px;letter-spacing:.8px;font-weight:800;color:#7d91a8}.contact-card h3{font-size:14px;line-height:1.35;color:var(--navy);margin:4px 0}.contact-card p{font-size:10px;line-height:1.55;color:#71849a;margin:0}.contact-map{min-height:100%;position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--v11-line);background:#eef5fb}.contact-map iframe{width:100%;height:100%;min-height:430px}.map-caption{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(255,255,255,.94);padding:12px 14px;border-radius:12px;box-shadow:0 10px 25px rgba(15,55,95,.13)}.map-caption strong,.map-caption span{display:block}.map-caption strong{font-size:12px;color:var(--navy)}.map-caption span{font-size:10px;color:#71849a;margin-top:2px}.footer-main{display:grid;grid-template-columns:1.35fr .8fr .9fr 1.2fr;gap:35px;padding:55px 0 40px}.site-footer{padding:0;background:#061b34}.footer-brand-link{display:inline-block}.footer-logo{width:155px;filter:brightness(0) invert(1);opacity:.95}.footer-lead{max-width:300px;font-size:11px;line-height:1.75;color:#9db4cc;margin:14px 0}.footer-badges{display:flex;gap:6px;flex-wrap:wrap}.footer-badges span{border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:5px 8px;color:#b8cee2;font-size:8px}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h3{font-size:12px;color:#fff;margin:2px 0 8px}.footer-col a{font-size:10px;color:#9db4cc;text-decoration:none;line-height:1.45}.footer-col a:hover{color:#fff}.footer-contact p{font-size:10px;color:#9db4cc;line-height:1.5;margin:0 0 3px}.footer-contact strong{color:#e5eff8;font-size:9px}.footer-wa{display:inline-flex!important;width:max-content;margin-top:7px;padding:9px 13px;border-radius:22px;background:#168f3f;color:#fff!important;font-weight:800}.footer-service-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);padding:20px 0}.footer-service-strip>div{display:flex;gap:10px;align-items:center;padding:5px 18px;border-right:1px solid rgba(255,255,255,.08)}.footer-service-strip>div:last-child{border:0}.footer-strip-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.08);color:#7fc0ff;font-size:13px}.footer-service-strip strong,.footer-service-strip small{display:block}.footer-service-strip strong{font-size:10px;color:#e6f0fa}.footer-service-strip small{font-size:8px;color:#8099b2;margin-top:2px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;color:#8099b2;font-size:9px}.footer-bottom-links{display:flex;gap:15px;flex-wrap:wrap;justify-content:flex-end}.footer-bottom-links a{color:#9db4cc;text-decoration:none}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.service-hero-detail{padding:55px 0;background:linear-gradient(135deg,#eff7ff,#fff)}.service-detail-grid{display:grid;grid-template-columns:1fr .85fr;gap:45px;align-items:center}.service-detail-grid h1{font-size:clamp(38px,5vw,58px);line-height:1.05;letter-spacing:-1.7px;color:var(--navy);margin:10px 0}.service-detail-grid .lead{font-size:15px;color:#667b93;line-height:1.75;max-width:650px}.detail-image{border-radius:20px;overflow:hidden;box-shadow:var(--v11-shadow);border:1px solid var(--v11-line)}.detail-image img{display:block;width:100%;height:360px;object-fit:cover}.detail-content-grid{display:grid;grid-template-columns:1fr 330px;gap:35px;align-items:start}.service-article{max-width:none}.service-article h2{font-size:31px;line-height:1.15;color:var(--navy);margin:8px 0 18px}.rich-content{font-size:14px;line-height:1.85;color:#5f748c}.rich-content h2,.rich-content h3{color:var(--navy);line-height:1.25}.rich-content ul{padding-left:20px}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.info-cards>div{background:#f5f9fd;border:1px solid var(--v11-line);border-radius:12px;padding:14px}.info-cards strong,.info-cards span{display:block}.info-cards strong{font-size:11px;color:var(--navy)}.info-cards span{font-size:10px;color:#71849a;margin-top:4px;line-height:1.5}.detail-sidebar{display:grid;gap:14px}.detail-sidebar .panel{padding:22px}.detail-sidebar h3{font-size:17px;color:var(--navy);margin:0 0 7px}.detail-sidebar p{font-size:11px;line-height:1.65;color:#6b8098}.side-links{display:grid;gap:8px}.side-links a{font-size:11px;color:var(--blue);font-weight:750;text-decoration:none;padding:8px 0;border-bottom:1px solid #edf1f5}.side-links a:last-child{border:0}.panel{border-color:var(--v11-line);box-shadow:0 10px 30px rgba(15,55,95,.055)}
@media(max-width:1050px){.services-grid-v11{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:22px}.process-grid,.guide-grid,.tips-grid{grid-template-columns:repeat(2,1fr)}.feature-grid-v11,.value-grid,.status-grid{grid-template-columns:repeat(2,1fr)}.contact-detail-grid,.pickup-grid,.tracking-page-grid,.detail-content-grid{grid-template-columns:1fr}.contact-map{min-height:380px}.contact-map iframe{height:380px}.detail-sidebar{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.subhero-rich{padding:42px 0 45px}.subhero-rich h1{font-size:clamp(31px,9vw,40px);letter-spacing:-1.1px}.subhero-rich p{font-size:13px}.hero-mini-points span{font-size:9px}.intro-grid,.quote-section,.reach-detail-grid,.service-detail-grid{grid-template-columns:1fr;gap:20px}.intro-section{padding:42px 0}.intro-grid h2{font-size:31px}.intro-grid p{font-size:13px}.services-grid-v11,.service-list-rich{grid-template-columns:1fr}.service-list-rich .service-image{height:180px}.process-grid,.guide-grid,.value-grid,.feature-grid-v11,.status-grid,.tips-grid{grid-template-columns:1fr 1fr}.process-grid>div,.guide-grid article,.value-grid article,.status-grid>div,.tips-grid>div{padding:17px}.process-grid h3,.guide-grid h3,.value-grid h3{font-size:14px}.process-grid p,.guide-grid p,.value-grid p,.status-grid span,.tips-grid span{font-size:10px}.cta-v11 .cta-inner{min-height:0;padding:34px 0}.cta-v11 h2{font-size:24px}.cta-actions{display:grid;grid-template-columns:1fr;width:100%}.cta-actions .btn,.cta-secondary{width:100%;text-align:center}.vision-grid{grid-template-columns:1fr}.vision-grid .panel{padding:22px}.about-image img{height:260px}.map-art-large,.map-art-large img{min-height:250px;height:250px}.tracking-main,.pickup-form-panel{padding:21px}.tracking-main h2,.pickup-form-panel h2{font-size:25px}.tracking-help,.pickup-side{padding:22px}.contact-cards{grid-template-columns:1fr}.contact-map,.contact-map iframe{min-height:300px;height:300px}.footer-main{grid-template-columns:1fr;text-align:center;padding:38px 0 28px;gap:25px}.footer-logo{margin:0 auto}.footer-lead{margin:12px auto}.footer-badges{justify-content:center}.footer-col{align-items:center}.footer-service-strip{grid-template-columns:1fr 1fr;padding:12px 0}.footer-service-strip>div{padding:10px 7px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.footer-service-strip>div:nth-child(2){border-right:0}.footer-service-strip>div:nth-child(3),.footer-service-strip>div:nth-child(4){border-bottom:0}.footer-bottom{display:block;text-align:center;padding:16px 0 22px;font-size:8px}.footer-bottom-links{justify-content:center;margin-top:8px}.service-detail-grid h1{font-size:34px}.detail-image img{height:250px}.detail-content-grid{gap:20px}.detail-sidebar{grid-template-columns:1fr}.service-article h2{font-size:25px}.rich-content{font-size:13px}.info-cards{grid-template-columns:1fr}.detail-actions .btn{width:100%}}
@media(max-width:390px){.process-grid,.guide-grid,.value-grid,.feature-grid-v11,.status-grid,.tips-grid{grid-template-columns:1fr}.hero-mini-points{gap:6px}.hero-mini-points span{padding:7px 9px}.footer-service-strip{grid-template-columns:1fr}.footer-service-strip>div,.footer-service-strip>div:nth-child(2),.footer-service-strip>div:nth-child(3){border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.footer-service-strip>div:last-child{border-bottom:0}.service-list-rich .service-image{height:165px}}

/* V12: floating WhatsApp removed by design */
.floating-wa{display:none!important;}

/* =========================================================
   MB EXPRESS V13 — FOOTER CENTERED / PREMIUM FINAL LAYER
   ========================================================= */
.site-footer{background:linear-gradient(180deg,#061b34 0%,#041426 100%);text-align:center}
.site-footer .footer-main{grid-template-columns:repeat(4,1fr);align-items:start;justify-items:center;text-align:center;padding:58px 0 42px;gap:34px}
.site-footer .footer-brand-block,
.site-footer .footer-col{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}
.site-footer .footer-brand-link{display:inline-flex;justify-content:center;align-items:center}
.site-footer .footer-logo{width:160px;margin:0 auto}
.site-footer .footer-lead{max-width:330px;margin:15px auto;color:#a9bdd1;line-height:1.8}
.site-footer .footer-badges{justify-content:center;align-items:center}
.site-footer .footer-col h3{position:relative;margin:2px 0 15px;padding-bottom:9px;font-size:13px;letter-spacing:.2px}
.site-footer .footer-col h3:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:30px;height:2px;border-radius:4px;background:#2d8cff}
.site-footer .footer-col a{font-size:10.5px;line-height:1.55}
.site-footer .footer-contact p{max-width:270px;margin:0 auto 9px;line-height:1.6}
.site-footer .footer-contact .footer-wa{margin:9px auto 0;justify-content:center}
.site-footer .footer-service-strip{grid-template-columns:repeat(4,1fr);text-align:center;padding:20px 0}
.site-footer .footer-service-strip>div{justify-content:center;text-align:center;border-right:0;position:relative;padding:10px 18px}
.site-footer .footer-service-strip>div:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,.08)}
.site-footer .footer-strip-icon{flex:0 0 32px}
.site-footer .footer-service-strip>div>div{text-align:left}
.site-footer .footer-bottom{justify-content:center;flex-direction:column;text-align:center;gap:8px;padding:20px 0 24px}
.site-footer .footer-bottom-links{justify-content:center}

@media(max-width:1050px){
  .site-footer .footer-main{grid-template-columns:repeat(2,1fr);gap:34px 24px}
  .site-footer .footer-service-strip{grid-template-columns:repeat(2,1fr)}
  .site-footer .footer-service-strip>div:nth-child(2n):after{display:none}
  .site-footer .footer-service-strip>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
}
@media(max-width:767px){
  .site-footer .footer-main{grid-template-columns:1fr;gap:30px;padding:42px 0 30px}
  .site-footer .footer-logo{width:145px}
  .site-footer .footer-lead{max-width:310px;font-size:10.5px}
  .site-footer .footer-service-strip{grid-template-columns:1fr;padding:10px 0}
  .site-footer .footer-service-strip>div,
  .site-footer .footer-service-strip>div:nth-child(2),
  .site-footer .footer-service-strip>div:nth-child(3){border-bottom:1px solid rgba(255,255,255,.08)}
  .site-footer .footer-service-strip>div:after{display:none!important}
  .site-footer .footer-service-strip>div:last-child{border-bottom:0}
  .site-footer .footer-service-strip>div>div{text-align:left;min-width:155px}
  .site-footer .footer-bottom{font-size:9px}
}
@media(max-width:390px){
  .site-footer .footer-main{gap:27px;padding-top:36px}
  .site-footer .footer-lead{font-size:10px;max-width:285px}
  .site-footer .footer-col a{font-size:10px}
  .site-footer .footer-service-strip>div{padding:11px 4px}
}

/* =========================================================
   MB EXPRESS V14 — PREMIUM CORPORATE UI / TYPOGRAPHY / HOME
   ========================================================= */
:root{
  --v14-ink:#12355a;
  --v14-muted:#60758e;
  --v14-line:#dfe8f2;
  --v14-soft:#f5f9fd;
  --v14-blue:#0867d5;
  --v14-navy:#062f67;
  --v14-radius:20px;
}
html{font-size:16px}
body{font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.72;color:var(--v14-ink);-webkit-font-smoothing:antialiased}
.container{width:min(1180px,calc(100% - 48px))}
p{font-size:15px;line-height:1.78}
.section{padding:88px 0}
.section h2{font-size:clamp(30px,3.3vw,42px);line-height:1.13;letter-spacing:-1.25px}
.section-head{margin-bottom:34px}
.section-head p{font-size:15px;line-height:1.75;max-width:680px}
.eyebrow{font-size:10px;letter-spacing:.7px;padding:7px 12px}
.btn{min-height:48px;padding:13px 22px;font-size:13px}
.main-nav a{font-size:13px}
.hero{min-height:650px}
.hero-content{min-height:650px}
.hero-copy{width:54%;padding-bottom:72px}
.hero h1{font-size:clamp(45px,5vw,64px);letter-spacing:-2.6px}
.hero h2{font-size:clamp(20px,2.1vw,25px);line-height:1.3}
.hero p{font-size:16px;line-height:1.8;max-width:560px}
.hero-note span{font-size:12px}
.trust-item strong{font-size:11px}
.services-grid-v11 .service-card{border-radius:18px}
.service-image{height:170px}
.service-body{padding:29px 20px 21px}
.service-body h3{font-size:18px;line-height:1.3}
.service-body p{font-size:13px;line-height:1.7;min-height:68px}
.service-body a{font-size:12px}
.intro-section{background:linear-gradient(180deg,#fff,#f8fbff)}
.intro-grid{align-items:start}
.intro-grid h2{font-size:clamp(31px,3.6vw,44px)}
.intro-grid p{font-size:16px;line-height:1.85}

/* Home: solution cards */
.home-solutions{background:#f6f9fd;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.solution-grid article{position:relative;background:#fff;border:1px solid var(--v14-line);border-radius:var(--v14-radius);padding:29px 27px 26px;box-shadow:0 12px 35px rgba(18,58,96,.06);transition:.25s}
.solution-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(18,58,96,.1)}
.solution-num{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e9f3ff;color:var(--v14-blue);font-size:11px;font-weight:800;margin-bottom:16px}
.solution-grid h3{font-size:20px;line-height:1.3;color:var(--v14-navy);margin:0 0 9px}
.solution-grid p{font-size:14px;color:var(--v14-muted);margin:0;line-height:1.75}
.solution-grid a{display:inline-block;margin-top:18px;color:var(--v14-blue);font-size:12px;font-weight:800;text-decoration:none}

/* Home: preparation checklist */
.home-prep{background:#fff}
.prep-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:center}
.prep-intro h2{font-size:clamp(31px,3.5vw,43px);line-height:1.13;color:var(--v14-navy);margin:0 0 13px}
.prep-intro p{color:var(--v14-muted);max-width:520px;margin:0 0 24px}
.prep-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.prep-list>div{border:1px solid var(--v14-line);border-radius:16px;padding:19px;background:#fbfdff}
.prep-list b{display:block;color:var(--v14-blue);font-size:10px;letter-spacing:.5px;margin-bottom:8px}
.prep-list span{display:block;font-size:16px;font-weight:800;color:var(--v14-navy);line-height:1.35}
.prep-list small{display:block;margin-top:5px;color:var(--v14-muted);font-size:12px;line-height:1.6}

.process-grid>div,.feature-grid-v11 article{border-radius:17px}
.process-grid h3,.feature-grid-v11 h3{font-size:18px}
.process-grid p,.feature-grid-v11 p{font-size:13px;line-height:1.7}
.reach-copy>p{font-size:15px;line-height:1.8}
.stat b{font-size:25px}
.stat span{font-size:10px}
.tracking{padding:72px 0}
.tracking-box{padding:40px;border-radius:22px}
.tracking h2{font-size:34px}
.tracking p{font-size:14px;line-height:1.75}
.testimonial p{font-size:13px;line-height:1.75}
.faq-answer{font-size:13px;line-height:1.75}
.cta-inner{min-height:170px}
.cta h2{font-size:28px}
.cta p{font-size:13px;line-height:1.7}

/* Footer V14: four-column left aligned, corporate */
.site-footer{background:linear-gradient(180deg,#061c36 0%,#041426 100%);text-align:left;padding:0}
.site-footer .footer-main{grid-template-columns:1.35fr .85fr .95fr 1.25fr;align-items:start;justify-items:stretch;text-align:left;padding:62px 0 48px;gap:42px}
.site-footer .footer-brand-block,.site-footer .footer-col{width:auto;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.site-footer .footer-brand-link{display:inline-flex}
.site-footer .footer-logo{width:158px;margin:0}
.site-footer .footer-lead{max-width:310px;margin:17px 0 15px;color:#a9bdd1;font-size:12px;line-height:1.75}
.site-footer .footer-badges{justify-content:flex-start;gap:7px}
.site-footer .footer-badges span{font-size:9px}
.site-footer .footer-col h3{position:relative;margin:3px 0 17px;padding-bottom:10px;font-size:13px;letter-spacing:.3px;color:#fff}
.site-footer .footer-col h3:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;border-radius:4px;background:#2d8cff}
.site-footer .footer-col a{font-size:11px;line-height:1.6;color:#b7c9db;padding:3px 0}
.site-footer .footer-col a:hover{color:#fff}
.site-footer .footer-contact p{max-width:300px;margin:0 0 11px;color:#9fb5cb;font-size:11px;line-height:1.65}
.site-footer .footer-contact p strong{color:#eaf3fb;font-size:10px}
.site-footer .footer-contact .footer-wa{margin:5px 0 0;display:inline-flex!important;background:#168f3f;color:#fff!important;border-radius:22px;padding:10px 15px;font-size:11px}
.site-footer .footer-service-strip{grid-template-columns:repeat(4,1fr);text-align:left;padding:19px 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.site-footer .footer-service-strip>div{justify-content:flex-start;text-align:left;border:0;position:relative;padding:10px 18px}
.site-footer .footer-service-strip>div:first-child{padding-left:0}
.site-footer .footer-service-strip>div:last-child{padding-right:0}
.site-footer .footer-service-strip>div:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,.08)}
.site-footer .footer-service-strip>div>div{text-align:left}
.site-footer .footer-bottom{justify-content:space-between;flex-direction:row;text-align:left;gap:20px;padding:20px 0 24px;font-size:10px}
.site-footer .footer-bottom-links{justify-content:flex-end}

@media(max-width:1050px){
 .container{width:calc(100% - 36px)}
 .hero-copy{width:58%}
 .hero h1{font-size:clamp(43px,5.5vw,57px)}
 .solution-grid{grid-template-columns:1fr 1fr}
 .prep-grid{grid-template-columns:1fr;gap:30px}
 .site-footer .footer-main{grid-template-columns:1.2fr 1fr 1fr;gap:34px}
 .site-footer .footer-contact{grid-column:1/-1}
 .site-footer .footer-service-strip{grid-template-columns:1fr 1fr}
 .site-footer .footer-service-strip>div:nth-child(2n):after{display:none}
 .site-footer .footer-service-strip>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
}
@media(max-width:760px){
 body{font-size:14px}
 .container{width:calc(100% - 30px)}
 .section{padding:58px 0}
 .section h2{font-size:clamp(28px,8vw,35px);letter-spacing:-.8px}
 .section-head p,p{font-size:14px;line-height:1.75}
 .hero{min-height:0}
 .hero-content{min-height:0}
 .hero-copy{width:100%;padding:48px 0 190px}
 .hero h1{font-size:clamp(38px,11vw,48px);line-height:1.02}
 .hero h2{font-size:19px}
 .hero p{font-size:14px;line-height:1.75}
 .actions{display:grid;grid-template-columns:1fr;gap:9px}
 .actions .btn{width:100%}
 .hero-trust{position:absolute}
 .trust-item strong{font-size:10px}
 .service-image{height:190px}
 .service-body{padding:26px 18px 21px}
 .service-body h3{font-size:18px}
 .service-body p{font-size:13px;min-height:0}
 .solution-grid{grid-template-columns:1fr;gap:13px}
 .solution-grid article{padding:23px 20px}
 .solution-grid h3{font-size:19px}
 .solution-grid p{font-size:13px}
 .prep-grid{gap:25px}
 .prep-list{grid-template-columns:1fr;gap:10px}
 .prep-list>div{padding:17px}
 .prep-list span{font-size:15px}
 .prep-list small{font-size:11px}
 .tracking{padding:55px 0}
 .tracking-box{padding:24px 18px;border-radius:18px}
 .tracking h2{font-size:28px}
 .cta h2{font-size:25px}
 .site-footer .footer-main{grid-template-columns:1fr;gap:29px;padding:45px 0 34px}
 .site-footer .footer-brand-block,.site-footer .footer-col,.site-footer .footer-contact{grid-column:auto;align-items:flex-start;text-align:left}
 .site-footer .footer-logo{width:145px}
 .site-footer .footer-lead{font-size:11px}
 .site-footer .footer-service-strip{grid-template-columns:1fr;padding:10px 0}
 .site-footer .footer-service-strip>div,.site-footer .footer-service-strip>div:first-child,.site-footer .footer-service-strip>div:last-child{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
 .site-footer .footer-service-strip>div:after{display:none!important}
 .site-footer .footer-service-strip>div:last-child{border-bottom:0}
 .site-footer .footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 0 24px;font-size:9px}
 .site-footer .footer-bottom-links{justify-content:flex-start}
}
@media(max-width:390px){
 .container{width:calc(100% - 24px)}
 .hero-copy{padding-top:40px}
 .hero h1{font-size:37px}
 .hero h2{font-size:18px}
 .hero p{font-size:13px}
 .section{padding:50px 0}
 .section h2{font-size:28px}
 .service-image{height:165px}
 .site-footer .footer-main{padding-top:38px}
}

/* V15 — footer underline only: align exactly with heading text */
.site-footer .footer-col h3{
  width:max-content;
  text-align:left;
}
.site-footer .footer-col h3:after{
  left:0;
  transform:none;
}


/* V18 — only: calculator functionality support + clean CTA background. */
.cta-v11 .cta-media{opacity:0!important}
.quote-result{display:block}
#mbx-quote-message{margin-top:14px;color:#5f748c;font-size:12px;line-height:1.6}
#mbx-quote-message strong{display:inline-block;color:var(--navy);font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:18px;line-height:1.35;margin-bottom:4px}
@media(max-width:767px){#mbx-quote-message{font-size:11px}#mbx-quote-message strong{font-size:17px}}

/* V20 final — Cargo Darat uses the same clean blue line-icon family as the other service badges. */
.service-icon-svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}

/* V21 — Conversion polish */
.tracking-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:8px}.tracking-wa{font-size:11px;font-weight:800;color:var(--blue);text-decoration:none}.tracking-wa:hover{text-decoration:underline}.tracking-wa:focus-visible,.text-link:focus-visible,.footer-wa:focus-visible{outline:3px solid rgba(13,102,215,.28);outline-offset:3px;border-radius:5px}
@media(max-width:767px){.tracking-actions{display:grid;grid-template-columns:1fr;gap:8px}.tracking-wa{display:block;padding-top:2px}}


/* V22 — Performance + accessibility polish */
.hero-media{overflow:hidden}
.hero-media picture,.hero-media img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:right center}
.contact-alt{margin-top:10px!important}
.service-icon,.trust-icon,.contact-symbol,.footer-strip-icon{user-select:none}
@media(max-width:760px){.hero-media img{object-position:67% center}}


/* =========================================================
   CARGOMURAH.ONLINE V23 — BRAND REFRESH
   Navy + Yellow + Red / conversion-first logistics layout
   ========================================================= */
:root{
  --cm-navy:#062f67;
  --cm-blue:#0757b7;
  --cm-yellow:var(--yellow,#ffc400);
  --cm-red:var(--red,#ef1b2d);
  --cm-ink:#0b2f58;
  --cm-muted:#61748b;
  --cm-soft:#f4f8fc;
  --cm-line:#dce7f2;
}
body{color:var(--cm-ink);background:#fff}
a{color:var(--cm-blue)}
.site-header{background:#fff;border-bottom:1px solid #e7eef6}
.site-header.is-scrolled{box-shadow:0 8px 25px rgba(3,34,76,.10)}
.cm-topbar{background:var(--cm-navy);color:#fff;font-size:11px}
.cm-topbar .container{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:36px}
.cm-topbar .cm-top-items{display:flex;gap:24px;align-items:center}
.cm-topbar span{opacity:.96}
.cm-topbar b{color:var(--cm-yellow)}
.brand img,.custom-logo{width:var(--logo-width,205px)!important;height:auto!important;max-height:76px;object-fit:contain}
.main-nav a{color:var(--cm-navy);font-weight:700}
.main-nav a:hover,.main-nav .current-menu-item a{color:var(--cm-blue)}
.header-cta,.btn{background:var(--cm-red)!important;border-color:var(--cm-red)!important;color:#fff!important;box-shadow:0 10px 22px rgba(239,27,45,.18)}
.btn-outline{background:#fff!important;color:var(--cm-navy)!important;border:2px solid var(--cm-navy)!important;box-shadow:none}
.hero-cm{position:relative;min-height:590px;overflow:hidden;background:#07346f}
.hero-cm .hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,31,70,.96) 0%,rgba(3,31,70,.78) 35%,rgba(3,31,70,.12) 72%,rgba(3,31,70,.02) 100%),url("assets/hero-cargomurah.jpg");background-size:cover;background-position:center}
.hero-cm .container{position:relative;z-index:2;min-height:590px;display:flex;align-items:center}
.hero-cm .hero-copy{width:min(650px,62%);padding:72px 0 90px}
.hero-cm .eyebrow{display:inline-block;background:var(--cm-yellow);color:var(--cm-navy);border:0;font-weight:900;border-radius:999px;padding:8px 14px}
.hero-cm h1{color:#fff;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:clamp(43px,5.2vw,68px);line-height:1.02;letter-spacing:-2.8px;margin:16px 0 12px}
.hero-cm h1 em{color:var(--cm-yellow);font-style:normal}
.hero-cm h2{color:#fff;font-size:clamp(20px,2.1vw,27px);margin:0 0 14px}
.hero-cm p{color:#e9f2fb;max-width:570px;font-size:15px;line-height:1.8}
.hero-cm .actions{display:flex;gap:11px;margin-top:25px;flex-wrap:wrap}
.hero-cm .hero-note{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:#fff;font-size:11px;font-weight:700}
.hero-cm .hero-note span:first-child{color:var(--cm-yellow)}
.cm-hero-badge{position:absolute;right:6%;bottom:42px;z-index:2;background:#fff;color:var(--cm-navy);border-radius:16px;padding:15px 18px;box-shadow:0 15px 40px rgba(0,0,0,.18);font-size:11px;font-weight:800}
.cm-hero-badge strong{display:block;font-size:20px;line-height:1.1;color:var(--cm-red)}
.cm-quick{position:relative;margin-top:-45px;z-index:5}
.cm-quick-box{background:#fff;border-radius:20px;box-shadow:0 18px 55px rgba(4,38,80,.14);border:1px solid #e1eaf3;padding:22px}
.cm-quick-grid{display:grid;grid-template-columns:1.05fr 1.2fr .75fr .75fr auto;gap:10px;align-items:end}
.cm-field label{display:block;font-size:10px;font-weight:900;color:var(--cm-navy);margin:0 0 6px}
.cm-field input,.cm-field select{width:100%;height:48px;border:1px solid #ccd9e7;border-radius:10px;padding:0 13px;color:var(--cm-ink);background:#fff}
.cm-quick .btn{width:100%;height:48px}
.cm-section-tag{color:var(--cm-blue);font-size:10px;letter-spacing:.7px;font-weight:900}
.cm-benefits{padding:22px 0;background:#fff;border-bottom:1px solid #edf2f7}
.cm-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.cm-benefit{display:flex;gap:12px;align-items:center;padding:10px 22px;border-right:1px solid #e4ebf2}
.cm-benefit:first-child{padding-left:0}.cm-benefit:last-child{border-right:0}
.cm-benefit-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:var(--cm-navy);color:var(--cm-yellow);font-size:20px}
.cm-benefit strong{display:block;font-size:12px;color:var(--cm-navy)}.cm-benefit small{display:block;font-size:10px;color:var(--cm-muted);margin-top:2px}
.cm-services{background:var(--cm-soft)}
.cm-services .section-head h2,.cm-why h2,.cm-reach h2{color:var(--cm-navy)}
.cm-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cm-service-card{background:#fff;border:1px solid var(--cm-line);border-radius:18px;overflow:hidden;box-shadow:0 10px 32px rgba(8,49,89,.06);transition:.25s}
.cm-service-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(8,49,89,.12)}
.cm-service-card img{width:100%;height:165px;object-fit:cover;display:block}
.cm-service-body{padding:22px}
.cm-service-icon{width:42px;height:42px;margin-top:-42px;margin-bottom:12px;position:relative;border-radius:50%;background:var(--cm-yellow);color:var(--cm-navy);display:grid;place-items:center;font-size:19px;border:4px solid #fff}
.cm-service-body h3{margin:0 0 8px;color:var(--cm-navy);font-size:18px}.cm-service-body p{font-size:12px;color:var(--cm-muted);line-height:1.7;margin:0 0 16px}.cm-service-body a{font-size:11px;font-weight:900;text-decoration:none}
.cm-reach{background:var(--cm-navy);color:#fff}
.cm-reach h2{color:#fff}.cm-reach p{color:#c9d9eb}.cm-reach .eyebrow{background:var(--cm-yellow);color:var(--cm-navy)}
.cm-reach-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}
.cm-map{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#0a3f82}
.cm-map img{width:100%;height:340px;object-fit:cover;display:block;opacity:.92}
.cm-map-badge{position:absolute;left:20px;bottom:20px;background:#fff;color:var(--cm-navy);border-radius:14px;padding:12px 16px;font-size:11px;font-weight:800}
.cm-map-badge strong{color:var(--cm-red);font-size:18px}
.cm-route-pills{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.cm-route-pills span{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);padding:8px 12px;border-radius:999px;font-size:10px;color:#fff}
.cm-why{background:#fff}.cm-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cm-feature{border:1px solid var(--cm-line);border-radius:16px;padding:23px;background:#fff}.cm-feature b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff3bf;color:var(--cm-red);font-size:11px;margin-bottom:15px}.cm-feature h3{font-size:17px;color:var(--cm-navy);margin:0 0 7px}.cm-feature p{font-size:12px;color:var(--cm-muted);line-height:1.7;margin:0}
.cm-track{background:#f7f9fc}.cm-track-box{display:grid;grid-template-columns:1fr 1.35fr;gap:30px;align-items:center;background:#fff;border-radius:22px;border:1px solid var(--cm-line);box-shadow:0 15px 45px rgba(5,45,84,.08);padding:32px}.cm-track-box h2{color:var(--cm-navy);margin:8px 0}.cm-track-form{display:flex;gap:9px}.cm-track-form input{flex:1;height:52px;border:1px solid #cad8e6;border-radius:11px;padding:0 15px}.cm-track-form .btn{min-width:130px}
.cm-process{background:#fff}.cm-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cm-step{position:relative;padding:25px;border-radius:17px;background:#f7faff;border:1px solid var(--cm-line)}.cm-step b{color:var(--cm-red);font-size:11px}.cm-step h3{color:var(--cm-navy);font-size:17px;margin:9px 0 7px}.cm-step p{font-size:12px;color:var(--cm-muted);line-height:1.7;margin:0}
.cm-cta{background:linear-gradient(100deg,var(--cm-red),#c90e22);color:#fff}.cm-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.cm-cta h2{color:#fff;margin:7px 0}.cm-cta p{color:#ffe7e9;max-width:650px;margin:0}.cm-cta .btn{background:var(--cm-yellow)!important;color:var(--cm-navy)!important;border-color:var(--cm-yellow)!important}
.site-footer{background:#041b3b!important}.site-footer .footer-col h3:after{background:var(--cm-yellow)!important}.site-footer .footer-contact .footer-wa{background:var(--cm-red)!important}
.footer-logo{width:190px!important}
.mobile-toggle span{background:var(--cm-navy)!important}

@media(max-width:1050px){
 .cm-quick-grid{grid-template-columns:1fr 1fr 1fr}
 .cm-quick-grid .cm-action{grid-column:1/-1}
 .cm-service-grid{grid-template-columns:1fr 1fr}
 .cm-feature-grid,.cm-process-grid{grid-template-columns:1fr 1fr}
 .cm-benefits-grid{grid-template-columns:1fr 1fr}
 .cm-benefit:nth-child(2){border-right:0}
 .cm-benefit:nth-child(-n+2){border-bottom:1px solid #e4ebf2}
 .cm-hero-badge{right:3%}
}
@media(max-width:760px){
 .cm-topbar .container{min-height:32px}.cm-topbar .cm-top-items{display:none}
 .brand img,.custom-logo{width:170px!important;max-height:65px}
 .hero-cm{min-height:650px}.hero-cm .container{min-height:650px}.hero-cm .hero-bg{background-position:67% center}
 .hero-cm .hero-copy{width:100%;padding:45px 0 165px}
 .hero-cm h1{font-size:42px;letter-spacing:-1.8px}
 .hero-cm h2{font-size:19px}.hero-cm p{font-size:13px}
 .cm-hero-badge{left:15px;right:auto;bottom:25px}
 .cm-quick{margin-top:-25px}.cm-quick-box{padding:16px}.cm-quick-grid{grid-template-columns:1fr 1fr}
 .cm-quick-grid .cm-action{grid-column:1/-1}
 .cm-benefits-grid,.cm-service-grid,.cm-feature-grid,.cm-process-grid,.cm-reach-grid,.cm-track-box{grid-template-columns:1fr}
 .cm-benefit{border-right:0!important;border-bottom:1px solid #e4ebf2!important;padding:11px 0!important}
 .cm-benefit:last-child{border-bottom:0!important}
 .cm-service-grid{gap:13px}.cm-service-card img{height:180px}
 .cm-map img{height:260px}.cm-reach-grid{gap:25px}
 .cm-track-form{display:grid;grid-template-columns:1fr}.cm-track-form .btn{width:100%}
 .cm-cta-inner{display:grid;gap:18px}
 .cm-cta .btn{width:100%}
}


/* =========================================================
   CARGOMURAH.ONLINE V24 — DISTINCTIVE REDESIGN
   Navy / Yellow / Red • modern logistics visual system
   ========================================================= */
:root{
  --cm-navy:#062b67;
  --cm-navy-2:#0b438f;
  --cm-yellow:#ffc400;
  --cm-red:#ef233c;
  --cm-ink:#10284b;
  --cm-muted:#64748b;
  --cm-soft:#f4f8fd;
  --cm-line:#dbe6f2;
  --cm-radius:22px;
}
body{background:#fff;color:var(--cm-ink)}
.site-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid rgba(6,43,103,.09)!important;box-shadow:0 6px 25px rgba(6,43,103,.06)}
.site-header:before{content:"";display:block;position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--cm-navy) 0 58%,var(--cm-yellow) 58% 78%,var(--cm-red) 78%)}
.main-nav a{font-weight:700!important;color:var(--cm-navy)!important}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--cm-red)!important}
.header-cta,.btn{background:linear-gradient(135deg,#ef233c,#d90429)!important;box-shadow:0 12px 26px rgba(239,35,60,.20)!important}
.btn:hover{transform:translateY(-2px);filter:saturate(1.08)}
.hero-cm{min-height:610px;position:relative;overflow:hidden;background:#062b67}
.hero-cm:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,25,61,.96) 0%,rgba(4,38,83,.86) 42%,rgba(4,38,83,.18) 76%,rgba(4,38,83,.06));z-index:1}
.hero-bg{position:absolute;inset:0;background:center/cover no-repeat url('assets/hero-cargomurah.jpg');filter:saturate(1.05)}
.hero-cm .container{position:relative;z-index:2;min-height:610px;display:flex;align-items:center}
.hero-copy{max-width:700px;padding:60px 0 100px;color:#fff}
.hero-copy .eyebrow{display:inline-flex;background:rgba(255,196,0,.14);border:1px solid rgba(255,196,0,.55);color:#ffd329;padding:9px 14px;border-radius:999px;font-weight:800;letter-spacing:.8px}
.hero-copy h1{font-size:clamp(46px,6vw,76px)!important;line-height:.98!important;letter-spacing:-3px!important;margin:18px 0 15px!important;color:#fff!important}
.hero-copy h1 em{color:var(--cm-yellow);font-style:normal}
.hero-copy h2{font-size:clamp(20px,2.4vw,29px)!important;color:#fff!important;margin-bottom:15px!important}
.hero-copy>p{font-size:16px;line-height:1.75;color:rgba(255,255,255,.88);max-width:640px}
.hero-note{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hero-note span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:700}
.cm-hero-badge{z-index:3!important;background:#fff!important;color:var(--cm-navy)!important;border:5px solid var(--cm-yellow);box-shadow:0 16px 40px rgba(0,0,0,.22)!important}
.cm-quick{position:relative;z-index:8;margin-top:-42px}.cm-quick-box{background:#fff;border:1px solid var(--cm-line);border-radius:24px;box-shadow:0 20px 50px rgba(6,43,103,.14);padding:18px}
.cm-quick-grid{display:grid!important;grid-template-columns:1.05fr 1.05fr .7fr .8fr auto;gap:10px;align-items:end}.cm-field{background:#f8fbff;border:1px solid var(--cm-line);border-radius:14px;padding:10px 12px}.cm-field label{font-size:10px;font-weight:900;color:var(--cm-navy);display:block;margin-bottom:5px;letter-spacing:.6px}.cm-field input,.cm-field select{border:0!important;background:transparent!important;padding:0!important;height:28px!important;min-height:28px!important;font-weight:700;color:var(--cm-ink)}
.cm-action .btn{height:54px;display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 20px}
.cm-benefits{padding:18px 0 52px;background:#fff}.cm-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--cm-line);border-radius:18px;overflow:hidden}.cm-benefit{padding:20px;display:flex;gap:12px;align-items:center;border-right:1px solid var(--cm-line)}.cm-benefit:last-child{border-right:0}.cm-benefit-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff3c4;color:var(--cm-navy);font-weight:900;border:1px solid #ffe27a}.cm-benefit strong{display:block;color:var(--cm-navy);font-size:13px}.cm-benefit small{display:block;color:var(--cm-muted);font-size:11px;margin-top:3px}
.section-head h2{color:var(--cm-navy)!important}.cm-section-tag{color:var(--cm-red)!important;font-weight:900!important;letter-spacing:1px!important;position:relative;padding-left:16px}.cm-section-tag:before{content:"";position:absolute;left:0;top:2px;width:5px;height:18px;background:var(--cm-yellow);border-radius:10px}
.cm-services{background:linear-gradient(180deg,#fff 0,#f5f9fe 100%)}.cm-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cm-service-card{background:#fff;border:1px solid var(--cm-line);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(6,43,103,.07);transition:.25s}.cm-service-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px rgba(6,43,103,.14);border-color:#bdd1e8}.cm-service-card>img{width:100%;height:190px;object-fit:cover;display:block}.cm-service-body{padding:18px}.cm-service-icon{width:48px;height:48px;margin-top:-42px;position:relative;display:grid;place-items:center;border-radius:15px;background:var(--cm-navy);color:var(--cm-yellow);border:4px solid #fff;font-size:0;box-shadow:0 8px 20px rgba(6,43,103,.18)}.cm-service-icon:before{content:"";width:21px;height:21px;border:2px solid currentColor;border-radius:6px;display:block}.cm-service-card:nth-child(1) .cm-service-icon:after{content:"";position:absolute;width:12px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(1px)}.cm-service-card:nth-child(2) .cm-service-icon:before{border-radius:50% 50% 45% 45%}.cm-service-card:nth-child(3) .cm-service-icon:before{border-radius:3px;transform:rotate(45deg) scale(.72)}.cm-service-card:nth-child(4) .cm-service-icon:before{border-radius:50%}.cm-service-body h3{color:var(--cm-navy)!important;font-size:20px!important;margin:12px 0 7px}.cm-service-body p{color:var(--cm-muted);font-size:13px;line-height:1.65}.cm-service-body a{font-weight:900;color:var(--cm-red)!important}
.cm-reach{background:var(--cm-navy)!important;color:#fff;overflow:hidden;position:relative}.cm-reach:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-180px;top:-180px;background:radial-gradient(circle,rgba(255,196,0,.18),transparent 65%)}.cm-reach h2{color:#fff!important}.cm-reach p{color:rgba(255,255,255,.78)}.cm-route-pills span{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}.cm-map{border:7px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.2)}.cm-map-badge{background:var(--cm-yellow)!important;color:var(--cm-navy)!important;font-weight:800}
.cm-track{background:#f5f8fc}.cm-track-box{background:#fff;border:1px solid var(--cm-line);border-radius:24px;padding:30px;box-shadow:0 18px 45px rgba(6,43,103,.09);display:grid;grid-template-columns:1fr 1.15fr;gap:35px;align-items:center;position:relative;overflow:hidden}.cm-track-box:after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:#fff3c4}.cm-track-form{display:flex;gap:10px;position:relative;z-index:2}.cm-track-form input{flex:1;border:1px solid var(--cm-line);border-radius:14px;padding:15px 17px;font-weight:700}.cm-track-form .btn{min-width:150px}
.cm-why{background:#fff}.cm-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cm-feature{padding:24px;border:1px solid var(--cm-line);border-radius:18px;background:#fff;position:relative;overflow:hidden}.cm-feature:after{content:"";position:absolute;right:-30px;bottom:-40px;width:110px;height:110px;border-radius:50%;background:#f4f8fd}.cm-feature>b{font-size:12px;color:var(--cm-red);letter-spacing:2px}.cm-feature h3{color:var(--cm-navy);margin:12px 0 7px}.cm-feature p{color:var(--cm-muted);font-size:13px;line-height:1.7}
.cm-process{background:#f6f9fd}.cm-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--cm-line);border-radius:22px;overflow:hidden;background:#fff}.cm-step{padding:28px 24px;border-right:1px solid var(--cm-line);position:relative}.cm-step:last-child{border-right:0}.cm-step>b{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--cm-navy);color:#fff;font-size:13px}.cm-step:nth-child(even)>b{background:var(--cm-red)}.cm-step h3{color:var(--cm-navy);margin:17px 0 7px}.cm-step p{color:var(--cm-muted);font-size:13px;line-height:1.65}
.cm-cta{background:linear-gradient(115deg,var(--cm-navy),#0b4a99);position:relative;overflow:hidden}.cm-cta:before{content:"";position:absolute;right:-100px;top:-120px;width:400px;height:400px;border-radius:50%;border:70px solid rgba(255,196,0,.12)}.cm-cta-inner{position:relative;z-index:2;color:#fff}.cm-cta h2{color:#fff!important;max-width:700px}.cm-cta p{color:rgba(255,255,255,.8);max-width:650px}.cm-cta .btn{background:var(--cm-yellow)!important;color:var(--cm-navy)!important;box-shadow:none!important}
/* New footer */
.site-footer{background:#041c43!important;color:#cbd8ea!important;border-top:5px solid var(--cm-yellow);position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--cm-red)}.footer-main{display:grid!important;grid-template-columns:1.35fr .8fr .9fr 1.2fr;gap:40px;padding-top:55px!important;padding-bottom:35px!important}.footer-logo{max-width:245px!important;filter:none!important}.footer-lead{color:#9eb3d1!important;line-height:1.75;font-size:13px;max-width:360px}.footer-badges{display:flex;flex-wrap:wrap;gap:7px}.footer-badges span{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);padding:7px 10px;border-radius:999px;font-size:10px;color:#fff}.footer-col h3{color:#fff!important;font-size:14px!important;margin-bottom:16px!important}.footer-col a,.footer-col p{color:#a9bdd8!important;font-size:12px!important;line-height:1.7}.footer-col a:hover{color:var(--cm-yellow)!important}.footer-wa{display:inline-flex!important;margin-top:8px;padding:11px 15px;border-radius:12px;background:var(--cm-red)!important;color:#fff!important;font-weight:800!important}.footer-service-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.footer-service-strip>div{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:rgba(255,255,255,.035)}.footer-strip-icon{width:38px;height:38px;border-radius:12px;background:var(--cm-yellow);color:var(--cm-navy);display:grid;place-items:center;font-weight:900}.footer-service-strip strong{display:block;color:#fff;font-size:11px}.footer-service-strip small{color:#8ea7c7;font-size:9px}.footer-bottom{padding:20px 0 26px!important;color:#7189a9;font-size:10px}.footer-bottom a{color:#a9bdd8}.footer-bottom a:hover{color:var(--cm-yellow)}
@media(max-width:900px){.cm-quick-grid{grid-template-columns:1fr 1fr}.cm-action{grid-column:1/-1}.cm-service-grid,.cm-feature-grid{grid-template-columns:repeat(2,1fr)}.cm-benefits-grid{grid-template-columns:1fr 1fr}.cm-benefit:nth-child(2){border-right:0}.cm-benefit:nth-child(-n+2){border-bottom:1px solid var(--cm-line)}.cm-track-box{grid-template-columns:1fr}.cm-process-grid{grid-template-columns:1fr 1fr}.cm-step:nth-child(2){border-right:0}.cm-step:nth-child(-n+2){border-bottom:1px solid var(--cm-line)}.footer-main{grid-template-columns:1fr 1fr}.footer-service-strip{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hero-cm,.hero-cm .container{min-height:680px}.hero-cm:after{background:linear-gradient(180deg,rgba(3,25,61,.92),rgba(3,25,61,.68) 55%,rgba(3,25,61,.35))}.hero-copy{padding:90px 0 130px}.hero-copy h1{font-size:43px!important;letter-spacing:-2px!important}.cm-hero-badge{display:none}.cm-quick{margin-top:-28px}.cm-quick-box{padding:12px}.cm-quick-grid{grid-template-columns:1fr 1fr}.cm-field{padding:9px}.cm-field input,.cm-field select{font-size:14px!important}.cm-benefits-grid,.cm-service-grid,.cm-feature-grid,.cm-process-grid{grid-template-columns:1fr}.cm-benefit,.cm-benefit:nth-child(2){border-right:0;border-bottom:1px solid var(--cm-line)!important}.cm-benefit:last-child{border-bottom:0!important}.cm-service-card>img{height:180px}.cm-track-box{padding:22px}.cm-track-form{display:grid}.cm-track-form .btn{width:100%}.cm-step,.cm-step:nth-child(2){border-right:0;border-bottom:1px solid var(--cm-line)}.cm-step:last-child{border-bottom:0}.footer-main{grid-template-columns:1fr;text-align:left;padding-top:42px!important}.footer-service-strip{grid-template-columns:1fr}.footer-bottom{text-align:center}.footer-bottom-links{margin-top:10px}}
.cm-topbar{background:#062b67;position:relative;z-index:20}.cm-topbar:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#ffc400,#ef233c)}
@media(max-width:760px){.cm-topbar{display:none}}
.cm-benefit-icon svg,.cm-service-icon svg,.footer-strip-icon svg{width:22px;height:22px;display:block}.cm-service-icon svg{width:25px;height:25px}.cm-service-icon{font-size:0}.track-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.track-points span{font-size:10px;font-weight:800;color:var(--cm-navy);background:#f4f8fd;border:1px solid var(--cm-line);padding:7px 9px;border-radius:999px}.track-help{display:inline-block;margin-top:14px;color:var(--cm-red);font-weight:800;font-size:12px}.footer-strip-icon svg{width:19px;height:19px}

/* =========================================================
   CARGOMURAH.ONLINE V25 — HOME CONTENT + REFERENCE FOOTER
   Hero retained. Home content expanded. Footer follows the
   supplied reference screenshot: compact CTA banner, four
   columns, area pills, dark navy treatment and thin bottom bar.
   ========================================================= */
.cm-home-quote .cm-quote-title{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:17px}.cm-quote-title h2{margin:5px 0 5px;color:var(--cm-navy);font-size:24px}.cm-quote-title p{margin:0;color:var(--cm-muted);font-size:12px}.cm-quote-label{white-space:nowrap;padding:8px 11px;border-radius:999px;background:#eef6ff;color:var(--cm-blue);font-size:10px;font-weight:900}.cm-intro{background:#fff}.cm-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.cm-intro-copy h2{color:var(--cm-navy);font-size:clamp(31px,4vw,47px);line-height:1.08;letter-spacing:-1.5px;margin:9px 0 18px}.cm-intro-copy p{color:var(--cm-muted);font-size:14px;line-height:1.85}.cm-check-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;margin-top:20px}.cm-check-list span{font-size:11px;font-weight:800;color:var(--cm-navy)}.cm-check-list span:first-letter{color:var(--cm-red)}.cm-intro-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cm-mini-stat{padding:23px 19px;border:1px solid var(--cm-line);border-radius:17px;background:linear-gradient(145deg,#fff,#f5f9fe);display:flex;gap:13px;align-items:flex-start;box-shadow:0 12px 30px rgba(6,43,103,.06)}.cm-mini-stat strong{font-size:12px;color:var(--cm-red);letter-spacing:1px}.cm-mini-stat span{font-size:13px;font-weight:900;color:var(--cm-navy)}.cm-mini-stat small{display:block;font-size:10px;font-weight:500;color:var(--cm-muted);margin-top:4px}.cm-service-grid-rich{grid-template-columns:repeat(3,1fr)}.cm-service-grid-rich .cm-service-card>img{height:185px}.cm-service-grid-rich .cm-service-body{padding:19px 20px 21px}.cm-service-body ul{margin:12px 0 15px;padding:0;list-style:none;display:grid;gap:5px}.cm-service-body li{font-size:10.5px;color:#62778f;padding-left:14px;position:relative}.cm-service-body li:before{content:"✓";position:absolute;left:0;color:var(--cm-red);font-weight:900}.cm-service-card-noimage{min-height:100%;background:linear-gradient(145deg,#fff,#f4f8fd)}.cm-service-card-noimage .cm-service-body{padding-top:28px}.cm-service-card-noimage .cm-service-icon{margin-top:0}.cm-routes{background:#f5f9fd}.cm-route-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.cm-route-highlight{background:linear-gradient(135deg,var(--cm-navy),#0b4e9c);color:#fff;border-radius:22px;padding:32px;position:relative;overflow:hidden}.cm-route-highlight:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-130px;top:-130px;border:45px solid rgba(255,196,0,.12)}.cm-route-highlight>span{color:var(--cm-yellow);font-size:10px;font-weight:900;letter-spacing:1.4px}.cm-route-highlight h3{font-size:30px;margin:8px 0}.cm-route-highlight p{color:rgba(255,255,255,.75);font-size:12px;line-height:1.7;max-width:500px}.cm-route-chips{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 23px}.cm-route-chips b{font-size:10px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14)}.cm-route-highlight .btn{background:var(--cm-yellow)!important;color:var(--cm-navy)!important;border-color:var(--cm-yellow)!important;box-shadow:none!important}.cm-route-list{display:grid;gap:10px}.cm-route-list>div{background:#fff;border:1px solid var(--cm-line);border-radius:14px;padding:17px 18px;display:grid;gap:5px}.cm-route-list strong{font-size:13px;color:var(--cm-navy)}.cm-route-list span{font-size:11px;color:var(--cm-muted);line-height:1.6}.cm-cargo-types{background:#fff}.cm-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cm-type-grid article{padding:23px;border:1px solid var(--cm-line);border-radius:17px;transition:.22s;background:#fff}.cm-type-grid article:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(6,43,103,.08)}.cm-type-grid span{font-size:10px;font-weight:900;color:var(--cm-red);letter-spacing:1px}.cm-type-grid h3{color:var(--cm-navy);font-size:18px;margin:10px 0 6px}.cm-type-grid p{font-size:12px;color:var(--cm-muted);line-height:1.7}.cm-why-rich{background:#fff}.cm-process-rich{background:#f5f9fd}.cm-faq{background:#fff}.cm-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:start}.cm-faq-grid h2{color:var(--cm-navy);font-size:clamp(31px,4vw,45px);line-height:1.08;letter-spacing:-1.5px;margin:10px 0 14px}.cm-faq-grid>div>p{color:var(--cm-muted);font-size:13px;line-height:1.8;margin-bottom:22px}.cm-faq-list{display:grid;gap:9px}.cm-faq-list details{border:1px solid var(--cm-line);border-radius:13px;background:#fff;padding:0 18px}.cm-faq-list summary{list-style:none;cursor:pointer;color:var(--cm-navy);font-size:13px;font-weight:900;padding:17px 0;position:relative;padding-right:30px}.cm-faq-list summary::-webkit-details-marker{display:none}.cm-faq-list summary:after{content:"+";position:absolute;right:0;color:var(--cm-red);font-size:18px}.cm-faq-list details[open] summary:after{content:"−"}.cm-faq-list details p{font-size:12px;color:var(--cm-muted);line-height:1.75;padding:0 0 17px;margin:0}.cm-seo-copy{background:#f5f9fd}.cm-seo-copy h2{max-width:800px;color:var(--cm-navy);font-size:clamp(29px,4vw,42px);line-height:1.1;letter-spacing:-1px;margin:10px 0 18px}.cm-seo-copy p{max-width:1000px;color:var(--cm-muted);font-size:13px;line-height:1.9;margin:0 0 12px}.cm-seo-copy strong{color:var(--cm-navy)}

/* Reference-style footer */
.cm-footer-ref{background:linear-gradient(180deg,#061d42 0%,#041a3a 100%)!important;border:0!important;color:#a9bdd8!important;position:relative;overflow:hidden}.cm-footer-ref:before{display:none!important}.cm-footer-cta{margin-top:29px;margin-bottom:35px;padding:23px 22px;border:1px solid rgba(46,177,255,.28);border-radius:17px;background:linear-gradient(110deg,rgba(8,53,105,.92),rgba(5,42,87,.9));display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.cm-footer-eyebrow{display:inline-block;color:#19cfff;font-size:8px;font-weight:900;letter-spacing:1.1px;padding-left:9px;position:relative}.cm-footer-eyebrow:before{content:"";position:absolute;left:0;top:2px;width:4px;height:4px;border-radius:50%;background:#1ed0ff;box-shadow:0 0 10px #1ed0ff}.cm-footer-cta h2{color:#fff!important;font-size:22px!important;letter-spacing:-.7px;margin:7px 0 4px!important}.cm-footer-cta p{color:#b5c7dd!important;font-size:8.5px!important;line-height:1.55!important;max-width:520px;margin:0!important}.cm-footer-cta-btn{display:inline-flex;align-items:center;gap:7px;padding:11px 14px;border-radius:9px;background:linear-gradient(90deg,#098cff,#12c8e9);color:#fff!important;text-decoration:none!important;font-size:9px;font-weight:900;white-space:nowrap;box-shadow:0 9px 24px rgba(0,143,255,.22)}.cm-footer-cta-btn span{font-size:9px}.cm-footer-cta-btn b{font-size:12px}.cm-footer-main{display:grid!important;grid-template-columns:1.22fr .8fr .86fr 1.1fr;gap:42px;padding:0 0 39px!important}.cm-footer-brand img{width:150px!important;height:auto!important;max-height:70px;object-fit:contain;display:block;margin-bottom:13px;filter:none!important}.cm-footer-brand p{max-width:275px;color:#8fa7c7!important;font-size:9px!important;line-height:1.7!important;margin:0 0 15px!important}.cm-footer-verified{display:flex;align-items:center;gap:7px;color:#a9bfd8;font-size:8px;margin-bottom:14px}.cm-footer-verified span{width:17px;height:17px;border:1px solid rgba(15,196,255,.25);border-radius:5px;display:grid;place-items:center;color:#13c9ed;background:rgba(14,169,255,.07)}.cm-socials{display:flex;gap:7px}.cm-socials a{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#a8bfda!important;text-decoration:none!important;font-size:9px;font-weight:900}.cm-socials a:hover{color:#fff!important;border-color:#18bfe8}.cm-footer-col{display:flex;flex-direction:column;align-items:flex-start}.cm-footer-col h3{color:#fff!important;font-size:10px!important;margin:0 0 13px!important;font-weight:900}.cm-footer-col>a{color:#8199b9!important;font-size:8.5px!important;line-height:1.55!important;text-decoration:none!important;margin:0 0 8px}.cm-footer-col>a:hover{color:#19cfff!important}.cm-footer-col h4{color:#fff;font-size:8px;margin:12px 0 7px}.cm-footer-area{display:flex;flex-wrap:wrap;gap:4px;max-width:190px}.cm-footer-area span{font-size:6.5px;color:#90a8c5;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);padding:4px 6px;border-radius:4px}.cm-footer-contact{gap:0}.cm-contact-item{width:100%;display:flex!important;align-items:center;gap:8px;padding:5px 0!important;margin-bottom:6px!important}.cm-contact-item>span{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(20,177,255,.18);background:rgba(10,145,240,.07);border-radius:5px;color:#1bc7ed;font-size:9px}.cm-contact-item b{color:#fff;font-size:8px}.cm-contact-item small{display:block;color:#8199b8;font-size:6.5px;font-weight:500;margin-top:2px}.cm-address-box{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;background:rgba(255,255,255,.025);margin-top:5px}.cm-address-box strong{color:#fff;font-size:7px}.cm-address-box p{color:#8199b8!important;font-size:6.5px!important;line-height:1.6!important;margin:5px 0 0!important}.cm-footer-hours{margin-top:9px}.cm-footer-hours strong{font-size:7px;color:#fff}.cm-footer-hours p{font-size:6.5px!important;color:#8199b8!important;line-height:1.55!important;margin:3px 0 0!important}.cm-footer-bottom{border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0 17px!important;color:#637e9f!important;font-size:6.5px!important}.cm-footer-bottom b{color:#8da6c4}.cm-footer-bottom-links{display:flex;gap:17px}.cm-footer-bottom-links a{color:#7891b0!important;font-size:6.5px!important;text-decoration:none!important}.cm-footer-bottom-links a:hover{color:#fff!important}
@media(max-width:900px){.cm-intro-grid,.cm-route-layout,.cm-faq-grid{grid-template-columns:1fr;gap:30px}.cm-service-grid-rich,.cm-type-grid{grid-template-columns:repeat(2,1fr)}.cm-footer-main{grid-template-columns:1fr 1fr!important}.cm-footer-brand{grid-column:1/-1}.cm-footer-contact{grid-column:1/-1}.cm-footer-cta{align-items:flex-start}.cm-footer-cta-btn{margin-top:8px}.cm-faq-grid{gap:35px}}
@media(max-width:760px){.cm-home-quote .cm-quote-title{display:block}.cm-quote-label{display:inline-block;margin-top:10px}.cm-intro-copy h2,.cm-faq-grid h2{font-size:32px}.cm-check-list{grid-template-columns:1fr}.cm-intro-panel{grid-template-columns:1fr 1fr}.cm-service-grid-rich,.cm-type-grid{grid-template-columns:1fr}.cm-route-highlight{padding:24px}.cm-route-highlight h3{font-size:25px}.cm-footer-cta{display:block;margin-top:18px;margin-bottom:28px;padding:20px 18px}.cm-footer-cta h2{font-size:19px!important}.cm-footer-cta p{font-size:8px!important}.cm-footer-cta-btn{margin-top:14px}.cm-footer-main{grid-template-columns:1fr!important;gap:26px!important;padding-bottom:30px!important}.cm-footer-brand,.cm-footer-contact{grid-column:auto}.cm-footer-brand img{width:155px!important}.cm-footer-bottom{display:block;text-align:left;padding:11px 0 18px!important}.cm-footer-bottom-links{margin-top:9px;gap:12px;flex-wrap:wrap}.cm-footer-area{max-width:100%}}


/* V28 INTERNAL PAGES — distinct premium visual system */
body:not(.home) { background:#f3f6fa; color:#23344d; }
body:not(.home) .subhero { background:linear-gradient(135deg,#102c52 0%,#184c7a 58%,#0b6c88 100%); color:#fff; position:relative; overflow:hidden; }
body:not(.home) .subhero:before { content:""; position:absolute; width:520px; height:520px; border:1px solid rgba(255,255,255,.08); border-radius:50%; right:-220px; top:-260px; pointer-events:none; }
body:not(.home) .subhero:after { content:""; position:absolute; width:240px; height:240px; border:1px solid rgba(255,205,61,.12); border-radius:50%; left:-150px; bottom:-150px; pointer-events:none; }
body:not(.home) .subhero .container { position:relative; z-index:1; }
body:not(.home) .subhero h1 { color:#fff; max-width:850px; letter-spacing:-1.4px; }
body:not(.home) .subhero p { color:rgba(255,255,255,.78); max-width:780px; }
body:not(.home) .breadcrumb, body:not(.home) .breadcrumb a { color:rgba(255,255,255,.62); }
body:not(.home) .eyebrow { color:#0a7893; }
body:not(.home) .subhero .eyebrow { color:#ffd23f; }
body:not(.home) .page-section { background:#f3f6fa; }
body:not(.home) .page-section:nth-of-type(even) { background:#fff; }
body:not(.home) .soft-section { background:#eaf0f5!important; border-top:1px solid #dde6ef; border-bottom:1px solid #dde6ef; }
body:not(.home) .panel,
body:not(.home) .content-card,
body:not(.home) .service-card,
body:not(.home) .value-grid article,
body:not(.home) .guide-grid article,
body:not(.home) .status-grid>div { background:#fff; border-color:#dce5ee; box-shadow:0 10px 28px rgba(24,52,80,.055); }
body:not(.home) .panel:hover,
body:not(.home) .service-card:hover,
body:not(.home) .value-grid article:hover,
body:not(.home) .guide-grid article:hover { border-color:#b8cddd; box-shadow:0 18px 38px rgba(24,52,80,.09); }
body:not(.home) h2, body:not(.home) h3, body:not(.home) .section-head h2, body:not(.home) .section-intro h2 { color:#102c52; }
body:not(.home) p, body:not(.home) li, body:not(.home) .section-head p, body:not(.home) .section-intro p { color:#61748b; }
body:not(.home) .btn { background:#0d5f91; border-color:#0d5f91; box-shadow:0 9px 22px rgba(13,95,145,.18); }
body:not(.home) .btn:hover { background:#084b74; border-color:#084b74; transform:translateY(-1px); }
body:not(.home) .btn-white { background:#fff!important; color:#0d5f91!important; border-color:#fff!important; }
body:not(.home) input, body:not(.home) select, body:not(.home) textarea { background:#fff; border-color:#d7e1ea; color:#24364d; }
body:not(.home) input:focus, body:not(.home) select:focus, body:not(.home) textarea:focus { border-color:#0d7c9d; box-shadow:0 0 0 3px rgba(13,124,157,.1); }
body:not(.home) .notice { background:#eef7fa; border-color:#cce6ee; color:#4d687e; }
body:not(.home) .cta { background:linear-gradient(135deg,#0d3158,#0b607f)!important; }
body:not(.home) .cta h2 { color:#fff; }
body:not(.home) .cta p { color:rgba(255,255,255,.75); }
body:not(.home) .service-image { background:#eaf2f7; }
body:not(.home) .service-icon { background:#fff; color:#0d6f91; border-color:#d8e5ee; }
body:not(.home) .service-kicker { color:#0d7997; }
body:not(.home) .text-link { color:#0d6f91; }
body:not(.home) .text-link:hover { color:#084b74; }
body:not(.home) .stats .stat b { color:#0d5f91; }
body:not(.home) .map-label { background:rgba(16,44,82,.94); }
body:not(.home) .contact-symbol { background:#edf6f8; color:#0d718f; }
body:not(.home) .help-number { color:#0d7897; background:#eaf5f8; border-color:#d2e9ef; }
body:not(.home) .tracking-help { background:#102c52; }
body:not(.home) .tracking-help h3 { color:#fff; }
body:not(.home) .tracking-help p { color:#b6c8d9; }
body:not(.home) .footer { margin-top:0; }
@media(max-width:760px){ body:not(.home) .subhero h1{letter-spacing:-.8px} body:not(.home) .subhero:before{width:340px;height:340px;right:-220px;top:-170px} }

/* Service cards: image-first treatment, including trucking & oversized cargo */
.cm-service-grid-rich .cm-service-card>img { display:block; width:100%; height:185px; object-fit:cover; }
.cm-service-grid-rich .cm-service-card-noimage { min-height:0; }
.cm-service-grid-rich .cm-service-card-noimage .cm-service-body { padding-top:19px; }

/* =========================================================
   V29 INTERNAL SUBHERO — REFINED GRAPHIC CORNER
   Lightweight CSS-only visual: no extra image/font requests.
   ========================================================= */
body:not(.home) .subhero-rich{
  min-height:318px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(135deg,#f3f8fd 0%,#ffffff 64%,#f6faff 100%);
  border-bottom:1px solid #e3ebf3;
}
body:not(.home) .subhero-rich .container{width:100%;}
body:not(.home) .subhero-rich:before{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:43%;
  height:100%;
  pointer-events:none;
  background:
    linear-gradient(135deg,transparent 0 48%,rgba(7,76,145,.045) 48.2% 49%,transparent 49.2%),
    linear-gradient(155deg,transparent 0 61%,rgba(7,76,145,.055) 61.2% 62%,transparent 62.2%);
  clip-path:polygon(30% 0,100% 0,100% 100%,0 100%,15% 72%,30% 46%,42% 23%);
}
body:not(.home) .subhero-rich:after{
  content:"";
  position:absolute;
  right:7.5%;
  top:50%;
  width:290px;
  height:190px;
  transform:translateY(-50%);
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 70%,#12bde6 0 3px,transparent 4px),
    radial-gradient(circle at 50% 34%,#ffc400 0 3px,transparent 4px),
    radial-gradient(circle at 84% 70%,#0b5cab 0 3px,transparent 4px),
    linear-gradient(26deg,transparent 49.5%,rgba(9,89,160,.18) 49.8% 50.3%,transparent 50.6%) 0 0/100% 100%,
    linear-gradient(-24deg,transparent 49.5%,rgba(9,89,160,.12) 49.8% 50.3%,transparent 50.6%) 0 0/100% 100%;
  opacity:.95;
}
body:not(.home) .subhero-rich h1{
  position:relative;
  max-width:820px;
  font-size:clamp(40px,5vw,58px);
  line-height:1.03;
  letter-spacing:-2.2px;
  color:#0c3f7d;
  text-wrap:balance;
}
body:not(.home) .subhero-rich p{
  position:relative;
  max-width:720px;
  color:#607894;
  font-size:15px;
  line-height:1.78;
}
body:not(.home) .subhero-rich .breadcrumb{
  margin-bottom:18px;
  font-size:10px;
  font-weight:700;
  color:#8295a9;
}
body:not(.home) .subhero-rich .breadcrumb a{color:#1264bd;}
body:not(.home) .subhero-rich .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border-radius:8px;
  background:#eaf4ff;
  border:1px solid #d7e9fa;
  color:#1167c4;
  font-size:9px;
  font-weight:900;
  letter-spacing:1px;
}
body:not(.home) .subhero-rich .eyebrow:before{
  content:"";
  width:6px;height:6px;border-radius:2px;
  background:#ffc400;
  box-shadow:0 0 0 3px rgba(255,196,0,.12);
}
body:not(.home) .hero-mini-points{position:relative;gap:8px;margin-top:20px;}
body:not(.home) .hero-mini-points span{
  padding:8px 11px;
  border-radius:9px;
  background:rgba(255,255,255,.88);
  border:1px solid #dce8f3;
  color:#486783;
  font-size:10px;
  box-shadow:0 7px 20px rgba(21,68,110,.06);
}
@media(max-width:900px){
  body:not(.home) .subhero-rich:before{width:48%;opacity:.75}
  body:not(.home) .subhero-rich:after{right:2%;width:220px;height:150px;opacity:.6}
}
@media(max-width:760px){
  body:not(.home) .subhero-rich{min-height:0;padding:44px 0 48px;}
  body:not(.home) .subhero-rich:before{width:100%;height:180px;top:auto;bottom:0;opacity:.55;}
  body:not(.home) .subhero-rich:after{right:-35px;top:auto;bottom:-5px;transform:none;width:190px;height:125px;opacity:.5;}
  body:not(.home) .subhero-rich h1{font-size:clamp(32px,9vw,42px);letter-spacing:-1.25px;max-width:100%;}
  body:not(.home) .subhero-rich p{font-size:13px;line-height:1.7;max-width:100%;}
  body:not(.home) .hero-mini-points{max-width:100%;}
}

/* =========================================================
   V31 — ART-DIRECTED PAGE SYSTEM
   Home = Premium Hero / About = Minimal Elegant / Services = Network Map
   Other pages receive purpose-led visual language.
   ========================================================= */
.cm-topbar{background:#061b3b!important;border-bottom:1px solid rgba(255,255,255,.07)}
.cm-top-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#25b9ff;box-shadow:0 0 0 4px rgba(37,185,255,.08);vertical-align:middle;margin-right:5px}

/* HOME — option 2 inspired premium hero */
.hero-v31{position:relative;overflow:hidden;min-height:690px;background:linear-gradient(115deg,#061b3b 0%,#07356b 54%,#075a9b 100%);color:#fff}
.hero-v31:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 24%,rgba(27,185,255,.22),transparent 31%),linear-gradient(135deg,rgba(255,255,255,.035),transparent 45%);pointer-events:none}
.hero-v31-glow{position:absolute;right:-120px;top:-180px;width:600px;height:600px;border-radius:50%;border:1px solid rgba(92,211,255,.16);box-shadow:0 0 0 42px rgba(255,255,255,.015),0 0 0 86px rgba(255,255,255,.012);pointer-events:none}
.hero-v31-grid{position:relative;z-index:2;min-height:560px;display:grid;grid-template-columns:48% 52%;align-items:center;gap:10px;padding-top:48px}
.hero-v31 .hero-copy{width:auto;padding:0 0 35px}
.hero-v31 .eyebrow{background:rgba(44,190,255,.14);border:1px solid rgba(44,190,255,.25);color:#8ee5ff}
.hero-v31 h1{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:clamp(42px,5vw,64px);line-height:1.02;letter-spacing:-2.8px;color:#fff;margin:0 0 17px;max-width:650px}
.hero-v31 h1 em{font-style:normal;color:#52d2ff}
.hero-v31 p{max-width:590px;color:#c8dbef;font-size:15px;line-height:1.75}
.hero-v31-outline{color:#fff!important;border-color:rgba(255,255,255,.3)!important;background:rgba(255,255,255,.04)!important}
.hero-v31 .hero-note{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-v31 .hero-note span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#dbeaf7;border-radius:999px;padding:8px 11px;font-size:10px}
.hero-v31-visual{height:475px;position:relative;isolation:isolate}
.hero-v31-image{position:absolute;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.22);box-shadow:0 25px 55px rgba(0,0,0,.28);background:#0a3566}.hero-v31-image img{display:block;width:100%;height:100%;object-fit:cover}
.hero-v31-ship{width:320px;height:205px;right:42px;top:55px;transform:rotate(-2deg);z-index:1}.hero-v31-air{width:205px;height:132px;right:0;top:245px;z-index:3;transform:rotate(3deg)}.hero-v31-road{width:245px;height:155px;left:26px;bottom:30px;z-index:4;transform:rotate(-3deg)}
.hero-v31-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(3,26,59,.1),rgba(3,26,59,.45))}
.hero-v31-route{position:absolute;right:85px;top:205px;width:290px;height:130px;border-top:2px dashed rgba(81,212,255,.75);border-radius:50%;transform:rotate(-10deg);z-index:2}.hero-v31-route:after{content:"";position:absolute;right:3px;top:-6px;width:10px;height:10px;border-radius:50%;background:#ffd32a;box-shadow:0 0 0 7px rgba(255,211,42,.12)}.hero-v31-route span,.hero-v31-route i,.hero-v31-route b,.hero-v31-route em{position:absolute;width:9px;height:9px;border-radius:50%;background:#31c5ff;box-shadow:0 0 0 6px rgba(49,197,255,.1)}.hero-v31-route span{left:35px;top:48px}.hero-v31-route i{left:110px;top:78px}.hero-v31-route b{left:190px;top:38px}.hero-v31-route em{right:35px;top:12px}
.hero-v31-label{position:absolute;right:70px;bottom:20px;z-index:5;padding:13px 16px;border-radius:14px;background:rgba(4,29,61,.88);border:1px solid rgba(255,255,255,.13);box-shadow:0 15px 30px rgba(0,0,0,.2)}.hero-v31-label strong{display:block;font-size:12px;letter-spacing:1.4px;color:#ffd329}.hero-v31-label small{color:#b9d1e7;font-size:9px}
.hero-v31-bottom{position:absolute;left:0;right:0;bottom:0;z-index:4}.hero-v31-services{display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);border-radius:18px 18px 0 0;padding:15px 12px;box-shadow:0 -12px 35px rgba(0,0,0,.13)}.hero-v31-services span{color:#07549a;border-right:1px solid #d9e5ef;padding:5px 16px;font-size:19px}.hero-v31-services span:last-child{border:0}.hero-v31-services b{font-size:10px;display:inline-block;margin-left:4px;color:#0c3c70}.hero-v31-services small{display:block;font-size:8px;color:#71879b;margin:2px 0 0 26px}.hero-v31-services .hero-v31-accent{color:#e0ad00}

/* INTERNAL SUBHERO */
.subhero-v31{padding:54px 0 50px;background:linear-gradient(135deg,#eff7ff 0%,#fff 55%,#f4faff 100%);border-bottom:1px solid #dbe8f3;overflow:hidden}
.subhero-v31-grid{display:grid;grid-template-columns:52% 48%;gap:24px;align-items:center;min-height:330px}.subhero-v31 .subhero-copy{position:relative;z-index:2}.subhero-v31 h1{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:clamp(38px,4.3vw,58px);line-height:1.04;letter-spacing:-2.1px;color:#0a3977;margin:8px 0 14px;max-width:730px}.subhero-v31 p{max-width:700px;font-size:15px;line-height:1.75;color:#58718f}.subhero-v31 .hero-mini-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.subhero-v31 .hero-mini-points span{font-size:10px;color:#315d85;padding:9px 12px;border:1px solid #d9e7f3;background:#fff;border-radius:999px;box-shadow:0 8px 20px rgba(20,68,115,.06)}
.subhero-visual{position:relative;min-height:320px}.subhero-visual:before{content:"";position:absolute;inset:12px 0 0 30px;border-radius:30px;background:linear-gradient(145deg,rgba(11,105,190,.06),rgba(255,255,255,.7));border:1px solid rgba(11,105,190,.08)}
/* ABOUT — no.5 minimal elegant */
.about-visual{height:320px}.about-orbit{position:absolute;width:280px;height:280px;border:1px solid #d8e7f3;border-radius:50%;right:70px;top:20px}.about-orbit:before,.about-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed #c9dfef}.about-orbit:before{inset:25px}.about-orbit:after{inset:58px}.about-card{position:absolute;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #dce9f4;box-shadow:0 18px 35px rgba(27,73,115,.12);z-index:2}.about-card img{width:100%;height:100%;object-fit:cover;display:block}.about-card-a{width:180px;height:120px;right:132px;top:34px;transform:rotate(2deg)}.about-card-b{width:165px;height:108px;right:5px;bottom:34px;transform:rotate(-3deg)}.about-card-c,.about-card-d{padding:14px 17px;width:130px;height:auto;display:flex;flex-direction:column}.about-card-c{left:25px;top:70px}.about-card-d{left:65px;bottom:35px}.about-card span{font-size:9px;color:#159fe3;font-weight:800}.about-card b{font-size:15px;color:#0a3977}.about-card small{font-size:9px;color:#7890a7;margin-top:2px}
/* SERVICES — no.3 network map */
.services-visual{height:320px}.services-visual>img,.reach-visual>img{position:absolute;right:0;top:18px;width:88%;height:285px;object-fit:cover;border-radius:28px;filter:saturate(.9) contrast(.98);box-shadow:0 20px 45px rgba(19,77,126,.13)}.services-visual:after{content:"";position:absolute;right:0;top:18px;width:88%;height:285px;border-radius:28px;background:linear-gradient(135deg,rgba(232,246,255,.12),rgba(4,71,140,.16));pointer-events:none}.services-pin,.services-route{position:absolute;z-index:3}.services-pin{width:13px;height:13px;border-radius:50%;background:#ffd329;border:3px solid #fff;box-shadow:0 0 0 6px rgba(255,211,41,.18)}.services-pin.p1{right:62%;top:75px}.services-pin.p2{right:51%;top:155px}.services-pin.p3{right:37%;top:112px}.services-pin.p4{right:22%;top:195px}.services-route{right:22%;top:100px;width:270px;height:125px;border:2px dashed #0d8ed1;border-left:0;border-bottom:0;border-radius:50%;transform:rotate(15deg)}.services-float{position:absolute;left:10px;bottom:8px;z-index:5;background:#fff;border:1px solid #dce9f4;border-radius:15px;padding:12px 15px;box-shadow:0 15px 30px rgba(24,75,119,.12)}.services-float b{display:block;font-size:9px;letter-spacing:1.2px;color:#0c75c9}.services-float span{font-size:9px;color:#607a95;line-height:1.55}
/* TRACKING — digital network */
.tech-visual{height:320px;background:linear-gradient(135deg,#062b5d,#0b5c96);border-radius:30px;overflow:hidden;box-shadow:0 25px 55px rgba(3,50,96,.2)}.tech-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:34px 34px;opacity:.55}.tech-line{position:absolute;border-top:2px dashed #42c8ff;width:220px;transform-origin:left}.tech-line.t1{left:18%;top:58%;transform:rotate(-20deg)}.tech-line.t2{left:43%;top:38%;width:190px;transform:rotate(28deg)}.tech-node{position:absolute;width:12px;height:12px;border-radius:50%;background:#ffd329;box-shadow:0 0 0 8px rgba(255,211,41,.13)}.tech-node.n1{left:17%;top:56%}.tech-node.n2{left:42%;top:36%}.tech-node.n3{right:20%;top:62%}.tech-card{position:absolute;right:22px;bottom:22px;background:rgba(3,25,57,.82);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:15px 18px;min-width:170px}.tech-card span{display:block;font-size:8px;letter-spacing:1.5px;color:#72dcff}.tech-card strong{display:block;font-size:21px;color:#fff}.tech-card small{font-size:9px;color:#b4cee4}
/* REACH — map network */
.reach-visual{height:320px}.reach-pin{position:absolute;z-index:4;font-size:8px;color:#fff;background:#0867b7;border-radius:999px;padding:5px 8px;box-shadow:0 8px 18px rgba(0,70,130,.2)}.rp1{left:30%;top:60px}.rp2{left:43%;top:138px}.rp3{right:28%;top:65px}.rp4{right:18%;top:135px}.rp5{left:54%;bottom:45px}.rp6{right:8%;bottom:38px;background:#e2ad00}
/* PICKUP — process */
.pickup-visual{height:320px;background:linear-gradient(145deg,#f8fcff,#eaf5ff);border-radius:28px;border:1px solid #d9e8f4}.pickup-step{position:absolute;top:92px;width:108px;text-align:center;z-index:3}.pickup-step:nth-child(1){left:8%}.pickup-step:nth-child(2){left:39%}.pickup-step:nth-child(3){right:8%}.pickup-step span{display:grid;place-items:center;margin:auto;width:45px;height:45px;border-radius:50%;background:#fff;border:1px solid #cfe1ef;color:#0b6fbd;font-size:11px;font-weight:800;box-shadow:0 10px 20px rgba(20,90,140,.1)}.pickup-step b{display:block;margin-top:9px;font-size:11px;color:#164e80}.pickup-step small{font-size:8px;color:#7790a6}.pickup-step.active span{background:#ffd329;border-color:#ffd329;color:#073d71}.pickup-line{position:absolute;left:18%;right:18%;top:114px;border-top:2px dashed #9bc9e7}.pickup-truck{position:absolute;bottom:35px;left:calc(50% - 20px);font-size:38px;color:#086cc0;transform:rotate(0deg)}
/* CONTACT — clean communication */
.contact-visual{height:320px}.contact-orb{position:absolute;width:260px;height:260px;right:40px;top:20px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#e6f4ff);border:1px solid #d5e8f5;box-shadow:inset 0 0 0 22px rgba(14,126,204,.03)}.contact-orb:after{content:"";position:absolute;inset:36px;border:1px dashed #9ed2ee;border-radius:50%}.contact-card{position:absolute;right:70px;top:75px;z-index:3;background:#fff;border:1px solid #dbe9f4;border-radius:17px;padding:17px 20px;box-shadow:0 18px 35px rgba(22,77,117,.13);min-width:205px}.contact-card span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e9f7ff;color:#087bc5;font-size:11px;font-weight:800;margin-bottom:8px}.contact-card b{display:block;font-size:13px;color:#123f70}.contact-card small{font-size:8px;color:#7890a6}.contact-card.mini{right:220px;top:190px;min-width:150px;padding:12px}.contact-card.mini span{width:28px;height:28px;margin-bottom:5px}.contact-wave{position:absolute;left:10px;bottom:30px;width:190px;height:80px;border-bottom:2px solid #b4dcf1;border-radius:0 0 100% 100%;transform:rotate(-8deg)}
.service-hero-v31{background:linear-gradient(135deg,#eff7ff,#fff)}.page-wrap-v31{background:#f6faff}.page-wrap-v31 .content-card{border:1px solid #dce9f4;box-shadow:0 18px 45px rgba(18,67,109,.07)}

@media(max-width:900px){.hero-v31-grid,.subhero-v31-grid{grid-template-columns:1fr}.hero-v31{min-height:0}.hero-v31-grid{padding-top:45px;padding-bottom:170px}.hero-v31 .hero-copy{padding-bottom:10px}.hero-v31-visual{height:390px;margin-top:5px}.hero-v31-services{grid-template-columns:repeat(3,1fr)}.hero-v31-services span:nth-child(3){border-right:0}.hero-v31-services span:nth-child(n+4){display:none}.subhero-v31-grid{min-height:0}.subhero-v31 .subhero-copy{padding-bottom:0}.subhero-visual{margin-top:12px}.subhero-v31 h1{font-size:42px}}
@media(max-width:600px){.hero-v31 h1{font-size:39px;letter-spacing:-1.7px}.hero-v31 p{font-size:13px}.hero-v31-visual{height:310px}.hero-v31-ship{width:245px;height:155px;right:8px;top:18px}.hero-v31-air{width:150px;height:96px;right:0;top:145px}.hero-v31-road{width:190px;height:120px;left:4px;bottom:5px}.hero-v31-route{right:42px;top:135px;width:210px}.hero-v31-label{right:12px;bottom:5px}.hero-v31-bottom{position:absolute}.hero-v31-services{border-radius:15px 15px 0 0;grid-template-columns:1fr 1fr;padding:8px}.hero-v31-services span{padding:6px 8px;font-size:15px}.hero-v31-services span:nth-child(2){border-right:0}.hero-v31-services span:nth-child(n+3){display:none}.hero-v31-services b{font-size:9px}.hero-v31-services small{font-size:7px;margin-left:20px}.subhero-v31{padding:38px 0}.subhero-v31 h1{font-size:34px;letter-spacing:-1.2px}.subhero-v31 p{font-size:13px}.subhero-visual{min-height:270px;height:270px}.about-card-a{right:75px}.about-card-b{right:-4px}.about-card-c{left:0}.about-card-d{left:25px}.services-visual>img,.services-visual:after,.reach-visual>img{width:100%;height:245px;top:12px}.services-pin.p1{right:63%;top:60px}.services-pin.p2{right:50%;top:125px}.services-pin.p3{right:32%;top:82px}.services-pin.p4{right:15%;top:160px}.services-route{right:13%;top:75px;width:210px}.services-float{left:6px;bottom:2px}.tech-visual{height:270px}.pickup-visual{height:270px}.pickup-step{top:70px;width:88px}.pickup-line{top:92px}.contact-visual{height:270px}.contact-orb{width:220px;height:220px;right:15px}.contact-card{right:38px;top:58px}.contact-card.mini{right:145px;top:165px}.hero-mini-points{gap:6px!important}.hero-mini-points span{font-size:9px!important}}

/* =========================================================
   CARGOMURAH.ONLINE V32 — FULL DESIGN SYSTEM
   Art-directed pages + performance-first UI
   ========================================================= */
:root{--cm-navy:#062c61;--cm-blue:#0878d1;--cm-cyan:#16b9e9;--cm-yellow:#ffc928;--cm-red:#ef3340;--cm-ink:#0b2f5f;--cm-muted:#667f9b;--cm-line:#dce9f4;--cm-soft:#f4f9fd;--cm-shadow:0 18px 48px rgba(6,44,97,.10)}
body{font-family:Inter,Arial,Helvetica,sans-serif;background:#fff;color:var(--cm-ink)}
h1,h2,h3,h4{font-family:Inter,Arial,Helvetica,sans-serif}
.site-header{height:78px;background:rgba(255,255,255,.98);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid #e8f0f7;box-shadow:0 6px 22px rgba(6,44,97,.06)}
.cm-topbar{background:#052653!important}
.cm-topbar .container{min-height:31px!important}
.brand{width:190px}.brand img,.brand .custom-logo{max-height:54px;width:auto}
.main-nav{gap:5px;padding:5px;background:#f4f8fc;border:1px solid #e3edf5;border-radius:13px}
.main-nav a{padding:9px 12px!important;border-radius:9px;color:#3b5878!important;font-size:11px!important;transition:.18s}
.main-nav a:hover,.main-nav .current-menu-item>a{background:#fff;color:var(--cm-blue)!important;box-shadow:0 4px 12px rgba(6,44,97,.07)}
.main-nav .current-menu-item>a:after{display:none}
.header-cta{border-radius:10px!important;padding:11px 16px!important;background:linear-gradient(135deg,#0878d1,#0caee7)!important;box-shadow:0 8px 20px rgba(8,120,209,.20)!important;font-size:10px!important}
.btn{border-radius:11px;padding:13px 18px;font-size:11px;box-shadow:0 9px 22px rgba(8,120,209,.16)}
.btn:hover{transform:translateY(-2px)}
/* home visual — premium multimodal */
.hero-v31{min-height:680px;background:linear-gradient(120deg,#041a38 0%,#073d79 55%,#0869aa 100%)}
.hero-v31-glow{width:520px;height:520px;right:-100px;top:-130px;border-radius:42%;transform:rotate(12deg);border-color:rgba(87,213,255,.22);box-shadow:0 0 0 35px rgba(255,255,255,.015),0 0 0 70px rgba(255,210,40,.018)}
.hero-v31-image{border-radius:24px;border-color:rgba(255,255,255,.18)}
.hero-v31-ship{width:350px;height:220px;right:28px;top:42px}.hero-v31-air{width:220px;height:140px;right:0;top:250px}.hero-v31-road{width:265px;height:165px;left:12px;bottom:24px}
.hero-v31-services{border-radius:18px 18px 0 0;box-shadow:0 -16px 35px rgba(0,0,0,.18)}
.hero-v31-services span{font-size:16px}.hero-v31-services b{font-size:10px}
/* all internal pages */
.subhero-v31{padding:44px 0 40px;background:linear-gradient(125deg,#f1f8ff 0%,#fff 52%,#f7fbff 100%);border-bottom:1px solid #dce9f4}
.subhero-v31-grid{grid-template-columns:50% 50%;gap:28px;min-height:360px}
.subhero-v31 h1{font-size:clamp(38px,4.2vw,56px);letter-spacing:-2.4px;color:#0a3977;margin:8px 0 15px;max-width:680px}
.subhero-v31 p{font-size:14px;line-height:1.82;color:#5c7694;max-width:670px}
.subhero-v31 .hero-mini-points span{border-radius:10px;padding:9px 12px;background:#fff;box-shadow:0 7px 20px rgba(15,70,120,.05)}
.subhero-visual{min-height:350px;height:350px;position:relative}.subhero-visual:before{display:none}
.subhero-visual>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.about-art,.services-art{display:block}
.art-badge{position:absolute;left:5%;bottom:9%;background:#fff;border:1px solid #dce9f4;border-radius:14px;padding:11px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 30px rgba(10,64,110,.10)}
.art-badge b{font-size:10px;color:var(--cm-blue)}.art-badge span{font-size:10px;font-weight:800;color:#173f6b}.art-badge-2{left:auto;right:4%;bottom:18%}
.services-art-label{position:absolute;left:6%;bottom:7%;max-width:310px;background:#fff;border:1px solid #dce9f4;border-radius:14px;padding:12px 15px;box-shadow:0 14px 30px rgba(10,64,110,.10)}
.services-art-label b{display:block;font-size:10px;color:var(--cm-blue);letter-spacing:1px}.services-art-label span{display:block;font-size:9px;color:#637b96;line-height:1.5;margin-top:3px}
/* tracking */
.tech-visual{height:350px!important;border-radius:28px;background:linear-gradient(135deg,#062e61,#0877b9)!important;overflow:hidden;box-shadow:0 24px 55px rgba(4,47,92,.18)}
.tech-grid{opacity:.35;background-size:38px 38px}.tech-route-line{position:absolute;height:2px;border-top:2px dashed #63d8ff;transform-origin:left center}.tl1{left:13%;top:66%;width:280px;transform:rotate(-22deg)}.tl2{left:39%;top:39%;width:270px;transform:rotate(28deg)}
.tech-node{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--cm-yellow);border:3px solid rgba(255,255,255,.8);box-shadow:0 0 0 8px rgba(255,201,40,.12)}.tn1{left:12%;top:65%}.tn2{left:38%;top:38%}.tn3{right:17%;top:62%}
.tech-dashboard{position:absolute;right:24px;bottom:24px;min-width:220px;padding:18px;border-radius:17px;background:rgba(3,24,55,.78);border:1px solid rgba(255,255,255,.15);box-shadow:0 14px 35px rgba(0,0,0,.18)}.tech-dashboard small{display:block;color:#71ddff;font-size:8px;font-weight:900;letter-spacing:1.4px}.tech-dashboard strong{display:block;color:#fff;font-size:25px;margin:3px 0}.tech-dashboard span{color:#c1d7ea;font-size:9px}
/* pickup */
.pickup-art{height:350px!important;border-radius:28px!important;background:linear-gradient(145deg,#f5fbff,#e7f5ff)!important;border:1px solid #d5e8f5!important;overflow:hidden}.pickup-route{position:absolute;left:12%;right:12%;top:115px;display:flex;align-items:center;justify-content:space-between}.pickup-route i{height:2px;flex:1;border-top:2px dashed #83c4e8}.pr-node{width:50px;height:50px;border-radius:15px;background:#fff;border:1px solid #cfe3f0;display:grid;place-items:center;color:#0a72bb;font-size:11px;font-weight:900;box-shadow:0 12px 25px rgba(12,75,120,.10)}.pr-node.active{background:var(--cm-yellow);border-color:var(--cm-yellow);color:#08396f}.pickup-art-card{position:absolute;left:12%;bottom:35px;background:#fff;border:1px solid #dce9f4;border-radius:16px;padding:14px 17px;box-shadow:0 14px 30px rgba(10,64,110,.09)}.pickup-art-card small{display:block;color:var(--cm-blue);font-size:8px;font-weight:900;letter-spacing:1.2px}.pickup-art-card b{display:block;color:#123f70;font-size:14px;margin:3px 0}.pickup-art-card span{font-size:9px;color:#7188a0}
/* contact */
.contact-art{height:350px!important;background:linear-gradient(145deg,#f6fbff,#e7f5ff);border:1px solid #d9e9f5;border-radius:28px;overflow:hidden}.contact-art-lines{position:absolute;inset:0}.contact-art-lines i{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#1aa8e9,transparent);width:70%;left:15%;transform:rotate(-17deg)}.contact-art-lines i:nth-child(1){top:22%}.contact-art-lines i:nth-child(2){top:39%;transform:rotate(13deg)}.contact-art-lines i:nth-child(3){top:58%;transform:rotate(-9deg)}.contact-art-lines i:nth-child(4){top:77%;transform:rotate(18deg)}
.contact-art-panel{position:absolute;z-index:3;left:15%;top:74px;background:#fff;border:1px solid #dce9f4;border-radius:20px;padding:22px 25px;box-shadow:0 20px 40px rgba(10,64,110,.12);min-width:260px}.contact-art-panel span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e9f7ff;color:#087bc5;font-size:11px;font-weight:900;margin-bottom:10px}.contact-art-panel b{display:block;color:#123f70;font-size:18px}.contact-art-panel small{display:block;color:#7087a0;font-size:9px;margin-top:3px}.contact-art-stat{position:absolute;right:10%;bottom:45px;background:#063a77;color:#fff;border-radius:15px;padding:14px 17px;z-index:3}.contact-art-stat strong{display:block;font-size:9px;letter-spacing:1px;color:#ffd129}.contact-art-stat span{font-size:9px;color:#c4d9eb}
/* generic internal content */
.page-section{padding:68px 0}.soft-section{background:#f6faff!important}.panel{border-radius:18px;border-color:#dce9f4;box-shadow:0 12px 35px rgba(7,52,111,.06)}.value-grid,.guide-grid,.tips-grid,.status-grid{gap:14px}.value-grid>article,.guide-grid>article,.tips-grid>div,.status-grid>div{background:#fff;border:1px solid #dfeaf4;border-radius:16px;padding:22px;box-shadow:0 8px 25px rgba(7,52,111,.045)}
.service-list-rich .service-card{border-radius:18px}.service-list-rich .service-image{aspect-ratio:16/9}.service-list-rich .service-icon{display:none!important}.cm-service-grid-rich .cm-service-icon{display:none!important}
.cm-service-grid-rich .cm-service-card{border-radius:18px}.cm-service-grid-rich .cm-service-card>img{height:190px}.cm-service-grid-rich .cm-service-body{padding:20px}.cm-service-body h3{font-size:18px}.cm-service-body p{font-size:12px;line-height:1.7}
/* footer polish */
.cm-footer-ref{background:linear-gradient(180deg,#051e45,#031735)!important}.cm-footer-cta{border-radius:20px;background:linear-gradient(110deg,#0a3d79,#07305f);border-color:rgba(38,183,239,.28);padding:26px}.cm-footer-cta-btn{border-radius:11px}.cm-footer-main{padding-bottom:42px!important}.cm-footer-area span{border-radius:7px}.cm-footer-bottom{padding-top:14px!important}
/* performance */
*,*:before,*:after{scrollbar-width:thin}.site img{content-visibility:auto}.hero-v31 img,.subhero-v31 img{content-visibility:visible}.site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(max-width:900px){.site-header{height:72px}.main-nav{background:#fff;border:1px solid #dce9f4}.hero-v31-grid,.subhero-v31-grid{grid-template-columns:1fr}.hero-v31-grid{padding-top:45px}.hero-v31-visual{height:380px}.subhero-v31-grid{min-height:0}.subhero-visual{height:300px;min-height:300px;margin-top:8px}.subhero-v31 h1{font-size:42px}.cm-footer-main{grid-template-columns:1fr 1fr!important}.cm-footer-cta{flex-direction:column;align-items:flex-start}.cm-footer-cta-btn{align-self:flex-start}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.brand{width:150px}.hero-v31 h1{font-size:39px}.hero-v31-visual{height:310px}.hero-v31-ship{width:245px;height:155px;right:8px;top:18px}.hero-v31-air{width:150px;height:96px;right:0;top:145px}.hero-v31-road{width:190px;height:120px;left:4px;bottom:5px}.subhero-v31{padding:36px 0}.subhero-v31 h1{font-size:34px}.subhero-v31 p{font-size:13px}.subhero-visual{height:255px;min-height:255px}.art-badge{padding:8px 10px}.art-badge-2{right:0}.services-art-label{left:2%;bottom:4%;max-width:260px}.tech-visual,.pickup-art,.contact-art{height:255px!important}.tech-dashboard{right:10px;bottom:10px;min-width:170px;padding:12px}.tech-dashboard strong{font-size:20px}.pickup-route{top:78px;left:7%;right:7%}.pr-node{width:40px;height:40px}.pickup-art-card{left:7%;bottom:18px;padding:10px 12px}.contact-art-panel{left:7%;top:42px;padding:16px 18px;min-width:220px}.contact-art-stat{right:7%;bottom:18px}.cm-footer-main{grid-template-columns:1fr!important;gap:28px!important}.cm-footer-cta{margin-top:18px}.cm-footer-bottom{flex-direction:column;align-items:flex-start}.cm-footer-bottom-links{flex-wrap:wrap;gap:10px}.cm-footer-brand img{width:135px!important}}

/* =========================================================
   CARGOMURAH V33 — CLEAN CORPORATE / DESIGN 04
   ========================================================= */
.cm-home-v33{background:#fff;color:#153d6b}.cm33-hero{position:relative;background:linear-gradient(120deg,#f5fbff 0%,#fff 52%,#eaf6ff 100%);overflow:hidden;padding:54px 0 0;border-bottom:1px solid #dcecf8}.cm33-hero:before{content:"";position:absolute;inset:auto -12% -30% 35%;height:360px;background:radial-gradient(circle at 45% 35%,rgba(24,154,225,.14),transparent 65%);pointer-events:none}.cm33-hero-grid{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:465px;position:relative;z-index:1}.cm33-hero-copy{padding:20px 0 44px}.cm33-kicker,.cm33-section-head>div>span,.cm33-about-copy>span,.cm33-reach-grid>div>span,.cm33-track-box>div>span,.cm33-cta>div>div>span{font-size:10px;font-weight:900;letter-spacing:1.7px;color:#0879d1}.cm33-hero h1{font-size:clamp(42px,4.3vw,64px);line-height:1.02;letter-spacing:-3px;color:#0b3978;margin:12px 0 18px;max-width:650px}.cm33-hero h1 span{display:block}.cm33-hero p{font-size:14px;line-height:1.85;color:#5e7896;max-width:650px;margin:0}.cm33-actions{display:flex;gap:10px;margin:25px 0 18px}.cm33-actions .btn{padding:13px 19px}.cm33-actions .btn-outline{background:#fff;color:#0b6fc1;border:1px solid #cfe4f2;box-shadow:none}.cm33-trust{display:flex;flex-wrap:wrap;gap:8px}.cm33-trust span{font-size:10px;font-weight:800;color:#42627f;background:#fff;border:1px solid #dceaf4;border-radius:999px;padding:8px 11px;box-shadow:0 7px 18px rgba(12,69,111,.05)}.cm33-hero-art{align-self:stretch;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}.cm33-hero-art img{width:100%;max-width:720px;height:auto;display:block;object-fit:contain;mix-blend-mode:multiply}.cm33-service-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid #dce9f4;border-radius:17px 17px 0 0;box-shadow:0 -8px 30px rgba(18,76,118,.08);overflow:hidden}.cm33-service-strip a{min-height:82px;padding:13px 10px;display:grid;grid-template-columns:31px 1fr;grid-template-rows:auto auto;column-gap:8px;align-content:center;border-right:1px solid #edf3f7;text-decoration:none;color:#173f6b}.cm33-service-strip a:last-child{border-right:0}.cm33-svg{grid-row:1 / span 2;width:31px;height:31px;border-radius:9px;background:#eef8ff;color:#0879d1;display:grid;place-items:center}.cm33-svg svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cm33-service-strip b{font-size:9px;line-height:1.2}.cm33-service-strip small{font-size:7px;color:#7890a8;margin-top:3px}.cm33-section{padding:74px 0}.cm33-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:30px}.cm33-section-head h2{font-size:clamp(29px,3vw,42px);letter-spacing:-1.7px;color:#0b3978;margin:7px 0 0;line-height:1.1}.cm33-section-head p{max-width:480px;color:#69819a;font-size:12px;line-height:1.75;margin:0}.cm33-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cm33-benefit-grid article{background:#fff;border:1px solid #dce9f4;border-radius:15px;padding:22px;min-height:145px;box-shadow:0 8px 25px rgba(11,63,108,.045)}.cm33-benefit-grid strong{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#eef8ff;color:#0879d1;font-size:10px}.cm33-benefit-grid h3{font-size:15px;color:#153f6d;margin:13px 0 7px}.cm33-benefit-grid p,.cm33-about-copy p{font-size:11px;line-height:1.75;color:#6b829a;margin:0}.cm33-why{background:#f7fbff}.cm33-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.cm33-about-copy h2{font-size:clamp(30px,3vw,43px);letter-spacing:-1.8px;color:#0b3978;line-height:1.1;margin:8px 0 16px}.cm33-about-copy p+p{margin-top:10px}.cm33-about-copy .text-link{display:inline-block;margin-top:18px}.cm33-about-card{display:grid;grid-template-columns:1.2fr 1fr;background:#fff;border:1px solid #dce9f4;border-radius:18px;overflow:hidden;box-shadow:0 20px 45px rgba(12,70,113,.08)}.cm33-about-card img{width:100%;height:100%;min-height:250px;object-fit:cover}.cm33-about-card div{padding:30px 24px;display:flex;flex-direction:column;justify-content:center}.cm33-about-card b{font-size:20px;line-height:1.25;color:#113f70}.cm33-about-card span{font-size:11px;color:#7188a0;line-height:1.7;margin:8px 0 16px}.cm33-about-card a{font-size:10px;font-weight:900;color:#0879d1}.cm33-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cm33-card{background:#fff;border:1px solid #dce9f4;border-radius:16px;overflow:hidden;box-shadow:0 9px 28px rgba(10,65,110,.05);transition:transform .2s,box-shadow .2s}.cm33-card:hover{transform:translateY(-4px);box-shadow:0 17px 35px rgba(10,65,110,.10)}.cm33-card img{width:100%;height:185px;display:block;object-fit:cover}.cm33-card div{padding:18px 19px 20px}.cm33-card h3{font-size:17px;color:#143e6c;margin:0 0 7px}.cm33-card p{font-size:10.5px;line-height:1.7;color:#71879d;margin:0 0 14px}.cm33-card a{font-size:9px;font-weight:900;color:#0879d1}.cm33-reach{background:#f1f8ff}.cm33-reach-grid{display:grid;grid-template-columns:45% 55%;gap:45px;align-items:center}.cm33-reach-grid h2{font-size:clamp(32px,3.5vw,48px);letter-spacing:-2px;color:#0b3978;margin:7px 0 10px}.cm33-reach-grid p{font-size:12px;line-height:1.8;color:#69819a;max-width:540px}.cm33-stats{display:flex;gap:30px;margin:24px 0}.cm33-stats b{font-size:9px;color:#6c8399;font-weight:700}.cm33-stats strong{display:block;font-size:25px;color:#0b3978;line-height:1;margin-bottom:5px}.cm33-map{border-radius:20px;overflow:hidden;background:#fff;border:1px solid #d8e9f5;box-shadow:0 20px 45px rgba(8,67,111,.08)}.cm33-map img{width:100%;height:auto;display:block}.cm33-process{background:#fff}.cm33-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cm33-process-grid article{border-top:2px solid #d8eaf6;padding:20px 16px}.cm33-process-grid b{font-size:10px;color:#0879d1}.cm33-process-grid h3{font-size:15px;color:#173f6b;margin:10px 0 7px}.cm33-process-grid p{font-size:10.5px;color:#71869c;line-height:1.7;margin:0}.cm33-track{padding-top:20px}.cm33-track-box{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:#0b3f78;border-radius:20px;padding:35px 40px;box-shadow:0 20px 45px rgba(7,51,95,.14)}.cm33-track-box>div h2{font-size:30px;letter-spacing:-1px;color:#fff;margin:7px 0}.cm33-track-box>div p{font-size:11px;line-height:1.7;color:#c5d9ea;margin:0}.cm33-track-form{display:flex;background:#fff;border-radius:12px;padding:5px;gap:5px}.cm33-track-form input{min-width:0;flex:1;border:0;outline:0;padding:12px;font-size:11px;color:#173f6b}.cm33-track-form .btn{border-radius:8px;padding:11px 18px}.cm33-track-box .form-message{grid-column:2;font-size:9px;color:#d9edff;margin:0}.cm33-cta{background:linear-gradient(110deg,#0a72c9,#0a9cda);padding:42px 0;color:#fff}.cm33-cta>div{display:flex;justify-content:space-between;align-items:center;gap:30px}.cm33-cta>div>div>span{color:#d7f4ff}.cm33-cta h2{font-size:32px;letter-spacing:-1px;margin:6px 0}.cm33-cta p{font-size:11px;color:#d9f0fb;margin:0}.btn-white{background:#fff!important;color:#086fc1!important;box-shadow:none!important}
/* Header refined for design 04 */
.cm-topbar{background:#0b3978!important}.site-header{background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e3edf4!important;box-shadow:0 4px 20px rgba(8,58,100,.04)!important}.main-nav{background:#f7fbfe!important;border-color:#e1edf5!important}.main-nav a{color:#49657f!important}.header-cta{background:#0879d1!important;box-shadow:0 8px 18px rgba(8,121,209,.17)!important}.brand img,.brand .custom-logo{max-height:47px;width:auto}
/* Internal pages: cleaner #4 system */
.subhero-v31{background:linear-gradient(120deg,#f5fbff,#fff 58%,#edf7ff)!important}.subhero-v31-grid{min-height:390px!important}.subhero-v31 h1{color:#0b3978!important;letter-spacing:-2.2px}.subhero-v31 .hero-mini-points span{border-radius:999px!important;box-shadow:0 7px 18px rgba(11,63,108,.06)!important}.subhero-visual{background:transparent!important;border:0!important;box-shadow:none!important}.page-section{background:#fff}.soft-section{background:#f7fbff!important}.panel,.value-grid>article,.guide-grid>article,.tips-grid>div,.status-grid>div{box-shadow:0 8px 25px rgba(7,52,111,.045)!important}
@media(max-width:1000px){.cm33-hero-grid{grid-template-columns:1fr;min-height:0}.cm33-hero-copy{padding-bottom:15px}.cm33-hero-art{justify-content:center}.cm33-hero-art img{max-width:700px}.cm33-service-strip{grid-template-columns:repeat(3,1fr)}.cm33-benefit-grid,.cm33-process-grid{grid-template-columns:repeat(2,1fr)}.cm33-cards{grid-template-columns:repeat(2,1fr)}.cm33-about-grid,.cm33-reach-grid{grid-template-columns:1fr;gap:30px}.cm33-track-box{grid-template-columns:1fr}.cm33-track-box .form-message{grid-column:1}}
@media(max-width:620px){.cm33-hero{padding-top:30px}.cm33-hero h1{font-size:39px;letter-spacing:-2px}.cm33-hero p{font-size:12px}.cm33-actions{flex-wrap:wrap}.cm33-trust{gap:5px}.cm33-trust span{font-size:8px;padding:7px 9px}.cm33-service-strip{grid-template-columns:repeat(2,1fr);border-radius:14px 14px 0 0}.cm33-service-strip a{min-height:72px}.cm33-service-strip a:nth-child(2n){border-right:0}.cm33-section{padding:52px 0}.cm33-section-head{display:block}.cm33-section-head p{margin-top:10px}.cm33-section-head .text-link{display:inline-block;margin-top:13px}.cm33-benefit-grid,.cm33-cards,.cm33-process-grid{grid-template-columns:1fr}.cm33-card img{height:175px}.cm33-about-card{grid-template-columns:1fr}.cm33-about-card img{min-height:190px}.cm33-stats{gap:15px}.cm33-stats strong{font-size:21px}.cm33-track-box{padding:27px 20px}.cm33-track-box>div h2{font-size:25px}.cm33-track-form{flex-direction:column;background:transparent;padding:0}.cm33-track-form input{border-radius:9px;padding:13px}.cm33-track-form .btn{width:100%}.cm33-cta>div{display:block}.cm33-cta .btn{margin-top:18px}.cm33-cta h2{font-size:27px}.cm-topbar .container span:last-child{display:none}.main-nav{border-radius:12px}}

/* =========================================================
   CARGOMURAH.ONLINE V34 — HOME REFINED / CLEAN PREMIUM
   Scoped to homepage only. No external assets or libraries.
   ========================================================= */
.cm-home-v34{background:#fff;color:#173b62;overflow:hidden}
.cm-home-v34 .container{width:min(1180px,calc(100% - 40px));margin:auto}
.cm34-hero{background:linear-gradient(180deg,#f5fbff 0%,#eef8ff 68%,#fff 100%);padding:58px 0 0;position:relative}
.cm34-hero-inner{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:505px;gap:10px}
.cm34-hero-copy{padding:15px 0 55px;position:relative;z-index:2}
.cm34-eyebrow,.cm34-label,.cm34-heading>span,.cm34-heading-row span,.cm34-coverage-copy>span,.cm34-tracking-box>div>span,.cm34-final-cta span{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#0879d1}
.cm34-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:15px}.cm34-eyebrow i{width:7px;height:7px;border-radius:50%;background:#f5bf16;box-shadow:0 0 0 4px rgba(245,191,22,.14)}
.cm34-hero h1{font-size:clamp(40px,4.45vw,65px);line-height:1.02;letter-spacing:-3px;color:#0b3978;margin:0 0 20px;max-width:650px}.cm34-hero h1 em{font-style:normal;color:#0879d1}
.cm34-lead{font-size:13px;line-height:1.85;color:#5e7892;max-width:590px;margin:0 0 24px}.cm34-actions{display:flex;gap:10px;flex-wrap:wrap}.cm34-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:13px 18px;font-size:10px;font-weight:900;text-decoration:none;transition:.2s}.cm34-btn-primary{background:#0879d1;color:#fff;box-shadow:0 10px 24px rgba(8,121,209,.2)}.cm34-btn-primary:hover{background:#075fa7;transform:translateY(-2px)}.cm34-btn-ghost{background:#fff;color:#0b3978;border:1px solid #d6e5f0}.cm34-btn-ghost:hover{border-color:#9cc7e5;transform:translateY(-2px)}
.cm34-trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.cm34-trust-row span{font-size:9px;color:#55708b;background:rgba(255,255,255,.82);border:1px solid #dceaf4;padding:8px 10px;border-radius:999px}.cm34-trust-row b{color:#0879d1;margin-right:3px}
.cm34-hero-visual{height:100%;display:flex;align-items:center;justify-content:flex-end;position:relative}.cm34-hero-image-wrap{width:min(100%,650px);position:relative}.cm34-hero-image-wrap:before{content:"";position:absolute;inset:10% -8% -10% 7%;background:#d9efff;border-radius:48% 10% 45% 20%;transform:rotate(-5deg);z-index:0}.cm34-hero-image-wrap img{position:relative;z-index:1;width:100%;height:auto;display:block;border-radius:24px;box-shadow:0 28px 60px rgba(9,63,107,.17);object-fit:cover}.cm34-floating{position:absolute;z-index:2;background:#fff;border:1px solid #dceaf4;border-radius:12px;padding:10px 13px;box-shadow:0 12px 30px rgba(7,62,105,.12);display:flex;flex-direction:column}.cm34-floating b{font-size:18px;color:#0b3978;line-height:1}.cm34-floating span{font-size:8px;color:#6b8299;margin-top:4px}.cm34-float-top{top:10%;left:-22px}.cm34-float-bottom{right:-16px;bottom:12%}
.cm34-service-strip{display:grid;grid-template-columns:repeat(6,1fr);position:relative;z-index:5;background:#fff;border:1px solid #dce9f3;border-radius:17px;box-shadow:0 18px 42px rgba(9,65,107,.1);transform:translateY(25px);overflow:hidden}.cm34-service-strip a{display:flex;align-items:center;gap:9px;padding:15px 12px;text-decoration:none;border-right:1px solid #e7eff5;min-width:0}.cm34-service-strip a:last-child{border-right:0}.cm34-service-strip strong{font-size:19px;line-height:1;color:#0879d1;width:25px;text-align:center;font-weight:700}.cm34-service-strip span{display:flex;flex-direction:column;min-width:0}.cm34-service-strip b{font-size:9px;color:#183f66;white-space:nowrap}.cm34-service-strip small{font-size:7px;color:#7b90a5;margin-top:3px;white-space:nowrap}.cm34-service-strip i{font-style:normal;color:#b4c6d5;font-size:11px;margin-left:auto}.cm34-service-strip a:hover b,.cm34-service-strip a:hover i{color:#0879d1}
.cm34-section{padding:92px 0}.cm34-values{padding-top:125px;background:#fff}.cm34-heading.centered{text-align:center;max-width:690px;margin:0 auto 36px}.cm34-heading h2,.cm34-heading-row h2{font-size:clamp(30px,3.2vw,45px);line-height:1.08;letter-spacing:-1.9px;color:#0b3978;margin:8px 0 12px}.cm34-heading p{font-size:12px;line-height:1.75;color:#6a8299;margin:0 auto}.cm34-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cm34-value-grid article{display:flex;gap:13px;padding:22px 19px;background:#f8fbfe;border:1px solid #e0ebf3;border-radius:15px;min-height:150px}.cm34-number{font-size:11px;font-weight:900;color:#0879d1;background:#e8f5ff;border-radius:8px;display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto}.cm34-value-grid h3{font-size:15px;color:#183f66;margin:2px 0 7px}.cm34-value-grid p{font-size:10px;line-height:1.7;color:#70869b;margin:0}
.cm34-about{background:#f4faff}.cm34-about-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center}.cm34-about-visual{position:relative}.cm34-about-visual img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 22px 50px rgba(10,66,110,.12)}.cm34-about-badge{position:absolute;right:-20px;bottom:22px;background:#fff;border:1px solid #dce9f4;border-radius:12px;padding:13px 18px;box-shadow:0 12px 30px rgba(8,65,108,.1);display:flex;flex-direction:column}.cm34-about-badge b{font-size:11px;color:#0b3978}.cm34-about-badge span{font-size:8px;color:#6d8297;margin-top:4px}.cm34-about-copy h2{font-size:clamp(30px,3.2vw,45px);line-height:1.08;letter-spacing:-1.9px;color:#0b3978;margin:9px 0 16px}.cm34-about-copy p{font-size:12px;line-height:1.8;color:#657d95;margin:0 0 9px}.cm34-mini-list{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0}.cm34-mini-list span{font-size:8px;color:#3e5e79;background:#fff;border:1px solid #dce9f4;padding:8px 10px;border-radius:999px}.cm34-mini-list span::first-letter{color:#0879d1}.cm34-text-link{font-size:10px;font-weight:900;color:#0879d1;text-decoration:none}.cm34-text-link b{font-size:12px;margin-left:4px}
.cm34-services{background:#fff}.cm34-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:31px}.cm34-heading-row h2{margin-bottom:0}.cm34-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.cm34-service-card{border:1px solid #dce8f2;border-radius:17px;background:#fff;overflow:hidden;transition:.22s;box-shadow:0 7px 25px rgba(10,66,109,.045)}.cm34-service-card:hover{transform:translateY(-5px);box-shadow:0 19px 42px rgba(10,66,109,.11);border-color:#c6ddeb}.cm34-service-card>a{text-decoration:none;color:inherit}.cm34-service-photo{height:195px;position:relative;overflow:hidden}.cm34-service-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.cm34-service-card:hover .cm34-service-photo img{transform:scale(1.04)}.cm34-service-photo span{position:absolute;right:12px;bottom:12px;width:30px;height:30px;border-radius:50%;background:#fff;color:#0879d1;display:grid;place-items:center;font-size:13px;box-shadow:0 7px 18px rgba(0,0,0,.12)}.cm34-service-content{padding:18px 18px 19px}.cm34-service-content h3{font-size:17px;color:#153f68;margin:0 0 7px}.cm34-service-content p{font-size:10.5px;line-height:1.7;color:#71869a;margin:0 0 13px}.cm34-service-content>b{font-size:9px;color:#0879d1}
.cm34-coverage{background:#eef8ff}.cm34-coverage-box{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:center}.cm34-coverage-copy h2{font-size:clamp(32px,3.5vw,50px);line-height:1.05;letter-spacing:-2.1px;color:#0b3978;margin:9px 0 13px}.cm34-coverage-copy>p{font-size:12px;line-height:1.8;color:#647d96;max-width:500px}.cm34-stats{display:flex;gap:28px;margin:25px 0}.cm34-stats div{display:flex;flex-direction:column}.cm34-stats b{font-size:26px;color:#0b3978;line-height:1}.cm34-stats span{font-size:8px;color:#70879c;margin-top:5px}.cm34-coverage-visual{background:#fff;border:1px solid #d6e7f3;border-radius:21px;padding:8px;box-shadow:0 20px 45px rgba(9,65,108,.1)}.cm34-coverage-visual img{width:100%;display:block;border-radius:15px}
.cm34-process{background:#fff}.cm34-process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce9f2}.cm34-process-grid article{padding:25px 22px;border-right:1px solid #e1ebf3}.cm34-process-grid article:last-child{border-right:0}.cm34-process-grid>b,.cm34-process-grid b{font-size:10px;color:#0879d1}.cm34-process-grid h3{font-size:16px;color:#183f66;margin:10px 0 7px}.cm34-process-grid p{font-size:10.5px;line-height:1.7;color:#71879c;margin:0}
.cm34-tracking{padding-top:10px}.cm34-tracking-box{background:#0b3978;border-radius:21px;padding:38px 42px;display:grid;grid-template-columns:1fr .95fr;gap:35px;align-items:center;box-shadow:0 20px 45px rgba(7,53,97,.15);position:relative;overflow:hidden}.cm34-tracking-box:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-100px;top:-170px}.cm34-tracking-box>div>span{color:#8fdcff}.cm34-tracking-box h2{font-size:31px;line-height:1.08;letter-spacing:-1px;color:#fff;margin:7px 0}.cm34-tracking-box p{font-size:11px;line-height:1.7;color:#c8dced;margin:0}.cm34-track-form{background:#fff;border-radius:12px;padding:5px;display:flex;gap:5px;position:relative;z-index:1;flex-wrap:wrap}.cm34-track-form input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;padding:12px;font-size:11px;color:#163d63;background:#fff!important}.cm34-track-form button{border:0;border-radius:8px;background:#0879d1;color:#fff;font-weight:900;font-size:10px;padding:0 19px;cursor:pointer}.cm34-track-form .form-message{flex-basis:100%;font-size:9px;color:#5d7590;margin:4px 8px 2px}
.cm34-final-cta{background:linear-gradient(105deg,#0879d1,#0aa0da);padding:45px 0}.cm34-final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cm34-final-cta span{color:#ccefff}.cm34-final-cta h2{font-size:32px;letter-spacing:-1px;color:#fff;margin:6px 0}.cm34-final-cta p{font-size:11px;color:#d9f3ff;margin:0}.cm34-btn-light{background:#fff;color:#0879d1;box-shadow:none}.cm34-btn-light:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.12)}
@media(max-width:1000px){.cm34-hero-inner{grid-template-columns:1fr;min-height:0}.cm34-hero-copy{padding-bottom:25px}.cm34-hero-visual{justify-content:center}.cm34-hero-image-wrap{max-width:720px}.cm34-service-strip{grid-template-columns:repeat(3,1fr)}.cm34-value-grid{grid-template-columns:repeat(2,1fr)}.cm34-about-grid,.cm34-coverage-box{grid-template-columns:1fr;gap:35px}.cm34-service-grid{grid-template-columns:repeat(2,1fr)}.cm34-process-grid{grid-template-columns:repeat(2,1fr)}.cm34-process-grid article:nth-child(2){border-right:0}.cm34-process-grid article:nth-child(-n+2){border-bottom:1px solid #e1ebf3}.cm34-tracking-box{grid-template-columns:1fr}}
@media(max-width:620px){.cm-home-v34 .container{width:min(100% - 26px,1180px)}.cm34-hero{padding-top:30px}.cm34-hero h1{font-size:40px;letter-spacing:-2.1px}.cm34-lead{font-size:11.5px}.cm34-trust-row span{font-size:8px}.cm34-hero-image-wrap:before{inset:4% -4% -4% 4%}.cm34-floating{padding:8px 10px}.cm34-floating b{font-size:14px}.cm34-float-top{left:7px}.cm34-float-bottom{right:7px}.cm34-service-strip{grid-template-columns:repeat(2,1fr);transform:translateY(15px)}.cm34-service-strip a{padding:12px 10px;min-height:66px}.cm34-service-strip a:nth-child(2n){border-right:0}.cm34-service-strip b{font-size:8px}.cm34-service-strip small{font-size:6.5px}.cm34-section{padding:64px 0}.cm34-values{padding-top:88px}.cm34-heading h2,.cm34-heading-row h2{font-size:31px}.cm34-value-grid,.cm34-service-grid{grid-template-columns:1fr}.cm34-value-grid article{min-height:0}.cm34-about-grid{gap:25px}.cm34-about-badge{right:10px;bottom:10px}.cm34-about-copy h2{font-size:31px}.cm34-heading-row{display:block}.cm34-heading-row .cm34-text-link{display:inline-block;margin-top:14px}.cm34-service-photo{height:185px}.cm34-stats{gap:15px}.cm34-stats b{font-size:21px}.cm34-tracking-box{padding:28px 20px}.cm34-tracking-box h2{font-size:26px}.cm34-track-form{display:block;background:transparent;padding:0}.cm34-track-form input{display:block;width:100%;box-sizing:border-box;border-radius:9px!important;margin-bottom:6px}.cm34-track-form button{width:100%;height:42px}.cm34-final-cta .container{display:block}.cm34-final-cta h2{font-size:27px}.cm34-final-cta .cm34-btn{margin-top:18px}.cm34-process-grid{grid-template-columns:1fr}.cm34-process-grid article{border-right:0!important;border-bottom:1px solid #e1ebf3}.cm34-process-grid article:last-child{border-bottom:0}}

/* =========================================================
   V36 — FULL-BLEED FOOTER FIX
   Keep footer background edge-to-edge even when a page builder
   or parent wrapper constrains the theme width.
   ========================================================= */
.site-footer.cm-footer-ref{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}
.site-footer.cm-footer-ref .container{
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.site-footer.cm-footer-ref .cm-footer-cta{
  width:100%;
  box-sizing:border-box;
}
.site-footer.cm-footer-ref .cm-footer-main,
.site-footer.cm-footer-ref .cm-footer-bottom{
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:760px){
  .site-footer.cm-footer-ref .container,
  .site-footer.cm-footer-ref .cm-footer-main,
  .site-footer.cm-footer-ref .cm-footer-bottom{
    width:calc(100% - 28px)!important;
  }
}

/* =========================================================
   V37 — TYPOGRAPHY SYSTEM / PREMIUM READABILITY
   Fast-loading local system font stack; no external font request.
   ========================================================= */
:root{
  --font-ui: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
html{font-size:16px}
body,
button,input,select,textarea{font-family:var(--font-ui)!important}
body{font-size:16px!important;line-height:1.68!important;letter-spacing:-.01em!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6,
.hero h1,.section h2,.tracking h2,.cta h2,.content-card h1,
.subhero h1,.cm34-hero h1,.cm34-heading h2,.cm34-heading-row h2,
.cm34-about-copy h2,.cm34-coverage-copy h2,.cm34-tracking-box h2,
.cm34-final-cta h2{font-family:var(--font-display)!important;font-weight:800!important}

/* Global hierarchy */
.section{padding:78px 0}
.section h2{font-size:clamp(32px,3.2vw,44px)!important;line-height:1.1!important;letter-spacing:-1.55px!important}
.section-head p{font-size:15px!important;line-height:1.7!important}
.text-link{font-size:13px!important;font-weight:750!important}
.btn{font-size:14px!important;font-weight:750!important;padding:14px 22px!important}
.eyebrow{font-size:11px!important;letter-spacing:.7px!important}

/* Main hero */
.hero h1{font-size:clamp(44px,5vw,66px)!important;line-height:1.03!important;letter-spacing:-2.7px!important}
.hero h2{font-size:24px!important;line-height:1.25!important}
.hero p{font-size:15px!important;line-height:1.75!important}
.hero-note span{font-size:12px!important}
.trust-item strong{font-size:11px!important}
.trust-icon{font-size:21px!important}

/* Home V34 */
.cm34-eyebrow,.cm34-label,.cm34-heading>span,.cm34-heading-row span,.cm34-coverage-copy>span,.cm34-tracking-box>div>span,.cm34-final-cta span{font-size:11px!important;letter-spacing:1px!important}
.cm34-hero h1{font-size:clamp(43px,4.6vw,64px)!important;line-height:1.05!important;letter-spacing:-2.65px!important}
.cm34-lead{font-size:15px!important;line-height:1.78!important}
.cm34-btn{font-size:12px!important;padding:13px 19px!important}
.cm34-trust-row span{font-size:11px!important;padding:8px 11px!important}
.cm34-service-strip b{font-size:11px!important}
.cm34-service-strip small{font-size:9px!important}
.cm34-heading h2,.cm34-heading-row h2{font-size:clamp(32px,3.4vw,46px)!important;line-height:1.1!important;letter-spacing:-1.7px!important}
.cm34-heading p{font-size:14px!important;line-height:1.8!important}
.cm34-value-grid h3{font-size:16px!important}
.cm34-value-grid p{font-size:12px!important;line-height:1.7!important}
.cm34-number{font-size:12px!important}
.cm34-about-copy h2{font-size:clamp(32px,3.4vw,46px)!important}
.cm34-about-copy p{font-size:14px!important;line-height:1.82!important}
.cm34-mini-list span{font-size:10px!important}
.cm34-text-link{font-size:12px!important}
.cm34-service-content h3{font-size:18px!important}
.cm34-service-content p{font-size:12px!important;line-height:1.72!important}
.cm34-service-content>b{font-size:10px!important}
.cm34-coverage-copy h2{font-size:clamp(34px,3.7vw,51px)!important}
.cm34-coverage-copy>p{font-size:14px!important;line-height:1.8!important}
.cm34-stats b{font-size:28px!important}
.cm34-stats span{font-size:10px!important}
.cm34-process-grid h3{font-size:17px!important}
.cm34-process-grid p{font-size:12px!important;line-height:1.72!important}
.cm34-process-grid>b,.cm34-process-grid b{font-size:11px!important}
.cm34-tracking-box h2{font-size:clamp(29px,3vw,35px)!important}
.cm34-tracking-box p{font-size:13px!important;line-height:1.75!important}
.cm34-track-form input{font-size:13px!important}
.cm34-track-form button{font-size:11px!important}
.cm34-final-cta h2{font-size:clamp(28px,3vw,35px)!important}
.cm34-final-cta p{font-size:12px!important;line-height:1.65!important}

/* Internal pages */
.subhero h1{font-size:clamp(38px,4.2vw,56px)!important;line-height:1.08!important;letter-spacing:-2px!important}
.subhero p{font-size:15px!important;line-height:1.8!important}
.page-section{padding:76px 0}
.page-section h2,.panel h2{font-size:clamp(28px,3vw,40px)!important;line-height:1.12!important;letter-spacing:-1.2px!important}
.check-list li{font-size:14px!important;line-height:1.7!important}
.quote-result .price{font-size:34px!important}
.service-body h3{font-size:17px!important}
.service-body p{font-size:12px!important;line-height:1.65!important}
.tracking h2{font-size:34px!important}
.tracking p{font-size:14px!important;line-height:1.75!important}
.tracking-form input{font-size:14px!important}
.faq-item summary{font-size:14px!important}
.faq-answer{font-size:13px!important;line-height:1.75!important}

/* Header / navigation */
.cm-topbar .container{font-size:12px!important}
.main-nav a{font-size:13px!important;font-weight:650!important}
.header-cta{font-size:13px!important}

/* Footer — readable without becoming oversized */
.cm-footer-col h3{font-size:15px!important}
.cm-footer-col a,.cm-footer-col p{font-size:13px!important;line-height:1.7!important}
.cm-footer-brand p{font-size:13px!important;line-height:1.75!important}
.cm-footer-verified{font-size:11px!important}
.cm-footer-area span{font-size:10px!important}
.cm-footer-cta h2{font-size:clamp(26px,2.7vw,34px)!important;line-height:1.12!important}
.cm-footer-cta p{font-size:13px!important;line-height:1.7!important}
.cm-footer-cta-btn{font-size:12px!important}
.cm-footer-bottom{font-size:11px!important}
.cm-footer-bottom-links a{font-size:11px!important}

@media(max-width:760px){
  body{font-size:15px!important}
  .section{padding:62px 0}
  .hero h1{font-size:clamp(38px,10vw,50px)!important;letter-spacing:-2px!important}
  .hero h2{font-size:21px!important}
  .hero p{font-size:14px!important}
  .main-nav a{font-size:14px!important}
  .cm34-hero h1{font-size:40px!important;letter-spacing:-2px!important}
  .cm34-lead{font-size:14px!important}
  .cm34-heading h2,.cm34-heading-row h2,.cm34-about-copy h2{font-size:31px!important;letter-spacing:-1.2px!important}
  .cm34-heading p,.cm34-about-copy p,.cm34-coverage-copy>p{font-size:13px!important}
  .cm34-service-content h3{font-size:18px!important}
  .cm34-service-content p{font-size:12px!important}
  .cm34-final-cta h2{font-size:28px!important}
  .subhero h1{font-size:38px!important;letter-spacing:-1.5px!important}
  .subhero p{font-size:14px!important}
  .page-section h2,.panel h2{font-size:30px!important}
  .cm-footer-cta h2{font-size:26px!important}
  .cm-footer-col a,.cm-footer-col p,.cm-footer-brand p{font-size:13px!important}
}


/* =========================================================
   V38 — REFINED TYPOGRAPHY / CALM CORPORATE SCALE
   Smaller headings, cleaner weights, improved readability.
   Uses local/system fonts only for fast loading.
   ========================================================= */
:root{
  --font-ui: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
}
html{font-size:16px}
body,button,input,select,textarea{font-family:var(--font-ui)!important}
body{
  font-size:15.5px!important;
  line-height:1.7!important;
  letter-spacing:0!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6,
.hero h1,.section h2,.tracking h2,.cta h2,.content-card h1,
.subhero h1,.cm34-hero h1,.cm34-heading h2,.cm34-heading-row h2,
.cm34-about-copy h2,.cm34-coverage-copy h2,.cm34-tracking-box h2,
.cm34-final-cta h2{
  font-family:var(--font-display)!important;
  font-weight:650!important;
}
.hero h1 em,.cm34-hero h1 em{font-style:normal!important}

/* Global scale */
.section{padding:72px 0}
.section h2{
  font-size:clamp(29px,3vw,39px)!important;
  line-height:1.16!important;
  letter-spacing:-.75px!important;
}
.section-head p{font-size:15px!important;line-height:1.72!important}
.text-link{font-size:13px!important;font-weight:600!important}
.btn{font-size:13.5px!important;font-weight:650!important;padding:13px 20px!important}
.eyebrow{font-size:10.5px!important;letter-spacing:.65px!important;font-weight:650!important}

/* Main / Home hero — restrained headline */
.hero h1{
  font-size:clamp(38px,4.15vw,52px)!important;
  line-height:1.08!important;
  letter-spacing:-1.65px!important;
  font-weight:650!important;
}
.hero h2{font-size:22px!important;line-height:1.3!important;font-weight:650!important}
.hero p{font-size:15px!important;line-height:1.72!important}
.hero-note span{font-size:11.5px!important}
.trust-item strong{font-size:10.5px!important}
.trust-icon{font-size:19px!important}

/* Home V34 typography */
.cm34-eyebrow,.cm34-label,.cm34-heading>span,.cm34-heading-row span,
.cm34-coverage-copy>span,.cm34-tracking-box>div>span,.cm34-final-cta span{
  font-size:10.5px!important;letter-spacing:.8px!important;font-weight:650!important;
}
.cm34-hero h1{
  font-size:clamp(38px,4vw,50px)!important;
  line-height:1.08!important;
  letter-spacing:-1.55px!important;
  font-weight:650!important;
}
.cm34-lead{font-size:15px!important;line-height:1.75!important}
.cm34-btn{font-size:12.5px!important;padding:12px 18px!important}
.cm34-trust-row span{font-size:10.5px!important;padding:7px 10px!important}
.cm34-service-strip b{font-size:10.5px!important}
.cm34-service-strip small{font-size:9px!important}
.cm34-heading h2,.cm34-heading-row h2{
  font-size:clamp(29px,3vw,39px)!important;
  line-height:1.16!important;
  letter-spacing:-.8px!important;
}
.cm34-heading p{font-size:14px!important;line-height:1.78!important}
.cm34-value-grid h3{font-size:15.5px!important;font-weight:650!important}
.cm34-value-grid p{font-size:12.5px!important;line-height:1.7!important}
.cm34-number{font-size:11.5px!important}
.cm34-about-copy h2{font-size:clamp(29px,3vw,39px)!important;line-height:1.16!important}
.cm34-about-copy p{font-size:14px!important;line-height:1.78!important}
.cm34-mini-list span{font-size:10px!important}
.cm34-text-link{font-size:12px!important}
.cm34-service-content h3{font-size:17px!important;font-weight:650!important}
.cm34-service-content p{font-size:12px!important;line-height:1.7!important}
.cm34-service-content>b{font-size:10px!important}
.cm34-coverage-copy h2{font-size:clamp(30px,3.2vw,42px)!important;line-height:1.14!important}
.cm34-coverage-copy>p{font-size:14px!important;line-height:1.78!important}
.cm34-stats b{font-size:26px!important}
.cm34-stats span{font-size:10px!important}
.cm34-process-grid h3{font-size:16px!important;font-weight:650!important}
.cm34-process-grid p{font-size:12px!important;line-height:1.7!important}
.cm34-process-grid>b,.cm34-process-grid b{font-size:10.5px!important}
.cm34-tracking-box h2{font-size:clamp(27px,2.7vw,33px)!important;line-height:1.16!important}
.cm34-tracking-box p{font-size:13px!important;line-height:1.72!important}
.cm34-track-form input{font-size:13px!important}
.cm34-track-form button{font-size:11px!important}
.cm34-final-cta h2{font-size:clamp(27px,2.8vw,34px)!important;line-height:1.16!important}
.cm34-final-cta p{font-size:12.5px!important;line-height:1.7!important}

/* Internal pages */
.subhero h1{
  font-size:clamp(34px,3.65vw,48px)!important;
  line-height:1.12!important;
  letter-spacing:-1.35px!important;
  font-weight:650!important;
}
.subhero p{font-size:15px!important;line-height:1.75!important}
.page-section{padding:70px 0}
.page-section h2,.panel h2{
  font-size:clamp(27px,2.75vw,37px)!important;
  line-height:1.16!important;
  letter-spacing:-.7px!important;
}
.check-list li{font-size:14px!important;line-height:1.7!important}
.quote-result .price{font-size:32px!important}
.service-body h3{font-size:16.5px!important;font-weight:650!important}
.service-body p{font-size:12.5px!important;line-height:1.68!important}
.tracking h2{font-size:32px!important}
.tracking p{font-size:14px!important;line-height:1.72!important}
.tracking-form input{font-size:14px!important}
.faq-item summary{font-size:14px!important}
.faq-answer{font-size:13px!important;line-height:1.72!important}

/* Header / footer */
.cm-topbar .container{font-size:11.5px!important}
.main-nav a{font-size:12.5px!important;font-weight:600!important}
.header-cta{font-size:12.5px!important;font-weight:650!important}
.cm-footer-col h3{font-size:14px!important;font-weight:650!important}
.cm-footer-col a,.cm-footer-col p{font-size:12.5px!important;line-height:1.7!important}
.cm-footer-brand p{font-size:12.5px!important;line-height:1.72!important}
.cm-footer-verified{font-size:10.5px!important}
.cm-footer-area span{font-size:9.5px!important}
.cm-footer-cta h2{font-size:clamp(25px,2.5vw,32px)!important;line-height:1.16!important}
.cm-footer-cta p{font-size:12.5px!important;line-height:1.7!important}
.cm-footer-cta-btn{font-size:11.5px!important}
.cm-footer-bottom{font-size:10.5px!important}
.cm-footer-bottom-links a{font-size:10.5px!important}

@media(max-width:760px){
  body{font-size:15px!important}
  .section{padding:56px 0}
  .hero h1{font-size:clamp(34px,8.8vw,43px)!important;letter-spacing:-1.2px!important;line-height:1.1!important}
  .hero h2{font-size:20px!important}
  .hero p{font-size:14px!important}
  .main-nav a{font-size:13px!important}
  .cm34-hero h1{font-size:35px!important;letter-spacing:-1.15px!important}
  .cm34-lead{font-size:14px!important}
  .cm34-heading h2,.cm34-heading-row h2,.cm34-about-copy h2{font-size:28px!important;letter-spacing:-.65px!important}
  .cm34-heading p,.cm34-about-copy p,.cm34-coverage-copy>p{font-size:13px!important}
  .cm34-service-content h3{font-size:17px!important}
  .cm34-service-content p{font-size:12px!important}
  .cm34-final-cta h2{font-size:26px!important}
  .subhero h1{font-size:34px!important;letter-spacing:-1px!important}
  .subhero p{font-size:14px!important}
  .page-section h2,.panel h2{font-size:28px!important}
  .cm-footer-cta h2{font-size:25px!important}
  .cm-footer-col a,.cm-footer-col p,.cm-footer-brand p{font-size:12.5px!important}
}

/* V39 — HOME ICON SYSTEM: one consistent SVG language */
.cm-home-v34 .cm39-icon{
  width:20px!important;height:20px!important;display:block!important;flex:0 0 20px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
.cm-home-v34 .cm34-service-strip>a>strong{
  width:42px!important;height:42px!important;border-radius:12px!important;display:grid!important;place-items:center!important;
  color:#0b73d1!important;background:#eef7ff!important;border:1px solid #dcecfb!important;
}
.cm-home-v34 .cm34-service-strip>a>strong .cm39-icon{width:21px!important;height:21px!important}
.cm-home-v34 .cm34-service-strip>a>i{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;color:#0b73d1!important;font-style:normal!important}
.cm-home-v34 .cm34-service-strip>a>i .cm39-icon{width:17px!important;height:17px!important}
.cm-home-v34 .cm34-trust-row{display:flex;flex-wrap:wrap;gap:9px!important}
.cm-home-v34 .cm34-trust-row>span{display:inline-flex!important;align-items:center!important;gap:7px!important}
.cm-home-v34 .cm34-trust-row>span .cm39-icon{width:15px!important;height:15px!important;flex:0 0 15px!important;color:#0b73d1!important}
.cm-home-v34 .cm34-trust-row>span>b{font-weight:650!important}
.cm-home-v34 .cm34-service-photo .cm39-card-arrow{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:50%!important}
.cm-home-v34 .cm34-service-photo .cm39-card-arrow .cm39-icon{width:16px!important;height:16px!important}
.cm-home-v34 .cm34-mini-list span{display:inline-flex!important;align-items:center!important;gap:6px!important}
.cm-home-v34 .cm34-mini-list .cm39-icon{width:15px!important;height:15px!important;flex:0 0 15px!important;color:#0b73d1!important}
@media(max-width:760px){
 .cm-home-v34 .cm34-service-strip>a>strong{width:38px!important;height:38px!important;border-radius:10px!important}
 .cm-home-v34 .cm34-service-strip>a>strong .cm39-icon{width:19px!important;height:19px!important}
}

/* V39 — HOME ICON SYSTEM: consistent inline SVG language */
.cm-home-v34 .cm39-icon{width:20px!important;height:20px!important;display:block!important;flex:0 0 20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.cm-home-v34 .cm34-service-strip>a>strong{width:42px!important;height:42px!important;border-radius:12px!important;display:grid!important;place-items:center!important;color:#0b73d1!important;background:#eef7ff!important;border:1px solid #dcecfb!important}
.cm-home-v34 .cm34-service-strip>a>strong .cm39-icon{width:21px!important;height:21px!important}
.cm-home-v34 .cm34-service-strip>a>i{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;color:#0b73d1!important;font-style:normal!important}
.cm-home-v34 .cm34-service-strip>a>i .cm39-icon{width:17px!important;height:17px!important}
.cm-home-v34 .cm34-trust-row{display:flex;flex-wrap:wrap;gap:9px!important}
.cm-home-v34 .cm34-trust-row>span{display:inline-flex!important;align-items:center!important;gap:7px!important}
.cm-home-v34 .cm34-trust-row>span .cm39-icon{width:15px!important;height:15px!important;flex:0 0 15px!important;color:#0b73d1!important}
.cm-home-v34 .cm34-trust-row>span>b{font-weight:650!important}
.cm-home-v34 .cm34-service-photo .cm39-card-arrow{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:50%!important}
.cm-home-v34 .cm34-service-photo .cm39-card-arrow .cm39-icon{width:16px!important;height:16px!important}
.cm-home-v34 .cm34-mini-list span{display:inline-flex!important;align-items:center!important;gap:6px!important}
.cm-home-v34 .cm34-mini-list .cm39-icon{width:15px!important;height:15px!important;flex:0 0 15px!important;color:#0b73d1!important}
@media(max-width:760px){.cm-home-v34 .cm34-service-strip>a>strong{width:38px!important;height:38px!important;border-radius:10px!important}.cm-home-v34 .cm34-service-strip>a>strong .cm39-icon{width:19px!important;height:19px!important}}

/* =========================================================
   V40 — RESPONSIVE MASTER / MOBILE-FIRST HARDENING
   Optimized for small phones, large phones, iPhone safe areas,
   tablets and desktop. No external assets or JS added.
   ========================================================= */
html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden;min-width:0}
img,svg,video,iframe{max-width:100%}
button,input,select,textarea{max-width:100%;font:inherit}
.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}

/* Desktop / laptop breathing room */
@media (min-width:1101px){
  .cm34-hero-inner{gap:48px}
  .cm34-hero-copy{max-width:590px}
  .cm34-hero-visual{min-width:0}
  .cm34-service-strip{grid-template-columns:repeat(6,minmax(0,1fr));}
}

/* Tablet landscape + small laptop */
@media (min-width:768px) and (max-width:1100px){
  .container{width:min(940px,calc(100% - 40px))}
  .site-header{height:72px}
  .brand{max-width:150px}
  .main-nav{gap:10px}
  .main-nav a{font-size:11px!important;padding-inline:5px}
  .header-cta{padding:10px 13px!important;font-size:11px!important}
  .cm34-hero-inner{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:28px;padding-top:56px;padding-bottom:52px}
  .cm34-hero-copy{min-width:0}
  .cm34-hero h1{font-size:clamp(36px,5vw,46px)!important;letter-spacing:-1.25px!important}
  .cm34-hero-visual img{width:100%;height:auto;object-fit:cover}
  .cm34-service-strip{grid-template-columns:repeat(3,minmax(0,1fr));}
  .cm34-service-strip>a{min-width:0}
  .cm34-about-grid,.cm34-coverage-box{grid-template-columns:1fr 1fr;gap:30px}
  .cm34-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cm34-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cm34-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cm34-tracking-box{grid-template-columns:1fr 1fr;gap:28px}
  .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tablet portrait / large phones */
@media (max-width:767px){
  .container{width:calc(100% - 28px);max-width:620px}
  .site{width:100%;overflow:hidden}
  .site-header{height:68px;min-height:68px}
  .nav{min-width:0}
  .brand{width:140px!important;max-width:140px!important;min-width:0}
  .mobile-toggle{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex:0 0 42px;border:0;background:transparent;padding:0}
  .mobile-toggle span{display:block;width:21px;height:2px;border-radius:2px;background:currentColor}
  .main-nav{top:68px;left:10px;right:10px;max-height:calc(100svh - 78px);overflow:auto;-webkit-overflow-scrolling:touch;z-index:1000}
  .main-nav a{font-size:13px!important;padding:13px 12px!important}
  .header-cta{display:none!important}

  /* Home hero */
  .cm34-hero{overflow:hidden}
  .cm34-hero-inner{display:flex!important;flex-direction:column;gap:24px;padding-top:38px!important;padding-bottom:28px!important}
  .cm34-hero-copy{width:100%;max-width:none;min-width:0}
  .cm34-eyebrow{font-size:9.5px!important;letter-spacing:.55px!important}
  .cm34-hero h1{font-size:clamp(32px,8.8vw,42px)!important;line-height:1.08!important;letter-spacing:-1.1px!important;max-width:100%;overflow-wrap:normal}
  .cm34-lead{font-size:14px!important;line-height:1.65!important;max-width:54ch}
  .cm34-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;width:100%}
  .cm34-actions .cm34-btn{min-width:0;text-align:center;padding:12px 10px!important}
  .cm34-trust-row{gap:7px!important;margin-top:15px!important}
  .cm34-trust-row>span{font-size:10px!important;padding:7px 9px!important;min-width:0}
  .cm34-hero-visual{width:100%;min-width:0}
  .cm34-hero-image-wrap{width:100%;max-width:560px;margin-inline:auto}
  .cm34-hero-image-wrap img{display:block;width:100%;height:auto;aspect-ratio:669/455;object-fit:cover;border-radius:18px}
  .cm34-floating{transform:scale(.9);transform-origin:center}
  .cm34-float-top{top:10px!important;right:10px!important}
  .cm34-float-bottom{bottom:10px!important;left:10px!important}

  /* Home service selector */
  .cm34-service-strip{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;width:100%;margin-top:0!important;padding-bottom:22px!important}
  .cm34-service-strip>a{display:grid!important;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:8px!important;min-width:0;padding:10px 9px!important;border-radius:13px!important}
  .cm34-service-strip>a>strong{width:34px!important;height:34px!important;border-radius:9px!important}
  .cm34-service-strip>a>strong .cm39-icon{width:18px!important;height:18px!important}
  .cm34-service-strip>a>span{min-width:0}
  .cm34-service-strip>a>span b{display:block;font-size:10.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cm34-service-strip>a>span small{display:block;font-size:8.5px!important;line-height:1.35!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cm34-service-strip>a>i{width:20px!important;height:20px!important}
  .cm34-service-strip>a>i .cm39-icon{width:14px!important;height:14px!important}

  /* Generic sections */
  .cm34-section{overflow:hidden}
  .cm34-heading,.cm34-heading-row{max-width:100%}
  .cm34-heading h2,.cm34-heading-row h2,.cm34-about-copy h2{font-size:clamp(27px,7.2vw,34px)!important;line-height:1.14!important;letter-spacing:-.65px!important}
  .cm34-heading p,.cm34-about-copy p,.cm34-coverage-copy>p{font-size:13.5px!important;line-height:1.7!important}
  .cm34-value-grid,.cm34-service-grid,.cm34-process-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .cm34-value-grid article{min-width:0;padding:16px!important}
  .cm34-value-grid h3{font-size:14px!important}
  .cm34-value-grid p{font-size:11.5px!important}
  .cm34-number{font-size:10px!important}
  .cm34-about-grid,.cm34-coverage-box{grid-template-columns:1fr!important;gap:24px!important}
  .cm34-about-visual img,.cm34-coverage-visual img{width:100%;height:auto;display:block}
  .cm34-about-copy{min-width:0}
  .cm34-mini-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .cm34-service-card,.cm34-service-card>a{min-width:0}
  .cm34-service-photo{aspect-ratio:600/380;overflow:hidden}
  .cm34-service-photo img{width:100%;height:100%;object-fit:cover}
  .cm34-service-content{padding:15px!important}
  .cm34-service-content h3{font-size:16px!important}
  .cm34-service-content p{font-size:11.5px!important}
  .cm34-coverage-copy h2{font-size:clamp(29px,7.5vw,38px)!important}
  .cm34-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
  .cm34-stats>div{min-width:0}
  .cm34-stats b{font-size:23px!important}
  .cm34-stats span{font-size:9px!important}
  .cm34-process-grid article{min-width:0;padding:16px!important}
  .cm34-process-grid h3{font-size:14px!important}
  .cm34-process-grid p{font-size:11.5px!important}
  .cm34-tracking-box{grid-template-columns:1fr!important;gap:18px!important;padding:20px!important}
  .cm34-tracking-box h2{font-size:26px!important}
  .cm34-track-form{width:100%;min-width:0}
  .cm34-track-form input,.cm34-track-form button{min-height:46px}
  .cm34-final-cta .container{display:flex!important;flex-direction:column;gap:18px!important;align-items:flex-start!important}
  .cm34-final-cta h2{font-size:25px!important}
  .cm34-final-cta .cm34-btn{width:100%;text-align:center}

  /* Internal pages */
  .subhero,.subhero-rich{overflow:hidden;padding:38px 0 40px!important}
  .subhero h1,.subhero-rich h1{font-size:clamp(30px,8vw,38px)!important;line-height:1.1!important;letter-spacing:-.8px!important;max-width:100%}
  .subhero p,.subhero-rich p{font-size:13.5px!important;line-height:1.68!important}
  .page-section{padding:48px 0!important;overflow:hidden}
  .page-section h2,.panel h2{font-size:clamp(26px,7vw,32px)!important}
  .two-col,.quote-grid,.contact-grid,.detail-content-grid,.intro-grid,.service-detail-grid,.reach-detail-grid{grid-template-columns:1fr!important;gap:20px!important}
  .form-grid{grid-template-columns:1fr!important}
  .field.full{grid-column:auto!important}
  .service-list,.service-list-rich,.info-cards,.contact-cards{grid-template-columns:1fr!important}
  .map-box,.map-box iframe,.contact-map,.contact-map iframe{min-height:280px!important;height:280px!important}
  .detail-image img,.about-image img{width:100%;height:auto;max-height:340px;object-fit:cover}
  .tracking-main,.pickup-form-panel,.tracking-help,.pickup-side{padding:20px!important}
  .tracking-main h2,.pickup-form-panel h2{font-size:25px!important}
  .tracking-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .tracking-actions .btn,.detail-actions .btn{width:100%!important;text-align:center}
  .faq-item summary{font-size:13.5px!important}
  .faq-answer{font-size:12.5px!important}

  /* Footer */
  .footer-main{grid-template-columns:1fr!important;text-align:center;gap:25px!important;padding:38px 0 28px!important}
  .footer-col{align-items:center}
  .footer-service-strip{grid-template-columns:1fr 1fr!important}
  .footer-service-strip>div{min-width:0}
  .footer-bottom{padding-left:14px;padding-right:14px}
}

/* Small phones: 360/375/390/393/412px */
@media (max-width:430px){
  .container{width:calc(100% - 24px)}
  .brand{width:132px!important;max-width:132px!important}
  .cm34-hero-inner{padding-top:30px!important}
  .cm34-hero h1{font-size:32px!important;letter-spacing:-.9px!important}
  .cm34-lead{font-size:13.5px!important}
  .cm34-actions{grid-template-columns:1fr!important}
  .cm34-trust-row{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important}
  .cm34-trust-row>span{justify-content:flex-start}
  .cm34-service-strip{grid-template-columns:1fr!important}
  .cm34-service-strip>a{grid-template-columns:34px minmax(0,1fr) 20px}
  .cm34-value-grid,.cm34-service-grid,.cm34-process-grid{grid-template-columns:1fr!important}
  .cm34-value-grid article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px}
  .cm34-service-content p{font-size:12px!important}
  .cm34-stats b{font-size:20px!important}
  .cm34-stats span{font-size:8.5px!important}
  .cm34-final-cta{padding:38px 0!important}
  .subhero h1,.subhero-rich h1{font-size:31px!important}
  .page-section h2,.panel h2{font-size:27px!important}
  .footer-service-strip{grid-template-columns:1fr!important}
}

/* Very small devices: 320–360px */
@media (max-width:359px){
  .container{width:calc(100% - 20px)}
  .brand{width:122px!important;max-width:122px!important}
  .mobile-toggle{width:38px;height:38px;flex-basis:38px}
  .cm34-hero h1{font-size:29px!important}
  .cm34-trust-row>span{font-size:9px!important;padding:6px!important}
  .cm34-service-strip>a>span b{font-size:10px!important}
  .cm34-service-strip>a>span small{font-size:8px!important}
}

/* iPhone / notched devices */
@supports (padding:max(0px)){
  .site-header{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
  .floating-wa{bottom:max(14px,env(safe-area-inset-bottom) + 8px);right:max(14px,env(safe-area-inset-right) + 8px)}
  .cm34-final-cta,.footer-bottom{padding-bottom:max(22px,env(safe-area-inset-bottom))}
}

/* Landscape phones */
@media (max-width:767px) and (orientation:landscape){
  .site-header{height:62px;min-height:62px}
  .main-nav{top:62px}
  .cm34-hero-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding-top:28px!important;padding-bottom:28px!important}
  .cm34-hero-visual{order:2}
  .cm34-hero-copy{order:1}
  .cm34-hero h1{font-size:30px!important}
  .cm34-lead{font-size:12.5px!important}
  .cm34-service-strip{grid-template-columns:repeat(3,1fr)!important}
}

/* Accessibility / interaction */
@media (hover:hover) and (pointer:fine){
  .cm34-service-card a,.cm34-service-strip>a,.cm34-btn,.main-nav a{transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* V41 — Navbar logo clarity upgrade */
.site-header .nav{min-height:100%;}
.site-header .brand{width:230px!important;max-width:230px!important;flex:0 0 230px!important;display:flex;align-items:center;}
.site-header .brand img,.site-header .brand .custom-logo{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain;}
@media (max-width:1100px){
  .site-header .brand{width:210px!important;max-width:210px!important;flex-basis:210px!important;}
}
@media (max-width:760px){
  .site-header,.site-header.is-scrolled{height:70px;}
  .site-header .brand{width:190px!important;max-width:190px!important;flex:0 0 190px!important;}
  .site-header .brand img,.site-header .brand .custom-logo{max-height:none!important;}
}
@media (max-width:430px){
  .site-header .brand{width:176px!important;max-width:176px!important;flex-basis:176px!important;}
}
@media (max-width:359px){
  .site-header .brand{width:160px!important;max-width:160px!important;flex-basis:160px!important;}
}


/* Cargomurah.online — Tarif Pengiriman regional menu: additive only */
.cm-tariff-item{position:relative;display:flex;align-items:center;align-self:stretch}
.cm-tariff-toggle{border:0;background:transparent;color:var(--cm-navy,var(--navy,#062b67));font:inherit;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.15px;cursor:pointer;display:flex;align-items:center;gap:7px;padding:0 2px;white-space:nowrap}
.cm-tariff-toggle:hover{color:var(--cm-red,#ef1b2d)}
.cm-chevron{font-size:18px;line-height:1;transition:transform .2s ease}
.cm-tariff-item.open .cm-chevron{transform:rotate(90deg)}
.cm-tariff-panel{position:absolute;top:calc(100% - 1px);left:50%;transform:translateX(-50%);width:690px;background:#fff;border:1px solid #e3eaf3;border-radius:0 0 12px 12px;box-shadow:0 18px 40px rgba(7,52,111,.16);display:none;grid-template-columns:245px 1fr;overflow:hidden;z-index:10010}
.cm-tariff-item:hover .cm-tariff-panel,.cm-tariff-item:focus-within .cm-tariff-panel,.cm-tariff-item.open .cm-tariff-panel{display:grid}
.cm-tariff-regions{padding:8px 0;background:#fff;border-right:1px solid #edf1f6;max-height:520px;overflow:auto}
.cm-region button{width:100%;min-height:43px;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;text-align:left;color:#111f33;font-size:12px;font-weight:750;text-transform:uppercase;cursor:pointer}
.cm-region button span{font-size:19px;font-weight:400;color:#53657a;line-height:1}
.cm-region button:hover,.cm-region.is-active button{background:#f4f8fd;color:var(--cm-red,#ef1b2d)}
.cm-region button:hover span,.cm-region.is-active button span{color:var(--cm-red,#ef1b2d)}
.cm-tariff-cities{padding:18px 20px;max-height:520px;overflow:auto;background:#fff}
.cm-city-group{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px}
.cm-city-group.is-active{display:grid}
.cm-city-group a{display:flex;align-items:center;min-height:37px;padding:8px 4px;color:#29435f;text-decoration:none;font-size:12px;font-weight:650;border-bottom:1px solid #f0f3f7}
.cm-city-group a:hover{color:var(--cm-red,#ef1b2d);padding-left:7px}
/* Desktop/tablet tariff menu — vertical accordion: region, then cities directly below */
@media(min-width:761px){
  .cm-tariff-panel{display:none;grid-template-columns:1fr;width:300px;max-height:calc(100vh - 90px);overflow:auto;border-radius:0 0 14px 14px}
  .cm-tariff-item:hover .cm-tariff-panel,.cm-tariff-item:focus-within .cm-tariff-panel,.cm-tariff-item.open .cm-tariff-panel{display:block}
  .cm-tariff-regions{padding:7px 8px 10px;border-right:0;max-height:none;overflow:visible}
  .cm-tariff-panel .cm-region{display:block}
  .cm-tariff-panel .cm-region > button{min-height:44px;padding:10px 13px;border-radius:9px;font-size:12px}
  .cm-tariff-panel .cm-region > button span{transition:transform .18s ease}
  .cm-tariff-panel .cm-region.is-active > button span{transform:rotate(90deg)}
  .cm-tariff-panel .cm-region:hover > button span{color:var(--cm-red,#ef1b2d)}
  .cm-tariff-panel .cm-region > .cm-city-group{display:none}
  .cm-tariff-panel .cm-region.is-active > .cm-city-group,
  .cm-tariff-panel .cm-region:hover > .cm-city-group{display:grid}
  .cm-tariff-panel .cm-region > .cm-city-group{grid-template-columns:1fr;gap:0;margin:0 8px 7px 16px;padding:2px 8px 6px 11px;background:#f8fbff;border-left:2px solid #dceaf7;border-radius:0 0 10px 10px;max-height:300px;overflow:auto}
  .cm-tariff-panel .cm-region > .cm-city-group a{min-height:37px;padding:8px 6px;color:#29435f;text-decoration:none;font-size:12px;font-weight:650;border-bottom:1px solid #e7eef6}
  .cm-tariff-panel .cm-region > .cm-city-group a:last-child{border-bottom:0}
  .cm-tariff-panel .cm-tariff-cities{display:none!important}
  .cm-tariff-all-link{margin:7px 8px 2px!important}
}
@media(max-width:1050px) and (min-width:761px){.cm-tariff-toggle{font-size:11px}.cm-tariff-panel{width:285px}.cm-tariff-regions{width:auto}}
@media(max-width:760px){
  .cm-tariff-item{display:block;align-self:auto;width:100%}
  .cm-tariff-toggle{width:100%;min-height:52px;padding:12px 13px;border-radius:10px;justify-content:space-between;font-size:14px;text-align:left;background:#fff}
  .cm-tariff-item.open .cm-tariff-toggle{background:#f1f7ff;color:var(--cm-red,#ef1b2d)}
  .cm-tariff-panel{position:static;transform:none;width:100%;border:0;border-radius:0;box-shadow:none;display:none;grid-template-columns:1fr;background:#fff;overflow:visible;padding:0 0 4px}
  .cm-tariff-item.open .cm-tariff-panel{display:block}
  .cm-tariff-regions{padding:0 0 4px;border:0;max-height:none;overflow:visible}
  .cm-region button{min-height:50px;padding:12px 18px 12px 25px;font-size:13px;border-radius:9px}
  .cm-region.is-active button{background:#f8fbff}
  .cm-tariff-cities{display:none;padding:2px 10px 9px 34px;max-height:340px;overflow:auto;background:#f8fbff;border-radius:0 0 10px 10px}
  .cm-tariff-item.open .cm-tariff-cities{display:block}
  .cm-city-group{grid-template-columns:1fr;gap:0}
  .cm-city-group a{min-height:43px;font-size:13px;padding:10px 7px;border-bottom:1px solid #e7eef6}
}


/* Cargomurah.online — mobile tariff accordion: cities appear directly under clicked region */
@media(max-width:760px){
  .cm-tariff-panel .cm-region{display:block}
  .cm-tariff-panel .cm-region.open > button{background:#f4f8fd;color:var(--cm-red,#ef1b2d)}
  .cm-tariff-panel .cm-region > .cm-city-group{display:none}
  .cm-tariff-panel .cm-region.open > .cm-city-group{display:grid}
  .cm-tariff-panel .cm-region > .cm-city-group{grid-template-columns:1fr;gap:0;margin:0 8px 7px 25px;padding:2px 8px 7px 10px;background:#f8fbff;border-left:2px solid #dceaf7;border-radius:0 0 10px 10px;max-height:340px;overflow:auto}
  .cm-tariff-panel .cm-region > .cm-city-group a{min-height:43px;font-size:13px;padding:10px 7px;color:#29435f;border-bottom:1px solid #e7eef6;background:transparent}
  .cm-tariff-panel .cm-region > .cm-city-group a:last-child{border-bottom:0}
  .cm-tariff-panel .cm-tariff-cities{display:none!important}
}

/* Mobile menu typography — main menu ALL CAPS; sub-menu/city labels keep Title Case */
@media (max-width:760px){
  .main-nav > a,
  .main-nav > .menu-item > a,
  .main-nav > .cm-tariff-item > .cm-tariff-toggle{
    text-transform:uppercase!important;
  }
  .cm-tariff-panel .cm-region button{
    text-transform:uppercase!important;
  }
  .cm-tariff-panel .cm-city-group a,
  .cm-tariff-panel .cm-region > .cm-city-group a{
    text-transform:none!important;
  }
}

/* V45 — mobile main menu order: Beranda, Layanan, Tarif Pengiriman, Cek Resi, Jangkauan, Kontak */
@media(max-width:760px){
  .main-nav{display:flex;flex-direction:column;align-items:stretch;gap:0;}
  .main-nav > .cm-mobile-hidden{display:none!important;}
  .main-nav > a,
  .main-nav > .menu-item > a,
  .main-nav > .cm-tariff-item > .cm-tariff-toggle{width:100%;box-sizing:border-box;}
}


/* =========================================================
   CARGOMURAH — FOOTER MOBILE POLISH (FIX 4)
   Footer only: darker blue background + cleaner icons.
   Does not alter menu/region/city styling.
========================================================= */
@media (max-width: 768px){
  footer,
  .site-footer,
  #footer,
  .footer,
  .footer-area,
  .footer-section{
    background-color:#062b55 !important;
    background-image:none !important;
  }

  footer a,
  .site-footer a,
  #footer a,
  .footer a,
  .footer-area a,
  .footer-section a{
    text-decoration:none;
  }

  footer .social-icons,
  .site-footer .social-icons,
  .footer .social-icons,
  footer .footer-icons,
  .site-footer .footer-icons{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
  }

  footer .social-icons a,
  .site-footer .social-icons a,
  .footer .social-icons a,
  footer .footer-icons a,
  .site-footer .footer-icons a{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:rgba(255,255,255,.09) !important;
    box-shadow:0 5px 14px rgba(0,0,0,.16) !important;
    transition:transform .2s ease,background .2s ease !important;
  }

  footer .social-icons a:hover,
  .site-footer .social-icons a:hover,
  .footer .social-icons a:hover,
  footer .footer-icons a:hover,
  .site-footer .footer-icons a:hover{
    transform:translateY(-2px) !important;
    background:rgba(255,255,255,.16) !important;
  }

  footer .social-icons i,
  .site-footer .social-icons i,
  .footer .social-icons i,
  footer .footer-icons i,
  .site-footer .footer-icons i,
  footer .social-icons svg,
  .site-footer .social-icons svg,
  .footer .social-icons svg,
  footer .footer-icons svg,
  .site-footer .footer-icons svg{
    font-size:18px !important;
    width:18px !important;
    height:18px !important;
    line-height:1 !important;
  }
}

/* =========================================================
   CARGOMURAH — FOOTER ICON UPGRADE / FIX 5
   Premium social + contact icons. Footer only.
========================================================= */
.site-footer.cm-footer-ref .cm-socials{display:flex;align-items:center;gap:9px;margin-top:3px}
.site-footer.cm-footer-ref .cm-socials a.cm-social-icon{
  width:38px!important;height:38px!important;min-width:38px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(130,198,255,.20)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
  box-shadow:0 8px 20px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.07)!important;
  color:#d9ecff!important;position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,background .22s ease!important;
}
.site-footer.cm-footer-ref .cm-socials a.cm-social-icon:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.13),transparent 58%);pointer-events:none}
.site-footer.cm-footer-ref .cm-socials a.cm-social-icon:hover{transform:translateY(-3px);border-color:rgba(35,203,255,.65)!important;background:linear-gradient(145deg,rgba(15,133,219,.28),rgba(255,255,255,.07))!important}
.site-footer.cm-footer-ref .cm-socials svg{width:18px!important;height:18px!important;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}
.site-footer.cm-footer-ref .cm-socials .cm-facebook svg,.site-footer.cm-footer-ref .cm-socials .cm-tiktok svg,.site-footer.cm-footer-ref .cm-socials .cm-whatsapp svg{fill:currentColor;stroke:none}
.site-footer.cm-footer-ref .cm-socials .cm-instagram svg .fill{fill:currentColor;stroke:none}
.site-footer.cm-footer-ref .cm-socials .cm-instagram{color:#f3d7ff!important}
.site-footer.cm-footer-ref .cm-socials .cm-tiktok{color:#d9f8ff!important}
.site-footer.cm-footer-ref .cm-socials .cm-facebook{color:#d8e9ff!important}
.site-footer.cm-footer-ref .cm-socials .cm-whatsapp{color:#c9ffd9!important}
.site-footer.cm-footer-ref .cm-socials .cm-instagram:hover{border-color:rgba(224,104,255,.62)!important}
.site-footer.cm-footer-ref .cm-socials .cm-whatsapp:hover{border-color:rgba(38,220,123,.62)!important}
/* Contact icons — same visual format as footer social icons */
.site-footer.cm-footer-ref .cm-contact-item .cm-contact-icon{
  width:38px!important;height:38px!important;min-width:38px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(130,198,255,.20)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
  box-shadow:0 8px 20px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.07)!important;
  position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,background .22s ease!important;
}
.site-footer.cm-footer-ref .cm-contact-item .cm-contact-icon:before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.13),transparent 58%);
  pointer-events:none;
}
.site-footer.cm-footer-ref .cm-contact-item .cm-contact-icon svg{
  width:18px!important;height:18px!important;display:block;
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  position:relative;z-index:1;
}
.site-footer.cm-footer-ref .cm-contact-item:first-of-type .cm-contact-icon{
  color:#c9ffd9!important;
}
.site-footer.cm-footer-ref .cm-contact-item:first-of-type .cm-contact-icon svg{
  fill:currentColor;stroke:none;
}
.site-footer.cm-footer-ref .cm-contact-item:nth-of-type(2) .cm-contact-icon{
  color:#d9ecff!important;
}
.site-footer.cm-footer-ref .cm-contact-item:hover .cm-contact-icon{
  transform:translateY(-3px);
  border-color:rgba(35,203,255,.65)!important;
  background:linear-gradient(145deg,rgba(15,133,219,.28),rgba(255,255,255,.07))!important;
}

/* Footer section labels — one consistent font size */
.site-footer.cm-footer-ref .cm-footer-col h3,
.site-footer.cm-footer-ref .cm-footer-col h4,
.site-footer.cm-footer-ref .cm-address-box strong,
.site-footer.cm-footer-ref .cm-footer-hours strong{
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.25!important;
  color:#fff!important;
}
.site-footer.cm-footer-ref .cm-footer-col h4{
  margin:12px 0 7px!important;
}
.site-footer.cm-footer-ref .cm-address-box strong,
.site-footer.cm-footer-ref .cm-footer-hours strong{
  display:block;
}
@media(max-width:600px){
  .site-footer.cm-footer-ref .cm-socials{justify-content:flex-start;gap:10px}
  .site-footer.cm-footer-ref .cm-socials a.cm-social-icon{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important}
  .site-footer.cm-footer-ref .cm-socials svg{width:19px!important;height:19px!important}
  .site-footer.cm-footer-ref .cm-contact-item .cm-contact-icon{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important}
  .site-footer.cm-footer-ref .cm-contact-item .cm-contact-icon svg{width:19px!important;height:19px!important}
}

/* =========================
   CEK TARIF CARGO
   ========================= */
.cm-tariff-hero-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(145deg,#fff 0%,#f4f8fd 100%);border:1px solid var(--cm-line);border-radius:24px;padding:34px;box-shadow:0 20px 50px rgba(6,43,103,.10);color:var(--cm-navy)}
.cm-tariff-hero-card strong{font-size:25px;margin:12px 0 6px}.cm-tariff-hero-card span{font-size:12px;color:var(--cm-muted);line-height:1.7}.cm-tariff-visual-icon{width:60px;height:60px;border-radius:16px;background:var(--cm-yellow);display:grid;place-items:center;font-size:22px;font-weight:900;color:var(--cm-navy);box-shadow:0 10px 24px rgba(255,196,0,.24)}
.cm-tariff-section{background:#f7faff}.cm-tariff-search-card{background:#fff;border:1px solid var(--cm-line);border-radius:24px;padding:30px;box-shadow:0 18px 50px rgba(6,43,103,.08)}.cm-tariff-head{margin-bottom:22px}.cm-tariff-head h2{margin:7px 0;color:var(--cm-navy)}.cm-tariff-head p{margin:0;color:var(--cm-muted);font-size:13px}
.cm-tariff-form{display:grid;grid-template-columns:.75fr 1.7fr .65fr;gap:13px;align-items:start}.cm-tariff-field label{display:block;font-size:11px;font-weight:900;color:var(--cm-navy);margin:0 0 7px}.cm-tariff-field select,.cm-tariff-field>input{width:100%;height:52px;border:1px solid #ccd9e7;border-radius:12px;padding:0 14px;background:#fff;color:var(--cm-ink);font-weight:700;outline:none}.cm-tariff-field select:focus,.cm-tariff-field>input:focus,.cm-tariff-search-box:focus-within{border-color:var(--cm-blue);box-shadow:0 0 0 3px rgba(7,87,183,.09)}
.cm-tariff-search-wrap{position:relative}.cm-tariff-search-box{height:52px;border:1px solid #ccd9e7;border-radius:12px;display:flex;align-items:center;background:#fff;transition:.2s}.cm-tariff-search-box>span{font-size:23px;margin-left:13px;color:var(--cm-blue)}.cm-tariff-search-box input{flex:1;border:0;outline:0;height:48px;padding:0 10px;font:inherit;color:var(--cm-ink);background:transparent}.cm-tariff-search-box button{border:0;background:transparent;color:#8090a3;font-size:23px;width:42px;height:42px;cursor:pointer}.cm-tariff-suggestions{position:absolute;left:0;right:0;top:81px;z-index:30;background:#fff;border:1px solid var(--cm-line);border-radius:14px;box-shadow:0 18px 45px rgba(6,43,103,.16);overflow:auto;max-height:330px}.cm-tariff-suggestion{display:flex;justify-content:space-between;gap:16px;width:100%;text-align:left;padding:13px 15px;border:0;border-bottom:1px solid #edf2f7;background:#fff;cursor:pointer}.cm-tariff-suggestion:last-child{border-bottom:0}.cm-tariff-suggestion:hover,.cm-tariff-suggestion.is-active{background:#f4f8fd}.cm-tariff-suggestion strong{display:block;color:var(--cm-navy);font-size:12px}.cm-tariff-suggestion span{display:block;color:var(--cm-muted);font-size:10px;margin-top:3px}.cm-tariff-suggestion b{white-space:nowrap;color:var(--cm-red);font-size:11px}.cm-tariff-status{font-size:11px;color:var(--cm-muted);margin:12px 0 0}.cm-tariff-result{margin-top:18px}.cm-tariff-result-main{background:#fff;border:1px solid var(--cm-line);border-radius:24px;padding:28px;box-shadow:0 15px 42px rgba(6,43,103,.07)}.cm-tariff-result-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.cm-tariff-result-top h2{margin:7px 0 3px;color:var(--cm-navy);font-size:24px}.cm-tariff-result-top p{margin:0;color:var(--cm-muted);font-size:12px}.cm-tariff-price{text-align:right}.cm-tariff-price small,.cm-tariff-price span{display:block;color:var(--cm-muted);font-size:10px}.cm-tariff-price strong{display:block;color:var(--cm-red);font-size:30px;line-height:1.15;margin:3px 0}.cm-tariff-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.cm-tariff-stats div{background:#f7faff;border:1px solid var(--cm-line);border-radius:14px;padding:16px}.cm-tariff-stats small{display:block;color:var(--cm-muted);font-size:10px;margin-bottom:5px}.cm-tariff-stats b{color:var(--cm-navy);font-size:15px}.cm-tariff-empty{margin-top:18px;background:#fff;border:1px dashed #c9d7e7;border-radius:18px;padding:22px;text-align:center}.cm-tariff-empty strong{display:block;color:var(--cm-navy);margin-bottom:5px}.cm-tariff-empty span{font-size:11px;color:var(--cm-muted)}.cm-tariff-note{margin-top:18px;font-size:10px;line-height:1.7;color:var(--cm-muted);background:#fff;border-left:4px solid var(--cm-yellow);padding:13px 16px;border-radius:10px}.cm-tariff-note strong{color:var(--cm-navy)}
@media(max-width:900px){.cm-tariff-form{grid-template-columns:1fr 1fr}.cm-tariff-form .cm-tariff-search-wrap{grid-column:1/-1}.cm-tariff-result-top{display:grid}.cm-tariff-price{text-align:left}.cm-tariff-stats{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cm-tariff-hero-card{padding:24px}.cm-tariff-search-card,.cm-tariff-result-main{padding:20px}.cm-tariff-form{grid-template-columns:1fr}.cm-tariff-form .cm-tariff-search-wrap{grid-column:auto}.cm-tariff-suggestions{top:81px}.cm-tariff-stats{grid-template-columns:1fr}.cm-tariff-price strong{font-size:26px}}

.cm-tariff-all-link{display:flex!important;justify-content:space-between;align-items:center;margin:0 0 12px;padding:11px 13px;background:#f7faff;border:1px solid var(--cm-line);border-radius:10px;color:var(--cm-navy)!important;font-size:11px!important;font-weight:900!important;text-decoration:none}.cm-tariff-all-link span{color:var(--cm-red);font-size:15px}

/* Cek Tarif: ekspedisi-style Dari → Ke */
.cm-route-search-card{overflow:visible}.cm-route-form{display:grid;grid-template-columns:1fr 54px 1fr .7fr;gap:12px;align-items:end}.cm-route-field{position:relative}.cm-route-field label{display:block;font-size:11px;font-weight:900;color:var(--cm-navy);margin:0 0 7px}.cm-route-input,.cm-route-weight{height:56px;border:1px solid #ccd9e7;border-radius:14px;display:flex;align-items:center;background:#fff;transition:.2s}.cm-route-input:focus-within,.cm-route-weight:focus-within{border-color:var(--cm-blue);box-shadow:0 0 0 3px rgba(7,87,183,.09)}.cm-route-input input,.cm-route-weight input{flex:1;min-width:0;height:52px;border:0;outline:0;background:transparent;font:inherit;color:var(--cm-ink);font-weight:700;padding:0 9px}.cm-route-input button{border:0;background:transparent;color:#8090a3;font-size:22px;width:40px;cursor:pointer}.cm-route-dot{width:10px;height:10px;border-radius:50%;margin-left:16px;flex:0 0 auto}.cm-route-dot-from{background:var(--cm-blue);box-shadow:0 0 0 4px rgba(7,87,183,.10)}.cm-route-dot-to{background:var(--cm-red);box-shadow:0 0 0 4px rgba(216,46,54,.10)}.cm-route-weight input{padding-left:15px}.cm-route-weight span{padding-right:15px;color:var(--cm-muted);font-size:12px;font-weight:900}.cm-route-swap{width:44px;height:44px;border-radius:50%;border:1px solid #ccd9e7;background:#fff;color:var(--cm-blue);font-size:21px;font-weight:900;cursor:pointer;box-shadow:0 7px 20px rgba(6,43,103,.08);align-self:center;margin-top:20px}.cm-route-swap:hover{transform:rotate(180deg)}.cm-route-suggestions{position:absolute;left:0;right:0;top:83px;z-index:50;background:#fff;border:1px solid var(--cm-line);border-radius:14px;box-shadow:0 18px 45px rgba(6,43,103,.16);overflow:auto;max-height:330px}.cm-route-suggestion{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid #edf2f7;background:#fff;cursor:pointer}.cm-route-suggestion:last-child{border-bottom:0}.cm-route-suggestion:hover,.cm-route-suggestion.is-active{background:#f4f8fd}.cm-route-suggestion .cm-suggestion-pin{font-size:9px;color:var(--cm-blue);width:14px}.cm-route-suggestion>span:not(.cm-suggestion-pin){flex:1}.cm-route-suggestion strong{display:block;color:var(--cm-navy);font-size:12px}.cm-route-suggestion small{display:block;color:var(--cm-muted);font-size:10px;margin-top:3px}.cm-route-suggestion b{white-space:nowrap;color:var(--cm-red);font-size:11px}.cm-route-quick{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px}.cm-route-quick>span{font-size:10px;color:var(--cm-muted);font-weight:700}.cm-route-quick button{border:1px solid var(--cm-line);background:#f7faff;color:var(--cm-navy);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;cursor:pointer}.cm-route-quick button:hover{border-color:var(--cm-blue);color:var(--cm-blue)}
@media(max-width:900px){.cm-route-form{grid-template-columns:1fr 44px 1fr}.cm-route-weight-wrap{grid-column:1/-1}.cm-route-swap{margin-top:20px}}
@media(max-width:600px){.cm-route-form{grid-template-columns:1fr;gap:12px}.cm-route-swap{margin:0 auto;transform:rotate(90deg)}.cm-route-swap:hover{transform:rotate(270deg)}.cm-route-weight-wrap{grid-column:auto}.cm-route-suggestions{top:83px}}

/* Cek Tarif — direct header navigation link */
.cm-tariff-page-link{display:flex;align-items:center;padding:9px 12px!important;border-radius:9px;color:#3b5878!important;font-size:11px!important;font-weight:700!important;text-decoration:none;white-space:nowrap}
.cm-tariff-page-link:hover{background:#fff;color:var(--cm-blue,#0757b7)!important;box-shadow:0 4px 12px rgba(6,44,97,.07)}
@media(max-width:760px){.main-nav > .cm-tariff-page-link{width:100%;box-sizing:border-box;min-height:48px;padding:12px 14px!important;font-size:14px!important;border-radius:10px;text-transform:uppercase!important}}

/* =========================================================
   CARGOMURAH — TYPOGRAPHY CONSISTENCY / RESPONSIVE TITLES
   Final override: unified heading font + comfortable sizing
   for desktop, tablet and mobile. Other styling unchanged.
========================================================= */
:root{
  --cm-title-font:"Plus Jakarta Sans",Inter,Arial,sans-serif;
}
/* All primary page/section titles use the same typeface. */
.hero h1,
.hero h2,
.section h2,
.reach h2,
.why h2,
.tracking h2,
.cta h2,
.content-card h1,
.subhero h1,
.panel h2,
.page-section h2,
.cm-tariff-head h2,
.cm-tariff-result-top h2,
.cm-tariff-hero-card strong{
  font-family:var(--cm-title-font)!important;
}
/* Recommended desktop hierarchy: strong but not oversized. */
.hero h1{font-size:50px!important;line-height:1.06!important;letter-spacing:-1.8px!important}
.hero h2{font-size:22px!important;line-height:1.25!important}
.section h2,.reach h2,.why h2,.tracking h2{font-size:30px!important;line-height:1.18!important;letter-spacing:-.8px!important}
.content-card h1,.subhero h1{font-size:40px!important;line-height:1.12!important;letter-spacing:-1px!important}
.panel h2,.page-section h2,.cm-tariff-head h2{font-size:27px!important;line-height:1.2!important;letter-spacing:-.5px!important}
.cta h2{font-size:23px!important;line-height:1.2!important}
.service-body h3{font-family:var(--cm-title-font)!important;font-size:16px!important;line-height:1.3!important}

/* Tablet: reduce hierarchy slightly for comfortable reading. */
@media (max-width:900px){
  .hero h1{font-size:42px!important;letter-spacing:-1.4px!important}
  .hero h2{font-size:20px!important}
  .section h2,.reach h2,.why h2,.tracking h2{font-size:28px!important}
  .content-card h1,.subhero h1{font-size:36px!important}
  .panel h2,.page-section h2,.cm-tariff-head h2{font-size:25px!important}
  .service-body h3{font-size:16px!important}
}

/* Phone: compact, consistent and easy to scan without oversized titles. */
@media (max-width:600px){
  .hero h1{font-size:34px!important;line-height:1.08!important;letter-spacing:-1px!important}
  .hero h2{font-size:18px!important;line-height:1.3!important}
  .section h2,.reach h2,.why h2,.tracking h2{font-size:26px!important;line-height:1.18!important;letter-spacing:-.5px!important}
  .content-card h1,.subhero h1{font-size:32px!important;line-height:1.15!important;letter-spacing:-.6px!important}
  .panel h2,.page-section h2,.cm-tariff-head h2{font-size:24px!important;line-height:1.22!important}
  .cm-tariff-result-top h2{font-size:22px!important;line-height:1.25!important}
  .cta h2{font-size:21px!important}
  .service-body h3{font-size:16px!important;line-height:1.3!important}
}

/* Very small phones: prevent wrapping from making titles visually heavy. */
@media (max-width:380px){
  .hero h1{font-size:31px!important}
  .section h2,.reach h2,.why h2,.tracking h2{font-size:24px!important}
  .content-card h1,.subhero h1{font-size:29px!important}
  .panel h2,.page-section h2,.cm-tariff-head h2{font-size:22px!important}
}

/* =========================================================
   FIX11 — Refined typography for desktop, tablet & mobile
   Slightly smaller titles + cleaner, calmer body typography.
   ========================================================= */
:root{
  --cm-ui-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --cm-title-font:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
html,body,
button,input,select,textarea{
  font-family:var(--cm-ui-font);
}
body{
  font-size:14px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.hero h1,.hero h2,
.section h2,.reach h2,.why h2,.tracking h2,.cta h2,
.content-card h1,.subhero h1,.panel h2,.page-section h2,
.cm-tariff-head h2,.cm-tariff-result-top h2,
.cm-tariff-hero-card strong,
.service-body h3,.process-grid h3,.guide-grid h3,.value-grid h3,
.feature-grid-v11 h3,.vision-grid h2,.quote-section h2,
.reach-detail-grid h2,.tracking-main h2,.pickup-form-panel h2,
.service-detail-grid h1,.service-article h2,.detail-sidebar h3,
.contact-card h3,.tips-grid b,.status-grid b{
  font-family:var(--cm-title-font)!important;
  text-rendering:optimizeLegibility;
}
/* Desktop */
.hero h1{font-size:46px!important;line-height:1.08!important;letter-spacing:-1.5px!important}
.hero h2{font-size:20px!important;line-height:1.3!important}
.section h2,.reach h2,.why h2,.tracking h2{font-size:28px!important;line-height:1.22!important;letter-spacing:-.55px!important}
.content-card h1,.subhero h1{font-size:36px!important;line-height:1.14!important;letter-spacing:-.8px!important}
.panel h2,.page-section h2,.cm-tariff-head h2{font-size:25px!important;line-height:1.25!important;letter-spacing:-.35px!important}
.cta h2{font-size:22px!important;line-height:1.25!important}
.service-body h3{font-size:15px!important;line-height:1.35!important}
.rich-content{font-size:13.5px;line-height:1.82}
.main-nav a{font-size:12.5px}
.btn{font-size:12.5px}

/* Tablet */
@media (max-width:900px){
  body{font-size:13.5px;line-height:1.65}
  .hero h1{font-size:38px!important;line-height:1.1!important;letter-spacing:-1.15px!important}
  .hero h2{font-size:19px!important}
  .section h2,.reach h2,.why h2,.tracking h2{font-size:26px!important}
  .content-card h1,.subhero h1{font-size:32px!important}
  .panel h2,.page-section h2,.cm-tariff-head h2{font-size:23px!important}
  .cta h2{font-size:21px!important}
  .rich-content{font-size:13px;line-height:1.78}
}

/* Mobile / iPhone */
@media (max-width:600px){
  body{font-size:13px;line-height:1.65}
  .hero h1{font-size:30px!important;line-height:1.12!important;letter-spacing:-.7px!important}
  .hero h2{font-size:17px!important;line-height:1.34!important}
  .section h2,.reach h2,.why h2,.tracking h2{font-size:23px!important;line-height:1.25!important;letter-spacing:-.35px!important}
  .content-card h1,.subhero h1{font-size:28px!important;line-height:1.17!important;letter-spacing:-.5px!important}
  .panel h2,.page-section h2,.cm-tariff-head h2{font-size:21px!important;line-height:1.28!important}
  .cm-tariff-result-top h2{font-size:20px!important;line-height:1.3!important}
  .cta h2{font-size:20px!important}
  .service-body h3{font-size:15px!important;line-height:1.38!important}
  .rich-content{font-size:12.8px;line-height:1.78}
  .page-section p,.intro-grid p,.section-intro p,.subhero p,.tracking-v11 p{line-height:1.72}
  .main-nav a{font-size:13px}
  .btn{font-size:12px}
}

/* Small phones */
@media (max-width:380px){
  .hero h1{font-size:28px!important}
  .section h2,.reach h2,.why h2,.tracking h2{font-size:22px!important}
  .content-card h1,.subhero h1{font-size:26px!important}
  .panel h2,.page-section h2,.cm-tariff-head h2{font-size:20px!important}
  .cm-tariff-result-top h2{font-size:19px!important}
  .cta h2{font-size:19px!important}
}

/* FIX12 — Mobile spacing & readable supporting text
   Keeps existing desktop layout; improves rhythm on phones/tablets. */
@media (max-width:900px){
  .section,.reach,.why,.tracking,.cta,.page-section{padding-top:44px;padding-bottom:44px}
  .section + .section,.page-section + .page-section{margin-top:0}
  .section h2,.reach h2,.why h2,.tracking h2,.page-section h2{margin-bottom:12px}
  .section-intro,.subhero p,.page-section > p,.intro-grid p{margin-bottom:18px}
  .service-grid,.feature-grid-v11,.process-grid,.guide-grid,.value-grid,.reach-detail-grid,.tracking-grid{gap:18px}
  .service-body p,.service-body li,.feature-grid-v11 p,.process-grid p,.guide-grid p,
  .value-grid p,.reach-detail-grid p,.tracking-main p,.contact-card p,
  .page-section p,.rich-content,.intro-grid p,.subhero p{
    font-size:14px!important;
    line-height:1.72!important;
  }
  .service-body h3,.process-grid h3,.guide-grid h3,.value-grid h3,
  .feature-grid-v11 h3,.contact-card h3{margin-bottom:7px}
}
@media (max-width:600px){
  /* Consistent vertical rhythm */
  .section,.reach,.why,.tracking,.cta,.page-section{padding-top:34px;padding-bottom:34px}
  .hero{padding-top:28px;padding-bottom:32px}
  .section h2,.reach h2,.why h2,.tracking h2,.page-section h2{margin-top:0;margin-bottom:11px}
  .section-intro,.subhero p,.page-section > p,.intro-grid p{margin-top:0;margin-bottom:16px}
  .service-grid,.feature-grid-v11,.process-grid,.guide-grid,.value-grid,
  .reach-detail-grid,.tracking-grid{gap:16px}
  /* Supporting text: readable, not tiny */
  .service-body p,.service-body li,.feature-grid-v11 p,.process-grid p,.guide-grid p,
  .value-grid p,.reach-detail-grid p,.tracking-main p,.contact-card p,
  .page-section p,.rich-content,.intro-grid p,.subhero p,.tips-grid p{
    font-size:14px!important;
    line-height:1.7!important;
  }
  .service-body h3,.process-grid h3,.guide-grid h3,.value-grid h3,
  .feature-grid-v11 h3,.contact-card h3,.tips-grid b{
    font-size:15px!important;
    line-height:1.35!important;
    margin-bottom:6px;
  }
  .service-body,.feature-card,.process-card,.guide-card,.value-card,.contact-card{
    padding:16px!important;
  }
  /* Text under icons / feature blocks */
  .feature-grid-v11 .icon + h3,
  .service-body .icon + h3,
  .feature-card .icon + h3{margin-top:9px}
  .feature-grid-v11 .icon + p,
  .service-body .icon + p,
  .feature-card .icon + p{margin-top:5px}
  /* Avoid cramped form/control text */
  input,select,textarea{font-size:14px!important;line-height:1.4!important}
  .btn{font-size:13px!important;line-height:1.35!important}
}
@media (max-width:380px){
  .section,.reach,.why,.tracking,.cta,.page-section{padding-top:30px;padding-bottom:30px}
  .hero{padding-top:24px;padding-bottom:28px}
  .service-body p,.service-body li,.feature-grid-v11 p,.process-grid p,.guide-grid p,
  .value-grid p,.reach-detail-grid p,.tracking-main p,.contact-card p,
  .page-section p,.rich-content,.intro-grid p,.subhero p,.tips-grid p{
    font-size:13.8px!important;
    line-height:1.68!important;
  }
}

/* FIX13 — Paragraph text alignment
   Paragraph copy is justified on mobile/tablet for a cleaner, aligned text block.
   Headings, labels, buttons, navigation and form controls remain unchanged. */
@media (max-width:900px){
  .page-section p,
  .section p,
  .reach p,
  .why p,
  .tracking p,
  .cta p,
  .rich-content p,
  .intro-grid p,
  .section-intro p,
  .subhero p,
  .service-body p,
  .service-body li,
  .feature-grid-v11 p,
  .process-grid p,
  .guide-grid p,
  .value-grid p,
  .reach-detail-grid p,
  .tracking-main p,
  .contact-card p,
  .tips-grid p{
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
  }
}

/* FIX14 — Home hero: move the trusted-solution eyebrow slightly upward on mobile only. */
@media (max-width: 760px){
  .cm34-hero{padding-top:18px!important}
  .cm34-hero-copy{padding-top:0!important}
}
@media (max-width: 380px){
  .cm34-hero{padding-top:14px!important}
}

/* FIX15 — Mobile text breathing room
   Keeps all existing design/content intact while preventing headings and paragraph copy
   from sitting too close to the right/left screen edges. */
@media (max-width:600px){
  .section > h2,
  .section > .section-intro,
  .section > p,
  .reach > h2,
  .reach > p,
  .why > h2,
  .why > p,
  .tracking > h2,
  .tracking > p,
  .cta > h2,
  .cta > p,
  .page-section > h1,
  .page-section > h2,
  .page-section > h3,
  .page-section > p,
  .subhero h1,
  .subhero p,
  .cm34-hero-copy h1,
  .cm34-hero-copy h2,
  .cm34-hero-copy p,
  .rich-content > p,
  .section-intro p,
  .intro-grid > p,
  .tracking-v11 p{
    margin-left:16px!important;
    margin-right:16px!important;
  }

  /* When a text block is already inside a padded card, don't add excessive inset. */
  .service-body p,
  .service-body li,
  .feature-card p,
  .process-card p,
  .guide-card p,
  .value-card p,
  .contact-card p,
  .tips-grid p{
    margin-left:0!important;
    margin-right:0!important;
  }
}
@media (max-width:380px){
  .section > h2,
  .section > .section-intro,
  .section > p,
  .reach > h2,
  .reach > p,
  .why > h2,
  .why > p,
  .tracking > h2,
  .tracking > p,
  .cta > h2,
  .cta > p,
  .page-section > h1,
  .page-section > h2,
  .page-section > h3,
  .page-section > p,
  .subhero h1,
  .subhero p,
  .cm34-hero-copy h1,
  .cm34-hero-copy h2,
  .cm34-hero-copy p,
  .rich-content > p,
  .section-intro p,
  .intro-grid > p,
  .tracking-v11 p{
    margin-left:14px!important;
    margin-right:14px!important;
  }
}

/* FIX16 — Soft, elegant cards and form fields
   Keeps the existing layout/content intact; only softens borders and elevation. */
:root{--soft-line:rgba(31,73,112,.075);--soft-shadow:0 8px 26px rgba(18,58,96,.045)}
.service-card,.testimonial,.faq-item,.tracking-box,.content-card,.panel,.info-cards>div,.detail-image,
.solution-grid article,.feature-card,.process-card,.guide-card,.value-card,.contact-card,.tips-grid>div,
.status-grid>div,.pickup-form-panel,.tracking-main,.tracking-help{
  border-color:var(--soft-line)!important;
  box-shadow:var(--soft-shadow)!important;
}
.service-card:hover,.solution-grid article:hover,.testimonial:hover{box-shadow:0 12px 30px rgba(18,58,96,.065)!important}
.faq-item{box-shadow:0 5px 18px rgba(18,58,96,.035)!important}
.tracking-box{box-shadow:0 10px 28px rgba(18,58,96,.05)!important}
.tracking-form input,.contact-form input,.contact-form textarea,.pickup-form-panel input,.pickup-form-panel select,
.tariff-search input,.tariff-search select,.cek-tarif input,.cek-tarif select{
  border-color:rgba(31,73,112,.12)!important;
  box-shadow:inset 0 1px 2px rgba(18,58,96,.025)!important;
}
.service-icon,.feature-icon{box-shadow:0 5px 15px rgba(18,58,96,.08)!important}
@media(max-width:767px){
 .service-card,.testimonial,.faq-item,.solution-grid article,.feature-card,.process-card,.guide-card,.value-card,.contact-card,
 .status-grid>div,.tips-grid>div,.panel,.info-cards>div,.pickup-form-panel,.tracking-main,.tracking-help{box-shadow:0 6px 20px rgba(18,58,96,.04)!important}
}


/* =========================================================
   CARGOMURAH v47 — HEADER / MENU RESPONSIVE FIX
   Catatan: hanya tata letak header/menu. Asset gambar tidak diubah.
   ========================================================= */
@media (min-width:761px){
  .site-header .container.nav{width:min(1220px,calc(100% - 32px));gap:16px}
  .site-header .brand{width:158px;max-width:158px}
  .site-header .main-nav{gap:14px;min-width:0;white-space:nowrap}
  .site-header .main-nav>a,
  .site-header .main-nav>li>a,
  .site-header .cm-tariff-toggle{font-size:11px!important;line-height:1.2}
  .site-header .main-nav>a,
  .site-header .main-nav>li>a{padding-left:0;padding-right:0}
  .site-header .header-cta{padding:12px 17px;font-size:11px;gap:8px;flex:0 0 auto}
  .site-header .cm-tariff-item{flex:0 0 auto}
}
@media (min-width:761px) and (max-width:1180px){
  .site-header .container.nav{gap:11px;width:min(100% - 24px,1140px)}
  .site-header .brand{width:142px;max-width:142px}
  .site-header .main-nav{gap:10px}
  .site-header .main-nav>a,
  .site-header .main-nav>li>a,
  .site-header .cm-tariff-toggle{font-size:10px!important}
  .site-header .header-cta{padding:11px 13px;font-size:10px}
}
/* Pada layar yang sudah terlalu sempit untuk menu desktop, gunakan menu mobile
   agar item tidak bertabrakan atau mengecil berlebihan. */
@media (min-width:761px) and (max-width:980px){
  .site-header{height:70px}
  .site-header .nav{justify-content:space-between}
  .site-header .brand{width:145px;max-width:145px}
  .site-header .mobile-toggle{display:block;margin-left:auto}
  .site-header .main-nav{position:absolute;display:none;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:10px;border-radius:0 0 14px 14px;box-shadow:0 16px 30px rgba(0,0,0,.12);white-space:normal;max-height:calc(100vh - 90px);overflow:auto}
  .site-header .main-nav.open{display:flex}
  .site-header .main-nav>a,
  .site-header .main-nav>li>a{font-size:12px!important;padding:12px 10px}
  .site-header .main-nav .current-menu-item>a:after{display:none}
  .site-header .header-cta{display:none}
}

/* ===== V48.7 HOME SERVICE CARDS - RESPONSIVE IMAGE UPGRADE ===== */
/* Desktop: balanced 3-column cards with consistent photographic crop. */
.cm-home-v34 .cm34-service-grid{align-items:stretch}
.cm-home-v34 .cm34-service-card{height:100%;border-radius:20px!important;overflow:hidden;background:#fff}
.cm-home-v34 .cm34-service-card>a{display:flex;flex-direction:column;height:100%}
.cm-home-v34 .cm34-service-photo{height:auto!important;aspect-ratio:16/10!important;background:#eef4f8;isolation:isolate}
.cm-home-v34 .cm34-service-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block}
.cm-home-v34 .cm34-service-content{display:flex;flex-direction:column;flex:1}
.cm-home-v34 .cm34-service-content>b{margin-top:auto}

/* Tablet / iPad: 2 columns, larger image area and comfortable spacing. */
@media (min-width:621px) and (max-width:1000px){
  .cm-home-v34 .cm34-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .cm-home-v34 .cm34-service-photo{aspect-ratio:16/10!important}
  .cm-home-v34 .cm34-service-content{padding:17px!important}
  .cm-home-v34 .cm34-service-content h3{font-size:17px!important;line-height:1.35!important}
  .cm-home-v34 .cm34-service-content p{font-size:12.5px!important;line-height:1.65!important}
}

/* Phones / iPhone: image-forward horizontal cards; easy to scan without giant cards. */
@media (max-width:620px){
  .cm-home-v34 .cm34-services{overflow:hidden}
  .cm-home-v34 .cm34-service-grid{grid-template-columns:1fr!important;gap:12px!important}
  .cm-home-v34 .cm34-service-card{border-radius:16px!important;box-shadow:0 7px 20px rgba(10,66,109,.055)!important}
  .cm-home-v34 .cm34-service-card>a{display:grid!important;grid-template-columns:minmax(118px,38%) minmax(0,1fr)!important;min-height:132px;height:auto!important}
  .cm-home-v34 .cm34-service-photo{height:100%!important;min-height:132px!important;aspect-ratio:auto!important;border-radius:0!important}
  .cm-home-v34 .cm34-service-photo img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  .cm-home-v34 .cm34-service-photo .cm39-card-arrow{right:8px!important;bottom:8px!important;width:30px!important;height:30px!important}
  .cm-home-v34 .cm34-service-content{padding:14px 14px 13px!important;min-width:0!important;justify-content:center}
  .cm-home-v34 .cm34-service-content h3{font-size:15.5px!important;line-height:1.3!important;margin:0 0 6px!important}
  .cm-home-v34 .cm34-service-content p{font-size:11.5px!important;line-height:1.55!important;margin:0 0 8px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .cm-home-v34 .cm34-service-content>b{font-size:10px!important;margin-top:0!important}
}

/* Narrow phones: keep the image useful while preserving text readability. */
@media (max-width:390px){
  .cm-home-v34 .cm34-service-card>a{grid-template-columns:112px minmax(0,1fr)!important;min-height:126px}
  .cm-home-v34 .cm34-service-photo{min-height:126px!important}
  .cm-home-v34 .cm34-service-content{padding:12px!important}
  .cm-home-v34 .cm34-service-content h3{font-size:14.5px!important}
  .cm-home-v34 .cm34-service-content p{font-size:11px!important;-webkit-line-clamp:3}
}

/* ===== V48.8 MOBILE HOME SERVICE CARDS - FULL WIDTH IMAGE ===== */
/* HP/iPhone: card kembali vertikal dengan foto penuh selebar card. */
@media (max-width:620px){
  .cm-home-v34 .cm34-service-grid{grid-template-columns:1fr!important;gap:18px!important}
  .cm-home-v34 .cm34-service-card{width:100%!important;border-radius:18px!important;overflow:hidden!important}
  .cm-home-v34 .cm34-service-card>a{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;min-height:0!important;height:auto!important;width:100%!important}
  .cm-home-v34 .cm34-service-photo{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10!important;overflow:hidden!important}
  .cm-home-v34 .cm34-service-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}
  .cm-home-v34 .cm34-service-content{width:100%!important;padding:16px 17px 17px!important;justify-content:flex-start!important}
  .cm-home-v34 .cm34-service-content h3{font-size:17px!important;line-height:1.35!important;margin:0 0 7px!important}
  .cm-home-v34 .cm34-service-content p{font-size:12.5px!important;line-height:1.65!important;margin:0 0 10px!important;display:block!important;overflow:visible!important}
  .cm-home-v34 .cm34-service-content>b{font-size:10.5px!important;margin-top:0!important}
  .cm-home-v34 .cm34-service-photo .cm39-card-arrow{right:12px!important;bottom:12px!important;width:34px!important;height:34px!important}
}
@media (max-width:390px){
  .cm-home-v34 .cm34-service-card>a{display:flex!important;min-height:0!important}
  .cm-home-v34 .cm34-service-photo{min-height:0!important;aspect-ratio:16/10!important}
  .cm-home-v34 .cm34-service-content{padding:15px!important}
  .cm-home-v34 .cm34-service-content h3{font-size:16px!important}
  .cm-home-v34 .cm34-service-content p{font-size:12px!important}
}

/* ===== V48.9 HEADER LOGO - LARGE & CLEAR RESPONSIVE ===== */
/* Make the brand mark visually dominant without stretching the artwork. */
.site-header{height:82px!important}
.site-header.is-scrolled{height:76px!important}
.site-header .container.nav{min-height:100%!important}
.site-header .brand{width:250px!important;max-width:250px!important;flex:0 0 250px!important;display:flex!important;align-items:center!important;overflow:visible!important}
.site-header .brand img,.site-header .brand .custom-logo{display:block!important;width:250px!important;max-width:250px!important;height:auto!important;max-height:66px!important;object-fit:contain!important;object-position:left center!important}
@media (min-width:981px) and (max-width:1180px){
  .site-header .brand{width:210px!important;max-width:210px!important;flex-basis:210px!important}
  .site-header .brand img,.site-header .brand .custom-logo{width:210px!important;max-width:210px!important;max-height:60px!important}
}
@media (min-width:761px) and (max-width:980px){
  .site-header,.site-header.is-scrolled{height:76px!important}
  .site-header .brand{width:200px!important;max-width:200px!important;flex-basis:200px!important}
  .site-header .brand img,.site-header .brand .custom-logo{width:200px!important;max-width:200px!important;max-height:58px!important}
  .site-header .main-nav{top:76px!important}
}
@media (max-width:760px){
  .site-header,.site-header.is-scrolled{height:72px!important}
  .site-header .brand{width:190px!important;max-width:190px!important;flex:0 0 190px!important}
  .site-header .brand img,.site-header .brand .custom-logo{width:190px!important;max-width:190px!important;max-height:55px!important}
  .site-header .main-nav{top:72px!important}
}
@media (max-width:430px){
  .site-header .brand{width:180px!important;max-width:180px!important;flex-basis:180px!important}
  .site-header .brand img,.site-header .brand .custom-logo{width:180px!important;max-width:180px!important;max-height:53px!important}
}
@media (max-width:359px){
  .site-header .brand{width:164px!important;max-width:164px!important;flex-basis:164px!important}
  .site-header .brand img,.site-header .brand .custom-logo{width:164px!important;max-width:164px!important;max-height:49px!important}
}

/* ===== V49.0 FORCE HEADER LOGO VISIBILITY ===== */
/* Uses a dedicated wrapper so WordPress custom-logo metadata cannot shrink the visible mark. */
.site-header .brand.cm-logo-force{width:310px!important;max-width:310px!important;flex:0 0 310px!important;overflow:visible!important}
.site-header .brand.cm-logo-force .cm-logo-inner{display:block!important;width:100%!important;line-height:0!important;transform:scale(1.22)!important;transform-origin:left center!important}
.site-header .brand.cm-logo-force .custom-logo-link{display:block!important;width:100%!important;max-width:none!important;line-height:0!important}
.site-header .brand.cm-logo-force img,.site-header .brand.cm-logo-force .custom-logo{display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;object-fit:contain!important}
@media(max-width:1180px){.site-header .brand.cm-logo-force{width:270px!important;max-width:270px!important;flex-basis:270px!important}.site-header .brand.cm-logo-force .cm-logo-inner{transform:scale(1.18)!important}}
@media(max-width:980px){.site-header .brand.cm-logo-force{width:235px!important;max-width:235px!important;flex-basis:235px!important}.site-header .brand.cm-logo-force .cm-logo-inner{transform:scale(1.15)!important}}
@media(max-width:760px){.site-header .brand.cm-logo-force{width:205px!important;max-width:205px!important;flex-basis:205px!important}.site-header .brand.cm-logo-force .cm-logo-inner{transform:scale(1.12)!important}}
@media(max-width:430px){.site-header .brand.cm-logo-force{width:185px!important;max-width:185px!important;flex-basis:185px!important}.site-header .brand.cm-logo-force .cm-logo-inner{transform:scale(1.10)!important}}
@media(max-width:360px){.site-header .brand.cm-logo-force{width:165px!important;max-width:165px!important;flex-basis:165px!important}.site-header .brand.cm-logo-force .cm-logo-inner{transform:scale(1.06)!important}}

/* ===== V49.1 DEFINITIVE HEADER LOGO FIX ===== */
.site-header{height:96px!important}
.site-header .nav{height:96px!important;min-height:96px!important}
.site-header .brand.cm-logo-force{width:300px!important;max-width:300px!important;flex:0 0 300px!important;height:82px!important;display:flex!important;align-items:center!important;overflow:visible!important}
.site-header .brand.cm-logo-force>img{width:300px!important;max-width:none!important;height:76px!important;max-height:76px!important;object-fit:contain!important;object-position:left center!important;display:block!important}
@media(max-width:1100px){.site-header .brand.cm-logo-force{width:235px!important;max-width:235px!important;flex-basis:235px!important}.site-header .brand.cm-logo-force>img{width:235px!important;height:66px!important;max-height:66px!important}}
@media(max-width:760px){.site-header,.site-header .nav{height:78px!important;min-height:78px!important}.site-header .brand.cm-logo-force{width:205px!important;max-width:205px!important;flex:0 0 205px!important;height:68px!important}.site-header .brand.cm-logo-force>img{width:205px!important;height:60px!important;max-height:60px!important}.main-nav{top:78px!important}}
@media(max-width:390px){.site-header .brand.cm-logo-force{width:180px!important;max-width:180px!important;flex-basis:180px!important}.site-header .brand.cm-logo-force>img{width:180px!important;height:56px!important;max-height:56px!important}}


/* ===== V49.2 HEADER LOGO - TARGET BESAR SESUAI MOCKUP ===== */
/* Final override: logo dibuat dominan di desktop dan mobile. */
.site-header,.site-header.is-scrolled{height:104px!important;min-height:104px!important}
.site-header .container.nav{height:104px!important;min-height:104px!important;align-items:center!important}
.site-header .brand.cm-logo-force{width:320px!important;max-width:320px!important;flex:0 0 320px!important;height:88px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
.site-header .brand.cm-logo-force>img{display:block!important;width:320px!important;max-width:320px!important;height:auto!important;max-height:82px!important;object-fit:contain!important;object-position:left center!important;margin:0!important;padding:0!important}
@media(max-width:1180px) and (min-width:901px){
 .site-header,.site-header.is-scrolled,.site-header .container.nav{height:94px!important;min-height:94px!important}
 .site-header .brand.cm-logo-force{width:260px!important;max-width:260px!important;flex-basis:260px!important;height:80px!important}
 .site-header .brand.cm-logo-force>img{width:260px!important;max-width:260px!important;max-height:74px!important}
}
@media(max-width:900px){
 .site-header,.site-header.is-scrolled{height:100px!important;min-height:100px!important}
 .site-header .container.nav{height:100px!important;min-height:100px!important;width:calc(100% - 28px)!important;gap:10px!important}
 .site-header .brand.cm-logo-force{width:min(72vw,280px)!important;max-width:min(72vw,280px)!important;flex:0 1 min(72vw,280px)!important;height:86px!important}
 .site-header .brand.cm-logo-force>img{width:100%!important;max-width:100%!important;height:auto!important;max-height:80px!important}
 .site-header .mobile-toggle{margin-left:auto!important;flex:0 0 46px!important;width:46px!important;height:46px!important}
 .site-header .main-nav{top:100px!important}
}
@media(max-width:430px){
 .site-header,.site-header.is-scrolled,.site-header .container.nav{height:94px!important;min-height:94px!important}
 .site-header .brand.cm-logo-force{width:min(70vw,265px)!important;max-width:min(70vw,265px)!important;flex-basis:min(70vw,265px)!important;height:82px!important}
 .site-header .brand.cm-logo-force>img{width:100%!important;max-width:100%!important;max-height:76px!important}
 .site-header .main-nav{top:94px!important}
}
@media(max-width:360px){
 .site-header .brand.cm-logo-force{width:68vw!important;max-width:68vw!important;flex-basis:68vw!important}
 .site-header .mobile-toggle{flex-basis:42px!important;width:42px!important;height:42px!important}
}


/* ===== V49.3 MOBILE LOGO EXTRA LARGE - OTHER LAYOUT PRESERVED ===== */
/* Only mobile/tablet header sizing is overridden. Desktop and all page content stay unchanged. */
@media(max-width:900px){
 .site-header,.site-header.is-scrolled{height:112px!important;min-height:112px!important}
 .site-header .container.nav{height:112px!important;min-height:112px!important;width:calc(100% - 20px)!important;gap:6px!important}
 .site-header .brand.cm-logo-force{width:min(82vw,330px)!important;max-width:min(82vw,330px)!important;flex:0 1 min(82vw,330px)!important;height:100px!important}
 .site-header .brand.cm-logo-force>img{width:100%!important;max-width:100%!important;height:auto!important;max-height:94px!important;object-fit:contain!important;object-position:left center!important}
 .site-header .mobile-toggle{margin-left:auto!important;flex:0 0 44px!important;width:44px!important;height:44px!important}
 .site-header .main-nav{top:112px!important}
}
@media(max-width:430px){
 .site-header,.site-header.is-scrolled,.site-header .container.nav{height:108px!important;min-height:108px!important}
 .site-header .brand.cm-logo-force{width:80vw!important;max-width:80vw!important;flex:0 1 80vw!important;height:96px!important}
 .site-header .brand.cm-logo-force>img{width:100%!important;max-width:100%!important;max-height:90px!important}
 .site-header .mobile-toggle{flex:0 0 42px!important;width:42px!important;height:42px!important}
 .site-header .main-nav{top:108px!important}
}
@media(max-width:360px){
 .site-header .brand.cm-logo-force{width:78vw!important;max-width:78vw!important;flex-basis:78vw!important}
 .site-header .mobile-toggle{flex-basis:40px!important;width:40px!important;height:40px!important}
}

/* ===== V49.4 MOBILE HAMBURGER SAFE RIGHT SPACING ===== */
/* Keep the approved large mobile logo; only pull hamburger inward from screen edge. */
@media(max-width:900px){
 .site-header .container.nav{padding-right:8px!important;box-sizing:border-box!important}
 .site-header .mobile-toggle{margin-left:auto!important;margin-right:8px!important}
}
@media(max-width:430px){
 .site-header .container.nav{padding-right:10px!important}
 .site-header .mobile-toggle{margin-right:10px!important}
}
@media(max-width:360px){
 .site-header .container.nav{padding-right:8px!important}
 .site-header .mobile-toggle{margin-right:8px!important}
}

/* ===== V49.5 LOGO SLIGHTLY LARGER - DESKTOP + MOBILE ===== */
/* Preserve v49.4 layout and hamburger spacing; only increase visible logo a little. */
@media(min-width:1181px){
 .site-header,.site-header.is-scrolled,.site-header .container.nav{height:110px!important;min-height:110px!important}
 .site-header .brand.cm-logo-force{width:350px!important;max-width:350px!important;flex:0 0 350px!important;height:94px!important}
 .site-header .brand.cm-logo-force>img{width:350px!important;max-width:350px!important;max-height:88px!important}
}
@media(min-width:901px) and (max-width:1180px){
 .site-header,.site-header.is-scrolled,.site-header .container.nav{height:100px!important;min-height:100px!important}
 .site-header .brand.cm-logo-force{width:285px!important;max-width:285px!important;flex:0 0 285px!important;height:86px!important}
 .site-header .brand.cm-logo-force>img{width:285px!important;max-width:285px!important;max-height:80px!important}
}
@media(max-width:900px){
 .site-header,.site-header.is-scrolled,.site-header .container.nav{height:116px!important;min-height:116px!important}
 .site-header .brand.cm-logo-force{width:min(84vw,340px)!important;max-width:min(84vw,340px)!important;flex:0 1 min(84vw,340px)!important;height:104px!important}
 .site-header .brand.cm-logo-force>img{width:100%!important;max-width:100%!important;max-height:98px!important}
 .site-header .main-nav{top:116px!important}
}
@media(max-width:430px){
 .site-header,.site-header.is-scrolled,.site-header .container.nav{height:112px!important;min-height:112px!important}
 .site-header .brand.cm-logo-force{width:82vw!important;max-width:82vw!important;flex:0 1 82vw!important;height:100px!important}
 .site-header .brand.cm-logo-force>img{max-height:94px!important}
 .site-header .main-nav{top:112px!important}
}
@media(max-width:360px){
 .site-header .brand.cm-logo-force{width:80vw!important;max-width:80vw!important;flex-basis:80vw!important}
}

/* v49.6 - Footer logo replacement + compact mobile hero statistics */
.site-footer.cm-footer-ref .cm-footer-brand img{
  width:210px!important;
  max-width:100%!important;
  max-height:95px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:760px){
  .site-footer.cm-footer-ref .cm-footer-brand img{
    width:205px!important;
    max-height:92px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    object-position:center center!important;
  }
  .cm34-hero-image-wrap .cm34-floating{
    width:auto!important;
    min-width:58px!important;
    max-width:76px!important;
    padding:7px 9px!important;
    border-radius:10px!important;
    transform:none!important;
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }
  .cm34-hero-image-wrap .cm34-floating b{font-size:14px!important;line-height:1!important;white-space:nowrap!important}
  .cm34-hero-image-wrap .cm34-floating span{font-size:7px!important;line-height:1.15!important;margin-top:3px!important;white-space:nowrap!important}
  .cm34-hero-image-wrap .cm34-float-top{top:9px!important;left:9px!important;right:auto!important;bottom:auto!important}
  .cm34-hero-image-wrap .cm34-float-bottom{left:9px!important;right:auto!important;bottom:9px!important;top:auto!important}
}
@media(max-width:390px){
  .cm34-hero-image-wrap .cm34-floating{min-width:54px!important;max-width:70px!important;padding:6px 8px!important}
  .cm34-hero-image-wrap .cm34-floating b{font-size:13px!important}
  .cm34-hero-image-wrap .cm34-floating span{font-size:6.5px!important}
}

/* ===== V49.7 MOBILE SERVICE MENU READABILITY ===== */
/* Mobile only: larger service icons/text and comfortable one-column rows. Desktop/tablet unchanged. */
@media (max-width:620px){
  .cm-home-v34 .cm34-service-strip{
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:12px!important;
    padding-bottom:12px!important;
    border-radius:18px!important;
  }
  .cm-home-v34 .cm34-service-strip>a{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 28px!important;
    gap:13px!important;
    min-height:82px!important;
    padding:12px 13px!important;
    border:1px solid #e4edf5!important;
    border-radius:15px!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  .cm-home-v34 .cm34-service-strip>a>strong{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    border-radius:14px!important;
  }
  .cm-home-v34 .cm34-service-strip>a>strong .cm39-icon{
    width:27px!important;
    height:27px!important;
  }
  .cm-home-v34 .cm34-service-strip>a>span b{
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:800!important;
    color:#153f68!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .cm-home-v34 .cm34-service-strip>a>span small{
    font-size:12.5px!important;
    line-height:1.4!important;
    margin-top:5px!important;
    color:#71869a!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .cm-home-v34 .cm34-service-strip>a>i{
    width:28px!important;
    height:28px!important;
  }
  .cm-home-v34 .cm34-service-strip>a>i .cm39-icon{
    width:17px!important;
    height:17px!important;
  }
}
@media (max-width:380px){
  .cm-home-v34 .cm34-service-strip>a{grid-template-columns:50px minmax(0,1fr) 24px!important;gap:11px!important;min-height:78px!important;padding:11px!important}
  .cm-home-v34 .cm34-service-strip>a>strong{width:50px!important;height:50px!important;min-width:50px!important}
  .cm-home-v34 .cm34-service-strip>a>strong .cm39-icon{width:25px!important;height:25px!important}
  .cm-home-v34 .cm34-service-strip>a>span b{font-size:14.5px!important}
  .cm-home-v34 .cm34-service-strip>a>span small{font-size:12px!important}
}

/* v49.8 - footer logo supplied by user, left aligned on mobile */
.site-footer.cm-footer-ref .cm-footer-brand>a{display:block!important;text-align:left!important;}
.site-footer.cm-footer-ref .cm-footer-brand img{width:260px!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:left center!important;margin-left:0!important;margin-right:auto!important;}
@media(max-width:760px){
 .site-footer.cm-footer-ref .cm-footer-brand{display:block!important;text-align:left!important;align-items:flex-start!important;}
 .site-footer.cm-footer-ref .cm-footer-brand>a{display:block!important;width:100%!important;text-align:left!important;}
 .site-footer.cm-footer-ref .cm-footer-brand img{width:min(285px,88vw)!important;max-width:88vw!important;height:auto!important;max-height:none!important;margin:0 0 14px 0!important;object-position:left center!important;}
}

/* v49.9 - footer white transparent logo */
.site-footer .footer-logo{width:min(100%,300px)!important;max-width:300px!important;height:auto!important;display:block!important;object-fit:contain!important;filter:none!important;margin:0!important}
@media(max-width:767px){
 .footer-main{text-align:left!important}
 .footer-brand-link{display:block!important;width:100%!important;text-align:left!important}
 .site-footer .footer-logo{width:min(88vw,330px)!important;max-width:330px!important;margin:0!important;margin-left:0!important;margin-right:auto!important}
 .footer-lead{margin-left:0!important;margin-right:0!important;text-align:left!important}
}

/* ===== V50.0 MOBILE HOME SERVICES - FULL CARD / FULL IMAGE FIX =====
   HP/iPhone: setiap kartu layanan tampil utuh, tidak terpotong oleh tinggi tetap,
   dan foto memakai rasio asli asset (175x110) tanpa crop. Desktop/tablet tetap. */
@media (max-width:620px){
  .cm-home-v34 .cm34-services{overflow:visible!important;}
  .cm-home-v34 .cm34-service-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;overflow:visible!important;}
  .cm-home-v34 .cm34-service-card{display:block!important;width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important;}
  .cm-home-v34 .cm34-service-card>a{display:block!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;}
  .cm-home-v34 .cm34-service-photo{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:175/110!important;overflow:hidden!important;background:#eef4f8!important;}
  .cm-home-v34 .cm34-service-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center center!important;}
  .cm-home-v34 .cm34-service-content{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:15px 16px 16px!important;overflow:visible!important;}
  .cm-home-v34 .cm34-service-content h3,
  .cm-home-v34 .cm34-service-content p,
  .cm-home-v34 .cm34-service-content>b{max-height:none!important;overflow:visible!important;white-space:normal!important;}
  .cm-home-v34 .cm34-service-content p{display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;}
}


/* Cargomurah v50.1 — Layanan image fit fix
   Preserve the original service images: no crop, no stretch.
   Applies responsively on mobile/tablet/desktop. */
.home .services img,
.home .service-card img,
.home .layanan img,
.home .layanan-card img,
.home [class*="service"] img,
.home [class*="layanan"] img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}
@media (max-width: 767px) {
    .home .services img,
    .home .service-card img,
    .home .layanan img,
    .home .layanan-card img,
    .home [class*="service"] img,
    .home [class*="layanan"] img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: contain !important;
    }
}


/* =========================================================
   CARGOMURAH v50.2 — FINAL SERVICE IMAGE FULL VIEW
   Fix desktop + tablet + mobile.
   Original artwork is preserved; image is never cropped.
   ========================================================= */
.cm-home-v34 .cm34-service-photo{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1 / 1!important;
    overflow:hidden!important;
    background:#fff!important;
}
.cm-home-v34 .cm34-service-photo img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    display:block!important;
}
.cm-home-v34 .cm34-service-card:hover .cm34-service-photo img{
    transform:none!important;
}
@media (max-width:1000px){
    .cm-home-v34 .cm34-service-photo{
        aspect-ratio:1 / 1!important;
    }
}
@media (max-width:620px){
    .cm-home-v34 .cm34-service-card>a{
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
    }
    .cm-home-v34 .cm34-service-photo{
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:1 / 1!important;
    }
    .cm-home-v34 .cm34-service-photo img{
        position:absolute!important;
        inset:0!important;
        width:100%!important;
        height:100%!important;
        object-fit:contain!important;
        object-position:center center!important;
    }
}

/* v50.4 Services sync + Contact redesign */
.cm504-service-grid .cm504-service-card{display:block!important;height:100%;overflow:hidden}.cm504-service-grid .cm504-service-card>a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.cm504-service-grid .service-image{width:100%;height:auto!important;aspect-ratio:1/1!important;background:#fff;overflow:hidden}.cm504-service-grid .service-image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}.cm504-service-grid .service-body{display:flex;flex-direction:column;flex:1;padding:20px}.cm504-service-grid .service-body p{min-height:0}.cm504-service-grid .cm504-learn{display:inline-block;margin-top:auto;padding-top:14px;color:#0879d1;font-size:11px}
.cm504-contact-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fbff,#eef7ff 58%,#fff7e3);padding:70px 0 0}.cm504-contact-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:50px;min-height:520px}.cm504-contact-copy{padding:20px 0 76px}.cm504-contact-copy h1{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-2.5px;color:#07346f;margin:14px 0 18px}.cm504-contact-copy>p{max-width:650px;font-size:15px;line-height:1.8;color:#60758d}.cm504-contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.cm504-contact-actions a{padding:14px 20px;border-radius:12px;font-size:12px;font-weight:800;text-decoration:none}.cm504-contact-wa{background:#0879d1;color:#fff!important}.cm504-contact-secondary{background:#fff;color:#07346f!important;border:1px solid #d9e6f1}.cm504-contact-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:#587087;font-size:11px;font-weight:700}.cm504-cs-wrap{position:relative;min-height:500px;display:flex;justify-content:center;align-items:flex-end}.cm504-cs-wrap:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;bottom:40px;background:linear-gradient(145deg,#0b75c8,#07346f)}.cm504-cs-orbit{position:absolute;width:440px;height:440px;border:1px solid rgba(8,121,209,.18);border-radius:50%;bottom:15px}.cm504-cs-wrap>img{position:relative;z-index:2;max-width:430px;height:500px;object-fit:contain;object-position:bottom}.cm504-cs-badge{position:absolute;z-index:3;right:10px;bottom:45px;background:#fff;border-radius:14px;padding:12px 17px;box-shadow:0 14px 35px rgba(7,52,111,.16);display:flex;gap:10px;align-items:center}.cm504-cs-badge i{width:10px;height:10px;border-radius:50%;background:#22c55e}.cm504-cs-badge b,.cm504-cs-badge span{display:block}.cm504-cs-badge b{font-size:12px;color:#07346f}.cm504-cs-badge span{font-size:9px;color:#71859a}
.cm504-contact-section{padding:76px 0}.cm504-contact-heading{text-align:center;max-width:720px;margin:0 auto 32px}.cm504-contact-heading h2{font-size:clamp(30px,4vw,43px);line-height:1.12;color:#07346f;margin:8px 0 12px}.cm504-contact-heading p{color:#6b7f96;font-size:13px}.cm504-contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cm504-contact-cards article{border:1px solid #e2ebf3;border-radius:18px;padding:24px;background:#fff;box-shadow:0 8px 28px rgba(13,63,104,.055)}.cm504-contact-icon{width:44px;height:44px;border-radius:13px;background:#eef7ff;color:#0879d1;display:grid;place-items:center;font-size:18px;margin-bottom:18px}.cm504-contact-cards small{font-size:8px;letter-spacing:1px;font-weight:800;color:#0879d1}.cm504-contact-cards h3{font-size:15px;color:#07346f;margin:7px 0 9px;overflow-wrap:anywhere}.cm504-contact-cards p{font-size:10px;line-height:1.65;color:#71859a;min-height:34px}.cm504-contact-cards a{font-size:10px;font-weight:800;color:#0879d1;text-decoration:none}
.cm504-contact-location{padding:72px 0;background:#f6f9fc}.cm504-location-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:center}.cm504-location-copy h2{font-size:clamp(30px,4vw,42px);line-height:1.12;color:#07346f;margin:10px 0 14px}.cm504-location-copy>p{font-size:12px;line-height:1.75;color:#687d94}.cm504-info-list{display:grid;gap:10px;margin-top:24px}.cm504-info-list>div{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid #e3ebf3;border-radius:13px;padding:12px 14px}.cm504-info-list b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef7ff;color:#0879d1;font-size:10px}.cm504-info-list strong,.cm504-info-list small{display:block}.cm504-info-list strong{font-size:11px;color:#07346f}.cm504-info-list small{font-size:9px;color:#75889c}.cm504-map{border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(13,63,104,.08)}.cm504-map iframe{width:100%;height:370px;border:0;display:block}.cm504-map>div{padding:15px 18px}.cm504-map strong,.cm504-map span{display:block}.cm504-map strong{font-size:11px;color:#07346f}.cm504-map span{font-size:9px;color:#72869a;margin-top:3px}.cm504-contact-cta{padding:30px 0;background:#07346f;color:#fff}.cm504-contact-cta .container{display:flex;justify-content:space-between;align-items:center;gap:25px}.cm504-contact-cta span{font-size:8px;letter-spacing:1px;font-weight:800;color:#fdbb19}.cm504-contact-cta h2{font-size:24px;margin:5px 0}.cm504-contact-cta a{background:#fff;color:#07346f;text-decoration:none;font-size:11px;font-weight:800;padding:14px 18px;border-radius:12px}
@media(max-width:900px){.cm504-contact-hero-grid{grid-template-columns:1fr .8fr;gap:15px}.cm504-contact-cards{grid-template-columns:repeat(2,1fr)}.cm504-location-grid{grid-template-columns:1fr}}
@media(max-width:620px){.cm504-contact-hero{padding-top:32px}.cm504-contact-hero-grid{display:flex;flex-direction:column;min-height:0}.cm504-contact-copy{padding:10px 0 24px;width:100%}.cm504-contact-copy h1{font-size:38px;letter-spacing:-1.5px}.cm504-contact-copy>p{font-size:12px}.cm504-contact-actions a{flex:1;text-align:center}.cm504-contact-trust{gap:10px;font-size:9px}.cm504-cs-wrap{width:100%;min-height:350px}.cm504-cs-wrap:before{width:290px;height:290px;bottom:18px}.cm504-cs-orbit{width:320px;height:320px;bottom:3px}.cm504-cs-wrap>img{height:355px;max-width:100%}.cm504-cs-badge{right:2px;bottom:20px}.cm504-contact-section,.cm504-contact-location{padding:52px 0}.cm504-contact-cards{grid-template-columns:1fr;gap:11px}.cm504-contact-cards article{padding:18px}.cm504-contact-cards p{min-height:0}.cm504-map iframe{height:285px}.cm504-contact-cta .container{display:block;text-align:center}.cm504-contact-cta h2{font-size:20px;margin-bottom:16px}.cm504-contact-cta a{display:inline-block}}

/* v50.5 premium home sections */
.cm34-heading.centered{max-width:760px;margin-left:auto;margin-right:auto}.cm34-heading.centered>span,.cm34-about-copy>.cm34-label,.cm34-coverage-copy>span{display:inline-flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.08em}.cm34-heading.centered>span:before,.cm34-about-copy>.cm34-label:before,.cm34-coverage-copy>span:before{content:"";width:24px;height:2px;border-radius:99px;background:#f6b500}.cm505-section-note,.cm505-process-lead{max-width:660px;margin:18px auto 30px;text-align:center;color:#71859a;font-size:12px;line-height:1.7}
.cm34-values{background:linear-gradient(180deg,#fff,#f7fbff)!important}.cm505-value-grid{gap:18px!important}.cm505-value-grid article{border:1px solid #e2edf5!important;border-radius:22px!important;padding:28px!important;background:#fff!important;box-shadow:0 12px 35px rgba(8,66,115,.06)!important;transition:.25s}.cm505-value-grid article:hover{transform:translateY(-4px)}.cm505-value-grid .cm34-number{width:48px!important;height:48px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#eaf6ff,#fff8df)!important;color:#0879d1!important}.cm505-value-grid h3{font-size:18px!important}.cm505-value-grid p{font-size:12px!important;line-height:1.7!important}
.cm34-about{background:#f4faff!important}.cm34-about-grid{gap:58px!important;align-items:center!important}.cm34-about-visual>img{border-radius:28px!important;box-shadow:0 24px 55px rgba(8,66,115,.13)!important;border:7px solid #fff!important}.cm34-about-copy h2{font-size:clamp(34px,4vw,52px)!important;line-height:1.08!important}.cm34-about-copy>p{font-size:13px!important;line-height:1.8!important}.cm505-about-note{margin:18px 0;padding:14px 16px;border-left:3px solid #f6b500;background:#fff8e6;border-radius:0 12px 12px 0;color:#36556f;font-size:11px;line-height:1.65;font-weight:600}.cm34-mini-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.cm34-mini-list span{min-height:50px!important;border:1px solid #dfeaf3!important;background:#fff!important;border-radius:14px!important;padding:12px 14px!important}
.cm34-coverage{background:linear-gradient(135deg,#edf9ff,#f7fbff 50%,#fff9e9)!important}.cm34-coverage-box{gap:48px!important}.cm34-coverage-copy h2{font-size:clamp(36px,4.5vw,54px)!important;line-height:1.05!important}.cm34-stats{gap:10px!important;margin:26px 0!important}.cm34-stats>div{background:#fff!important;border:1px solid #dceaf4!important;border-radius:16px!important;padding:15px 12px!important;box-shadow:0 8px 24px rgba(8,66,115,.05)}.cm34-stats b{font-size:26px!important}.cm34-stats small{display:block;color:#8b9aaa;font-size:8px;margin-top:3px}.cm34-coverage-visual{padding:10px!important;background:#fff!important;border-radius:26px!important;box-shadow:0 22px 50px rgba(8,66,115,.12)!important}.cm34-coverage-visual img{border-radius:19px!important;width:100%!important;height:auto!important}
.cm505-process-grid{position:relative;gap:16px!important}.cm505-process-grid:before{content:"";position:absolute;left:8%;right:8%;top:32px;height:2px;background:linear-gradient(90deg,#0879d1,#5bb9ee,#f6b500)}.cm505-process-grid article{position:relative;border:1px solid #e1ebf3!important;border-radius:20px!important;background:#fff!important;padding:25px 22px!important;box-shadow:0 10px 28px rgba(8,66,115,.055)!important;min-height:190px!important}.cm505-process-grid article>b{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#0879d1!important;color:#fff!important;border:7px solid #edf8ff!important;margin-bottom:20px!important}.cm505-process-grid h3{font-size:17px!important}.cm505-process-grid p{font-size:11px!important;line-height:1.7!important}
@media(max-width:767px){.cm34-section{padding-top:54px!important;padding-bottom:54px!important}.cm34-heading.centered{text-align:left!important}.cm34-heading.centered h2,.cm34-about-copy h2,.cm34-coverage-copy h2{font-size:31px!important;line-height:1.12!important}.cm505-section-note,.cm505-process-lead{text-align:left;margin:12px 0 22px;font-size:10px}.cm505-value-grid{grid-template-columns:1fr!important;gap:11px!important}.cm505-value-grid article{padding:18px!important;border-radius:17px!important;display:grid!important;grid-template-columns:46px 1fr!important;gap:13px!important}.cm505-value-grid .cm34-number{width:42px!important;height:42px!important}.cm505-value-grid h3{font-size:16px!important}.cm505-value-grid p{font-size:11px!important}.cm34-about-grid{display:flex!important;flex-direction:column!important;gap:28px!important}.cm34-about-visual{order:2!important}.cm34-about-copy{order:1!important}.cm34-mini-list{grid-template-columns:1fr!important;gap:8px!important}.cm34-coverage-box{display:flex!important;flex-direction:column!important;gap:28px!important}.cm34-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.cm34-stats>div{padding:12px 7px!important;text-align:center!important}.cm34-stats b{font-size:22px!important}.cm34-stats span{font-size:8px!important}.cm34-stats small{font-size:7px!important}.cm505-process-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}.cm505-process-grid:before{left:20px!important;right:auto!important;top:25px!important;bottom:25px!important;width:2px!important;height:auto!important}.cm505-process-grid article{min-height:0!important;padding:18px 16px 18px 68px!important;border:0!important;border-bottom:1px solid #e2ebf2!important;border-radius:0!important;box-shadow:none!important}.cm505-process-grid article>b{position:absolute!important;left:0!important;top:17px!important;width:42px!important;height:42px!important;margin:0!important}.cm505-process-grid h3{font-size:16px!important}.cm505-process-grid p{font-size:11px!important}}


/* Cargomurah v50.6 — desktop inner spacing: About, Tracking, Reach */
@media (min-width: 1024px){
  .subhero-v31.about-v31 .container,
  .subhero-v31.tracking-v31 .container,
  .subhero-v31.reach-v31 .container{
    width:min(1180px, calc(100% - 96px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:28px !important;
    padding-right:28px !important;
    box-sizing:border-box !important;
  }
  .subhero-v31.about-v31 .subhero-copy,
  .subhero-v31.tracking-v31 .subhero-copy,
  .subhero-v31.reach-v31 .subhero-copy{
    padding-left:12px !important;
    padding-right:12px !important;
    box-sizing:border-box !important;
  }
}


/* Cargomurah v50.7 — desktop inner spacing: Layanan */
@media (min-width: 1024px){
  .subhero-v31.services-v31 .container,
  .subhero-v31.service-v31 .container,
  .subhero-v31.layanan-v31 .container{
    width:min(1180px, calc(100% - 96px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:28px !important;
    padding-right:28px !important;
    box-sizing:border-box !important;
  }
  .subhero-v31.services-v31 .subhero-copy,
  .subhero-v31.service-v31 .subhero-copy,
  .subhero-v31.layanan-v31 .subhero-copy{
    padding-left:12px !important;
    padding-right:12px !important;
    box-sizing:border-box !important;
  }
  /* fallback for current page-services markup */
  body.page-template-page-services .subhero-v31 .container{
    width:min(1180px, calc(100% - 96px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:28px !important;
    padding-right:28px !important;
    box-sizing:border-box !important;
  }
  body.page-template-page-services .subhero-v31 .subhero-copy{
    padding-left:12px !important;
    padding-right:12px !important;
    box-sizing:border-box !important;
  }
}


/* =========================================================
   Cargomurah v50.9 — Mobile/Tablet Sticky Navigation
   Logo + hamburger tetap terlihat saat halaman di-scroll.
   ========================================================= */
@media (max-width: 991px){
  .site-header{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:0 !important;
    z-index:99990 !important;
    width:100% !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 5px 18px rgba(5,47,91,.10) !important;
    border-bottom:1px solid rgba(8,80,135,.08) !important;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
  }
  body.admin-bar .site-header{
    top:46px !important;
  }
  .site-header .nav{
    min-height:64px !important;
    padding-top:7px !important;
    padding-bottom:7px !important;
    align-items:center !important;
  }
  .site-header .brand{
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
  }
  .site-header .brand img{
    max-height:47px !important;
    width:auto !important;
    object-fit:contain !important;
  }
  .site-header .mobile-toggle{
    flex:0 0 auto !important;
    position:relative !important;
    z-index:99992 !important;
  }
  /* Menu dropdown mengikuti header sticky, sehingga tetap dapat dibuka saat scroll. */
  .site-header .main-nav{
    z-index:99991 !important;
  }
}
@media (max-width: 782px){
  body.admin-bar .site-header{top:46px !important;}
}
@media (max-width: 600px){
  /* WordPress admin bar tidak lagi fixed setelah scroll pada layar kecil. */
  body.admin-bar .site-header{top:0 !important;}
}


/* ==========================================================
   Cargomurah v51.0 — FIXED HEADER FINAL (Desktop + Mobile)
   Menggunakan position:fixed karena sticky dapat gagal bila
   parent theme memakai overflow/transform.
   ========================================================== */
:root{--cm-fixed-header-h:104px;}

.site-header,
.site-header.is-scrolled{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:2147483000 !important;
    background:rgba(255,255,255,.985) !important;
    box-shadow:0 5px 22px rgba(6,43,103,.10) !important;
    border-bottom:1px solid rgba(6,43,103,.10) !important;
}

/* Kompensasi tinggi header supaya isi halaman tidak tertutup */
body{
    padding-top:var(--cm-fixed-header-h) !important;
}

/* WordPress admin bar saat login */
body.admin-bar .site-header,
body.admin-bar .site-header.is-scrolled{
    top:32px !important;
}

@media (min-width:1200px){
    :root{--cm-fixed-header-h:104px;}
}
@media (min-width:992px) and (max-width:1199px){
    :root{--cm-fixed-header-h:94px;}
}
@media (max-width:991px){
    :root{--cm-fixed-header-h:116px;}
    .site-header,
    .site-header.is-scrolled{
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter:blur(10px);
    }
    .site-header .main-nav{
        position:absolute !important;
        left:0 !important;
        right:0 !important;
        z-index:2147483001 !important;
    }
}
@media (max-width:782px){
    body.admin-bar .site-header,
    body.admin-bar .site-header.is-scrolled{
        top:46px !important;
    }
}
@media (max-width:600px){
    :root{--cm-fixed-header-h:112px;}
    /* Admin bar WordPress ikut scroll pada layar kecil */
    body.admin-bar .site-header,
    body.admin-bar .site-header.is-scrolled{
        top:0 !important;
    }
}
@media (max-width:420px){
    :root{--cm-fixed-header-h:112px;}
}


/* ==========================================================
   Cargomurah v51.1 — WordPress Dashboard Dynamic Header Menu
   ========================================================== */
.main-nav.cm-dashboard-menu .cm-primary-menu{
  display:flex;
  align-items:center;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}
.main-nav.cm-dashboard-menu .cm-primary-menu > li{
  position:relative;
  margin:0;
  padding:0;
  list-style:none;
}
.main-nav.cm-dashboard-menu .cm-primary-menu > li > a{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:0 16px;
  text-decoration:none;
  white-space:nowrap;
}
.main-nav.cm-dashboard-menu .menu-item-has-children > a::after{
  content:"›";
  display:inline-block;
  margin-left:7px;
  font-size:16px;
  transform:rotate(90deg);
  transition:transform .2s ease;
}
.main-nav.cm-dashboard-menu .sub-menu{
  position:absolute;
  top:100%;
  left:0;
  min-width:220px;
  margin:0;
  padding:8px;
  list-style:none;
  background:#fff;
  border:1px solid #dce8f1;
  border-radius:12px;
  box-shadow:0 15px 35px rgba(4,43,83,.14);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.18s ease;
  z-index:2147483005;
}
.main-nav.cm-dashboard-menu li:hover > .sub-menu,
.main-nav.cm-dashboard-menu li:focus-within > .sub-menu{
  opacity:1;
  visibility:visible;
  transform:none;
}
.main-nav.cm-dashboard-menu .sub-menu li{position:relative;list-style:none;margin:0}
.main-nav.cm-dashboard-menu .sub-menu a{
  display:block;
  padding:10px 12px;
  border-radius:8px;
  text-decoration:none;
  white-space:nowrap;
}
.main-nav.cm-dashboard-menu .sub-menu a:hover{background:#f1f8fd}
.main-nav.cm-dashboard-menu .sub-menu .sub-menu{
  top:0;
  left:100%;
  margin-left:6px;
}
@media(max-width:991px){
  .main-nav.cm-dashboard-menu .cm-primary-menu{
    display:block;
    width:100%;
  }
  .main-nav.cm-dashboard-menu .cm-primary-menu > li > a,
  .main-nav.cm-dashboard-menu .sub-menu a{
    min-height:auto;
    padding:12px 14px;
    white-space:normal;
  }
  .main-nav.cm-dashboard-menu .sub-menu,
  .main-nav.cm-dashboard-menu .sub-menu .sub-menu{
    position:static;
    min-width:0;
    margin:0 0 0 14px;
    padding:0 0 0 8px;
    border:0;
    border-left:1px solid #dce8f1;
    border-radius:0;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    transform:none;
    display:block;
    background:transparent;
  }
}


/* ==========================================================
   v51.6 — AUTO RESPONSIVE HEADER MENU SPACING
   Menyesuaikan lebar item berdasarkan panjang nama menu.
   Tidak mengubah desain dasar header.
   ========================================================== */
@media (min-width: 992px){
  .site-header .header-inner,
  .site-header .header-main,
  .main-header .header-inner,
  header .header-inner{
    min-width:0;
  }

  .main-nav,
  .main-nav.cm-dashboard-menu{
    flex:1 1 auto;
    min-width:0;
  }

  .main-nav.cm-dashboard-menu .cm-primary-menu{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:clamp(3px,.55vw,10px);
    min-width:0;
  }

  .main-nav.cm-dashboard-menu .cm-primary-menu > li{
    flex:0 1 auto;
    min-width:0;
  }

  .main-nav.cm-dashboard-menu .cm-primary-menu > li > a{
    width:auto;
    min-width:max-content;
    padding-left:clamp(7px,.8vw,14px);
    padding-right:clamp(7px,.8vw,14px);
    font-size:clamp(10px,.78vw,13px);
    line-height:1.15;
    white-space:nowrap;
    justify-content:center;
  }

  /* Nama menu yang lebih panjang mendapat ruang sesuai isi, bukan menimpa item berikutnya */
  .main-nav.cm-dashboard-menu .cm-primary-menu > li > a{
    overflow:visible;
    text-overflow:clip;
  }
}

/* Desktop/laptop yang lebih sempit: rapatkan secara proporsional, tetap tidak bertabrakan */
@media (min-width:992px) and (max-width:1250px){
  .main-nav.cm-dashboard-menu .cm-primary-menu{
    gap:2px;
  }
  .main-nav.cm-dashboard-menu .cm-primary-menu > li > a{
    padding-left:6px;
    padding-right:6px;
    font-size:10px;
  }
}

/* Mobile tetap mengikuti hamburger/layout mobile tema */
@media (max-width:991px){
  .main-nav.cm-dashboard-menu .cm-primary-menu > li > a{
    width:100%;
    white-space:normal;
  }
}


/* ==========================================================
   Cargomurah v51.7 — FINAL AUTO WIDTH HEADER MENU FIX
   Penyebab v51.6: UL master menu memakai width:100% padahal
   masih satu baris dengan tombol Daftar Tarif Pengiriman.
   ========================================================== */
@media (min-width: 992px){

  .site-header .container.nav{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:14px !important;
  }

  .site-header .brand{
    flex:0 0 auto !important;
  }

  .site-header .main-nav.cm-dashboard-menu{
    display:flex !important;
    flex:1 1 auto !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-width:0 !important;
    gap:8px !important;
    padding:5px !important;
    box-sizing:border-box !important;
  }

  /* Tarif Pengiriman tetap memiliki ruang sendiri */
  .site-header .main-nav.cm-dashboard-menu > .cm-tariff-item,
  .site-header .main-nav.cm-dashboard-menu > .cm-tariff-page-link{
    flex:0 0 auto !important;
  }

  /* MASTER MENU: jangan width 100%, karena itulah sumber tabrakan */
  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu{
    width:auto !important;
    max-width:none !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-evenly !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li{
    flex:0 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li > a{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    padding:9px clamp(5px,.55vw,10px) !important;
    margin:0 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    line-height:1.2 !important;
    box-sizing:border-box !important;
  }

  .site-header .header-cta{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }
}

/* Laptop: ruang otomatis dipadatkan tanpa saling menimpa */
@media (min-width:992px) and (max-width:1199px){
  .site-header .container.nav{gap:8px !important;}
  .site-header .main-nav.cm-dashboard-menu{gap:4px !important;}
  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li > a{
    padding-left:4px !important;
    padding-right:4px !important;
    font-size:9.5px !important;
  }
  .site-header .cm-tariff-toggle{
    font-size:9.5px !important;
    padding-left:7px !important;
    padding-right:7px !important;
  }
  .site-header .header-cta{
    padding-left:11px !important;
    padding-right:11px !important;
    font-size:10px !important;
  }
}

/* HP/tablet tetap memakai menu hamburger yang sudah ada */
@media (max-width:991px){
  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu{
    width:100% !important;
    display:block !important;
  }
  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li > a{
    width:100% !important;
    white-space:normal !important;
  }
}


/* ==========================================================
   v51.8 — Fine spacing desktop + clearer mobile menu typography
   ========================================================== */

/* Desktop: tambah jarak sedikit saja, tetap auto-presisi */
@media (min-width:1200px){
  .site-header .main-nav.cm-dashboard-menu{
    gap:10px !important;
  }
  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu{
    justify-content:space-around !important;
  }
  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li > a{
    padding-left:clamp(7px,.68vw,12px) !important;
    padding-right:clamp(7px,.68vw,12px) !important;
  }
}

/* Mobile/tablet: tulisan menu lebih besar, jelas, dan nyaman disentuh */
@media (max-width:991px){
  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li > a{
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
    padding:13px 15px !important;
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
    letter-spacing:0 !important;
  }

  .site-header .main-nav.cm-dashboard-menu .sub-menu a{
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.35 !important;
    padding:11px 14px !important;
    min-height:42px !important;
  }

  .site-header .cm-tariff-toggle,
  .site-header .cm-tariff-page-link{
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
  }
}


/* ==========================================================
   v51.9 — BALANCED EQUAL MENU SPACING
   Jarak visual antar tulisan dibuat konsisten.
   Item panjang mendapat ruang tanpa menempel item berikutnya.
   ========================================================== */
@media (min-width:1200px){
  .site-header .main-nav.cm-dashboard-menu{
    gap:8px !important;
  }

  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu{
    width:auto !important;
    flex:1 1 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:0 !important;
  }

  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li{
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
  }

  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li > a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:max-content !important;
    padding:10px 9px !important;
    margin:0 !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
  }

  /* ruang aman yang sama di antara setiap item menu */
  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li + li{
    margin-left:4px !important;
  }
}

/* Laptop 992–1199: tetap seimbang, hanya sedikit lebih kompak */
@media (min-width:992px) and (max-width:1199px){
  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu{
    justify-content:space-between !important;
  }
  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li{
    flex:0 0 auto !important;
  }
  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li > a{
    min-width:max-content !important;
    padding:9px 5px !important;
    margin:0 !important;
    white-space:nowrap !important;
  }
  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li + li{
    margin-left:2px !important;
  }
}


/* ==========================================================
   v52.0 — SMART DYNAMIC HEADER FIT
   Menu baru otomatis berbagi ruang, tidak terpotong oleh CTA.
   ========================================================== */
@media (min-width: 992px){
  .site-header .container.nav{
    display:grid !important;
    grid-template-columns:minmax(245px, .78fr) minmax(0, 2.25fr) auto !important;
    align-items:center !important;
    column-gap:clamp(10px,1.15vw,18px) !important;
    width:100% !important;
    max-width:1240px !important;
    box-sizing:border-box !important;
  }

  .site-header .brand{
    min-width:0 !important;
    max-width:100% !important;
  }

  .site-header .main-nav.cm-dashboard-menu{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:clamp(4px,.45vw,8px) !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  .site-header .main-nav.cm-dashboard-menu > .cm-tariff-item,
  .site-header .main-nav.cm-dashboard-menu > .cm-tariff-page-link{
    flex:0 1 auto !important;
    min-width:max-content !important;
  }

  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-evenly !important;
    gap:0 !important;
    overflow:visible !important;
  }

  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li{
    flex:0 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li > a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:0 !important;
    padding:10px clamp(4px,.48vw,8px) !important;
    margin:0 !important;
    font-size:clamp(9.5px,.73vw,12px) !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    box-sizing:border-box !important;
  }

  .site-header .header-cta{
    position:relative !important;
    z-index:3 !important;
    flex:none !important;
    min-width:max-content !important;
    margin:0 !important;
    white-space:nowrap !important;
  }
}

/* Laptop dengan banyak item: dipadatkan secara proporsional */
@media (min-width:992px) and (max-width:1199px){
  .site-header .container.nav{
    grid-template-columns:minmax(205px,.68fr) minmax(0,2.45fr) auto !important;
    column-gap:8px !important;
  }
  .site-header .main-nav.cm-dashboard-menu{
    gap:3px !important;
  }
  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li > a{
    padding-left:3px !important;
    padding-right:3px !important;
    font-size:9px !important;
  }
  .site-header .cm-tariff-toggle,
  .site-header .cm-tariff-page-link{
    font-size:9px !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }
  .site-header .header-cta{
    padding-left:10px !important;
    padding-right:10px !important;
    font-size:10px !important;
  }
}

/* Mobile tetap besar/jelas dan hamburger tidak terpengaruh */
@media (max-width:991px){
  .site-header .container.nav{
    display:flex !important;
  }
  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu{
    width:100% !important;
    display:block !important;
  }
  .site-header .main-nav.cm-dashboard-menu > .cm-primary-menu > li > a{
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
    padding:13px 15px !important;
    min-height:46px !important;
    white-space:normal !important;
  }
}

/* v53.8 - Contrast/accessibility fix for dark information panels */
.pickup-side,
.tracking-help {
  color:#ffffff !important;
}
.pickup-side h1,.pickup-side h2,.pickup-side h3,.pickup-side h4,.pickup-side h5,.pickup-side h6,
.pickup-side p,.pickup-side span,.pickup-side strong,.pickup-side b,.pickup-side small,.pickup-side li,
.tracking-help h1,.tracking-help h2,.tracking-help h3,.tracking-help h4,.tracking-help h5,.tracking-help h6,
.tracking-help p,.tracking-help span,.tracking-help strong,.tracking-help b,.tracking-help small,.tracking-help li {
  color:#ffffff !important;
  opacity:1 !important;
}
.pickup-side p,.tracking-help p {color:#eaf3ff !important;}
.pickup-side .side-number,.tracking-help .help-number {
  color:#ffffff !important;
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.12);
}
.pickup-side .notice,.tracking-help .notice {
  background:#ffffff !important;
  color:#23466f !important;
  border-color:rgba(255,255,255,.75) !important;
}
.pickup-side .notice *, .tracking-help .notice * {color:#23466f !important;}

/* General safeguard for existing dark blue utility/CTA panels */
.cm-dark-panel,.dark-panel,.navy-panel,[class*="dark-card"] {
  color:#ffffff;
}
.cm-dark-panel h1,.cm-dark-panel h2,.cm-dark-panel h3,.cm-dark-panel p,.cm-dark-panel span,.cm-dark-panel strong,
.dark-panel h1,.dark-panel h2,.dark-panel h3,.dark-panel p,.dark-panel span,.dark-panel strong,
.navy-panel h1,.navy-panel h2,.navy-panel h3,.navy-panel p,.navy-panel span,.navy-panel strong,
[class*="dark-card"] h1,[class*="dark-card"] h2,[class*="dark-card"] h3,[class*="dark-card"] p,[class*="dark-card"] span,[class*="dark-card"] strong {
  color:inherit;
}

/* v54.2 - Jangkauan: replace duplicate map block with informative content */
.reach-coverage-content{background:#fff}
.reach-coverage-head{max-width:820px;margin:0 auto 28px;text-align:center}
.reach-coverage-head h2{font-size:clamp(30px,4vw,44px);line-height:1.12;color:var(--navy);margin:10px 0 12px}
.reach-coverage-head p{color:#667b93;line-height:1.8;margin:0}
.reach-coverage-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.reach-coverage-cards article{padding:24px;border:1px solid #dce8f3;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(15,55,95,.05)}
.reach-card-no{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf5ff;color:#0876d1;font-size:11px;font-weight:800;margin-bottom:14px}
.reach-coverage-cards h3{font-size:16px;line-height:1.35;color:var(--navy);margin:0 0 8px}
.reach-coverage-cards p{font-size:12px;line-height:1.7;color:#687d94;margin:0}
.reach-coverage-action{margin-top:18px;padding:20px 22px;border-radius:16px;background:#f3f8fd;border:1px solid #dce8f3;display:flex;align-items:center;justify-content:space-between;gap:20px}
.reach-coverage-action strong,.reach-coverage-action span{display:block}.reach-coverage-action strong{color:var(--navy);font-size:16px}.reach-coverage-action span{color:#687d94;font-size:11px;margin-top:4px;line-height:1.6}
@media(max-width:900px){.reach-coverage-cards{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.reach-coverage-head{text-align:left;margin-bottom:20px}.reach-coverage-head h2{font-size:29px}.reach-coverage-head p{font-size:13px}.reach-coverage-cards{grid-template-columns:1fr;gap:12px}.reach-coverage-cards article{padding:19px}.reach-coverage-cards h3{font-size:15px}.reach-coverage-cards p{font-size:12px}.reach-coverage-action{align-items:stretch;flex-direction:column;padding:18px}.reach-coverage-action .btn{width:100%;text-align:center}}

/* v54.8 - Paragraph readability: justified body copy only */
.site-main p,
.entry-content p,
.page-content p,
.home-main p,
.about-main p,
.services-main p,
.reach-main p,
.contact-main p,
.service-detail p,
.seo-location-page p,
.reach-coverage-content p {
  text-align: justify;
  text-justify: inter-word;
  line-height: 1.75;
  overflow-wrap: break-word;
}

/* Keep UI/navigation/button/badge copy naturally aligned */
.site-header p,
.site-footer p,
.btn p,
button p,
.badge p,
[class*="badge"] p,
[class*="button"] p,
[class*="btn"] p {
  text-align: inherit;
}

@media (max-width: 767px) {
  .site-main p,
  .entry-content p,
  .page-content p,
  .home-main p,
  .about-main p,
  .services-main p,
  .reach-main p,
  .contact-main p,
  .service-detail p,
  .seo-location-page p,
  .reach-coverage-content p {
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.72;
    hyphens: auto;
    -webkit-hyphens: auto;
  }
}

/* v54.9 - HARD FIX: justified paragraph text on SEO/city and content pages */
.page-wrap-v31 article p:not(.cm-seo-eyebrow),
.page-wrap-v31 .entry-content p:not(.cm-seo-eyebrow),
.content-card article p:not(.cm-seo-eyebrow),
.site-main article p:not(.cm-seo-eyebrow),
.entry-content p:not(.cm-seo-eyebrow) {
  text-align: justify !important;
  text-align-last: left !important;
  text-justify: inter-word !important;
  line-height: 1.8 !important;
  overflow-wrap: break-word;
}
@media (max-width: 767px) {
  .page-wrap-v31 article p:not(.cm-seo-eyebrow),
  .page-wrap-v31 .entry-content p:not(.cm-seo-eyebrow),
  .content-card article p:not(.cm-seo-eyebrow),
  .site-main article p:not(.cm-seo-eyebrow),
  .entry-content p:not(.cm-seo-eyebrow) {
    text-align: justify !important;
    text-align-last: left !important;
    text-justify: inter-word !important;
    line-height: 1.75 !important;
    hyphens: auto;
    -webkit-hyphens: auto;
  }
}