*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8fc;color:#111;font-family:Inter,Arial,sans-serif}.wrap{width:min(1180px,calc(100% - 38px));margin:auto}.top{background:#050505;color:#fff;font-size:13px}.topin{height:42px;display:flex;justify-content:flex-end;align-items:center;gap:35px}.top a{color:#087bdb;text-decoration:none;font-weight:800;font-size:20px}header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #ddd}.navrow{height:90px;display:flex;align-items:center;gap:30px}.logo{width:290px;align-self:stretch;display:flex;align-items:center;background:#fff;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)}.logo img{width:245px;height:auto}nav{margin-left:auto;display:flex;align-items:center;gap:22px}nav a{font:800 14px "Barlow Condensed",sans-serif;text-transform:uppercase;color:#111;text-decoration:none}nav a:hover{color:#087bdb}.navbtn{padding:15px 18px!important}.hamb{display:none;border:0;background:none;font-size:28px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 74% 45%,#4a4a4a 0,#1c1c1c 25%,#090909 60%,#000 100%);color:#fff;min-height:600px}.dust{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(circle,#fff 1px,transparent 1px);background-size:17px 17px;mask-image:linear-gradient(90deg,transparent,black)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;min-height:600px;align-items:center}.hero-copy{padding:45px 0}.hero-logo{width:330px;filter:invert(1) grayscale(1);mix-blend-mode:screen;margin-bottom:20px}.hero h1,.section h2,.collision h2,.about h2,.contact h2,.finance h2{font:900 italic clamp(46px,5.5vw,76px)/.88 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;margin:0 0 22px}.hero h1 em{color:#087bdb;font-style:inherit}.service-line{text-transform:uppercase;font:700 16px/1.6 "Barlow Condensed",sans-serif}.service-line b{color:#087bdb;margin:0 7px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.btn{min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border:0;text-decoration:none;text-transform:uppercase;font:800 17px "Barlow Condensed",sans-serif;cursor:pointer}.red{background:#087bdb;color:#fff}.outline{border:2px solid #fff;color:#fff}.utv-art{height:450px;position:relative;transform:skewX(-4deg)}.machine{position:absolute;left:15%;top:28%;width:75%;height:37%;border:18px solid #111;background:linear-gradient(135deg,#555,#151515);color:#087bdb;font:900 85px "Barlow Condensed";display:grid;place-items:center;box-shadow:0 0 0 5px #777;clip-path:polygon(8% 20%,25% 0,70% 8%,96% 35%,100% 75%,83% 100%,13% 91%,0 61%)}.wheel{position:absolute;width:145px;height:145px;border:22px dashed #171717;background:#555;border-radius:50%;bottom:50px;z-index:3;box-shadow:0 0 0 8px #050505}.w1{left:10%}.w2{right:2%}.accent{position:absolute;left:30%;bottom:105px;width:45%;height:18px;background:#087bdb;transform:rotate(-10deg)}.benefits{background:#111;color:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr)}.benefit-grid div{text-align:center;padding:25px 10px;border-right:1px solid #444;text-transform:uppercase}.benefit-grid i{display:block;font-style:normal;font-size:29px;margin-bottom:8px}.benefit-grid b{font:800 18px/1 "Barlow Condensed",sans-serif}.section{padding:75px 0}.title{display:flex;align-items:end;gap:15px;margin-bottom:25px}.title h2{font-size:54px;margin:0}.title h2 span,.eyebrow{color:#087bdb}.title p{text-transform:uppercase;font:600 12px Inter;margin-bottom:7px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards article{background:#0b0b0b;color:#fff}.cardpic{height:140px;display:grid;place-items:center;font:900 52px "Barlow Condensed";background:radial-gradient(circle,#555,#171717);border-bottom:3px solid #087bdb}.cards h3{font:800 18px "Barlow Condensed";text-transform:uppercase;margin:0;padding:12px}.cards h3 span{float:right;color:#087bdb;font-size:28px}.collision,.about{padding:80px 0;background:#171717;color:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{font:800 14px Inter;letter-spacing:2px}.collision p,.about p{color:#bbb;line-height:1.7}.collision-panel{height:330px;background:repeating-linear-gradient(45deg,#111,#111 20px,#171717 20px,#171717 40px);border:1px solid #444;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:15px 15px 0 #087bdb}.collision-panel strong{font:900 italic 74px "Barlow Condensed";color:#087bdb}.collision-panel span{font:800 18px "Barlow Condensed"}.finance{background:#101010;color:#fff;padding:45px 0}.finance-grid{display:grid;grid-template-columns:1.1fr 1fr 1.4fr auto;gap:35px;align-items:center}.sync{font-size:36px}.bars{color:#ffd400;font-size:45px;margin-right:8px}.finance h2{font-size:50px;margin:0}.finance p{margin:5px 0}.finance ul{margin:8px 0;padding-left:18px;line-height:1.7}.finance li::marker{color:#087bdb}.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.gallery div{height:155px;background:linear-gradient(145deg,#5a5a5a,#181818);position:relative;color:#fff;padding:10px;display:flex;flex-direction:column;justify-content:flex-end}.gallery b{position:absolute;top:8px;left:8px;background:#087bdb;padding:4px 7px;font-size:11px}.gallery div:nth-child(even) b{background:#fff;color:#111}.gallery span{font:800 18px "Barlow Condensed"}.placeholder-note{color:#777;font-size:12px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.checks span{border-left:4px solid #087bdb;padding:12px;background:#222;font-weight:700}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact p{line-height:1.7;color:#666}.contactbox{display:block;background:#111;color:#fff;text-decoration:none;padding:18px;border-left:5px solid #087bdb;margin:10px 0}.contactbox small{display:block;color:#aaa;letter-spacing:2px}.contactbox b{font:800 23px "Barlow Condensed"}form{background:#fff;padding:32px;box-shadow:0 10px 35px #0002;border-top:6px solid #087bdb}form h3{font:900 31px "Barlow Condensed";margin-top:0}label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:15px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #ccc;background:#fafafa;padding:13px;font:15px Inter}.full{width:100%}.formnote{display:block;color:#777;margin-top:10px;line-height:1.5}footer{background:#070707;color:#aaa;padding:50px 0 85px}.footergrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.footergrid img{width:270px;filter:invert(1) grayscale(1);mix-blend-mode:screen}.footergrid b{color:#fff}.footergrid a{color:#ddd;text-decoration:none}.copyright{border-top:1px solid #222;margin-top:30px;padding-top:18px;font-size:12px}.sticky-call{display:none}
@media(max-width:900px){.topin{justify-content:center}.topin span{display:none}.navrow{height:74px}.logo{width:235px}.logo img{width:205px}.hamb{display:block;margin-left:auto}nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:18px;flex-direction:column;align-items:stretch;border-top:1px solid #ddd}nav.open{display:flex}.hero-grid{grid-template-columns:1fr}.hero-copy{z-index:4}.utv-art{position:absolute;right:-120px;bottom:10px;width:60%;opacity:.35}.benefit-grid{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.two,.contact-grid{grid-template-columns:1fr}.finance-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:repeat(3,1fr)}.footergrid{grid-template-columns:1fr 1fr}.sticky-call{display:block;position:fixed;z-index:60;bottom:0;left:0;right:0;background:#087bdb;color:#fff;text-align:center;padding:14px;text-decoration:none;font:900 18px "Barlow Condensed"}}
@media(max-width:560px){.wrap{width:min(100% - 26px,1180px)}.topin{height:34px}.top a{font-size:16px}.hero{min-height:610px}.hero-grid{min-height:610px}.hero-logo{width:260px}.hero h1{font-size:52px}.service-line{font-size:14px}.utv-art{width:90%;right:-150px}.benefit-grid{grid-template-columns:1fr 1fr}.cards,.gallery,.finance-grid,.footergrid,.fields{grid-template-columns:1fr}.title{display:block}.title h2{font-size:46px}.gallery div{height:180px}.collision-panel{height:250px}.collision-panel strong{font-size:55px}.checks{grid-template-columns:1fr}.section{padding:60px 0}form{padding:24px}}

/* Visual production layer */
.visual-hero{background:#070707 url("assets/homepage-utv-hero.png") center center/cover no-repeat}
.visual-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.68) 45%,rgba(0,0,0,.08) 78%)}
.visual-hero .hero-grid{z-index:3}
.visual-hero .dust{z-index:2}
.hero-photo{min-height:520px}
.cardpic{background-size:cover!important;background-position:center!important;height:170px;position:relative}
.cardpic:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.15),transparent)}
.cards article{overflow:hidden;box-shadow:0 7px 18px rgba(0,0,0,.18)}
.cards article:hover .cardpic{transform:scale(1.035)}
.cardpic{transition:transform .25s ease}
@media(max-width:900px){.visual-hero:after{background:rgba(0,0,0,.64)}.hero-photo{display:none}}

/* Black, white & blue brand refinements */
.red{background:#087bdb;color:#fff}.red:hover{background:#0562b1}.navbtn{background:#087bdb;color:#fff!important}.top a:hover,nav a:hover{color:#087bdb}.contactbox:hover{border-left-color:#64baff}.outline:hover{background:#fff;color:#0b1520}.sticky-call{background:#087bdb}.hero h1 em{color:#168ef0}
