/* METRAN original editorial redesign inspired by high-contrast agency landing pages */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#101713;--panel:#1b251e;--panel2:#222f25;--text:#f5f8ef;--muted:#c1c9bd;--gold:#b4ff4f;--line:rgba(255,255,255,.17)}
body{background:var(--bg);font-family:Manrope,Arial,sans-serif}
h1,h2,h3,.logo{font-family:'Space Grotesk',Manrope,sans-serif}
.container{width:min(1330px,calc(100% - 90px))}
.site-header{height:94px;background:rgba(16,23,19,.95);border-bottom:1px solid #364138}
.brand-logo{width:61px;height:61px;box-shadow:none;border-radius:0;background:none;object-fit:contain}
.logo{font-size:19px;letter-spacing:-.04em}.logo small{letter-spacing:.14em;font-size:9px}
.menu{font-size:13px;gap:34px}.nav-cta{border-radius:0;padding:15px 25px}.menu>a:not(.nav-cta){text-transform:uppercase;letter-spacing:.06em}
.hero{background:#101713;min-height:750px;overflow:hidden}.hero-glow{opacity:.28;right:-220px}.hero-grid{grid-template-columns:1.25fr .75fr;gap:0;padding:80px 0 115px}
.hero-content{z-index:2}.eyebrow{background:none;border:0;padding:0;color:var(--gold)}
h1{font-size:clamp(70px,8.05vw,127px);line-height:.91;letter-spacing:-.082em;margin:34px 0 31px;text-transform:uppercase;font-weight:700;max-width:930px}h1 span{color:var(--gold)}
.lead{font-size:17px;line-height:1.7;max-width:560px;color:#e1e9dd}
.btn{border-radius:0;min-height:58px;padding:18px 27px;letter-spacing:.02em;text-transform:uppercase}.btn-primary{background:var(--gold)}.btn-outline{border-color:#829083}.hero-points{margin-top:30px;gap:22px;letter-spacing:.02em}
.hero-visual{min-height:530px;transform:translateX(10px)}.truck-photo{width:125%;max-height:550px;object-fit:contain;border-radius:0;filter:drop-shadow(0 40px 35px #050b07c5)}
.visual-orbit{width:118%;border-color:#314332;box-shadow:0 0 150px #9eec4621}.visual-grid{opacity:.4}.floating-tag{border-radius:0;background:#b4ff4f;color:#101713;border:0;font-weight:800}.floating-tag span{color:#101713}.tag-one{top:50px;right:-15px}.tag-two{bottom:30px;left:-20px;background:#eef5e5}
.scroll-note{color:#c3d3c3}.scroll-note span{color:var(--gold)}
.section{padding:135px 0}.kicker{font-size:12px;letter-spacing:.16em}.section-top{align-items:end;margin-bottom:60px}.section-top p{max-width:440px;font-size:16px}
h2{font-size:clamp(52px,6.2vw,95px);line-height:.98;letter-spacing:-.075em;margin-top:25px}h2 em{color:var(--gold)}
.services{background:#eef0e6;color:#111914}.services .kicker{color:#48683a}.services h2 em{color:#668e23}.services .section-top p{color:#566057}
.services-grid{grid-template-columns:repeat(2,1fr);gap:1px;background:#b9c3b6;border:1px solid #b9c3b6}.service-card{background:#eef0e6;color:#131b15;border:0;border-radius:0;min-height:325px;padding:43px;transition:background .25s,transform .25s;position:relative}.service-card:hover{background:#dcfac8;transform:none;border:0}.service-icon{background:#caddb8;color:#304b23;width:54px;height:54px;border-radius:100%;font-size:29px;margin-bottom:28px}.service-num{color:#5a6c4d}.service-card h3{font-size:clamp(26px,3vw,41px);letter-spacing:-.06em;margin:12px 0}.service-card p{color:#48574a;font-size:15px;max-width:440px}.service-card a{color:#263e1c;font-size:13px}.service-card:last-child:nth-child(odd){grid-column:span 2}
.why{background:#b4ff4f;color:#111914}.why-grid{gap:100px}.why h2 em{color:#415b24}.why p,.why .benefits p{color:#34452c;font-size:16px}.why .btn-primary{background:#101713;color:#fff}.benefits>div{border-color:#739b4a}.benefit-icon{color:#1a2d13;font-size:40px}.benefits h3{font-size:24px}
.how{background:#111914}.steps{gap:1px;background:#445148}.step{border-top:0;border-radius:0;background:#1a261e;min-height:300px;padding:40px}.step>span{font-size:74px}.step h3{font-size:26px}.step p{font-size:15px}
.contact{background:#e9ede3;color:#101713}.contact .kicker{color:#52772f}.contact h2 em{color:#6c9a29}.contact p{color:#556052}.contact-note{color:#31462a;line-height:2.2}.contact-note a{text-decoration:underline;text-underline-offset:5px}.contact-grid{gap:65px}.contact-form{background:#fff;border:1px solid #d1d9cb;border-radius:0;box-shadow:16px 16px 0 #c7dbba}.contact-form input,.contact-form select,.contact-form textarea{background:#edf1e8;color:#151b14;border-color:#cad6c1;border-radius:0}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#687568}.contact-form .btn{background:#101713;color:#b4ff4f}.contact-form .form-help{color:#4e5849!important}
.footer{background:#101713;border-top:1px solid #39433a}.footer .brand-logo{width:51px;height:51px}
.page-loader{background:#101713}.loader-track{border-radius:0}.loader-fill{background:#b4ff4f}
.reveal{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}
@media(max-width:1050px){.container{width:min(100% - 48px,1200px)}.hero-grid{grid-template-columns:1fr;padding:80px 0}.hero-visual{max-width:760px;min-height:450px}.truck-photo{width:95%}.section-top{display:block}.section-top p{margin-top:30px}.why-grid{gap:45px}}
@media(max-width:700px){.site-header{height:76px}.container{width:calc(100% - 36px)}.brand-logo{width:44px;height:44px}.logo{font-size:16px}.logo small{font-size:7px}.menu{top:76px;background:#18271b}.menu a{font-size:14px}.hero{min-height:0}.hero-grid{padding:54px 0 88px}.eyebrow{font-size:9px;letter-spacing:.12em}h1{font-size:clamp(49px,12vw,77px);letter-spacing:-.08em}.lead{font-size:15px}.hero-visual{min-height:300px}.truck-photo{width:100%}.floating-tag{font-size:8px}.tag-one{right:0;top:12px}.tag-two{left:0;bottom:5px}.section{padding:85px 0}h2{font-size:clamp(44px,10vw,65px)}.services-grid{grid-template-columns:1fr}.service-card{padding:29px;min-height:300px}.service-card:last-child:nth-child(odd){grid-column:span 1}.why-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step{min-height:245px}.contact-grid{grid-template-columns:1fr}.contact-form{box-shadow:7px 7px 0 #c7dbba}.footer-inner{gap:15px}}
@media(prefers-reduced-motion:reduce){.truck{animation:none}}

/* METRAN dark edition — replaces white/light sections with black */
.services,.contact{background:#0a0d0b;color:#f5f8ef}
.services .kicker,.contact .kicker{color:#b4ff4f}
.services h2 em,.contact h2 em{color:#b4ff4f}
.services .section-top p,.contact p{color:#c1c9bd}
.services-grid{background:#334438;border-color:#334438}
.service-card{background:#141d17;color:#f5f8ef}
.service-card:hover{background:#203127}
.service-icon{background:#28452d;color:#b4ff4f}
.service-num,.service-card a{color:#b4ff4f}
.service-card p{color:#c1c9bd}
.contact-note{color:#c3ff92}
.contact-form{background:#17231b;border-color:#34513b;box-shadow:16px 16px 0 #07100a}
.contact-form input,.contact-form select,.contact-form textarea{background:#0c1510;color:#f5f8ef;border-color:#45674d}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a1b0a4}
.contact-form .btn{background:#b4ff4f;color:#0a0d0b}
.contact-form .form-help{color:#c1c9bd!important}
@media(max-width:700px){.contact-form{box-shadow:7px 7px 0 #07100a}}

/* Loading screen: deep black, neon green and uncluttered fade. */
.page-loader{background:#050807!important;isolation:isolate}
.loader-inner{width:min(380px,90vw);position:relative}
.loader-logo{width:156px;height:156px;border-radius:18px;animation:loader-breathe 1.5s ease-in-out infinite}
.loader-name{margin-top:18px;letter-spacing:.09em}
.loader-subtitle{color:#c1d2c6}
.loader-track{height:6px;background:#25362a;overflow:hidden;border-radius:999px;margin-top:28px}
.loader-fill{background:linear-gradient(90deg,#26a446,#aaff5e)!important;animation:loader-progress 1.2s ease-out both}
.loader-label{color:#aaff5e}
.page-loader.is-finished{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(prefers-reduced-motion:reduce){.loader-logo,.loader-fill{animation:none!important}.loader-fill{transform:scaleX(1)!important}.page-loader{transition:none!important}}