:root{--orange:#f06422;--ink:#1c201f;--cream:#f6f3ed;--line:#ddd9d0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;background:#fff}.container{width:min(1140px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:9;background:#fff;padding:.5rem}.site-header{height:84px;display:flex;align-items:center;background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid #eee}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:Manrope,sans-serif;line-height:.85}.brand strong{font-size:18px;letter-spacing:-1px;display:block}.brand small{font-size:8px;font-weight:800;letter-spacing:1.3px}.brand-mark{display:flex;gap:2px;align-items:flex-end;height:27px}.brand-mark i{display:block;width:6px;background:var(--orange);transform:skew(-19deg)}.brand-mark i:nth-child(1){height:14px}.brand-mark i:nth-child(2){height:22px}.brand-mark i:nth-child(3){height:27px}.main-nav{display:flex;align-items:center;gap:25px}.main-nav a{font-size:14px;color:var(--ink);text-decoration:none;font-weight:600}.main-nav a:hover,.text-link:hover{color:var(--orange)}.main-nav .nav-contact{background:var(--ink);color:#fff;padding:12px 18px}.menu-toggle{display:none}.hero{min-height:600px;background:var(--ink);color:#fff;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000 0%,#0007 55%,transparent 100%)}.hero-content{position:relative;padding:100px 0 104px;max-width:1140px}.eyebrow{margin:0 0 18px;font-size:12px;letter-spacing:1.45px;font-weight:700;color:#fff}.eyebrow span{background:var(--orange);height:8px;width:8px;display:inline-block;margin-right:8px}.eyebrow-dark{color:#555}.hero h1,.section h2,.fleet-copy h2,.delivery-section h2,.contact-section h2{font-family:Manrope,sans-serif;letter-spacing:-2.8px;margin:0;font-weight:800}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.03;max-width:720px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy{max-width:440px;font-size:18px;line-height:1.55;color:#d8d8d4;margin:25px 0}.hero-actions{display:flex;gap:12px}.button{padding:14px 20px;display:inline-flex;gap:25px;align-items:center;justify-content:space-between;text-decoration:none;border:0;font-size:14px;font-weight:700;cursor:pointer}.button b{font-size:20px;line-height:.5}.button-primary{background:var(--orange);color:#fff}.button-primary:hover{background:#dc5314}.button-light{background:#fff;color:var(--ink)}.notice,.form-note{font-size:12px;line-height:1.5;color:#aaa49b;margin-top:14px}.hero-visual{position:absolute;right:0;top:0;width:43%;height:100%;padding-top:76px;background:#292e2c}.photo-placeholder{color:#b9b4aa;background:repeating-linear-gradient(-45deg,#292e2c,#292e2c 8px,#343937 8px,#343937 16px);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:9px;font-size:12px}.placeholder-label{font-weight:700;letter-spacing:1px;font-size:10px;color:#fff;border:1px solid #ffffff4a;padding:5px 8px}.hero-photo-placeholder{height:100%;background:linear-gradient(145deg,#ee6425 0%,#ee6425 28%,#333836 28%,#222725 100%)}.placeholder-note{max-width:150px;line-height:1.3}.truck-illustration{width:235px;height:88px;position:absolute;bottom:85px;left:50%;transform:translateX(-50%);border-bottom:5px solid #191c1b}.cab{position:absolute;background:#ef6424;width:58px;height:55px;right:6px;bottom:5px;border-radius:4px 22px 3px 3px}.drum{position:absolute;background:#f4f0e8;width:114px;height:75px;border-radius:50%;bottom:9px;left:25px;border:5px solid #d9d4cb}.wheel{position:absolute;width:29px;height:29px;background:#171a19;border:7px solid #4c514e;border-radius:50%;bottom:-17px}.wheel.one{left:48px}.wheel.two{right:25px}.hero-bottom{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:12px;font-size:12px;font-weight:600;color:#d8d8d2}.section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:end;margin-bottom:45px}.section h2,.fleet-copy h2,.delivery-section h2,.contact-section h2{font-size:clamp(31px,4vw,51px);line-height:1.08;max-width:650px}.section-heading p{max-width:320px;line-height:1.55;color:#62635f;margin:0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:260px;border:1px solid var(--line);padding:22px;position:relative;background:#fff}.service-card.featured{background:var(--orange);color:#fff;border-color:var(--orange)}.service-number{font-size:12px;font-weight:700}.service-icon{font-size:34px;margin:32px 0 17px;height:35px}.pump-icon{transform:rotate(90deg)}.service-card h3{font-family:Manrope;margin:0 0 7px;font-size:23px;letter-spacing:-1px}.service-card p{font-size:14px;line-height:1.45;max-width:250px;margin:0}.card-arrow{position:absolute;right:22px;bottom:20px;font-size:23px}.fleet-section{background:var(--ink);color:#fff;padding:110px 0}.fleet-layout,.delivery-layout,.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.fleet-copy>p:not(.eyebrow),.delivery-section p,.contact-section>p{line-height:1.6;color:#d1d0ca;max-width:460px}.text-link{color:#fff;text-decoration:none;font-weight:700;display:inline-flex;gap:25px;margin-top:15px}.fleet-collage{height:360px;position:relative}.photo-one{position:absolute;width:70%;height:78%;right:0;top:0}.photo-two{position:absolute;width:48%;height:50%;left:0;bottom:0;background:repeating-linear-gradient(-45deg,#e85e20,#e85e20 8px,#f46e2c 8px,#f46e2c 16px)}.fleet-tag{position:absolute;right:0;bottom:0;background:#fff;color:var(--ink);padding:19px 23px;width:46%;display:flex;flex-direction:column;gap:4px}.fleet-tag strong{font-family:Manrope;font-size:19px}.fleet-tag span{font-size:12px;color:#686862}.process-section{background:var(--cream)}.process-section h2{margin-bottom:45px}.process-list{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:26px 0;border-bottom:1px solid var(--line)}.process-list>li>span{color:var(--orange);font-weight:700}.process-list h3{font-size:20px;margin:0 0 7px;font-family:Manrope;letter-spacing:-.7px}.process-list p{margin:0;color:#60615d;line-height:1.45}.delivery-section{background:var(--orange);padding:100px 0;color:#fff}.delivery-section h2{color:#fff}.delivery-section p{color:#fff}.delivery-note{font-size:13px;font-weight:700;border-top:1px solid #ffffff77;padding-top:14px}.map-placeholder{height:320px;background:repeating-linear-gradient(0deg,#ffffff17,#ffffff17 1px,transparent 1px,transparent 37px),repeating-linear-gradient(90deg,#ffffff17,#ffffff17 1px,transparent 1px,transparent 37px);border:1px solid #ffffff77;position:relative;overflow:hidden}.map-placeholder .placeholder-label{position:absolute;bottom:19px;left:19px}.route{position:absolute;border:3px solid #fff;border-radius:50%;opacity:.85}.route-one{width:310px;height:200px;left:70px;top:45px;transform:rotate(-14deg)}.route-two{width:200px;height:300px;left:145px;top:5px;transform:rotate(42deg)}.pin{position:absolute;font-size:28px;color:var(--ink)}.pin-one{left:31%;top:27%}.pin-two{right:23%;bottom:25%}.contact-section{padding:110px 0;background:#fff}.contact-section p{color:#62635f}.contact-form{display:flex;flex-direction:column;gap:14px;background:var(--cream);padding:30px}.contact-form label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:7px}.contact-form input,.contact-form textarea{border:1px solid #d7d3ca;background:#fff;padding:12px;font:14px "DM Sans",sans-serif;resize:vertical}.contact-form .button{align-self:flex-start;margin-top:2px}.form-note{color:#77736b;margin:0}footer{background:var(--ink);color:#fff;padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{color:#fff}.footer-inner p{font-size:12px;color:#bdbdb8;margin:0}@media(max-width:760px){.container{width:min(100% - 32px,1140px)}.site-header{height:70px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:16px;box-shadow:0 8px 12px #0002;flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex}.main-nav a{padding:10px}.menu-toggle{display:block;background:transparent;border:0;font:700 14px "DM Sans"}.menu-toggle span{color:var(--orange);font-size:19px}.hero{min-height:690px}.hero-content{padding-top:75px}.hero-visual{opacity:.28;width:100%;height:45%;top:auto;bottom:0;padding:0}.hero h1{font-size:48px}.hero-bottom{width:calc(100% - 32px);flex-wrap:wrap;bottom:15px}.section,.fleet-section,.contact-section{padding:72px 0}.section-heading,.fleet-layout,.delivery-layout,.contact-layout{grid-template-columns:1fr;display:grid;gap:25px}.section-heading{align-items:start}.services-grid{grid-template-columns:1fr}.service-card{min-height:215px}.fleet-collage{height:300px}.delivery-section{padding:72px 0}.map-placeholder{height:270px}.footer-inner{align-items:flex-start;flex-direction:column}.process-list li{grid-template-columns:60px 1fr}.hero-actions{flex-wrap:wrap}}
.hero-visual{padding-top:0;overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:64% center;display:block}.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1c201f 0%,transparent 28%,transparent 76%,#1c201f22)}.demo-photo-label{position:absolute;right:14px;bottom:47px;z-index:1;color:#fff;background:#1c201fcc;border:1px solid #ffffff55;padding:6px 8px;font-size:10px;line-height:1.25;max-width:180px}.fleet-promo{position:absolute;width:70%;height:78%;right:0;top:0;object-fit:cover;object-position:center;border:1px solid #ffffff2b}@media(max-width:760px){.hero-visual{padding-top:0}.demo-photo-label{display:none}}
.fleet-secondary{position:absolute;width:48%;height:50%;left:0;bottom:0;object-fit:cover;border:1px solid #ffffff2b}.real-gallery{background:#fff}.gallery-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-auto-rows:240px;gap:14px}.gallery-grid img{width:100%;height:100%;object-fit:cover;display:block}.gallery-grid .gallery-large{grid-row:span 2}.gallery-grid img:last-child{grid-column:span 2}@media(max-width:760px){.fleet-secondary{width:48%;height:50%}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:190px;gap:9px}.gallery-grid .gallery-large{grid-row:span 2}.gallery-grid img:last-child{grid-column:span 1}}
.contact-people{margin-top:25px;display:flex;flex-wrap:wrap;gap:9px}.contact-people a{background:var(--ink);color:#fff;text-decoration:none;padding:12px 14px;min-width:142px;display:flex;flex-direction:column;gap:3px}.contact-people a:hover{background:var(--orange)}.contact-people strong{font-size:13px}.contact-people span{font-size:12px}
.hero-visual{width:52%}.hero-photo{object-position:center}.hero-content{z-index:1}.hero-content::after{content:"";position:absolute;z-index:-1;inset:0 30% 0 -20vw;background:linear-gradient(90deg,var(--ink) 66%,transparent)}@media(max-width:760px){.hero-visual{width:100%}.hero-content::after{display:none}}
.whatsapp-button{position:fixed;right:22px;bottom:22px;z-index:10;display:flex;align-items:center;gap:9px;border:0;background:#25d366;color:#fff;text-decoration:none;padding:12px 16px 12px 12px;border-radius:999px;font:700 13px "DM Sans",sans-serif;cursor:pointer;box-shadow:0 8px 23px #0004}.whatsapp-button:hover{background:#1dbb58}.whatsapp-button svg{height:25px;width:25px;fill:currentColor}.whatsapp-modal{position:fixed;inset:0;z-index:20;background:#12151499;display:grid;place-items:center;padding:20px}.whatsapp-panel{position:relative;background:#fff;color:var(--ink);padding:34px;width:min(100%,420px);box-shadow:0 20px 60px #0005}.whatsapp-panel .eyebrow{color:#4f544f;margin-bottom:10px}.whatsapp-panel h2{font:800 29px/1.1 Manrope,sans-serif;letter-spacing:-1.3px;margin:0}.whatsapp-panel>p:not(.eyebrow){line-height:1.5;color:#65655f}.whatsapp-close{position:absolute;right:12px;top:8px;background:transparent;border:0;font-size:28px;cursor:pointer}.whatsapp-contacts{display:grid;gap:9px;margin-top:22px}.whatsapp-contacts a{color:var(--ink);text-decoration:none;border:1px solid var(--line);padding:13px 15px;display:flex;flex-direction:column;gap:4px}.whatsapp-contacts a:first-child{border-color:var(--orange);background:#fff4ee}.whatsapp-contacts a:hover{border-color:#25d366;background:#effcf4}.whatsapp-contacts strong{font-size:15px}.whatsapp-contacts span{font-size:12px;color:#65655f}@media(max-width:760px){.whatsapp-button{right:15px;bottom:15px;padding:12px}.whatsapp-button span{display:none}}
.contact-actions{background:var(--cream);padding:34px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.contact-actions p{margin:0;line-height:1.55;max-width:320px}.call-button{background:var(--ink);color:#fff}.contact-main{background:var(--orange)!important}.contact-main:hover{background:#dc5314!important}
.contact-details{margin:20px 0 0;font-size:14px;line-height:1.65}
.whatsapp-modal[hidden]{display:none}
.phone-button{position:fixed;right:22px;bottom:84px;z-index:10;display:flex;align-items:center;gap:9px;border:0;background:var(--orange);color:#fff;padding:12px 16px 12px 12px;border-radius:999px;font:700 13px "DM Sans",sans-serif;cursor:pointer;box-shadow:0 8px 23px #0004}.phone-button:hover{background:#dc5314}.phone-button svg{height:23px;width:23px;fill:currentColor}.phone-modal{position:fixed;inset:0;z-index:20;background:#12151499;display:grid;place-items:center;padding:20px}.phone-modal[hidden]{display:none}.phone-panel{position:relative;background:#fff;color:var(--ink);padding:34px;width:min(100%,420px);box-shadow:0 20px 60px #0005}.phone-panel .eyebrow{color:#4f544f;margin-bottom:10px}.phone-panel h2{font:800 29px/1.1 Manrope,sans-serif;letter-spacing:-1.3px;margin:0}.phone-panel>p:not(.eyebrow){line-height:1.5;color:#65655f}.phone-close{position:absolute;right:12px;top:8px;background:transparent;border:0;font-size:28px;cursor:pointer}.phone-contacts{display:grid;gap:9px;margin-top:22px}.phone-contacts a{color:var(--ink);text-decoration:none;border:1px solid var(--line);padding:13px 15px;display:flex;flex-direction:column;gap:4px}.phone-contacts a:first-child{border-color:var(--orange);background:#fff4ee}.phone-contacts a:hover{border-color:var(--orange);background:#fff4ee}.phone-contacts strong{font-size:15px}.phone-contacts span{font-size:12px;color:#65655f}@media(max-width:760px){.phone-button{right:15px;bottom:76px;padding:12px}.phone-button span{display:none}}
.brand-wordmark{display:flex;align-items:baseline;gap:7px;line-height:1}.brand .brand-beton,.brand .brand-x{display:inline;font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-1.4px}.brand .brand-beton{color:var(--orange)}.brand .brand-x{color:var(--ink)}.footer-brand .brand-beton{color:var(--orange)}.footer-brand .brand-x{color:#fff}
.real-gallery h2{letter-spacing:-.8px;word-spacing:.14em}
.hero h1{letter-spacing:-1.4px;word-spacing:.12em}.section h2,.fleet-copy h2,.delivery-section h2,.contact-section h2{letter-spacing:-.8px;word-spacing:.14em}.service-card h3,.process-list h3,.fleet-tag strong{letter-spacing:-.2px;word-spacing:.1em}.whatsapp-panel h2,.phone-panel h2{letter-spacing:-.4px;word-spacing:.1em}
.hero-visual{width:100%}.hero-photo{object-position:center}
