html:has(.modern-scroll),body.modern-scroll{overflow-x:clip}.modern-scroll{--scroll-progress:0;--scroll-progress-height:0%;--hero-shift:0px;--hero-orbit-x:0px;--hero-orbit-y:0px;--orbit-turn:0deg;--hero-fade:1;--dashboard-tilt:0deg;--dashboard-scale:.93;--wheel-turn:0deg;--wheel-counter-turn:0deg;--ai-shift-x:0px;--ai-shift-y:0px;overflow-x:clip}
.scroll-progress{position:fixed;z-index:30;right:18px;top:50%;height:180px;width:22px;transform:translateY(-50%);display:flex;align-items:center;gap:8px;pointer-events:none}.scroll-progress:before{content:"";position:absolute;left:4px;top:0;width:1px;height:100%;background:rgba(137,168,221,.3)}.scroll-progress i{position:absolute;left:2px;top:0;width:5px;height:var(--scroll-progress-height);min-height:5px;border-radius:9px;background:linear-gradient(#4581ff,#ef0a87);box-shadow:0 0 12px rgba(69,129,255,.7)}.scroll-progress span{writing-mode:vertical-rl;font-size:.52rem;letter-spacing:.18em;color:#8295b3;transform:translateX(7px)}
.modern-scroll .site-header{transition:height .45s ease,background .45s ease,backdrop-filter .45s ease}.modern-scroll.scrolled .site-header{height:76px;background:rgba(5,18,41,.84);backdrop-filter:blur(18px)}
.modern-scroll .hero{isolation:isolate;perspective:1000px;min-height:100svh;background:radial-gradient(circle at var(--pointer-x,80%) var(--pointer-y,43%),rgba(25,94,232,.35),transparent 27%),linear-gradient(145deg,#06142b 22%,#0a2043 68%,#06142b);transition:background-position .2s linear}.modern-scroll .hero:before{content:"";position:absolute;inset:-15%;z-index:-2;background:linear-gradient(110deg,transparent 30%,rgba(54,121,255,.12) 48%,transparent 66%),repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - 1px),rgba(103,145,216,.055) calc(8.333% - 1px),rgba(103,145,216,.055) 8.333%);background-size:180% 100%,100% 100%;mask-image:linear-gradient(to bottom,transparent 2%,#000 35%,#000 88%,transparent);animation:heroScan 8s ease-in-out infinite}.modern-scroll .hero:after{animation:heroBreathe 7s ease-in-out infinite;transform-origin:center}.modern-scroll .orbit-one{color:var(--pink);animation:orbitGlow 2.8s ease-in-out infinite}.modern-scroll .orbit-two{color:#fff;animation:orbitGlow 2.8s ease-in-out 1.2s infinite}.modern-scroll .signal-line{filter:drop-shadow(0 0 9px rgba(57,116,239,.35))}@keyframes heroScan{0%,100%{background-position:110% 0,0 0}50%{background-position:-30% 0,0 0}}@keyframes heroBreathe{0%,100%{opacity:.62;scale:1}50%{opacity:1;scale:1.035}}@keyframes orbitGlow{0%,100%{box-shadow:0 0 18px currentColor;opacity:.65}50%{box-shadow:0 0 48px currentColor;opacity:1}}
.modern-scroll .hero .eyebrow,.modern-scroll .hero h1,.modern-scroll .hero-bottom{transform:translate3d(0,var(--hero-shift),0);opacity:var(--hero-fade);will-change:transform,opacity}.modern-scroll .hero h1{transition:letter-spacing .2s linear}.modern-scroll .hero-orbit{transform:translate3d(var(--hero-orbit-x),var(--hero-orbit-y),0) rotate(var(--orbit-turn));will-change:transform}.hero-scroll-cue{position:absolute;z-index:3;right:4.5vw;bottom:38px;display:flex;align-items:center;gap:12px;color:#7990b5}.hero-scroll-cue span{display:block;width:46px;height:46px;border:1px solid rgba(130,165,224,.35);border-radius:50%;position:relative}.hero-scroll-cue span:after{content:"";position:absolute;width:5px;height:5px;border-right:1px solid #ef0a87;border-bottom:1px solid #ef0a87;left:19px;top:17px;transform:rotate(45deg);animation:scrollPulse 1.8s ease-in-out infinite}.hero-scroll-cue small{font-size:.56rem;letter-spacing:.18em}@keyframes scrollPulse{50%{transform:translateY(8px) rotate(45deg);opacity:.35}}
.modern-scroll .product{position:relative;padding-top:10rem}.modern-scroll .product:before{content:"ACCOLYST X";position:absolute;top:2rem;left:50%;transform:translateX(-50%);font:800 clamp(6rem,15vw,14rem)/1 Manrope,sans-serif;letter-spacing:-.08em;color:rgba(8,31,68,.032);white-space:nowrap;pointer-events:none}.modern-scroll .product-head{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1040px;margin:0 auto}.modern-scroll .product-head>div{width:100%;justify-content:center;margin-bottom:44px}.modern-scroll .product-head img{width:min(330px,70vw);margin:0 0 44px}.modern-scroll .product-head h2{font-size:clamp(3.5rem,5.8vw,6.3rem);line-height:.94;max-width:980px}.modern-scroll .product-head p{grid-column:auto;max-width:720px;margin:34px auto 0;font-size:1.12rem}.modern-scroll .dashboard-shell{transform:none!important;width:100%;margin:76px auto 0;box-shadow:0 38px 85px rgba(6,25,58,.2);will-change:auto}.modern-scroll .dashboard-shell:after{content:"LIVE OPERATING VIEW";position:absolute;left:22px;bottom:20px;padding:9px 12px;background:rgba(5,20,45,.86);color:#fff;font-size:.58rem;font-weight:700;letter-spacing:.18em;line-height:1;backdrop-filter:blur(8px)}
.modern-scroll .modules-showcase{height:340vh;position:relative;margin-top:180px}.modern-scroll .modules-heading{position:relative;z-index:3;background:#f5f7fb;padding:18px 0 32px;margin-bottom:0}.modern-scroll .modules-heading>div{margin-bottom:24px}.modern-scroll .modules-heading h2{font-size:clamp(2.8rem,4vw,4rem)}.modern-scroll .module-grid{position:sticky;top:132px;display:flex;gap:18px;overflow:hidden;padding:0 0 24px}.modern-scroll .module-card,.modern-scroll .module-card:nth-child(4),.modern-scroll .module-primary{flex:0 0 min(390px,78vw);min-height:330px;grid-column:auto;transform:translate3d(var(--module-shift,0px),0,0);will-change:transform;transition:border-color .3s ease,box-shadow .3s ease}.modern-scroll .module-card:hover{border-color:#8eafe9;box-shadow:0 25px 55px rgba(9,36,82,.12)}
.modern-scroll .ai-story{min-height:100svh;align-items:center}.modern-scroll .ai-copy{position:sticky;top:18vh;align-self:start}.modern-scroll .ai-features article{min-height:150px;align-items:center;transition:background .35s ease,padding .35s ease}.modern-scroll .ai-features article:hover{background:rgba(255,255,255,.055);padding-left:20px;padding-right:20px}.modern-scroll .ai-glow{transform:translate3d(var(--ai-shift-x),var(--ai-shift-y),0)}
.modern-scroll .brand-statement{min-height:50svh;display:grid;place-content:center}.modern-scroll .statement-main{transform:translateX(var(--statement-shift,0px));will-change:transform}.modern-scroll .outcome-grid article{min-height:44svh;display:flex;flex-direction:column;justify-content:center}
.modern-scroll .capabilities{position:relative}.modern-scroll .capability-list{counter-reset:stack}.modern-scroll .capability-list article{position:sticky;top:92px;min-height:230px;background:#f6f8fc;box-shadow:0 -1px 0 #cfdae9,0 -24px 45px rgba(14,43,88,.06);padding-left:4vw;padding-right:4vw}.modern-scroll .capability-list article:nth-child(2){top:104px;background:#eef3fa}.modern-scroll .capability-list article:nth-child(3){top:116px;background:#e7eef8}.modern-scroll .capability-list article:nth-child(4){top:128px;background:#dfe9f6}.modern-scroll .capability-list article:nth-child(5){top:140px;background:#d8e4f3}
.modern-scroll .fit{min-height:110svh;align-items:center}.modern-scroll .fit-wheel{transform:rotate(var(--wheel-turn));will-change:transform}.modern-scroll .fit-wheel .wheel-center,.modern-scroll .fit-wheel .tag{transform:rotate(var(--wheel-counter-turn))}.modern-scroll .fit-wheel,.modern-scroll .fit-wheel .wheel-center,.modern-scroll .fit-wheel .tag{transition:transform .08s linear}
.modern-scroll .company{min-height:100svh;align-items:center;position:relative;overflow:hidden}.modern-scroll .company:after{content:"2002 → 2026";position:absolute;right:-.04em;bottom:-.2em;font:800 clamp(6rem,14vw,14rem)/1 Manrope,sans-serif;letter-spacing:-.08em;color:rgba(255,255,255,.035);white-space:nowrap}.modern-scroll .company-copy,.modern-scroll .company-stats{position:relative;z-index:1}
.modern-scroll .services article{transition:background .4s ease,color .4s ease,transform .4s ease}.modern-scroll .services article:hover{background:#0b2c64;color:#fff;transform:translateY(-14px)}.modern-scroll .services article:hover p{color:#b9c8dd}
@media(max-width:900px){.scroll-progress{display:none}.modern-scroll .modules-showcase{height:auto;margin-top:100px}.modern-scroll .modules-heading,.modern-scroll .module-grid,.modern-scroll .ai-copy{position:relative;top:auto}.modern-scroll .module-grid{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.modern-scroll .module-card,.modern-scroll .module-card:nth-child(4),.modern-scroll .module-primary{transform:none;min-height:330px}.modern-scroll .module-primary{grid-column:1/-1}.modern-scroll .capability-list article,.modern-scroll .capability-list article:nth-child(n){position:relative;top:auto;min-height:auto}.modern-scroll .fit-wheel{transform:none}.modern-scroll .fit-wheel .wheel-center,.modern-scroll .fit-wheel .tag{transform:none}}
@media(max-width:560px){.modern-scroll .site-header,.modern-scroll.scrolled .site-header{height:74px}.hero-scroll-cue{display:none}.modern-scroll .hero:before{background-size:25% 100%}.modern-scroll .product{padding-top:86px}.modern-scroll .product:before{font-size:5rem;top:1.8rem}.modern-scroll .product-head>div{margin-bottom:32px}.modern-scroll .product-head img{width:min(245px,76vw);margin-bottom:34px}.modern-scroll .product-head h2{font-size:clamp(2.35rem,12vw,2.65rem);line-height:1}.modern-scroll .product-head p{font-size:.96rem;margin-top:24px}.modern-scroll .dashboard-shell{margin-top:48px;transform:none;box-shadow:0 25px 55px rgba(6,25,58,.18)}.modern-scroll .module-grid{grid-template-columns:1fr}.modern-scroll .module-primary{grid-column:auto}.modern-scroll .brand-statement{min-height:auto}.modern-scroll .statement-main{transform:none}.modern-scroll .outcome-grid article{min-height:330px}.modern-scroll .fit,.modern-scroll .company{min-height:auto}.modern-scroll .services article:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-scroll-cue span:after,.modern-scroll .hero:before,.modern-scroll .hero:after,.modern-scroll .hero-orbit{animation:none}.modern-scroll .hero .eyebrow,.modern-scroll .hero h1,.modern-scroll .hero-bottom,.modern-scroll .hero-orbit,.modern-scroll .dashboard-shell,.modern-scroll .module-card,.modern-scroll .statement-main,.modern-scroll .fit-wheel{transform:none!important;opacity:1!important}.scroll-progress{display:none}}

/* Keep the AI principle readable on short and wide desktop viewports. */
.modern-scroll .ai-story{min-height:auto;padding-top:clamp(100px,12vh,145px);padding-bottom:clamp(120px,15vh,180px);align-items:center;overflow:hidden}
.modern-scroll .ai-copy{position:relative;top:auto;align-self:center;padding-bottom:12px}
.modern-scroll .ai-principle{margin-top:2px;line-height:1.55;max-width:100%}

/* Reversible, scroll-driven industry story. */
.modern-scroll .fit.fit-story{display:block;height:600svh;min-height:0;padding:0;background:linear-gradient(145deg,#071831 0%,#0d2d61 58%,#123a7d 100%);position:relative;overflow:clip}
.fit-story:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(49,112,242,.24),transparent 32%),linear-gradient(90deg,rgba(4,17,40,.4),transparent 48%);pointer-events:none}
.fit-stage{height:100svh;position:sticky;top:0;padding:104px 4.5vw 42px;display:grid;grid-template-columns:minmax(330px,.78fr) minmax(520px,1.22fr);gap:5vw;align-items:center;overflow:hidden}
.fit-story .fit-copy{align-self:center;position:relative;z-index:5}
.fit-story .fit-copy h2{font-size:clamp(3rem,4.9vw,5.5rem);margin:28px 0;line-height:.95}
.fit-story .fit-copy>p{max-width:520px;margin:0;color:#b9c7dc}
.fit-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:42px;border-top:1px solid rgba(135,169,226,.2)}
.fit-progress button{appearance:none;border:0;border-bottom:1px solid rgba(135,169,226,.2);background:transparent;color:#7990b3;text-align:left;padding:13px 3px;cursor:pointer;font:600 .72rem DM Sans,sans-serif;transition:color .35s ease,padding-left .35s ease,background .35s ease}
.fit-progress button span{display:inline-block;width:30px;color:#e50086;font:700 .56rem Manrope,sans-serif}
.fit-progress button.is-active{color:#fff;padding-left:10px;background:linear-gradient(90deg,rgba(44,105,228,.24),transparent)}
.industry-stage{height:min(76vh,720px);min-height:520px;position:relative;isolation:isolate;perspective:1200px}
.industry-stage:before,.industry-stage:after{content:"";position:absolute;border:1px solid rgba(104,154,244,.2);border-radius:50%;inset:7%;z-index:-2}
.industry-stage:after{inset:19%;border-color:rgba(104,154,244,.13)}
.industry-orbit{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at center,rgba(39,99,223,.22),transparent 58%);transform:rotate(calc(var(--fit-progress,0) * 80deg))}
.industry-orbit:before,.industry-orbit:after{content:"";position:absolute;border-radius:50%;background:#e50086;box-shadow:0 0 24px #e50086}
.industry-orbit:before{width:9px;height:9px;left:8%;top:46%}.industry-orbit:after{width:6px;height:6px;right:13%;top:19%;background:#77a6ff;box-shadow:0 0 22px #77a6ff}
.industry-mark{position:absolute;right:2%;top:2%;width:190px;opacity:.22;z-index:3}
.industry-scene{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;opacity:0;transform:translate3d(0,90px,-180px) rotateX(-8deg) scale(.82);filter:blur(12px);pointer-events:none;transition:opacity .62s ease,transform .78s cubic-bezier(.2,.75,.2,1),filter .62s ease}
.industry-scene.is-before{transform:translate3d(0,-90px,-180px) rotateX(8deg) scale(.82)}
.industry-scene.is-active{opacity:1;transform:translate3d(0,0,0) rotateX(0) scale(1);filter:none;pointer-events:auto;z-index:2}
.industry-visual{min-height:0;display:grid;place-items:center;position:relative}
.industry-visual:after{content:"";position:absolute;width:58%;height:11%;left:21%;bottom:4%;background:rgba(2,10,27,.65);filter:blur(24px);border-radius:50%;z-index:-1}
.industry-visual img{width:min(100%,650px);height:100%;max-height:540px;object-fit:contain;filter:drop-shadow(0 32px 36px rgba(0,8,25,.42));animation:industryFloat 5.5s ease-in-out infinite}
.industry-caption{display:grid;grid-template-columns:135px 1fr;align-items:end;gap:18px;padding:20px 24px 16px;border-top:1px solid rgba(139,172,227,.24);background:linear-gradient(90deg,rgba(5,21,48,.78),rgba(10,42,90,.45));backdrop-filter:blur(12px)}
.industry-caption>span{align-self:start;grid-row:1/3;color:#e50086;font:700 .6rem Manrope,sans-serif;letter-spacing:.13em;padding-top:7px}
.industry-caption h3,.industry-caption p{grid-column:2}.industry-caption h3{font-size:clamp(1.4rem,2vw,2rem);margin:0 0 7px}.industry-caption p{margin:0;color:#aebed5;line-height:1.55;font-size:.86rem;max-width:570px}
@keyframes industryFloat{50%{transform:translateY(-12px) rotate(.3deg)}}

@media(max-width:1100px) and (min-width:901px){.fit-stage{grid-template-columns:.8fr 1.2fr;gap:3vw}.industry-stage{min-height:470px;height:68vh}.industry-visual img{max-height:460px}.fit-progress{margin-top:28px}.fit-progress button{padding-top:10px;padding-bottom:10px}.fit-story .fit-copy h2{font-size:clamp(2.7rem,4.5vw,4.2rem)}}
@media(min-width:901px) and (max-height:800px){.fit-stage{padding:76px 4.5vw 16px;grid-template-columns:minmax(300px,.76fr) minmax(500px,1.24fr);gap:4vw}.fit-story .fit-copy h2{font-size:clamp(2.75rem,4.25vw,4.2rem);margin:18px 0}.fit-story .fit-copy>p{font-size:.96rem;line-height:1.55}.fit-progress{margin-top:18px}.fit-progress button{padding:8px 3px}.industry-stage{height:calc(100svh - 92px);min-height:0}.industry-mark{width:155px}.industry-visual img{max-height:calc(100svh - 205px)}.industry-caption{padding:13px 20px 12px;grid-template-columns:118px 1fr}.industry-caption h3{font-size:clamp(1.25rem,1.7vw,1.65rem);margin-bottom:4px}.industry-caption p{font-size:.78rem;line-height:1.4}}
@media(max-width:900px){.modern-scroll .fit.fit-story{height:auto;padding:90px 24px}.fit-stage{height:auto;position:relative;display:block;padding:0;overflow:visible}.fit-progress{display:none}.industry-stage{height:auto;min-height:0;margin-top:60px;display:grid;gap:26px}.industry-stage:before,.industry-stage:after,.industry-orbit,.industry-mark{display:none}.industry-scene,.industry-scene.is-before,.industry-scene.is-after,.industry-scene.is-active{position:relative;inset:auto;opacity:1;transform:none;filter:none;display:block;border:1px solid rgba(123,163,231,.24);border-radius:18px;overflow:hidden;background:#0a234c}.industry-visual{height:min(78vw,480px);padding:18px}.industry-visual img{max-height:100%;animation:mobileIndustryFloat 5.5s ease-in-out infinite}.industry-caption{grid-template-columns:1fr;gap:8px}.industry-caption>span,.industry-caption h3,.industry-caption p{grid-column:1;grid-row:auto}.industry-caption>span{padding:0}.modern-scroll .ai-story{padding-top:95px;padding-bottom:110px}.modern-scroll .mobile-motion{opacity:.12!important;transform:translate3d(0,42px,0) scale(.965)!important;filter:blur(5px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.75,.2,1),filter .7s ease!important;transition-delay:var(--mobile-motion-delay,0ms)!important;will-change:opacity,transform,filter}.modern-scroll .mobile-motion.mobile-in-view{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;filter:none}.modern-scroll .industry-scene.mobile-motion{transform:translate3d(0,58px,0) scale(.94)!important}.modern-scroll .industry-scene.mobile-motion.mobile-in-view{transform:translate3d(0,0,0) scale(1)!important}.modern-scroll .module-card.mobile-motion.mobile-in-view{box-shadow:0 20px 45px rgba(7,34,77,.12)}.modern-scroll .ai-features article.mobile-motion.mobile-in-view{background:rgba(255,255,255,.04)} }
@keyframes mobileIndustryFloat{50%{transform:translateY(-7px) rotate(.2deg)}}
@media(max-width:560px){.modern-scroll .fit.fit-story{padding-left:20px;padding-right:20px}.fit-story .fit-copy h2{font-size:clamp(2.7rem,13vw,3.7rem)}.industry-stage{margin-top:44px}.industry-visual{height:78vw}.industry-caption{padding:18px}.industry-caption h3{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.industry-scene,.industry-scene.is-before,.industry-scene.is-after,.industry-scene.is-active,.mobile-motion{transition:none!important;opacity:1!important;transform:none!important;filter:none!important}.industry-visual img{animation:none}}