@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1d30;--ink:#eff7fa;--muted:#afc3d1;--blue:#78d9f1;--border:#2a4055}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--navy);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1190px,calc(100% - 56px));margin:auto}.sample-bar{text-align:center;padding:10px 16px;background:#dfeef1;color:#304f62;font-size:10px;letter-spacing:.6px}.nav{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--border)}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:16px;letter-spacing:.5px;line-height:1.1}.brand small{display:block;font-weight:500;font-size:10px;letter-spacing:4px;color:var(--blue);margin-top:6px}.brand-mark{color:var(--blue);font-size:41px}nav{display:flex;align-items:center;gap:30px;font-size:12px}.nav-call{padding:13px 18px;border:1px solid #597183;border-radius:30px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:75px 0 65px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--blue);line-height:1.8}.eyebrow span{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:6px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.6vw,76px);letter-spacing:-3.5px;font-weight:600;line-height:1.05;margin:24px 0}em{font-style:normal;color:var(--blue)}.intro{font-size:15px;line-height:1.85;max-width:440px;color:var(--muted)}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;padding:16px 23px;min-height:52px;border-radius:30px;font-size:12px;font-weight:800;transition:transform .2s}.button:hover{transform:translateY(-2px)}.blue{background:var(--blue);color:#10283b}.text-link{font-size:13px;padding:8px 0;border-bottom:1px solid #668294}.hero-foot{display:flex;gap:24px;margin-top:60px;color:#7d9bb0;font-size:9px;letter-spacing:1px}.scene-card{border-radius:16px;overflow:hidden;background:#e5f0f3;color:#214a60}.scene-top,.scene-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;font-size:9px;font-weight:700;letter-spacing:1px}.scene-top button{cursor:pointer;font-size:10px;color:#285368;letter-spacing:0;background:#fff;border:1px solid #b7cfd9;border-radius:20px;padding:8px 11px}.crane-scene{display:block;width:100%;height:auto;overflow:hidden}.scene-bottom{background:#d5e7ed}.live-dot{width:7px;height:7px;background:#15799e;border-radius:50%}.service-band{background:#142b40;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:24px 0}.service-band .wrap{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:11px;letter-spacing:2px}.service-band b{color:var(--blue);font-size:20px}.section{padding:85px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px}h2{font-size:clamp(34px,4.4vw,55px);line-height:1.12;letter-spacing:-2px;font-weight:600;margin-bottom:0}.section-head>p{color:var(--muted);font-size:13px;line-height:1.8;max-width:325px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service{padding:25px 21px;color:var(--ink);background:#13293d;border:1px solid var(--border);border-radius:10px;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.service.active{background:#173a4c;border-color:var(--blue)}.service>span{display:flex;justify-content:space-between;color:var(--blue);font-size:10px;margin-bottom:42px}.service b{font-size:30px}.service h3{font-size:18px;letter-spacing:-.5px;margin-bottom:13px}.service p{color:var(--muted);font-size:12px;line-height:1.8;min-height:85px}.service small{font-size:9px;color:var(--blue);letter-spacing:1px}.service-response{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0 0}.service-response p{font-size:12px;color:var(--muted);margin:0}.service-response strong{color:#fff}.connect-section{background:#e5eef0;color:#173247}.connect-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.connect-section .eyebrow{color:#257392}.connect-section em{color:#237c9d}.connect-layout>div>p:last-child{color:#57717d;font-size:13px;line-height:1.9;max-width:350px;margin-top:25px}.social-list{display:flex;flex-direction:column;gap:11px}.social-list>a{display:flex;align-items:center;gap:15px;padding:17px 21px;background:#fff;border-radius:10px;border:1px solid #cbdbdf;transition:transform .2s}.social-list>a[hidden]{display:none}.social-icon{display:flex;justify-content:center;align-items:center;background:#e9f3f7;border-radius:8px;width:40px;height:40px;font-size:24px;font-weight:800;color:#226583;flex-shrink:0}.social-list b{display:block;font-size:13px}.social-list small{display:block;font-size:10px;color:#657f8a;margin-top:4px;overflow-wrap:anywhere}.social-list strong{margin-left:auto;color:#257c9a;font-size:23px}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:85px;align-items:center}.contact-layout>div>p:not(.eyebrow){font-size:13px;line-height:1.85;color:var(--muted);max-width:400px;margin-top:24px}.phone{display:block;font-size:26px;color:var(--blue);letter-spacing:-1px;margin-top:28px}.contact-box{background:#142b40;border:1px solid var(--border);padding:33px;border-radius:15px}.contact-box h3{font-size:24px;letter-spacing:-.8px}.contact-box p{font-size:13px;line-height:1.8;color:var(--muted)}.contact-box .button{width:100%;margin-top:12px}.outline{border:1px solid #648298}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:30px;padding:30px 0 40px;font-size:10px}footer p{color:#8fa9bb;margin:10px 0;line-height:1.7}footer>div:last-child{display:flex;flex-direction:column;gap:10px}footer span{color:#8fa9bb}footer a{color:var(--blue)}:focus-visible{outline:3px solid #f2ad55;outline-offset:5px}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:enter .8s ease-out}.scene-card{animation:enter .9s ease-out}.hanging{transform-origin:365px 110px;animation:sway 8s ease-in-out infinite}.cable{transform-box:fill-box;transform-origin:top center;animation:cable-lift 10s ease-in-out infinite}.payload{animation:payload-lift 10s ease-in-out infinite}.reveal{animation:enter .7s ease-out}.service.active b{animation:turn-in .4s ease-out}}
.motion-paused .hanging,.motion-paused .cable,.motion-paused .payload{animation-play-state:paused!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.service:hover,.social-list>a:hover{transform:translateY(-3px)}}
@keyframes sway{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}@keyframes cable-lift{0%,100%{transform:scaleY(1)}40%,60%{transform:scaleY(.6)}}@keyframes payload-lift{0%,100%{transform:translateY(0)}40%,60%{transform:translateY(-60px)}}@keyframes enter{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes turn-in{from{transform:rotate(-25deg)}to{transform:rotate(0)}}
@media(max-width:950px){.hero{gap:30px}.services{grid-template-columns:repeat(2,1fr)}.service p{min-height:50px}.connect-layout,.contact-layout{gap:40px}.hero-foot{gap:14px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.sample-bar{font-size:9px;line-height:1.5}.nav{padding:17px 0}.brand{font-size:12px;gap:8px}.brand small{font-size:8px;letter-spacing:3px}.brand-mark{font-size:34px}nav>a:not(.nav-call){display:none}.nav-call{padding:11px 13px;font-size:10px}.hero{grid-template-columns:1fr;padding:38px 0 45px;gap:35px}h1{font-size:56px;letter-spacing:-2.8px;margin:21px 0}.intro{font-size:14px}.eyebrow{font-size:9px;letter-spacing:1px}.hero-foot{margin-top:32px}.scene-top,.scene-bottom{padding:16px;font-size:8px}.scene-top button{font-size:9px}.service-band{padding:19px 0}.service-band .wrap{flex-wrap:wrap;justify-content:center;gap:12px;font-size:9px;letter-spacing:1px}.service-band b{font-size:14px}.section{padding:50px 0}.section-head{display:block}.section-head>p{margin-top:22px;max-width:none}h2{font-size:37px;letter-spacing:-1.5px}.services{gap:10px}.service{padding:20px 15px}.service>span{margin-bottom:24px}.service h3{font-size:16px}.service p{font-size:11px;min-height:77px}.service small{font-size:8px;letter-spacing:.4px}.service-response{align-items:stretch;flex-direction:column;gap:18px}.connect-layout,.contact-layout{grid-template-columns:1fr;gap:30px}.social-list>a{padding:15px}.contact-box{padding:25px}footer{flex-direction:column}.phone{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}