.brand-symbol{width:32px;height:32px;flex:none}.technology-hero{height:auto;position:relative;background:#070e18;isolation:isolate}.technology-stage{position:relative;height:960px;overflow:clip;background:radial-gradient(ellipse at 50% 82%,#172f47 0,transparent 55%),#070e18}.tech-motion .technology-hero{height:230svh;min-height:1500px}.tech-motion .technology-stage{position:sticky;top:0;height:100svh;min-height:640px}.technology-copy{position:absolute;z-index:10;top:145px;left:20px;right:20px;text-align:center;will-change:transform,opacity}.technology-copy h1{font-size:clamp(32px,3.3vw,52px);line-height:1.45;margin:22px 0 19px;letter-spacing:-.05em}.technology-copy h1 span{color:#d7e2ef}.technology-copy .hero-description{font-size:15px;line-height:1.8}.technology-copy .hero-actions{margin-top:23px}.tech-grid{position:absolute;inset:40% -30% -50%;background-image:linear-gradient(#779fc51a 1px,transparent 1px),linear-gradient(90deg,#779fc51a 1px,transparent 1px);background-size:65px 65px;transform:perspective(800px) rotateX(63deg);mask-image:radial-gradient(ellipse,black,transparent 66%);pointer-events:none}.tech-scene{position:absolute;inset:0;z-index:4;pointer-events:none;perspective:1200px}.tech-layer{position:absolute;width:27vw;max-width:430px;top:51%;transform-origin:center;will-change:transform;isolation:isolate}.tech-layer img{width:100%;height:auto;filter:drop-shadow(0 28px 24px #01040966)}.tech-layer figcaption{position:absolute;left:8%;right:8%;bottom:0;text-align:center;font-family:Arial,sans-serif;letter-spacing:.06em;font-size:11px;color:#afc4d9;white-space:nowrap}.tech-layer figcaption span{font-size:9px;color:#638aa9;padding-right:9px}.tech-ai{left:4%;top:47%;z-index:1;width:23vw}.tech-platform{left:64%;top:44%;z-index:2;width:28vw}.tech-twin{left:27%;top:53%;z-index:3;width:33vw;max-width:490px}.tech-automation{left:72%;top:66%;z-index:5;width:23vw;max-width:340px}.tech-resolution{position:absolute;top:24%;left:20px;right:20px;text-align:center;color:#f1f7fd;font-size:clamp(30px,3vw,46px);letter-spacing:-.045em;line-height:1.5;opacity:0;transform:translateY(30px);z-index:8;pointer-events:none;will-change:transform,opacity}.tech-resolution span{color:#b7d7ef}.technology-floor{position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(transparent,#080c12);z-index:7;pointer-events:none}.contact-concept{position:absolute;right:-15%;top:0;width:70%;height:100%;object-fit:contain;opacity:.1;z-index:-2}.project-tabs{max-width:100%;flex-wrap:wrap;border-radius:22px}.project-tabs button{padding-inline:20px}.project-info h3{font-size:25px;line-height:1.5;margin-top:0}.platform-strip{font-size:15px}.tech-motion .technology-copy{transform:translateY(var(--copy-y,0px));opacity:var(--copy-opacity,1)}
@media(min-width:1700px){.technology-copy{top:170px}.technology-copy h1{font-size:59px}.tech-layer{max-width:520px}.tech-twin{max-width:570px}.tech-automation{max-width:420px}}
@media(max-height:780px) and (min-width:761px){.technology-copy{top:105px}.technology-copy h1{font-size:40px;margin-block:14px}.technology-copy .hero-description{font-size:13px}.technology-copy .eyebrow{font-size:9px}.technology-copy .hero-actions{margin-top:18px}.tech-ai{top:48%;width:21vw}.tech-platform{top:48%;width:24vw}.tech-twin{top:55%;width:28vw}.tech-automation{top:66%;width:20vw}}
@media(max-width:1050px){.tech-layer figcaption{font-size:9px}.tech-layer figcaption span{display:none}.technology-copy{top:140px}.technology-copy h1{font-size:40px}.tech-ai{left:0%;width:28vw;top:49%}.tech-platform{left:64%;width:32vw;top:50%}.tech-twin{left:23%;width:41vw;top:60%}.tech-automation{left:72%;width:27vw;top:74%}.project-tabs button{padding-inline:15px}.platform-strip{font-size:13px}}
@media(max-width:760px){.technology-stage{height:850px}.tech-motion .technology-hero{height:210svh;min-height:1300px}.tech-motion .technology-stage{min-height:600px}.technology-copy{top:111px;left:15px;right:15px}.technology-copy h1{font-size:clamp(23px,4.4vw,33px);line-height:1.55;margin:20px 0 17px}.technology-copy .hero-description{font-size:12px;line-height:1.9}.technology-copy .hero-actions{gap:20px;margin-top:22px}.technology-copy .button{font-size:12px;padding:10px 18px;min-height:43px}.technology-copy .text-link{font-size:12px}.tech-ai{left:-5%;width:44vw;top:52%}.tech-platform{left:57%;width:48vw;top:51%}.tech-twin{left:14%;width:65vw;top:65%}.tech-automation{left:65%;width:40vw;top:76%}.tech-layer figcaption{font-size:8px;letter-spacing:.01em;bottom:-5px}.tech-resolution{top:23%;font-size:26px}.tech-grid{background-size:40px 40px}.project-tabs{border-radius:17px;gap:3px;width:100%}.project-tabs button{flex:1 1 29%;padding:8px 8px;font-size:12px}.platform-strip{font-size:11px;gap:10px 19px}.project-info h3{font-size:24px}.brand-symbol{width:29px;height:29px}.contact-concept{width:100%;right:-30%}}
@media(max-width:390px){.technology-copy{top:100px}.technology-copy h1{font-size:22px}.technology-copy .eyebrow{font-size:8px}.technology-copy .hero-description{font-size:11px}.technology-copy .text-link{font-size:11px}.technology-copy .hero-actions{gap:15px}.tech-ai{top:53%}.tech-platform{top:54%}.tech-twin{top:67%}.tech-automation{top:78%}}
@media(prefers-reduced-motion:reduce){.tech-motion .technology-hero{height:auto;min-height:0}.tech-motion .technology-stage{position:relative;height:900px}.technology-copy{transform:none!important;opacity:1!important}.tech-layer{transform:none!important;will-change:auto}.tech-resolution{display:none}.tech-grid{transform:perspective(800px) rotateX(63deg)!important}}