/* PRODEV motion identity: ribbon paths, service diagrams and responsive surfaces. */
.brand{position:relative;padding:0;line-height:0}
.brand-lockup{display:block;width:194px;height:auto;overflow:visible;transition:filter .4s,transform .4s}
.brand:after{content:'';position:absolute;left:8px;right:12px;bottom:-6px;height:1px;background:linear-gradient(90deg,transparent,#397eff,#9bd9ff,transparent);transform:scaleX(.25);opacity:0;transition:transform .45s,opacity .45s}
.brand:hover:after,.brand:focus-visible:after{transform:scaleX(1);opacity:.8}
.brand:hover .brand-lockup{filter:drop-shadow(0 0 9px #4c99ff2b)}
.footer-brand .brand-lockup{width:194px}
.site-header{background:#060b17f2}
.nav-layout{min-height:88px}
.nav-list>li>a:not(.button){position:relative}
.nav-list>li>a:not(.button):after{content:'';height:1px;background:linear-gradient(90deg,#1553e8,#8bd5ff);position:absolute;left:0;right:0;bottom:4px;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.nav-list>li>a:not(.button):hover:after,.nav-list>li>a[aria-current=page]:after{transform:scaleX(1)}
.button{position:relative;isolation:isolate;overflow:hidden}
.button:before{content:'';position:absolute;inset:-60% auto -60% -80%;width:45%;background:linear-gradient(90deg,transparent,#b5dfff26,transparent);transform:skewX(-25deg);transition:transform .75s,left .75s;pointer-events:none;z-index:-1}
.button:hover:before,.button:focus-visible:before{left:140%;transform:skewX(-25deg)}
.button-primary:hover{box-shadow:0 8px 28px #1553e844,0 0 0 1px #7badff66}
.home-hero,.page-hero,.error-page{position:relative;isolation:isolate}
.page-hero>.container,.error-page>.container{position:relative;z-index:2}
.hero-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;transform:translateY(var(--scene-shift,0px));contain:layout paint}
.brand-ribbon-field{position:absolute;right:-9%;top:-7%;width:67%;height:115%;opacity:.5;transform:rotate(-14deg);overflow:visible}
.ribbon-contour{stroke:#3d6eb4;stroke-width:1;opacity:.26}
.ribbon-secondary{stroke-width:.7;opacity:.18}
.ribbon-current{stroke:#83c9ff;stroke-width:1.3;stroke-dasharray:80 1900;animation:ribbon-travel 18s linear infinite;opacity:.6}
.ribbon-current-two{stroke:#397eff;stroke-dasharray:45 1940;animation-delay:-8s;animation-duration:24s;opacity:.45}
.ribbon-nodes{fill:#88c9ff;opacity:.4;animation:ribbon-breathe 7s ease-in-out infinite}
.atmosphere-grid{position:absolute;inset:0;background-image:radial-gradient(#78b9ff22 .6px,transparent .6px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 20%,#000 90%);opacity:.4}
.atmosphere-coordinate{position:absolute;bottom:19px;right:48px;color:#88a4ce;font:400 7px var(--display);letter-spacing:.14em}
.home-hero .brand-ribbon-field{left:-18%;right:auto;top:5%;height:135%;width:78%;opacity:.26;transform:rotate(22deg)}
.home-hero .atmosphere-grid{opacity:.18}
.home-hero .atmosphere-coordinate,.service-hero .atmosphere-coordinate{display:none}
.hero-watermark{display:none}
.service-hero .brand-ribbon-field{right:-12%;opacity:.24}
.error-page .brand-ribbon-field{right:-5%;width:65%;opacity:.4}
.footer-wordmark{font-size:clamp(64px,13.2vw,182px);padding-bottom:35px;letter-spacing:-.06em;color:#d8e9ff;position:relative}
.footer-wordmark:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#8bd5ff28 48%,transparent 60%);transform:translateX(-110%);pointer-events:none;animation:wordmark-glint 12s ease-in-out infinite}
.footer-wordmark>span{color:#80b8ff;animation:turn 50s linear infinite;transform-origin:center center}
.site-footer{background:radial-gradient(ellipse at 80% 15%,#112a5133,transparent 55%),#050914}
.service-diagram{position:absolute;right:18px;top:17px;width:144px;height:106px;color:#719ad0;opacity:.1;transition:opacity .45s,transform .5s;pointer-events:none}
.service-diagram .diagram-signal{stroke-dasharray:3 7}
.services-section .service-diagram{color:#1553e8;opacity:.13}
.service-card:hover .service-diagram,.service-card:focus-visible .service-diagram{opacity:.42;transform:translate(-3px,1px) scale(1.06)}
.service-card:after{display:none}
.service-card h3,.service-card p,.service-card .card-link,.service-card .card-category{position:relative;z-index:2}
.service-icon{position:relative;z-index:2;transition:transform .4s,box-shadow .4s,background .4s,border-color .4s}
.service-card:hover .service-icon,.service-card:focus-visible .service-icon{transform:translateY(-3px);background:#1553e82a;box-shadow:0 8px 18px #1553e819;border-color:#5a9dff}
.service-card[data-service=ai]:hover .diagram-signal{animation:diagram-orbit 12s linear infinite;transform-origin:100px 70px}
.service-card[data-service=ai]:hover .diagram-nodes circle{animation:diagram-pulse 1.8s ease-in-out infinite}
.service-card[data-service=data]:hover .diagram-bars path{transform-origin:center 122px;animation:data-rise 2s ease-in-out infinite}
.service-card[data-service=data]:hover .diagram-bars path:nth-child(2){animation-delay:-.4s}
.service-card[data-service=data]:hover .diagram-bars path:nth-child(3){animation-delay:-.9s}
.service-card[data-service=data]:hover .diagram-bars path:nth-child(4){animation-delay:-1.3s}
.service-card[data-service=web]:hover .diagram-frame{animation:blueprint-frame 2.5s ease-in-out infinite}
.service-card[data-service=design]:hover .layer-front{animation:design-separate 2.8s ease-in-out infinite}
.service-card[data-service=code]:hover .diagram-bracket{animation:code-breathe 2.5s ease-in-out infinite;transform-origin:center}
.service-card[data-service=mobile]:hover .diagram-wave{animation:signal-wave 2s ease-in-out infinite;transform-origin:100px 70px}
.service-card[data-service=mobile]:hover .wave-two{animation-delay:-1s}
.service-card[data-service=shield]:hover .diagram-signal{animation:shield-trace 3s linear infinite}
.service-card[data-service=shield]:hover .diagram-check{stroke-dasharray:70;animation:check-draw 2.8s ease-in-out infinite}
.service-card[data-service=team]:hover .diagram-nodes circle{animation:diagram-pulse 2.4s ease-in-out infinite}
.service-card[data-service=team]:hover .diagram-nodes circle:nth-child(2){animation-delay:-.8s}
.service-card[data-service=team]:hover .diagram-nodes circle:nth-child(3){animation-delay:-1.6s}
.service-card[data-service=growth]:hover .diagram-flow{animation:growth-point 2s ease-in-out infinite}
.service-card[data-service=workflow]:hover .diagram-flow,.service-card[data-service=code]:hover .diagram-flow{stroke-dasharray:9 6;animation:workflow-stream 4s linear infinite}
.service-card[data-service=support]:hover .diagram-wave{stroke-dasharray:12 4;animation:workflow-stream 3s linear infinite}
.diagram-context-hero{inset:0;width:100%;height:100%;padding:32px;color:#6db0ff;opacity:.2}
.service-visual[data-service=data] .service-orbit,.service-visual[data-service=web] .service-orbit,.service-visual[data-service=design] .service-orbit,.service-visual[data-service=code] .service-orbit,.service-visual[data-service=mobile] .service-orbit,.service-visual[data-service=workflow] .service-orbit{opacity:.25}
.service-visual[data-service=data] .service-emblem,.service-visual[data-service=web] .service-emblem,.service-visual[data-service=design] .service-emblem,.service-visual[data-service=code] .service-emblem,.service-visual[data-service=mobile] .service-emblem,.service-visual[data-service=workflow] .service-emblem{width:86px;height:86px;left:80%;top:69%;border-radius:19px;box-shadow:8px 10px 0 #397eff18;opacity:.9}
.service-visual[data-service=mobile] .service-emblem{width:64px;height:94px}
.service-visual[data-service=data] .service-emblem .icon,.service-visual[data-service=web] .service-emblem .icon,.service-visual[data-service=design] .service-emblem .icon,.service-visual[data-service=code] .service-emblem .icon,.service-visual[data-service=workflow] .service-emblem .icon{width:40px;height:40px}
.service-visual:hover .diagram-context-hero{opacity:.36;transform:scale(1.025)}
.service-visual[data-service=data] .diagram-bars path{animation:data-rise 6s ease-in-out infinite;transform-origin:center 122px}
.service-visual[data-service=data] .diagram-bars path:nth-child(2){animation-delay:-2s}
.service-visual[data-service=data] .diagram-bars path:nth-child(3){animation-delay:-4s}
.service-visual[data-service=mobile] .diagram-wave{animation:signal-wave 6s ease-in-out infinite;transform-origin:100px 70px}
.service-visual[data-service=design] .layer-front{animation:design-separate 8s ease-in-out infinite}
.service-visual[data-service=workflow] .diagram-flow{stroke-dasharray:9 6;animation:workflow-stream 9s linear infinite}
.service-visual[data-service=support] .diagram-wave{stroke-dasharray:12 4;animation:workflow-stream 10s linear infinite}
/* A surface follows the pointer only while a user is interacting with it. */
.motion-surface{position:relative;isolation:isolate;--surface-x:50%;--surface-y:50%;--tilt-x:0deg;--tilt-y:0deg;--surface-accent:91,155,255}
.surface-light,.surface-edge,.surface-scan{position:absolute;pointer-events:none;display:block}
.surface-light{inset:0;border-radius:inherit;background:radial-gradient(230px circle at var(--surface-x) var(--surface-y),rgba(var(--surface-accent),.17),transparent 75%);opacity:0;transition:opacity .4s;z-index:3}
.surface-edge{inset:-1px;border-radius:inherit;background:linear-gradient(#83c9ff,#83c9ff) left top/16px 1px no-repeat,linear-gradient(#83c9ff,#83c9ff) left top/1px 16px no-repeat,linear-gradient(#83c9ff,#83c9ff) right top/16px 1px no-repeat,linear-gradient(#83c9ff,#83c9ff) right top/1px 16px no-repeat,linear-gradient(#83c9ff,#83c9ff) left bottom/16px 1px no-repeat,linear-gradient(#83c9ff,#83c9ff) left bottom/1px 16px no-repeat,linear-gradient(#83c9ff,#83c9ff) right bottom/16px 1px no-repeat,linear-gradient(#83c9ff,#83c9ff) right bottom/1px 16px no-repeat;opacity:0;transform:scale(.97);transition:transform .4s,opacity .4s;z-index:4}
.services-section .surface-edge{filter:brightness(.65)}
.surface-scan{inset:-30%;width:38%;background:linear-gradient(90deg,transparent,#c4e7ff1f,transparent);transform:translateX(-250%) rotate(20deg);transition:transform 1.1s;z-index:3}
.motion-surface:focus-visible .surface-edge,.motion-surface:focus-within .surface-edge{opacity:.85;transform:scale(1)}
.motion-surface:focus-visible .surface-light,.motion-surface:focus-within .surface-light{opacity:.8}
.motion-surface:focus-visible .surface-scan,.motion-surface:focus-within .surface-scan{transform:translateX(360%) rotate(20deg)}
@media(hover:hover) and (pointer:fine){
 .motion-surface:hover .surface-light{opacity:1}
 .motion-surface:hover .surface-edge{opacity:.85;transform:scale(1)}
 .motion-surface:hover .surface-scan{transform:translateX(360%) rotate(20deg)}
 html:not(.motion-paused) .motion-surface.pointer-engaged{transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-3px);will-change:transform;transition:transform .15s,border-color .3s,box-shadow .3s}
 .product-visual.pointer-engaged,.project-art.pointer-engaged,.insight-art.pointer-engaged{box-shadow:0 18px 40px #0003,0 0 20px #1553e818}
 .featured-product:hover .talent-passport{animation:none;transform:translate(-50%,-9px) rotate(-2deg);box-shadow:12px 18px 0 #19376640,0 24px 50px #1553e823}
 .talent-passport{transition:transform .6s,box-shadow .6s}
 .featured-product:hover .talent-orbit-one{animation:talent-revolve 12s linear infinite}
 .featured-product:hover .talent-orbit-two{animation:talent-revolve-reverse 18s linear infinite}
 .featured-product:hover .passport-bars i{animation:skill-charge 2s ease-in-out infinite}
 .featured-product:hover .passport-bars i:nth-child(2){animation-delay:-.5s}
 .featured-product:hover .passport-bars i:nth-child(3){animation-delay:-1s}
 .featured-product:hover .ticket-ui{animation:none;transform:translate(-50%,-5px) rotate(1deg);box-shadow:0 25px 55px #1553e834}
 .ticket-ui{transition:transform .6s,box-shadow .6s}
 .featured-product:hover .route-trace{stroke:#d9f1ff;stroke-width:2.8;animation-duration:5s}
 .featured-product:hover .ticket-barcode{animation:barcode-scan 2.5s ease-in-out infinite}
 .featured-product:hover .fleet-chip i{animation:diagram-pulse 2s ease-in-out infinite}
 .featured-product:hover .evidence-graph>g:first-child{stroke:#96d4ff;stroke-opacity:.85;stroke-dasharray:10 6;animation:workflow-stream 7s linear infinite}
 .featured-product:hover .evidence-graph>g:nth-child(2) circle{fill:#17385c;stroke:#b9e6ff;animation:node-brighten 2.8s ease-in-out infinite}
 .featured-product:hover .evidence-graph>g:nth-child(2) circle:nth-child(2n){animation-delay:-1.4s}
 .featured-product:hover .evidence-pulse{stroke:#83c9ff;animation-duration:13s}
 .featured-product:hover .ai-chat-preview{transform:translate(-50%,-3px) rotate(0);box-shadow:0 22px 55px #1553e831}
 .featured-product:hover .chat-answer-lines i{animation:answer-flow 2.8s ease-in-out infinite}
 .featured-product:hover .chat-answer-lines i:nth-child(2){animation-delay:-.8s}
 .featured-product:hover .chat-answer-lines i:nth-child(3){animation-delay:-1.6s}
 .project-art:hover img{transform:translateY(-4px) scale(1.065)}
 .art-faremo:hover img{transform:translateX(5px) scale(1.06)}
 .art-tes:hover img{transform:translateY(-7px) scale(1.045)}
 .art-migrantmithra:hover img{transform:scale(1.07);filter:drop-shadow(0 10px 9px #17396620)}
 .insight-art:hover:before{transform:translate(-50%,-50%) scale(1.1);border-color:#6ba7ff66}
 .insight-art:hover:after{animation:insight-radar 15s linear infinite;border-color:#8bd5ff88}
 .insight-art:before{transition:transform .6s,border-color .6s}
 .art-data:hover>.icon{transform:translateY(-5px) scale(1.1)}
 .art-shield:hover>.icon{transform:scale(1.13);filter:drop-shadow(0 0 14px #83c9ff66)}
 .art-code:hover>.icon{transform:rotate(0) scale(1.12)}
 .art-mobile:hover>.icon{transform:rotate(8deg) translateY(-3px)}
 .art-growth:hover>.icon{transform:translate(3px,-5px) scale(1.1)}
 .related-link:hover .icon,.contact-channel:hover .icon{transform:translate(3px,-3px)}
 .contact-channel:hover{border-color:#619fff}
 .contact-channel:hover>a{color:#c3e3ff}
}
.process-step{overflow:hidden}
.process-step:after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#91d3ff,transparent);transform:translateX(-120%);animation:process-signal 8s ease-in-out infinite;opacity:.8}
.process-step:nth-child(2):after{animation-delay:-6s}
.process-step:nth-child(3):after{animation-delay:-4s}
.process-step:nth-child(4):after{animation-delay:-2s}
.process-step:hover .step-number{color:#d1eaff;text-shadow:0 0 14px #78b9ff66}
.capability-card .index-number{transition:color .3s,transform .3s}
.capability-card:hover .index-number{transform:translateX(4px);color:#d1eaff}
.related-link .icon,.contact-channel .icon{transition:transform .4s}
.contact-channel{transition:border-color .4s}
.field input:not([type=checkbox]),.field select,.field textarea{transition:border-color .3s,box-shadow .3s,background .3s}
.field input:not([type=checkbox]):hover,.field select:hover,.field textarea:hover{border-color:#6f9dcc;background:#0e1b30}
.field:focus-within input:not([type=checkbox]),.field:focus-within select,.field:focus-within textarea{box-shadow:0 0 0 3px #397eff19,0 7px 25px #1553e80c;border-color:#8bd5ff}
.field:focus-within>label{color:#acd7ff}
.faq-list summary{transition:color .3s,padding .3s}
.faq-list summary:hover{color:#b6ddff;padding-left:7px}
.faq-list details[open] p{animation:answer-enter .4s ease-out both}
.project-cta:after{animation:cta-field 20s ease-in-out infinite}
.intelligence-console{overflow:hidden}
.intelligence-console:before{content:'';position:absolute;left:-70%;top:-30%;width:35%;height:170%;background:linear-gradient(90deg,transparent,#78b9ff08,transparent);transform:rotate(25deg);pointer-events:none;animation:console-sweep 16s ease-in-out infinite}
.intelligence-panel:not([hidden]){animation:answer-enter .45s ease-out both}
.intelligence-controls button{transition:transform .3s,border-color .3s,box-shadow .3s}
.intelligence-controls button:hover{border-color:#8bd5ff;box-shadow:0 0 15px #1553e830}
.intelligence-controls button[aria-pressed=true]{box-shadow:0 0 18px #1553e844}
.footer-products a,.footer-grid li a{transition:color .3s,transform .3s}
.footer-products a:hover{transform:translateY(-2px)}
@keyframes ribbon-travel{from{stroke-dashoffset:1500}to{stroke-dashoffset:-490}}
@keyframes ribbon-breathe{0%,100%{opacity:.25}50%{opacity:.65}}
@keyframes wordmark-glint{0%,30%{transform:translateX(-110%)}65%,100%{transform:translateX(110%)}}
@keyframes diagram-orbit{to{transform:rotate(360deg)}}
@keyframes diagram-pulse{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes data-rise{0%,100%{transform:scaleY(.8)}50%{transform:scaleY(1)}}
@keyframes blueprint-frame{0%,100%{stroke-opacity:.4}50%{stroke-opacity:1}}
@keyframes design-separate{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-4px)}}
@keyframes code-breathe{0%,100%{transform:scaleX(.93)}50%{transform:scaleX(1)}}
@keyframes signal-wave{0%,100%{opacity:.3;transform:scale(.93)}50%{opacity:1;transform:scale(1.04)}}
@keyframes shield-trace{to{stroke-dashoffset:-120}}
@keyframes check-draw{0%,100%{stroke-dashoffset:0}50%{stroke-dashoffset:18}}
@keyframes growth-point{0%,100%{transform:translate(0,0)}50%{transform:translate(2px,-3px)}}
@keyframes workflow-stream{to{stroke-dashoffset:-150}}
@keyframes talent-revolve{to{transform:translate(-50%,-50%) rotate(335deg)}}
@keyframes talent-revolve-reverse{to{transform:translate(-50%,-50%) rotate(-335deg)}}
@keyframes skill-charge{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes barcode-scan{0%,100%{opacity:.85}50%{opacity:.55}}
@keyframes node-brighten{0%,100%{stroke-opacity:.6}50%{stroke-opacity:1}}
@keyframes answer-flow{0%,100%{background:#45618a}50%{background:#8dbcf8}}
@keyframes insight-radar{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes process-signal{0%,15%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}
@keyframes answer-enter{from{transform:translateY(6px)}to{transform:translateY(0)}}
@keyframes cta-field{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-25px,10px) scale(1.08)}}
@keyframes console-sweep{0%,50%{left:-70%}90%,100%{left:160%}}
@media(max-width:1100px){.brand-lockup{width:174px}.nav-layout{gap:20px}.nav-list{gap:22px}.footer-wordmark{font-size:14vw}}
@media(max-width:900px){.brand-lockup{width:166px}.nav-layout{min-height:78px;gap:12px}.brand-ribbon-field{width:80%;right:-23%;opacity:.4}.surface-light{background:radial-gradient(180px circle at var(--surface-x) var(--surface-y),rgba(var(--surface-accent),.12),transparent 75%)}.atmosphere-coordinate{right:32px;font-size:6px}.footer-wordmark{font-size:17vw}.service-diagram{width:130px;height:95px}.diagram-context-hero{width:100%;height:100%}}
@media(max-width:650px){.brand-lockup{width:146px}.nav-layout{min-height:72px}.footer-brand .brand-lockup{width:186px}.nav-layout{gap:9px}.menu-toggle{padding:8px 9px}.motion-toggle{width:34px;height:34px}.brand-ribbon-field{width:110%;right:-42%;height:125%;opacity:.32}.home-hero .brand-ribbon-field{width:170%;left:-54%;top:3%;height:80%;opacity:.23}.ribbon-current{animation:none;stroke-dasharray:40 150;opacity:.3}.ribbon-nodes{animation:none;opacity:.3}.atmosphere-coordinate{right:22px;font-size:5px}.footer-wordmark{font-size:18.5vw;padding-bottom:28px}.footer-wordmark>span{font-size:13px}.service-diagram{width:150px;height:108px;opacity:.12}.diagram-context-hero{width:100%;height:100%;padding:22px;opacity:.25}.surface-edge{background-size:12px 1px,1px 12px,12px 1px,1px 12px,12px 1px,1px 12px,12px 1px,1px 12px}.service-visual[data-service=data] .service-emblem,.service-visual[data-service=web] .service-emblem,.service-visual[data-service=design] .service-emblem,.service-visual[data-service=code] .service-emblem,.service-visual[data-service=workflow] .service-emblem{width:68px;height:68px;top:69%;left:82%}.service-visual[data-service=mobile] .service-emblem{width:54px;height:78px;top:69%;left:82%}.service-visual .chip-a{font-size:7px;bottom:37px;left:15px}.service-visual .chip-b{font-size:7px;top:42px;right:15px}.project-cta:after{animation-duration:26s}.process-step:after{animation-duration:12s}.surface-scan{display:none}.intelligence-console:before{display:none}}
html.motion-paused .pointer-engaged{transform:none!important;will-change:auto}
html.motion-paused .surface-light,html.motion-paused .surface-scan{display:none}
html.motion-paused .hero-atmosphere{transform:none}
html.motion-paused .brand:hover .brand-lockup{filter:none}
html.motion-paused .featured-product:hover .talent-passport{transform:translateX(-50%) rotate(-7deg)}
html.motion-paused .featured-product:hover .ticket-ui{transform:translateX(-50%) rotate(8deg)}
html.motion-paused .featured-product:hover .ai-chat-preview{transform:translateX(-50%) rotate(-3deg)}
html.motion-paused .project-art:hover img,html.motion-paused .insight-art:hover>.icon{transform:none}
@media(prefers-reduced-motion:reduce){.hero-atmosphere,.pointer-engaged{transform:none!important}.surface-light,.surface-scan{display:none}.brand:hover .brand-lockup{filter:none}.project-art:hover img,.insight-art:hover>.icon{transform:none}.service-card:hover .service-diagram{transform:none}.brand-lockup{transition:none}}
@media print{.hero-atmosphere,.surface-light,.surface-edge,.surface-scan,.service-diagram{display:none!important}}
.intelligence-console{position:relative}
.keyboard-engaged .surface-edge{opacity:.85;transform:scale(1)}
.keyboard-engaged .surface-light{opacity:.65}
.keyboard-engaged .surface-scan{transform:translateX(360%) rotate(20deg)}
.document-asleep *, .document-asleep *:before,.document-asleep *:after{animation-play-state:paused!important}
.surface-scan,.surface-light{contain:paint}
.motion-surface.entered{animation:none}
.section-heading.entered>div,.section-heading.entered>p{animation:section-enter .7s ease both;animation-delay:var(--entry-delay,0ms)}
.motion-surface{overflow:hidden}
.surface-edge{inset:0}
.brand-lockup{shape-rendering:auto}
@media(hover:hover) and (pointer:fine){
 .about-art .stack-layer{transition:transform .65s,box-shadow .65s}
 .about-art:hover .layer-one{transform:translate(-55%,-42%) rotate(-20deg)}
 .about-art:hover .layer-two{transform:translate(-50%,-45%) rotate(-14deg)}
 .about-art:hover .layer-three{animation:none;transform:translate(-45%,-57%) rotate(-5deg);box-shadow:0 30px 55px #1553e838}
 .neural-visual:hover .neural-label{border-color:#7cb5ff;color:#edf7ff;box-shadow:0 6px 30px #1553e825}
}
html.motion-paused .about-art:hover .stack-layer{transform:translate(-50%,-50%) rotate(-13deg)}
@media(prefers-reduced-motion:reduce){.about-art:hover .stack-layer{transform:translate(-50%,-50%) rotate(-13deg)!important}}
.process-step{overflow:visible}
.process-step:after{transform:none;background-size:220% 100%;animation-name:process-signal-window}
@keyframes process-signal-window{0%,15%{background-position:100% 0}75%,100%{background-position:-100% 0}}
.intelligence-console:before{left:-70%;animation-name:console-sweep-transform}
@keyframes console-sweep-transform{0%,50%{transform:translate3d(0,0,0) rotate(25deg)}90%,100%{transform:translate3d(750%,0,0) rotate(25deg)}}
/* Without JavaScript the motion control cannot run, so present static artwork. */
.no-js *, .no-js *:before,.no-js *:after{animation:none!important}
.section-heading>:nth-child(2){--entry-delay:80ms}