/*
Theme Name: SewaTrukMurah Premium V15.5.1 Maps Real
Theme URI: https://sewatrukmurah.com/
Author: UNITRAX
Description: Corporate logistics WordPress theme untuk Ekspedisi CV UNITRAX dengan penguatan SEO teknis, structured data, canonical, Open Graph dan metadata sosial.
Version: 15.5.1
Requires at least: 6.0
*/
:root{--blue:#0b43a5;--blue2:#155bd1;--navy:#061638;--red:#d71920;--green:#159447;--ink:#101828;--muted:#667085;--soft:#f5f7fb;--line:#e5e9f0;--white:#fff;--shadow:0 22px 65px rgba(7,26,70,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}section{padding:92px 0}
.topbar-v9{background:#04102d;color:#bfcce7;font-size:10px;letter-spacing:.55px}.topbar-v9-inner{min-height:32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar-v9 span:first-child{color:#fff;font-weight:900;letter-spacing:1px}.nav-v9{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,24,40,.07)}.nav-v9-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-v9,.footer-v9-brand{display:flex;align-items:center;gap:7px}.brand-v9 img{width:27px;height:27px;object-fit:contain}.brand-v9 span,.footer-v9-brand span{display:flex;flex-direction:column;line-height:1}.brand-v9 strong,.footer-v9-brand strong{font-size:17px;letter-spacing:.9px;color:var(--blue)}.brand-v9 small,.footer-v9-brand small{font-size:7px;letter-spacing:1.25px;font-weight:900;color:#475467;margin-top:4px}.menu-v9{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:900}.menu-v9 a:not(.cta-v9){color:#344054}.menu-v9 a:not(.cta-v9):hover{color:var(--blue)}.cta-v9{background:var(--red);color:#fff!important;padding:10px 15px;border-radius:9px;box-shadow:0 7px 18px rgba(215,25,32,.18)}
.hero-v9{position:relative;min-height:700px;display:flex;align-items:center;overflow:hidden;background:var(--navy);color:#fff}.hero-v9-photo,.hero-v9-overlay{position:absolute;inset:0}.hero-v9-photo img{width:100%;height:100%;object-fit:cover;object-position:center 47%}.hero-v9-overlay{background:linear-gradient(90deg,rgba(3,15,44,.97) 0%,rgba(3,15,44,.88) 43%,rgba(3,15,44,.43) 72%,rgba(3,15,44,.18) 100%)}.hero-v9-content{position:relative;z-index:2;padding:115px 0 150px}.hero-v9-copy{max-width:740px}.hero-v9-kicker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-v9-kicker span{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.09);font-size:9px;font-weight:900;letter-spacing:1.25px}.hero-v9-kicker em{font-style:normal;font-size:9px;font-weight:900;letter-spacing:1.5px;color:#c9d6ef}.hero-v9 h1{font-size:clamp(47px,6vw,78px);line-height:1.01;letter-spacing:-3.6px;margin:20px 0 18px}.hero-v9 h1 strong{color:#ff5b62;font-weight:950}.hero-v9-copy>p{font-size:18px;line-height:1.65;color:#dbe6fb;max-width:680px;margin:0}.hero-v9-actions{display:flex;gap:12px;flex-wrap:wrap;margin:29px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:13px 18px;border-radius:10px;font-weight:900;border:0;font-size:13px}.btn-red{background:var(--red);color:#fff;box-shadow:0 10px 25px rgba(215,25,32,.2)}.btn-green{background:var(--green);color:#fff}.btn-outline{border:1px solid #cfd6e2;background:#fff;color:var(--navy)}.btn-glass{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(10px)}.hero-v9-points{display:flex;gap:20px;flex-wrap:wrap;color:#dbe6fb;font-size:11px;font-weight:800}.hero-v9-bottom{position:absolute;left:0;right:0;bottom:0;background:rgba(2,12,34,.83);border-top:1px solid rgba(255,255,255,.11)}.hero-v9-bottom-grid{display:grid;grid-template-columns:repeat(3,1fr)}.hero-v9-bottom-grid>div{position:relative;padding:17px 23px;border-right:1px solid rgba(255,255,255,.1)}.hero-v9-bottom-grid>div:last-child{border-right:0}.hero-v9-bottom small{position:absolute;top:14px;right:18px;color:#7287b4;font-size:9px;font-weight:900}.hero-v9-bottom strong{display:block;font-size:10px;letter-spacing:1.3px}.hero-v9-bottom span{display:block;font-size:10px;color:#aebddd;margin-top:3px}
.quick-v9{padding:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 8px 30px rgba(15,23,42,.04);position:relative;z-index:5}.quick-v9-grid{display:grid;grid-template-columns:1fr 1.7fr 1fr auto;align-items:center}.quick-v9-grid>div,.quick-v9-grid>a{padding:20px 24px;border-right:1px solid var(--line)}.quick-v9-grid>div:first-child{padding-left:0}.quick-v9-grid>div span{display:block;color:#98a2b3;font-size:8px;font-weight:900;letter-spacing:1.4px}.quick-v9-grid>div strong{display:block;font-size:12px;margin-top:3px}.quick-v9-grid>a{border-right:0;color:var(--blue);font-size:12px;font-weight:900;text-align:right;padding-right:0}
.intro-strip-v9{padding:66px 0;border-bottom:1px solid var(--line)}.intro-grid-v9{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end}.intro-grid-v9 h2,.section-head-v9 h2,.split h2{font-size:clamp(33px,4vw,50px);line-height:1.07;letter-spacing:-1.9px;margin:12px 0 0}.intro-grid-v9 p,.section-head-v9 p,.split>p{color:var(--muted);font-size:15px;margin:0 0 12px}.section-kicker{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;background:#eef4ff;border:1px solid #d9e5ff;color:var(--blue);font-size:9px;font-weight:900;letter-spacing:1.2px}.text-link{color:var(--blue);font-weight:900;font-size:12px}.section-head-v9{max-width:760px;margin:0 auto 40px;text-align:center}.section-head-v9.left{text-align:left;margin-left:0}.section-head-v9.split{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;max-width:none;text-align:left}.section-head-v9.split>p{margin:0}
.trust-v9{border-bottom:1px solid var(--line)}.trust-v9-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.trust-v9-grid article{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-v9-grid b{font-size:10px;color:var(--red);letter-spacing:1px}.trust-v9-grid h3{font-size:18px;margin:11px 0 7px}.trust-v9-grid p{font-size:12px;color:var(--muted);margin:0}
.service-v9{background:#fff}.service-v9-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-v9-card{border:1px solid var(--line);border-radius:16px;padding:25px;background:#fff;min-height:245px;display:flex;flex-direction:column;box-shadow:0 8px 28px rgba(15,23,42,.035);transition:.2s}.service-v9-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-v9-card.featured{border-top:3px solid var(--red)}.service-v9-no{font-size:10px;font-weight:900;letter-spacing:1px;color:var(--red)}.service-v9-card h3{font-size:20px;margin:13px 0 8px}.service-v9-card p{font-size:12px;color:var(--muted);margin:0}.service-v9-card a{margin-top:auto;color:var(--blue);font-size:12px;font-weight:900}
.fleet-v9{background:var(--soft)}.fleet-v9-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.fleet-v9-card{display:grid;grid-template-columns:46% 54%;background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.fleet-v9-image{position:relative;min-height:280px;background:#eaf0f7}.fleet-v9-image img{width:100%;height:100%;object-fit:cover}.fleet-v9-image span{position:absolute;left:14px;bottom:14px;padding:7px 9px;border-radius:7px;background:rgba(4,18,52,.82);color:#fff;font-size:8px;font-weight:900;letter-spacing:1.2px}.fleet-v9-body{padding:25px;display:flex;flex-direction:column;justify-content:center}.fleet-v9-body h3{font-size:23px;margin:0 0 8px}.fleet-v9-body p{font-size:12px;color:var(--muted);margin:0 0 16px}.fleet-v9-body a{color:var(--blue);font-size:12px;font-weight:900}
.coverage-v9{background:#061638;color:#fff}.coverage-v9-grid{display:grid;grid-template-columns:1fr .86fr;gap:70px;align-items:center}.coverage-v9 h2{font-size:clamp(34px,4vw,50px);line-height:1.07;letter-spacing:-1.9px;margin:12px 0}.coverage-v9 p{color:#b9c8e4;max-width:600px}.coverage-v9 .section-kicker{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);color:#dce7ff}.coverage-v9-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.coverage-v9-tags span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);border-radius:999px;padding:8px 12px;font-size:10px;font-weight:900;letter-spacing:1px}.coverage-v9-card{background:#fff;color:var(--ink);border-radius:18px;padding:25px;box-shadow:var(--shadow)}.coverage-v9-card-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line)}.coverage-v9-card-head small{display:block;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:1.3px}.coverage-v9-card-head strong{display:block;color:var(--blue);font-size:15px;letter-spacing:1px;margin-top:2px}.coverage-v9-card-head>span{font-size:9px;font-weight:900;color:#98a2b3}.coverage-v9-lines>div{padding:15px 0;border-bottom:1px solid var(--line)}.coverage-v9-lines>div:last-child{border-bottom:0}.coverage-v9-lines b{display:block;font-size:13px}.coverage-v9-lines small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.tariff-v9{background:#f7f9fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tariff-v9-box{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;border-radius:21px;padding:16px;background:#061638;box-shadow:0 24px 65px rgba(7,26,70,.16)}.tariff-v9-side{padding:22px;color:#fff}.tariff-v9-index{font-size:48px;font-weight:950;color:#6e8bd0;line-height:1}.tariff-v9-side>small{display:block;font-size:9px;letter-spacing:1.5px;font-weight:900;color:#b9c9ef;margin-top:13px}.tariff-v9-side h3{font-size:31px;line-height:1.08;margin:10px 0 12px}.tariff-v9-side p{font-size:13px;line-height:1.7;color:#cbd7ef}.tariff-v9-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;color:#dbe7ff;font-size:11px;font-weight:800}.tariff-v9-form{background:#fff;color:var(--ink);border-radius:14px;padding:27px;display:grid;gap:16px;align-content:center}.form-row-v9{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tariff-v9-form label{font-size:10px;font-weight:900;color:#344054}.tariff-v9-form select{display:block;width:100%;margin-top:6px;min-height:52px;padding:13px 14px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;font-size:15px}.price-v9{padding:22px;background:#f3f6ff;border:1px solid #dbe5fb;border-radius:12px;display:flex;justify-content:space-between;align-items:end;gap:18px}.price-v9 small{display:block;font-size:9px;letter-spacing:1.3px;font-weight:900;color:#667085}.price-v9 strong{display:block;color:var(--blue);font-size:31px;line-height:1.2;margin-top:7px}.price-v9 span{display:block;color:#98a2b3;font-size:10px;text-align:right;max-width:190px}.btn-wide{width:100%;min-height:54px}
.process-v9{background:#fff}.process-v9-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.process-v9-grid>div{border-top:2px solid var(--blue);padding-top:18px}.process-v9-grid b{font-size:10px;color:var(--red);letter-spacing:1px}.process-v9-grid h3{font-size:18px;margin:9px 0 5px}.process-v9-grid p{font-size:12px;color:var(--muted);margin:0}
.gallery-v9{background:#fff}.gallery-v9-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.gallery-v9-grid figure{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.gallery-v9-grid img{width:100%;height:245px;object-fit:cover}.gallery-v9-grid figcaption{padding:18px}.gallery-v9-grid figcaption span{font-size:8px;font-weight:900;letter-spacing:1.4px;color:var(--red)}.gallery-v9-grid h3{margin:7px 0 4px;font-size:19px}.gallery-v9-grid p{margin:0;color:var(--muted);font-size:12px}
.location-v9{background:var(--soft)}.location-v9-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.location-v9-card{display:grid;grid-template-columns:53px 1fr;gap:17px;border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.045)}.location-v9-icon{width:42px;height:42px;border-radius:11px;background:#eef4ff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900}.location-v9-card>div>span{font-size:9px;font-weight:900;letter-spacing:1.4px;color:var(--red)}.location-v9-card h3{font-size:20px;margin:6px 0 7px}.location-v9-card p{color:var(--muted);font-size:12px;line-height:1.65;margin:0 0 12px}.location-v9-card a{font-size:12px;font-weight:900;color:var(--blue)}
.contact-v9{padding:35px 0 90px}.contact-v9-box{border:1px solid #dce4ef;border-radius:20px;background:#fff;padding:33px 36px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 12px 38px rgba(15,23,42,.06)}.contact-v9-box h2{font-size:32px;letter-spacing:-1.3px;margin:11px 0 7px}.contact-v9-box p{color:var(--muted);font-size:13px;margin:0;max-width:680px}.contact-v9-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.mobile-wa-v9{display:none}.footer-v9{background:#04132f;color:#b9c7e5;padding:55px 0 24px}.footer-v9-grid{display:grid;grid-template-columns:1.2fr .65fr .8fr 1.1fr;gap:36px}.footer-v9-brand img{width:27px;height:27px;object-fit:contain}.footer-v9 h3{color:#fff;margin:0 0 10px;font-size:14px}.footer-v9 p{font-size:12px;line-height:1.75}.footer-v9 a{color:#dbe5ff}.footer-v9 strong{color:#fff}.footer-v9-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:20px}.footer-v9 small{font-size:10px;color:#8293b8}
@media(max-width:1000px){.menu-v9{gap:12px}.menu-v9 a:not(.cta-v9){display:none}.quick-v9-grid{grid-template-columns:1fr 1.5fr auto}.quick-v9-grid>div:nth-child(3){display:none}.service-v9-grid{grid-template-columns:repeat(2,1fr)}.trust-v9-grid{grid-template-columns:repeat(2,1fr)}.section-head-v9.split,.coverage-v9-grid,.intro-grid-v9{grid-template-columns:1fr;gap:25px}.tariff-v9-box{grid-template-columns:1fr}.process-v9-grid{grid-template-columns:repeat(2,1fr)}.footer-v9-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){section{padding:68px 0}.topbar-v9-inner{justify-content:center}.topbar-v9 span:nth-child(2),.topbar-v9 span:nth-child(3){display:none}.nav-v9-inner{min-height:62px}.brand-v9 img{width:25px;height:25px}.brand-v9 strong{font-size:16px}.brand-v9 small{font-size:6.5px}.menu-v9 .cta-v9{padding:9px 11px;font-size:10px}.hero-v9{min-height:735px;align-items:flex-end}.hero-v9-photo img{object-position:62% 48%}.hero-v9-overlay{background:linear-gradient(180deg,rgba(3,15,44,.15) 0%,rgba(3,15,44,.35) 34%,rgba(3,15,44,.96) 69%,#03102d 100%)}.hero-v9-content{padding:80px 0 128px}.hero-v9 h1{font-size:43px;letter-spacing:-2.2px}.hero-v9-copy>p{font-size:15px}.hero-v9-actions{display:grid;grid-template-columns:1fr}.hero-v9-actions .btn{width:100%}.hero-v9-points{gap:8px;font-size:10px}.hero-v9-bottom-grid{grid-template-columns:1fr}.hero-v9-bottom-grid>div{display:none}.hero-v9-bottom-grid>div:first-child{display:block;border-right:0;padding:12px 0}.hero-v9-bottom span{font-size:9px}.quick-v9-grid{grid-template-columns:1fr auto}.quick-v9-grid>div:nth-child(2),.quick-v9-grid>div:nth-child(3){display:none}.quick-v9-grid>div,.quick-v9-grid>a{padding:16px 0;border-right:0}.quick-v9-grid>a{padding-left:15px}.intro-grid-v9 h2,.section-head-v9 h2,.split h2,.coverage-v9 h2{font-size:32px}.service-v9-grid,.fleet-v9-grid,.gallery-v9-grid,.location-v9-grid{grid-template-columns:1fr}.fleet-v9-card{grid-template-columns:1fr}.fleet-v9-image{height:235px;min-height:0}.tariff-v9-box{padding:9px}.tariff-v9-side{padding:18px 14px}.tariff-v9-side h3{font-size:27px}.tariff-v9-checks{grid-template-columns:1fr}.tariff-v9-form{padding:18px}.form-row-v9{grid-template-columns:1fr}.price-v9{display:block}.price-v9 strong{font-size:27px}.price-v9 span{text-align:left;max-width:none;margin-top:7px}.process-v9-grid{grid-template-columns:1fr 1fr;gap:20px}.location-v9-card{grid-template-columns:1fr;gap:12px}.contact-v9-box{display:block;padding:27px 22px}.contact-v9-box h2{font-size:29px}.contact-v9-actions{display:grid;grid-template-columns:1fr;margin-top:20px}.contact-v9-actions .btn{width:100%}.footer-v9-grid{grid-template-columns:1fr}.footer-v9-bottom{display:block}.footer-v9-bottom small{display:block;margin-top:6px}.mobile-wa-v9{display:flex;position:fixed;right:15px;bottom:15px;z-index:120;background:var(--green);color:#fff;padding:12px 16px;border-radius:999px;font-size:11px;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.18)}}

/* ===== V10 SALES LAYER: keeps V9 corporate DNA, improves conversion ===== */
.hero-v10{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;background:#061638;color:#fff}
.hero-v10-bg,.hero-v10-shade{position:absolute;inset:0;width:100%;height:100%}.hero-v10-bg{object-fit:cover;object-position:center 53%}
.hero-v10-shade{background:linear-gradient(90deg,rgba(3,15,44,.97) 0%,rgba(3,15,44,.90) 45%,rgba(3,15,44,.43) 72%,rgba(3,15,44,.18) 100%)}
.hero-v10-inner{position:relative;z-index:2;padding:100px 0}.hero-v10-copy{max-width:760px}.hero-v10-badge,.mini-label{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:1.3px}
.hero-v10-badge{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1)}
.hero-v10 h1{font-size:clamp(50px,6vw,80px);line-height:1.01;letter-spacing:-3.5px;margin:20px 0}.hero-v10 h1 strong{color:#ff5b62}.hero-v10-copy>p{max-width:700px;color:#dbe6fb;font-size:18px}
.hero-v10-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-v10-proof{display:flex;gap:10px;flex-wrap:wrap}.hero-v10-proof span{min-width:145px;padding:12px 15px;border-left:2px solid #ff5b62;background:rgba(255,255,255,.06)}.hero-v10-proof b,.hero-v10-proof small{display:block}.hero-v10-proof b{font-size:15px}.hero-v10-proof small{color:#b9c8e4;font-size:9px;margin-top:2px}
.sales-promo{padding:56px 0;background:#fff;border-bottom:1px solid var(--line)}.sales-promo-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.sales-promo h2{font-size:38px;line-height:1.1;letter-spacing:-1.5px;margin:12px 0}.sales-promo p{color:var(--muted);margin:0}.sales-promo-points{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sales-promo-points span{padding:13px;border:1px solid var(--line);border-radius:10px;font-size:11px;font-weight:800}
.tariff-v10{background:#f6f8fc}.tariff-v10-box{display:grid;grid-template-columns:.8fr 1.2fr;background:#061638;border-radius:22px;padding:14px;box-shadow:0 28px 70px rgba(7,26,70,.18);overflow:hidden}.tariff-v10-side{color:#fff;padding:25px}.mini-label{background:rgba(255,255,255,.08);color:#dbe6fb}.tariff-v10-side h3{font-size:32px;line-height:1.08;margin:13px 0 20px}.tariff-v10-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.tariff-v10-steps div{padding:11px;border:1px solid rgba(255,255,255,.12);border-radius:9px}.tariff-v10-steps b{color:#ff6970;font-size:9px}.tariff-v10-steps span{display:block;font-size:10px;margin-top:2px}.tariff-v10-side img{width:100%;height:190px;object-fit:cover;border-radius:12px;opacity:.92}
.tariff-v10-form{background:#fff;border-radius:14px;padding:30px;display:grid;gap:17px;align-content:center}.tariff-v10-form label{font-size:10px;font-weight:900;color:#344054}.tariff-v10-form select{display:block;width:100%;margin-top:7px;min-height:54px;padding:13px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;font-size:15px}
.price-v10{padding:24px;border-radius:14px;background:#eef4ff;border:1px solid #d5e3ff}.price-v10 small{font-size:9px;font-weight:900;letter-spacing:1.2px;color:#667085}.price-v10 strong{display:block;font-size:34px;line-height:1.15;color:var(--blue);margin:7px 0}.price-v10 p{font-size:10px;color:#667085;margin:0}.price-help{text-align:center;color:#667085;font-size:11px}.price-help a{color:var(--blue);font-weight:900}
.fleet-v10{background:#fff}.fleet-v10-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fleet-v10-grid article{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.04)}.fleet-v10-img{position:relative;height:235px;background:#eef2f6}.fleet-v10-img img{width:100%;height:100%;object-fit:cover}.fleet-v10-img span{position:absolute;left:12px;bottom:12px;padding:6px 8px;background:rgba(4,18,52,.84);color:#fff;border-radius:6px;font-size:8px;font-weight:900;letter-spacing:1px}.fleet-v10-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px}.fleet-v10-info h3{margin:0;font-size:19px}.fleet-v10-info p{margin:2px 0 0;color:var(--muted);font-size:10px}.fleet-v10-info a{color:var(--blue);font-weight:900;font-size:11px;white-space:nowrap}
.gallery-v10{background:#f7f9fc}.gallery-v10-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-v10-grid figure{margin:0;border-radius:15px;overflow:hidden;background:#fff;border:1px solid var(--line)}.gallery-v10-grid img{width:100%;height:260px;object-fit:cover}.gallery-v10-grid figcaption{padding:16px}.gallery-v10-grid h3{font-size:17px;margin:0 0 3px}.gallery-v10-grid p{font-size:11px;color:var(--muted);margin:0}
.customers-v10{padding:60px 0;background:#fff;border-top:1px solid var(--line);overflow:hidden}.customers-v10-head{text-align:center}.customers-v10-head p{font-size:11px;color:var(--muted);margin:10px auto 25px}.customer-marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbfc}.customer-track{display:flex;width:max-content;animation:customerScroll 42s linear infinite}.customer-track span{display:flex;align-items:center;height:78px;padding:0 30px;border-right:1px solid var(--line);font-size:12px;font-weight:900;color:#475467;white-space:nowrap}.customer-marquee:hover .customer-track{animation-play-state:paused}@keyframes customerScroll{to{transform:translateX(-50%)}}
.contact-v10{padding:75px 0;background:#061638;color:#fff}.contact-v10-grid{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-v10 h2{font-size:38px;line-height:1.1;max-width:700px;margin:12px 0}.contact-v10 p{color:#b9c8e4}.contact-v10-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:900px){.sales-promo-grid,.tariff-v10-box{grid-template-columns:1fr}.fleet-v10-grid,.gallery-v10-grid{grid-template-columns:1fr 1fr}.contact-v10-grid{display:block}.contact-v10-actions{margin-top:20px}}
@media(max-width:650px){.hero-v10{min-height:760px;align-items:flex-end}.hero-v10-bg{object-position:64% center}.hero-v10-shade{background:linear-gradient(180deg,rgba(3,15,44,.15),rgba(3,15,44,.45) 35%,rgba(3,15,44,.98) 72%)}.hero-v10-inner{padding:90px 0 55px}.hero-v10 h1{font-size:44px;letter-spacing:-2px}.hero-v10-copy>p{font-size:15px}.hero-v10-actions{display:grid}.hero-v10-actions .btn{width:100%}.sales-promo-points,.tariff-v10-steps,.fleet-v10-grid,.gallery-v10-grid{grid-template-columns:1fr}.tariff-v10-form{padding:18px}.price-v10 strong{font-size:28px}.fleet-v10-img{height:220px}.contact-v10 h2{font-size:31px}}

/* V10.1 — ONLY hero background framing adjustment */
.hero-v10-bg{
  object-fit:cover;
  object-position:center center;
  transform:scale(.92);
  width:108.7%;
  height:108.7%;
  left:-4.35%;
  top:-4.35%;
}
@media(max-width:650px){
  .hero-v10-bg{
    object-position:center center;
    transform:scale(.94);
    width:106.4%;
    height:106.4%;
    left:-3.2%;
    top:-3.2%;
  }
}


/* V13 Premium Calculator + editable promo bar */
.stm-promo-bar{min-height:46px;background:#071633;color:#fff;display:flex;align-items:center;overflow:hidden;position:relative;z-index:99;border-bottom:1px solid rgba(255,255,255,.1)}
.stm-promo-track{flex:1;min-width:0;display:flex;width:max-content;overflow:hidden;white-space:nowrap}
.stm-promo-track span{display:inline-block;min-width:100%;padding-left:100%;font-size:11px;font-weight:900;letter-spacing:.7px;animation:stmPromo var(--promo-speed,28s) linear infinite}
.stm-promo-track span+span{display:none}@keyframes stmPromo{to{transform:translateX(-100%)}}
.stm-promo-btn{flex:0 0 auto;align-self:stretch;display:flex;align-items:center;padding:0 22px;background:#d71920;color:#fff;font-size:10px;font-weight:950;letter-spacing:.7px;box-shadow:-12px 0 25px rgba(7,22,51,.25)}
.tariff-v10{padding:72px 0 84px;background:linear-gradient(180deg,#f4f7fc 0%,#fff 100%)}
.tariff-v10 .section-head-v9{margin-bottom:26px}.tariff-v10-box{border:1px solid rgba(255,255,255,.08);box-shadow:0 34px 90px rgba(7,26,70,.20)}
.tariff-v10-form{position:relative;padding:34px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:inset 0 0 0 1px rgba(15,23,42,.04)}
.premium-calc-head{display:grid;gap:4px;padding-bottom:18px;border-bottom:1px solid #e7ebf2}.premium-calc-head span{font-size:9px;font-weight:950;letter-spacing:1.2px;color:#159447}.premium-calc-head strong{font-size:23px;letter-spacing:-.5px;color:#061638}.premium-calc-head small{font-size:11px;color:#667085}
.tariff-v10-form select{border:1px solid #cfd6e2;box-shadow:0 5px 16px rgba(15,23,42,.04);transition:.2s}.tariff-v10-form select:focus{outline:0;border-color:#155bd1;box-shadow:0 0 0 4px rgba(21,91,209,.10)}
.price-v10{background:linear-gradient(135deg,#071633,#0b2a67);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(7,26,70,.18)}.price-v10 strong{color:#fff}.price-v10 p{color:#bdc9df}
.btn-wide{min-height:56px;border-radius:12px;font-size:13px;box-shadow:0 12px 28px rgba(21,148,71,.18)}
.calc-trust{display:flex;gap:7px;flex-wrap:wrap}.calc-trust span{padding:7px 9px;border-radius:999px;background:#eef9f2;color:#11723a;font-size:9px;font-weight:850}
@media(max-width:650px){.stm-promo-bar{min-height:42px}.stm-promo-btn{padding:0 12px;font-size:8px}.stm-promo-track span{font-size:9px}.tariff-v10{padding:52px 0}.tariff-v10 .section-head-v9 h2{font-size:34px}.tariff-v10-box{padding:8px;border-radius:18px}.tariff-v10-side{padding:20px}.tariff-v10-side h3{font-size:26px}.premium-calc-head strong{font-size:20px}.tariff-v10-form{padding:17px}.calc-trust{display:grid;grid-template-columns:1fr}.calc-trust span{text-align:center}}

/* V14: foto utama full/utuh dan kalkulator langsung tanpa judul */
.stm-home-hero{padding:0;background:#061638;width:100%;overflow:hidden}
.stm-home-hero img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0 auto}
.tariff-v10#cek-harga{padding:28px 0 70px}
.stm-home-price-box{display:block;max-width:1050px;margin:0 auto;padding:12px;background:#061638}
.stm-home-price-box .tariff-v10-form{width:100%}
@media(max-width:650px){.stm-home-hero img{width:100%;height:auto;object-fit:contain}.tariff-v10#cek-harga{padding:14px 0 45px}.stm-home-price-box{padding:7px;border-radius:15px}.stm-home-price-box .tariff-v10-form{padding:16px}}


/* V15.1 — Hero foto + kalkulator menyatu, responsif HP / tablet / laptop / PC */
.stm-hero-calc{position:relative;background:#061638;overflow:visible;padding:0}
.stm-hero-media{position:relative;width:100%;background:#fff;overflow:hidden}
.stm-hero-media img{display:block;width:100%;height:auto;object-fit:contain;margin:0 auto}
.stm-hero-calc-overlay{position:absolute;left:0;right:0;bottom:18px;z-index:5;pointer-events:none}
.stm-hero-calc-overlay .container{display:flex;justify-content:flex-end}
.stm-hero-calc-overlay .stm-home-price-box{pointer-events:auto;width:min(520px,48vw);margin:0;padding:9px;background:rgba(6,22,56,.94);backdrop-filter:blur(8px);box-shadow:0 24px 55px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.18);border-radius:18px}
.stm-hero-calc-overlay .tariff-v10-form{padding:18px;gap:11px;border-radius:12px}
.stm-hero-calc-overlay .form-row-v9{gap:10px}
.stm-hero-calc-overlay .tariff-v10-form select{min-height:46px;padding:10px;font-size:13px}
.stm-hero-calc-overlay .price-v10{padding:13px 14px}
.stm-hero-calc-overlay .price-v10 strong{font-size:24px}
.stm-hero-calc-overlay .price-v10 p{font-size:9px;margin-top:5px}
.stm-hero-calc-overlay .btn-wide{min-height:44px;font-size:11px}
.stm-hero-calc-overlay .price-help{font-size:9px}
@media(max-width:1100px){
 .stm-hero-calc-overlay{bottom:10px}
 .stm-hero-calc-overlay .stm-home-price-box{width:min(500px,52vw)}
 .stm-hero-calc-overlay .tariff-v10-form{padding:14px}
 .stm-hero-calc-overlay .price-v10 strong{font-size:21px}
}
@media(max-width:820px){
 .stm-hero-calc{padding-bottom:0;background:#f4f7fc}
 .stm-hero-calc-overlay{position:relative;left:auto;right:auto;bottom:auto;margin-top:-10px;padding:0 0 24px}
 .stm-hero-calc-overlay .container{display:block;width:min(94%,680px)}
 .stm-hero-calc-overlay .stm-home-price-box{width:100%;max-width:none;margin:0 auto;border-radius:16px}
 .stm-hero-calc-overlay .tariff-v10-form{padding:16px}
}
@media(max-width:520px){
 .stm-hero-media img{width:100%;height:auto;object-fit:contain}
 .stm-hero-calc-overlay{margin-top:-4px;padding-bottom:18px}
 .stm-hero-calc-overlay .container{width:96%}
 .stm-hero-calc-overlay .stm-home-price-box{padding:6px;border-radius:14px}
 .stm-hero-calc-overlay .tariff-v10-form{padding:13px;gap:10px}
 .stm-hero-calc-overlay .form-row-v9{grid-template-columns:1fr}
 .stm-hero-calc-overlay .price-v10 strong{font-size:22px}
 .stm-hero-calc-overlay .btn-wide{font-size:10px;padding:11px}
}

/* =========================================================
 * V15.5 FINAL CLEAN — SATU ATURAN RESPONSIVE DESKTOP
 * HP <=820px tetap layout banner atas + kalkulator bawah.
 * Laptop/desktop >=821px selalu 2 kolom tanpa overlay.
 * ========================================================= */
@media (min-width:821px){
  .stm-hero-calc{
    display:grid!important;
    grid-template-columns:minmax(0,1.65fr) minmax(360px,.72fr)!important;
    align-items:center!important;
    width:100%!important;
    max-width:1600px!important;
    margin:0 auto!important;
    padding:0!important;
    background:#f5f7fb!important;
    overflow:hidden!important;
    border-bottom:1px solid #e5e9f0!important;
  }
  .stm-hero-media{
    grid-column:1!important;grid-row:1!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-width:0!important;width:100%!important;height:100%!important;
    background:#fff!important;overflow:hidden!important;
  }
  .stm-hero-media img{
    width:100%!important;height:auto!important;max-height:none!important;
    object-fit:contain!important;object-position:center!important;margin:0!important;
  }
  .stm-hero-calc-overlay{
    grid-column:2!important;grid-row:1!important;
    position:static!important;inset:auto!important;transform:none!important;
    width:100%!important;height:100%!important;margin:0!important;
    padding:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;
    background:linear-gradient(180deg,#071a44,#04102d)!important;
    pointer-events:auto!important;z-index:1!important;
  }
  .stm-hero-calc-overlay .container{width:100%!important;max-width:470px!important;margin:0 auto!important;padding:0!important}
  .stm-hero-calc-overlay .stm-home-price-box{width:100%!important;max-width:none!important;margin:0!important;padding:8px!important;border-radius:18px!important}
  .stm-hero-calc-overlay .tariff-v10-form{padding:16px!important;gap:10px!important}
  .stm-hero-calc-overlay .form-row-v9{grid-template-columns:1fr!important;gap:9px!important}
  .stm-hero-calc-overlay .price-v10{padding:12px 14px!important}
  .stm-hero-calc-overlay .price-v10 strong{font-size:22px!important;line-height:1.15!important}
}
@media (min-width:1280px){
  .stm-hero-calc{grid-template-columns:minmax(0,1.72fr) minmax(400px,.68fr)!important}
  .stm-hero-calc-overlay{padding:24px!important}
  .stm-hero-calc-overlay .container{max-width:500px!important}
  .stm-hero-calc-overlay .form-row-v9{grid-template-columns:1fr 1fr!important}
}
@media (min-width:1600px){
  .stm-hero-calc{max-width:1760px!important;grid-template-columns:minmax(0,1.78fr) minmax(430px,.66fr)!important}
}
