@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#14202b;--navy:#101923;--blue:#2661a3;--orange:#ef864f;--muted:#607080;--line:#dce2e7;--pale:#f4f6f7;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;color:var(--ink);background:#fff;font:400 16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.16;letter-spacing:-.035em}.container{width:min(1200px,calc(100% - 80px));margin:auto}.skip-link{position:absolute;left:12px;top:-60px;z-index:30;background:white;padding:8px 14px}.skip-link:focus{top:12px}.site-header{position:relative;z-index:20;background:white;box-shadow:0 1px 0 rgba(0,0,0,.07)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;font:800 18px/1 Manrope;letter-spacing:-.08em}.brand-mark-dot{color:var(--orange)}.brand-type{font:800 14px/1.15 Manrope;letter-spacing:.025em;white-space:nowrap}.brand-type small{display:block;font:700 9px/1.5 Manrope;letter-spacing:.2em;color:#77818a}.site-nav{display:flex;align-items:center;gap:33px;font-weight:700;font-size:13px}.site-nav>a:not(.nav-contact):hover{color:var(--blue)}.nav-contact{display:flex;align-items:center;gap:23px;padding:11px 16px;border:1px solid #c9d1d9}.nav-contact:hover{background:var(--navy);color:white}.menu-toggle{display:none}.hero{position:relative;min-height:605px;display:flex;align-items:center;color:#fff;background:var(--navy);overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('/images/automotive-hero.webp') center/cover no-repeat}.hero-shade{background:linear-gradient(90deg,rgba(6,14,22,.92) 0%,rgba(8,19,29,.76) 35%,rgba(9,20,32,.12) 78%),linear-gradient(0deg,rgba(8,19,29,.55),transparent 27%)}.hero-content{position:relative;z-index:1;padding:85px 0 112px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--blue);margin:0 0 29px}.eyebrow.light{color:#b9cadb}.eyebrow .line{width:28px;height:2px;background:var(--orange);display:inline-block;flex:none}.hero h1{font-size:clamp(40px,4.6vw,67px);max-width:770px;margin:0 0 25px;line-height:1.11;font-weight:800}.hero h1 em{font-style:normal;color:#f49b65}.hero-copy{color:#d2dde7;font-size:17px;line-height:1.7;max-width:570px;margin-bottom:34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:13px 23px;font-size:13px;font-weight:800;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--orange);color:#17202a}.button-primary:hover{background:#ff9b60}.button-outline{border:1px solid rgba(255,255,255,.65);color:white}.button-outline:hover{background:white;color:var(--navy)}.hero-bottom{position:absolute;bottom:0;left:0;right:0;z-index:1;border-top:1px solid rgba(255,255,255,.25);color:#b6c3cf;font-weight:700;font-size:11px;letter-spacing:.12em}.hero-bottom .container{min-height:54px;display:flex;align-items:center;justify-content:space-between}.capabilities{background:var(--navy);color:#fff}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #35414b}.capability-grid>div{min-height:107px;border-right:1px solid #35414b;display:flex;align-items:center;gap:14px;padding:20px}.capability-grid span{font-size:12px;color:var(--orange);font-weight:800}.capability-grid strong{font:700 14px/1.4 Manrope}.section{padding:105px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.section h2{font-size:clamp(34px,3.4vw,49px);max-width:620px;margin:0;font-weight:800}.section h2 span{color:#80909e}.about-copy{padding-top:47px;max-width:590px;color:#536270;font-size:17px}.about-copy p{margin-bottom:18px}.text-link{display:inline-flex;align-items:center;gap:30px;border-bottom:2px solid var(--orange);padding:6px 0 8px;color:var(--ink);font-size:14px;font-weight:800}.text-link:hover{color:var(--blue)}.products{background:var(--pale)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:39px}.section-head>p{max-width:345px;margin:0;color:#607080}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{background:white;border:1px solid #e3e8ec;min-width:0;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 12px 30px rgba(20,32,43,.09);transform:translateY(-3px)}.product-image{width:100%;aspect-ratio:1;background-image:url('/images/product-categories.webp');background-size:400% 200%;background-repeat:no-repeat;background-color:#f0f1f3}.tile-1{background-position:0 0}.tile-2{background-position:33.333% 0}.tile-3{background-position:66.666% 0}.tile-4{background-position:100% 0}.tile-5{background-position:0 100%}.tile-6{background-position:33.333% 100%}.tile-7{background-position:66.666% 100%}.tile-8{background-position:100% 100%}.product-text{padding:21px 21px 23px}.product-text>span{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--blue)}.product-text h3{font-size:19px;margin:9px 0 7px}.product-text p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.products-footer{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:35px}.products-footer p{margin:0;color:#677684}.services{color:white;background:#172633}.services .section-head>p{color:#bac6cf}.services h2 span{color:#7f9eb7}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #40505d}.service-grid article{padding:30px 38px 8px 0}.service-grid article+article{padding-left:38px;border-left:1px solid #40505d}.service-grid article>span{color:var(--orange);font-size:13px;font-weight:800}.service-grid h3{font-size:23px;margin:40px 0 12px}.service-grid p{max-width:300px;color:#b9c7d0;font-size:15px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{margin-bottom:20px}.contact p:not(.eyebrow){color:#586977;max-width:430px;margin-bottom:27px}.contact-info{background:var(--pale);padding:40px 45px;align-self:center}.contact-info>div{display:grid;gap:7px;padding:14px 0;border-bottom:1px solid #dbe2e6}.contact-info>div:last-child{border:0}.contact-info span{color:#778793;font-size:11px;letter-spacing:.16em;font-weight:800}.contact-info strong,.contact-info a{font-size:17px;font-weight:700;overflow-wrap:anywhere}.contact-info a:hover{color:var(--blue)}.footer{background:var(--navy);color:#e4e9ed}.footer .brand-mark{background:#283849}.footer .brand-type small{color:#8998a7}.footer-main{min-height:145px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-main p{margin:0;color:#a9b7c4;font-size:14px}.footer-main>a:last-child{font-size:14px}.footer-main>a:last-child:hover{color:var(--orange)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #35414b;padding:19px 0 22px;color:#95a3af;font-size:11px;font-weight:700;letter-spacing:.07em}
@media(max-width:980px){.container{width:min(100% - 48px,1200px)}.site-nav{gap:16px}.site-nav a{font-size:12px}.nav-contact{gap:8px}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability-grid>div{border-bottom:1px solid #35414b}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid,.contact-grid{gap:45px}}
@media(max-width:700px){html{scroll-padding-top:69px}.container{width:calc(100% - 38px)}.header-inner{min-height:70px}.brand-mark{width:41px;height:41px}.menu-toggle{display:flex;width:42px;height:42px;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:0;background:none;cursor:pointer}.menu-toggle span{width:24px;height:2px;background:var(--ink)}.site-nav{display:none;position:absolute;left:0;right:0;top:70px;flex-direction:column;align-items:stretch;gap:0;background:white;padding:12px 19px 20px;box-shadow:0 15px 20px rgba(0,0,0,.11)}.site-nav.is-open{display:flex}.site-nav a{font-size:15px;padding:12px}.nav-contact{justify-content:space-between;margin-top:6px}.hero{min-height:600px}.hero-image{background-position:57% center}.hero-shade{background:linear-gradient(90deg,rgba(6,14,22,.88),rgba(6,14,22,.55)),linear-gradient(0deg,rgba(6,14,22,.5),transparent)}.hero-content{padding:75px 0 112px}.hero h1{font-size:clamp(36px,9vw,52px);max-width:600px}.hero-copy{font-size:16px}.hero-bottom .container{font-size:9px;gap:16px}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability-grid>div{min-height:95px;padding:14px;flex-direction:column;align-items:start;gap:5px}.capability-grid strong{font-size:12px}.section{padding:76px 0}.about-grid,.contact-grid{grid-template-columns:1fr;gap:24px}.about-copy{padding:0;font-size:16px}.section-head{display:block}.section-head>p{margin-top:19px}.product-grid{gap:12px}.product-text{padding:15px}.product-text h3{font-size:17px}.product-text p{font-size:13px}.products-footer{display:block}.products-footer p{margin-bottom:8px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article+article{border-left:0;border-top:1px solid #40505d;padding:24px 0 9px}.service-grid article:first-child{border-top:0}.service-grid h3{margin:14px 0 8px}.contact-info{padding:24px}.footer-main{padding:35px 0;display:grid;gap:17px}.footer-bottom{gap:12px;flex-direction:column}}
@media(max-width:430px){.product-grid{grid-template-columns:1fr}.product-image{aspect-ratio:1}.hero-actions .button{gap:15px;padding:11px 15px}.hero-bottom span:last-child{display:none}.contact-info strong,.contact-info a{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.product-card{transition:none}}
