:root{--red:#d10d14;--red2:#eb161d;--ink:#111820;--muted:#5f6770;--line:#e7e7e7;--soft:#f7f8f9;--soft2:#fdf3f4;--dark:#151d23;--max:1240px;--gold:#ffcf7b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.45;overflow-x:hidden;position:relative;isolation:isolate;background-image:linear-gradient(90deg,rgba(209,13,20,.035) 0 3.2%,transparent 3.2% 96.8%,rgba(209,13,20,.035) 96.8% 100%)}body:before{content:"";position:fixed;inset:0;background:url('../images/canada-wash.svg') center top/cover no-repeat;opacity:1;pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),92%);margin:auto}
.site-loader{position:fixed;inset:0;background:linear-gradient(180deg,#fff,#fdf5f6);display:grid;place-items:center;z-index:200;transition:opacity .45s ease,visibility .45s ease}.site-loader.hide{opacity:0;visibility:hidden}.loader-mark{text-align:center}.loader-mark img{width:220px;margin:0 auto 22px}.spinner-ring{width:58px;height:58px;border:4px solid rgba(209,13,20,.15);border-top-color:var(--red);border-radius:50%;margin:0 auto 14px;animation:spin 1s linear infinite}.loader-mark p{margin:0;color:var(--muted);font-weight:700;letter-spacing:.02em}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #eee;transition:box-shadow .3s ease,background-color .3s ease}.topbar.scrolled{box-shadow:0 8px 24px rgba(16,24,32,.10);background:rgba(255,255,255,.97)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:238px;height:64px;object-fit:contain;transition:transform .35s ease}.brand:hover img{transform:translateY(-2px) scale(1.015)}.menu{display:flex;align-items:center;gap:28px;font-weight:700}.menu a{padding:28px 0 22px;position:relative;transition:color .25s ease}.menu a.active,.menu a:hover{color:var(--red)}.menu a:after{content:"";position:absolute;left:0;right:0;bottom:16px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}.menu a.active:after,.menu a:hover:after{transform:scaleX(1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:4px;background:var(--red);color:#fff;padding:15px 24px;font-weight:800;text-transform:uppercase;font-size:.88rem;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.btn:before{content:"";position:absolute;inset:-40% auto -40% -55%;width:34%;background:rgba(255,255,255,.32);transform:skewX(-22deg);transition:left .55s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(209,13,20,.22)}.btn:hover:before{left:125%}.btn.outline{background:#fff;color:var(--red);border:1.5px solid var(--red)}.btn.outline:hover{background:var(--soft2)}.text-link{display:inline-block;margin-top:8px;color:#fff;font-weight:800}.hamb{display:none;background:none;border:0;font-size:28px}
.hero,.page-hero{position:relative;overflow:hidden}.hero{min-height:380px;border-bottom:1px solid var(--line)}.hero-slider .hero-slides{position:absolute;inset:0}.hero-slider .hero-slide{position:absolute;inset:0;background-size:cover;background-position:right center;opacity:0;transition:opacity .9s ease,transform 8s ease;transform:scale(1.02)}.hero-slider .hero-slide.active{opacity:1;transform:scale(1)}.hero-slider:before{content:"";position:absolute;inset:0;background:linear-gradient(102deg,rgba(255,255,255,.96) 0 48%,rgba(255,255,255,.86) 53%,rgba(255,255,255,.0) 73%);z-index:0}.hero-slider:after,.page-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.20) 48%,transparent 66%);transform:translateX(-120%);animation:heroSweep 1.25s ease .35s both}.hero .container,.page-hero .container{padding:40px 0;position:relative;z-index:1}.hero-content{min-height:380px;display:flex;flex-direction:column;justify-content:center}.hero h1,.page-hero h1{font-size:3.1rem;line-height:1.02;margin:0 0 18px;max-width:700px;animation:heroIn .8s cubic-bezier(.2,.7,.2,1) both}.red{color:var(--red)}.leaf-rule{display:flex;align-items:center;gap:14px;color:var(--red);font-size:24px;margin:12px 0;animation:heroIn .8s cubic-bezier(.2,.7,.2,1) .15s both}.leaf-rule:before,.leaf-rule:after{content:"";height:2px;background:var(--red);width:145px}.hero p,.page-hero p{max-width:640px;font-size:1.06rem;animation:heroIn .8s cubic-bezier(.2,.7,.2,1) .15s both}.checks{display:flex;gap:34px;flex-wrap:wrap;margin-top:24px;font-weight:700;animation:heroIn .8s cubic-bezier(.2,.7,.2,1) .22s both}.checks span:before{content:"✓";color:var(--red);border:1.5px solid var(--red);border-radius:50%;display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;font-size:12px}.hero-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero-badges span{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:999px;font-weight:700;box-shadow:0 2px 10px rgba(0,0,0,.04)}.hero-slider-nav{display:flex;gap:10px;margin-top:22px}.hero-dot{width:12px;height:12px;border-radius:50%;border:0;background:rgba(17,24,32,.2);cursor:pointer;padding:0}.hero-dot.active{background:var(--red);box-shadow:0 0 0 4px rgba(209,13,20,.18)}
.section{padding:58px 0;position:relative}.section.gray{background:rgba(247,248,249,.92)}.section.soft-red{background:linear-gradient(180deg,rgba(253,243,244,.86),rgba(255,255,255,.88))}.section-title{font-size:2rem;margin:0 0 12px}.lead{color:var(--muted);max-width:760px}.eyebrow{display:block;color:var(--red);font-size:.84rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.card{background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease}.card:hover,.benefits .mini:hover,.job:hover,.faq details:hover,.industry-tile:hover,.counter-card:hover,.mini-card:hover{transform:translateY(-7px);box-shadow:0 16px 34px rgba(19,29,38,.11);border-color:#f0b5b8}.icon{width:56px;height:56px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:28px;margin-bottom:14px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.card:hover .icon,.contact-item:hover .icon{transform:rotate(-5deg) scale(1.08);box-shadow:0 9px 20px rgba(209,13,20,.23)}.card h3{margin:0 0 8px;font-size:1.12rem}.card p{margin:0;color:var(--muted);font-size:.92rem}.arrow{color:var(--red);font-size:26px;text-align:right;margin-top:10px;transition:transform .3s ease}.card:hover .arrow{transform:translateX(7px)}
.flip-grid{perspective:1200px}.flip-card{min-height:250px;background:none}.flip-card-inner{position:relative;min-height:250px;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.flip-card-face{position:absolute;inset:0;padding:22px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.96);backface-visibility:hidden;box-shadow:0 2px 10px rgba(0,0,0,.04)}.flip-front{display:flex;flex-direction:column}.flip-back{transform:rotateY(180deg);background:linear-gradient(160deg,#19232c,#0e141a);color:#fff;border-color:#25303a}.flip-back p{color:rgba(255,255,255,.86)}.back-tag{display:inline-flex;align-self:flex-start;background:rgba(255,207,123,.18);border:1px solid rgba(255,207,123,.38);color:var(--gold);padding:6px 10px;border-radius:999px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}
.counter-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.counter-card,.mini-card{padding:24px;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.counter-card p,.mini-card p{margin:8px 0 0;color:var(--muted)}.metric-num{font-size:2rem;font-weight:900;color:var(--red);transition:transform .3s ease}.counter-card:hover .metric-num,.metrics>div:hover .metric-num{transform:translateY(-3px) scale(1.03)}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}.split img{border-radius:10px;box-shadow:0 16px 36px rgba(17,24,32,.12)}
.choose{display:grid;grid-template-columns:1.15fr repeat(4,1fr);align-items:stretch;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.72);backdrop-filter:blur(3px)}.choose>div{padding:28px;border-right:1px solid var(--line);transition:transform .3s ease,background-color .3s ease}.choose>div:hover{background:rgba(255,255,255,.92)}.choose>div:last-child{border-right:0}.choose strong{display:block}
.metrics{display:grid;grid-template-columns:1.3fr repeat(3,1fr);border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(3px)}.metrics>div{padding:24px;border-right:1px solid var(--line);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.metrics>div:last-child{border:0}.metrics>div:hover{background:#fff}
.page-hero{min-height:230px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(100deg,rgba(255,255,255,.95) 0 48%,transparent 67%),url('../images/hero-services.jpg') right center/64% 100% no-repeat}.page-hero.about{background-image:linear-gradient(100deg,rgba(255,255,255,.95) 0 48%,transparent 67%),url('../images/hero-about.jpg')}.page-hero.services{background-image:linear-gradient(100deg,rgba(255,255,255,.95) 0 48%,transparent 67%),url('../images/hero-services.jpg')}.page-hero.fleet{background-image:linear-gradient(100deg,rgba(255,255,255,.95) 0 48%,transparent 67%),url('../images/hero-fleet.jpg')}.page-hero.careers{background-image:linear-gradient(100deg,rgba(255,255,255,.95) 0 48%,transparent 67%),url('../images/hero-careers.jpg')}.page-hero.contact{background-image:linear-gradient(100deg,rgba(255,255,255,.95) 0 48%,transparent 67%),url('../images/hero-contact.jpg')}.page-hero.industries{background-image:linear-gradient(100deg,rgba(255,255,255,.95) 0 48%,transparent 67%),url('../images/hero-industries.jpg')}.page-hero h1{font-size:2.8rem}
.fleet-grid{display:grid;grid-template-columns:.72fr 1.25fr .85fr 1fr;gap:16px;align-items:stretch}.fleet-copy,.benefits{padding:20px}.fleet-grid img{height:100%;min-height:220px;object-fit:cover;border-radius:6px;transition:transform .55s ease,filter .45s ease}.fleet-grid img:hover{transform:scale(1.025);filter:saturate(1.08) contrast(1.03)}.benefits .mini{border:1px solid var(--line);padding:16px;margin-bottom:12px;border-radius:6px;background:white;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{display:flex;gap:12px;padding:6px 0}.step b{background:var(--red);color:white;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;transition:transform .3s ease,box-shadow .3s ease}.step:hover b{transform:scale(1.12);box-shadow:0 8px 18px rgba(209,13,20,.25)}
.dark-band{background:#172027;color:white;padding:30px 0;position:relative}.dark-band:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(209,13,20,.06),transparent 30%,transparent 70%,rgba(209,13,20,.06));pointer-events:none}.stats{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:24px;align-items:center}.stat{border-left:1px solid #42505a;padding-left:28px;text-align:center}.stat strong{font-size:1.55rem}
.contact-grid{display:grid;grid-template-columns:.9fr 1.35fr;gap:38px}.contact-item{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease}.contact-item .icon{width:48px;height:48px;flex:none;margin:0}.form{border:1px solid var(--line);padding:24px;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 14px 36px rgba(20,28,36,.06)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label{font-weight:700;font-size:.86rem}.form input,.form select,.form textarea{width:100%;margin-top:6px;padding:12px;border:1px solid #d9dde1;border-radius:4px;font:inherit}.form textarea{min-height:95px}.full{grid-column:1/-1}.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}.form-meta{margin:14px 0 0;color:var(--muted);font-size:.92rem}.notice{padding:12px 14px;background:#eef8ef;border:1px solid #b8dfbd;color:#2b6a32;border-radius:5px;display:none}.notice.show{display:block}.notice.error{background:#fff1f1;border-color:#f0b4b4;color:#a02b2b}.mapbox{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:10px;padding:22px;min-height:270px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:20px}.mapbox img{border-radius:8px}.mapbox ul{margin:0;padding-left:18px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq details{border:1px solid var(--line);padding:14px;background:white;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease}.faq summary{cursor:pointer;font-weight:700}.content-page{max-width:960px}.content-page h2{margin-top:36px}.job{border:1px solid var(--line);padding:22px;border-radius:10px;margin:14px 0;background:rgba(255,255,255,.95);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.industry-tile{position:relative;min-height:280px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 32px rgba(16,24,32,.08);background:#d9dde1;transition:transform .35s ease,box-shadow .35s ease}.industry-tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .4s ease}.industry-tile:hover img{transform:scale(1.07);filter:saturate(1.08)}.industry-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,24,32,.04) 0%,rgba(17,24,32,.3) 45%,rgba(17,24,32,.88) 100%);padding:22px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.industry-overlay small{display:inline-block;align-self:flex-start;background:rgba(209,13,20,.92);padding:6px 10px;border-radius:999px;font-weight:700;letter-spacing:.04em;margin-bottom:10px}.industry-overlay h3{margin:0 0 8px;font-size:1.25rem}.industry-overlay p{margin:0;color:rgba(255,255,255,.88);font-size:.94rem}
.social{display:flex;gap:10px}.social a{width:40px;height:40px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center;transition:transform .25s ease,background-color .25s ease,border-color .25s ease;color:#fff}.social a:hover{transform:translateY(-4px);background:var(--red);border-color:var(--red)}.social svg{width:19px;height:19px;display:block}.cta{background:linear-gradient(90deg,#c90a11,#ee161d);color:#fff}.cta .container{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:20px}.cta h2{margin:0}.footer{background:var(--dark);color:#fff;position:relative}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 6% 80%,rgba(255,255,255,.06),transparent 22%),radial-gradient(circle at 94% 84%,rgba(209,13,20,.16),transparent 24%);pointer-events:none}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr;gap:36px;padding:34px 0;position:relative}.footer img{width:235px}.footer h4{margin:0 0 12px}.footer p,.footer li{color:#d2d8dc;font-size:.9rem}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:8px 0}.copyright{border-top:1px solid #31404a;padding:14px 0;color:#c4cbd0;font-size:.82rem;display:flex;justify-content:space-between;position:relative}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.from-left{transform:translateX(-34px)}.reveal.from-right{transform:translateX(34px)}.reveal.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--red),#ff4b50);z-index:100;box-shadow:0 1px 8px rgba(209,13,20,.35)}.back-to-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border:0;border-radius:50%;background:var(--red);color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s ease;z-index:45;box-shadow:0 10px 24px rgba(0,0,0,.18)}.back-to-top.show{opacity:1;visibility:visible;transform:none}.back-to-top:hover{transform:translateY(-3px)}
@keyframes heroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes heroSweep{to{transform:translateX(120%)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(2,1fr)}.choose{grid-template-columns:1fr 1fr 1fr}.choose>div:first-child{grid-column:1/-1}.mini-card,.counter-card{min-height:unset}.counter-strip,.mini-grid{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.menu{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:20px 4%;gap:6px;border-bottom:1px solid #ddd;max-height:calc(100vh - 78px);overflow-y:auto}.menu.open{display:flex}.menu a{padding:10px 0}.menu a:after{bottom:4px}.hamb{display:block}.nav>.btn{display:none}.hero-slider:before{background:linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.90))}.fleet-grid{grid-template-columns:1fr 1fr}.contact-grid,.split,.mapbox{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.flip-card-inner,.flip-card:hover .flip-card-inner{transform:none}.flip-card-face{position:relative;transform:none}.flip-back{display:none}}
@media(max-width:620px){.brand img{width:186px}.hero h1,.page-hero h1{font-size:2.25rem}.cards,.choose,.metrics,.fleet-grid,.steps,.stats,.footer-main,.form-grid,.faq,.industry-grid,.counter-strip,.mini-grid{grid-template-columns:1fr}.choose>div,.metrics>div{border-right:0;border-bottom:1px solid var(--line)}.cta .container,.copyright{flex-direction:column;align-items:flex-start}.checks{gap:12px}.section{padding:40px 0}.page-hero{background:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)),url('../images/hero-services.jpg') center/cover}.page-hero.about{background-image:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)),url('../images/hero-about.jpg')}.page-hero.services{background-image:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)),url('../images/hero-services.jpg')}.page-hero.fleet{background-image:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)),url('../images/hero-fleet.jpg')}.page-hero.careers{background-image:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)),url('../images/hero-careers.jpg')}.page-hero.contact{background-image:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)),url('../images/hero-contact.jpg')}.page-hero.industries{background-image:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)),url('../images/hero-industries.jpg')}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* 2026 feature expansion */
.menu{gap:17px}.menu a{font-size:.83rem}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.wide-form{max-width:1050px;margin:auto}.section-heading{max-width:850px;margin-bottom:24px}.check-row{display:flex;flex-wrap:wrap;gap:14px;padding:12px;border:1px solid var(--line);border-radius:8px}.check-row label,.consent{display:flex!important;align-items:center;gap:8px}.check-row input,.consent input{width:auto}.emergency-band{background:#fff4f4}.province-chips{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.province-chips span{background:#fff;border:1px solid #ddd;padding:9px 14px;border-radius:999px;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.05)}.feature>b{color:var(--red);font-size:1.4rem}.dark-panel{background:#17232b;color:#fff}.dark-panel p,.dark-panel li{color:#d8e0e5}.demo-card{background:#fff;color:#1a2227;padding:32px;border-radius:16px}.tick-list,.document-list{line-height:2}.document-list{columns:2;list-style:'✓  '}.fleet-grid.detailed article{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;padding-bottom:18px}.fleet-grid.detailed article img{width:100%;height:210px;object-fit:cover}.fleet-grid.detailed h3,.fleet-grid.detailed ul{margin-left:20px;margin-right:20px}.verification-note{margin-top:24px;padding:18px;border-left:5px solid var(--red);background:#fff5f5}.case-list{display:grid;gap:24px}.case{border:1px solid var(--line);padding:28px;border-radius:16px}.case>span{color:var(--red);font-weight:800;text-transform:uppercase;font-size:.78rem}.case-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.logo-placeholders{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.logo-placeholders span{display:grid;place-items:center;min-height:110px;background:#fff;border:1px dashed #aaa;border-radius:12px;color:#777}.social-note{font-size:.78rem!important}.footer a{color:inherit}.honeypot{position:absolute!important;left:-9999px!important}.form small{display:block;margin-top:5px;color:#68727a}.notice.show.received{display:block}
@media(max-width:1100px){.menu{gap:10px}.menu a{font-size:.75rem}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.feature-grid,.case-columns,.logo-placeholders{grid-template-columns:1fr}.document-list{columns:1}.cta-actions{width:100%}}


/* August 2026 visual revisions */
.nav{height:90px}.brand{flex:0 0 auto}.brand img{width:285px;height:78px}.menu{gap:12px}.menu a{font-size:.72rem;white-space:nowrap}.nav>.btn{padding:13px 16px;font-size:.76rem}
.hero{min-height:520px}.hero-content{min-height:520px;max-width:720px}.hero-slider .hero-slide{background-size:cover;background-position:65% center}.hero-slider:before{background:linear-gradient(90deg,rgba(255,255,255,.98) 0 45%,rgba(255,255,255,.88) 56%,rgba(255,255,255,.12) 78%)}.hero-content p{background:rgba(255,255,255,.82);padding:12px 16px;border-left:4px solid var(--red);border-radius:0 8px 8px 0;color:#1b2228;text-shadow:none}
.footer-logo{
  width:250px !important;
  max-width:100%;
  filter:none !important;
  background:#fff;
  padding:10px 14px;
  border-radius:10px;
  object-fit:contain;
  object-position:left center;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.12);
}
.full-truck-image{width:100%;height:440px!important;object-fit:contain!important;background:#f3f5f6;padding:12px}
.service-single-truck{grid-column:span 2;width:100%;height:330px!important;object-fit:contain!important;background:#fff;border-radius:14px;padding:12px}.fleet-grid:has(.service-single-truck){grid-template-columns:1fr 1.25fr}.fleet-grid:has(.service-single-truck) .benefits{grid-column:1/-1}
.fit-hero-image{background-size:auto 92%!important;background-position:right center!important;background-repeat:no-repeat!important}.industry-illustration{object-fit:contain!important;background:#f6f7f8;padding:12px}.clean-industry{background:#f7f8f9}.clean-industry img{object-fit:contain;padding:14px}.clean-industry .industry-overlay{background:linear-gradient(180deg,transparent 0 45%,rgba(17,24,32,.9) 100%)}
.fleet-grid.detailed article img.fleet-illustration{height:230px;object-fit:contain;background:#f7f8f9;padding:14px}
.demo-readable,.demo-readable h3,.demo-readable p{color:#111!important}
.yms-visual{margin:30px 0 40px;border:1px solid #dfe4e8;border-radius:18px;overflow:hidden;background:#101820;box-shadow:0 25px 60px rgba(15,24,32,.18)}.yms-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:#18242d;color:#fff;font-size:.78rem}.yms-toolbar span{font-weight:900;letter-spacing:.08em}.yms-toolbar b{color:#fff}.yms-toolbar i{font-style:normal;color:#83e59a}.yard-scene{position:relative;min-height:390px;background:linear-gradient(135deg,#d9dfe3,#eef1f3);overflow:hidden}.warehouse{position:absolute;left:4%;right:4%;top:24px;height:96px;background:#26343e;border-radius:10px;display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:0 24px}.dock{width:86px;height:54px;background:#f7f8f9;border:4px solid #87939b;border-bottom:0;display:grid;place-items:center;font-weight:900}.dock.occupied{background:#ffe6e7;border-color:#d10d14}.yard-lane{position:absolute;left:8%;right:8%;height:2px;border-top:3px dashed rgba(70,80,88,.35)}.lane-a{top:190px}.lane-b{top:300px}.trailer{position:absolute;width:118px;height:38px;background:#fff;border:3px solid #58656d;border-radius:5px;display:grid;place-items:center;font-size:.72rem;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.12)}.trailer-one{left:12%;top:225px}.trailer-two{right:14%;top:140px}.shunter{position:absolute;width:62px;height:44px;background:#d10d14;border-radius:8px 12px 8px 8px;color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.18)}.shunter:after{content:"";position:absolute;left:-16px;top:10px;width:20px;height:24px;background:#d10d14;border-radius:5px}.animated-shunter{left:10%;top:285px;animation:yardMove 7s ease-in-out infinite}.move-path{position:absolute;left:15%;right:28%;top:324px;border-top:3px dotted #d10d14;opacity:.55}.status-panel{position:absolute;right:4%;bottom:24px;background:#fff;border-radius:10px;padding:16px 18px;min-width:230px;box-shadow:0 12px 28px rgba(0,0,0,.16);display:grid;gap:4px}.status-panel em{font-style:normal;color:#d10d14;font-weight:900;font-size:.78rem}.emergency-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;align-items:start}.urgent-call{margin-top:24px;padding:20px;border-left:5px solid var(--red);background:#fff;display:grid;gap:6px}.urgent-call a{font-size:1.65rem;font-weight:900;color:var(--red)}.emergency-hero{background:linear-gradient(100deg,rgba(255,255,255,.97),rgba(255,255,255,.84)),url('../images/hero-contact.jpg') right center/cover no-repeat}
@keyframes yardMove{0%{left:10%;top:285px;transform:rotate(0)}38%{left:56%;top:285px;transform:rotate(0)}58%{left:66%;top:205px;transform:rotate(-90deg)}82%{left:67%;top:125px;transform:rotate(-90deg)}100%{left:10%;top:285px;transform:rotate(0)}}
@media(max-width:1180px){.brand img{width:235px}.menu a{font-size:.66rem}.nav>.btn{display:none}}
@media(max-width:980px){.nav{height:82px}.brand img{width:245px;height:70px}.menu{top:82px}.hero{min-height:470px}.hero-content{min-height:470px}.hero-slider:before{background:rgba(255,255,255,.9)}.emergency-layout{grid-template-columns:1fr}.service-single-truck{grid-column:auto}.fleet-grid:has(.service-single-truck){grid-template-columns:1fr}}
@media(max-width:620px){.brand img{width:220px}.hero{min-height:520px}.hero-content{min-height:520px}.hero-content p{background:rgba(255,255,255,.94)}.full-truck-image{height:300px!important}.yms-toolbar{align-items:flex-start;flex-direction:column}.yard-scene{min-height:430px}.warehouse{gap:5px;padding:0 8px}.dock{width:48px}.status-panel{left:5%;right:5%;min-width:0}.animated-shunter{animation:none;left:45%;top:255px}}

/* Header readability update — August 2026 */
.topbar .container.nav{
  width:min(1760px,97%);
  max-width:none;
  margin:0 auto;
}
.nav{
  min-height:104px;
  height:auto;
  gap:30px;
}
.brand{
  flex:0 0 330px;
  display:flex;
  justify-content:flex-start;
  align-items:center;
}
.brand img{
  width:325px;
  height:90px;
  object-fit:contain;
  object-position:left center;
}
.menu{
  flex:1 1 auto;
  justify-content:center;
  gap:22px;
}
.menu a{
  font-size:.88rem;
  line-height:1.2;
  padding:37px 0 31px;
  letter-spacing:.005em;
}
.menu a:after{bottom:23px}

/* Professional Dropdown Menu Styles */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown > a {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.dropdown-arrow {
    font-size: 0.6rem;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--red);
    opacity: 0.8;
}

.dropdown:hover .dropdown-arrow {
    transform: rotate(180deg);
    opacity: 1;
}

.dropdown-content {
    position: absolute;
    top: calc(100% + 8px);
    left: -10px;
    min-width: 280px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    box-shadow: 
        0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06),
        0 20px 25px -5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px) scale(0.95);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    backdrop-filter: blur(8px);
}

.dropdown:hover .dropdown-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

/* Arrow pointer for dropdown */
.dropdown-content:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 24px;
    width: 12px;
    height: 12px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
    z-index: -1;
}

.dropdown-content a {
    display: flex;
    align-items: center;
    padding: 7px 20px !important;
    font-size: 0.9rem;
    font-weight: 600;
    color: #374151;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    text-decoration: none;
    line-height: 1.3;
}

.dropdown-content a:first-child {
    border-radius: 12px 12px 0 0;
}

.dropdown-content a:last-child {
    border-bottom: none;
    border-radius: 0 0 12px 12px;
}

.dropdown-content a:hover {
    background: linear-gradient(135deg, #fef7f7 0%, #fff5f5 100%);
    color: var(--red);
    padding-left: 24px;
    font-weight: 700;
}

.dropdown-content a.active {
    background: linear-gradient(135deg, #fff0f1 0%, #ffeced 100%);
    color: var(--red);
    padding-left: 26px;
    font-weight: 700;
    border-left: 3px solid var(--red);
}

.dropdown-content a:after {
    display: none; /* Remove the default underline */
}

/* Add subtle icon before each dropdown item */
.dropdown-content a:before {
    content: "→";
    margin-right: 10px;
    color: var(--red);
    font-weight: 700;
    font-size: 0.8rem;
    opacity: 0;
    transform: translateX(-6px);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.dropdown-content a:hover:before {
    opacity: 1;
    transform: translateX(0);
}

/* Special styling for active dropdown parent */
.dropdown.active > a {
    color: var(--red);
}

.dropdown.active > a:after {
    transform: scaleX(1);
}

.nav>.btn{
  flex:0 0 auto;
  padding:17px 22px;
  font-size:.82rem;
  white-space:nowrap;
}

@media(max-width:1550px){
  .topbar .container.nav{width:98%}
  .nav{gap:18px}
  .brand{flex-basis:270px}
  .brand img{width:265px;height:82px}
  .menu{gap:14px}
  .menu a{font-size:.76rem}
  .nav>.btn{padding:15px 17px;font-size:.75rem}
}
@media(max-width:1260px){
  .brand{flex-basis:235px}
  .brand img{width:230px}
  .menu{gap:10px}
  .menu a{font-size:.68rem}
  .nav>.btn{display:none}
}
@media(max-width:980px){
  .topbar .container.nav{width:92%}
  .nav{min-height:88px;height:88px}
  .brand{flex-basis:auto}
  .brand img{width:265px;height:76px}
  .menu{top:88px;gap:6px;justify-content:flex-start;max-height:calc(100vh - 88px);overflow-y:auto}
  .menu a{font-size:.96rem;padding:10px 0}
  .menu a:after{bottom:5px}
  
  /* Professional Mobile Dropdown Styles */
  .dropdown > a {
    font-weight: 700;
    color: var(--red);
    border-bottom: 1px solid rgba(209, 13, 20, 0.1);
    padding: 12px 0;
    margin-bottom: 4px;
  }
  
  .dropdown-content {
    position: static;
    min-width: 100%;
    background: linear-gradient(135deg, #fafbfc 0%, #f8f9fa 100%);
    border: none;
    border-radius: 8px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
    opacity: 1;
    visibility: visible;
    transform: none;
    margin: 6px 0 12px 0;
    overflow: hidden;
  }
  
  .dropdown-content:before {
    display: none;
  }
  
  .dropdown-content a {
    padding: 8px 16px;
    font-size: 0.88rem;
    font-weight: 500;
    color: #4b5563;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    margin: 0;
    display: flex;
    align-items: center;
  }
  
  .dropdown-content a:first-child,
  .dropdown-content a:last-child {
    border-radius: 0;
  }
  
  .dropdown-content a:last-child {
    border-bottom: none;
  }
  
  .dropdown-content a:hover {
    background: #ffffff;
    color: var(--red);
    padding-left: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  }
  
  .dropdown-content a:before {
    content: "•";
    margin-right: 10px;
    color: var(--red);
    font-weight: 900;
    opacity: 0.7;
  }
  
  .dropdown-content a:hover:before {
    opacity: 1;
  }
  
  .dropdown-arrow {
    display: none;
  }
}
@media(max-width:620px){
  .brand img{width:230px;height:70px}
}

/* Final homepage logo and hero corrections — August 2026 */
.topbar .container.nav{
  width:calc(100% - 36px);
  max-width:none;
}
.brand{
  flex:0 0 320px;
  min-width:320px;
}
.brand img{
  width:310px;
  height:82px;
  object-fit:contain;
  object-position:left center;
}

/* Keep the hero copy on the left side so it does not sit on top of the truck */
.hero-slider .hero-slide{
  background-size:cover;
  background-position:72% center;
  background-repeat:no-repeat;
  background-color:#f2f3f4;
}
.hero-slider:before{
  background:linear-gradient(90deg,
    rgba(14,20,26,.72) 0%,
    rgba(14,20,26,.54) 22%,
    rgba(14,20,26,.24) 42%,
    rgba(14,20,26,.06) 60%,
    rgba(14,20,26,0) 74%);
}
.hero .container{
  display:flex;
  align-items:center;
}
.hero-content{
  max-width:560px;
  align-items:flex-start;
  margin-left:10px;
  padding:28px 26px;
  background:rgba(12,18,24,.30);
  backdrop-filter:blur(3px);
  border-radius:20px;
  box-shadow:0 18px 40px rgba(0,0,0,.14);
}
.hero h1{
  color:#fff;
  text-shadow:0 8px 22px rgba(0,0,0,.35);
}
.hero-content p{
  max-width:100%;
  background:rgba(17,24,32,.93);
  color:#fff!important;
  border-left:5px solid var(--red);
  padding:15px 18px;
  border-radius:0 9px 9px 0;
  box-shadow:0 10px 25px rgba(0,0,0,.18);
  font-weight:600;
  line-height:1.55;
}
.hero-content .checks{
  background:rgba(255,255,255,.96);
  color:#111820;
  padding:13px 17px;
  border-radius:8px;
  box-shadow:0 8px 22px rgba(0,0,0,.11);
}
.hero-content .hero-badges span{
  box-shadow:0 8px 22px rgba(0,0,0,.10);
}

@media(max-width:1280px){
  .brand{flex-basis:260px;min-width:260px}
  .brand img{width:250px;height:74px}
  .menu{gap:14px}
  .menu a{font-size:.78rem}
}
@media(max-width:980px){
  .topbar .container.nav{width:94%}
  .brand{flex-basis:auto;min-width:0}
  .brand img{width:260px;height:72px}
  .hero-slider .hero-slide{background-size:cover;background-position:68% center}
  .hero-slider:before{background:linear-gradient(180deg, rgba(14,20,26,.64), rgba(14,20,26,.28) 42%, rgba(14,20,26,.10) 100%)}
  .hero-content{margin-left:0;padding:20px 16px;background:rgba(12,18,24,.22)}
}
@media(max-width:620px){
  .brand img{width:225px;height:64px}
  .hero-content{padding:18px 14px;background:rgba(12,18,24,.18)}
  .hero-content p{background:rgba(17,24,32,.94)}
}

@media(max-width:620px){
  .footer-logo{width:220px !important;}
}


/* Modern industries cards */
.industry-modern-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin-top:28px;
}
.industry-modern-card{
  background:linear-gradient(180deg,#ffffff 0%, #fffafa 100%);
  border:1px solid #efd7d9;
  border-radius:18px;
  padding:24px;
  box-shadow:0 14px 32px rgba(17,24,32,.06);
  transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease;
  position:relative;
  overflow:hidden;
}
.industry-modern-card:before{
  content:"";
  position:absolute;
  right:-24px;
  top:-24px;
  width:110px;
  height:110px;
  border-radius:50%;
  background:rgba(209,13,20,.07);
}
.industry-modern-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 36px rgba(17,24,32,.10);
  border-color:#e8b7bb;
}
.industry-modern-card small{
  display:inline-block;
  margin-bottom:10px;
  color:var(--red);
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:.73rem;
}
.industry-modern-card h3{
  margin:0 0 10px;
  font-size:1.3rem;
  line-height:1.15;
}
.industry-modern-card p{
  margin:0 0 16px;
  color:var(--muted);
}
.industry-icon{
  width:62px;
  height:62px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#d10d14,#ef2a30);
  color:#fff;
  font-size:28px;
  box-shadow:0 12px 26px rgba(209,13,20,.24);
  margin-bottom:16px;
  position:relative;
  z-index:1;
}
.industry-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.industry-tags span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid #ebd8da;
  color:#37424b;
  font-size:.82rem;
  font-weight:700;
}
.industry-intro-band{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px 26px;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:24px;
  align-items:center;
  margin-bottom:26px;
  box-shadow:0 10px 28px rgba(17,24,32,.05);
}
.industry-quick-points{
  display:grid;
  gap:10px;
}
.industry-quick-points div{
  background:#f8fafb;
  border:1px solid #e8edf0;
  border-radius:12px;
  padding:12px 14px;
  font-weight:700;
  color:#24303a;
}
@media(max-width:1100px){
  .industry-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .industry-intro-band{grid-template-columns:1fr;}
}
@media(max-width:620px){
  .industry-modern-grid{grid-template-columns:1fr;gap:16px;}
  .industry-modern-card{padding:20px;}
}


/* Interactive Yard Management System workflow */
.yms-flow{margin-top:28px;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 16px 36px rgba(17,24,32,.08)}
.yms-flow-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:26px 28px;border-bottom:1px solid var(--line)}
.yms-flow-head h3{margin:0 0 7px;font-size:1.55rem}.yms-flow-head p{margin:0;color:var(--muted)}
.yms-flow-actions{display:flex;gap:10px;flex-wrap:wrap}.yms-flow-actions .btn{padding:12px 18px}
.yms-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.yms-status-grid>div{background:#fff;padding:18px 22px;display:flex;flex-direction:column;gap:4px}
.yms-status-grid small{color:var(--muted);font-weight:800;letter-spacing:.06em}.yms-status-grid strong{font-size:1.3rem}.yms-status-grid span{color:var(--muted);font-size:.88rem}
.yms-stage{margin:22px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#f7f9fa}
.yms-stage-bar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 16px;background:#17232b;color:#fff}
.yms-stage-bar span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:6px 10px;border-radius:999px;font-size:.82rem}
.yms-map{position:relative;min-height:420px;background-image:linear-gradient(#e8edef 1px,transparent 1px),linear-gradient(90deg,#e8edef 1px,transparent 1px);background-size:36px 36px;padding:8px}
.yms-map svg{width:100%;height:auto;display:block}.yms-map-bg{fill:#fff;stroke:#dfe5e8;stroke-width:1.5}
.yms-zone>rect,.yms-order-box>rect{fill:#fbfcfd;stroke:#dce3e7;stroke-width:1.5}.yms-zone>text,.yms-order-box>text{fill:#18232c;font-size:17px;font-weight:700}.small-text{fill:#68727a!important;font-size:12px!important;font-weight:600!important}
.gate-symbol{fill:none;stroke:var(--red);stroke-width:3}.yard-spot,.dock-box{fill:none!important;stroke:#7e8a92!important;stroke-width:2!important}.target-dock{stroke:var(--red)!important;stroke-width:3!important}.yms-order-box>rect{fill:#fff5f5;stroke:#efc7ca}.yms-road{fill:none;stroke:#cfd7dc;stroke-width:5;stroke-linecap:round}.yms-road.dashed{stroke-width:4;stroke-dasharray:8 8}
.truck-body{fill:var(--red)}.truck-window{fill:#eaf0f3}.truck-wheel{fill:#17232b}.truck-hub{fill:#fff}.truck-label{fill:#fff;font-size:11px;font-weight:800}.yms-map #ymsTruck{transition:transform 1.05s cubic-bezier(.22,.8,.24,1)}
.yms-step-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:0 22px 24px}.yms-step{border:1px solid var(--line);border-radius:12px;background:#fff;padding:13px 10px;text-align:left;cursor:pointer;transition:.25s ease;color:var(--ink)}.yms-step:hover,.yms-step.active{border-color:#e69ca1;background:#fff5f5;transform:translateY(-2px)}.yms-step b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--red);color:#fff;font-size:.78rem;margin-bottom:8px}.yms-step span{display:block;font-weight:800}.yms-step small{display:block;color:var(--muted);margin-top:3px;line-height:1.25}
@media(max-width:980px){.yms-flow-head{align-items:flex-start;flex-direction:column}.yms-status-grid{grid-template-columns:1fr}.yms-step-grid{grid-template-columns:repeat(3,1fr)}.yms-map{min-height:340px}}
@media(max-width:620px){.yms-flow-head{padding:21px}.yms-stage{margin:14px}.yms-stage-bar{align-items:flex-start;flex-direction:column}.yms-map{min-height:250px;padding:0}.yms-step-grid{grid-template-columns:repeat(2,1fr);padding:0 14px 18px}.yms-status-grid>div{padding:15px 18px}}
@media(prefers-reduced-motion:reduce){.yms-map #ymsTruck{transition:none}}


/* Final logo implementation — selected Maple leaf logo */
.topbar .container.nav{
  width:calc(100% - 22px);
}
.nav{
  min-height:112px;
  height:112px;
  gap:18px;
}
.brand{
  flex:0 0 360px;
  min-width:360px;
}
.brand img{
  width:350px;
  height:94px;
  object-fit:contain;
  object-position:left center;
}
.menu{
  flex:1 1 auto;
  justify-content:flex-start;
  gap:26px;
}
.menu a{
  padding:41px 0 35px;
  font-size:.95rem;
}
.menu a:after{bottom:27px}
.nav>.btn{margin-left:10px}
.footer-logo{
  width:300px !important;
  height:auto;
}
@media(max-width:1500px){
  .brand{flex-basis:330px;min-width:330px}
  .brand img{width:320px;height:88px}
  .menu{gap:20px}
  .menu a{font-size:.86rem}
}
@media(max-width:1320px){
  .brand{flex-basis:300px;min-width:300px}
  .brand img{width:290px;height:80px}
  .menu{gap:16px}
  .menu a{font-size:.79rem}
}
@media(max-width:1180px){
  .brand{flex-basis:280px;min-width:280px}
  .brand img{width:270px;height:72px}
  .menu{gap:12px}
  .menu a{font-size:.72rem}
}
@media(max-width:980px){
  .nav{min-height:92px;height:92px}
  .brand{flex-basis:auto;min-width:0}
  .brand img{width:315px;height:74px}
  .menu{top:92px;justify-content:flex-start;gap:6px}
  .menu a{font-size:.96rem}
}
@media(max-width:620px){
  .nav{min-height:84px;height:84px}
  .brand img{width:255px;height:62px}
  .footer-logo{width:235px !important;}
}


/* Advanced Yard Management System animation */
.yms-live-system{margin-top:28px;border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 20px 48px rgba(17,24,32,.10)}
.yms-live-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;background:linear-gradient(90deg,#111d26,#03142b);color:#fff}
.yms-live-title{display:flex;align-items:center;gap:14px}.yms-live-title-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(209,13,20,.18);font-size:1.5rem}
.yms-live-title strong{display:block;font-size:1.9rem;letter-spacing:.02em}.yms-live-title small{display:block;color:rgba(255,255,255,.76);font-size:1rem;margin-top:4px}
.yms-live-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.yms-live-actions{display:flex;gap:10px;flex-wrap:wrap}.yms-live-actions .btn{padding:12px 16px}
.yms-live-badge{display:flex;flex-direction:column;justify-content:center;min-width:150px;padding:12px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);font-size:1.05rem;font-weight:900;line-height:1.1;text-transform:uppercase}.yms-live-badge span{display:block;text-transform:none;font-size:1.25rem;font-weight:700;margin-top:4px;color:#fff}.yms-live-badge.progress{background:rgba(255,176,0,.10);border-color:rgba(255,176,0,.35);color:#ffdb8b}.yms-live-badge.active{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}.yms-live-badge.completed{background:rgba(69,179,104,.15);border-color:rgba(103,215,139,.35);color:#85f0aa}
.yms-live-updated{font-weight:700;color:rgba(255,255,255,.88)}.yms-live-updated i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#e62424;margin:0 7px 0 10px;vertical-align:middle}
.yms-live-status{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.yms-live-status>div{background:#fff;padding:18px 22px;display:flex;flex-direction:column;gap:5px}.yms-live-status small{font-weight:800;letter-spacing:.07em;color:var(--muted)}.yms-live-status strong{font-size:1.28rem}.yms-live-status span{color:var(--muted)}
.yms-scene-shell{position:relative;padding:24px;background:#f5f7f8}
.yms-scene{position:relative;height:680px;border-radius:26px;overflow:hidden;background:url('../images/yms-yard-bg.jpg') center center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)}
.yms-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,16,22,.08),rgba(10,16,22,.02));pointer-events:none}
.yms-order-panel{position:absolute;z-index:4;left:58px;top:76px;width:320px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:22px;padding:24px 22px;box-shadow:0 16px 42px rgba(17,24,32,.15)}
.yms-order-kicker{display:inline-block;font-size:.98rem;font-weight:800;color:#d10d14;margin-bottom:10px}.yms-order-panel h4{margin:0 0 12px;font-size:1.95rem}.yms-order-panel p{margin:0 0 14px;font-size:1.12rem;font-weight:700;color:#2e3943;line-height:1.4}.yms-order-state{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border-radius:999px;background:#edf7ef;color:#208d49;font-weight:900;margin-bottom:12px}.yms-order-state.progress{background:#fff3df;color:#b46b00}.yms-order-state.active{background:#eef3f8;color:#36424e}.yms-order-panel small{display:block;font-size:1rem;color:#5a6670}
.yms-gate-label,.yms-staging-label{position:absolute;z-index:2;background:#141f29;color:#fff;font-weight:800;padding:10px 16px;border-radius:12px}.yms-gate-label{left:54px;top:430px;background:#cf2026}.yms-staging-label{left:512px;top:372px}
.yms-dock-labels{position:absolute;z-index:2;display:flex;gap:24px;top:48px;right:112px;color:#1d2228;font-size:1rem;font-weight:900;letter-spacing:.03em}.yms-dock-labels span{display:block;width:82px;text-align:center;text-shadow:0 1px 2px rgba(255,255,255,.35)}
.yms-staging-zone{position:absolute;z-index:2;left:380px;top:415px;width:520px;height:150px;border:4px solid #f0c34a;border-radius:22px}.yms-staging-zone:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.18)}
.yms-spot{position:absolute;top:40px;width:86px;height:94px;border:3px solid rgba(255,255,255,.85);border-radius:12px;color:rgba(255,255,255,.88);font-size:2rem;font-style:italic;display:grid;place-items:center;background:rgba(255,255,255,.04)}.yms-spot.spot-a12{left:120px;border-color:#de4e4e;color:#f4f0f0}.yms-spot.spot-a13{left:225px}
.yms-spot.active{box-shadow:0 0 0 6px rgba(209,13,20,.13);background:rgba(209,13,20,.10)}
.yms-route-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.yms-route-svg path{fill:none;stroke:#e4e8eb;stroke-width:6;stroke-linecap:round;stroke-dasharray:12 12;marker-end:url(#ymsArrowHead);opacity:.9}.yms-route-svg path.active{stroke:#ffffff;stroke-width:7;opacity:1}
.yms-dock-callout{position:absolute;z-index:4;right:275px;top:82px;display:none;background:#fff;border:2px solid #79cb8a;color:#16914a;border-radius:18px;padding:14px 18px;font-size:1.55rem;font-weight:900;box-shadow:0 14px 34px rgba(17,24,32,.18)}.yms-dock-callout span{display:block;font-size:1rem;margin-top:4px}.yms-dock-callout.show{display:block}
.yms-rig{position:absolute;z-index:3;left:0;top:0;width:270px;height:98px;display:flex;align-items:flex-end;gap:8px;transform:translate(80px,456px) rotate(0deg);transform-origin:78% 70%;transition:transform 1.4s cubic-bezier(.22,.8,.24,1)}
.yms-trailer-unit{position:relative;width:186px;height:56px;background:linear-gradient(180deg,#ffffff,#f1f4f6);border:3px solid #8b949d;border-radius:7px;box-shadow:0 12px 22px rgba(0,0,0,.18)}.yms-trailer-unit span{position:absolute;left:20px;top:15px;font-size:1rem;font-weight:900;color:#d10d14;letter-spacing:.04em}.yms-trailer-unit:before{content:"";position:absolute;right:8px;top:7px;bottom:7px;width:10px;border-radius:3px;background:#dfe5e8}.yms-trailer-unit:after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:#d10d14;border-radius:0 0 4px 4px}
.yms-hitch{width:14px;height:6px;background:#54626b;border-radius:4px;margin-bottom:26px}
.yms-cab-unit{position:relative;width:62px;height:64px;border-radius:10px 14px 12px 12px;background:linear-gradient(180deg,#f0282e,#c90d13);box-shadow:0 12px 22px rgba(0,0,0,.18)}.yms-cab-unit:before{content:"";position:absolute;left:11px;top:9px;width:28px;height:18px;border-radius:4px;background:#eef3f6}.yms-cab-unit:after{content:"";position:absolute;right:-12px;bottom:13px;width:18px;height:14px;border-radius:4px;background:#d10d14}
.yms-wheel{position:absolute;bottom:-11px;width:20px;height:20px;border-radius:50%;background:#17232b;box-shadow:inset 0 0 0 5px #fff}.yms-trailer-unit .tw1{left:36px}.yms-trailer-unit .tw2{left:88px}.yms-trailer-unit .tw3{left:140px}.yms-cab-unit .cw1{left:7px}.yms-cab-unit .cw2{right:8px}
.yms-card-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:20px}.yms-mini-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 18px rgba(17,24,32,.05);transition:.25s ease}.yms-mini-card b{font-size:1.18rem}.yms-mini-card span{color:var(--muted);font-weight:700}.yms-mini-card.done{border-color:#d6ecd9;background:#f4fbf6}.yms-mini-card.current{border-color:#efb6b9;box-shadow:0 12px 26px rgba(209,13,20,.08)}
.yms-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:0 24px 24px 24px}.yms-time-step{position:relative;border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px 16px;text-align:left;cursor:pointer;transition:.24s ease}.yms-time-step:hover,.yms-time-step.active{border-color:#e6a2a7;background:#fff6f6;transform:translateY(-2px)}.yms-time-step b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d10d14;color:#fff;font-size:1rem;margin-bottom:10px}.yms-time-step strong{display:block;font-size:1.08rem}.yms-time-step small{display:block;margin-top:6px;color:var(--muted);line-height:1.35}
@media(max-width:1180px){.yms-live-top{align-items:flex-start;flex-direction:column}.yms-live-tools{justify-content:flex-start}.yms-live-status{grid-template-columns:1fr}.yms-scene{height:610px}.yms-order-panel{width:280px;left:24px;top:24px}.yms-card-row{grid-template-columns:repeat(2,1fr)}.yms-timeline{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.yms-live-title strong{font-size:1.45rem}.yms-scene-shell{padding:14px}.yms-scene{height:520px}.yms-order-panel{position:relative;left:auto;top:auto;width:auto;margin:12px}.yms-scene-shell{display:block}.yms-gate-label{left:16px;top:16px}.yms-staging-label{left:44%;top:280px;transform:translateX(-50%)}.yms-dock-labels{top:16px;right:20px;gap:10px;font-size:.72rem}.yms-dock-labels span{width:44px}.yms-staging-zone{left:200px;top:320px;width:260px;height:100px}.yms-spot{top:22px;width:46px;height:62px;font-size:1.3rem}.yms-spot.spot-a12{left:52px}.yms-spot.spot-a13{left:113px}.yms-rig{width:186px;height:76px}.yms-trailer-unit{width:120px;height:38px}.yms-trailer-unit span{left:10px;top:10px;font-size:.78rem}.yms-cab-unit{width:46px;height:48px}.yms-route-svg path{stroke-width:5}.yms-card-row,.yms-timeline{grid-template-columns:1fr}.yms-dock-callout{right:20px;top:70px;font-size:1rem;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.yms-rig{transition:none}}


/* Static Yard Management System preview */
.yms-static-preview{margin-top:28px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 18px 42px rgba(17,24,32,.10)}
.yms-static-preview img{display:block;width:100%;height:auto;object-fit:contain}


/* Home hero image fitted full-size without cropping */
.hero-slider .hero-slide.fit-hero-image{
  background-size:contain !important;
  background-position:right center !important;
  background-repeat:no-repeat !important;
  background-color:#eef2f5 !important;
}
@media(max-width:980px){
  .hero-slider .hero-slide.fit-hero-image{
    background-size:contain !important;
    background-position:center bottom !important;
  }
}
@media(max-width:620px){
  .hero-slider .hero-slide.fit-hero-image{
    background-size:contain !important;
    background-position:center bottom !important;
  }
}


/* Homepage hero layout fix — remove center grey gap and balance both sides */
.hero-slider .hero-slide{background-image:none !important;background-color:transparent !important;}
.hero-slider:before{background:linear-gradient(90deg, rgba(242,244,246,.96) 0%, rgba(242,244,246,.92) 100%) !important;}
.hero .container.hero-layout{
  width:min(1760px,97%);
  max-width:none;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(420px, 0.95fr) minmax(520px, 1.05fr);
  gap:28px;
  align-items:center;
  padding:26px 0;
}
.hero-content{
  max-width:none !important;
  min-height:auto !important;
  margin:0 !important;
  align-items:flex-start;
}
.hero-media{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  min-height:520px;
}
.hero-media img{
  width:100%;
  max-width:980px;
  height:500px;
  object-fit:contain;
  object-position:center center;
  display:block;
}
@media(max-width:1180px){
  .hero .container.hero-layout{
    grid-template-columns:minmax(360px, 0.95fr) minmax(420px, 1.05fr);
    gap:20px;
  }
  .hero-media img{height:430px;}
}
@media(max-width:980px){
  .hero .container.hero-layout{
    grid-template-columns:1fr;
    gap:18px;
    padding:20px 0;
  }
  .hero-media{
    min-height:auto;
    justify-content:center;
  }
  .hero-media img{
    height:auto;
    max-height:360px;
  }
}
@media(max-width:620px){
  .hero .container.hero-layout{width:94%;}
  .hero-media img{max-height:280px;}
}

/* About page truck image fit — August 2026 */
.about-truck-image{
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
  object-fit:contain;
  object-position:center center;
  background:#fff;
  padding:0;
  border-radius:14px;
  box-shadow:0 16px 36px rgba(17,24,32,.12);
}
@media(max-width:980px){
  .split .about-truck-image{width:100%;max-width:760px;margin:8px auto 0;}
}
@media(max-width:620px){
  .about-truck-image{height:auto!important;aspect-ratio:4 / 3;border-radius:10px;}
}


/* About page hero — expanded box with full truck visible */
.page-hero.about{
  min-height:360px;
  background:linear-gradient(90deg,#fff 0%,#fff 46%,#f6f7f8 100%);
  padding:0;
}
.page-hero.about .about-hero-layout{
  min-height:360px;
  display:grid;
  grid-template-columns:44% 56%;
  align-items:center;
  gap:24px;
  padding:18px 0;
}
.about-hero-copy{position:relative;z-index:2;padding-right:10px;}
.page-hero.about .about-hero-copy h1{margin-bottom:16px;}
.page-hero.about .about-hero-copy p{margin:0;}
.about-hero-media{
  min-width:0;
  height:324px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.about-hero-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  display:block;
}
@media(max-width:980px){
  .page-hero.about{min-height:auto;}
  .page-hero.about .about-hero-layout{
    min-height:auto;
    grid-template-columns:1fr;
    gap:8px;
    padding:30px 0 20px;
  }
  .about-hero-media{height:330px;}
}
@media(max-width:620px){
  .page-hero.about .about-hero-layout{padding:26px 0 14px;}
  .about-hero-media{height:250px;}
}


/* ===== Maple sitewide visual refresh — reference layout, August 2026 ===== */
.page-hero.modern-page-hero{
  background:#f5f6f7 !important;
  min-height:0 !important;
  padding:18px 0 22px;
  border-bottom:1px solid #e4e7e9;
  overflow:visible;
}
.page-hero.modern-page-hero:after{display:none !important;}
.page-hero.modern-page-hero .modern-hero-shell{
  width:min(94%,1320px);
  padding:0 !important;
  display:grid;
  grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);
  align-items:stretch;
  min-height:460px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e2e6e9;
  border-radius:14px;
  box-shadow:0 14px 40px rgba(22,31,39,.08);
}
.modern-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:58px 54px;
  position:relative;
  z-index:2;
  background:linear-gradient(90deg,#fff 0%,#fff 82%,rgba(255,255,255,.96) 100%);
}
.modern-hero-eyebrow{
  margin:0 0 18px !important;
  color:var(--red);
  font-size:.78rem;
  letter-spacing:.12em;
  font-weight:900;
}
.modern-hero-eyebrow:after{
  content:"";
  display:block;
  width:52px;
  height:3px;
  margin-top:9px;
  background:var(--red);
  border-radius:3px;
}
.page-hero.modern-page-hero h1{
  font-size:clamp(2.55rem,4vw,4rem) !important;
  line-height:1.02;
  max-width:610px;
  margin:0 0 18px;
  letter-spacing:-.035em;
}
.modern-hero-rule{width:54px;height:3px;background:var(--red);border-radius:3px;margin:2px 0 22px;}
.page-hero.modern-page-hero p{
  max-width:570px;
  margin:0;
  color:#3b454c;
  font-size:1.03rem;
  line-height:1.7;
}
.modern-hero-btn{margin-top:30px;box-shadow:0 10px 24px rgba(209,13,20,.16);}
.modern-hero-media{
  position:relative;
  min-width:0;
  min-height:460px;
  background:#edf0f2;
  overflow:hidden;
}
.modern-hero-media:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:100px;
  z-index:1;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.58) 35%,rgba(255,255,255,0) 100%);
  pointer-events:none;
}
.modern-hero-media img{
  display:block;
  width:100%;
  height:100%;
  min-height:460px;
  object-fit:cover;
  object-position:center;
}
/* truck-focused pages: keep the vehicle large and pushed toward the right side */
.modern-page-hero.about .modern-hero-media img,
.modern-page-hero.privacy .modern-hero-media img,
.modern-page-hero.terms .modern-hero-media img,
.modern-page-hero.accessibility .modern-hero-media img{
  object-position:72% center;
}
.modern-page-hero.technology .modern-hero-media img{object-fit:contain;background:#101820;padding:16px;}
.modern-page-hero.fleet .modern-hero-media img,
.modern-page-hero.safety .modern-hero-media img{object-position:62% center;}

/* Bring the rest of every page into the same restrained card-based visual language */
.section{padding:64px 0;}
.section-heading,.content-page{max-width:1040px;}
.section-title{letter-spacing:-.025em;}
.cards article,.fleet-grid article,.feature,.job,.mini-card,.industry-modern-card{
  border-radius:14px;
}
.soft-red{background:linear-gradient(180deg,#fff8f8,#fff1f1);}
.cta{margin-top:0;}

@media(max-width:980px){
  .page-hero.modern-page-hero .modern-hero-shell{
    grid-template-columns:1fr;
    min-height:0;
  }
  .modern-hero-copy{padding:42px 36px 36px;}
  .modern-hero-media{min-height:360px;}
  .modern-hero-media img{min-height:360px;}
  .modern-hero-media:before{display:none;}
}
@media(max-width:620px){
  .page-hero.modern-page-hero{padding:10px 0 14px;}
  .page-hero.modern-page-hero .modern-hero-shell{width:94%;border-radius:10px;}
  .modern-hero-copy{padding:32px 24px 28px;}
  .page-hero.modern-page-hero h1{font-size:2.35rem !important;}
  .modern-hero-media{min-height:250px;}
  .modern-hero-media img{min-height:250px;}
  .modern-hero-btn{width:100%;text-align:center;}
  .section{padding:46px 0;}
}


/* About page values strip */
.about-values-section{background:#fff;padding:18px 0 70px;}
.about-values-panel{width:min(96%,1360px);background:#fff;border:1px solid #eceff1;border-radius:18px;box-shadow:0 12px 34px rgba(17,24,39,.07);padding:28px 34px 34px;}
.about-values-heading{text-align:center;margin-bottom:26px;}
.about-values-heading .eyebrow{display:block;color:var(--red);font-weight:900;font-size:.76rem;letter-spacing:.04em;margin-bottom:4px;}
.about-values-heading h2{margin:0;font-size:clamp(2rem,3vw,2.8rem);letter-spacing:-.035em;}
.about-values-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;}
.about-value-item{text-align:center;padding:6px 28px 4px;position:relative;}
.about-value-item:not(:last-child):after{content:"";position:absolute;right:0;top:6px;bottom:0;width:1px;background:#e6e9ec;}
.about-value-icon{width:68px;height:68px;border-radius:50%;margin:0 auto 16px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(17,24,39,.08);}
.about-value-icon svg{width:39px;height:39px;fill:none;stroke:var(--red);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.about-value-item h3{font-size:1.08rem;margin:0 0 10px;color:#17202a;}
.about-value-item p{margin:0;color:#46515b;line-height:1.55;font-size:.92rem;}
@media(max-width:900px){.about-values-grid{grid-template-columns:repeat(2,1fr);gap:30px 0}.about-value-item:nth-child(2):after{display:none}.about-value-item:nth-child(-n+2){padding-bottom:24px}.about-values-panel{padding:28px 18px 34px;}}
@media(max-width:560px){.about-values-section{padding:8px 0 48px}.about-values-grid{grid-template-columns:1fr}.about-value-item{padding:20px 16px}.about-value-item:not(:last-child):after{right:14%;left:14%;top:auto;bottom:0;width:auto;height:1px}.about-values-heading{margin-bottom:8px}.about-value-item p br{display:none}}

/* 2026-08-12 Services photo-card refresh */
.services-showcase{padding-top:28px;background:#fff}.services-heading{text-align:center;margin:0 auto 28px}.services-heading .eyebrow{display:block;color:var(--red);font-weight:800;font-size:.78rem;letter-spacing:.04em;margin-bottom:6px}.services-heading h2{margin:0;font-size:2.25rem}.services-heading-rule{width:46px;height:3px;background:var(--red);border-radius:3px;margin:10px auto 0}.service-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.service-photo-card{overflow:hidden;border:1px solid #e7e9ec;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(18,28,38,.07);transition:transform .22s ease,box-shadow .22s ease;min-height:100%}.service-photo-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(18,28,38,.12)}.service-photo{height:190px;background:#eef1f3;overflow:hidden}.service-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.service-photo-shuttle img{object-position:70% center;transform:scale(1.04)}.service-photo-copy{padding:20px 20px 22px}.service-photo-copy h3{margin:0 0 9px;font-size:1.18rem;color:#111820}.service-photo-copy p{margin:0 0 17px;line-height:1.55;color:#4b5560;font-size:.96rem}.service-photo-copy .text-link{color:var(--red);font-weight:800;text-decoration:none}.service-icon-card{display:flex;min-height:260px;align-items:flex-start}.service-icon-wrap{width:118px;min-width:118px;align-self:stretch;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff3f3,#fff);color:var(--red);font-size:2rem;font-weight:900;border-right:1px solid #f0e2e2}.service-icon-card .service-photo-copy{padding-top:30px}
@media(max-width:1100px){.service-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-photo{height:210px}}
@media(max-width:650px){.services-showcase{padding-top:18px}.services-heading h2{font-size:1.9rem}.service-photo-grid{grid-template-columns:1fr;gap:16px}.service-photo{height:220px}.service-icon-card{min-height:0}.service-icon-wrap{width:100px;min-width:100px}.service-photo-copy{padding:18px}.service-icon-card .service-photo-copy{padding-top:22px}}

/* Services icon-card layout */
.service-clean-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.service-clean-card{display:flex;gap:16px;align-items:flex-start;padding:22px 20px;border:1px solid #e7e9ec;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(18,28,38,.055);min-height:165px;transition:transform .2s ease,box-shadow .2s ease}.service-clean-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(18,28,38,.10)}.service-clean-icon{width:58px;height:58px;min-width:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff0f0;color:var(--red);font-size:27px;font-weight:800}.service-clean-card h3{margin:2px 0 8px;font-size:1.08rem;color:#111820}.service-clean-card p{margin:0 0 14px;color:#4b5560;line-height:1.5;font-size:.91rem}.service-clean-card .text-link{color:var(--red);font-weight:800;text-decoration:none;font-size:.9rem}@media(max-width:1100px){.service-clean-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.service-clean-grid{grid-template-columns:1fr}.service-clean-card{min-height:0}}

/* Services page reference hero */
.services-reference-hero{padding:10px 0 20px;background:#fff;}
.services-reference-hero .container{max-width:1500px;}
.services-reference-hero-img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 8px 28px rgba(15,23,42,.08);}
@media (max-width:700px){.services-reference-hero{padding:6px 0 14px}.services-reference-hero .container{padding-left:10px;padding-right:10px}.services-reference-hero-img{border-radius:12px;}}

/* ======================================================================
   HOME PAGE — DESIGN 4 / CANADA COVERAGE HERO (2026-08-12)
   ====================================================================== */
.home-design4{background:#fff;color:#121820}
.home-design4 .home4-topbar{background:#070c10;border-bottom:1px solid rgba(255,255,255,.08)}
.home-design4 .home4-topbar .menu a{color:#fff}
.home-design4 .home4-topbar .menu a:hover,.home-design4 .home4-topbar .menu a.active{color:#ed1c24}
.home-design4 .home4-topbar .brand img{filter:none}
.home-design4 .home4-topbar .hamb{color:#fff}
.home4-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 45%,#151b20 0,#0a0f13 42%,#05090c 78%);color:#fff;padding:50px 0 0;min-height:650px}
.home4-gridglow{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000 30%,transparent 90%)}
.home4-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:190px;background:linear-gradient(transparent,#05090c)}
.home4-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.35fr;align-items:center;gap:36px;min-height:430px}
.home4-kicker{display:block;color:#ed1c24;font-size:.78rem;font-weight:900;letter-spacing:.075em;margin-bottom:14px}
.home4-hero-copy h1{font-size:clamp(3.25rem,5.2vw,5.75rem);line-height:.94;letter-spacing:-.05em;margin:0 0 22px;color:#fff}
.home4-hero-copy h1 span{color:#ed1c24}
.home4-hero-copy p{font-size:1.04rem;line-height:1.75;color:#d6dadd;max-width:570px;margin:0 0 27px}
.home4-actions{display:flex;gap:14px;flex-wrap:wrap}.home4-outline-btn{display:inline-flex;align-items:center;padding:13px 22px;border:1px solid rgba(255,255,255,.58);border-radius:6px;color:#fff;text-decoration:none;font-weight:800;transition:.2s}.home4-outline-btn:hover{border-color:#ed1c24;color:#ed1c24;transform:translateY(-2px)}
.home4-map{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}
.home4-map:before{content:"";position:absolute;inset:8% 6%;background:radial-gradient(circle at 58% 55%,rgba(237,28,36,.18),transparent 46%)}
.home4-map-shape{position:relative;width:100%;max-width:760px}.home4-map-shape svg{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 26px rgba(0,0,0,.4))}
.home4-pin{position:absolute;display:flex;align-items:center;gap:7px;background:rgba(11,15,18,.88);border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:7px 10px;color:#fff;font-size:.74rem;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.38);backdrop-filter:blur(10px)}
.home4-pin i{width:10px;height:10px;border-radius:50%;background:#ed1c24;box-shadow:0 0 0 5px rgba(237,28,36,.16);animation:mapPulse 2s infinite}.pin-ab{left:21%;top:47%}.pin-on{left:54%;top:61%}.pin-qc{left:68%;top:43%}.pin-nb{right:3%;top:64%}
@keyframes mapPulse{0%,100%{transform:scale(.9);box-shadow:0 0 0 4px rgba(237,28,36,.12)}50%{transform:scale(1.16);box-shadow:0 0 0 9px rgba(237,28,36,0)}}
.home4-promise-row{position:relative;z-index:3;margin-top:8px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(8,13,17,.7);backdrop-filter:blur(8px);overflow:hidden}
.home4-promise-row>div{display:flex;gap:14px;padding:20px 22px;align-items:flex-start}.home4-promise-row>div:not(:last-child){border-right:1px solid rgba(255,255,255,.12)}.home4-promise-icon{font-size:1.65rem;color:#ed1c24;line-height:1}.home4-promise-row p{margin:0}.home4-promise-row strong{display:block;font-size:.9rem;margin-bottom:6px}.home4-promise-row small{display:block;color:#b9c0c5;font-size:.77rem;line-height:1.45}
.home4-stats-wrap{position:relative;z-index:5;margin-top:-38px;padding-bottom:22px}.home4-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e5e8eb;border-radius:12px;box-shadow:0 18px 40px rgba(11,18,25,.1);overflow:hidden}.home4-stats>div{text-align:center;padding:27px 20px 24px}.home4-stats>div:not(:last-child){border-right:1px solid #e8ebed}.home4-stat-icon{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff3f3;color:#ed1c24;font-size:1.45rem;margin-bottom:8px}.home4-stats strong{display:block;font-size:2.25rem;line-height:1;font-weight:900}.home4-stats small{display:block;font-weight:800;font-size:.83rem;margin-top:6px}.home4-stats p{color:#67717a;font-size:.82rem;margin:8px 0 0}
.home4-section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:30px}.home4-section-head h2,.home4-equip-copy h2{font-size:clamp(2.1rem,3vw,3.1rem);line-height:1.05;letter-spacing:-.045em;margin:0}.home4-section-head p{color:#5e6770;line-height:1.7;margin:0 0 8px}.home4-section-head a{color:#ed1c24;font-weight:850;text-decoration:none}
.home4-service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.home4-service-card{display:flex;flex-direction:column;min-height:245px;padding:24px 19px;border:1px solid #e5e7ea;border-radius:10px;background:#fff;color:#111820;text-decoration:none;box-shadow:0 9px 24px rgba(20,28,36,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s}.home4-service-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(20,28,36,.11);border-color:#f2b9bc}.svc-icon{font-size:2rem;color:#ed1c24;margin-bottom:20px}.home4-service-card h3{font-size:1rem;line-height:1.25;margin:0 0 10px}.home4-service-card p{font-size:.83rem;line-height:1.55;color:#657078;margin:0 0 20px}.home4-service-card b{margin-top:auto;color:#ed1c24;font-size:1.25rem}
.home4-equipment{background:#fafbfc}.home4-equipment-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:40px;align-items:center}.home4-equip-copy p{color:#5f6872;line-height:1.7;max-width:350px;margin:18px 0 24px}.home4-equip-card{display:grid;grid-template-columns:1.4fr .9fr;min-height:300px;background:linear-gradient(135deg,#12191e,#080c0f);border-radius:12px;overflow:hidden;color:#fff;box-shadow:0 16px 36px rgba(8,13,18,.14)}.home4-equip-photo{position:relative;overflow:hidden}.home4-equip-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,#0a0f13 100%)}.home4-equip-photo img{width:100%;height:100%;object-fit:contain;transform:scale(1.05);filter:drop-shadow(0 18px 20px rgba(0,0,0,.3))}.home4-equip-info{padding:45px 35px 30px;display:flex;flex-direction:column;justify-content:center}.home4-equip-info>span{color:#ed1c24;font-size:.72rem;font-weight:900;letter-spacing:.08em}.home4-equip-info h3{font-size:2rem;margin:7px 0 2px}.home4-equip-info strong{font-size:.9rem}.home4-equip-info p{font-size:.9rem;color:#c8ced2;line-height:1.65}.home4-dots{display:flex;gap:8px;margin-top:10px}.home4-dots i{width:22px;height:3px;background:#59626a;border-radius:4px}.home4-dots i:first-child{background:#ed1c24}
.home4-why{background:radial-gradient(circle at 87% 30%,#222b31 0,#11171b 35%,#070b0e 78%);color:#fff}.home4-why-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);align-items:stretch}.home4-why-grid>div{padding:22px 24px}.home4-why-grid>div:not(:first-child){border-left:1px solid rgba(255,255,255,.13)}.home4-why h2{font-size:2rem;line-height:1.1;margin:0}.home4-why h2 span{color:#ed1c24}.home4-why-grid b{display:block;color:#ed1c24;font-size:1.6rem;margin-bottom:13px}.home4-why-grid h3{font-size:.92rem;margin:0 0 8px}.home4-why-grid p{color:#b8c0c6;font-size:.82rem;line-height:1.6;margin:0}
.home4-trusted{padding-top:44px;padding-bottom:44px}.home4-client-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:22px}.home4-client-row span{min-height:72px;border:1px solid #e4e7ea;border-radius:9px;display:grid;place-items:center;text-align:center;padding:12px;font-weight:850;color:#2a3238;background:#fff;box-shadow:0 6px 18px rgba(20,28,36,.035)}
.home4-final-cta{padding:0 0 0;background:#fff}.home4-final-inner{position:relative;z-index:2;margin-bottom:-28px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;background:linear-gradient(100deg,#bf090f,#ed1019);color:#fff;border-radius:12px;padding:26px 34px;box-shadow:0 18px 36px rgba(192,9,15,.22);overflow:hidden}.home4-final-inner:after{content:"";position:absolute;right:16%;top:-90px;width:260px;height:260px;border:45px solid rgba(255,255,255,.05);border-radius:50%}.home4-cta-icon{position:relative;z-index:1;width:72px;height:72px;border-radius:50%;background:#fff;color:#d70d14;display:grid;place-items:center;font-size:2rem}.home4-final-inner>div:nth-child(2){position:relative;z-index:1}.home4-final-inner small{font-weight:850}.home4-final-inner h2{font-size:1.8rem;margin:4px 0}.home4-final-inner p{margin:0;color:#fff}.home4-white-btn{position:relative;z-index:1;background:#fff;color:#c80c13;padding:14px 23px;border-radius:6px;font-weight:900;text-decoration:none;transition:.2s}.home4-white-btn:hover{transform:translateY(-2px)}
.home4-footer{padding-top:68px}.home4-footer a{color:inherit;text-decoration:none}
.reveal-up{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal-up.is-visible{opacity:1;transform:none}.home4-service-card:nth-child(2){transition-delay:.05s}.home4-service-card:nth-child(3){transition-delay:.1s}.home4-service-card:nth-child(4){transition-delay:.15s}.home4-service-card:nth-child(5){transition-delay:.2s}.home4-service-card:nth-child(6){transition-delay:.25s}
@media(max-width:1100px){.home4-hero-grid{grid-template-columns:1fr 1fr}.home4-hero-copy h1{font-size:4rem}.home4-service-grid{grid-template-columns:repeat(3,1fr)}.home4-why-grid{grid-template-columns:repeat(2,1fr)}.home4-why-grid>div:first-child{grid-column:1/-1}.home4-why-grid>div:not(:first-child){border-left:0;border-top:1px solid rgba(255,255,255,.13)}.home4-client-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.home4-hero{padding-top:24px}.home4-hero-grid{grid-template-columns:1fr}.home4-map{min-height:330px}.home4-promise-row{grid-template-columns:repeat(2,1fr)}.home4-promise-row>div:nth-child(2){border-right:0}.home4-promise-row>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.home4-stats{grid-template-columns:repeat(2,1fr)}.home4-stats>div:nth-child(2){border-right:0}.home4-stats>div:nth-child(-n+2){border-bottom:1px solid #e8ebed}.home4-section-head{grid-template-columns:1fr;gap:18px}.home4-equipment-grid{grid-template-columns:1fr}.home4-final-inner{grid-template-columns:auto 1fr}.home4-white-btn{grid-column:1/-1;text-align:center}.home4-hero-copy h1{font-size:3.45rem}}
@media(max-width:600px){.home4-hero-copy h1{font-size:2.8rem}.home4-map{min-height:260px}.home4-pin{font-size:.61rem;padding:5px 7px}.pin-ab{left:16%;top:48%}.pin-on{left:48%;top:61%}.pin-qc{left:63%;top:42%}.pin-nb{right:0;top:65%}.home4-promise-row{grid-template-columns:1fr}.home4-promise-row>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important}.home4-promise-row>div:last-child{border-bottom:0!important}.home4-stats{grid-template-columns:1fr 1fr}.home4-stats>div{padding:22px 10px}.home4-service-grid{grid-template-columns:1fr 1fr}.home4-service-card{min-height:215px;padding:20px 15px}.home4-equip-card{grid-template-columns:1fr}.home4-equip-photo{height:220px}.home4-equip-info{padding:24px}.home4-why-grid{grid-template-columns:1fr}.home4-client-row{grid-template-columns:1fr 1fr}.home4-final-inner{grid-template-columns:1fr;text-align:center;padding:26px 22px}.home4-cta-icon{margin:auto}.home4-footer{padding-top:62px}}

/* Homepage header update — white navigation bar */
.home-design4 .home4-topbar{
  background:rgba(255,255,255,.98);
  border-bottom:1px solid #eceff1;
  box-shadow:0 2px 12px rgba(17,24,32,.06);
}
.home-design4 .home4-topbar.scrolled{
  background:rgba(255,255,255,.99);
  box-shadow:0 8px 24px rgba(16,24,32,.10);
}
.home-design4 .home4-topbar .menu a{
  color:#101820;
}
.home-design4 .home4-topbar .menu a:hover,
.home-design4 .home4-topbar .menu a.active{
  color:#d10d14;
}
.home-design4 .home4-topbar .hamb{
  color:#101820;
}
@media(max-width:980px){
  .home-design4 .home4-topbar .menu{
    background:#fff;
    border-bottom:1px solid #eceff1;
  }
  .home-design4 .home4-topbar .menu a{color:#101820}
}


/* Homepage Canada coverage map — actual map image update */
.home4-map{
  position:relative;
  min-height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.home4-map:before{
  content:"";
  position:absolute;
  inset:7% 3%;
  background:radial-gradient(circle at 58% 55%,rgba(237,28,36,.18),transparent 55%);
  pointer-events:none;
}
.home4-map-image-wrap{
  position:relative;
  width:100%;
  max-width:820px;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 20px 55px rgba(0,0,0,.42);
}
.home4-map-image{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  background:#080d11;
}
@media (max-width:820px){
  .home4-map-image-wrap{max-width:720px;border-radius:14px;}
}
@media (max-width:600px){
  .home4-map{min-height:230px;}
  .home4-map-image-wrap{border-radius:10px;}
}

/* Consistent full navigation on every page — August 2026 */
@media (min-width:981px){
  .topbar .container.nav{width:calc(100% - 28px);max-width:none;gap:14px}
  .brand{flex:0 0 290px;min-width:290px}
  .brand img{width:280px;height:86px}
  .menu{flex:1 1 auto;display:flex;justify-content:center;gap:17px;min-width:0}
  .menu a{font-size:.80rem;white-space:nowrap}
  .nav>.btn{flex:0 0 auto;padding:14px 17px;font-size:.75rem;white-space:nowrap}
}
@media (min-width:981px) and (max-width:1500px){
  .brand{flex-basis:230px;min-width:230px}
  .brand img{width:220px}
  .menu{gap:11px}
  .menu a{font-size:.69rem}
  .nav>.btn{display:none}
}
/* Discourage casual image copying/dragging without blocking normal text selection. */
img,svg{-webkit-user-drag:none;user-drag:none}

/* Form Error Styling for AJAX Validation */
.error {
    border-color: #e20c15 !important;
    box-shadow: 0 0 0 2px rgba(226, 12, 21, 0.1) !important;
}

.error:focus {
    border-color: #e20c15 !important;
    box-shadow: 0 0 0 3px rgba(226, 12, 21, 0.2) !important;
}

/* Submit Button Loading State */
button[type="submit"]:disabled,
input[type="submit"]:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

/* SweetAlert2 Custom Styling */
.swal2-popup {
    font-family: inherit;
}

.swal2-title {
    color: #111820;
}

.swal2-content {
    color: #5e6872;
}