:root{--primary:#0057d8;--primary-dark:#06245b;--primary-2:#0a73ff;--whats:#12b765;--text:#10213d;--muted:#657188;--bg:#f4f9ff;--soft:#eef7ff;--border:#dce8f7;--white:#fff;--shadow:0 18px 50px rgba(4,35,91,.11);--radius:24px;--radius-sm:16px;--container:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.8}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.section-pad{padding:86px 0}.soft-bg{background:linear-gradient(180deg,#f7fbff 0%,#eef7ff 100%)}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);box-shadow:0 12px 35px rgba(10,65,140,.06)}.header-inner{height:86px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;margin-left:auto}.main-nav{display:flex;align-items:center;gap:26px;font-weight:700;color:#24344f}.main-nav a{position:relative;transition:.25s}.main-nav a:hover,.main-nav a:first-child{color:var(--primary)}.main-nav a:after{content:"";position:absolute;right:0;bottom:-8px;width:0;height:3px;background:var(--primary);border-radius:999px;transition:.25s}.main-nav a:hover:after{width:100%}.header-actions{display:flex;gap:12px;align-items:center;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:13px 22px;font-weight:800;border:1px solid transparent;transition:.25s;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,87,216,.18)}.btn-primary{background:linear-gradient(135deg,var(--primary),#003ca8);color:#fff}.btn-primary span{display:block;font-size:14px;line-height:1}.btn-outline{background:#fff;border-color:#cbdcf3;color:var(--primary)}.btn-whatsapp{background:linear-gradient(135deg,var(--whats),#07964d);color:#fff}.btn-light{background:#fff;color:var(--primary-dark)}.btn-large{padding:17px 30px;border-radius:18px;font-size:18px}.btn-wide{min-width:310px}.menu-btn{display:none;background:#fff;border:1px solid var(--border);width:48px;height:48px;border-radius:14px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-btn span{width:22px;height:2px;background:var(--primary-dark);border-radius:10px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 20%,rgba(36,162,255,.18),transparent 35%),linear-gradient(120deg,#fff 0%,#eff8ff 100%)}.hero:before{content:"";position:absolute;inset:0;background:url('/assets/images/drop.svg') no-repeat 5% 8%/180px;opacity:.06}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#eff6ff;color:var(--primary);border:1px solid #bfd7fb;border-radius:999px;padding:8px 18px;font-weight:800;margin-bottom:18px}.hero h1,.section-title h2,.coverage-content h2,.cta-content h2,.seo-text h2{font-size:clamp(34px,4vw,62px);line-height:1.18;margin:0 0 22px;color:var(--primary-dark);font-weight:900;letter-spacing:-1px}.lead{font-size:22px;color:#2e3e58;margin:0 0 26px;max-width:680px}.hero-points{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.hero-points div{padding:14px 12px;border-inline-start:1px solid #c8dcf4;text-align:center}.hero-points strong{display:block;color:var(--primary-dark);font-size:17px}.hero-points span{display:block;color:var(--muted);font-size:14px}.hero-cta{display:flex;gap:16px;flex-wrap:wrap}.micro{color:#53657f;font-weight:700;margin-top:18px}.hero-media{position:relative}.hero-media img{border-radius:30px;box-shadow:var(--shadow);border:10px solid rgba(255,255,255,.75);object-fit:cover;aspect-ratio:1.15/1}.floating-card{position:absolute;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:14px 18px;min-width:190px}.floating-card b{display:block;color:var(--primary-dark)}.floating-card span{color:var(--muted);font-size:14px}.top-card{top:32px;left:-20px}.bottom-card{bottom:34px;right:-24px}.trust-strip{padding:36px 0;background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.trust-card,.info-card,.feature-card,.step-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 12px 38px rgba(4,35,91,.06);transition:.25s}.trust-card:hover,.info-card:hover,.feature-card:hover,.step-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.trust-card{text-align:center;padding:28px 20px}.trust-card i{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 12px;background:#eff6ff;border-radius:50%;font-style:normal;font-size:28px}.trust-card h3{margin:0;color:var(--primary-dark);font-size:21px}.trust-card p{margin:5px 0 0;color:var(--muted)}.section-title{text-align:center;max-width:820px;margin:0 auto 46px}.section-title p{font-size:20px;color:#4d5d75;margin:0}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-card{padding:32px;text-align:center}.info-card .icon,.feature-card span,.step-card span{display:grid;place-items:center;width:76px;height:76px;background:#edf6ff;border-radius:50%;font-size:34px;margin:0 auto 18px}.info-card h3,.feature-card h3,.step-card h3{color:var(--primary-dark);font-size:24px;margin:0 0 10px}.info-card p,.feature-card p,.step-card p{color:#44546d;margin:0;font-size:17px}.inline-cta{margin:34px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #bcd5f7;border-radius:18px;padding:18px 22px;max-width:820px}.inline-cta span{font-weight:800;color:var(--primary-dark)}.inline-cta a{background:var(--primary);color:#fff;border-radius:14px;padding:12px 28px;font-weight:900}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.step-card{text-align:center;padding:40px 30px;position:relative}.step-card b{position:absolute;top:22px;right:22px;background:var(--primary);color:#fff;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:20px}.center-cta{text-align:center;margin-top:34px}.features-grid{grid-template-columns:repeat(3,1fr)}.feature-card{padding:32px;text-align:center}.coverage-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}.map-card{background:#fff;border:1px solid var(--border);border-radius:30px;padding:16px;box-shadow:var(--shadow)}.map-bg{height:520px;border-radius:22px;background:linear-gradient(45deg,#eaf3ff,#f9fdff);position:relative;overflow:hidden;display:grid;place-items:center}.map-bg:before{content:"";position:absolute;inset:-80px;background:repeating-linear-gradient(35deg,transparent 0 42px,rgba(0,87,216,.08) 43px 45px),repeating-linear-gradient(-35deg,transparent 0 54px,rgba(255,179,0,.16) 55px 58px)}.map-bg .pin{position:relative;font-size:95px;filter:drop-shadow(0 18px 20px rgba(0,87,216,.2))}.map-bg strong{position:absolute;bottom:130px;font-size:42px;color:var(--primary-dark);font-weight:900}.coverage-content p{font-size:20px;color:#465870}.coverage-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.coverage-points div{border-inline-start:1px solid var(--border);padding-inline:16px}.coverage-points strong{display:block;color:var(--primary-dark)}.coverage-points span{color:var(--muted)}.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.areas span{background:#fff;border:1px solid var(--border);box-shadow:0 8px 25px rgba(4,35,91,.06);border-radius:16px;padding:16px;text-align:center;font-weight:800;color:var(--primary-dark)}.compare-grid{display:grid;grid-template-columns:1fr 80px 1fr;gap:20px;align-items:center}.compare-card{background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.compare-card h3{margin:0;padding:22px;background:#f5f9ff;color:var(--primary-dark);font-size:24px;text-align:center}.compare-card.good h3{background:#effbf5;color:#07964d}.compare-card ul{list-style:none;margin:0;padding:0}.compare-card li{padding:17px 28px;border-top:1px solid var(--border);font-size:18px;position:relative}.compare-card.bad li:before{content:"✕";color:#f04438;font-weight:900;margin-left:10px}.compare-card.good li:before{content:"✓";color:#09a957;font-weight:900;margin-left:10px}.vs{width:64px;height:64px;border-radius:50%;background:var(--primary);color:#fff;font-weight:900;display:grid;place-items:center;margin:auto;box-shadow:0 14px 32px rgba(0,87,216,.22)}.cta-band{background:linear-gradient(135deg,#003b9e,#0068e8);padding:54px 0;color:#fff;position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;inset:auto -60px -100px auto;width:360px;height:360px;background:url('/assets/images/drop.svg') no-repeat center/contain;opacity:.16}.cta-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center;position:relative;z-index:1}.cta-image img{border-radius:24px;border:8px solid rgba(255,255,255,.16);box-shadow:0 18px 50px rgba(0,0,0,.18)}.cta-content h2{color:#fff}.cta-content p{font-size:21px;margin-bottom:28px}.seo-text .narrow,.narrow{max-width:920px}.seo-text p{font-size:20px;color:#40506b}.faq-list details{background:#fff;border:1px solid var(--border);border-radius:16px;margin-bottom:14px;box-shadow:0 8px 22px rgba(4,35,91,.04);overflow:hidden}.faq-list summary{cursor:pointer;padding:20px 24px;font-weight:900;color:var(--primary-dark);list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:"⌄";font-size:22px;color:var(--primary)}.faq-list details[open] summary:after{content:"⌃"}.faq-list p{margin:0;padding:0 24px 22px;color:#4b5c76;font-size:18px}.site-footer{background:#04245d;color:#fff;padding-top:58px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}.site-footer img{filter:brightness(0) invert(1);margin-bottom:16px}.site-footer p{color:#d9e6ff}.site-footer h3{margin:0 0 18px;font-size:22px}.site-footer a,.site-footer span{display:block;color:#d9e6ff;margin-bottom:10px}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:38px;padding:18px 0;color:#c9d8ef}.footer-bottom .container{display:flex;justify-content:space-between;gap:16px}.floating-actions{position:fixed;left:18px;bottom:18px;z-index:60;display:flex;gap:10px}.floating-actions a{color:#fff;border-radius:999px;padding:13px 22px;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.18)}.floating-actions .call{background:var(--primary)}.floating-actions .whats{background:var(--whats)}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media (max-width:1050px){.header-actions{display:none}.menu-btn{display:flex}.main-nav{position:absolute;top:86px;right:16px;left:16px;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:18px;flex-direction:column;align-items:stretch;display:none}.main-nav.open{display:flex}.main-nav a{padding:10px 12px}.hero-grid,.coverage-grid,.cta-grid{grid-template-columns:1fr}.hero-media{order:-1}.hero-points{grid-template-columns:repeat(2,1fr)}.cards-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.container{width:min(100% - 24px,var(--container))}.section-pad{padding:58px 0}.header-inner{height:74px}.logo img{width:170px}.main-nav{top:74px}.hero h1,.section-title h2,.coverage-content h2,.cta-content h2,.seo-text h2{font-size:34px}.lead{font-size:18px}.hero-cta,.inline-cta{flex-direction:column}.btn,.btn-large,.btn-wide{width:100%;min-width:0}.hero-points,.trust-grid,.cards-grid,.features-grid,.steps-grid,.coverage-points,.areas,.compare-grid{grid-template-columns:1fr}.compare-grid .vs{order:2}.compare-card.good{order:3}.floating-card{display:none}.map-bg{height:360px}.footer-grid{grid-template-columns:1fr}.footer-bottom .container{flex-direction:column;text-align:center}.floating-actions{right:0;left:0;bottom:0;background:#fff;padding:10px 12px;border-top:1px solid var(--border)}.floating-actions a{flex:1;text-align:center;border-radius:14px}.site-footer{padding-bottom:70px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}.reveal{transition:none;opacity:1;transform:none}.btn:hover,.trust-card:hover,.info-card:hover,.feature-card:hover,.step-card:hover{transform:none}}
.service-photos{background:#fff;position:relative;overflow:hidden}.service-photos:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(0,115,255,.08),transparent 32%),radial-gradient(circle at 88% 80%,rgba(18,183,101,.07),transparent 28%);pointer-events:none}.service-photos .container{position:relative}.gallery-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:repeat(2,260px);gap:22px}.gallery-item{margin:0;position:relative;overflow:hidden;border-radius:26px;border:1px solid var(--border);box-shadow:var(--shadow);background:#fff}.gallery-item.large{grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.gallery-item:hover img{transform:scale(1.04)}.gallery-item:after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(180deg,transparent,rgba(2,22,58,.78));pointer-events:none}.gallery-item figcaption{position:absolute;right:22px;left:22px;bottom:18px;color:#fff;font-weight:900;font-size:21px;z-index:1;text-shadow:0 6px 18px rgba(0,0,0,.3)}.developer-phone{display:inline!important;color:#fff!important;font-weight:900;margin:0!important}.footer-bottom a.developer-phone:hover{text-decoration:underline}@media (max-width:1050px){.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 230px}.gallery-item.large{grid-column:1/-1;grid-row:auto}}@media (max-width:760px){body{padding-bottom:66px}.hero{padding-top:28px}.hero-media img{aspect-ratio:16/10;border-radius:22px;border-width:6px}.hero-media{order:0}.gallery-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:16px}.gallery-item,.gallery-item.large{height:auto;min-height:230px;grid-column:auto;grid-row:auto}.gallery-item img{height:260px}.gallery-item figcaption{font-size:18px;right:16px;left:16px}.hero-points div{border:1px solid var(--border);border-radius:14px;background:#fff}.trust-card,.info-card,.feature-card,.step-card{padding:24px 18px}.coverage-content{text-align:center}.coverage-points div{border:1px solid var(--border);border-radius:14px;background:#fff;padding:14px}.site-header{position:sticky}.footer-bottom .container span{line-height:1.7}.developer-phone{display:inline!important}}

.map-card{overflow:hidden;min-height:100%;}
.map-card img{width:100%;height:100%;object-fit:cover;display:block;border-radius:24px;}

.logo-img img{width:100px;height:100px;object-fit:contain;border-radius:20px}
.map-card{overflow:hidden;min-height:100%}
.map-card img{width:100%;height:100%;object-fit:cover;display:block;border-radius:24px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-card{background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 12px 38px rgba(4,35,91,.06);display:flex;flex-direction:column}
.blog-card img{width:100%;height:240px;object-fit:cover}
.blog-card-body{padding:24px}
.blog-card h3{margin:10px 0 10px;font-size:24px;line-height:1.4;color:var(--primary-dark)}
.blog-card p{margin:0 0 16px;color:#4b5c76;font-size:17px}
.tag{display:inline-block;background:#eef6ff;color:var(--primary);padding:6px 12px;border-radius:999px;font-weight:800;font-size:14px}
.read-more{font-weight:900;color:var(--primary)}
.page-hero{padding:70px 0;background:linear-gradient(120deg,#fff 0%,#eff8ff 100%)}
.page-hero .section-title{margin-bottom:0}
.breadcrumbs{color:#607189;font-weight:700;margin-bottom:18px}
.breadcrumbs a{color:var(--primary)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.article-card,.sidebar-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 12px 38px rgba(4,35,91,.06)}
.article-card{padding:0 0 26px;overflow:hidden}
.article-card img{width:100%;height:420px;object-fit:cover}
.article-content{padding:28px}
.article-content h1{font-size:44px;line-height:1.25;margin:10px 0 16px;color:var(--primary-dark)}
.article-meta{display:flex;gap:10px;flex-wrap:wrap;color:#607189;font-weight:700;margin-bottom:18px}
.article-content h2{font-size:30px;line-height:1.35;color:var(--primary-dark);margin:32px 0 14px}
.article-content p,.article-content li{font-size:20px;color:#41526d}
.article-content ul{padding-right:22px}
.sidebar-card{padding:22px}
.sidebar-card h3{margin:0 0 14px;color:var(--primary-dark);font-size:22px}
.sidebar-card a{display:block;padding:10px 0;color:#1d3b72;border-bottom:1px solid var(--border);font-weight:700}
.sidebar-card a:last-child{border-bottom:0}
.article-cta-box{margin-top:28px;background:linear-gradient(135deg,#003b9e,#0068e8);color:#fff;padding:24px;border-radius:20px}
.article-cta-box h3{color:#fff;margin:0 0 10px;font-size:28px}
.article-cta-box p{color:#fff;margin:0 0 16px}
@media (max-width: 1100px){.hero-grid,.coverage-grid,.cta-grid,.article-layout{grid-template-columns:1fr}.hero-media{order:-1}.blog-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.main-nav{gap:16px;font-size:15px}.header-actions .btn-primary span{display:none}}
@media (max-width: 860px){.header-inner{height:76px;gap:14px}.main-nav{position:fixed;inset:76px 16px auto 16px;display:none;flex-direction:column;background:#fff;border:1px solid var(--border);padding:18px;border-radius:20px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.menu-btn{display:flex}.header-actions{display:none}.hero-points,.trust-grid,.cards-grid,.steps-grid,.coverage-points,.areas,.blog-grid,.footer-grid{grid-template-columns:1fr 1fr}.compare-grid{grid-template-columns:1fr}.vs{display:none}.article-card img{height:280px}.article-content h1{font-size:34px}}
@media (max-width: 640px){.container{width:min(var(--container),calc(100% - 20px))}.section-pad,.page-hero{padding:56px 0}.hero-grid{gap:28px}.hero h1,.section-title h2,.coverage-content h2,.cta-content h2,.seo-text h2{font-size:32px}.lead,.section-title p,.coverage-content p,.seo-text p,.article-content p,.article-content li{font-size:18px}.hero-points,.trust-grid,.cards-grid,.steps-grid,.coverage-points,.areas,.blog-grid,.footer-grid{grid-template-columns:1fr}.inline-cta,.hero-cta,.footer-bottom .container{flex-direction:column;align-items:stretch;text-align:center}.btn-wide{min-width:0;width:100%}.floating-card{display:none}.hero-media img{aspect-ratio:1.1/1}.logo-img img{width:76px;height:76px}.article-content{padding:20px}.article-content h1{font-size:30px}.article-content h2{font-size:24px}.article-layout{gap:18px}.article-card img{height:230px}}

/* logo sizing fixes */
.logo-img img{width:74px !important;height:74px !important;object-fit:contain;border-radius:16px;background:#fff;padding:4px;box-shadow:0 8px 18px rgba(4,35,91,.08)}
.site-footer img{margin-bottom:16px}
.footer-about img{width:92px !important;height:92px !important;object-fit:contain;filter:none !important;background:#fff;border-radius:18px;padding:6px;box-shadow:0 10px 22px rgba(0,0,0,.12)}
@media (max-width:640px){.logo-img img{width:58px !important;height:58px !important}.footer-about img{width:78px !important;height:78px !important}}
/* blog page style inspired by target layout */
.blog-hero{padding:60px 0;background:linear-gradient(180deg,rgba(6,36,91,.68),rgba(6,36,91,.68)),url('/assets/images/hero-truck.jpg') center/cover no-repeat;color:#fff}
.blog-hero .breadcrumbs{color:#eaf2ff;margin-bottom:10px}.blog-hero .breadcrumbs a{color:#fff}
.blog-hero h1{margin:0 0 12px;font-size:clamp(34px,4vw,56px);line-height:1.2;color:#fff}.blog-hero p{font-size:20px;max-width:760px;margin:0;color:#eaf2ff}
.blog-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}
.featured-post{display:grid;grid-template-columns:1.1fr .9fr;gap:0;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:0 16px 40px rgba(4,35,91,.07);margin-bottom:26px}
.featured-post .content{padding:30px}.featured-post img{width:100%;height:100%;min-height:360px;object-fit:cover}.featured-post h2{font-size:34px;line-height:1.35;margin:10px 0 14px;color:var(--primary-dark)}.featured-post p{font-size:19px;color:#495a73;margin:0 0 18px}.meta-row{display:flex;gap:12px;flex-wrap:wrap;color:#697b95;font-weight:700;font-size:14px}
.blog-list-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.blog-list-title h2{margin:0;color:var(--primary-dark);font-size:30px}
.blog-index-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.sidebar-stack{display:flex;flex-direction:column;gap:20px}.sidebar-panel{background:#fff;border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:0 12px 36px rgba(4,35,91,.05)}
.sidebar-panel h3{margin:0 0 14px;color:var(--primary-dark);font-size:24px}.sidebar-panel p{margin:0 0 14px;color:#52647e}.sidebar-panel .btn{width:100%}.category-list,.topic-links{display:flex;flex-direction:column;gap:10px}.category-list a,.topic-links a{padding:12px 14px;background:#f6faff;border:1px solid var(--border);border-radius:14px;font-weight:800;color:#1f3f74}
.blog-cta-box{background:linear-gradient(135deg,#003b9e,#0068e8);color:#fff;overflow:hidden;position:relative}.blog-cta-box h3{color:#fff}.blog-cta-box p{color:#fff}.blog-cta-box:after{content:'';position:absolute;inset:auto -30px -40px auto;width:130px;height:130px;background:rgba(255,255,255,.12);border-radius:50%}
.article-banner{padding:18px 0 0}.article-banner .breadcrumbs{color:#607189}
.article-card img{max-height:430px}
@media (max-width:1100px){.blog-shell{grid-template-columns:1fr}.sidebar-stack{order:2}.featured-post{grid-template-columns:1fr}.featured-post img{min-height:280px}.blog-index-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.blog-hero{padding:46px 0}.blog-hero p{font-size:17px}.featured-post .content{padding:20px}.featured-post h2{font-size:28px}.blog-index-grid{grid-template-columns:1fr}.blog-list-title h2{font-size:24px}}


/* ===== final logo + blog fixes ===== */
.logo-img img{width:82px !important;height:auto !important;max-height:82px !important;object-fit:contain !important;background:transparent !important;padding:0 !important;border-radius:0 !important;box-shadow:none !important}
.footer-about img,.site-footer .footer-about img{width:138px !important;height:auto !important;max-height:none !important;object-fit:contain !important;filter:none !important;background:transparent !important;padding:0 !important;border-radius:0 !important;box-shadow:none !important;margin-bottom:18px !important}
.site-footer img{filter:none !important}
@media (max-width:640px){.logo-img img{width:64px !important;max-height:64px !important}.footer-about img,.site-footer .footer-about img{width:112px !important}}

.blog-ref-hero{padding:72px 0;background:linear-gradient(180deg,rgba(6,36,91,.72),rgba(6,36,91,.72)),url('/assets/images/hero-truck.jpg') center/cover no-repeat;color:#fff}
.blog-ref-hero .breadcrumbs{color:#eaf2ff;margin-bottom:12px;font-weight:700}.blog-ref-hero .breadcrumbs a{color:#fff}.blog-ref-hero h1{font-size:clamp(34px,4vw,56px);line-height:1.2;margin:0 0 12px;color:#fff}.blog-ref-hero p{font-size:20px;max-width:760px;margin:0 0 26px;color:#edf4ff}.blog-ref-actions{display:flex;gap:14px;flex-wrap:wrap}
.blog-main-wrap{padding:34px 0 86px}
.featured-article-box{display:grid;grid-template-columns:1fr 1.08fr;align-items:stretch;background:#fff;border:1px solid var(--border);border-radius:26px;overflow:hidden;box-shadow:0 18px 45px rgba(4,35,91,.07);margin-bottom:34px}
.featured-article-box .featured-media img{width:100%;height:100%;min-height:360px;object-fit:cover}.featured-article-box .featured-content{padding:30px}.featured-article-box h2{font-size:36px;line-height:1.35;margin:10px 0 14px;color:var(--primary-dark)}.featured-article-box p{font-size:19px;color:#4d5d75;margin:0 0 16px}.featured-article-box .meta-row{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;color:#687993;font-weight:700}
.section-split-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px}.section-split-head h2{font-size:32px;color:var(--primary-dark);margin:0}.section-split-head p{margin:0;color:#5d6d86}
.blog-box-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-box{background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 12px 34px rgba(4,35,91,.06);display:flex;flex-direction:column;transition:.25s}.article-box:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(4,35,91,.1)}.article-box img{width:100%;height:220px;object-fit:cover}.article-box-body{padding:22px;display:flex;flex-direction:column;gap:10px;height:100%}.article-box-body h3{font-size:24px;line-height:1.45;margin:0;color:var(--primary-dark)}.article-box-body p{margin:0;color:#4f617b;font-size:17px}.article-box-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px}.small-meta{font-size:14px;color:#6d7e98;font-weight:700}
.blog-extra-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:22px;margin-top:32px}.info-panel{background:#fff;border:1px solid var(--border);border-radius:22px;padding:26px;box-shadow:0 12px 34px rgba(4,35,91,.05)}.info-panel h3{font-size:26px;color:var(--primary-dark);margin:0 0 14px}.info-panel p{margin:0 0 16px;color:#52637d;font-size:18px}.chip-list{display:flex;flex-wrap:wrap;gap:12px}.chip-list a,.chip-list span{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:999px;background:#f3f8ff;border:1px solid var(--border);font-weight:800;color:#1e3e73}.cta-side-panel{background:linear-gradient(135deg,#003b9e,#0068e8);color:#fff;position:relative;overflow:hidden}.cta-side-panel h3,.cta-side-panel p{color:#fff}.cta-side-panel:after{content:'';position:absolute;left:-35px;bottom:-35px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.12)}
@media (max-width:1100px){.blog-box-grid{grid-template-columns:repeat(2,1fr)}.blog-extra-grid,.featured-article-box{grid-template-columns:1fr}.featured-article-box .featured-media img{min-height:280px}}
@media (max-width:640px){.blog-ref-hero{padding:52px 0}.blog-ref-hero p{font-size:17px}.blog-box-grid{grid-template-columns:1fr}.featured-article-box .featured-content{padding:20px}.featured-article-box h2{font-size:28px}.article-box img{height:200px}.section-split-head{flex-direction:column;align-items:flex-start}.section-split-head h2{font-size:26px}.blog-extra-grid{grid-template-columns:1fr}}


/* dedicated footer logo fix */
.footer-logo{display:block !important;width:138px !important;height:auto !important;max-width:138px !important;object-fit:contain !important;opacity:1 !important;visibility:visible !important;background:#fff !important;padding:8px !important;border-radius:16px !important;box-shadow:0 10px 24px rgba(0,0,0,.18) !important}
.site-footer .footer-about img.footer-logo{filter:none !important}
@media (max-width:860px){.footer-logo{width:120px !important;max-width:120px !important;margin-inline:auto !important}}
@media (max-width:640px){.footer-logo{width:108px !important;max-width:108px !important;padding:7px !important;border-radius:14px !important}}


/* === FINAL STRONG FIX: footer logo mobile visibility + responsive images === */
.site-footer .footer-about{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:10px !important;
}
.site-footer .footer-about .footer-logo-final{
  display:block !important;
  width:138px !important;
  height:auto !important;
  max-width:138px !important;
  min-width:138px !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  transform:none !important;
  object-fit:contain !important;
  background:#fff !important;
  padding:8px !important;
  border-radius:16px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
  margin:0 0 14px 0 !important;
}
.site-footer img.footer-logo-final{
  filter:none !important;
}
.hero-media img,
.cta-image img,
.map-card img,
.blog-card img,
.article-box img,
.featured-media img,
.article-card img{
  width:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.hero-media img{height:auto !important;aspect-ratio:16/10 !important;}
.cta-image img{aspect-ratio:16/9 !important;}
.map-card img{aspect-ratio:4/3 !important;}
.blog-card img,.article-box img{height:220px !important;}
.featured-media img{height:100% !important;min-height:320px !important;}

@media (max-width:860px){
  .site-footer .footer-grid{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }
  .site-footer .footer-about{
    align-items:center !important;
    text-align:center !important;
  }
  .site-footer .footer-about .footer-logo-final{
    width:118px !important;
    max-width:118px !important;
    min-width:118px !important;
    margin:0 auto 12px auto !important;
  }
  .hero-media img{aspect-ratio:4/3 !important;}
}
@media (max-width:640px){
  .site-header .logo-img img{
    width:64px !important;
    height:auto !important;
    max-height:64px !important;
  }
  .site-footer .footer-about .footer-logo-final{
    width:112px !important;
    max-width:112px !important;
    min-width:112px !important;
    padding:7px !important;
    border-radius:14px !important;
  }
  .site-footer{
    padding-bottom:120px !important;
  }
  .blog-card img,.article-box img{height:200px !important;}
  .featured-media img{min-height:240px !important;}
}