@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{--navy:#050d19;--navy2:#08182b;--blue:#068df9;--cyan:#4bc5ff;--ink:#111f30;--muted:#627184;--white:#fff;--line:rgba(77,184,255,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f8fc;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(3.2rem,6.6vw,6.8rem);font-weight:800}h2{font-size:clamp(2.35rem,4.2vw,4.2rem);font-weight:800}h3{font-size:1.25rem}h2 span{color:var(--blue)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #4bc5ff;outline-offset:4px}.container{width:min(1200px,calc(100% - 56px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:12px;background:white;color:black;z-index:200;padding:10px}.skip-link:focus{top:10px}.site-shell{overflow:hidden}.progress-line{position:fixed;z-index:120;top:0;left:0;height:3px;background:linear-gradient(90deg,#067bff,#73e4ff);width:0;box-shadow:0 0 16px #098bff}.site-header{height:90px;position:fixed;inset:0 0 auto;z-index:100;background:rgba(3,12,25,.78);border-bottom:1px solid rgba(129,205,255,.13);backdrop-filter:blur(20px);transition:background .3s,height .3s}.site-header.scrolled{height:74px;background:rgba(3,12,25,.95)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:22px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:#fff}.brand img{object-fit:contain;filter:drop-shadow(0 0 9px rgba(0,145,255,.35))}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font:800 1.7rem Manrope;letter-spacing:-.075em}.brand-copy strong span{color:#1eafff}.brand-copy small{font:700 .54rem Manrope;letter-spacing:.15em;margin-top:6px;color:#c9d8ea}.primary-nav{display:flex;align-items:center;gap:27px}.primary-nav>a:not(.btn){color:#e0ebf8;font-size:.83rem;font-weight:700;position:relative;white-space:nowrap;transition:color .2s}.primary-nav>a:not(.btn):hover,.primary-nav>a[aria-current=page]{color:#5bc5ff}.primary-nav>a[aria-current=page]:after{content:'';position:absolute;bottom:-14px;left:0;right:0;height:2px;background:var(--blue);box-shadow:0 0 12px var(--blue)}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 23px;border-radius:7px;font-weight:800;font-size:.83rem;letter-spacing:.005em;transition:transform .25s,box-shadow .25s,background .25s;position:relative;overflow:hidden}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(115deg,#0067e7,#0aafff);color:#fff;box-shadow:0 9px 25px rgba(0,122,255,.25)}.btn-primary:hover{box-shadow:0 12px 34px rgba(0,147,255,.5)}.btn-outline{color:white;border-color:rgba(255,255,255,.48);background:rgba(255,255,255,.045)}.btn-outline:hover{background:rgba(0,137,255,.15);border-color:#40b9ff}.btn-dark{background:#071b31;color:#fff}.btn-white{background:#fff;color:#062c4e}.nav-cta{font-size:.72rem;padding:13px 16px}.menu-toggle{display:none}.hero{position:relative;min-height:740px;display:flex;align-items:center;background:#031020;color:#fff;isolation:isolate;padding:140px 0 100px}.hero-image,.inner-hero-image{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-3}.hero-image{animation:heroPan 22s ease-in-out infinite alternate}.hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,10,23,.97) 0%,rgba(2,13,29,.90) 36%,rgba(3,18,39,.44) 75%,rgba(1,11,23,.6)),linear-gradient(0deg,#041324,transparent 40%)}.tech-grid{position:absolute;inset:0;pointer-events:none;opacity:.26;background-image:linear-gradient(rgba(57,161,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(57,161,255,.13) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,black,transparent 85%);animation:gridDrift 24s linear infinite}.glow-orb{position:absolute;pointer-events:none;border-radius:50%;filter:blur(75px);opacity:.3}.orb-a{width:320px;height:320px;background:#0079ff;right:10%;top:18%;animation:float 9s ease-in-out infinite}.orb-b{width:160px;height:160px;background:#00c3ff;left:-90px;bottom:20%;animation:float 11s ease-in-out infinite reverse}.hero-content{position:relative;z-index:2}.eyebrow,.section-label{font-size:.7rem;letter-spacing:.21em;font-weight:800;color:#22b7ff;margin-bottom:26px}.eyebrow{display:flex;align-items:center;gap:12px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#42d2ff;box-shadow:0 0 0 5px rgba(65,204,255,.13);animation:pulse 2s infinite}.hero h1{max-width:880px;margin-bottom:24px}.hero h1 em,.inner-hero h1 em,.cta-banner em{font-style:normal;background:linear-gradient(90deg,#0c91ff,#7cdeff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:1.08rem;max-width:620px;color:#cad8e7;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.hero-meta{display:flex;gap:30px;flex-wrap:wrap;margin-top:68px;font-size:.8rem;font-weight:700;color:#c6d7e9}.hero-meta span{display:flex;gap:10px;align-items:center}.hero-meta i{color:#39b8ff;font-style:normal;font-size:1.25rem}.hero-side-label{position:absolute;right:20px;bottom:60px;writing-mode:vertical-rl;font-size:.65rem;letter-spacing:.25em;color:#91b8d5}.metrics-band{background:#06182c;border-block:1px solid rgba(71,160,239,.24);color:white}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric{display:flex;gap:16px;padding:26px 18px;border-right:1px solid rgba(90,170,235,.2)}.metric:last-child{border:0}.metric-icon{font-size:2rem;color:#17aaff}.metric strong,.metric small{display:block}.metric strong{font:800 .9rem Manrope}.metric small{color:#9fb5cb;font-size:.73rem;margin-top:5px}.section{padding:110px 0}.section-light{background:#f6f9fc}.section-dark{background:#061321;color:#fff;position:relative}.split-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.intro-copy p,.statement-grid p{color:#586b7e;font-size:1rem;line-height:1.9;max-width:560px}.intro-copy h2{margin-bottom:28px}.intro-visual{position:relative}.intro-visual img{width:100%;height:390px;object-fit:cover;border-radius:8px;box-shadow:0 25px 60px rgba(6,28,50,.13)}.visual-corner{position:absolute;right:-15px;bottom:-15px;padding:17px 22px;background:#007cf2;color:#fff;font-weight:800;font-size:.7rem;letter-spacing:.08em;box-shadow:0 10px 30px #036fc450}.visual-corner b{color:#7fe7ff}.text-link{display:inline-flex;gap:28px;align-items:center;font-size:.87rem;font-weight:800;color:#007ff1;margin-top:20px}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(4px,-4px)}.text-link.light{color:#5ac5ff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}.section-heading h2{margin-bottom:0}.section-heading h2 span,.section-dark h2 span{color:#2cbbff}.section-heading p{max-width:440px;color:#627184}.blueprint-pattern{position:absolute;inset:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(135deg,transparent 0 65px,#0b85d8 66px,transparent 67px)}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{display:block;min-height:330px;padding:34px 30px;background:linear-gradient(145deg,#0b2540,#071626 75%);border:1px solid rgba(37,156,255,.28);border-radius:9px;position:relative;transition:transform .3s,border-color .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-9px);border-color:#35b8ff;box-shadow:0 20px 60px rgba(0,105,255,.18)}.card-index,.product-type{font-size:.66rem;letter-spacing:.17em;font-weight:800;color:#52c5ff}.card-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(44,176,255,.5);border-radius:13px;font-size:2rem;color:#3bbfff;margin:35px 0 24px;background:rgba(2,146,255,.08)}.feature-card h3{font-size:1.28rem}.feature-card p{font-size:.87rem;color:#a7bed1}.card-arrow{position:absolute;right:26px;bottom:24px;color:#49bfff;font-size:1.4rem}.statement-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:80px}.statement-grid .btn{margin-top:20px}.statement-image{position:relative}.statement-image img{height:440px;width:100%;object-fit:cover;border-radius:9px}.image-caption{position:absolute;bottom:24px;left:25px;background:#031a30db;color:#fff;padding:14px 18px;font-size:.7rem;letter-spacing:.1em;font-weight:800}.cta-banner{position:relative;background:linear-gradient(115deg,#003c8a,#006ff0 65%,#064ca3);color:white;padding:74px 0;overflow:hidden}.cta-banner:before{content:'';position:absolute;inset:-50%;background:repeating-linear-gradient(135deg,transparent 0 90px,rgba(255,255,255,.07) 91px,transparent 92px);animation:gridDrift 22s linear infinite}.cta-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{font-size:clamp(2rem,3.5vw,3.6rem);margin-bottom:10px}.cta-inner em{color:#d1f3ff;background:none;-webkit-text-fill-color:#d1f3ff}.cta-inner p{color:#d3eaff;margin-bottom:0}.cta-banner .section-label{color:#b5e6ff}.site-footer{background:#04101e;color:#b2c2d3;padding:80px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:70px}.footer-grid p{max-width:360px;font-size:.86rem}.footer-grid h3{font-size:.9rem;color:white;letter-spacing:.08em;margin:8px 0 24px}.footer-grid>div>a:not(.brand){display:block;font-size:.86rem;margin-bottom:13px;overflow-wrap:anywhere}.footer-grid a:hover{color:#44bdff}.footer-brand{margin-bottom:20px}.footer-badges{display:flex;gap:8px;flex-wrap:wrap}.footer-badges span{font-size:.68rem;padding:7px 11px;border:1px solid #24415b;border-radius:5px}.footer-bottom{margin-top:65px;padding:25px 0;border-top:1px solid #20344b;display:flex;justify-content:space-between;gap:20px;font-size:.73rem}.inner-hero{position:relative;min-height:490px;background:linear-gradient(115deg,#031020,#082d55);color:white;display:flex;align-items:center;isolation:isolate;padding:160px 0 75px}.inner-hero-image{opacity:.3}.inner-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#031020 5%,rgba(3,16,32,.8) 50%,rgba(3,16,32,.25));z-index:-2}.inner-hero .tech-grid{z-index:-1}.inner-hero-content{position:relative}.inner-hero h1{font-size:clamp(3rem,5.3vw,5.5rem);margin-bottom:20px}.inner-hero p{max-width:660px;color:#c4d8eb;font-size:1.05rem}.industry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:42px}.industry-tile{min-height:360px;background-size:cover;background-position:center;border-radius:8px;position:relative;display:flex;align-items:end;overflow:hidden}.industry-tile:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#04182ff2,transparent)}.industry-tile>div{position:relative;color:#fff;padding:35px}.industry-tile small{color:#5ecbff}.industry-tile h3{font-size:2rem;margin:8px 0}.industry-tile p{max-width:330px;color:#d2dfeb}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.product-card{background:white;border:1px solid #e0eaf2;border-radius:10px;overflow:hidden;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-7px);box-shadow:0 24px 45px #061f3d18}.product-image{height:205px;background:#e6edf3;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover img{transform:scale(1.055)}.product-body{padding:26px}.product-type{color:#087dd9}.product-body h3{margin:13px 0}.product-body p{font-size:.85rem;color:#667587;min-height:85px}.product-body .text-link{font-size:.76rem}.section-dark .intro-copy p{color:#a5bdd2}.service-list{margin:28px 0}.service-list div{border-top:1px solid #24445f;padding:15px 0}.service-list b,.service-list span{display:block}.service-list b{color:#fff}.service-list span{color:#a8c0d3;font-size:.83rem}.brochure-note{display:flex;justify-content:space-between;align-items:center;gap:35px}.brochure-note p{color:#627184}.brochure-note small{color:#7a8899;display:block;max-width:640px}.gallery-intro{display:flex;justify-content:space-between;gap:60px;align-items:end}.gallery-intro p{max-width:470px;color:#64778b}.gallery-filters{display:flex;gap:10px;flex-wrap:wrap;margin:36px 0 24px}.filter-btn{background:#e9f1f8;border:1px solid #d4e4f1;color:#31506b;padding:10px 20px;border-radius:5px;font-size:.8rem;font-weight:800;transition:.25s}.filter-btn.active,.filter-btn:hover{background:#007be9;color:#fff;border-color:#007be9}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-item{border:0;background:#081b31;padding:0;position:relative;overflow:hidden;border-radius:8px;aspect-ratio:1.4}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-item:hover img{transform:scale(1.07)}.gallery-overlay{position:absolute;inset:auto 0 0;background:linear-gradient(0deg,#021122f2,transparent);color:white;padding:45px 18px 18px;display:flex;justify-content:space-between;align-items:end;text-align:left}.gallery-overlay b{font-size:.85rem}.gallery-overlay i{font-style:normal;font-size:1.5rem;color:#42bdff}.gallery-disclaimer{font-size:.77rem;color:#687b8d;margin-top:25px}.lightbox{position:fixed;z-index:300;inset:0;background:#020b15ed;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:55px 25px;color:white}.lightbox[hidden]{display:none}.lightbox img{max-height:78vh;max-width:min(100%,1200px);object-fit:contain}.lightbox p{margin-top:12px}.lightbox-close{position:absolute;right:28px;top:15px;background:none;border:0;color:white;font-size:3rem}.contact-hero{min-height:410px}.contact-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:90px}.contact-info>p{color:#627184}.contact-person{display:flex;gap:20px;border-bottom:1px solid #dce7ef;padding:25px 0}.contact-person>div{display:flex;flex-direction:column;gap:3px}.contact-person b{font-size:.95rem}.contact-person a,.contact-person span:not(.contact-symbol){font-size:.85rem;color:#5d7083}.contact-person a:hover{color:#007af3}.contact-symbol{display:grid;place-items:center;background:#e6f4ff;color:#007de9;border-radius:50%;height:44px;width:44px;flex-shrink:0;font-size:1.4rem}.contact-form-wrap{background:white;padding:38px;border:1px solid #e0eaf3;box-shadow:0 25px 65px #0a294016;border-radius:12px}.form-header h3{font-size:1.8rem}.contact-form-wrap label{display:block;font-size:.78rem;font-weight:800;color:#1b2e43;margin-bottom:20px}.contact-form-wrap input,.contact-form-wrap textarea{display:block;width:100%;margin-top:9px;padding:13px 14px;border:1px solid #d5e1ec;border-radius:6px;background:#f5f8fc;color:#14273a;outline:0;transition:border .2s,box-shadow .2s}.contact-form-wrap input:focus,.contact-form-wrap textarea:focus{border-color:#079bff;box-shadow:0 0 0 3px #089fff18}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-submit{width:100%}.contact-form-wrap small{display:block;color:#718093;margin-top:14px}.honeypot{position:absolute;left:-9999px}.form-notice{background:#fff0e7;color:#8d3600;padding:12px;margin-bottom:18px}.form-notice.success{background:#e6f9ee;color:#14613b}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes heroPan{from{transform:scale(1)}to{transform:scale(1.09)}}@keyframes gridDrift{to{background-position:128px 128px}}@keyframes float{50%{transform:translate(20px,-30px)}}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(65,204,255,0)}}@media(max-width:1100px){.primary-nav{gap:15px}.nav-cta{display:none}.container{width:min(100% - 40px,1200px)}.split-intro,.statement-grid{gap:40px}}@media(max-width:800px){.site-header{height:74px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px}.menu-toggle span{width:25px;height:2px;background:white}.primary-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#061629;padding:24px;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid #24415e}.primary-nav.open{display:flex}.nav-cta{display:inline-flex}.primary-nav>a[aria-current=page]:after{bottom:-6px}.hero{min-height:660px}.hero-side-label{display:none}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border:0}.split-intro,.statement-grid,.contact-layout{grid-template-columns:1fr}.intro-visual img{height:330px}.feature-cards,.product-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.gallery-intro,.brochure-note{display:block}.section{padding:75px 0}}@media(max-width:560px){.container{width:calc(100% - 32px)}.brand-copy strong{font-size:1.4rem}.brand img{width:44px;height:44px}.hero{min-height:680px;padding:120px 0 65px}.hero h1{font-size:clamp(2.7rem,11vw,4rem)}.hero-sub{font-size:.96rem}.hero-meta{gap:15px;margin-top:45px}.hero-meta span{font-size:.7rem}.hero-actions .btn{width:100%}.metrics-grid{grid-template-columns:1fr 1fr}.metric{padding:18px 10px;gap:8px}.metric-icon{font-size:1.4rem}.metric strong{font-size:.75rem}.metric small{font-size:.65rem}.section{padding:64px 0}.feature-cards,.product-grid,.gallery-grid,.industry-grid,.field-row{grid-template-columns:1fr}.feature-card{min-height:275px}.section-heading{display:block}.section-heading .text-link{margin-top:25px}.intro-visual img{height:260px}.visual-corner{right:0}.statement-image img{height:280px}.cta-inner{display:block}.cta-inner .btn{margin-top:24px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.inner-hero{min-height:420px;padding:130px 0 60px}.inner-hero h1{font-size:2.7rem}.contact-form-wrap{padding:24px}.contact-layout{gap:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* BeltIntel client logo — clear on dark backgrounds */
.brand img{width:70px;height:70px;object-fit:contain;background:#fff;border-radius:14px;padding:5px;box-shadow:0 0 0 1px rgba(63,177,255,.35),0 0 22px rgba(0,128,255,.14);flex-shrink:0}
.footer-brand img{width:110px;height:94px;object-fit:contain;padding:8px;background:#fff;border-radius:12px;box-shadow:0 0 0 1px rgba(79,182,255,.4),0 0 30px rgba(0,125,255,.15)}
.footer-brand{align-items:center;gap:18px}.footer-brand .brand-copy strong{font-size:1.7rem}
@media(max-width:560px){.brand img{width:54px;height:54px}.footer-brand img{width:95px;height:84px}.footer-brand .brand-copy strong{font-size:1.5rem}}
/* Interactive keyboard focus visibility */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #60caff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}


/* ===== BeltIntel motion design v2.0 ===== */
:root{--ease-cinematic:cubic-bezier(.16,1,.3,1);--ease-snap:cubic-bezier(.22,.75,.24,1)}
.hero-home{isolation:isolate;overflow:hidden}
.hero-home .hero-image{transform:translate3d(0,calc(var(--hero-depth,0px)*.38),0) scale(1.12)!important;animation:heroArrival 2.2s var(--ease-cinematic) both!important;will-change:transform}
.hero-home .hero-overlay{background:linear-gradient(90deg,rgba(2,9,20,.96) 0%,rgba(3,15,32,.88) 40%,rgba(3,17,36,.4) 75%,rgba(3,13,26,.62) 100%)}
.hero-home .hero-content{z-index:4;position:relative}
.hero-home h1{max-width:850px;letter-spacing:-.064em;text-wrap:balance}
.hero-home .hero-sub{max-width:660px}
.hero-home .hero-content .reveal{transition-duration:1.05s;transition-timing-function:var(--ease-cinematic);transition-delay:var(--reveal-delay,0ms)}
.hero-home .eyebrow{letter-spacing:.18em}
.hero-scan{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;opacity:.68;mask-image:linear-gradient(90deg,transparent 38%,#000 70%)}
.scan-line{position:absolute;left:35%;right:0;top:-25%;height:2px;background:linear-gradient(90deg,transparent,#36c9ff,transparent);box-shadow:0 0 24px 3px #00adff,0 0 95px 24px #0289ff4f;animation:verticalScan 8s ease-in-out infinite}
.scan-cross{position:absolute;width:44px;height:44px;border:1px solid #3ac9ff80;box-shadow:0 0 30px #00b9ff29;animation:targetPulse 4s ease-in-out infinite}
.scan-cross:before,.scan-cross:after{content:'';position:absolute;background:#4acbff;opacity:.8}.scan-cross:before{width:1px;height:66px;left:21px;top:-12px}.scan-cross:after{height:1px;width:66px;top:21px;left:-12px}
.cross-one{top:27%;right:15%}.cross-two{top:62%;right:36%;animation-delay:1.8s;transform:scale(.7)}
.hero-interface{position:absolute;z-index:3;right:max(4%,calc((100vw - 1300px)/2));top:34%;width:clamp(235px,25vw,345px);padding:18px 19px 12px;background:linear-gradient(135deg,rgba(5,28,55,.68),rgba(1,12,26,.82));border:1px solid rgba(88,207,255,.4);box-shadow:0 0 70px #008cff20,inset 0 0 32px #087cc018;backdrop-filter:blur(14px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));transform:translate3d(0,var(--hero-hud-depth,0px),0);animation:hudArrive 1.3s .8s var(--ease-cinematic) both;pointer-events:none}
.hero-interface:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(54,205,255,.13) 48%,transparent 65%);background-size:250% 100%;animation:hudSheen 7s linear infinite}
.interface-top,.interface-bottom{display:flex;align-items:center;gap:8px;font:700 9px/1.4 monospace;letter-spacing:.09em;color:#b5e9ff}.interface-index{margin-left:auto;color:#56b5e6}.live-pip{width:7px;height:7px;border-radius:50%;background:#6ee7ff;box-shadow:0 0 0 4px #6ee7ff20,0 0 13px #6ee7ff;animation:targetPulse 2s infinite}
.interface-belt{position:relative;height:106px;margin:14px 0;border:1px solid #25698b70;background:repeating-linear-gradient(0deg,transparent 0 18px,#54bfff16 19px 20px),linear-gradient(90deg,#041e37,#0b3352,#041e37);overflow:hidden;transform:skewY(-4deg)}
.belt-track{position:absolute;left:0;right:0;top:25px;height:1px;background:#3bd3ff88;box-shadow:0 0 9px #12b9ff}.belt-track.second{top:78px}.belt-glide{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 32px,#62cfff40 33px 35px,transparent 36px 58px);animation:beltTravel 2.4s linear infinite}.sensor{position:absolute;z-index:2;width:12px;height:12px;border:2px solid #72e7ff;border-radius:50%;box-shadow:0 0 0 7px #29bfff21,0 0 18px #33cbff;animation:sensorPing 3s infinite}.sensor-a{left:18%;top:43%}.sensor-b{left:52%;top:43%;animation-delay:1s}.sensor-c{left:81%;top:43%;animation-delay:2s}
.interface-bottom{justify-content:space-between}.signal-bars{display:flex;align-items:end;gap:3px;height:17px}.signal-bars i{width:4px;background:#3cc8ff;box-shadow:0 0 8px #3cc8ff;animation:barSignal 1.4s ease-in-out infinite}.signal-bars i:nth-child(1){height:5px}.signal-bars i:nth-child(2){height:9px;animation-delay:.2s}.signal-bars i:nth-child(3){height:14px;animation-delay:.4s}.signal-bars i:nth-child(4){height:8px;animation-delay:.6s}.signal-bars i:nth-child(5){height:12px;animation-delay:.8s}
.interface-caption{margin-top:13px;padding-top:8px;border-top:1px solid #27719850;color:#86aeca;font:8px monospace;letter-spacing:.05em}
.hero-coordinates{position:absolute;z-index:3;bottom:28px;left:max(28px,calc((100vw - 1200px)/2));color:#78b9e2;font:10px monospace;letter-spacing:.15em}.hero-coordinates span{color:#6eeaff;margin-left:12px}
/* Optical spotlight follows pointer without rotating content or reducing legibility. */
.motion-surface{position:relative;isolation:isolate}.motion-surface:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(390px circle at var(--mx,50%) var(--my,50%),rgba(30,164,255,.13),transparent 68%);opacity:0;transition:opacity .5s ease}.motion-surface:hover:after{opacity:1}.hero-home.motion-surface:after{z-index:2;background:radial-gradient(420px circle at var(--mx,70%) var(--my,45%),rgba(18,176,255,.11),transparent 70%)}
.feature-card{overflow:hidden;transition:transform .65s var(--ease-cinematic),border-color .4s,box-shadow .65s var(--ease-cinematic)}.feature-card:before{content:'';position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(130deg,#60d8ff99,transparent 30%,transparent 65%,#0c79ef88) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .5s;pointer-events:none}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-10px);box-shadow:0 30px 65px #0006}.feature-card .card-icon{transition:transform .65s var(--ease-cinematic),filter .65s}.feature-card:hover .card-icon{transform:translateY(-7px) scale(1.1);filter:drop-shadow(0 0 16px #26b8ff)}
.intro-visual,.statement-image,.industry-tile{overflow:hidden}.intro-visual img,.statement-image img{transform:scale(1.09) translateY(var(--photo-drift,0px));transition:transform 1.6s var(--ease-cinematic);will-change:transform}.intro-visual.visible img,.statement-image.visible img{transform:scale(1.03) translateY(var(--photo-drift,0px))}
.reveal{transition:opacity .95s var(--ease-cinematic),transform 1.05s var(--ease-cinematic);transition-delay:var(--reveal-delay,var(--cascade-delay,0ms));transform:translate3d(0,46px,0)}.reveal.visible{transform:translate3d(0,0,0)}
.reveal-mask{clip-path:inset(0 0 16% 0 round 10px);transition:opacity 1.1s var(--ease-cinematic),transform 1.2s var(--ease-cinematic),clip-path 1.35s var(--ease-cinematic)}.reveal-mask.visible{clip-path:inset(0 0 0 0 round 10px)}
.product-card{transition:transform .65s var(--ease-cinematic),box-shadow .65s var(--ease-cinematic)}.product-card:hover{transform:translateY(-11px);box-shadow:0 25px 70px #062a4a30}.product-card .product-image img{transition:transform 1s var(--ease-cinematic)}.product-card:hover .product-image img{transform:scale(1.11)}
.gallery-item{transition:transform .6s var(--ease-cinematic),box-shadow .6s}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 18px 38px #05172d35}.gallery-item img{transition:transform 1s var(--ease-cinematic),filter .7s}.gallery-item:hover img{transform:scale(1.1);filter:contrast(1.08)}.gallery-overlay{transition:padding .6s var(--ease-cinematic)}.gallery-item:hover .gallery-overlay{padding-bottom:26px}.filter-enter{animation:filterEnter .65s var(--ease-cinematic) both;animation-delay:var(--cascade-delay,0ms)}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .4s var(--ease-cinematic),box-shadow .4s}.btn:before{content:'';position:absolute;inset:-120% auto -120% -65%;width:45%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,#ffffff55,transparent);transition:left .85s var(--ease-cinematic);pointer-events:none}.btn:hover:before{left:135%}.btn:hover{transform:translateY(-3px)}
.inner-hero .tech-grid{animation:gridDrift 35s linear infinite}.inner-hero h1{animation:headingEnter 1.1s var(--ease-cinematic) both}.inner-hero p{animation:headingEnter 1.2s .15s var(--ease-cinematic) both}
@keyframes heroArrival{from{opacity:.55;transform:translate3d(0,50px,0) scale(1.25)}to{opacity:1;transform:translate3d(0,0,0) scale(1.12)}}
@keyframes verticalScan{0%,100%{top:-20%;opacity:0}14%{opacity:.7}65%{opacity:.75}85%{top:110%;opacity:0}}
@keyframes targetPulse{0%,100%{opacity:.35;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.4)}}
@keyframes hudArrive{from{opacity:0;transform:translate3d(65px,25px,0) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes hudSheen{0%{background-position:200% 0}100%{background-position:-100% 0}}
@keyframes beltTravel{to{transform:translateX(58px)}}
@keyframes sensorPing{0%,100%{box-shadow:0 0 0 5px #29bfff20,0 0 12px #33cbff}50%{box-shadow:0 0 0 13px #29bfff00,0 0 25px #33cbff}}
@keyframes barSignal{50%{transform:scaleY(.45);opacity:.65}}
@keyframes filterEnter{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes headingEnter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.hero-interface{right:3%;top:55%;width:245px;opacity:.75}.hero-home .hero-content{max-width:730px}.hero-home h1{max-width:720px}}
@media(max-width:800px){.hero-interface{right:4%;top:auto;bottom:68px;width:205px;opacity:.65;padding:10px}.interface-belt{height:55px;margin:7px 0}.belt-track{top:13px}.belt-track.second{top:43px}.sensor{top:35%}.hero-home .hero-sub{max-width:550px}.hero-coordinates{display:none}.hero-scan{opacity:.3}}
@media(max-width:560px){.hero-interface{display:none}.hero-home .hero-overlay{background:linear-gradient(90deg,#020a17ef,#031324c9)}.hero-home .hero-content{padding-bottom:10px}.hero-scan{mask-image:none;opacity:.22}.hero-home h1{letter-spacing:-.05em}.reveal{transform:translateY(22px)}.intro-visual img,.statement-image img{will-change:auto}}
@media(prefers-reduced-motion:reduce){.hero-home .hero-image,.hero-interface,.inner-hero h1,.inner-hero p{animation:none!important;transform:none!important}.hero-scan,.hero-interface:before{display:none!important}.reveal-mask,.reveal-mask.visible{clip-path:none!important}.intro-visual img,.statement-image img{transform:none!important}.filter-enter{animation:none!important}.motion-surface:after{display:none!important}}
/* Keep scroll transforms authoritative after the entrance sequence. */
.hero-home .hero-image{animation:heroImageFade 1.8s ease both!important}
.hero-interface{animation:hudFade 1.3s .5s ease both}
@keyframes heroImageFade{from{opacity:.5}to{opacity:1}}
@keyframes hudFade{from{opacity:0}to{opacity:1}}
/* Client content update: product detail and regional service coverage. */
.product-body{display:flex;flex-direction:column;height:calc(100% - 205px)}
.product-body .product-description{min-height:0;margin-bottom:18px}
.product-features{padding-left:18px;margin:0 0 22px;color:#52677b;font-size:.84rem;line-height:1.65}
.product-features li+li{margin-top:9px}
.product-specs{margin:0 0 20px;border-top:1px solid #dce7f0;font-size:.76rem}
.product-specs>div{display:grid;grid-template-columns:1fr 1.15fr;gap:12px;padding:10px 0;border-bottom:1px solid #e4edf4}
.product-specs dt{font-weight:700;color:#263f58}.product-specs dd{margin:0;color:#5d7184;text-align:right;overflow-wrap:anywhere}
.product-body .product-application{min-height:0;font-size:.8rem;line-height:1.65;margin-bottom:20px}
.product-links{margin-top:auto;display:flex;flex-direction:column;gap:13px}.product-links .text-link{margin-top:0}
.manufacturer-link{display:inline-flex;align-items:center;gap:8px;color:#0874c5;font-size:.75rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.manufacturer-link:hover{color:#00497f}.specification-note{max-width:960px;font-size:.78rem;color:#627184;margin:28px 0 0}
.inspection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.inspection-card{padding:30px;border:1px solid #24445f;border-radius:9px;background:linear-gradient(145deg,#0a233a,#071626);display:flex;flex-direction:column}
.inspection-card h3{margin:18px 0}.inspection-card p{font-size:.9rem;color:#b2c8da;line-height:1.8}
.inspection-card .manufacturer-link{color:#62c9ff;margin-top:auto}.inspection-cta{margin-top:35px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.inspection-cta p{max-width:670px;color:#b2c8da;margin:0}.section-dark .section-heading>p{color:#b2c8da}
.coverage-section{border-top:1px solid #dce7f0}.coverage-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:35px}
.coverage-heading h2{margin-bottom:0}.coverage-heading p{max-width:510px;color:#5b7084;margin-bottom:0}
.coverage-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.coverage-grid li{background:#fff;border:1px solid #dbe8f2;border-left:3px solid #088df5;border-radius:5px;padding:16px 18px;font-weight:700;font-size:.92rem}
.contact-coverage a{color:#0874c5;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspection-grid{grid-template-columns:1fr}.inspection-card{padding:26px}.coverage-heading{gap:30px}.coverage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.product-grid{grid-template-columns:1fr}.coverage-heading{grid-template-columns:1fr;gap:20px}.coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coverage-grid li{padding:13px 12px;font-size:.85rem}.inspection-cta{display:block}.inspection-cta .btn{margin-top:22px}}

/* Client identity panel — restrained, consistent and presentation-led */
.client-section{position:relative;overflow:hidden;background:linear-gradient(145deg,#061525 0%,#081d32 58%,#061321 100%);border-top:1px solid rgba(83,174,239,.18);color:#fff;padding:96px 0 104px}
.client-section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(84,167,229,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(84,167,229,.10) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.client-section .container{position:relative;z-index:1}
.client-heading{max-width:760px;margin:0 auto 48px;text-align:center}
.client-heading .section-label{color:#50c5ff;margin-bottom:17px}
.client-heading h2{font-size:clamp(2.2rem,3.8vw,3.65rem);margin:0 0 16px;color:#fff}
.client-heading h2 span{color:#49bdff}
.client-heading p{margin:0 auto;max-width:610px;color:#a9bfd2;font-size:.98rem;line-height:1.8}
.client-logo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.client-logo{height:142px;min-width:0;padding:24px 20px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(205,224,239,.9);border-radius:3px;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.12);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.client-logo:hover{transform:translateY(-4px);border-color:#57c5ff;box-shadow:0 18px 36px rgba(0,0,0,.22)}
.client-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:66px;object-fit:contain;object-position:center;filter:none}
.client-logo:focus-visible{outline:3px solid #53c9ff;outline-offset:4px}
@media(max-width:950px){.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-logo{height:132px}}
@media(max-width:600px){.client-section{padding:76px 0 82px}.client-heading{margin-bottom:32px}.client-heading h2{font-size:2.15rem}.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-logo{height:112px;padding:18px 14px}.client-logo img{max-height:58px}}
