@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:#172530;--blue:#063b8f;--muted:#65727f;--line:#dfe4e8;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #0868d7;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}img{max-width:100%}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:20}.skip:focus{top:0}header{padding:23px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);position:relative;z-index:5;background:white}.brand{display:flex;align-items:center;gap:16px;min-width:0}.brand img{width:76px;height:auto}.brand span{font-size:15px;font-weight:700;white-space:nowrap;color:var(--blue)}nav{display:flex;gap:25px;align-items:center}nav a{font-size:14px;white-space:nowrap;padding:8px 0;border-bottom:1px solid transparent}nav a:hover{color:var(--blue);border-color:var(--blue)}main{max-width:1920px;margin:auto}.hero-stage{height:calc(100svh + 110px);min-height:820px;max-height:1150px;position:relative}.intro{position:sticky;top:0;height:calc(100svh - 85px);min-height:665px;max-height:960px;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:60px 7% 115px;background:#fff}.brand-background{position:absolute;inset:0;z-index:-2;pointer-events:none}.brand-background:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 37% 49% at 77% 39%,#e9eff7a6,transparent 85%)}.brand-background img{position:absolute;width:100%;max-width:none;right:-27%;top:8%;height:auto;filter:grayscale(1);opacity:.035;transform:translate3d(var(--logo-x,0px),var(--logo-y,0px),0);will-change:transform}.corner-grid{position:absolute;right:4%;bottom:15%;width:230px;height:190px;background-image:linear-gradient(#063b8f 1px,transparent 1px),linear-gradient(90deg,#063b8f 1px,transparent 1px);background-size:28px 28px;opacity:.025;z-index:-1;pointer-events:none}.hero-content{position:relative;z-index:2;width:100%}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:600}.hero-content .eyebrow{margin-bottom:33px;color:var(--muted)}.eyebrow span{padding:0 8px}.hero-content h1{font-size:clamp(36px,6.3vw,110px);line-height:1.1;letter-spacing:-.055em;font-weight:600;color:var(--ink)}.earthwork-word{display:inline-block;position:relative;transition:transform .6s,color .6s}.earthwork-word:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .6s}.earthwork-word:hover,.earthwork-word:focus-visible{transform:translateX(5px);color:var(--blue)}.earthwork-word:hover:after,.earthwork-word:focus-visible:after{transform:scaleX(1)}.hero-tagline{font-size:clamp(22px,2vw,30px);margin-top:30px;letter-spacing:-.6px}.hero-services{font-size:16px;margin-top:20px;line-height:1.9}.hero-services span{color:var(--muted)}.explore-link{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;padding:13px 20px;background:var(--blue);color:white;margin-top:29px;font-size:14px}.explore-link span{font-size:22px;transition:transform .3s}.explore-link:hover span{transform:translateX(5px)}.hero-bottom{position:absolute;bottom:26px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:12px;letter-spacing:1.5px}.motion-toggle{background:transparent;border:0;border-bottom:1px solid #c8cfd6;padding:4px 0;font-size:12px;color:var(--muted);letter-spacing:0}.architectural-line{position:absolute;bottom:0;left:7%;right:7%;height:1px;background:#b7c3cd;transform-origin:left;animation:draw-line 1.9s ease-out both}.hover-image{position:absolute;width:270px;right:8%;bottom:19%;height:175px;object-fit:cover;opacity:0;transform:translateY(12px);transition:opacity .65s,transform .65s;z-index:1;pointer-events:none}.intro:has(.earthwork-word:hover) .hover-image,.intro:has(.earthwork-word:focus-visible) .hover-image{opacity:.9;transform:translateY(0)}.cinematic{margin:-25px 3% 0;height:min(70vw,710px);min-height:420px;position:relative;z-index:3;overflow:hidden;background:#122c48}.cinematic>img{width:100%;height:115%;object-fit:cover;position:absolute;top:-7%;transform:translateY(var(--image-y,0px)) scale(1.02);will-change:transform}.cinematic:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061a32a8,transparent 70%)}figcaption{position:absolute;left:5%;bottom:8%;z-index:1;color:white}figcaption>span{font-size:12px;letter-spacing:1.8px}figcaption p{font:500 clamp(35px,4.3vw,65px)/1.16 Manrope,Arial,sans-serif;letter-spacing:-2px;margin:20px 0}figcaption small{font-size:12px;color:#d9e3ef}.business-nav{display:grid;grid-template-columns:1.4fr 1fr 1fr;margin:0 7%;border-bottom:1px solid var(--line)}.business-nav a{position:relative;display:flex;flex-direction:column;padding:35px 32px 35px 0;gap:10px}.business-nav a+a{padding-left:25px;border-left:1px solid var(--line)}.business-nav span{font-size:12px;letter-spacing:1px;color:var(--muted)}.business-nav strong{font-size:19px;font-weight:500;line-height:1.4}.business-nav a:first-child strong{color:var(--blue);font-weight:700}.business-nav b{position:absolute;right:15px;bottom:30px;font-weight:400;transition:transform .3s}.business-nav a:hover b{transform:translate(3px,-3px)}.services{padding:100px 7% 80px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:40px}h2{font-size:clamp(32px,3.5vw,52px);font-weight:500;line-height:1.15;letter-spacing:-1.7px}.section-top>span{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.orange{color:var(--blue)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{min-height:360px;padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#f4f7fb}.number{font-size:12px;letter-spacing:1.2px}.card h3{font-size:clamp(26px,2.5vw,36px);font-weight:500;line-height:1.15;letter-spacing:-1px;margin:22px 0 15px}.card p{font-size:16px;max-width:340px}.featured{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;padding:0;gap:0}.card-copy{padding:32px;display:flex;flex-direction:column}.feature-photo{width:100%;height:100%;object-fit:cover;transition:transform .8s}.featured:hover .feature-photo{transform:scale(1.035)}.detail{display:flex;justify-content:space-between;gap:20px;padding-top:25px;margin-top:auto;font-size:14px}.detail span{font-size:23px}.detail:hover{color:#0868d7}.photo-card{padding:0;background:#253645;color:white}.photo-card>img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .8s}.photo-card:hover>img{transform:scale(1.05)}.photo-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#14212a00,#14212ad9 80%)}.photo-copy{padding:30px;margin-top:auto;z-index:1}.ground,.utility{border-top:1px solid var(--line);background:white;padding-left:15px}.ground p,.utility p{color:var(--muted)}.rental-heading{padding:85px 0 35px}.rental-heading .eyebrow{color:var(--muted)}.rental-heading h2{margin-top:20px}.fleet-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.fleet-grid .card{min-height:315px;padding:35px;background:#f4f7fb;border-top:2px solid var(--blue)}.fleet-grid .transport{background:#edf1f5}.scope{margin:0 7%;padding:70px 0 85px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.35fr;gap:70px}.scope-heading h2{margin:20px 0}.scope-heading p{color:var(--muted)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:18px;list-style:none;padding:23px 0;font-size:18px;line-height:1.4;cursor:pointer}summary::-webkit-details-marker{display:none}summary>span{font-size:12px;color:var(--muted)}summary b{margin-left:auto;font-size:25px;font-weight:400;transition:transform .3s}details[open] summary b{transform:rotate(45deg)}.scope-body{padding:0 20px 25px 35px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags span{font-size:13px;padding:4px 10px;border:1px solid var(--line);color:var(--ink)}.location{margin:0 7%;padding:45px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.35fr;gap:70px}.location h2{font-size:35px;margin:17px 0}.location-name{font-size:14px;color:var(--muted)}address{font-style:normal;color:var(--muted)}.map-link{display:inline-flex;gap:30px;padding:9px 0;border-bottom:1px solid var(--blue);margin-top:20px;font-size:14px;color:var(--blue)}footer{margin:40px 7% 0;padding:30px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;color:var(--muted)}footer .brand img{width:64px}.motion-ready{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.is-visible{opacity:1;transform:none}@keyframes draw-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1800px){header{padding-left:max(5%,calc((100vw - 1728px)/2));padding-right:max(5%,calc((100vw - 1728px)/2))}}
@media(max-width:1120px){header{flex-wrap:wrap;gap:12px}nav{width:100%;justify-content:flex-end;gap:28px}.hero-stage{min-height:790px}.hero-content h1{font-size:7.2vw}.hover-image{width:220px;height:145px;right:7%;bottom:21%}.grid{grid-template-columns:1fr 1fr}.featured{grid-column:span 2}.scope,.location{gap:35px}.business-nav strong{font-size:17px}}
@media(max-width:680px){header{padding:16px 6%;gap:15px}.brand{gap:10px}.brand img{width:56px}.brand span{white-space:normal;font-size:14px}nav{justify-content:flex-start;gap:12px 21px;flex-wrap:wrap}nav a{font-size:14px;padding:3px 0}nav span{display:none}.hero-stage{height:auto;min-height:0}.intro{position:relative;height:auto;min-height:650px;padding:65px 6% 100px}.hero-content .eyebrow{margin-bottom:30px;font-size:12px}.hero-content h1{font-size:clamp(24px,7.3vw,49px);letter-spacing:-.05em;line-height:1.18}.hero-tagline{font-size:24px;margin-top:25px}.hero-services{font-size:16px;max-width:310px}.brand-background img{width:150%;right:-75%;top:19%}.hover-image{display:none}.hero-bottom{left:6%;right:6%;flex-wrap:wrap;gap:12px;font-size:12px;letter-spacing:.7px}.hero-bottom>span{margin-left:auto}.motion-toggle{flex-basis:auto}.cinematic{margin:0;height:490px;min-height:0}.cinematic>img{object-position:65% center}.cinematic:after{background:linear-gradient(0deg,#061a32bc,transparent 75%)}figcaption{left:6%;bottom:9%;right:6%}figcaption>span{font-size:12px;letter-spacing:1px}figcaption p{font-size:38px;letter-spacing:-1px}.business-nav{grid-template-columns:1fr;margin:0 6%}.business-nav a,.business-nav a+a{padding:23px 30px 23px 0;border-left:0;border-bottom:1px solid var(--line)}.business-nav a:last-child{border-bottom:0}.business-nav strong{font-size:19px}.business-nav b{bottom:25px}.services{padding:65px 6%}.section-top{align-items:start;flex-direction:column}.section-top h2{font-size:36px}.grid{grid-template-columns:1fr}.featured{grid-column:auto;grid-template-columns:1fr}.feature-photo{height:260px}.card{min-height:310px}.photo-card{min-height:390px}.card h3{font-size:32px}.card-copy{padding:28px}.rental-heading{padding-top:60px}.fleet-grid{grid-template-columns:1fr}.scope{grid-template-columns:1fr;padding:55px 0;gap:25px;margin:0 6%}.scope-body{padding-left:0}summary{font-size:17px;gap:12px}.location{grid-template-columns:1fr;gap:25px;margin:0 6%;padding:35px 0}.location h2{font-size:32px}footer{margin:30px 6% 0;flex-wrap:wrap}footer>span{max-width:200px}.corner-grid{width:130px;height:140px}}
html.motion-paused *{animation-play-state:paused!important}.motion-paused .brand-background img,.motion-paused .cinematic>img{will-change:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready{opacity:1;transform:none}.earthwork-word:hover{transform:none}.brand-background img,.cinematic>img{transform:none!important;will-change:auto}.featured:hover .feature-photo,.photo-card:hover>img{transform:none}}
/* Baby-blue brand environment and a clean, complete HKS watermark. */
:root{--paper:#e7f2fd;--ink:#183451;--muted:#506b84;--line:#c5d9ec}body{background:#e7f2fd}header{background:#eef7ff;border-bottom-color:#d0e2f2}.brand span{color:#153e6b}header .brand img{width:82px}.intro{background:linear-gradient(125deg,#e9f5ff 0%,#d4eaff 52%,#bbdbfa 100%)}.brand-background:before{background:radial-gradient(ellipse 50% 65% at 78% 38%,#f6fbff90,transparent 80%)}.brand-background img{width:66%;right:4%;top:14%;filter:brightness(0) saturate(100%) invert(28%) sepia(34%) saturate(1223%) hue-rotate(171deg) brightness(91%) contrast(90%);opacity:.085;mix-blend-mode:multiply}.tech-aura{background:radial-gradient(ellipse 30% 40% at 88% 37%,#78dbff60,transparent 76%),radial-gradient(ellipse 35% 33% at 87% 80%,#79b4ff55,transparent 78%),radial-gradient(ellipse 25% 28% at 59% 82%,#effaff80,transparent 80%);filter:blur(26px)}.hero-content h1{color:#153e6b;text-shadow:none}.hero-tagline{color:#254f76}.hero-services{color:#294e70}.hero-services span{color:#526e87}.hero-content .eyebrow{color:#456381}.hero-bottom{color:#456381}.motion-toggle{color:#456381;border-color:#8facc6}.architectural-line{background:linear-gradient(90deg,#5c8db754,#15a7dd90 75%,#c1ddf3)}.corner-grid{opacity:.045}.cinematic{border:7px solid #f3f9ff;margin-top:-25px}.business-nav{background:transparent}.services{background:transparent}.featured{background:#f4f9ff}.ground,.utility{background:#eff7ff;border-top-color:#b5d1e8;padding:30px}.fleet-grid .card{background:#f6faff}.fleet-grid .transport{background:#d8eafb}.scope,.location,footer{border-color:#bfd5e9}.tags span{border-color:#bcd2e5}.scope-list{background:#f4f9ff;padding:0 25px}.map-link{color:#063b8f}.location{background:transparent}
@media(max-width:680px){header .brand img{width:62px}.brand-background img{width:90%;right:5%;top:10%;opacity:.075}.intro{background:linear-gradient(135deg,#e7f4ff,#c2e0fb)}.tech-aura{background:radial-gradient(ellipse 45% 48% at 94% 38%,#71d8ff5c,transparent 75%),radial-gradient(ellipse 45% 32% at 84% 80%,#6eafff44,transparent 80%)}.hero-content h1{text-shadow:none}.cinematic{margin-top:0;border-width:0}.scope-list{padding:0 17px}}
/* Architectural light ribbons: a continuous atmosphere, with no floating objects. */
.intro{background:linear-gradient(125deg,#edf7ff 0%,#d9edff 51%,#bbddfa 100%)}.tech-aura{position:absolute;inset:-10%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 38% 56% at 89% 40%,#71d9ff55,transparent 72%),radial-gradient(ellipse 32% 42% at 79% 80%,#76aaf34a,transparent 74%);filter:blur(30px);animation:light-atmosphere 16s ease-in-out infinite alternate}.light-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;transform:translate3d(var(--light-x,0px),var(--light-y,0px),0);mask-image:linear-gradient(90deg,transparent 22%,#0006 48%,#000 72%)}.light-ribbon{position:absolute;right:8%;top:-45%;width:150px;height:175%;transform:rotate(32deg);background:linear-gradient(90deg,transparent,#7cbaf54d 24%,#effdffc2 48%,#4acbff50 66%,transparent);filter:blur(5px);opacity:.6;animation:ribbon-flow 19s ease-in-out infinite alternate;will-change:transform}.ribbon-two{right:-12%;width:310px;top:-27%;opacity:.45;filter:blur(16px);animation-duration:25s;animation-delay:-8s;background:linear-gradient(90deg,transparent,#2c92ec40 30%,#b5f3ffa1 48%,#eefcff80 52%,transparent 76%)}.ribbon-three{right:35%;width:60px;opacity:.35;filter:blur(3px);animation-duration:22s;animation-delay:-13s}.light-edge{position:absolute;right:21%;top:-40%;width:1px;height:170%;background:linear-gradient(180deg,transparent 12%,#f2fdffbb 35%,#6edcff99 54%,transparent 85%);transform:rotate(32deg);box-shadow:0 0 12px #37c4ff55;animation:edge-flow 21s ease-in-out infinite alternate}.edge-two{right:3%;opacity:.5;animation-delay:-10s}.brand-background img{opacity:.065}.hero-content h1{color:#153e6b;text-shadow:none}.corner-grid{opacity:.03}.architectural-line{background:linear-gradient(90deg,#86a6c366,#6ac9ee99 78%,transparent)}.explore-link{box-shadow:0 6px 22px #0868d71c;transition:background .3s,box-shadow .3s}.explore-link:hover{background:#0868d7;box-shadow:0 6px 24px #00bdeb33}
@keyframes ribbon-flow{from{transform:translate3d(-22px,0,0) rotate(32deg);opacity:.35}to{transform:translate3d(34px,18px,0) rotate(35deg);opacity:.65}}@keyframes edge-flow{from{transform:translateX(-18px) rotate(32deg);opacity:.25}to{transform:translateX(28px) rotate(34deg);opacity:.65}}@keyframes light-atmosphere{from{transform:translate3d(-1%,2%,0);opacity:.7}to{transform:translate3d(2%,-2%,0);opacity:1}}
@media(max-width:680px){.light-field{mask-image:linear-gradient(90deg,transparent 12%,#0004 45%,#000 100%)}.light-ribbon{width:100px;right:-10%;opacity:.4}.ribbon-two{width:160px;right:-50%}.ribbon-three{display:none}.light-edge{right:9%}.edge-two{display:none}.tech-aura{filter:blur(20px);background:radial-gradient(ellipse 50% 55% at 95% 40%,#64cfff44,transparent 78%),radial-gradient(ellipse 45% 35% at 85% 88%,#7ba6ef33,transparent 75%)}}
.motion-paused .light-ribbon{will-change:auto}@media(prefers-reduced-motion:reduce){.light-field{transform:none!important}.light-ribbon,.light-edge,.tech-aura{animation:none!important;will-change:auto}}

/* Interactive page choreography, with a single brand mark in the navigation. */
.motion-atmosphere{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#d4eaff}
.motion-atmosphere>div{position:absolute;inset:-35%;filter:blur(45px);transform:translate3d(var(--light-x,0px),var(--light-y,0px),0);will-change:transform}
.atmosphere-a{background:conic-gradient(from 40deg at 70% 55%,transparent 10%,#7cbcff99 22%,#b0f3ffb0 33%,transparent 48%,#8fbbef70 65%,transparent 85%);animation:atmosphere-turn 24s ease-in-out infinite alternate}
.atmosphere-b{background:radial-gradient(ellipse 18% 62% at 65% 50%,#f9ffffd9,transparent 80%);animation:atmosphere-drift 17s ease-in-out infinite alternate}
.atmosphere-c{background:radial-gradient(ellipse 32% 20% at 74% 72%,#3ccaff65,transparent 80%);animation:atmosphere-drift 13s ease-in-out -6s infinite alternate}
.intro{background:#d4eaff}.hero-stage{height:140svh;min-height:850px;max-height:none}.intro{height:100svh;max-height:none;padding-bottom:130px}
.hero-content{transform:translate3d(0,var(--hero-shift,0px),0);opacity:var(--hero-opacity,1)}
.headline-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.headline-inner{display:block;animation:headline-enter 1.2s cubic-bezier(.16,1,.3,1) both}.headline-line:nth-child(2) .headline-inner{animation-delay:.14s}
.hero-content h1{font-size:clamp(30px,6.8vw,116px);font-weight:600;color:#123d68;line-height:1.08}.hero-tagline{color:#234d75}.hero-services{color:#2a5073}.hero-services span{color:#506a83}.hero-content .eyebrow,.hero-bottom,.motion-toggle{color:#345a7b}
.cinematic{margin-left:var(--image-inset,8%);margin-right:var(--image-inset,8%);border:0;border-radius:var(--image-radius,24px);height:min(70vw,780px);min-height:430px;will-change:margin,border-radius}
.cinematic>img{transform:translateY(var(--image-y,0px)) scale(var(--image-scale,1.12))}
.services .card{transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1),box-shadow .3s}.card.motion-ready{transform:translateY(55px);opacity:0}.card.is-visible{transform:none;opacity:1}.card:hover{box-shadow:0 16px 45px #16467212}
.explore-link{border-radius:4px;transition:transform .25s,background .25s,box-shadow .25s}.explore-link:hover{transform:translateY(-4px);background:#0868d7;box-shadow:0 12px 28px #0868d733}
.business-nav a{transition:background .3s,padding .3s}.business-nav a:hover{background:#c3e4ff60;padding-left:15px}
.motion-toggle{min-height:44px}.section-top h2,.rental-heading h2{transition:transform .8s,opacity .8s}.section-top.motion-ready,.rental-heading.motion-ready{opacity:0;transform:translateY(35px)}.section-top.is-visible,.rental-heading.is-visible{opacity:1;transform:none}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important}
html.motion-paused .headline-inner{animation:none;transform:none}
@keyframes headline-enter{from{transform:translateY(115%) rotate(3deg)}to{transform:translateY(0) rotate(0)}}
@keyframes atmosphere-turn{from{transform:translate3d(-4%,3%,0) rotate(-12deg) scale(1)}to{transform:translate3d(6%,-3%,0) rotate(24deg) scale(1.12)}}
@keyframes atmosphere-drift{from{transform:translate3d(-7%,3%,0) rotate(-12deg)}to{transform:translate3d(9%,-4%,0) rotate(15deg)}}
@media(max-width:680px){.hero-stage{height:auto;min-height:0}.intro{height:auto;min-height:690px;padding-top:90px}.hero-content h1{font-size:7.1vw;line-height:1.2}.hero-content{transform:none!important;opacity:1!important}.cinematic{min-height:480px;margin-left:0;margin-right:0;border-radius:0}.motion-atmosphere>div{filter:blur(26px)}.business-nav a:hover{padding-left:0}.hero-bottom{letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.headline-inner{animation:none;transform:none}.hero-content{transform:none!important;opacity:1!important}.motion-atmosphere>div{animation:none;will-change:auto}.cinematic{will-change:auto}.motion-ready,.card.motion-ready{opacity:1;transform:none}.explore-link:hover{transform:none}}

/* Future construction: luminous surfaces with a single hero watermark. */
.hero-watermark{position:absolute;inset:0;z-index:-1;pointer-events:none;display:flex;align-items:flex-start;justify-content:flex-end;padding:8% 5%}
.hero-watermark img{width:62%;height:auto;opacity:.045;filter:brightness(0) saturate(100%) invert(25%) sepia(30%) saturate(1500%) hue-rotate(175deg);transform:translate3d(var(--mark-x,0px),0,0)}
.services{position:relative;isolation:isolate;background:#071c36;color:#e7f5ff;margin:45px 3% 0;padding:90px 4.2%;border-radius:28px;overflow:hidden}
.services:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 30% at 95% 12%,#087eca45,transparent 75%),radial-gradient(ellipse 60% 35% at 5% 90%,#175bcc33,transparent 75%)}
.services:after{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#80e9ff,transparent);box-shadow:0 0 24px #65dfff;pointer-events:none}
.services .section-top>span,.services .rental-heading .eyebrow{color:#9fc6e5}.services .orange{color:#73ddff}
.services .card{border:1px solid #4f8db83b;border-radius:16px;background-color:#0e2a46;box-shadow:inset 0 1px 0 #c2f4ff0d;transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}
.services .card:not(.photo-card){background-image:radial-gradient(450px circle at var(--pointer-x,80%) var(--pointer-y,0%),#2683b829,transparent 70%)}
.services .ground p,.services .utility p{color:#b7d0e6}.services .number{color:#90bedf;letter-spacing:1.5px}.services .detail{color:#b9eaff}.services .card:hover,.services .card:focus-within{border-color:#74ddff88;box-shadow:0 14px 50px #0003,inset 0 1px 0 #a8eaff30}
.services .featured{background-color:#0d2946}.services .photo-card{background-color:#0b2943}.services .fleet-grid .card{background-color:#102f4f;border-top:1px solid #6ddfff80;padding:35px}.services .fleet-grid .transport{background-color:#0b3048}
.services .fleet-grid .card:after{content:'';position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,#a5f0ff,transparent);transform-origin:left;transform:scaleX(.2);opacity:.4;transition:transform 1s ease,opacity 1s ease;pointer-events:none}.services .fleet-grid .card.is-visible:after{transform:scaleX(1);opacity:1}
.scope{position:relative;margin-top:75px}.scope-list{border:1px solid #b7dbf0;border-radius:20px;background:linear-gradient(130deg,#f8fcff,#dcefff);box-shadow:0 15px 55px #2b7db610;overflow:hidden}.scope-list details{transition:background .4s}.scope-list details[open]{background:#ffffff75}.tags span{border-radius:4px;background:#e4f4ff;border-color:#badcf1}.scope summary b{color:#1685b5}
.business-nav{position:relative;border-bottom-color:#b6d9ee}.business-nav:after{content:'';position:absolute;bottom:-1px;left:0;width:28%;height:2px;background:linear-gradient(90deg,transparent,#159fcf,#9beeff,transparent);transform:translateX(var(--rail-x,0%));pointer-events:none;box-shadow:0 0 12px #66dfff80}
.location{position:relative;border-top-color:#b3d3e9}.location:after{content:'';position:absolute;left:0;top:-1px;width:70px;height:2px;background:#38afe0;box-shadow:0 0 13px #63dbff70;pointer-events:none}
.cinematic{box-shadow:0 20px 60px #0c3a6a24}.cinematic>img{filter:saturate(.85)}
@media(max-width:680px){.hero-watermark{padding:70px 5%}.hero-watermark img{width:90%;opacity:.035}.services{margin:30px 0 0;padding:65px 6%;border-radius:20px 20px 0 0}.services .card{border-radius:12px}.scope{margin-top:30px}.scope-list{padding:0 16px}.services .fleet-grid .card{padding:28px}}
@media(prefers-reduced-motion:reduce){.hero-watermark img{transform:none}.business-nav:after{transform:none}.services .fleet-grid .card:after{transform:none;opacity:1}}

/* Continuous environment across the whole page; no logo textures. */
body{background:#06172f;color:#e7f4ff;isolation:isolate}
.site-tech-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 80% 15%,#174e82 0%,transparent 55%),linear-gradient(145deg,#07172d,#0c2d50 58%,#061b33)}
.site-tech-background>div{position:absolute;pointer-events:none}
.tech-depth-grid{inset:-55% -30%;background-image:linear-gradient(#65c5ff16 1px,transparent 1px),linear-gradient(90deg,#65c5ff16 1px,transparent 1px);background-size:85px 85px;transform:perspective(750px) rotateX(52deg) rotateZ(-18deg) translateY(var(--grid-shift,0px));mask-image:radial-gradient(ellipse,#000 15%,transparent 70%);transition:transform .15s linear}
.tech-current{inset:-45%;filter:blur(45px);mix-blend-mode:screen;opacity:.55;will-change:transform}
.current-one{background:conic-gradient(from 20deg at 62% 50%,transparent 0 18%,#2b9bf36b 23%,#8cecff55 27%,transparent 34% 68%,#286deb44 76%,transparent 86%);animation:tech-orbit 28s ease-in-out infinite alternate}
.current-two{background:radial-gradient(ellipse 15% 50% at 50% 55%,#30cfff45,transparent 75%);animation:tech-sweep 19s ease-in-out -8s infinite alternate}
.tech-scan{left:-10%;top:-30%;width:1px;height:160%;background:linear-gradient(transparent,#c5f6ff88,transparent);box-shadow:0 0 20px #74dfff80;transform:rotate(24deg);animation:tech-scan 22s ease-in-out infinite;opacity:.45}
header{background:#ecf7ffef;backdrop-filter:blur(18px)}
main,footer{position:relative}.hero-stage{background:#d4eaff}.intro{box-shadow:0 25px 90px #020d2326}
.business-nav{color:#e0f3ff;border-color:#68a8cf38}.business-nav span{color:#a3cce6}.business-nav a:first-child strong{color:#a9e4ff}.business-nav a+a{border-color:#68a8cf38}.business-nav a:hover{background:#90dbff0e}
.services{background:linear-gradient(140deg,#09213cbd,#061b34a8);border:1px solid #64bce529;backdrop-filter:blur(12px)}
.services:before{background:radial-gradient(ellipse 80% 35% at 95% 12%,#17a4e423,transparent 75%)}
.scope{color:#e1f2ff;border-color:#75c9e136}.scope-heading p{color:#b4cede}.scope .eyebrow{color:#85c8e9}.scope .orange{color:#76dfff}
.scope-list{background:linear-gradient(135deg,#12344ddd,#08243cdd);border-color:#66c9ec40;box-shadow:inset 0 1px 0 #b0edff15,0 20px 60px #0002;backdrop-filter:blur(15px)}
.scope-list details{border-color:#77c4e629}.scope-list details[open]{background:#9bddff09}.scope-list summary{color:#e0f4ff}.scope-list summary>span{color:#84b6d3}.scope-body{color:#bcd5e8}.tags span{background:#173f58;border-color:#78cce53b;color:#c5edff}
.location{color:#e6f5ff;border-color:#72bad532;background:linear-gradient(90deg,#082c4226,transparent)}.location address,.location-name{color:#b6d2e7}.location .eyebrow{color:#8bbbd7}.location .orange{color:#6bddff}.map-link{color:#a0e2ff;border-color:#74cbe566}
footer{color:#bdd5e5;border-color:#76bdd637}footer .brand{background:#eaf7ff;padding:6px 9px;border-radius:5px}
@keyframes tech-orbit{from{transform:translate3d(-5%,-3%,0) rotate(-12deg)}to{transform:translate3d(7%,3%,0) rotate(28deg)}}
@keyframes tech-sweep{from{transform:translate3d(-15%,5%,0) rotate(-25deg)}to{transform:translate3d(18%,-5%,0) rotate(20deg)}}
@keyframes tech-scan{0%,100%{left:5%;opacity:0}15%,85%{opacity:.4}50%{left:95%;opacity:.45}}
@media(max-width:680px){.tech-current{filter:blur(28px);opacity:.45}.tech-depth-grid{background-size:65px 65px}.services{backdrop-filter:none}.scope-list{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.site-tech-background>div{animation:none!important;transition:none!important;will-change:auto}.tech-scan{display:none}.tech-depth-grid{transform:perspective(750px) rotateX(52deg) rotateZ(-18deg)}}

/* Black wording throughout the top navigation. */
header,header .brand span,header nav a,header nav a:hover,header nav a:focus-visible{color:#000}

.office-contact{display:flex;flex-wrap:wrap;gap:18px 40px;margin-top:24px}.office-contact>div{display:flex;flex-direction:column;gap:4px}.office-contact span{font-size:14px;color:#b6d2e7}.office-contact a{font-size:18px;color:#a0e2ff;min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere}.office-contact a:hover{text-decoration:underline;text-underline-offset:5px}

/* Device-independent line icons and clearer service hierarchy. */
.ui-arrow{width:22px;height:22px;display:block;flex-shrink:0;color:inherit;transition:transform .25s ease}
header nav a{display:inline-flex;align-items:center;gap:7px}header .ui-arrow{width:16px;height:16px}
.business-nav b,.detail>span,.explore-link>span,.map-link>span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.business-nav b,.detail>span{width:38px;height:38px;border:1px solid #8cddff55;border-radius:50%;background:#88d9ff0a;color:#b6edff}
.business-nav a:hover b,.detail:hover>span{background:#b7ecff;color:#09304c;border-color:#b7ecff;transform:none}
.business-nav a:hover .ui-arrow,.detail:hover .ui-arrow{transform:translate(2px,-2px)}
.explore-link>span{width:30px;height:30px}.map-link{align-items:center}.map-link .ui-arrow{width:19px;height:19px}footer>a:last-child{display:inline-flex;align-items:center;gap:9px}
.scope-list{background:#09243e;border:1px solid #4d86a7}
.scope-list details{border-bottom-color:#43647e}.scope-list details:last-child{border-bottom:0}
.scope-list summary{color:#fff;font-weight:600}.scope-list summary>span{color:#71dbff;font-weight:500}.scope-list summary b{color:#9ee5ff}
.scope-list details[open]{background:#e8f4ff;border-radius:12px;margin:10px -12px;padding:0 12px;border-bottom-color:transparent;box-shadow:0 8px 28px #020e2330}
.scope-list details[open] summary{color:#102f49}.scope-list details[open] summary>span{color:#08678d}.scope-list details[open] summary b{color:#075f86}
.scope-list details[open] .scope-body{color:#233f55;font-size:17px;line-height:1.8}
.scope-list details[open] .tags span{background:#fff;color:#16496c;border-color:#a8c8e1;font-weight:500;padding:6px 12px}
.services .card h3{color:#fff}.services .card p{color:#deebf6}.services .number{color:#7bdcff}.services .detail{color:#c6f1ff}
@media(max-width:680px){.business-nav b,.detail>span{width:34px;height:34px}.scope-list details[open]{margin:8px -8px;padding:0 8px}.scope-list details[open] .scope-body{font-size:16px}}
@media(prefers-reduced-motion:reduce){.ui-arrow{transition:none}.business-nav a:hover .ui-arrow,.detail:hover .ui-arrow{transform:none}}

/* Continuous cyan tracer motion, independent of scrolling. */
.business-nav:after{left:0;width:100%;transform:none!important;background:linear-gradient(90deg,transparent 0%,#41c7f280 30%,#c6f8ff 65%,transparent 100%) no-repeat;background-size:24% 100%;animation:divider-travel 6s linear infinite;box-shadow:none;filter:drop-shadow(0 0 5px #67daff)}
.location:after{left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#3cbbe9 35%,#aaf2ff 70%,transparent) no-repeat;background-size:15% 100%;animation:divider-travel 7s linear infinite;box-shadow:none;filter:drop-shadow(0 0 5px #58d7ff)}
#location:after{animation-delay:-3.5s}
.services:after{left:5%;right:5%;background:linear-gradient(90deg,transparent,#4abde5,#b6f4ff,transparent) no-repeat;background-size:30% 100%;animation:divider-travel 8s linear -2s infinite;box-shadow:none;filter:drop-shadow(0 0 6px #80e9ff)}
.services .fleet-grid .card:after,.services .fleet-grid .card.is-visible:after{left:6%;right:6%;transform:none;opacity:1;background:linear-gradient(90deg,transparent,#b5f1ff,transparent) no-repeat;background-size:35% 100%;animation:divider-travel 5s linear infinite}
.services .fleet-grid .transport:after{animation-delay:-2.5s}
@keyframes divider-travel{0%{background-position:-40% 0}100%{background-position:145% 0}}
@media(prefers-reduced-motion:reduce){.business-nav:after,.location:after,.services:after,.services .fleet-grid .card:after{animation:none!important;background-position:40% 0}}

/* Footer logo sits directly on the page background. */
footer .brand{background:transparent;padding:0;border-radius:0}


/* Angular blue planes: quiet architectural depth, without grids or ribbons. */
.site-tech-background{background:radial-gradient(ellipse at 85% 30%,#102f53,transparent 65%),linear-gradient(145deg,#050e1f,#091a2e 60%,#060f20);perspective:1100px}
.site-tech-background .kinetic-plane{position:absolute;width:48vw;height:125vh;min-width:300px;top:-15%;border:1px solid #5bbdff30;border-radius:2px;pointer-events:none;background:linear-gradient(110deg,#12365908,#22558b28 72%,#468fc228);box-shadow:inset 1px 0 0 #8fe6ff18,24px 0 70px #00000020;will-change:transform;transform-origin:center}
.plane-one{right:-22%;animation:plane-orbit 16s ease-in-out infinite alternate}
.plane-two{left:-31%;top:8%!important;height:110vh!important;width:43vw!important;opacity:.65;animation:plane-counter 21s ease-in-out -8s infinite alternate}
.plane-three{right:-31%;width:39vw!important;opacity:.38;animation:plane-orbit 24s ease-in-out -12s infinite alternate-reverse}
.kinetic-plane:after{content:'';position:absolute;left:-1px;top:0;width:2px;height:100%;background:linear-gradient(transparent,#57cfff 45%,#b0ecff 55%,transparent) no-repeat;background-size:100% 23%;animation:plane-edge-run 9s linear infinite;filter:drop-shadow(0 0 7px #50caff);opacity:.65}
.plane-two:after{animation-delay:-4s}.plane-three:after{animation-delay:-6s}
.plane-ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 55% at 75% 70%,#246cb515,transparent 80%)}
.motion-atmosphere{background:linear-gradient(125deg,#eff8ff,#d8ecfb 65%,#c6e0f5);perspective:900px}
.motion-atmosphere>div{inset:auto;filter:none;box-shadow:20px 10px 60px #214b7710}
.motion-atmosphere .atmosphere-a{right:-20%;top:-25%;width:52%;height:150%;background:linear-gradient(100deg,#7eb7df08,#8dbce33b);border-left:1px solid #ffffffb0;border-right:1px solid #5b9bcc40;animation:plane-orbit 16s ease-in-out infinite alternate}
.motion-atmosphere .atmosphere-b{right:-6%;top:-25%;width:30%;height:150%;background:linear-gradient(110deg,#f8ffff10,#ffffff60);border-left:1px solid #ffffffb5;animation:plane-counter 21s ease-in-out -8s infinite alternate}
.motion-atmosphere .atmosphere-c{right:-24%;top:-25%;width:35%;height:150%;background:linear-gradient(110deg,transparent,#81b9df30);border-left:1px solid #bfe9ff80;animation:plane-orbit 24s ease-in-out -12s infinite alternate-reverse}
.services{background:linear-gradient(140deg,#091a2edb,#08172bc9);border-color:#6ea6cf30}.services:before{background:radial-gradient(ellipse at 100% 0%,#1874b51c,transparent 65%)}
@keyframes plane-orbit{from{transform:translate3d(-15px,-22px,0) rotateZ(23deg) rotateY(-12deg)}to{transform:translate3d(24px,26px,0) rotateZ(29deg) rotateY(4deg)}}
@keyframes plane-counter{from{transform:translate3d(24px,20px,0) rotateZ(27deg) rotateY(6deg)}to{transform:translate3d(-22px,-28px,0) rotateZ(19deg) rotateY(-10deg)}}
@keyframes plane-edge-run{from{background-position:0 -35%}to{background-position:0 135%}}
@media(max-width:680px){.site-tech-background .kinetic-plane{min-width:240px}.plane-one{right:-65%}.plane-two{left:-70%}.plane-three{right:-90%}.motion-atmosphere .atmosphere-a{width:70%;right:-35%}.motion-atmosphere .atmosphere-b{width:40%;right:-15%}}
@media(prefers-reduced-motion:reduce){.site-tech-background .kinetic-plane,.kinetic-plane:after,.motion-atmosphere>div{animation:none!important;will-change:auto}.site-tech-background .kinetic-plane{transform:rotate(24deg)}.kinetic-plane:after{background-position:0 45%}}

/* HKS signature palette: electric cobalt, clear cyan, restrained logo gold. */
:root{--blue:#0868e8;--hks-cyan:#39d5ff;--hks-gold:#ffcc29}
body{background:#041533}.site-tech-background{background:radial-gradient(ellipse at 90% 20%,#084bb7 0%,transparent 62%),radial-gradient(ellipse at 8% 85%,#063d87 0%,transparent 55%),linear-gradient(140deg,#041533,#082963 60%,#041839)}
.site-tech-background .kinetic-plane{border-color:#51cfff4d;background:linear-gradient(110deg,#146dff0a,#127ef33d 72%,#33b6ef38);box-shadow:inset 1px 0 0 #99eaff2e,24px 0 70px #00133630}
.kinetic-plane:after{background-image:linear-gradient(transparent,#20caff 38%,#bdf6ff 53%,#3caaff 66%,transparent);opacity:.85;filter:drop-shadow(0 0 8px #28caff)}
.plane-ambient{background:radial-gradient(ellipse 45% 55% at 75% 70%,#087cff24,transparent 80%)}
.hero-stage,.intro{background:#ceeaff}.motion-atmosphere{background:radial-gradient(ellipse at 95% 65%,#81caff66,transparent 65%),linear-gradient(125deg,#eff9ff,#c9e8ff 62%,#8dccff)}
.motion-atmosphere .atmosphere-a{background:linear-gradient(100deg,#2e9df511,#4099f252);border-left-color:#e9fbff;border-right-color:#178bda66}
.motion-atmosphere .atmosphere-b{background:linear-gradient(110deg,#ecfbff10,#b0eaff75);border-left-color:#f4ffff}
.motion-atmosphere .atmosphere-c{background:linear-gradient(110deg,transparent,#328fff47);border-left-color:#95deff}
.hero-content h1{color:#063d87}.hero-tagline{color:#164a80}.hero-services{color:#234e77}
.explore-link{background:#075ed5;box-shadow:0 8px 28px #006af433}.explore-link:hover{background:#0878f5;box-shadow:0 12px 30px #007cff44}
.hero-content .eyebrow:before{content:'';display:inline-block;width:18px;height:3px;background:var(--hks-gold);margin-right:12px;vertical-align:middle}
.services{background:linear-gradient(140deg,#061f4ae6,#08295acb);border-color:#44b6ff4d}.services:before{background:radial-gradient(ellipse at 100% 0%,#1589ff29,transparent 65%)}
.services .card,.services .featured{background-color:#0b2c57;border-color:#408fd452}.services .card:not(.photo-card){background-image:radial-gradient(450px circle at var(--pointer-x,80%) var(--pointer-y,0%),#168fff38,transparent 70%)}
.services .fleet-grid .card{background-color:#0b3161}.services .fleet-grid .transport{background-color:#083953}.services .card:hover,.services .card:focus-within{border-color:#4bdcffb3;box-shadow:0 14px 50px #001c3e44,inset 0 1px 0 #89e8ff35}
.services .orange,.scope .orange,.location .orange{color:var(--hks-gold)}
.services .number{color:#76e2ff}.services .card h3{color:#fff}.services .card p{color:#e1efff}.business-nav a:first-child strong{color:#b5eeff}
.scope-list{background:#07274e;border-color:#3484be}.scope-list summary>span{color:#65dcff}.scope-list details[open]{background:#e8f5ff}.scope-list details[open] summary{color:#083970}.scope-list details[open] .scope-body{color:#23415c}.scope-list details[open] .tags span{color:#0c4c84}
.business-nav:after{background-image:linear-gradient(90deg,transparent 0%,#16c4ff 30%,#cff8ff 65%,transparent 100%)}
.location:after{background-image:linear-gradient(90deg,transparent,#1ac8ff 35%,#c2f8ff 70%,transparent)}
header,header .brand span,header nav a,header nav a:hover,header nav a:focus-visible{color:#000}

/* Calm hero; prominent continuous light motion on the five core services. */
.intro .motion-atmosphere{background:linear-gradient(125deg,#eff9ff,#c9e8ff 62%,#8dccff)}
.intro .architectural-line{animation:none;transform:none;background:#6da6d044}
.services>.grid>.card{isolation:isolate}
.services>.grid>.card:before{content:'';position:absolute;inset:0;z-index:3;border-radius:inherit;padding:2px;pointer-events:none;background:linear-gradient(110deg,transparent 5%,#2cbaff 25%,#c5fbff 42%,#4be1ff 50%,transparent 68%) 0% 0% / 300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:service-light-circuit 3.8s linear infinite}
.services>.grid>.card:nth-child(2):before{animation-delay:-.8s}.services>.grid>.card:nth-child(3):before{animation-delay:-1.6s}.services>.grid>.card:nth-child(4):before{animation-delay:-2.4s}.services>.grid>.card:nth-child(5):before{animation-delay:-3.2s}
.services>.grid>.card .number{position:relative;display:block;width:100%;padding-bottom:14px}
.services>.grid>.card .number:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#32c9ff 30%,#ddffff 65%,transparent) no-repeat;background-size:30% 100%;animation:divider-travel 2.8s linear infinite;filter:drop-shadow(0 0 4px #23cfff)}
.services>.grid>.card:nth-child(even) .number:after{animation-delay:-1.4s}
@keyframes service-light-circuit{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}100%{background-position:0% 0%}}
@media(prefers-reduced-motion:reduce){.services>.grid>.card:before,.services>.grid>.card .number:after{animation:none!important;background-position:50% 50%}}

/* Match the other-service boxes to the core-service flowing border treatment. */
.services .fleet-grid>.card:before{content:'';position:absolute;inset:0;z-index:3;border-radius:inherit;padding:2px;pointer-events:none;background:linear-gradient(110deg,transparent 5%,#2cbaff 25%,#c5fbff 42%,#4be1ff 50%,transparent 68%) 0% 0% / 300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:service-light-circuit 3.8s linear infinite}
.services .fleet-grid>.card:nth-child(2):before{animation-delay:-1.9s}
.services .fleet-grid>.card .number{position:relative;display:block;width:100%;padding-bottom:14px}
.services .fleet-grid>.card .number:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#32c9ff 30%,#ddffff 65%,transparent) no-repeat;background-size:30% 100%;animation:divider-travel 2.8s linear infinite;filter:drop-shadow(0 0 4px #23cfff)}
.services .fleet-grid>.card:nth-child(2) .number:after{animation-delay:-1.4s}
@media(prefers-reduced-motion:reduce){.services .fleet-grid>.card:before,.services .fleet-grid>.card .number:after{animation:none!important;background-position:50% 50%}}

/* 360-degree machinery showroom */
.machine-showroom{margin:80px 3% 0;padding:74px 4.2%;display:grid;grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);gap:54px;color:#eaf7ff;background:linear-gradient(140deg,#06162d,#062a58 62%,#073b63);border:1px solid #55c8ff46;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 28px 90px #00173332}
.machine-showroom:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 90% 4%,#00bdeb24,transparent 75%),linear-gradient(#83dfff0a 1px,transparent 1px),linear-gradient(90deg,#83dfff0a 1px,transparent 1px);background-size:auto,54px 54px,54px 54px}
.showroom-copy,.showroom-stage{position:relative;z-index:1}.showroom-copy .eyebrow{color:#77dcff}.showroom-copy h2{font-size:clamp(43px,5vw,78px);line-height:.95;margin:23px 0 26px;letter-spacing:-.055em}.showroom-copy>p{color:#b6cde1;max-width:390px}.showroom-fleet{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.showroom-fleet span{font-size:12px;color:#c9ebff;border:1px solid #70cffd42;background:#72cff70a;padding:6px 10px}
.showroom-stage{min-width:0}.showroom-topline{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:13px}.showroom-topline div{display:flex;flex-direction:column}.showroom-topline small,.showroom-actions small{font-size:10px;letter-spacing:1.5px;color:#7ddcff}.showroom-topline strong{font:600 clamp(22px,2.8vw,38px) Manrope,Arial,sans-serif}.showroom-topline>span{font-size:10px;letter-spacing:1.2px;color:#9abbd3}.showroom-topline i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ffc928;box-shadow:0 0 12px #ffc928;margin-right:8px}
.machine-viewer{position:relative;aspect-ratio:2/1;min-height:340px;overflow:hidden;background:#061a32;cursor:ew-resize;touch-action:pan-y;user-select:none;outline:none;border:1px solid #72d9ff3b}.machine-viewer:focus-visible{box-shadow:0 0 0 2px #64dfff}.machine-sprite{position:absolute;inset:0;background:url('machinery-360-sprite.png') 0 0/400% 200% no-repeat;filter:saturate(1.04) contrast(1.03)}.machine-scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 50%,#00c8f407 50%);background-size:100% 4px}.machine-angle{position:absolute;right:20px;top:16px;display:flex;align-items:end;gap:7px}.machine-angle strong{font:600 24px Manrope;color:#9ee7ff}.machine-angle small{font-size:9px;letter-spacing:1.4px;color:#789bb7;margin-bottom:5px}.machine-drag{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;background:#031528c9;border:1px solid #85e4ff45;backdrop-filter:blur(10px);padding:8px 13px}.machine-drag>b{font-size:19px;color:#00c8f4}.machine-drag span{display:flex;flex-direction:column}.machine-drag strong{font-size:10px;letter-spacing:1.3px}.machine-drag small{font-size:9px;color:#88a8c2}
.machine-angle-buttons{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:7px}.machine-angle-buttons button{border:1px solid #69cfff29;background:#0b3158;color:#84a8c4;padding:9px 3px;font:600 11px Manrope}.machine-angle-buttons button:hover,.machine-angle-buttons button.active{color:#fff;border-color:#34d3ff;background:linear-gradient(180deg,#00c8f42e,#0868d72b);box-shadow:0 0 18px #00c8f421}.showroom-actions{display:grid;grid-template-columns:1fr 270px;gap:14px;margin-top:17px}.showroom-actions>div{border:1px solid #63cfff2c;padding:13px 16px;display:flex;flex-direction:column}.showroom-actions>div>strong{font-size:13px;margin-top:3px}.showroom-whatsapp{border:0;color:#fff;background:linear-gradient(105deg,#0868d7,#00bdeb);display:flex;align-items:center;justify-content:space-between;text-align:left;padding:12px 15px;transition:transform .25s,box-shadow .25s}.showroom-whatsapp:hover{transform:translateY(-2px);box-shadow:0 13px 35px #00aeea35}.showroom-whatsapp span{display:flex;flex-direction:column;font-weight:700}.showroom-whatsapp small{color:#d9f8ff}.showroom-whatsapp b{font-size:20px}.showroom-note{font-size:11px;color:#6e93b1;margin-top:10px}
@media(max-width:980px){.machine-showroom{grid-template-columns:1fr}.showroom-copy>p{max-width:650px}.showroom-fleet{margin-top:22px}.machine-viewer{min-height:0}}
@media(max-width:680px){.machine-showroom{margin:36px 0 0;padding:54px 6%;border-radius:20px 20px 0 0;gap:35px}.showroom-copy h2{font-size:50px}.showroom-topline>span{display:none}.machine-viewer{aspect-ratio:1.17}.machine-angle-buttons{grid-template-columns:repeat(4,1fr)}.showroom-actions{grid-template-columns:1fr}.machine-drag{bottom:9px}.showroom-note{line-height:1.5}}
@media(prefers-reduced-motion:reduce){.machine-sprite{transition:none}}