/* Mobile navigation must remain above page artwork and accept touch input. */
@media(max-width:1020px){.site-header{isolation:isolate}.js .site-header .main-navigation{z-index:1000;pointer-events:none}.js .site-header .main-navigation.is-open{pointer-events:auto}.js .site-header .main-navigation.is-open a,.js .site-header .main-navigation.is-open button{position:relative;z-index:1;pointer-events:auto;touch-action:manipulation}.js .site-header .main-navigation.is-open .dropdown{z-index:2;pointer-events:auto}}

/* AI Workflow Automation page. */
.ai-workflow-page .detail-hero-copy{max-width:800px}.ai-workflow-page .detail-hero h1{max-width:820px}.ai-workflow-page .workflow-hero-highlights{display:flex;max-width:700px;margin:25px 0 0;flex-wrap:wrap;gap:9px}.ai-workflow-page .workflow-hero-highlights span{display:inline-flex;align-items:center;min-height:32px;padding:7px 11px;border:1px solid #8094ef50;border-radius:999px;color:#c7d2f4;background:#111b3199;font-size:.78rem;line-height:1.35}.ai-workflow-page .workflow-hero-highlights span:before{width:6px;height:6px;margin-right:7px;border-radius:50%;background:#75e5d5;box-shadow:0 0 10px #75e5d5;content:''}@media(max-width:760px){.ai-workflow-page .workflow-hero-highlights{margin-top:21px;gap:7px}.ai-workflow-page .workflow-hero-highlights span{min-height:29px;padding:6px 9px;font-size:.7rem}}

/* Business Process Automation hero integration. */
.detail-page.bpa-page .detail-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:42px}.detail-page.bpa-page .bpa-hero-animation{justify-self:stretch;max-width:800px;padding:0;overflow:visible;border-radius:0;background:transparent;box-shadow:none}.detail-page.bpa-page .bpa-hero-animation:before{inset:2% 0;border-radius:50%;background:radial-gradient(circle,#7b6dff24 0%,#42deed12 45%,transparent 74%);filter:blur(38px)}.detail-page.bpa-page .bpa-hero-animation .bpa-anim-label{font-size:19px}.detail-page.bpa-page .bpa-hero-animation .bpa-anim-sub{font-size:14px}.detail-page.bpa-page .bpa-hero-animation .bpa-anim-mono{font-size:12px}.detail-page.bpa-page .bpa-hero-animation .bpa-anim-footer{font-size:11px}.detail-page.bpa-page .bpa-hero-animation .bpa-anim-success text{font-size:14px}.detail-page.bpa-page .bpa-hero-animation .bpa-anim-pause{right:12px;bottom:7px;padding:9px 15px;font-size:12px;background:#10182bc9;box-shadow:0 10px 24px #03071955}
@media(max-width:1100px){.detail-page.bpa-page .detail-hero-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.96fr);gap:30px}.detail-page.bpa-page .bpa-hero-animation{max-width:100%}}@media(max-width:820px){.detail-page.bpa-page .detail-hero-grid{grid-template-columns:1fr}.detail-page.bpa-page .bpa-hero-animation{width:min(100%,720px);margin:0 auto}}@media(max-width:560px){.detail-page.bpa-page .bpa-hero-animation{overflow:hidden}.detail-page.bpa-page .bpa-hero-animation .bpa-anim-label{font-size:14px}.detail-page.bpa-page .bpa-hero-animation .bpa-anim-sub{font-size:10.5px}.detail-page.bpa-page .bpa-hero-animation .bpa-anim-mono{font-size:9.5px}.detail-page.bpa-page .bpa-hero-animation .bpa-anim-footer{font-size:9px}.detail-page.bpa-page .bpa-hero-animation .bpa-anim-pause{right:10px;bottom:7px;padding:7px 10px;font-size:10px}}

/* Business Process Automation hero animation. */
.bpa-hero-animation{position:relative;isolation:isolate;justify-self:end;align-self:center;width:100%;max-width:650px;min-width:0;padding:12px;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#1b2547d9 0%,#10182de8 47%,#090d1de8 100%);box-shadow:0 26px 70px #03071a70}
.bpa-hero-animation:before{position:absolute;z-index:-1;inset:10% 6%;border-radius:50%;background:radial-gradient(circle,#7b6dff2b 0%,#42deed14 43%,transparent 72%);content:'';filter:blur(24px);pointer-events:none}
.bpa-hero-animation svg{display:block;width:100%;height:auto;min-width:0;overflow:visible}
.bpa-hero-animation .bpa-anim-wire{fill:none;stroke:#303b64;stroke-width:1.7}.bpa-hero-animation .bpa-anim-flow{fill:none;stroke:url(#bpa-pulse);stroke-width:3;stroke-dasharray:12 240;animation:bpa-anim-travel 5s linear infinite;filter:url(#bpa-glow)}.bpa-hero-animation .bpa-anim-reverse{animation-delay:-2s}.bpa-hero-animation .bpa-anim-card{fill:url(#bpa-card);stroke:#39456e;stroke-width:1}.bpa-hero-animation .bpa-anim-label{fill:#f1f2ff;font-size:16px;font-weight:600}.bpa-hero-animation .bpa-anim-sub{fill:#98a5c6;font-size:12px}.bpa-hero-animation .bpa-anim-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:2px;fill:#8c99c2}.bpa-hero-animation .bpa-anim-live{letter-spacing:1px}.bpa-hero-animation .bpa-anim-footer{letter-spacing:2px;font-size:10px}.bpa-hero-animation .bpa-anim-float{animation:bpa-anim-float 6s ease-in-out infinite}.bpa-hero-animation .bpa-anim-float.bpa-anim-alt{animation-delay:-3s}.bpa-hero-animation .bpa-anim-halo{transform-box:view-box;transform-origin:380px 320px;animation:bpa-anim-rotate 35s linear infinite}.bpa-hero-animation .bpa-anim-core{transform-box:view-box;transform-origin:380px 320px;animation:bpa-anim-breathe 4s ease-in-out infinite}.bpa-hero-animation .bpa-anim-spark{animation:bpa-anim-blink 3s infinite}.bpa-hero-animation .bpa-anim-success{animation:bpa-anim-success 6s ease-in-out infinite}.bpa-hero-animation .bpa-anim-scan{animation:bpa-anim-scan 4s ease-in-out infinite}.bpa-hero-animation .bpa-anim-grid{opacity:.2}
.bpa-hero-animation .bpa-anim-pause{position:absolute;right:24px;bottom:15px;z-index:2;border:1px solid #6673a4;border-radius:999px;padding:8px 13px;color:#d2d9f5;background:#11182be8;box-shadow:0 8px 20px #03071975;font:600 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.bpa-hero-animation .bpa-anim-pause:hover,.bpa-hero-animation .bpa-anim-pause:focus-visible{border-color:#95a6ff;color:#fff;background:#293365;outline:none;transform:translateY(-1px)}.bpa-hero-animation.is-paused *{animation-play-state:paused!important}
@keyframes bpa-anim-travel{to{stroke-dashoffset:-504}}@keyframes bpa-anim-float{50%{transform:translateY(-8px)}}@keyframes bpa-anim-rotate{to{transform:rotate(360deg)}}@keyframes bpa-anim-breathe{50%{transform:scale(1.035)}}@keyframes bpa-anim-blink{50%{opacity:.3}}@keyframes bpa-anim-success{0%,20%,100%{opacity:.45}40%,80%{opacity:1}}@keyframes bpa-anim-scan{50%{transform:translateX(70px)}}
@media(max-width:1020px){.bpa-hero-animation{max-width:570px;padding:10px;border-radius:22px}}@media(max-width:760px){.bpa-hero-animation{justify-self:center;max-width:560px;margin:0 auto;padding:8px;border-radius:20px}.bpa-hero-animation .bpa-anim-pause{right:17px;bottom:12px}}@media(max-width:430px){.bpa-hero-animation{padding:4px;border-radius:16px}.bpa-hero-animation .bpa-anim-pause{right:10px;bottom:8px;padding:7px 10px;font-size:10px}.bpa-hero-animation .bpa-anim-mono{font-size:9.5px}.bpa-hero-animation .bpa-anim-label{font-size:14px}.bpa-hero-animation .bpa-anim-sub{font-size:10.5px}}@media(prefers-reduced-motion:reduce){.bpa-hero-animation *,.bpa-hero-animation *:before,.bpa-hero-animation *:after{animation:none!important;transition:none!important}}

:root{--ink:#141a2a;--muted:#60687a;--navy:#090e1b;--navy-raised:#111a2d;--line:#dce1ec;--blue:#899aff;--blue-strong:#4e61e3;--cyan:#95e5d0;--light:#f8f9fc;--header-height:116px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;color:var(--ink);background:var(--navy);font-synthesis:none;scroll-padding-top:calc(var(--header-height) + 28px);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0}ul{list-style:none;margin:0;padding:0}p{line-height:1.7}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-weight:500}h1,h2,h3{letter-spacing:-.052em}h2{font-size:clamp(2.5rem,4.25vw,4rem);line-height:1.08;margin-bottom:0}h3{line-height:1.2}::selection{background:#a5b1ff;color:#111729}[hidden]{display:none!important}.icon{width:22px;height:22px;flex-shrink:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6482ff;outline-offset:5px;border-radius:5px}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:18px;top:12px;z-index:1000;background:#fff;color:var(--navy);padding:14px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;font-size:.75rem;font-weight:500;line-height:1.5;color:#656e83;margin-bottom:23px}.eyebrow.light{color:#a6b3ce}.muted{color:#818898}.soft-blue{color:#97a8fa}.section-light{background:var(--light)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:58px}.section-heading>p{max-width:345px;margin-bottom:3px;color:var(--muted);font-size:1rem;line-height:1.75}
/* A compact utility strip and a clear primary menu. */
.site-header{position:sticky;top:0;z-index:60;background:rgba(9,14,27,.97);color:#edf0f9;box-shadow:0 1px 0 #ffffff12}.utility{border-bottom:1px solid #ffffff12}.utility-inner{min-height:56px;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#aab4cc}.utility-contact{display:flex;align-items:center;gap:28px}.utility-contact>a,.utility-phone,.quote-link{display:flex;align-items:center;gap:8px}.utility .icon{width:14px;height:14px}.utility-phone{color:#7d89a4}.quote-link{font-weight:600;color:#b6c3ff;font-size:.8125rem;padding:9px 0}.quote-link:hover,.utility a:hover{color:#fff}.main-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:80px;position:relative}.brand{display:inline-flex;align-items:center;gap:8px;font-size:1.75rem;letter-spacing:-.065em;font-weight:700;white-space:nowrap}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#aab5ff}.brand-mark .icon{width:30px;height:30px;stroke-width:1.8}.brand-period{color:#899aff;margin-left:-7px}.main-navigation{display:flex;align-items:center;gap:24px}.nav-trigger,.nav-link{font-size:.875rem;color:#b8c0d4;font-weight:500;padding:25px 0;white-space:nowrap;background:none;display:flex;align-items:center;gap:5px}.nav-trigger .icon{width:14px;height:14px;transition:transform .2s}.nav-trigger[aria-expanded=true]{color:#fff}.nav-trigger[aria-expanded=true] .icon{transform:rotate(180deg)}.nav-link:hover,.nav-trigger:hover,.home-link{color:#fff}.home-link{position:relative}.home-link:after{content:'';position:absolute;height:2px;width:17px;background:var(--blue);bottom:16px;left:0}.nav-contact{font-size:.875rem;border:1px solid #46516b;padding:12px 22px;border-radius:6px;transition:background .2s,border-color .2s}.nav-contact:hover{background:#202b42;border-color:#8192c3}.nav-group{position:relative}.nav-group:first-of-type{position:static}.dropdown{position:absolute;top:100%;color:#253047;background:#fff;border:1px solid #e2e7f0;border-radius:12px;box-shadow:0 26px 65px #0107135c;max-height:calc(100dvh - var(--header-height) - 24px);overflow:auto;animation:menu-in .18s ease;overscroll-behavior:contain}.services-menu{left:0;right:0;padding:26px 30px 28px}.menu-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e8f0;padding-bottom:20px;margin-bottom:24px;gap:20px;font-size:.75rem;color:#6e7689;letter-spacing:.07em}.menu-topline a{font-size:.875rem;color:#4459c9;letter-spacing:0;font-weight:600}.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 35px}.mega-heading{display:flex;align-items:center;gap:10px;font-weight:650;font-size:.9375rem;color:#16223e;margin-bottom:11px}.mega-heading .icon{color:#6074dd}.mega-group li a{display:block;padding:5px 0;font-size:.875rem;line-height:1.45;color:#637085;border-radius:3px}.mega-group li a:hover{color:#4059d3;background:#f4f6ff}.compact-menu{min-width:280px;left:-22px;padding:22px 14px 14px}.nav-group:nth-last-of-type(-n+2) .compact-menu{left:auto;right:-20px}.compact-menu a{display:block;font-size:.875rem;padding:11px 12px;line-height:1.4;border-radius:6px}.compact-menu a:hover{background:#eef1ff;color:#4059d3}.menu-eyebrow{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#7e889e;padding:0 12px 12px}.mobile-toggle{display:none}
/* Hero: spacious typography and original sculpture. */
.hero{position:relative;isolation:isolate;overflow:hidden;color:#f7f8ff;background:var(--navy)}.hero-art{position:absolute;z-index:-2;width:72%;height:100%;right:-7%;top:0;pointer-events:none;transform:translate3d(var(--art-x,0),var(--art-y,0),0);transition:transform 1.4s ease-out}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:67% center;opacity:.85;animation:art-breathe 13s ease-in-out infinite alternate}.hero:before{position:absolute;inset:0;z-index:-1;content:'';background:linear-gradient(90deg,#090e1b 0%,#090e1bf5 29%,#090e1b87 49%,#090e1b08 72%),linear-gradient(0deg,#090e1b 0%,transparent 23%)}.hero-inner{position:relative;min-height:648px;display:flex;align-items:center;padding-block:78px 90px}.hero-copy{max-width:720px}.hero h1{font-size:clamp(3.3rem,6.25vw,6.25rem);line-height:1.065;letter-spacing:-.066em;font-weight:500;margin:0 0 28px}.hero h1 span{color:#a5b5ff}.hero-description{max-width:510px;color:#b3bfd4;font-size:1.0625rem;line-height:1.8;margin-bottom:30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:51px;padding:14px 24px;font-size:.875rem;font-weight:600;border-radius:6px;transition:background .25s,transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:#8295ff;color:#071023;box-shadow:0 6px 32px #697fff19}.button-primary:hover{background:#a5b2ff;box-shadow:0 6px 32px #697fff38}.button-ghost{border:1px solid #69758c;color:#ecf0f9;background:#090e1b35}.button-ghost:hover{background:#ffffff0d}.button-light{background:#f0f3ff;color:#18223d}.button-light:hover{background:#b7c6ff}.hero-caption{display:flex;align-items:center;gap:15px;letter-spacing:.11em;font-size:.75rem;color:#8796b6;margin-top:45px}.mini-line{width:32px;height:1px;background:#6e7fa3}.hero-art-caption{position:absolute;right:0;bottom:62px;display:flex;flex-direction:column;gap:7px;font-size:.75rem;color:#a9cecc;text-align:right;letter-spacing:.03em}.hero-bottom{border-top:1px solid #ffffff1c;display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:30px;color:#818fab;font-size:.75rem;letter-spacing:.09em}.hero-bottom>div{display:flex;gap:24px;align-items:center;font-size:.8125rem;letter-spacing:0;color:#c0cadc}.hero-bottom i{width:3px;height:3px;background:#59708e;border-radius:50%}.motion-toggle{background:none;display:flex;align-items:center;gap:8px;color:#8997b1;font-size:.75rem;white-space:nowrap;padding:12px 0}.motion-toggle .icon{width:13px;height:13px}.motion-toggle:hover{color:#fff}.intro-in{animation:intro-in .85s cubic-bezier(.2,.7,.2,1) both}.intro-in:nth-child(2){animation-delay:.08s}.intro-in:nth-child(3){animation-delay:.16s}.intro-in:nth-child(4){animation-delay:.24s}.intro-in:nth-child(5){animation-delay:.32s}
/* Services */
.services{padding:110px 0 120px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{padding:32px 30px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:background .25s;position:relative;display:flex;flex-direction:column;min-width:0}.service-card:hover{background:#f2f4ff}.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:33px}.service-icon{width:41px;height:41px;display:grid;place-items:center;background:#eff2ff;color:#5169d5;border:1px solid #e2e8ff;border-radius:9px}.number{font-size:.75rem;font-family:ui-monospace,monospace;color:#858da1}.service-card h3{font-size:1.35rem;letter-spacing:-.035em;margin-bottom:14px;font-weight:550}.service-card>p{color:#697387;font-size:.9375rem;line-height:1.75;margin-bottom:28px}.service-details{margin-top:auto}.service-details summary,.insight-copy summary{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.875rem;cursor:pointer;list-style:none;font-weight:550}.service-details summary .icon,.insight-copy summary .icon{width:17px;height:17px;color:#6076d8;transition:transform .25s}.service-details[open] summary .icon,.insight-copy details[open] summary .icon{transform:rotate(45deg)}summary::-webkit-details-marker{display:none}.service-details ul{padding-top:18px}.service-details li{font-size:.875rem;color:#5f6e87;padding:8px 0;border-bottom:1px solid #dfe5f1;line-height:1.5}.service-details li:target{background:#e0e6ff;color:#293f9e;outline:6px solid #e0e6ff}
/* Products */
.products-section{padding:114px 0 110px;background:var(--navy);color:#f0f3fa}.products-section .section-heading>p{color:#a2aec5}.product-stage{border:1px solid #29334a;border-radius:15px;background:#10192a;overflow:hidden}.product-tabs{display:flex;background:#0d1422;border-bottom:1px solid #2a344b;gap:5px;padding:10px 12px}.product-tabs button{display:flex;gap:10px;align-items:center;padding:15px 22px;background:transparent;color:#a5b3cc;border-radius:7px;font-size:.875rem;transition:background .2s,color .2s}.product-tabs button[aria-selected=true]{background:#263553;color:#fff}.product-tabs button .icon{width:18px;height:18px}.product-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:52px;align-items:center}.product-label{display:block;font-family:ui-monospace,monospace;font-size:.75rem;letter-spacing:.09em;color:#9babfb;margin-bottom:24px}.product-copy h3{font-size:2.55rem;margin-bottom:20px}.product-copy p{font-size:.9375rem;line-height:1.8;color:#aab6cd}.product-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 30px}.product-tags span{font-size:.75rem;color:#c1cdec;border:1px solid #394965;border-radius:4px;padding:6px 8px}.product-map{background:#18253c;border:1px solid #3c4c69;border-radius:12px;transform:perspective(1200px) rotateY(-6deg);box-shadow:0 22px 42px #040a1580;transition:transform .6s;min-width:0}.product-map:hover{transform:perspective(1200px) rotateY(0deg) translateY(-3px)}.map-title{display:flex;align-items:center;gap:12px;padding:22px;border-bottom:1px solid #3a4660}.map-title>.icon{color:#a0adff;width:27px;height:27px}.map-title strong{display:block;font-size:.9375rem;letter-spacing:-.02em;font-weight:550}.map-title span{display:block;color:#8f9fbc;font-size:.75rem;margin-top:5px}.module-grid{display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:12px}.module-grid>div{background:#212f49;border:1px solid #384965;padding:17px 14px;border-radius:6px}.module-grid .icon{display:block;margin-bottom:20px;color:#94a7e4;width:20px;height:20px}.module-grid strong{display:block;font-size:.8125rem;font-weight:500;margin-bottom:7px}.module-grid span{display:block;font-size:.75rem;color:#a7b5cd;line-height:1.5}.map-note{font-size:.75rem;color:#9aabc8;margin:0;padding:0 22px 22px}.tailored-solutions{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;margin-top:75px}.tailored-solutions h3{font-size:2rem;color:#d6deed}.tailored-solutions .eyebrow{font-size:.75rem}.solution-item{border-top:1px solid #2d384f}.solution-item:last-child{border-bottom:1px solid #2d384f}.solution-item summary{display:flex;align-items:center;justify-content:space-between;padding:20px 0;list-style:none;font-size:.9375rem;cursor:pointer;color:#c6d1e4;gap:16px}.solution-item summary .icon{width:18px;height:18px;transition:transform .2s}.solution-item[open] summary .icon{transform:rotate(45deg)}.solution-item>div{padding-bottom:22px}.solution-item p{font-size:.9375rem;color:#9cabc5;margin-bottom:15px}.solution-item a{font-size:.875rem;color:#acb8ff;text-decoration:underline;text-underline-offset:4px}
/* Industry explorer */
.industry-section{padding:110px 0}.industry-explorer{display:grid;grid-template-columns:.82fr 1.5fr;gap:60px;align-items:stretch;border-top:1px solid #d7deec;padding-top:36px}.industry-choices{display:flex;flex-direction:column;gap:3px;align-items:stretch}.industry-choice{text-align:left;padding:15px 20px;border-radius:5px;display:flex;align-items:center;gap:18px;font-size:.9375rem;color:#5e6b82;background:transparent;line-height:1.4}.industry-choice:before{content:'';width:5px;height:5px;background:#a3acbd;border-radius:50%;flex-shrink:0}.industry-choice.selected{background:#e9edff;color:#3449a9;font-weight:600}.industry-choice.selected:before{background:#5a70d6}.industry-choice:hover{background:#edf0f7}.industry-story{padding:36px 42px;background:#edf0f8;border:1px solid #e0e5f0;border-radius:8px;display:flex;gap:32px;align-items:flex-start}.industry-index{color:#abb6d8;font-size:2.25rem;letter-spacing:-.06em;line-height:1.2}.industry-story .eyebrow{color:#687dbb;margin:3px 0 25px;font-size:.75rem}.industry-story h3{font-size:2.15rem;line-height:1.2;margin-bottom:20px;max-width:470px}.industry-story p:not(.eyebrow){font-size:.9375rem;color:#67738a}.industry-tags{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.industry-tags span{font-size:.75rem;background:white;border:1px solid #dce2f0;padding:8px 10px;border-radius:3px;color:#64748e}.text-link{font-size:.875rem;font-weight:600;color:#475bbc;text-decoration:underline;text-underline-offset:5px}
/* About and method */
.about-section{background:#e9edfc;padding:104px 0 90px;border-top:1px solid #dae1f6;color:#243256}.about-top{display:grid;grid-template-columns:.5fr 1.5fr 1fr;gap:50px;align-items:start}.about-top .eyebrow{color:#6679ac;max-width:100px;padding-top:6px}.about-top h2{font-size:3.1rem;line-height:1.15}.about-top h2 span{color:#7483b5}.about-top>p:last-child{font-size:.9375rem;color:#677596;margin-bottom:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:45px;border-top:1px solid #cad2ea;margin-top:62px;padding-top:35px}.process-step>span{font-size:.75rem;font-family:ui-monospace,monospace;color:#7686b4;display:block;margin-bottom:25px}.process-step h3{font-size:1.1875rem;font-weight:550;letter-spacing:-.02em;margin-bottom:14px}.process-step p{color:#6a7794;font-size:.875rem;line-height:1.8;margin-bottom:0}
/* Editorial notes */
.insights-section{padding:108px 0 116px}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.insight-card{border:1px solid #dce3f0;border-radius:7px;overflow:hidden;background:#fff}.insight-cover{padding:27px 28px 23px;min-height:250px;position:relative;overflow:hidden;transition:filter .3s}.insight-card:hover .insight-cover{filter:brightness(1.06)}.cover-0{background:#111d3b;color:#b7c5ff}.cover-1{background:#dce6fc;color:#283e7b}.cover-2{background:#e3ebe8;color:#294e49}.insight-cover>span:first-child{display:flex;justify-content:flex-end}.insight-cover .icon{width:28px;height:28px}.insight-cover h3{font-size:2.375rem;line-height:1.08;letter-spacing:-.045em;margin:44px 0 8px}.insight-number{position:absolute;right:27px;bottom:25px;font-family:ui-monospace,monospace;font-size:.75rem;opacity:.55}.insight-copy{padding:25px 27px 26px}.insight-copy .eyebrow{font-size:.75rem;margin-bottom:15px;letter-spacing:.08em}.insight-copy h4{font-size:1.125rem;line-height:1.5;letter-spacing:-.02em;margin-bottom:20px}.insight-copy summary{font-size:.8125rem;color:#667ca6}.insight-copy details p{font-size:.875rem;color:#6a7790;margin:20px 0 0}
/* Contact and a proper site footer */
.contact-section{background:#0e1729;color:#f2f5fd;padding:92px 0;border-top:1px solid #263048}.contact-inner{display:grid;grid-template-columns:1.6fr 1fr;gap:20px 90px;align-items:center}.contact-inner>.eyebrow{grid-column:1/-1;margin-bottom:10px}.contact-inner h2{font-size:clamp(3.5rem,6.5vw,6.25rem);letter-spacing:-.06em;line-height:1.04}.contact-inner h2 span{color:#93a6fb}.contact-inner>div{padding-top:15px}.contact-inner>div p{color:#aebbd3;font-size:1rem;line-height:1.8;margin-bottom:26px}.contact-email{display:block;color:#9fadce;font-size:.875rem;margin-top:21px;width:fit-content}.contact-email:hover{color:#fff}.site-footer{background:#090e1b;color:#a4b0c8;border-top:1px solid #293349;padding:65px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1.1fr 1.15fr .65fr;gap:50px}.footer-brand .brand{color:#fff;font-size:1.75rem}.footer-brand>p{font-size:.9375rem;line-height:1.8;max-width:255px;margin:25px 0}.footer-signoff{display:block;font-family:ui-monospace,monospace;font-size:.75rem;letter-spacing:.075em;color:#687997}.footer-grid h3{font-size:.8125rem;letter-spacing:0;font-weight:600;color:#ebeff9;margin:8px 0 24px}.footer-grid li{margin:0 0 13px}.footer-grid li a{font-size:.8125rem;color:#8291ad;line-height:1.5}.footer-grid li a:hover{color:#dce5fc}.footer-wordmark{font-size:clamp(6rem,17.6vw,16.5rem);line-height:1.1;letter-spacing:-.085em;font-weight:700;color:#18243c;margin:48px 0 24px;user-select:none}.footer-wordmark span{color:#2e4071}.footer-bottom{border-top:1px solid #23304a;padding:23px 0 29px;display:flex;justify-content:space-between;font-size:.75rem;color:#7b8bab}.footer-bottom a{color:#a6b4ce}
/* Motion is progressive: the page is visible without JavaScript. */
.reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.pending{opacity:0;transform:translateY(22px)}.reveal.in-view{opacity:1;transform:translateY(0)}.services-grid .reveal:nth-child(3n+2),.insights-grid .reveal:nth-child(2){transition-delay:.065s}.services-grid .reveal:nth-child(3n+3),.insights-grid .reveal:nth-child(3){transition-delay:.13s}@keyframes intro-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes art-breathe{from{transform:scale(1)}to{transform:scale(1.045) translateY(-8px)}}
html.motion-paused{scroll-behavior:auto}html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation:none!important;transition:none!important}html.motion-paused .reveal.pending{opacity:1;transform:none}html.motion-paused .hero-art{transform:none}
@media(min-width:1600px){.hero-art{width:65%;right:0}.hero-inner{min-height:690px}}
@media(max-width:1190px){.container{width:calc(100% - 64px)}.main-navigation{gap:18px}.brand{font-size:1.5rem}.nav-trigger,.nav-link,.nav-contact{font-size:.8125rem}.nav-contact{padding:11px 17px}.hero h1{font-size:5.2rem}.hero-copy{max-width:620px}.hero-description{max-width:465px}.hero-art{right:-15%;width:83%}.service-card{padding:27px 24px}.product-panel{padding:40px;gap:35px}.product-copy h3{font-size:2.3rem}.product-map{transform:none}.industry-explorer{gap:35px}.industry-story{padding:32px;gap:22px}.about-top{grid-template-columns:.4fr 1.3fr 1fr;gap:25px}.about-top h2{font-size:2.6rem}.footer-grid{gap:30px}}
@media(max-width:1020px){.mobile-toggle{display:flex;align-items:center;gap:12px;background:none;color:#e7ecf9;padding:13px 0 13px 13px;font-size:.875rem}.mobile-toggle .icon{width:22px;height:22px}.main-nav{min-height:72px}.main-navigation{position:absolute;top:100%;left:-32px;right:-32px;display:block;padding:18px 32px 26px;background:#111a2d;max-height:calc(100dvh - var(--header-height));overflow:auto;border-bottom:1px solid #3a4964;overscroll-behavior:contain}.js .main-navigation{display:none}.js .main-navigation.is-open{display:block}.main-navigation>.nav-link,.main-navigation>.nav-contact{display:block;width:100%;font-size:1rem;padding:16px 12px;line-height:1.5}.main-navigation>.home-link:after{display:none}.main-navigation>.nav-contact{margin-top:12px;text-align:center;background:#8195ff;color:#101b39}.nav-group,.nav-group:first-of-type{position:relative;border-bottom:1px solid #2c3850}.nav-trigger{width:100%;justify-content:space-between;padding:19px 12px;font-size:1rem}.dropdown{position:static;max-height:none;box-shadow:none;border:0;border-radius:8px;margin:0 0 12px;animation:none}.services-menu{padding:20px}.menu-topline{font-size:.75rem;align-items:start}.menu-topline a{font-size:.75rem}.mega-grid{grid-template-columns:repeat(2,1fr);gap:25px}.mega-group li a{padding:8px 0}.compact-menu{padding:18px 12px}.compact-menu a{padding:13px 12px}.hero-inner{min-height:600px}.hero h1{font-size:4.65rem}.hero-description{max-width:440px;font-size:1rem}.hero-art{right:-30%;width:99%;opacity:.9}.hero:before{background:linear-gradient(90deg,#090e1b 0%,#090e1be3 34%,#090e1b78 60%,#090e1b18 85%),linear-gradient(0deg,#090e1b 0%,transparent 25%)}.hero-art-caption{display:none}.hero-bottom{gap:20px}.hero-bottom>span{display:none}.services,.products-section,.industry-section,.insights-section{padding-block:90px}.section-heading{gap:40px}.section-heading>p{max-width:290px;font-size:.9375rem}.service-card h3{font-size:1.18rem}.product-panel{gap:25px;padding:32px}.product-copy h3{font-size:2.05rem}.map-title{padding:18px}.module-grid{padding:14px;gap:8px}.module-grid>div{padding:13px 11px}.module-grid strong{font-size:.75rem}.about-top{grid-template-columns:1.2fr 1fr;gap:25px}.about-top>.eyebrow{grid-column:1/-1;max-width:none;margin-bottom:3px}.process-grid{gap:28px}.footer-grid{grid-template-columns:1.25fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.footer-grid>div:last-child ul{display:flex;flex-wrap:wrap;gap:12px 25px}.footer-grid>div:last-child li{margin:0}.footer-grid>div:last-child h3{margin-bottom:15px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.main-navigation{left:-20px;right:-20px;padding:16px 20px 25px}.utility-phone{display:none}.utility-inner{font-size:.75rem}.utility-contact{gap:12px}.quote-link{font-size:.75rem}.hero-inner{padding:62px 0 240px;min-height:690px;align-items:flex-start}.hero h1{font-size:clamp(2.9rem,8vw,4.4rem);line-height:1.075;letter-spacing:-.06em}.hero-description{font-size:1rem;max-width:490px}.hero-copy{max-width:100%}.hero .eyebrow{font-size:.75rem}.hero-art{width:100%;height:62%;right:-10%;top:auto;bottom:0;opacity:.85}.hero-art img{object-position:65% center}.hero:before{background:linear-gradient(180deg,#090e1b 0%,#090e1b 36%,#090e1b94 57%,#090e1b00 80%,#090e1b 100%)}.hero-caption{display:none}.hero-bottom{min-height:72px;gap:16px}.hero-bottom>div{font-size:.75rem;gap:12px}.motion-toggle span{font-size:0}.motion-toggle .icon{width:17px;height:17px}.hero-actions{gap:12px}.button{font-size:.8125rem;padding:14px 20px}.section-heading{display:block;margin-bottom:37px}.section-heading>p{max-width:450px;margin-top:24px;margin-bottom:0;font-size:.9375rem}.eyebrow{font-size:.75rem;margin-bottom:19px}h2{font-size:2.75rem}.services,.products-section,.industry-section,.insights-section{padding-block:76px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{padding:25px 20px}.service-card-top{margin-bottom:24px}.service-card>p{font-size:.875rem}.service-card h3{font-size:1.2rem}.product-panel{grid-template-columns:1fr;padding:30px;gap:35px}.product-copy h3{font-size:2.35rem}.product-map{max-width:500px;width:100%}.product-tabs{padding:8px;gap:2px}.product-tabs button{padding:13px 12px;font-size:.75rem;flex:1;justify-content:center}.product-tabs button .icon{width:16px;height:16px}.module-grid{padding:20px;gap:14px}.module-grid>div{padding:18px}.module-grid strong{font-size:.875rem}.module-grid span{font-size:.75rem}.tailored-solutions{grid-template-columns:1fr;gap:10px;margin-top:45px}.tailored-solutions h3{font-size:1.8rem}.tailored-solutions h3 br{display:none}.tailored-solutions .eyebrow{margin-bottom:18px}.industry-explorer{grid-template-columns:1fr;gap:24px;padding-top:25px}.industry-choices{flex-direction:row;flex-wrap:wrap;gap:8px}.industry-choice{font-size:.8125rem;padding:11px 13px;border:1px solid #d9e0ef;border-radius:5px;gap:8px}.industry-choice:before{display:none}.industry-story{gap:20px;padding:30px}.industry-story h3{font-size:1.9rem}.industry-index{font-size:1.5rem}.about-section{padding-block:72px}.about-top{grid-template-columns:1fr;gap:20px}.about-top h2{font-size:2.8rem}.about-top>p:last-child{max-width:560px}.process-grid{grid-template-columns:repeat(2,1fr);gap:40px;margin-top:36px}.process-step>span{margin-bottom:15px}.insights-grid{grid-template-columns:1fr;gap:24px}.insight-card{display:grid;grid-template-columns:1fr 1fr}.insight-cover{min-height:240px;padding:24px}.insight-cover h3{font-size:2.1rem}.insight-copy{padding:27px 24px}.contact-section{padding-block:70px}.contact-inner{grid-template-columns:1fr;gap:24px}.contact-inner h2{font-size:4.4rem}.contact-inner>div{padding-top:0}.contact-inner>div p{margin-bottom:24px}.contact-email{font-size:.875rem}.site-footer{padding-top:48px}.footer-grid{grid-template-columns:1fr 1fr;gap:34px}.footer-brand{grid-column:1/-1}.footer-brand>p{max-width:360px;margin:17px 0}.footer-signoff{display:none}.footer-grid>div:last-child{grid-column:1/-1}.footer-wordmark{font-size:17vw;margin:40px 0 24px}.footer-bottom{gap:20px;line-height:1.6}.reveal{transition-delay:0s!important}}
@media(max-width:460px){.mega-grid{grid-template-columns:1fr}.menu-topline>span{max-width:100px}.hero h1{font-size:2.92rem}.hero-description{font-size:.9375rem}.hero-inner{min-height:706px;padding-bottom:248px}.hero-art{bottom:-8px;height:50%;right:-8%;width:110%}.hero-actions .button{padding:13px 17px;min-height:49px;font-size:.75rem}.hero-bottom>div{gap:9px;font-size:.75rem}.hero-bottom>div i{width:2px;height:2px}.services-grid{grid-template-columns:1fr}.service-card{padding:29px 24px}.service-card-top{margin-bottom:25px}.service-card h3{font-size:1.3rem}.service-card>p{font-size:.9375rem}.service-details summary{font-size:.875rem}.service-card>p{margin-bottom:22px}h2{font-size:2.4rem}.product-panel{padding:25px 21px}.product-copy h3{font-size:2.12rem}.product-tabs button{font-size:.75rem;gap:7px;padding:14px 6px}.product-tabs button .icon{width:15px;height:15px}.module-grid{padding:14px;gap:10px}.module-grid>div{padding:15px 12px}.module-grid strong{font-size:.75rem}.module-grid span{font-size:.75rem}.industry-story{padding:26px 21px;display:block}.industry-index{display:none}.industry-story h3{font-size:1.8rem}.industry-choice{font-size:.75rem;padding:11px 10px}.about-top h2{font-size:2.3rem}.process-grid{gap:30px 22px}.insight-card{display:block}.insight-cover{min-height:230px}.insight-cover h3{font-size:2.4rem}.contact-inner h2{font-size:3.7rem}.footer-grid{gap:30px 20px}.footer-grid li a{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}.hero-art{transform:none!important}}

/* Keep smaller screens and everyday reading comfortable. */
.service-card>p,.product-copy p,.industry-story p:not(.eyebrow),.about-top>p:last-child{font-size:1rem}.hero-bottom>div{flex-wrap:wrap;min-width:0}.motion-toggle{min-height:44px;min-width:32px}.hero-bottom{padding-block:8px}

@media(min-width:1021px){.main-navigation{align-self:stretch;align-items:stretch}.nav-group{display:flex;align-items:stretch}.nav-trigger{align-items:center}.nav-contact{align-self:center}}
@media(min-width:1021px){.main-navigation{flex:1;justify-content:center}.main-nav .nav-contact{position:absolute;right:0;top:50%;transform:translateY(-50%)}}
.motion-toggle:disabled{cursor:default;opacity:.8}
/* A coordinated motion language, inspired by contemporary studio sites. */
.split-title .word-clip{display:inline-block;overflow:clip;vertical-align:top;padding-bottom:.17em;margin-bottom:-.17em;line-height:inherit;color:inherit}.split-title .word{display:block;line-height:inherit;color:inherit;transform:translateY(0);transition:transform .85s cubic-bezier(.18,.8,.2,1);transition-delay:var(--word-delay,0ms)}.split-title.words-waiting .word{transform:translateY(120%) rotate(4deg)}.hero h1.split-title{animation:none}.hero h1 .word-clip,.hero h1 .word{color:inherit}.hero h1>span:not(.word-clip){color:#a5b5ff}.hero-art img{transform-origin:63% 55%;animation:sculpture-drift 14s cubic-bezier(.45,0,.55,1) infinite alternate}.hero-art{transform:translate3d(var(--art-x,0),calc(var(--art-y,0px) + var(--scroll-lift,0px)),0) scale(var(--scroll-scale,1));transition:transform .9s cubic-bezier(.2,.6,.2,1)}.hero-copy{transform:translateY(var(--copy-lift,0px));transition:transform .65s ease-out}.product-stage{transform:perspective(1600px) scale(var(--stage-scale,1)) rotateX(var(--stage-rotate,0deg));transform-origin:center top;transition:transform .65s cubic-bezier(.18,.75,.2,1),opacity .6s ease}.product-stage.pending{transform:perspective(1600px) translateY(32px) scale(.96)}.footer-wordmark{transform:translateY(var(--footer-shift,0px));transition:transform .65s ease-out}.service-card{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s ease-out,background .3s,opacity .65s;transform-origin:center}.service-card.pending{transform:perspective(1200px) translateY(35px) rotateX(2deg);opacity:0}.service-icon{transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s,color .4s}.service-card:hover .service-icon{transform:rotate(-7deg);background:#dce3ff;color:#4159c0}.service-details li{transition:background .25s,color .25s}.service-details li:hover{background:#e7edff;color:#344bac}
.expertise-marquee{background:#e9edfb;color:#273762;overflow:hidden;border-top:1px solid #46536a25;border-bottom:1px solid #cdd5ee;padding:26px 0}.marquee-track{display:flex;width:max-content;animation:expertise-slide 38s linear infinite}.marquee-group{display:flex;align-items:center;flex-shrink:0;gap:45px;padding-right:45px}.marquee-group>span{font-size:clamp(1.5rem,2.5vw,2.65rem);letter-spacing:-.035em;font-weight:500;white-space:nowrap}.marquee-group>i{font-size:1.6rem;font-style:normal;color:#7c92e8}.expertise-marquee:hover .marquee-track,.expertise-marquee:focus-within .marquee-track{animation-play-state:paused}.rolling-button{position:relative;isolation:isolate;overflow:hidden}.rolling-button:before{content:'';position:absolute;inset:0;z-index:-1;background:#b4c0ff;transform:translateY(105%);transition:transform .42s cubic-bezier(.2,.75,.2,1)}.rolling-button:hover:before,.rolling-button:focus-visible:before{transform:translateY(0)}.rolling-button .button-label-window{display:block;position:relative;overflow:hidden;line-height:1.4}.button-label-main,.button-label-copy{display:block;transition:transform .42s cubic-bezier(.2,.75,.2,1);white-space:nowrap}.button-label-copy{position:absolute;inset:0;transform:translateY(130%)}.rolling-button:hover .button-label-main,.rolling-button:focus-visible .button-label-main{transform:translateY(-130%)}.rolling-button:hover .button-label-copy,.rolling-button:focus-visible .button-label-copy{transform:translateY(0)}.button-ghost.rolling-button:hover,.button-ghost.rolling-button:focus-visible,.nav-contact.rolling-button:hover,.nav-contact.rolling-button:focus-visible{color:#142344;border-color:#b4c0ff}.page-hidden *{animation-play-state:paused!important}.motion-paused .word,.motion-paused .hero-copy,.motion-paused .product-stage,.motion-paused .footer-wordmark,.motion-paused .service-card{transform:none!important}.motion-paused .marquee-track{animation:none!important}.motion-paused .expertise-marquee{overflow:auto}.motion-paused .marquee-group[aria-hidden=true]{display:none}.motion-paused .button-label-main{transform:none!important}.motion-paused .button-label-copy{display:none}.motion-paused .rolling-button:before{display:none}
@keyframes expertise-slide{to{transform:translateX(-50%)}}@keyframes sculpture-drift{0%{transform:scale(1.015) translate3d(0,6px,0) rotate(-.8deg)}50%{transform:scale(1.045) translate3d(-7px,-5px,0) rotate(.4deg)}100%{transform:scale(1.075) translate3d(4px,-13px,0) rotate(1.2deg)}}
@media(max-width:760px){.expertise-marquee{padding:21px 0}.marquee-group{gap:26px;padding-right:26px}.marquee-group>span{font-size:1.5rem}.marquee-group>i{font-size:1.25rem}.service-card{transform:none}.hero-copy{transform:none}.product-stage{transform:none}}
@media(prefers-reduced-motion:reduce){.split-title .word,.hero-copy,.product-stage,.footer-wordmark,.service-card{transform:none!important}.button-label-main{transform:none!important}.button-label-copy{display:none}.rolling-button:before{display:none}.expertise-marquee{overflow:auto}.marquee-track{animation:none!important}.marquee-group[aria-hidden=true]{display:none}}
@media(min-width:761px){.product-stage.in-view{transform:perspective(1600px) scale(var(--stage-scale,1)) rotateX(var(--stage-rotate,0deg))}.service-card.in-view{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}}.motion-paused .product-stage.in-view,.motion-paused .service-card.in-view{transform:none!important}
/* Our Clients sits between the closing invitation and the footer. */
.clients-section{background:#0b1222;color:#eef2fb;padding:88px 0 82px;border-top:1px solid #2a3550;border-bottom:1px solid #293349;overflow:hidden}.clients-heading{display:grid;grid-template-columns:.48fr 1.52fr;gap:50px;align-items:start;margin-bottom:58px}.clients-heading>.eyebrow{padding-top:8px}.clients-heading>div{display:grid;grid-template-columns:1.1fr .8fr;gap:70px;align-items:end}.clients-heading h2{font-size:clamp(2.8rem,4.7vw,4.7rem);line-height:1.06}.clients-heading h2 span{color:#93a6fb}.clients-heading p:not(.eyebrow){color:#9facbf;font-size:1rem;line-height:1.75;margin:0}.clients-rail{overflow:hidden;border-top:1px solid #26314a;border-bottom:1px solid #26314a;padding:27px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.clients-track{display:flex;width:max-content;animation:clients-slide 35s linear infinite}.clients-group{display:flex;align-items:center;gap:48px;flex-shrink:0;padding-right:48px}.client-name{font-size:clamp(1.35rem,2.2vw,2.25rem);font-weight:600;letter-spacing:-.045em;color:#dce3f4;white-space:nowrap}.clients-group i{font-style:normal;color:#7184dc;font-size:1.15rem}.clients-rail:hover .clients-track,.clients-rail:focus-within .clients-track{animation-play-state:paused}.motion-paused .clients-track{animation:none!important}.motion-paused .clients-rail{overflow:auto;mask-image:none;-webkit-mask-image:none}.motion-paused .clients-group[aria-hidden=true]{display:none}@keyframes clients-slide{to{transform:translateX(-50%)}}
@media(max-width:760px){.clients-section{padding:70px 0 64px}.clients-heading{grid-template-columns:1fr;gap:12px;margin-bottom:40px}.clients-heading>div{grid-template-columns:1fr;gap:24px}.clients-heading h2{font-size:2.8rem}.clients-heading p:not(.eyebrow){max-width:520px}.clients-rail{padding:22px 0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.clients-group{gap:30px;padding-right:30px}.client-name{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){.clients-track{animation:none!important}.clients-rail{overflow:auto;mask-image:none;-webkit-mask-image:none}.clients-group[aria-hidden=true]{display:none}}
/* Light primary navigation separates the menu from the dark utility bar and hero. */
.nav-shell{background:#eef1ff;color:#151c2e;border-bottom:1px solid #cbd4f2}.nav-shell .brand{color:#151c2e}.nav-shell .brand-mark{color:#5268d7}.nav-shell .brand-period{color:#536ae1}.nav-shell .nav-trigger,.nav-shell .nav-link{color:#56627a}.nav-shell .nav-trigger:hover,.nav-shell .nav-link:hover,.nav-shell .home-link,.nav-shell .nav-trigger[aria-expanded=true]{color:#11182a}.nav-shell .home-link:after{background:#536ae1}.nav-shell .nav-contact{background:#586ddb;border-color:#586ddb;color:#fff;box-shadow:0 7px 20px #5268d72b}.nav-shell .nav-contact:hover{background:#3e54c4;border-color:#3e54c4;color:#fff}.nav-shell .mobile-toggle{color:#151c2e}.nav-shell .dropdown{box-shadow:0 24px 60px #2634602e}
@media(max-width:1020px){.nav-shell .main-navigation{background:#eef1ff;color:#151c2e;border-bottom-color:#cbd4f2}.nav-shell .nav-group{border-bottom-color:#d5dcf1}.nav-shell .nav-contact{background:#586ddb;color:#fff}.nav-shell .dropdown{background:#fff}.nav-shell .nav-trigger[aria-expanded=true]{color:#263c9d}}
/* Center the primary links between the logo and Contact with equal side spacing. */
@media(min-width:1021px){.nav-shell .main-nav{justify-content:space-between}.nav-shell .main-navigation{display:flex;align-items:center;gap:clamp(14px,1.25vw,24px)}}
@media(min-width:1191px){.nav-shell .nav-trigger,.nav-shell .nav-link,.nav-shell .nav-contact{font-size:1rem}}

/* Dedicated service, product, and industry pages. */
.nav-shell .current-section{color:#11182a}.menu-view-all{color:#4059d3!important;font-weight:650;border-bottom:1px solid #dce3f6;margin-bottom:8px}.service-card h3 a{transition:color .2s}.service-card h3 a:hover{color:#4059d3}.service-details li a{display:block;color:inherit}.detail-page{background:#f8f9fc;color:var(--ink)}.detail-page .site-header{background:#090e1b}.detail-main{overflow:hidden}.detail-hero{min-height:620px}.detail-hero .hero-art{width:58%;right:-3%;opacity:.72}.detail-hero .hero-art img{object-position:61% center}.detail-hero-grid{min-height:620px;padding:78px 0 86px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.7fr);gap:90px;align-items:center}.detail-hero-copy{max-width:780px}.breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#8391ad;font-size:.78rem;margin-bottom:38px}.breadcrumbs a{color:#adb8cd}.breadcrumbs a:hover{color:#fff}.detail-hero .eyebrow{margin-bottom:20px}.detail-hero h1{font-size:clamp(3.5rem,6vw,6.6rem);line-height:1.02;margin:0 0 27px;max-width:850px}.detail-lead{max-width:670px;color:#b6c2d6;font-size:1.08rem;line-height:1.8;margin-bottom:34px}.detail-outcome-card{align-self:end;background:#101a2dce;border:1px solid #35415a;border-radius:13px;padding:30px 30px 25px;backdrop-filter:blur(12px);box-shadow:0 30px 70px #02050d54}.detail-outcome-card>span{display:block;font-family:ui-monospace,monospace;font-size:.69rem;letter-spacing:.11em;color:#8fa3ee;margin-bottom:18px}.detail-outcome-card h2{font-size:1.75rem;line-height:1.2;letter-spacing:-.04em;margin-bottom:24px}.detail-outcome-card li{position:relative;padding:13px 0 13px 24px;border-top:1px solid #344059;color:#bec9dc;font-size:.91rem}.detail-outcome-card li:before{content:'↗';position:absolute;left:0;color:#93a6fb}.detail-overview{padding:108px 0}.detail-two-col{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.detail-two-col h2 span{color:#7c8496}.detail-prose{padding-top:39px;border-top:1px solid #d6dce8}.detail-prose p{font-size:1.03rem;color:#606c80;line-height:1.85;margin-bottom:22px}.detail-capabilities{padding:112px 0 120px;background:#0b1222;color:#eef2fb}.detail-capabilities .section-heading>p{color:#9eabc1}.detail-card-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #303b51;border-left:1px solid #303b51}.detail-card{padding:34px 34px 38px;border-right:1px solid #303b51;border-bottom:1px solid #303b51;min-height:245px;background:#10192a;transition:background .25s,transform .25s}.detail-card:hover{background:#151f34;transform:translateY(-3px)}.detail-card>span{display:block;font-family:ui-monospace,monospace;color:#7587cd;font-size:.75rem;margin-bottom:42px}.detail-card h3{font-size:1.55rem;color:#f2f5fb;margin-bottom:14px}.detail-card p{color:#9facbf;font-size:.92rem;line-height:1.75;max-width:540px;margin-bottom:0}.detail-method{padding:110px 0}.detail-method-heading{display:grid;grid-template-columns:.5fr 1.5fr;gap:60px;align-items:start}.detail-method-heading h2{font-size:clamp(2.8rem,4.5vw,4.7rem)}.detail-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:38px;border-top:1px solid #d5dce9;margin-top:66px;padding-top:34px}.detail-steps article>span{font-family:ui-monospace,monospace;font-size:.72rem;color:#6479be;display:block;margin-bottom:26px}.detail-steps h3{font-size:1.24rem;margin-bottom:13px}.detail-steps p{font-size:.88rem;color:#687589;line-height:1.75;margin:0}.detail-related{padding:110px 0;background:#fff}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.related-card{position:relative;min-height:180px;padding:29px;border:1px solid #dce2ee;border-radius:8px;background:#f7f8fc;transition:background .25s,border-color .25s,transform .25s}.related-card:hover{background:#eef1ff;border-color:#cbd3f4;transform:translateY(-3px)}.related-card>span{display:block;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:#75819a;margin-bottom:31px}.related-card strong{font-size:1.4rem;font-weight:550;letter-spacing:-.035em}.related-card i{position:absolute;right:27px;top:27px;color:#5a70d6;font-style:normal}.detail-cta{background:#0e1729;color:#f1f4fb;padding:92px 0;border-top:1px solid #29344d}.detail-cta-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:100px;align-items:end}.detail-cta h2{font-size:clamp(3.4rem,6vw,6rem);line-height:1.02}.detail-cta-inner>div:last-child{padding-bottom:10px}.detail-cta p:not(.eyebrow){color:#aebbd1;font-size:1rem;line-height:1.8;margin-bottom:27px}.hub-hero .detail-hero-grid{grid-template-columns:1fr}.hub-hero .detail-hero-copy{max-width:850px}.hub-listing{padding:112px 0 120px}.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.hub-card{display:flex;flex-direction:column;min-height:320px;padding:35px;border:1px solid #dce2ed;border-radius:9px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.hub-card:hover{transform:translateY(-5px);border-color:#bec9ef;box-shadow:0 25px 55px #28376214}.hub-card>span{font-family:ui-monospace,monospace;letter-spacing:.09em;font-size:.7rem;color:#687cbf;margin-bottom:45px}.hub-card h2{font-size:2.15rem;margin-bottom:18px}.hub-card p{color:#667287;font-size:.94rem;line-height:1.75;margin-bottom:30px}.hub-card strong{margin-top:auto;color:#4359ba;font-size:.87rem}.hub-card strong i{font-style:normal;margin-left:7px}
@media(max-width:1190px){.detail-hero-grid{gap:55px}.detail-outcome-card{padding:26px}.detail-two-col{gap:65px}.detail-card{padding:30px}.detail-cta-inner{gap:65px}}
@media(max-width:1020px){.detail-hero{min-height:auto}.detail-hero-grid{min-height:590px;grid-template-columns:1fr .65fr;gap:35px;padding:70px 0}.detail-hero h1{font-size:4.55rem}.detail-hero .hero-art{width:78%;right:-18%}.detail-two-col{gap:45px}.detail-steps{grid-template-columns:repeat(2,1fr)}.detail-cta-inner{grid-template-columns:1.2fr .8fr}.hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.detail-hero-grid{grid-template-columns:1fr;padding:58px 0 70px;gap:42px}.detail-hero .hero-art{width:120%;height:70%;right:-37%;top:auto;bottom:0;opacity:.42}.detail-hero:before{background:linear-gradient(180deg,#090e1b 0%,#090e1bf2 52%,#090e1b73 77%,#090e1b 100%)}.detail-hero h1{font-size:clamp(3rem,13vw,4.5rem)}.detail-lead{font-size:1rem}.detail-outcome-card{max-width:520px}.detail-overview,.detail-method,.detail-related,.hub-listing{padding:76px 0}.detail-two-col{grid-template-columns:1fr;gap:36px}.detail-prose{padding-top:28px}.detail-card-grid{grid-template-columns:1fr}.detail-card{min-height:210px}.detail-method-heading{grid-template-columns:1fr;gap:10px}.detail-steps{gap:30px}.detail-cta{padding:72px 0}.detail-cta-inner{grid-template-columns:1fr;gap:30px}.detail-cta h2{font-size:3.7rem}.related-grid,.hub-grid{grid-template-columns:1fr}.hub-card{min-height:280px}}
@media(max-width:480px){.detail-steps{grid-template-columns:1fr}.detail-outcome-card{padding:24px}.detail-card{padding:27px 24px}.detail-cta h2{font-size:3.2rem}.breadcrumbs{margin-bottom:29px}.hub-card{padding:28px}}

/* Premium expertise cards: distinctive icons, colour coding, and deeper interaction. */
.services{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 8%,#e9edff 0,transparent 29%),radial-gradient(circle at 91% 72%,#e8f8f4 0,transparent 25%),#f7f8fc}.services:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:linear-gradient(#536ae109 1px,transparent 1px),linear-gradient(90deg,#536ae109 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,#000,transparent 62%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 62%)}.services>.container{position:relative}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border:0}.service-card{--service-accent:#5b70dc;--service-soft:#edf0ff;--service-glow:#5b70dc24;position:relative;isolation:isolate;overflow:hidden;padding:34px 32px 30px;border:1px solid #dfe4f0;border-radius:20px;background:linear-gradient(155deg,#fff 0%,#fbfcff 70%);box-shadow:0 14px 45px #26365d0b;transition:border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.2,.8,.2,1)}.service-card:nth-child(1){--service-accent:#6658e8;--service-soft:#eeecff;--service-glow:#6658e82b}.service-card:nth-child(2){--service-accent:#157fd2;--service-soft:#e7f4ff;--service-glow:#157fd226}.service-card:nth-child(3){--service-accent:#4c68d7;--service-soft:#eaf0ff;--service-glow:#4c68d727}.service-card:nth-child(4){--service-accent:#138c78;--service-soft:#e5f8f3;--service-glow:#138c7826}.service-card:nth-child(5){--service-accent:#d56a32;--service-soft:#fff0e7;--service-glow:#d56a3227}.service-card:nth-child(6){--service-accent:#c54d85;--service-soft:#fdebf4;--service-glow:#c54d8527}.service-card:before{content:'';position:absolute;z-index:-1;width:220px;height:220px;border-radius:50%;right:-115px;top:-125px;background:radial-gradient(circle,var(--service-glow),transparent 70%);transition:transform .5s,opacity .5s}.service-card:after{content:'';position:absolute;left:30px;right:30px;top:0;height:3px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,var(--service-accent),color-mix(in srgb,var(--service-accent) 35%,transparent));transform:scaleX(.28);transform-origin:left;opacity:.72;transition:transform .45s,opacity .45s}.service-card:hover{background:#fff;border-color:color-mix(in srgb,var(--service-accent) 29%,#dfe4f0);box-shadow:0 26px 70px var(--service-glow);transform:translateY(-7px)}.service-card:hover:before{transform:scale(1.28);opacity:.9}.service-card:hover:after{transform:scaleX(1);opacity:1}.service-card-top{align-items:center;margin-bottom:32px}.service-icon{position:relative;width:64px;height:64px;border:1px solid color-mix(in srgb,var(--service-accent) 22%,#fff);border-radius:18px;background:linear-gradient(145deg,#fff,var(--service-soft));color:var(--service-accent);box-shadow:0 12px 28px var(--service-glow),inset 0 1px 0 #fff;transform:rotate(-2deg);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.service-icon:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;right:-3px;top:-3px;background:var(--service-accent);border:3px solid #fff;box-shadow:0 3px 10px var(--service-glow)}.service-icon .icon{position:relative;z-index:1;width:34px;height:34px;stroke-width:1.75}.service-card:hover .service-icon{transform:translateY(-4px) rotate(3deg) scale(1.04);background:linear-gradient(145deg,#fff,var(--service-soft));color:var(--service-accent);box-shadow:0 18px 36px var(--service-glow),inset 0 1px 0 #fff}.service-kicker{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--service-accent) 20%,#e3e7f0);border-radius:999px;background:var(--service-soft);color:color-mix(in srgb,var(--service-accent) 80%,#26324b);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;font-weight:650;letter-spacing:.075em;text-transform:uppercase}.service-card h3{font-size:1.55rem;line-height:1.2;letter-spacing:-.04em;margin-bottom:15px}.service-card h3 a:hover{color:var(--service-accent)}.service-card>p{min-height:88px;color:#657188;font-size:.96rem;line-height:1.72;margin-bottom:27px}.service-details{border-top:1px solid #e3e7ef;padding-top:19px}.service-details summary{color:#1f2940;font-size:.88rem;font-weight:650}.service-details summary .icon{width:29px;height:29px;padding:7px;border:1px solid color-mix(in srgb,var(--service-accent) 20%,#dfe4ed);border-radius:50%;background:var(--service-soft);color:var(--service-accent);transition:transform .3s,background .3s,color .3s}.service-details summary:hover{color:var(--service-accent)}.service-details[open] summary .icon{background:var(--service-accent);color:#fff;border-color:var(--service-accent);transform:rotate(45deg)}.service-details ul{margin-top:17px;padding:8px 14px 4px;border-radius:12px;background:color-mix(in srgb,var(--service-soft) 55%,#fff)}.service-details li{padding:0;border-bottom:1px solid color-mix(in srgb,var(--service-accent) 10%,#e0e5ee);font-size:.84rem}.service-details li:last-child{border-bottom:0}.service-details li a{padding:10px 3px}.service-details li:hover{background:transparent;color:var(--service-accent)}
@media(max-width:1020px){.services-grid{grid-template-columns:repeat(2,1fr)}.service-card>p{min-height:64px}}
@media(max-width:760px){.services-grid{gap:14px}.service-card{padding:28px 25px 25px;border-radius:17px}.service-card-top{margin-bottom:27px}.service-icon{width:58px;height:58px;border-radius:16px}.service-icon .icon{width:31px;height:31px}.service-card h3{font-size:1.38rem}.service-card>p{min-height:0}.service-kicker{font-size:.61rem}}
@media(max-width:560px){.services-grid{grid-template-columns:1fr}.service-card{min-height:auto}.service-card>p{font-size:.93rem}}

/* Controlled neon direction: luminous technology accents with readable, premium surfaces. */
:root{--neon-cyan:#38e8ff;--neon-blue:#7185ff;--neon-violet:#b45cff;--neon-mint:#5fffd2;--neon-pink:#ff62bd;--neon-dark:#060916;--neon-panel:#0d1427;--neon-line:#647cff55}
body{background:var(--neon-dark)}.site-header{box-shadow:0 1px 0 #7a8fff29,0 8px 30px #02040d4d}.utility{background:linear-gradient(90deg,#070b18,#0a1022 50%,#070b18);border-bottom-color:#7185ff29}.utility-contact>a:hover,.quote-link:hover{color:var(--neon-cyan);text-shadow:0 0 18px #38e8ff80}.nav-shell{background:linear-gradient(96deg,#f3f5ff,#edf1ff 48%,#f5f3ff);border-bottom-color:#9eabf25e;box-shadow:0 10px 30px #1c2e6512}.nav-shell .brand-mark{color:#5d70e8;filter:drop-shadow(0 0 9px #6176ff75)}.nav-shell .nav-contact{background:linear-gradient(110deg,#5369e8,#7865ec 54%,#516fe9);border-color:#7c8cff;color:#fff;box-shadow:0 8px 24px #5469e747,0 0 0 1px #ffffff2b inset}.nav-shell .nav-contact:hover{background:linear-gradient(110deg,#4059da,#6c50df 54%,#3f68dd);border-color:#8da0ff;box-shadow:0 10px 34px #526cff70,0 0 18px #7d6dff55;color:#fff}.nav-shell .dropdown{border-color:#92a0e84d;box-shadow:0 28px 80px #151f4c35,0 0 30px #7285ff14}
.hero{background:radial-gradient(circle at 78% 30%,#36207166 0,transparent 28%),radial-gradient(circle at 68% 82%,#07546a52 0,transparent 30%),linear-gradient(135deg,#050815 0%,#091025 57%,#080b18 100%)}.hero:after{content:'';position:absolute;z-index:-1;inset:-24%;pointer-events:none;background-image:linear-gradient(#6c83ff13 1px,transparent 1px),linear-gradient(90deg,#6c83ff13 1px,transparent 1px);background-size:72px 72px;transform:perspective(700px) rotateX(62deg) translateY(34%);transform-origin:center bottom;mask-image:linear-gradient(180deg,transparent 16%,#000 72%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent 16%,#000 72%,transparent);animation:neon-grid-drift 18s linear infinite}.hero:before{background:linear-gradient(90deg,#060916 0%,#060916f2 28%,#0609168c 51%,#06091614 78%),linear-gradient(0deg,#060916 0%,transparent 27%),radial-gradient(circle at 58% 42%,transparent 0,#070a1757 68%)}.hero-art img{opacity:.9;filter:saturate(1.18) contrast(1.04) drop-shadow(0 0 24px #705dff40) drop-shadow(0 0 55px #21dffc22);animation:art-breathe 13s ease-in-out infinite alternate,neon-art-pulse 5.5s ease-in-out infinite}.hero h1 span,.detail-hero h1 span{color:#a8b5ff;text-shadow:0 0 28px #7185ff54}.hero .eyebrow.light,.detail-hero .eyebrow.light{color:#82eeff;text-shadow:0 0 14px #38e8ff5c}.hero-description,.detail-lead{color:#c0c9dc}.button-primary{background:linear-gradient(110deg,#7185ff,#8c69ff 52%,#4ecfe8);color:#071023;box-shadow:0 8px 34px #6f78ff4a,0 0 24px #3be3ff28,inset 0 1px 0 #ffffff9e}.button-primary:hover{background:linear-gradient(110deg,#8fa0ff,#aa7dff 52%,#71e5f8);box-shadow:0 12px 42px #7a70ff70,0 0 32px #38e8ff45}.button-ghost{border-color:#7689c7;background:#080d1ca3;box-shadow:inset 0 0 18px #6178ff0f}.button-ghost:hover{border-color:var(--neon-cyan);background:#101a31;color:#fff;box-shadow:0 0 22px #38e8ff35,inset 0 0 20px #38e8ff10}.mini-line{background:linear-gradient(90deg,var(--neon-blue),var(--neon-cyan));box-shadow:0 0 12px #38e8ff}.hero-art-caption{color:#8bf4e3;text-shadow:0 0 16px #5fffd24a}.hero-bottom{border-top-color:#7185ff2e}.motion-toggle:hover{color:var(--neon-cyan);text-shadow:0 0 12px #38e8ff55}
.expertise-marquee{background:linear-gradient(90deg,#0a1020,#111831 50%,#0a1020);color:#e6ebff;border-top-color:#667cff42;border-bottom-color:#667cff42;box-shadow:inset 0 1px 24px #5167ff12}.marquee-group>span{background:linear-gradient(90deg,#f4f6ff,#acbaff 55%,#7debdc);-webkit-background-clip:text;background-clip:text;color:transparent}.marquee-group>i{color:var(--neon-cyan);text-shadow:0 0 16px #38e8ff}
.services{background:radial-gradient(circle at 7% 8%,#dfe5ff 0,transparent 29%),radial-gradient(circle at 91% 72%,#dffaf3 0,transparent 25%),#f7f8fc}.service-card>*{position:relative;z-index:1}.service-card:before{inset:0;width:auto;height:auto;right:auto;top:auto;border-radius:20px;z-index:0;background:radial-gradient(360px circle at var(--pointer-x,82%) var(--pointer-y,8%),var(--service-glow),transparent 48%);opacity:.55}.service-card:hover:before{transform:none;opacity:1}.service-card:hover .service-icon{filter:drop-shadow(0 0 10px var(--service-glow))}.service-card:after{box-shadow:0 0 13px var(--service-accent)}.service-details[open] summary .icon{box-shadow:0 0 18px var(--service-glow)}
.products-section{position:relative;background:radial-gradient(circle at 13% 12%,#2f1d6966,transparent 28%),radial-gradient(circle at 91% 72%,#075e6b52,transparent 29%),linear-gradient(145deg,#060916,#0b1225 58%,#070b18)}.products-section:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 39%,#5f76ff0d 40%,transparent 41% 62%,#35e7ff0b 63%,transparent 64%)}.products-section>.container{position:relative}.product-stage{border-color:#7288ff66;background:linear-gradient(145deg,#0d1427,#101a30);box-shadow:0 30px 80px #02040daa,0 0 38px #5f74ff1f,inset 0 0 0 1px #ffffff08}.product-tabs{background:#080e1d;border-bottom-color:#6076d34a}.product-tabs button{color:#a9b5cf}.product-tabs button:hover{color:#dce5ff;background:#7185ff12}.product-tabs button[aria-selected=true]{background:linear-gradient(110deg,#344a86,#473b8a);color:#fff;box-shadow:0 0 23px #7185ff3b,inset 0 1px 0 #ffffff1f}.product-label{color:#87edff;text-shadow:0 0 14px #38e8ff4a}.product-map{background:linear-gradient(145deg,#13213a,#192846);border-color:#778cff66;box-shadow:0 25px 60px #02040db3,0 0 27px #647cff21}.map-title>.icon,.module-grid .icon{color:#8feaff;filter:drop-shadow(0 0 8px #38e8ff6b)}.module-grid>div{background:linear-gradient(145deg,#1d2b49,#202f50);border-color:#667bd356;transition:transform .25s,border-color .25s,box-shadow .25s}.module-grid>div:hover{transform:translateY(-3px);border-color:#49ddf0;box-shadow:0 0 22px #38e8ff24}.product-tags span{border-color:#7589dd5c;background:#7185ff0d}.button-light{background:linear-gradient(110deg,#ecf0ff,#bfcbff);box-shadow:0 0 24px #7185ff25}.solution-item{border-top-color:#667cff38}.solution-item:last-child{border-bottom-color:#667cff38}.solution-item summary:hover{color:#8feaff}.solution-item a{color:#8feaff;text-decoration-color:#38e8ff80}
.industry-choice.selected{background:linear-gradient(110deg,#e8ecff,#e5f9f4);color:#2e47aa;box-shadow:inset 3px 0 0 #6378ef,0 8px 22px #5067c814}.industry-story{background:linear-gradient(145deg,#edf1fb,#e9f6f4);border-color:#cdd7f1;box-shadow:0 22px 50px #263c6c12}.industry-index{color:#7185ff;text-shadow:0 0 18px #7185ff2e}.about-section{background:radial-gradient(circle at 82% 20%,#d9e2ff 0,transparent 28%),linear-gradient(145deg,#e9edfc,#eef3ff)}.process-grid{border-top-color:#aebce7}.process-step>span{color:#526be1}.insight-card{transition:transform .3s,border-color .3s,box-shadow .3s}.insight-card:hover{transform:translateY(-6px);border-color:#7d91ee;box-shadow:0 24px 55px #30468621}.cover-0{background:radial-gradient(circle at 85% 12%,#6447b866,transparent 35%),linear-gradient(145deg,#0c1530,#121f43)}.cover-1{background:linear-gradient(145deg,#dfe7ff,#e7e4ff)}.cover-2{background:linear-gradient(145deg,#def2ed,#e2ebff)}
.contact-section,.detail-cta{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 10%,#3f24696b,transparent 31%),radial-gradient(circle at 87% 80%,#075c675c,transparent 30%),linear-gradient(145deg,#070b18,#0d1529)}.contact-section:after,.detail-cta:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 35%,#7185ff0e 36%,transparent 37% 62%,#38e8ff0c 63%,transparent 64%)}.contact-inner,.detail-cta-inner{position:relative;z-index:1}.contact-inner h2 span{color:#aab7ff;text-shadow:0 0 30px #7185ff62}.contact-email{color:#8feaff;text-shadow:0 0 12px #38e8ff38}.clients-section{background:radial-gradient(circle at 76% 30%,#251b5966,transparent 27%),linear-gradient(145deg,#070b17,#0c1427);border-top-color:#687dff3e;border-bottom-color:#687dff3e}.clients-heading h2 span{color:#9cb0ff;text-shadow:0 0 26px #7185ff54}.clients-rail{border-top-color:#6378e643;border-bottom-color:#6378e643}.client-name{transition:color .25s,text-shadow .25s}.client-name:hover{color:#fff;text-shadow:0 0 16px #7185ff,0 0 34px #38e8ff66}.clients-group i{color:var(--neon-cyan);text-shadow:0 0 13px #38e8ff}.site-footer{background:radial-gradient(circle at 12% 8%,#1f194d6b,transparent 25%),linear-gradient(145deg,#050813,#091022);border-top-color:#677cff42}.site-footer .brand-mark{color:#78eaff;filter:drop-shadow(0 0 10px #38e8ff72)}.footer-grid h3{color:#cbd5ff}.footer-grid li a:hover{color:#8feaff;text-shadow:0 0 12px #38e8ff47}.footer-wordmark{background:linear-gradient(180deg,#253667,#111b36);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px #536cff12)}.footer-wordmark span{color:#566ee2;text-shadow:0 0 26px #7185ff66}.footer-bottom{border-top-color:#667cff35}
.detail-outcome-card{border-color:#7185ff69;background:linear-gradient(145deg,#0c1428df,#111a31df);box-shadow:0 30px 70px #02050d70,0 0 28px #647cff20}.detail-outcome-card>span{color:#8feaff;text-shadow:0 0 12px #38e8ff4d}.detail-capabilities{background:radial-gradient(circle at 88% 16%,#35206c61,transparent 27%),linear-gradient(145deg,#070b18,#0d1629)}.detail-card{border-color:#6277d442;background:linear-gradient(145deg,#0d1528,#111b31)}.detail-card:hover{border-color:#7291ff;background:#121e37;box-shadow:0 0 26px #7185ff1e}.detail-card>span{color:#8feaff}.related-card:hover,.hub-card:hover{border-color:#8295ef;box-shadow:0 25px 55px #4056a528,0 0 22px #7185ff14}.related-card i,.hub-card strong{color:#536de5}
@keyframes neon-grid-drift{to{background-position:72px 72px}}@keyframes neon-art-pulse{0%,100%{filter:saturate(1.12) contrast(1.03) drop-shadow(0 0 20px #705dff34) drop-shadow(0 0 45px #21dffc1c)}50%{filter:saturate(1.24) contrast(1.06) drop-shadow(0 0 34px #8a6fff52) drop-shadow(0 0 68px #38e8ff32)}}
@media(max-width:760px){.hero:after{background-size:48px 48px;opacity:.52}.hero-art img{animation:art-breathe 13s ease-in-out infinite alternate}.expertise-marquee{box-shadow:none}.client-name:hover{text-shadow:0 0 12px #7185ff80}}
@media(prefers-reduced-motion:reduce){.hero:after,.hero-art img{animation:none!important}.service-card:before{display:none}.client-name{text-shadow:none!important}}

/* Site-wide client rail and dedicated AI Agent Development page. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.sitewide-clients{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 15%,#2a1d5d4f,transparent 28%),linear-gradient(145deg,#070b17,#0c1427);color:#eef2fb;border-top:1px solid #687dff3e;border-bottom:1px solid #687dff3e;padding:0}.sitewide-clients .clients-rail{padding:27px 0;border-top:0;border-bottom:0}.sitewide-clients .client-name{font-size:clamp(1.25rem,2vw,2rem)}
.ai-agent-page strong{font-weight:650}.ai-agent-hero .detail-hero-grid{min-height:680px}.ai-agent-hero .detail-hero-copy{max-width:790px}.ai-agent-hero h1{font-size:clamp(3.5rem,5.7vw,5.8rem)}.ai-agent-hero .detail-lead{max-width:700px}.ai-intro .detail-prose strong{color:#334cae}.ai-intro h2{max-width:610px}
.ai-definition{position:relative;overflow:hidden;padding:112px 0;background:radial-gradient(circle at 13% 13%,#3b246a56,transparent 28%),radial-gradient(circle at 91% 82%,#075c6650,transparent 26%),linear-gradient(145deg,#060916,#0c1528);color:#eef2fb}.ai-definition:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#7185ff0b 1px,transparent 1px),linear-gradient(90deg,#7185ff0b 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 72%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 72%)}.ai-definition-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:88px;align-items:center}.ai-definition h2{font-size:clamp(2.7rem,4.5vw,4.5rem);margin-bottom:28px}.ai-definition p:not(.eyebrow){color:#aebbd2;font-size:1rem;line-height:1.82}.ai-definition strong{color:#8feaff}.ai-compare{border:1px solid #7185ff4d;border-radius:18px;overflow:hidden;background:#0d162ad9;box-shadow:0 28px 70px #02040d80,0 0 34px #7185ff16}.ai-compare-row{display:grid;grid-template-columns:.8fr 1.25fr 1fr;gap:18px;padding:22px 24px;border-bottom:1px solid #6579d32e;align-items:center}.ai-compare-row:last-child{border-bottom:0}.ai-compare-row span,.ai-compare-row strong{font-size:.9rem;line-height:1.55}.ai-compare-row span{color:#aebbd2}.ai-compare-row strong{color:#f5f7ff}.ai-compare-head{background:#7185ff12}.ai-compare-head span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#8feaff;font-size:.69rem;letter-spacing:.08em;text-transform:uppercase}
.ai-services{padding:112px 0 120px}.ai-services .section-heading>p{color:#aebbd2}.ai-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.ai-service-card{position:relative;overflow:hidden;min-height:320px;padding:32px;border:1px solid #6277d442;border-radius:16px;background:linear-gradient(145deg,#0d1528,#111b31);transition:transform .3s,border-color .3s,box-shadow .3s}.ai-service-card:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-95px;top:-95px;background:radial-gradient(circle,#7185ff30,transparent 69%);transition:transform .4s}.ai-service-card:hover{transform:translateY(-6px);border-color:#718eff;box-shadow:0 20px 55px #02050d70,0 0 26px #7185ff1d}.ai-service-card:hover:before{transform:scale(1.35)}.ai-service-card>span{display:block;color:#8feaff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;letter-spacing:.08em;margin-bottom:56px}.ai-service-card h3{position:relative;color:#f1f4fb;font-size:1.38rem;letter-spacing:-.035em;margin-bottom:16px}.ai-service-card p{position:relative;color:#a9b6cc;font-size:.93rem;line-height:1.78;margin:0}
.ai-services{background:radial-gradient(circle at 92% 12%,#e6e3ff 0,transparent 27%),radial-gradient(circle at 8% 88%,#e2f8f4 0,transparent 24%),#f7f8fc;color:#151b2b;border-top:1px solid #dfe4f1}.ai-services .eyebrow.light{color:#566bc8;text-shadow:none}.ai-services .section-heading h2{color:#151b2b}.ai-services .section-heading .soft-blue{color:#6175dd}.ai-services .section-heading>p{color:#657187}.ai-services .ai-service-card{border-color:#d9e0ef;background:linear-gradient(145deg,#fff,#f7f8ff);box-shadow:0 16px 42px #26365d0d}.ai-services .ai-service-card:before{background:radial-gradient(circle,#7185ff24,transparent 69%)}.ai-services .ai-service-card:hover{border-color:#7d90e8;background:#fff;box-shadow:0 24px 58px #334b8420,0 0 24px #7185ff12}.ai-services .ai-service-card>span{color:#526bdd}.ai-services .ai-service-card h3{color:#192139}.ai-services .ai-service-card p{color:#667287}
.ai-value-bridge{position:relative;overflow:hidden;padding:78px 0;background:#fff;border-top:1px solid #e0e5f1;border-bottom:1px solid #d6dded}.ai-value-bridge:before{content:'';position:absolute;width:460px;height:460px;border-radius:50%;left:-260px;top:-250px;background:radial-gradient(circle,#6d83ef24,transparent 70%);pointer-events:none}.ai-value-bridge-inner{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:78px;align-items:center}.ai-value-bridge-copy h2{font-size:clamp(2.35rem,3.8vw,3.9rem);line-height:1.06;max-width:610px;margin:0 0 22px}.ai-value-bridge-copy>p:last-child{max-width:620px;color:#687489;font-size:1rem;line-height:1.78;margin:0}.ai-value-points{display:grid;gap:11px}.ai-value-points article{display:grid;grid-template-columns:42px 1fr;gap:17px;align-items:center;padding:18px 20px;border:1px solid #dce3f2;border-radius:13px;background:linear-gradient(135deg,#f8faff,#fff);box-shadow:0 12px 30px #26365d0b;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}.ai-value-points article:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 22px 50px #26365d2e;border-color:#415dd566}.ai-value-points i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#415dd5,#6d83ef);color:#fff;font-style:normal;font-weight:750;box-shadow:0 9px 22px #4059c634}.ai-value-points h3{font-size:1.02rem;letter-spacing:-.02em;margin:0 0 4px}.ai-value-points p{color:#6b778c;font-size:.85rem;line-height:1.55;margin:0}
.ai-use-cases{position:relative;overflow:hidden;padding:112px 0 120px;color:#f7f9ff;background:radial-gradient(circle at 13% 12%,#2f1d6966,transparent 28%),radial-gradient(circle at 91% 72%,#075e6b52,transparent 29%),linear-gradient(145deg,#060916,#0b1225 58%,#070b18);border-top:1px solid #687dff3e;border-bottom:1px solid #687dff3e}.ai-use-cases:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 39%,#5f76ff0d 40%,transparent 41% 62%,#35e7ff0b 63%,transparent 64%)}.ai-use-cases>.container{position:relative}.ai-use-cases .eyebrow{color:#8feaff}.ai-use-cases .section-heading h2{color:#fff}.ai-use-cases .section-heading .muted{color:#9eafff}.ai-use-cases .section-heading>p{color:#aebbd2}.ai-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ai-use-card{min-height:270px;padding:27px 25px;border:1px solid #667bd34d;border-radius:14px;background:linear-gradient(145deg,#10192ae8,#111d34e8);box-shadow:0 18px 42px #02050d66,inset 0 1px 0 #ffffff0b;backdrop-filter:blur(7px);transition:transform .3s,border-color .3s,background .3s,box-shadow .3s}.ai-use-card:hover{transform:translateY(-5px);border-color:#58dff3a6;background:linear-gradient(145deg,#14213a,#152440);box-shadow:0 24px 52px #02050d8c,0 0 24px #38e8ff20}.ai-use-card>span{display:inline-flex;padding:6px 9px;border:1px solid #6eddf050;border-radius:999px;background:#38e8ff0d;color:#8feaff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:35px}.ai-use-card h3{color:#fff;font-size:1.22rem;letter-spacing:-.03em;margin-bottom:13px}.ai-use-card p{font-size:.89rem;line-height:1.74;color:#aebbd2;margin:0}
.ai-process{padding:112px 0 120px;color:#eef2fb;background:radial-gradient(circle at 90% 12%,#24215d55,transparent 30%),linear-gradient(145deg,#080c19,#0c1528)}.ai-process .detail-method-heading{border-bottom-color:#6177d43b}.ai-process .detail-method-heading .eyebrow{color:#8feaff}.ai-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-left:1px solid #5f74ce3c;border-top:1px solid #5f74ce3c}.ai-process-grid article{min-height:265px;padding:29px;border-right:1px solid #5f74ce3c;border-bottom:1px solid #5f74ce3c;background:#10192a52;transition:background .25s}.ai-process-grid article:hover{background:#7185ff0d}.ai-process-grid article>span{display:block;color:#8feaff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;margin-bottom:54px}.ai-process-grid h3{font-size:1.3rem;margin-bottom:13px}.ai-process-grid p{font-size:.89rem;line-height:1.75;color:#a7b4ca;margin:0}
.ai-architecture{padding:112px 0 120px}.ai-architecture-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:85px;align-items:start}.ai-architecture h2{font-size:clamp(2.7rem,4.4vw,4.25rem);margin-bottom:26px}.ai-architecture>div>div>p:not(.eyebrow){color:#667287;font-size:1rem}.ai-inline-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.ai-inline-links a{padding:9px 11px;border:1px solid #cad4ef;border-radius:5px;background:#fff;color:#4057b4;font-size:.8rem;font-weight:600}.ai-inline-links a:hover{border-color:#7288e9;background:#eef1ff}.ai-architecture-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.ai-architecture-list article{padding:24px;border:1px solid #dce2ee;border-radius:12px;background:#fff}.ai-architecture-list h3{font-size:1.07rem;letter-spacing:-.025em;margin-bottom:10px}.ai-architecture-list p{font-size:.86rem;line-height:1.7;color:#687489;margin:0}
.ai-why{padding:112px 0 120px;color:#eef2fb;background:radial-gradient(circle at 15% 12%,#3720615c,transparent 28%),linear-gradient(145deg,#070b18,#0d1629)}.ai-why .section-heading>p{color:#aebbd2}.ai-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.ai-why-grid article{min-height:255px;padding:27px 25px;border-top:2px solid #7185ff;border-radius:0 0 12px 12px;background:#101a2dc2;box-shadow:0 16px 36px #02050d4d}.ai-why-grid article:nth-child(2){border-top-color:#38e8ff}.ai-why-grid article:nth-child(3){border-top-color:#b45cff}.ai-why-grid article:nth-child(4){border-top-color:#5fffd2}.ai-why-grid h3{font-size:1.18rem;margin:45px 0 13px}.ai-why-grid p{font-size:.88rem;line-height:1.75;color:#a8b5ca;margin:0}
.ai-industries{padding:112px 0 120px}.ai-faqs{padding:112px 0 120px;color:#edf2fb;background:radial-gradient(circle at 78% 8%,#3122685c,transparent 27%),linear-gradient(145deg,#070b17,#0b1426)}.ai-faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:85px;align-items:start}.ai-faq-layout>div:first-child{position:sticky;top:150px}.ai-faq-layout>div:first-child h2{font-size:clamp(2.7rem,4.5vw,4.2rem);margin-bottom:23px}.ai-faq-layout>div:first-child>p:not(.eyebrow){color:#aab6cb;max-width:430px}.ai-faq-list{border-top:1px solid #667bd346}.ai-faq{border-bottom:1px solid #667bd346}.ai-faq summary{display:grid;grid-template-columns:42px 1fr 28px;gap:15px;align-items:center;min-height:82px;padding:18px 0;list-style:none;cursor:pointer;color:#eef2fb;font-size:1rem;font-weight:600;line-height:1.45}.ai-faq summary::-webkit-details-marker{display:none}.ai-faq summary>span{color:#8feaff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:500}.ai-faq summary>i{width:28px;height:28px;display:grid;place-items:center;border:1px solid #7085db5c;border-radius:50%;color:#9dacff;font-style:normal;font-size:1.15rem;transition:transform .25s,background .25s}.ai-faq[open] summary>i{transform:rotate(45deg);background:#7185ff;color:#fff}.ai-faq>div{padding:0 42px 22px 57px}.ai-faq p{color:#aebbd0;font-size:.92rem;line-height:1.78;margin:0}.ai-related{background:#fff}
@media(max-width:1100px){.ai-service-grid{grid-template-columns:repeat(2,1fr)}.ai-use-grid,.ai-why-grid{grid-template-columns:repeat(2,1fr)}.ai-definition-grid,.ai-architecture-grid{gap:52px}.ai-faq-layout{gap:52px}}
@media(max-width:820px){.ai-definition-grid,.ai-architecture-grid,.ai-faq-layout,.ai-value-bridge-inner{grid-template-columns:1fr}.ai-definition-grid{gap:48px}.ai-value-bridge-inner{gap:42px}.ai-process-grid{grid-template-columns:repeat(2,1fr)}.ai-faq-layout>div:first-child{position:static}.ai-architecture-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sitewide-clients .clients-rail{padding:22px 0}.ai-agent-hero .detail-hero-grid{min-height:auto}.ai-agent-hero h1{font-size:clamp(3rem,13vw,4.35rem)}.ai-definition,.ai-services,.ai-use-cases,.ai-process,.ai-architecture,.ai-why,.ai-industries,.ai-faqs{padding:76px 0}.ai-value-bridge{padding:64px 0}.ai-value-bridge-copy h2{font-size:2.45rem}.ai-value-points article{grid-template-columns:38px 1fr;padding:16px}.ai-value-points i{width:38px;height:38px}.ai-definition h2,.ai-architecture h2,.ai-faq-layout>div:first-child h2{font-size:2.65rem}.ai-compare-head{display:none}.ai-compare{background:transparent;border:0;box-shadow:none;display:grid;gap:12px}.ai-compare-row{grid-template-columns:1fr;gap:7px;border:1px solid #7185ff48;border-radius:12px;background:#0d162ad9;padding:20px}.ai-compare-row span,.ai-compare-row strong{font-size:.9rem}.ai-service-grid,.ai-use-grid,.ai-process-grid,.ai-architecture-list,.ai-why-grid{grid-template-columns:1fr}.ai-service-card{min-height:auto}.ai-service-card>span{margin-bottom:38px}.ai-use-card{min-height:auto}.ai-process-grid article{min-height:auto}.ai-process-grid article>span{margin-bottom:38px}.ai-why-grid article{min-height:auto}.ai-why-grid h3{margin-top:28px}.ai-faq summary{grid-template-columns:34px 1fr 28px;font-size:.94rem}.ai-faq>div{padding-left:49px}.ai-inline-links{align-items:stretch}.ai-inline-links a{width:100%}}

/* Page-specific animated system visuals replace the repeated inner-page artwork. */
.detail-page .detail-hero{background:radial-gradient(circle at 82% 20%,hsl(245 60% 25% / .34),transparent 30%),radial-gradient(circle at 72% 82%,hsl(190 72% 22% / .25),transparent 28%),linear-gradient(135deg,#050815,#091025 57%,#080b18)}.detail-page .detail-hero:before{background:linear-gradient(90deg,#060916 0%,#060916f2 31%,#0609168a 57%,#06091624 82%),linear-gradient(0deg,#060916 0%,transparent 27%)}.detail-page .detail-hero-grid,.hub-hero .detail-hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:72px}.detail-visual{--visual-color:hsl(var(--visual-hue) 92% 68%);--visual-color-two:hsl(var(--visual-hue-two) 88% 65%);position:relative;isolation:isolate;min-height:420px;width:100%;overflow:hidden;border:1px solid hsl(var(--visual-hue) 78% 68% / .38);border-radius:25px;background:radial-gradient(circle at 78% 18%,hsl(var(--visual-hue-two) 82% 55% / .19),transparent 31%),radial-gradient(circle at 20% 82%,hsl(var(--visual-hue) 85% 55% / .14),transparent 35%),linear-gradient(145deg,#0b1325e8,#0d172be6);box-shadow:0 34px 80px #02040d8c,0 0 38px hsl(var(--visual-hue) 88% 60% / .13),inset 0 1px 0 #ffffff0a;transform:perspective(1100px) rotateY(-3deg);transform-origin:center;backdrop-filter:blur(9px)}.detail-visual:before{content:'';position:absolute;z-index:-2;inset:0;background-image:linear-gradient(hsl(var(--visual-hue) 80% 72% / .07) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--visual-hue) 80% 72% / .07) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(135deg,#000,transparent 82%);-webkit-mask-image:linear-gradient(135deg,#000,transparent 82%)}.detail-visual:after{content:'';position:absolute;z-index:-1;width:260px;height:260px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,hsl(var(--visual-hue) 85% 60% / .17),transparent 68%);animation:visual-glow calc(var(--visual-speed) * .72) ease-in-out infinite}.visual-kicker{position:absolute;z-index:6;left:25px;top:23px;color:var(--visual-color);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem;font-weight:650;letter-spacing:.12em;text-shadow:0 0 14px hsl(var(--visual-hue) 90% 60% / .55)}.visual-core{position:absolute;z-index:5;left:50%;top:50%;width:205px;min-height:126px;padding:23px;border:1px solid hsl(var(--visual-hue) 78% 70% / .48);border-radius:17px;background:linear-gradient(145deg,#121f38f2,#11192df2);box-shadow:0 22px 48px #02050d8c,0 0 24px hsl(var(--visual-hue) 88% 60% / .16),inset 0 1px 0 #ffffff0d;transform:translate(-50%,-50%);animation:visual-core calc(var(--visual-speed) * .64) ease-in-out infinite}.visual-core>i{display:block;width:10px;height:10px;border-radius:50%;margin-bottom:24px;background:var(--visual-color);box-shadow:0 0 0 6px hsl(var(--visual-hue) 90% 65% / .11),0 0 20px var(--visual-color)}.visual-core strong{display:block;color:#f4f7ff;font-size:1.03rem;line-height:1.35;letter-spacing:-.025em}.visual-core small{display:block;color:#8190aa;font-size:.68rem;letter-spacing:.04em;margin-top:8px}.visual-node{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;min-height:39px;max-width:168px;padding:10px 12px;border:1px solid hsl(var(--visual-hue) 68% 65% / .29);border-radius:9px;background:#101a2bdc;box-shadow:0 12px 28px #02050d61;animation:visual-node var(--visual-speed) ease-in-out infinite}.visual-node i{width:6px;height:6px;border-radius:50%;flex:0 0 auto;background:var(--visual-color-two);box-shadow:0 0 12px var(--visual-color-two)}.visual-node span{overflow:hidden;color:#c6d0e3;font-size:.7rem;line-height:1.32;white-space:nowrap;text-overflow:ellipsis}.visual-node-a{left:22px;top:76px}.visual-node-b{right:22px;top:85px;animation-delay:-1.8s}.visual-node-c{left:25px;bottom:59px;animation-delay:-3.1s}.visual-node-d{right:25px;bottom:67px;animation-delay:-4.7s}.visual-orbit{position:absolute;z-index:1;left:50%;top:50%;border:1px solid hsl(var(--visual-hue) 74% 66% / .2);border-radius:50%;transform:translate(-50%,-50%);animation:visual-orbit calc(var(--visual-speed) * 2.2) linear infinite}.visual-orbit:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;left:50%;top:-4px;background:var(--visual-color);box-shadow:0 0 15px var(--visual-color)}.visual-orbit-a{width:285px;height:285px}.visual-orbit-b{width:350px;height:350px;animation-direction:reverse;animation-duration:calc(var(--visual-speed) * 2.9)}.visual-stream{position:absolute;z-index:2;left:14%;right:14%;bottom:25px;height:2px;overflow:hidden;background:hsl(var(--visual-hue) 72% 64% / .12)}.visual-stream i{position:absolute;width:64px;height:2px;left:-70px;background:linear-gradient(90deg,transparent,var(--visual-color),transparent);animation:visual-stream calc(var(--visual-speed) * .78) linear infinite}.visual-stream i:nth-child(2){animation-delay:-2.1s}.visual-stream i:nth-child(3){animation-delay:-4.2s}
.detail-visual-1 .visual-core{left:29%;top:52%}.detail-visual-1 .visual-node-a,.detail-visual-1 .visual-node-b,.detail-visual-1 .visual-node-c,.detail-visual-1 .visual-node-d{left:auto;right:25px}.detail-visual-1 .visual-node-a{top:69px}.detail-visual-1 .visual-node-b{top:145px}.detail-visual-1 .visual-node-c{top:221px;bottom:auto}.detail-visual-1 .visual-node-d{top:297px;bottom:auto}.detail-visual-1 .visual-orbit-a{left:29%;width:235px;height:235px}.detail-visual-1 .visual-orbit-b{left:29%;width:305px;height:305px}
.detail-visual-2 .visual-core{top:31%}.detail-visual-2 .visual-node-a{left:25px;top:auto;bottom:82px}.detail-visual-2 .visual-node-b{left:25%;right:auto;top:auto;bottom:27px}.detail-visual-2 .visual-node-c{left:auto;right:25%;bottom:27px}.detail-visual-2 .visual-node-d{right:25px;top:auto;bottom:82px}.detail-visual-2 .visual-orbit-a{top:31%;width:225px;height:225px}.detail-visual-2 .visual-orbit-b{top:31%;width:295px;height:295px}.detail-visual-2 .visual-stream{bottom:auto;top:59%}
.detail-visual-3 .visual-core{top:64%}.detail-visual-3 .visual-node-a{top:70px}.detail-visual-3 .visual-node-b{top:70px}.detail-visual-3 .visual-node-c{left:16px;bottom:126px}.detail-visual-3 .visual-node-d{right:16px;bottom:126px}.detail-visual-3 .visual-orbit-a{top:64%;width:240px;height:240px}.detail-visual-3 .visual-orbit-b{top:64%;width:318px;height:318px}.detail-visual-3 .visual-stream{bottom:auto;top:46%}
.detail-visual-4 .visual-core{left:71%;top:52%}.detail-visual-4 .visual-node-a,.detail-visual-4 .visual-node-b,.detail-visual-4 .visual-node-c,.detail-visual-4 .visual-node-d{right:auto;left:25px}.detail-visual-4 .visual-node-a{top:69px}.detail-visual-4 .visual-node-b{top:145px}.detail-visual-4 .visual-node-c{top:221px;bottom:auto}.detail-visual-4 .visual-node-d{top:297px;bottom:auto}.detail-visual-4 .visual-orbit-a{left:71%;width:235px;height:235px}.detail-visual-4 .visual-orbit-b{left:71%;width:305px;height:305px}
.detail-visual-5 .visual-core{left:32%;top:34%}.detail-visual-5 .visual-node-a{left:auto;right:26px;top:68px}.detail-visual-5 .visual-node-b{left:29%;right:auto;top:auto;bottom:37px}.detail-visual-5 .visual-node-c{left:auto;right:23px;bottom:48px}.detail-visual-5 .visual-node-d{left:25px;bottom:105px}.detail-visual-5 .visual-orbit-a{left:32%;top:34%;width:225px;height:225px}.detail-visual-5 .visual-orbit-b{left:32%;top:34%;width:295px;height:295px}
@keyframes visual-glow{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}}@keyframes visual-core{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-7px)}}@keyframes visual-node{0%,100%{transform:translateY(0);border-color:hsl(var(--visual-hue) 68% 65% / .28)}50%{transform:translateY(-6px);border-color:hsl(var(--visual-hue) 82% 68% / .55)}}@keyframes visual-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes visual-stream{to{left:110%}}

/* Compact footer: navigation content now lives inside one finished background panel. */
.site-footer{padding:66px 0 0}.site-footer .footer-grid{position:relative;padding:42px;border:1px solid #667cff35;border-radius:22px;background:radial-gradient(circle at 5% 5%,#2d24635c,transparent 30%),radial-gradient(circle at 94% 95%,#07586645,transparent 27%),linear-gradient(145deg,#0b1123,#0d172b);box-shadow:0 24px 65px #02040d73,inset 0 1px 0 #ffffff09}.footer-wordmark{display:none!important}.site-footer .footer-bottom{margin-top:38px}
@media(max-width:1100px){.detail-page .detail-hero-grid,.hub-hero .detail-hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:42px}.detail-visual{min-height:390px}.site-footer .footer-grid{padding:36px}}
@media(max-width:820px){.detail-page .detail-hero-grid,.hub-hero .detail-hero-grid{grid-template-columns:1fr}.detail-visual{width:min(620px,100%);min-height:410px}.site-footer .footer-grid{padding:32px}}
@media(max-width:560px){.detail-visual{min-height:365px;border-radius:18px;transform:none}.visual-kicker{left:18px;top:18px}.detail-visual .visual-core{left:50%;top:50%;width:172px;min-height:112px;padding:19px;transform:translate(-50%,-50%)}.detail-visual .visual-core>i{margin-bottom:18px}.detail-visual .visual-orbit-a{left:50%;top:50%;width:225px;height:225px}.detail-visual .visual-orbit-b{left:50%;top:50%;width:285px;height:285px}.detail-visual .visual-node{min-height:35px;max-width:135px;padding:8px 9px}.detail-visual .visual-node span{font-size:.64rem}.detail-visual .visual-node-a{left:13px;right:auto;top:58px;bottom:auto}.detail-visual .visual-node-b{left:auto;right:13px;top:58px;bottom:auto}.detail-visual .visual-node-c{left:13px;right:auto;top:auto;bottom:48px}.detail-visual .visual-node-d{left:auto;right:13px;top:auto;bottom:48px}.detail-visual .visual-stream{top:auto;bottom:18px}.site-footer{padding-top:42px}.site-footer .footer-grid{padding:27px 23px;border-radius:17px}.site-footer .footer-bottom{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.detail-visual:after,.visual-core,.visual-node,.visual-orbit,.visual-stream i{animation:none!important}}

/* AI Agent Development hero: an open, animated agent network aligned with the homepage art direction. */
.ai-agent-hero{min-height:720px}.ai-agent-hero:before{background:linear-gradient(90deg,#060916 0%,#060916fc 28%,#060916e8 40%,#06091691 53%,#06091622 72%,transparent 91%),linear-gradient(0deg,#060916 0%,transparent 28%)}.ai-agent-hero .detail-hero-grid{position:relative;z-index:1;display:flex;align-items:center;min-height:720px;padding:76px 0 88px}.ai-agent-hero .detail-hero-copy{width:min(760px,54%);max-width:760px}.ai-agent-hero h1{font-size:clamp(3.55rem,5.75vw,6rem)}
.ai-agent-art{isolation:isolate;display:grid;place-items:center;width:min(800px,56vw)!important;height:100%;right:-2%!important;top:0;opacity:1!important;overflow:visible}.ai-agent-art:before{content:'';position:absolute;z-index:-2;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#3ae4ff33 0,#596fff24 32%,#9c56ff17 52%,transparent 72%);filter:blur(24px);animation:agent-aura-breathe 5.8s ease-in-out infinite}.ai-agent-art:after{content:'';position:absolute;z-index:-1;width:82%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 12%,#5e78ff3d 17%,transparent 22% 47%,#41e2ff38 53%,transparent 59% 79%,#c05cff30 85%,transparent 91%);-webkit-mask:radial-gradient(circle,transparent 0 55%,#000 56% 57%,transparent 58%);mask:radial-gradient(circle,transparent 0 55%,#000 56% 57%,transparent 58%);animation:agent-field-spin 20s linear infinite}.ai-agent-art img{position:relative;z-index:3;width:100%;height:100%;max-height:710px;object-fit:contain;object-position:center;opacity:.98;filter:saturate(1.12) contrast(1.05) drop-shadow(0 0 27px #5d70ff56) drop-shadow(0 0 62px #29dafc2d);transform-origin:52% 54%;animation:agent-core-float 7.4s cubic-bezier(.45,0,.55,1) infinite,agent-core-glow 4.6s ease-in-out infinite}.agent-energy{position:absolute;z-index:1;display:block;border:1px solid #6f86ff40;border-radius:50%;transform:rotateX(67deg) rotateZ(-14deg);box-shadow:0 0 24px #5b75ff17;animation:agent-orbit-spin 14s linear infinite}.agent-energy i{position:absolute;width:8px;height:8px;border-radius:50%;left:50%;top:-5px;background:#66edff;box-shadow:0 0 8px #66edff,0 0 22px #66edff}.agent-energy-one{width:69%;aspect-ratio:1}.agent-energy-two{width:52%;aspect-ratio:1;border-color:#b069ff3f;transform:rotateX(72deg) rotateZ(31deg);animation-duration:10s;animation-direction:reverse}.agent-energy-two i{background:#d25dff;box-shadow:0 0 8px #d25dff,0 0 22px #d25dff}.agent-scan{position:absolute;z-index:4;width:68%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#52e9ff,#8172ff 53%,transparent);filter:blur(.2px) drop-shadow(0 0 9px #58eaff);mix-blend-mode:screen;opacity:0;transform:rotate(-24deg);animation:agent-scan-sweep 5.8s ease-in-out infinite}.agent-pulse{position:absolute;z-index:5;width:8px;height:8px;border-radius:50%;background:#70efff;box-shadow:0 0 0 7px #70efff13,0 0 22px #70efff;animation:agent-data-pulse 4.8s ease-in-out infinite}.agent-pulse-one{left:15%;top:38%}.agent-pulse-two{right:13%;top:31%;animation-delay:-1.7s;background:#c96bff;box-shadow:0 0 0 7px #c96bff13,0 0 22px #c96bff}.agent-pulse-three{right:19%;bottom:24%;animation-delay:-3.2s;background:#7185ff;box-shadow:0 0 0 7px #7185ff16,0 0 22px #7185ff}
@keyframes agent-core-float{0%,100%{transform:translate3d(0,8px,0) rotate(-1.25deg) scale(.975)}50%{transform:translate3d(0,-17px,0) rotate(1.1deg) scale(1.018)}}@keyframes agent-core-glow{0%,100%{filter:saturate(1.08) contrast(1.04) drop-shadow(0 0 24px #5d70ff4a) drop-shadow(0 0 52px #29dafc24)}50%{filter:saturate(1.24) contrast(1.08) drop-shadow(0 0 39px #705eff73) drop-shadow(0 0 78px #29dafc3d)}}@keyframes agent-aura-breathe{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.14)}}@keyframes agent-field-spin{to{transform:rotate(360deg)}}@keyframes agent-orbit-spin{to{transform:rotateX(67deg) rotateZ(346deg)}}@keyframes agent-scan-sweep{0%,20%,100%{opacity:0;translate:-10% 70px}45%,62%{opacity:.8;translate:8% -45px}}@keyframes agent-data-pulse{0%,100%{opacity:.35;transform:scale(.65)}45%{opacity:1;transform:scale(1.35)}70%{opacity:.62;transform:scale(.9)}}
@media(max-width:1100px){.ai-agent-hero .detail-hero-copy{width:56%}.ai-agent-art{width:60vw!important;right:-7%!important}}
@media(max-width:820px){.ai-agent-hero{min-height:930px}.ai-agent-hero:before{background:linear-gradient(180deg,#060916 0%,#060916 48%,#060916c9 63%,#06091628 81%,#060916 100%)}.ai-agent-hero .detail-hero-grid{display:flex;align-items:flex-start;min-height:930px;padding:58px 0 430px}.ai-agent-hero .detail-hero-copy{width:100%;max-width:720px}.ai-agent-art{width:min(650px,108vw)!important;height:440px;left:50%;right:auto!important;top:auto;bottom:-6px;translate:-50% 0}.ai-agent-art img{max-height:440px}.agent-energy-one{width:72%}.agent-energy-two{width:55%}}
@media(max-width:560px){.ai-agent-hero{min-height:890px}.ai-agent-hero .detail-hero-grid{min-height:890px;padding-bottom:350px}.ai-agent-art{width:112vw!important;height:355px;bottom:-3px}.ai-agent-art img{max-height:355px}.agent-pulse{width:6px;height:6px}.agent-scan{width:72%}}
@media(prefers-reduced-motion:reduce){.ai-agent-art:before,.ai-agent-art:after,.ai-agent-art img,.agent-energy,.agent-scan,.agent-pulse{animation:none!important}.ai-agent-art img{transform:none!important}.agent-scan{display:none}}

/* Color-coded visual wayfinding for AI services and industry applications. */
.ai-agent-page .ai-industries .related-card,.ai-agent-page .ai-related .related-card{display:flex;min-height:225px;padding:27px 29px 30px;flex-direction:column;align-items:flex-start;overflow:hidden;background:linear-gradient(145deg,#fff,#f6f8ff);box-shadow:0 14px 38px #24345b0a;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.ai-agent-page .ai-industries .related-card:before,.ai-agent-page .ai-related .related-card:before{content:'';position:absolute;width:150px;height:150px;left:-45px;top:-50px;border-radius:50%;background:var(--icon-glow);filter:blur(42px);opacity:.34;transition:opacity .3s ease,transform .3s ease}.ai-agent-page .related-card:hover{transform:translateY(-6px);border-color:var(--icon-border);box-shadow:0 24px 55px #273a761b,0 0 28px var(--icon-shadow)}.ai-agent-page .related-card:hover:before{opacity:.58;transform:scale(1.18)}.ai-agent-page .related-card>.related-icon{position:relative;z-index:1;display:grid;width:58px;height:58px;margin:0 0 26px;place-items:center;border:1px solid #ffffff75;border-radius:17px;color:#fff;background:var(--icon-gradient);box-shadow:0 13px 28px var(--icon-shadow),inset 0 1px 1px #ffffff55;transform:rotate(-2deg);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.ai-agent-page .related-card:hover>.related-icon{transform:translateY(-3px) rotate(3deg) scale(1.07);box-shadow:0 18px 35px var(--icon-shadow),0 0 22px var(--icon-glow),inset 0 1px 1px #ffffff66}.ai-agent-page .related-icon svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.ai-agent-page .related-card>.related-label{position:relative;z-index:1;margin:0 0 12px;color:#66738d;font-size:.68rem;font-weight:700;letter-spacing:.1em}.ai-agent-page .related-card>strong{position:relative;z-index:1;margin-top:auto;padding-right:38px}.ai-agent-page .related-card>.related-arrow{top:30px;right:29px;display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--icon-border);border-radius:50%;color:var(--icon-accent);background:#ffffffb8;transition:transform .3s ease,background .3s ease,color .3s ease}.ai-agent-page .related-card:hover>.related-arrow{color:#fff;background:var(--icon-accent);transform:rotate(45deg)}
.related-icon-chat{--icon-gradient:linear-gradient(135deg,#7c3aed,#ec4899);--icon-accent:#9d3ee0;--icon-glow:#d946ef;--icon-shadow:#a43de746;--icon-border:#cf9bed}.related-icon-workflow{--icon-gradient:linear-gradient(135deg,#2563eb,#22d3ee);--icon-accent:#207fda;--icon-glow:#22d3ee;--icon-shadow:#268fdc48;--icon-border:#86c7ed}.related-icon-integration{--icon-gradient:linear-gradient(135deg,#059669,#2dd4bf);--icon-accent:#078f7c;--icon-glow:#2dd4bf;--icon-shadow:#0da88b45;--icon-border:#79d7c5}.related-icon-custom{--icon-gradient:linear-gradient(135deg,#f97316,#f43f8f);--icon-accent:#ee5c36;--icon-glow:#fb7185;--icon-shadow:#f35e4e4b;--icon-border:#f3aa92}.related-icon-agriculture{--icon-gradient:linear-gradient(135deg,#16a34a,#84cc16);--icon-accent:#43a82c;--icon-glow:#84cc16;--icon-shadow:#54ad2847;--icon-border:#9fd47f}.related-icon-finance{--icon-gradient:linear-gradient(135deg,#4f46e5,#3b82f6);--icon-accent:#4d64dc;--icon-glow:#60a5fa;--icon-shadow:#4d69dc4d;--icon-border:#9aa7ef}.related-icon-ecommerce{--icon-gradient:linear-gradient(135deg,#ea580c,#f59e0b);--icon-accent:#e66f08;--icon-glow:#fbbf24;--icon-shadow:#e97b114a;--icon-border:#efb36f}.related-icon-professional{--icon-gradient:linear-gradient(135deg,#9333ea,#6366f1);--icon-accent:#784cdd;--icon-glow:#a78bfa;--icon-shadow:#7853df4b;--icon-border:#b39aee}
@media(max-width:560px){.ai-agent-page .ai-industries .related-card,.ai-agent-page .ai-related .related-card{min-height:205px;padding:24px}.ai-agent-page .related-card>.related-icon{width:54px;height:54px;margin-bottom:22px}.ai-agent-page .related-card>.related-arrow{top:25px;right:24px}}
@media(prefers-reduced-motion:reduce){.ai-agent-page .related-card,.ai-agent-page .related-card:before,.ai-agent-page .related-card>.related-icon,.ai-agent-page .related-card>.related-arrow{transition:none!important}}

/* Interactive 3D depth: the agent appears to lift out of the screen. */
.ai-agent-art{perspective:1100px;transform-style:preserve-3d;transform:translate3d(calc(var(--art-x,0px) + var(--agent-shift-x,0px)),calc(var(--art-y,0px) + var(--agent-shift-y,0px)),0) rotateX(var(--agent-rotate-x,0deg)) rotateY(var(--agent-rotate-y,0deg));transition:transform .32s cubic-bezier(.2,.75,.2,1)}.ai-agent-art:before{transform:translateZ(-70px)}.ai-agent-art img{transform-style:preserve-3d}.ai-agent-art .agent-energy-one{transform:translateZ(22px) rotateX(67deg) rotateZ(-14deg)}.ai-agent-art .agent-energy-two{transform:translateZ(80px) rotateX(72deg) rotateZ(31deg)}.ai-agent-art .agent-scan{transform:translateZ(115px) rotate(-24deg)}.ai-agent-art .agent-pulse{transform:translateZ(130px)}
@keyframes agent-core-float{0%,100%{transform:translate3d(0,8px,18px) rotate(-1.25deg) scale(.965)}50%{transform:translate3d(0,-18px,92px) rotate(1.1deg) scale(1.045)}}
@keyframes agent-orbit-spin{to{transform:translateZ(22px) rotateX(67deg) rotateZ(346deg)}}
.ai-agent-art .agent-energy-two{animation-name:agent-orbit-spin-front}.ai-agent-art .agent-pulse{animation-name:agent-data-pulse-3d}
@keyframes agent-orbit-spin-front{to{transform:translateZ(80px) rotateX(72deg) rotateZ(391deg)}}@keyframes agent-data-pulse-3d{0%,100%{opacity:.35;transform:translateZ(110px) scale(.65)}45%{opacity:1;transform:translateZ(165px) scale(1.45)}70%{opacity:.62;transform:translateZ(130px) scale(.9)}}
@media(max-width:820px){.ai-agent-art{transform:none;transition:none}}
@media(prefers-reduced-motion:reduce){.ai-agent-art{transform:none!important;transition:none!important}}

/* === Enhanced Hero Animations (improved 2026-10-10) === */
.hero-art::before{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;
background:linear-gradient(115deg,transparent 30%,#ffffff12 46%,#8fd8ff26 52%,transparent 68%);
background-size:280% 280%;animation:hero-shimmer 9s ease-in-out infinite}
@keyframes hero-shimmer{0%{background-position:130% 0}55%{background-position:-30% 0}100%{background-position:-30% 0}}
.hero-orb{position:absolute;z-index:0;border-radius:50%;pointer-events:none;filter:blur(2px)}
.hero-orb-1{width:90px;height:90px;right:12%;top:18%;
background:radial-gradient(circle,#38e8ff55 0%,#38e8ff11 60%,transparent 70%);
animation:orb-float-1 11s ease-in-out infinite}
.hero-orb-2{width:56px;height:56px;right:28%;top:62%;
background:radial-gradient(circle,#8a6fff4d 0%,#8a6fff0e 60%,transparent 70%);
animation:orb-float-2 14s ease-in-out infinite}
.hero-orb-3{width:38px;height:38px;right:8%;top:52%;
background:radial-gradient(circle,#5fffd244 0%,#5fffd20c 60%,transparent 70%);
animation:orb-float-3 9s ease-in-out infinite}
@keyframes orb-float-1{0%,100%{transform:translate(0,0) scale(1);opacity:.7}50%{transform:translate(-30px,40px) scale(1.25);opacity:1}}
@keyframes orb-float-2{0%,100%{transform:translate(0,0) scale(1);opacity:.6}50%{transform:translate(25px,-35px) scale(1.35);opacity:.95}}
@keyframes orb-float-3{0%,100%{transform:translate(0,0) scale(1);opacity:.8}50%{transform:translate(-20px,-28px) scale(1.5);opacity:1}}
.hero-art img{animation:sculpture-drift 14s cubic-bezier(.45,0,.55,1) infinite alternate,neon-art-pulse 5.5s ease-in-out infinite,hero-img-glow 7s ease-in-out infinite}
@keyframes hero-img-glow{0%,100%{filter:saturate(1.18) contrast(1.04) drop-shadow(0 0 24px #705dff40) drop-shadow(0 0 55px #21dffc22)}50%{filter:saturate(1.3) contrast(1.08) drop-shadow(0 0 38px #8a6fff66) drop-shadow(0 0 80px #38e8ff3d)}}
@media(prefers-reduced-motion:reduce){.hero-art::before,.hero-orb{animation:none!important;display:none}}
html.motion-paused .hero-art::before,html.motion-paused .hero-orb{animation:none!important;display:none}

/* === FAQ Section === */
section.faq-section{padding:110px 0;background:linear-gradient(180deg,#f7f8fc 0%,#eef1f9 100%)!important;color:#18223d}
section.faq-section .section-heading h2{color:#10182e!important}
section.faq-section .section-heading p{color:#5b6678!important}
section.faq-section .eyebrow{color:#5a70d6!important}
.faq-list{max-width:860px;margin:50px auto 0;display:grid;gap:16px}
.faq-item{background:#ffffff!important;border:1px solid #e2e7f2;border-radius:16px;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative}
.faq-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#5a70d6,#8a6fff);opacity:0;transition:opacity .3s;border-radius:4px 0 0 4px}
.faq-item:hover{border-color:#c3cdf3;box-shadow:0 12px 32px #28376212;transform:translateY(-2px)}
.faq-item[open]{border-color:#b9c5f2;box-shadow:0 12px 36px #5a70d614}
.faq-item[open]::before{opacity:1}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;cursor:pointer;list-style:none;font-size:1.08rem;font-weight:650;color:#18223d!important;letter-spacing:-.015em;background:transparent!important;user-select:none;-webkit-user-select:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:#3e54c4!important}
.faq-item summary .icon{width:22px;height:22px;flex-shrink:0;color:#5a70d6!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s, color .3s;background:#eef1ff;border-radius:50%;padding:4px;box-sizing:content-box}
.faq-item[open] summary .icon{transform:rotate(135deg);background:#5a70d6;color:#fff!important}
.faq-item p{padding:0 28px 26px;margin:0;color:#5b6678!important;font-size:.96rem;line-height:1.8;background:transparent!important}
.faq-item p::before{content:'';display:block;height:1px;background:#eef1f6;margin-bottom:18px}

@media(max-width:760px){.faq-section{padding:76px 0}.faq-item summary{padding:18px 20px;font-size:.95rem}.faq-item p{padding:0 20px 20px;font-size:.88rem}}

/* Keep desktop navigation centered consistently across all website pages. */
@media(min-width:1021px){
.nav-shell .main-nav{display:grid;grid-template-columns:1fr auto 1fr;column-gap:16px}
.nav-shell .main-nav>.brand{grid-column:1;justify-self:start}
.nav-shell .main-navigation{grid-column:2;position:static;flex:none;width:max-content;justify-content:center;justify-self:center;margin:0}
.nav-shell .main-nav .nav-contact{position:absolute;right:0;top:50%;transform:translateY(-50%)}
}
/* Business Process Automation card icons. */.bpa-card-icon{--bpa-icon-accent:#8feaff;--bpa-icon-bg:#38e8ff14;--bpa-icon-border:#73e7ff62;--bpa-icon-shadow:#18c9e02b;display:grid;width:48px;height:48px;margin:0 0 24px;place-items:center;border:1px solid var(--bpa-icon-border);border-radius:14px;background:linear-gradient(145deg,var(--bpa-icon-bg),#ffffff0a);color:var(--bpa-icon-accent);box-shadow:0 12px 26px var(--bpa-icon-shadow),inset 0 1px 0 #ffffff2e;transform:rotate(-3deg);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,background .3s ease}.bpa-card-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bpa-card-icon--violet{--bpa-icon-accent:#c2baff;--bpa-icon-bg:#8b7dff20;--bpa-icon-border:#b2a6ff6c;--bpa-icon-shadow:#7661e33b}.bpa-card-icon--cyan{--bpa-icon-accent:#8feaff;--bpa-icon-bg:#38e8ff14;--bpa-icon-border:#73e7ff62;--bpa-icon-shadow:#18c9e02b}.bpa-card-icon--mint{--bpa-icon-accent:#79f1c5;--bpa-icon-bg:#3bd8a917;--bpa-icon-border:#7aebc26b;--bpa-icon-shadow:#1dbb8a2b}.bpa-card-icon--amber{--bpa-icon-accent:#ffd18a;--bpa-icon-bg:#f8b84b18;--bpa-icon-border:#ffd28a72;--bpa-icon-shadow:#ed9b272b}.detail-card .bpa-card-icon{margin-bottom:22px}.detail-card .bpa-card-icon+span{margin-bottom:18px}.ai-use-card .bpa-card-icon{margin-bottom:25px}.ai-architecture-list .bpa-card-icon{width:43px;height:43px;margin-bottom:17px;border-radius:12px}#faqs .bpa-card-icon{width:42px;height:42px;margin-bottom:18px;border-radius:12px}.detail-card:hover .bpa-card-icon,.ai-use-card:hover .bpa-card-icon,.ai-architecture-list article:hover .bpa-card-icon{transform:translateY(-3px) rotate(3deg) scale(1.06);box-shadow:0 17px 32px var(--bpa-icon-shadow),inset 0 1px 0 #ffffff42}@media(prefers-reduced-motion:reduce){.bpa-card-icon{transition:none!important}}
/* Business Process Automation: connected expertise cards. */.bpa-related .related-card{display:flex;min-height:254px;padding:30px 31px;flex-direction:column;overflow:hidden;border-color:#d8e0f0;border-radius:13px;background:linear-gradient(145deg,#fbfcff,#f2f5fc);box-shadow:0 12px 28px #273c7908;isolation:isolate;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease,background .3s ease}.bpa-related .related-card:before{position:absolute;z-index:-1;right:-54px;bottom:-76px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#8da2ff24 0%,#8da2ff00 70%);content:'';transition:transform .35s ease,opacity .35s ease}.bpa-related .related-card:hover{border-color:#9dacfa;background:linear-gradient(145deg,#fff,#edf1ff);box-shadow:0 23px 46px #30467820;transform:translateY(-5px)}.bpa-related .related-card:hover:before{opacity:.9;transform:scale(1.32)}.bpa-related .related-card>.related-label{position:relative;z-index:1;margin:0 0 30px;color:#6b7897;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:650;letter-spacing:.095em;line-height:1.25}.bpa-related .related-card-body{position:relative;z-index:1;max-width:86%;margin-top:auto}.bpa-related .related-card-body strong{display:block;margin:0 0 13px;color:#141c31;font-size:1.48rem;font-weight:620;letter-spacing:-.045em;line-height:1.15}.bpa-related .related-card-body p{margin:0;color:#637089;font-size:.9rem;line-height:1.72}.bpa-related .related-card>.related-arrow{position:absolute;z-index:2;top:25px;right:25px;display:grid;width:42px;height:42px;margin:0;place-items:center;border:1px solid #b7c4f5;border-radius:50%;background:#ffffffd9;color:#536bd8;box-shadow:0 8px 18px #6178c225;backdrop-filter:blur(6px);transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s ease,color .3s ease,box-shadow .3s ease}.bpa-related .related-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.bpa-related .related-card:hover>.related-arrow{background:#5a70d6;color:#fff;box-shadow:0 12px 24px #4c63bf55;transform:translate(3px,-3px) rotate(8deg)}@media(max-width:760px){.bpa-related .related-card{min-height:240px;padding:27px}.bpa-related .related-card-body{max-width:100%;padding-right:8px}.bpa-related .related-card-body strong{font-size:1.32rem}.bpa-related .related-card>.related-arrow{top:23px;right:23px;width:39px;height:39px}}@media(prefers-reduced-motion:reduce){.bpa-related .related-card,.bpa-related .related-card:before,.bpa-related .related-card>.related-arrow{transition:none!important}}

/* Business Process Automation hero: use site typography and give workflow content adequate space. */
.detail-page.bpa-page .bpa-hero-animation .bpa-anim-label,
.detail-page.bpa-page .bpa-hero-animation .bpa-anim-sub,
.detail-page.bpa-page .bpa-hero-animation .bpa-anim-success text {
  font-family: Inter, Arial, Helvetica, sans-serif;
}
.detail-page.bpa-page .bpa-hero-animation .bpa-anim-label {
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -.025em;
}
.detail-page.bpa-page .bpa-hero-animation .bpa-anim-sub:not(.bpa-anim-footer) {
  font-size: 13px;
  letter-spacing: -.01em;
}
.detail-page.bpa-page .bpa-hero-animation .bpa-anim-success text {
  font-size: 14px;
  font-weight: 600;
}
.detail-page.bpa-page .bpa-hero-animation {
  padding-bottom: 48px;
}
.detail-page.bpa-page .bpa-hero-animation .bpa-anim-pause {
  right: 0;
  bottom: 0;
  border: 0;
  border-radius: 0;
  padding: 12px 0;
  background: transparent;
  box-shadow: none;
  color: #a9b7d0;
  font: 600 .75rem/1 Inter, Arial, Helvetica, sans-serif;
  letter-spacing: .03em;
}
.detail-page.bpa-page .bpa-hero-animation .bpa-anim-pause:hover,
.detail-page.bpa-page .bpa-hero-animation .bpa-anim-pause:focus-visible {
  background: transparent;
  color: #ffffff;
  outline: 2px solid #95a6ff;
  outline-offset: 5px;
  transform: none;
}
@media (max-width: 560px) {
  .detail-page.bpa-page .bpa-hero-animation .bpa-anim-label { font-size: 12.5px; }
  .detail-page.bpa-page .bpa-hero-animation .bpa-anim-sub:not(.bpa-anim-footer) { font-size: 9.5px; }
  .detail-page.bpa-page .bpa-hero-animation { padding-bottom: 34px; }
  .detail-page.bpa-page .bpa-hero-animation .bpa-anim-pause { right: 0; bottom: 0; padding: 9px 0; font-size: .68rem; }
}
/* AI Workflow Automation: related-service cards. */
.ai-workflow-page .ai-related .section-heading > p { max-width: 390px; }
.ai-workflow-page .ai-related .related-grid { gap: 18px; }
.ai-workflow-page .ai-related .related-card {
  min-height: 306px;
  padding: 32px;
  border-radius: 16px;
}
.ai-workflow-page .ai-related .related-card-copy {
  position: relative;
  z-index: 1;
  display: block;
  max-width: calc(100% - 20px);
  margin-top: auto;
}
.ai-workflow-page .ai-related .related-card-copy strong {
  display: block;
  margin: 0 0 12px;
  color: #151d32;
  font-size: clamp(1.42rem, 2.1vw, 1.7rem);
  font-weight: 650;
  letter-spacing: -.045em;
  line-height: 1.12;
}
.ai-workflow-page .ai-related .related-card-copy > span {
  display: block;
  color: #62708a;
  font-size: .92rem;
  line-height: 1.68;
}
.ai-workflow-page .ai-related .related-arrow svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 760px) {
  .ai-workflow-page .ai-related .related-card { min-height: 276px; padding: 28px; }
  .ai-workflow-page .ai-related .related-card-copy { max-width: 100%; padding-right: 4px; }
}
@media (max-width: 480px) {
  .ai-workflow-page .ai-related .related-card { min-height: 264px; padding: 25px; }
  .ai-workflow-page .ai-related .related-card-copy > span { font-size: .875rem; }
}
/* Shared footer contact details. */
.footer-contact {
  display: grid;
  gap: 9px;
  margin: 20px 0 22px;
}
.footer-contact a {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 9px;
  color: #aab7d1;
  font-size: .82rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
  transition: color .2s ease, transform .2s ease, text-shadow .2s ease;
}
.footer-contact .icon {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  color: #7de7f2;
}
.footer-contact a:hover {
  color: #8feaff;
  transform: translateX(2px);
  text-shadow: 0 0 12px #38e8ff47;
}
@media (max-width: 560px) {
  .footer-contact { margin: 18px 0 20px; }
}

/* Payroll Management: homepage-inspired capability cards and hero visual. */
.payroll-management-page .detail-hero {
  background:
    radial-gradient(circle at 78% 17%, #7666f440 0, transparent 31%),
    radial-gradient(circle at 67% 83%, #38ccef28 0, transparent 29%),
    linear-gradient(135deg, #060917 0%, #0a1127 57%, #080c1b 100%);
}
.payroll-management-page .detail-visual {
  border-color: #8195ff73;
  background:
    radial-gradient(circle at 78% 18%, #8b72ff38, transparent 31%),
    radial-gradient(circle at 20% 82%, #38d9f438, transparent 35%),
    linear-gradient(145deg, #101a36f5, #0d172de8);
  box-shadow: 0 34px 80px #02040d8c, 0 0 48px #6f78ff2e, inset 0 1px 0 #ffffff12;
}
.payroll-management-page .detail-visual .visual-node {
  border-color: #8ba0ff63;
  background: linear-gradient(145deg, #172344ef, #101a2be8);
  box-shadow: 0 13px 30px #02050d73, inset 0 1px 0 #ffffff12;
}
.payroll-management-page .detail-capabilities {
  position: relative;
  overflow: hidden;
  color: #18223d;
  background:
    radial-gradient(circle at 7% 9%, #dfe5ff 0, transparent 29%),
    radial-gradient(circle at 91% 72%, #dffaf3 0, transparent 25%),
    #f7f8fc;
}
.payroll-management-page .detail-capabilities::before {
  position: absolute;
  inset: 0;
  content: '';
  pointer-events: none;
  opacity: .45;
  background-image: linear-gradient(#536ae109 1px, transparent 1px), linear-gradient(90deg, #536ae109 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(180deg, #000, transparent 70%);
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 70%);
}
.payroll-management-page .detail-capabilities .container { position: relative; }
.payroll-management-page .detail-capabilities .section-heading > p { color: #657188; }
.payroll-management-page .detail-card-grid { gap: 18px; border: 0; }
.payroll-management-page .detail-card {
  --payroll-accent: #6658e8;
  --payroll-soft: #eeecff;
  --payroll-glow: #6658e82b;
  position: relative;
  isolation: isolate;
  min-height: 276px;
  overflow: hidden;
  padding: 34px 32px 31px;
  border: 1px solid #dfe4f0;
  border-radius: 20px;
  background: linear-gradient(155deg, #fff 0%, #fbfcff 70%);
  box-shadow: 0 14px 45px #26365d0b;
  transition: border-color .35s, box-shadow .35s, transform .35s cubic-bezier(.2, .8, .2, 1);
}
.payroll-management-page .detail-card:nth-child(2) { --payroll-accent: #157fd2; --payroll-soft: #e7f4ff; --payroll-glow: #157fd226; }
.payroll-management-page .detail-card:nth-child(3) { --payroll-accent: #138c78; --payroll-soft: #e5f8f3; --payroll-glow: #138c7826; }
.payroll-management-page .detail-card:nth-child(4) { --payroll-accent: #d56a32; --payroll-soft: #fff0e7; --payroll-glow: #d56a3227; }
.payroll-management-page .detail-card:nth-child(5) { --payroll-accent: #c54d85; --payroll-soft: #fdebf4; --payroll-glow: #c54d8527; }
.payroll-management-page .detail-card:nth-child(6) { --payroll-accent: #297b70; --payroll-soft: #e7f7f3; --payroll-glow: #2a9b8729; }
.payroll-management-page .detail-card::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: '';
  border-radius: inherit;
  background: radial-gradient(360px circle at var(--pointer-x, 82%) var(--pointer-y, 8%), var(--payroll-glow), transparent 48%);
  opacity: .62;
  transition: opacity .35s ease;
}
.payroll-management-page .detail-card::after {
  position: absolute;
  top: 0;
  right: 31px;
  left: 31px;
  height: 3px;
  content: '';
  border-radius: 0 0 8px 8px;
  background: linear-gradient(90deg, var(--payroll-accent), color-mix(in srgb, var(--payroll-accent) 35%, transparent));
  box-shadow: 0 0 13px var(--payroll-accent);
  transform: scaleX(.3);
  transform-origin: left;
  opacity: .78;
  transition: transform .45s ease, opacity .45s ease;
}
.payroll-management-page .detail-card > span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  margin-bottom: 38px;
  padding: 6px 11px;
  border: 1px solid color-mix(in srgb, var(--payroll-accent) 20%, #e3e7f0);
  border-radius: 999px;
  color: color-mix(in srgb, var(--payroll-accent) 80%, #26324b);
  background: var(--payroll-soft);
  font-size: .68rem;
  font-weight: 650;
  letter-spacing: .075em;
}
.payroll-management-page .detail-card h3 { color: #18223d; }
.payroll-management-page .detail-card p { color: #657188; }
.payroll-management-page .detail-card:hover {
  border-color: color-mix(in srgb, var(--payroll-accent) 29%, #dfe4f0);
  background: #fff;
  box-shadow: 0 26px 70px var(--payroll-glow);
  transform: translateY(-7px);
}
.payroll-management-page .detail-card:hover::before { opacity: 1; }
.payroll-management-page .detail-card:hover::after { transform: scaleX(1); opacity: 1; }
@media (max-width: 760px) {
  .payroll-management-page .detail-card { min-height: 0; padding: 29px 25px 27px; border-radius: 17px; }
  .payroll-management-page .detail-card > span { margin-bottom: 29px; }
  .payroll-management-page .detail-card::after { right: 25px; left: 25px; }
}
@media (prefers-reduced-motion: reduce) {
  .payroll-management-page .detail-card,
  .payroll-management-page .detail-card::before,
  .payroll-management-page .detail-card::after { transition: none !important; }
}

/* Expanded Payroll Management Software content - scoped to the product page. */
.payroll-management-page .payroll-hero .detail-hero-copy { max-width: 865px; }
.payroll-management-page .payroll-hero h1 { max-width: 910px; font-size: clamp(3.25rem, 5.15vw, 5.85rem); }
.payroll-management-page .payroll-hero h1 span { display: block; max-width: 820px; margin-top: .22em; color: #aebaff; font-size: .49em; font-weight: 500; letter-spacing: -.045em; line-height: 1.12; }
.payroll-hero-note { max-width: 610px; margin: 24px 0 0; color: #9facce; font-size: .9rem; font-weight: 600; letter-spacing: .015em; }
.payroll-overview .detail-two-col h2 { max-width: 540px; }
.payroll-principles { display: grid; gap: 11px; margin: 29px 0 0; padding: 0; list-style: none; }
.payroll-principles li { position: relative; padding: 14px 16px 14px 43px; border: 1px solid #dfe5f0; border-radius: 10px; color: #637086; font-size: .9rem; line-height: 1.6; background: #fff; }
.payroll-principles li::before { position: absolute; top: 15px; left: 16px; width: 15px; height: 15px; content: ''; border: 1px solid #8497eb; border-radius: 50%; background: radial-gradient(circle at 50% 50%, #758af2 0 32%, transparent 37%); }
.payroll-principles strong { color: #25304a; }
.payroll-management-page .detail-capabilities .section-heading h2 { color: #18223d; }
.payroll-management-page .detail-capabilities .soft-blue { color: #556dd7; }
.payroll-management-page .payroll-capability-grid .detail-card { display: flex; min-height: 0; flex-direction: column; }
.payroll-management-page .detail-card h3 { max-width: 450px; font-size: clamp(1.42rem, 2.1vw, 1.72rem); line-height: 1.16; }
.payroll-management-page .detail-card > p { margin-bottom: 0; }
.payroll-management-page .detail-card ul { display: grid; gap: 8px; margin: 21px 0 20px; padding: 0; list-style: none; }
.payroll-management-page .detail-card li { position: relative; padding-left: 18px; color: #637087; font-size: .84rem; line-height: 1.52; }
.payroll-management-page .detail-card li::before { position: absolute; top: .52em; left: 0; width: 7px; height: 7px; content: ''; border-radius: 50%; background: var(--payroll-accent); box-shadow: 0 0 10px var(--payroll-glow); }
.payroll-management-page .detail-card .card-benefit { margin-top: auto; padding-top: 17px; border-top: 1px solid #e4e8f0; color: #536078; font-size: .86rem; line-height: 1.58; }
.payroll-management-page .detail-card .card-benefit strong { color: var(--payroll-accent); }
.payroll-scope-note { max-width: 860px; margin: 26px 0 0; color: #617087; font-size: .83rem; font-style: italic; line-height: 1.65; }
.payroll-benefits { padding: 110px 0; background: #fff; }
.payroll-benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.payroll-benefit-grid article { min-height: 214px; padding: 29px 28px; border: 1px solid #dfe5ee; border-radius: 15px; background: linear-gradient(145deg, #fff, #f7f9fe); box-shadow: 0 12px 29px #2b3b6608; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.payroll-benefit-grid article:nth-child(2n) { background: linear-gradient(145deg, #f9fbff, #eef5ff); }
.payroll-benefit-grid article:nth-child(3n) { background: linear-gradient(145deg, #fbfffe, #effaf7); }
.payroll-benefit-grid article:hover { border-color: #b9c7f2; box-shadow: 0 21px 45px #34457917; transform: translateY(-5px); }
.payroll-benefit-grid span { display: block; margin-bottom: 35px; color: #6279d3; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .72rem; letter-spacing: .1em; }
.payroll-benefit-grid h3 { margin: 0 0 12px; color: #1d2840; font-size: 1.24rem; letter-spacing: -.035em; line-height: 1.2; }
.payroll-benefit-grid p { margin: 0; color: #67748a; font-size: .9rem; line-height: 1.7; }
.payroll-workflow { padding: 112px 0 116px; color: #edf2ff; background: radial-gradient(circle at 12% 8%, #4d5fd936, transparent 31%), radial-gradient(circle at 86% 86%, #17bfc426, transparent 28%), #0a1120; }
.payroll-workflow .section-heading > p { color: #a8b5d0; }
.payroll-workflow h2 { color: #f3f6ff; }
.payroll-workflow h2 span { color: #9facff; }
.payroll-workflow-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 13px; margin: 58px 0 0; padding: 0; list-style: none; }
.payroll-workflow-list li { min-height: 270px; padding: 27px 24px 25px; border: 1px solid #34435d; border-radius: 15px; background: linear-gradient(150deg, #132039, #0e1729); box-shadow: inset 0 1px 0 #ffffff0c; }
.payroll-workflow-list li:nth-child(2n) { background: linear-gradient(150deg, #14213c, #101a2d); }
.payroll-workflow-list li > span { display: grid; width: 34px; height: 34px; margin-bottom: 29px; place-items: center; border: 1px solid #7287e97a; border-radius: 50%; color: #9cacff; background: #5d70db19; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .68rem; }
.payroll-workflow-list h3 { margin: 0 0 13px; color: #f0f3fc; font-size: 1.12rem; letter-spacing: -.025em; line-height: 1.25; }
.payroll-workflow-list p { margin: 0; color: #aebbd1; font-size: .85rem; line-height: 1.65; }
.payroll-workflow-result { margin: 26px 0 0; color: #b9c5db; font-size: .96rem; line-height: 1.7; }
.payroll-workflow-result strong { color: #91e6ed; }
.payroll-industries { padding: 110px 0; background: #f8f9fc; }
.payroll-industry-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.payroll-industry-grid article { position: relative; min-height: 174px; padding: 28px 27px 25px; overflow: hidden; border: 1px solid #dde3ee; border-radius: 13px; background: #fff; }
.payroll-industry-grid article::before { position: absolute; top: -82px; right: -75px; width: 160px; height: 160px; content: ''; border-radius: 50%; background: radial-gradient(circle, #7d8df326, transparent 67%); }
.payroll-industry-grid h3 { position: relative; max-width: 270px; margin: 0 0 13px; color: #202b42; font-size: 1.18rem; letter-spacing: -.03em; line-height: 1.2; }
.payroll-industry-grid p { position: relative; margin: 0; color: #69758a; font-size: .88rem; line-height: 1.68; }
.payroll-integration { padding: 112px 0; color: #eaf0ff; background: linear-gradient(135deg, #0d1730, #101a2f 60%, #0a1325); }
.payroll-integration-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr); gap: 90px; align-items: center; }
.payroll-integration h2 { max-width: 700px; margin-bottom: 25px; color: #f2f5fd; font-size: clamp(2.8rem, 4.5vw, 4.9rem); }
.payroll-integration h2 span { color: #91a2ff; }
.payroll-integration > .container > div > p:not(.eyebrow) { max-width: 720px; margin-bottom: 18px; color: #b6c2d7; font-size: 1rem; line-height: 1.8; }
.payroll-security-card { padding: 35px; border: 1px solid #50618d; border-radius: 18px; background: linear-gradient(145deg, #172543, #111c32); box-shadow: 0 25px 60px #02060d45, inset 0 1px 0 #ffffff12; }
.payroll-security-card .eyebrow { color: #89e7ef; }
.payroll-security-card h3 { margin: 0 0 17px; color: #f0f4ff; font-size: 1.65rem; letter-spacing: -.04em; line-height: 1.2; }
.payroll-security-card p { color: #b5c1d5; font-size: .91rem; line-height: 1.7; }
.payroll-security-card ul { display: grid; gap: 10px; margin: 23px 0; padding: 0; list-style: none; }
.payroll-security-card li { position: relative; padding-left: 22px; color: #cad4e5; font-size: .88rem; line-height: 1.55; }
.payroll-security-card li::before { position: absolute; left: 0; color: #7ee9e5; content: '✓'; }
.payroll-implementation { padding-top: 112px; padding-bottom: 112px; }
.payroll-implementation .detail-method-heading h2 { max-width: 750px; }
.payroll-implementation .detail-method-heading h2 span { display: inline; }
.payroll-faqs { padding: 112px 0; color: #e9eefb; background: #0a1120; }
.payroll-faqs .section-heading > p { color: #aab7cf; }
.payroll-faqs h2 { color: #f2f5fe; }
.payroll-faqs h2 span { color: #a5b5ff; }
.payroll-faq-list { display: grid; gap: 10px; max-width: 970px; margin-left: auto; }
.payroll-faq-list details { border-top: 1px solid #344059; border-bottom: 1px solid #344059; background: #101a2d; }
.payroll-faq-list summary { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 25px; padding: 20px 24px; color: #f0f3fc; cursor: pointer; font-size: 1.03rem; font-weight: 650; list-style: none; }
.payroll-faq-list summary::-webkit-details-marker { display: none; }
.payroll-faq-list summary span { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border: 1px solid #768bf17a; border-radius: 50%; color: #b5c2ff; font-size: 1.25rem; font-weight: 400; transition: transform .25s ease, background .25s ease; }
.payroll-faq-list details[open] summary span { color: #fff; background: #6378e4; transform: rotate(45deg); }
.payroll-faq-list details p { max-width: 870px; margin: 0; padding: 0 24px 25px; color: #b5c0d3; font-size: .94rem; line-height: 1.8; }
.payroll-cta h2 { max-width: 800px; font-size: clamp(3rem, 5.25vw, 5.75rem); }
.payroll-cta h2 span { color: #a4b4ff; }
.payroll-cta .hero-actions { flex-wrap: wrap; }
.payroll-cta .button-ghost { color: #e8edff; }
@media (max-width: 1120px) {
  .payroll-workflow-list { grid-template-columns: repeat(3, 1fr); }
  .payroll-integration-grid { gap: 55px; }
}
@media (max-width: 820px) {
  .payroll-benefit-grid, .payroll-industry-grid { grid-template-columns: repeat(2, 1fr); }
  .payroll-integration-grid { grid-template-columns: 1fr; gap: 38px; }
  .payroll-security-card { max-width: 680px; }
  .payroll-faq-list { max-width: none; }
}
@media (max-width: 760px) {
  .payroll-management-page .payroll-hero h1 { font-size: clamp(2.8rem, 8vw, 4.25rem); }
  .payroll-management-page .payroll-hero h1 span { font-size: .54em; }
  .payroll-hero-note { font-size: .82rem; }
  .payroll-workflow, .payroll-benefits, .payroll-industries, .payroll-integration, .payroll-faqs { padding: 78px 0; }
  .payroll-workflow-list { grid-template-columns: repeat(2, 1fr); margin-top: 38px; }
  .payroll-workflow-list li { min-height: 0; padding: 25px 22px; }
  .payroll-industry-grid article, .payroll-benefit-grid article { min-height: 0; }
  .payroll-security-card { padding: 29px 25px; }
}
@media (max-width: 520px) {
  .payroll-benefit-grid, .payroll-industry-grid, .payroll-workflow-list { grid-template-columns: 1fr; }
  .payroll-benefit-grid article { padding: 26px 23px; }
  .payroll-workflow-list { gap: 11px; }
  .payroll-workflow-list li { display: grid; grid-template-columns: 37px 1fr; gap: 15px; }
  .payroll-workflow-list li > span { margin: 0; }
  .payroll-faq-list summary { min-height: 68px; padding: 18px; font-size: .93rem; }
  .payroll-faq-list details p { padding: 0 18px 21px; font-size: .9rem; }
}
@media (prefers-reduced-motion: reduce) {
  .payroll-benefit-grid article, .payroll-faq-list summary span { transition: none !important; }
}

/* Payroll Management: animated product system and richer section hierarchy. */
.payroll-management-page .payroll-hero .detail-hero-grid {
  grid-template-columns: minmax(0, 1.06fr) minmax(520px, .94fr);
  gap: 56px;
}
.payroll-visual {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: 530px;
  overflow: hidden;
  border: 1px solid #758cff66;
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 47%, #6658e833 0, transparent 31%),
    radial-gradient(circle at 12% 88%, #22cbe32b 0, transparent 27%),
    linear-gradient(150deg, #111a34f7 0%, #10172cf5 58%, #0b1428f7 100%);
  box-shadow: 0 38px 90px #02040d91, 0 0 55px #7080ff26, inset 0 1px 0 #ffffff14;
  transform: perspective(1200px) rotateY(-2deg);
  transform-origin: center;
}
.payroll-visual::before {
  position: absolute;
  z-index: 8;
  top: -25%;
  bottom: -25%;
  left: -30%;
  width: 22%;
  content: '';
  pointer-events: none;
  background: linear-gradient(90deg, transparent, #a7bcff16, #6de6ff24, transparent);
  filter: blur(8px);
  transform: skewX(-14deg);
  animation: pv-scan 7.5s ease-in-out infinite;
}
.pv-grid {
  position: absolute;
  z-index: -2;
  inset: 0;
  opacity: .65;
  background-image: linear-gradient(#7c90ff0c 1px, transparent 1px), linear-gradient(90deg, #7c90ff0c 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(180deg, #000 0%, #000 72%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 72%, transparent 100%);
}
.pv-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(35px); opacity: .45; animation: pv-glow 6s ease-in-out infinite; }
.pv-glow-one { width: 210px; height: 210px; top: 24%; left: 34%; background: #6b5df2; }
.pv-glow-two { width: 170px; height: 170px; right: 5%; bottom: 5%; background: #25cbd8; animation-delay: -3s; }
.pv-topbar { position: absolute; z-index: 9; top: 26px; right: 28px; left: 28px; display: flex; align-items: center; justify-content: space-between; color: #8e9fc4; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .62rem; font-weight: 650; letter-spacing: .16em; }
.pv-live { display: inline-flex; align-items: center; gap: 8px; color: #b4c0dc; }
.pv-live i { width: 7px; height: 7px; border-radius: 50%; background: #69e2b5; box-shadow: 0 0 0 6px #69e2b513, 0 0 14px #69e2b5; animation: pv-live 2s ease-in-out infinite; }
.pv-connections { position: absolute; z-index: 1; inset: 55px 0 45px; width: 100%; height: calc(100% - 100px); overflow: visible; }
.pv-connections path { stroke: #667ce45c; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 7 11; animation: pv-dash 10s linear infinite; }
.pv-connections path:nth-child(2n) { stroke: #47d3df54; animation-direction: reverse; }
.pv-packet { fill: #7e8fff; filter: drop-shadow(0 0 7px #7e8fff); }
.pv-packet-two, .pv-packet-four { fill: #55e2df; filter: drop-shadow(0 0 7px #55e2df); }
.pv-node {
  position: absolute;
  z-index: 6;
  display: flex;
  width: 194px;
  min-height: 76px;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid #7186d86e;
  border-radius: 14px;
  background: linear-gradient(145deg, #172542ee, #10192cee);
  box-shadow: 0 17px 35px #02050d72, inset 0 1px 0 #ffffff10;
  backdrop-filter: blur(11px);
  animation: pv-float 5.6s ease-in-out infinite;
}
.pv-node::after { position: absolute; right: 10px; bottom: 8px; width: 5px; height: 5px; content: ''; border-radius: 50%; background: #62e4ca; box-shadow: 0 0 10px #62e4ca; }
.pv-employees { top: 98px; left: 24px; }
.pv-attendance { top: 98px; right: 24px; animation-delay: -1.4s; }
.pv-leave { bottom: 110px; left: 24px; animation-delay: -2.8s; }
.pv-reports { right: 24px; bottom: 110px; animation-delay: -4.2s; }
.pv-node-icon { display: grid; width: 40px; height: 40px; flex: 0 0 auto; place-items: center; border: 1px solid #8a79ff4a; border-radius: 11px; color: #a89cff; background: linear-gradient(145deg, #7662ef2f, #4c3bb21f); box-shadow: inset 0 1px 0 #ffffff15, 0 0 18px #6954e429; }
.pv-attendance .pv-node-icon, .pv-reports .pv-node-icon { color: #69e6eb; border-color: #52d5dc4c; background: linear-gradient(145deg, #1b95a22c, #15616a1f); box-shadow: inset 0 1px 0 #ffffff15, 0 0 18px #26c0cf24; }
.pv-node-icon svg, .pv-core-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.pv-node strong { display: block; color: #eef3ff; font-size: .84rem; line-height: 1.25; }
.pv-node small { display: block; margin-top: 4px; color: #93a2bf; font-size: .65rem; line-height: 1.3; }
.pv-core {
  position: absolute;
  z-index: 5;
  top: 49%;
  left: 50%;
  width: 224px;
  min-height: 184px;
  padding: 24px 23px 21px;
  border: 1px solid #8498ff8c;
  border-radius: 22px;
  background: linear-gradient(145deg, #1a2950f5, #111b34f5);
  box-shadow: 0 27px 55px #02040c91, 0 0 40px #6e66ed37, inset 0 1px 0 #ffffff18;
  transform: translate(-50%, -50%);
  animation: pv-core 5.2s ease-in-out infinite;
}
.pv-core-orbit { position: absolute; z-index: -1; top: 50%; left: 50%; width: 285px; height: 285px; border: 1px solid #7187e835; border-radius: 50%; transform: translate(-50%, -50%); animation: pv-orbit 13s linear infinite; }
.pv-core-orbit::before, .pv-core-orbit::after { position: absolute; width: 8px; height: 8px; content: ''; border-radius: 50%; background: #83a1ff; box-shadow: 0 0 13px #83a1ff; }
.pv-core-orbit::before { top: 24px; left: 45px; }
.pv-core-orbit::after { right: 34px; bottom: 40px; background: #4ce0dc; box-shadow: 0 0 13px #4ce0dc; }
.pv-core-icon { display: grid; width: 46px; height: 46px; margin-bottom: 17px; place-items: center; border: 1px solid #9d91ff69; border-radius: 14px; color: #b6afff; background: linear-gradient(145deg, #7b68ef49, #4b3eaa34); box-shadow: 0 0 24px #7563e449, inset 0 1px 0 #ffffff20; }
.pv-core-label { display: block; margin-bottom: 7px; color: #66e6e7; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .57rem; font-weight: 700; letter-spacing: .13em; }
.pv-core > strong { display: block; color: #f4f6ff; font-size: 1rem; letter-spacing: -.025em; }
.pv-core > small { display: flex; align-items: center; gap: 7px; margin-top: 7px; color: #9ca9c1; font-size: .64rem; }
.pv-core > small i { width: 6px; height: 6px; border-radius: 50%; background: #68e2b5; box-shadow: 0 0 9px #68e2b5; }
.pv-progress { height: 4px; margin-top: 17px; overflow: hidden; border-radius: 99px; background: #4150756e; }
.pv-progress span { display: block; width: 72%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #7267ef, #63dfee); box-shadow: 0 0 13px #63dfee; animation: pv-progress 4.2s ease-in-out infinite; }
.pv-status { position: absolute; z-index: 7; right: 50%; bottom: 52px; display: flex; min-height: 38px; align-items: center; gap: 9px; padding: 9px 16px; overflow: hidden; border: 1px solid #4bc2a557; border-radius: 999px; color: #b6e8d7; background: #123029d9; box-shadow: 0 12px 24px #030a0b57; transform: translateX(50%); }
.pv-status::after { position: absolute; inset: 0; content: ''; background: linear-gradient(100deg, transparent 30%, #ffffff10 50%, transparent 70%); transform: translateX(-120%); animation: pv-status 4.5s ease-in-out infinite; }
.pv-status span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #91f0cb; background: #42b68e29; font-size: .7rem; }
.pv-status strong { font-size: .69rem; font-weight: 650; white-space: nowrap; }
.pv-status i { width: 6px; height: 6px; border-radius: 50%; background: #68e2b5; box-shadow: 0 0 9px #68e2b5; animation: pv-live 2s ease-in-out infinite; }
.pv-footer { position: absolute; z-index: 6; right: 28px; bottom: 20px; left: 28px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #7889aa; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .52rem; letter-spacing: .11em; }
.pv-footer i { width: 3px; height: 3px; border-radius: 50%; background: #6177d7; }
@keyframes pv-scan { 0%, 12% { left: -34%; opacity: 0; } 26%, 58% { opacity: 1; } 72%, 100% { left: 112%; opacity: 0; } }
@keyframes pv-glow { 0%, 100% { opacity: .3; transform: scale(.86); } 50% { opacity: .62; transform: scale(1.14); } }
@keyframes pv-live { 0%, 100% { opacity: .55; transform: scale(.78); } 50% { opacity: 1; transform: scale(1.18); } }
@keyframes pv-dash { to { stroke-dashoffset: -180; } }
@keyframes pv-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes pv-core { 0%, 100% { transform: translate(-50%, -50%) scale(.985); } 50% { transform: translate(-50%, calc(-50% - 7px)) scale(1.018); } }
@keyframes pv-orbit { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes pv-progress { 0%, 100% { width: 42%; opacity: .7; } 55% { width: 92%; opacity: 1; } }
@keyframes pv-status { 0%, 35% { transform: translateX(-120%); } 70%, 100% { transform: translateX(120%); } }

.payroll-management-page .reveal { transition: opacity .65s ease, transform .65s cubic-bezier(.2, .72, .2, 1), border-color .3s ease, box-shadow .3s ease, background .3s ease; }
.payroll-management-page .payroll-overview { position: relative; overflow: hidden; background: radial-gradient(circle at 90% 15%, #e7ecff 0, transparent 27%), #f8f9fc; }
.payroll-management-page .payroll-overview::after { position: absolute; top: 70px; right: -110px; width: 320px; height: 320px; content: ''; border: 1px solid #667de51c; border-radius: 50%; box-shadow: 0 0 0 45px #667de50c, 0 0 0 90px #667de508; }
.payroll-management-page .payroll-overview .container { position: relative; z-index: 1; }
.payroll-management-page .detail-card > .payroll-card-icon { position: absolute; z-index: 2; top: 27px; right: 28px; display: grid; width: 54px; min-height: 54px; height: 54px; margin: 0; padding: 0; place-items: center; border: 1px solid color-mix(in srgb, var(--payroll-accent) 25%, #fff); border-radius: 15px; color: var(--payroll-accent); background: linear-gradient(145deg, #fff, var(--payroll-soft)); box-shadow: 0 13px 27px var(--payroll-glow), inset 0 1px 0 #fff; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease; }
.payroll-card-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.payroll-management-page .detail-card > span:not(.payroll-card-icon) { max-width: calc(100% - 66px); }
.payroll-management-page .detail-card:hover .payroll-card-icon { box-shadow: 0 18px 35px var(--payroll-glow), 0 0 22px var(--payroll-glow); transform: translateY(-4px) rotate(4deg) scale(1.05); }
.payroll-management-page .payroll-capability-grid .detail-card:nth-child(2n) { transform: translateY(22px); }
.payroll-management-page .payroll-capability-grid .detail-card:nth-child(2n).pending { transform: translateY(48px); }
.payroll-management-page .payroll-capability-grid .detail-card:nth-child(2n):hover { transform: translateY(15px); }
.payroll-management-page .payroll-scope-note { margin-top: 50px; padding: 17px 20px; border-left: 3px solid #7185df; border-radius: 0 9px 9px 0; background: #eaf0ff; }
.payroll-benefits { background: radial-gradient(circle at 10% 5%, #eef1ff, transparent 28%), radial-gradient(circle at 88% 86%, #e9faf5, transparent 25%), #fff; }
.payroll-benefit-grid article { position: relative; isolation: isolate; overflow: hidden; }
.payroll-benefit-grid article::after { position: absolute; z-index: -1; top: -72px; right: -65px; width: 160px; height: 160px; content: ''; border-radius: 50%; background: radial-gradient(circle, #7185df24, transparent 70%); transition: transform .35s ease; }
.payroll-benefit-grid article:hover::after { transform: scale(1.35); }
.payroll-benefit-grid article > span { display: grid; width: 46px; height: 46px; margin-bottom: 30px; place-items: center; border: 1px solid #8999e862; border-radius: 13px; color: #536bd4; background: linear-gradient(145deg, #fff, #e9edff); box-shadow: 0 10px 24px #536bd423; }
.payroll-benefit-grid article:nth-child(3n+2) > span { color: #1589a3; border-color: #60c7d36b; background: linear-gradient(145deg, #fff, #e5f8fa); box-shadow: 0 10px 24px #1598a323; }
.payroll-benefit-grid article:nth-child(3n+3) > span { color: #56883f; border-color: #8cc97865; background: linear-gradient(145deg, #fff, #edf9e9); box-shadow: 0 10px 24px #56883f23; }
.payroll-workflow { position: relative; overflow: hidden; }
.payroll-workflow::before { position: absolute; top: -140px; left: 50%; width: 720px; height: 380px; content: ''; border: 1px solid #6e7de51f; border-radius: 50%; box-shadow: 0 0 0 70px #6e7de50c, 0 0 0 140px #6e7de507; transform: translateX(-50%); }
.payroll-workflow > .container { position: relative; }
.payroll-workflow-list { position: relative; }
.payroll-workflow-list::before { position: absolute; z-index: 0; top: 43px; right: 6%; left: 6%; height: 2px; content: ''; background: linear-gradient(90deg, transparent, #6d7ce5, #47cfd1, transparent); background-size: 200% 100%; animation: pv-line 5s linear infinite; }
.payroll-workflow-list li { position: relative; z-index: 1; overflow: hidden; transition-delay: calc(var(--payroll-order, 0) * 65ms); }
.payroll-workflow-list li::after { position: absolute; right: -45px; bottom: -65px; width: 130px; height: 130px; content: ''; border-radius: 50%; background: radial-gradient(circle, #4ecbd124, transparent 68%); transition: transform .35s ease; }
.payroll-workflow-list li:hover { border-color: #7186e4; box-shadow: 0 20px 45px #03071270; transform: translateY(-6px); }
.payroll-workflow-list li:hover::after { transform: scale(1.35); }
.payroll-workflow-list li:nth-child(1) { --payroll-order: 0; }.payroll-workflow-list li:nth-child(2) { --payroll-order: 1; }.payroll-workflow-list li:nth-child(3) { --payroll-order: 2; }.payroll-workflow-list li:nth-child(4) { --payroll-order: 3; }.payroll-workflow-list li:nth-child(5) { --payroll-order: 4; }
@keyframes pv-line { to { background-position: -200% 0; } }
.payroll-industries { background: radial-gradient(circle at 88% 8%, #e9efff, transparent 28%), #f8f9fc; }
.payroll-industry-grid article { transition: transform .32s cubic-bezier(.2, .8, .2, 1), border-color .32s ease, box-shadow .32s ease; }
.payroll-industry-grid article::after { position: absolute; top: 23px; right: 23px; display: grid; width: 31px; height: 31px; content: '↗'; place-items: center; border: 1px solid #b6c2ef; border-radius: 50%; color: #6076d8; background: #fff; font-size: .85rem; transition: transform .3s ease, color .3s ease, background .3s ease; }
.payroll-industry-grid article:hover { border-color: #9eadea; box-shadow: 0 22px 48px #33457917; transform: translateY(-6px); }
.payroll-industry-grid article:hover::after { color: #fff; background: #6076d8; transform: rotate(45deg); }
.payroll-security-card { position: relative; overflow: hidden; }
.payroll-security-card::before { position: absolute; top: 0; left: -35%; width: 30%; height: 2px; content: ''; background: linear-gradient(90deg, transparent, #6de8ef, transparent); box-shadow: 0 0 15px #6de8ef; animation: pv-security 5s ease-in-out infinite; }
@keyframes pv-security { 0%, 15% { left: -35%; } 70%, 100% { left: 110%; } }
.payroll-implementation .detail-steps article { padding: 27px 24px; border: 1px solid #dfe5ef; border-radius: 14px; background: linear-gradient(145deg, #fff, #f7f9fd); box-shadow: 0 12px 30px #26365d08; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.payroll-implementation .detail-steps article:hover { border-color: #b2c0ed; box-shadow: 0 20px 44px #33457914; transform: translateY(-6px); }
.payroll-implementation .detail-steps article > span { display: grid; width: 38px; height: 38px; margin-bottom: 24px; place-items: center; border: 1px solid #91a2ea70; border-radius: 50%; color: #5870d3; background: #edf1ff; }
.payroll-faq-list details { transition: border-color .25s ease, background .25s ease, transform .25s ease; }
.payroll-faq-list details:hover { border-color: #53678f; background: #132039; transform: translateX(5px); }
.payroll-cta { position: relative; overflow: hidden; background: radial-gradient(circle at 22% 30%, #6256da2e, transparent 28%), radial-gradient(circle at 86% 72%, #2ebdc52b, transparent 26%), #0e1729; }
.payroll-cta::before { position: absolute; right: -110px; bottom: -160px; width: 420px; height: 420px; content: ''; border: 1px solid #7d8be82c; border-radius: 50%; box-shadow: 0 0 0 60px #7d8be80e, 0 0 0 120px #7d8be808; animation: pv-orbit 24s linear infinite; }
.payroll-cta .container { position: relative; z-index: 1; }
@media (max-width: 1180px) {
  .payroll-management-page .payroll-hero .detail-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(470px, .86fr); gap: 42px; }
  .payroll-visual { min-height: 510px; }
  .pv-node { width: 174px; }
  .pv-employees, .pv-leave { left: 18px; }.pv-attendance, .pv-reports { right: 18px; }
}
@media (max-width: 940px) {
  .payroll-management-page .payroll-hero .detail-hero-grid { grid-template-columns: 1fr; gap: 52px; }
  .payroll-management-page .payroll-hero .detail-hero-copy { max-width: 800px; }
  .payroll-visual { width: min(100%, 760px); min-height: 540px; margin: 0 auto; transform: none; }
  .payroll-management-page .payroll-capability-grid .detail-card:nth-child(2n), .payroll-management-page .payroll-capability-grid .detail-card:nth-child(2n):hover { transform: none; }
  .payroll-management-page .payroll-capability-grid .detail-card:nth-child(2n).pending { transform: translateY(22px); }
  .payroll-workflow-list::before { display: none; }
}
@media (max-width: 620px) {
  .payroll-management-page { overflow-x: hidden; }
  .payroll-management-page .payroll-hero .detail-hero-grid,
  .payroll-management-page .payroll-hero .detail-hero-copy { width: 100%; min-width: 0; }
  .payroll-management-page .payroll-hero h1 { max-width: 100%; overflow-wrap: normal; font-size: clamp(2.65rem, 11vw, 3.45rem); }
  .payroll-management-page .payroll-hero h1 span { max-width: 100%; font-size: .52em; line-height: 1.18; }
  .payroll-management-page .payroll-hero .detail-lead { max-width: 100%; overflow-wrap: break-word; }
  .payroll-management-page .payroll-hero .hero-actions { display: grid; width: 100%; grid-template-columns: 1fr; }
  .payroll-management-page .payroll-hero .hero-actions .button { width: 100%; max-width: 330px; }
  .payroll-management-page .payroll-hero-note { max-width: 100%; }
  .payroll-visual { min-height: 500px; border-radius: 21px; }
  .pv-topbar { top: 21px; right: 18px; left: 18px; font-size: .53rem; }
  .pv-node { width: 150px; min-height: 66px; gap: 9px; padding: 10px; border-radius: 11px; }
  .pv-node-icon { width: 34px; height: 34px; border-radius: 9px; }.pv-node-icon svg { width: 19px; height: 19px; }
  .pv-node strong { font-size: .69rem; }.pv-node small { font-size: .56rem; }
  .pv-employees, .pv-leave { left: 12px; }.pv-attendance, .pv-reports { right: 12px; }
  .pv-employees, .pv-attendance { top: 82px; }.pv-leave, .pv-reports { bottom: 96px; }
  .pv-core { top: 49%; width: 188px; min-height: 166px; padding: 20px; }
  .pv-core-orbit { width: 225px; height: 225px; }
  .pv-core-icon { width: 40px; height: 40px; margin-bottom: 13px; }
  .pv-core > strong { font-size: .88rem; }.pv-core > small { font-size: .56rem; }
  .pv-status { bottom: 46px; padding: 7px 12px; }.pv-status strong { font-size: .58rem; }
  .pv-footer { display: none; }
  .payroll-management-page .detail-card > .payroll-card-icon { top: 22px; right: 22px; width: 48px; height: 48px; min-height: 48px; }
  .payroll-card-icon svg { width: 24px; height: 24px; }
}
@media (max-width: 430px) {
  .payroll-management-page .payroll-hero h1 { font-size: clamp(2.45rem, 10.5vw, 3rem); }
  .payroll-management-page .payroll-hero h1 span { font-size: .54em; }
  .payroll-visual { min-height: 480px; }
  .pv-node { width: 136px; }.pv-node-icon { display: none; }
  .pv-core { width: 174px; }
  .pv-core-orbit { width: 205px; height: 205px; }
  .pv-status strong { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .pv-packet { display: none; }
}

/* Payroll overview: balance the copy with a connected workflow visual. */
.payroll-management-page .payroll-overview .detail-two-col {
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  gap: clamp(58px, 7vw, 108px);
}
.payroll-overview-intro {
  position: sticky;
  top: 166px;
  align-self: start;
}
.payroll-overview-summary {
  max-width: 570px;
  margin: 30px 0 0;
  color: #606d83;
  font-size: 1rem;
  line-height: 1.82;
}
.payroll-overview-flow {
  position: relative;
  isolation: isolate;
  max-width: 560px;
  margin-top: 32px;
  overflow: hidden;
  padding: 23px;
  border: 1px solid #7186db59;
  border-radius: 17px;
  color: #eaf0ff;
  background:
    radial-gradient(circle at 8% 90%, #32c8d329, transparent 31%),
    radial-gradient(circle at 88% 12%, #7669eb31, transparent 32%),
    linear-gradient(145deg, #111b34, #0d162a);
  box-shadow: 0 22px 48px #18254820, inset 0 1px 0 #ffffff12;
}
.payroll-overview-flow::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: '';
  opacity: .55;
  background-image: linear-gradient(#8295ff0b 1px, transparent 1px), linear-gradient(90deg, #8295ff0b 1px, transparent 1px);
  background-size: 27px 27px;
}
.payroll-overview-flow::after {
  position: absolute;
  top: 0;
  left: -35%;
  width: 28%;
  height: 2px;
  content: '';
  background: linear-gradient(90deg, transparent, #6ce7ed, transparent);
  box-shadow: 0 0 14px #6ce7ed;
  animation: payroll-overview-scan 4.8s ease-in-out infinite;
}
.payroll-flow-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
  color: #90a0c3;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: .59rem;
  font-weight: 650;
  letter-spacing: .13em;
}
.payroll-flow-head i {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #8adfc5;
  font-style: normal;
}
.payroll-flow-head i b {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #69e2b5;
  box-shadow: 0 0 0 5px #69e2b512, 0 0 11px #69e2b5;
  animation: pv-live 2s ease-in-out infinite;
}
.payroll-flow-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.payroll-flow-grid::before,
.payroll-flow-grid::after {
  position: absolute;
  z-index: -1;
  content: '';
  background: linear-gradient(90deg, transparent, #7587e75d, #51d5d75c, transparent);
  background-size: 200% 100%;
  animation: pv-line 4.6s linear infinite;
}
.payroll-flow-grid::before { top: 50%; right: 10%; left: 10%; height: 1px; }
.payroll-flow-grid::after { top: 12%; bottom: 12%; left: 50%; width: 1px; background: linear-gradient(180deg, transparent, #7587e75d, #51d5d75c, transparent); }
.payroll-flow-grid > span {
  position: relative;
  display: flex;
  min-height: 66px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid #52658e78;
  border-radius: 11px;
  background: #15213ae8;
  box-shadow: 0 10px 22px #0307134d, inset 0 1px 0 #ffffff0c;
  animation: payroll-overview-node 5s ease-in-out infinite;
}
.payroll-flow-grid > span:nth-child(2) { animation-delay: -1.25s; }
.payroll-flow-grid > span:nth-child(3) { animation-delay: -2.5s; }
.payroll-flow-grid > span:nth-child(4) { animation-delay: -3.75s; }
.payroll-flow-grid > span::after {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 5px;
  height: 5px;
  content: '';
  border-radius: 50%;
  background: #69e2b5;
  box-shadow: 0 0 9px #69e2b5;
}
.payroll-flow-grid i {
  display: grid;
  width: 29px;
  height: 29px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #8b9cf15d;
  border-radius: 9px;
  color: #9eacfa;
  background: #7284e51a;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: .58rem;
  font-style: normal;
}
.payroll-flow-grid strong {
  color: #edf2ff;
  font-size: .72rem;
  font-weight: 620;
  line-height: 1.3;
}
.payroll-flow-status {
  display: flex;
  min-height: 35px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
  border: 1px solid #4fc09d4c;
  border-radius: 999px;
  color: #a8ddca;
  background: #123029ad;
  font-size: .67rem;
  font-weight: 620;
}
.payroll-flow-status span {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 50%;
  color: #8fe7c6;
  background: #49ba9129;
  font-size: .62rem;
}
@media (min-width: 761px) {
  .payroll-overview-intro {
    display: flex;
    align-self: stretch;
    flex-direction: column;
  }
  .payroll-management-page .payroll-overview .detail-prose {
    display: flex;
    align-self: stretch;
    flex-direction: column;
  }
  .payroll-management-page .payroll-overview .payroll-principles {
    flex: 1;
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .payroll-management-page .payroll-overview .payroll-principles li {
    display: flex;
    align-items: center;
  }
}
@keyframes payroll-overview-node {
  0%, 100% { border-color: #52658e78; transform: translateY(0); }
  50% { border-color: #788de29c; transform: translateY(-3px); }
}
@keyframes payroll-overview-scan {
  0%, 15% { left: -35%; }
  75%, 100% { left: 110%; }
}
@media (max-width: 760px) {
  .payroll-management-page .payroll-overview .detail-two-col { grid-template-columns: 1fr; gap: 42px; }
  .payroll-overview-intro { position: static; }
  .payroll-overview-summary, .payroll-overview-flow { max-width: 620px; }
}
@media (max-width: 480px) {
  .payroll-overview-flow { padding: 18px; }
  .payroll-flow-grid { grid-template-columns: 1fr; }
  .payroll-flow-grid::before, .payroll-flow-grid::after { display: none; }
  .payroll-flow-grid > span { min-height: 58px; }
}