/* Product-led studio identity. Corporate.css retains the shared content/form foundation. */
.corporate-site{--ink:#161b24;--deep:#161b24;--paper:#f5f6f8;--copper:#284fd5;color:#161b24;background:#fafafa}
.corporate-site h1,.corporate-site h2,.corporate-site h3{font-family:'Manrope',sans-serif;font-weight:500;letter-spacing:-.05em}
.corporate-site .site-header{height:104px;border:0}.corporate-site .brand,.corporate-site .brand img{width:145px}.corporate-site .header-cta{border-radius:100px;background:#171c25;border-color:#171c25;padding:12px 22px}.corporate-site .main-nav>a{font-size:13px;color:#343a45}.corporate-site .button{border-radius:100px;padding:15px 24px;min-height:53px}.corporate-site .button-dark{background:#264ed5;border-color:#264ed5}.corporate-site .button:hover{background:#183cac;border-color:#183cac}.corporate-site .text-link{color:#202b41;font-size:13px}.corporate-site .eyebrow{font-family:'Instrument Sans',sans-serif;font-size:10px;letter-spacing:.15em;color:#5b6577}
.corporate-hero{grid-template-columns:.9fr 1.15fr;gap:5vw;padding:55px var(--gutter) 65px;align-items:center;max-width:1800px}.corporate-hero h1{font-size:clamp(42px,4.5vw,76px);line-height:1.08;font-weight:500;letter-spacing:-.065em;margin-bottom:25px}.corporate-hero h1 span{color:#536886}.corporate-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#5c6472;max-width:450px}.corporate-hero-copy .hero-footnote{font-size:10px!important;letter-spacing:.02em;margin:40px 0 0;color:#687180}.corporate-actions{gap:25px;margin-top:28px}
.product-hero{margin:0;position:relative;background:#e7ebef;overflow:hidden;border-radius:24px;align-self:stretch;min-height:520px}.product-hero>img{width:100%;height:100%;min-height:520px;object-fit:cover;object-position:55% center}.product-hero figcaption{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;gap:15px;align-items:center;background:#ffffffed;border:1px solid #fff;padding:17px 20px;border-radius:12px;font-size:11px;color:#172437}.product-hero figcaption>span:first-child{font-size:8px;letter-spacing:.14em}
.expertise-strip{margin:0 var(--gutter);padding:24px 0;display:flex;justify-content:space-between;gap:20px;border-block:1px solid #e1e4e9;font-size:13px;letter-spacing:-.02em;color:#505b6a}
.corporate-services{background:#fafafa;border:0;padding-top:95px}.corporate-section-heading{grid-template-columns:1fr auto;align-items:end;margin-bottom:40px}.corporate-section h2{font-size:clamp(30px,3.1vw,48px);line-height:1.2;font-weight:500;letter-spacing:-.055em;max-width:850px}.corporate-section h2 span{color:#7a8496}.visual-services{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:25px}.corporate-service.visual-service{display:block;padding:0;background:none;border:0;border-radius:0}.service-visual{height:280px;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#dce6ef;padding:20px;transition:transform .25s}.visual-web{background:#e5e2f2}.visual-mobile{background:#dfebe6}.service-visual img{width:100%;filter:drop-shadow(0 20px 20px #172c4020);border-radius:10px;transition:transform .3s}.visual-service:hover .service-visual img{transform:translateY(-5px)}.service-caption{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-top:22px}.service-caption h3{font-size:21px;font-weight:600;line-height:1.4;margin:0}.service-caption>span{font-size:24px;color:#435a7c}.visual-service>p{font-size:13px;line-height:1.75;color:#697182;margin-top:12px;max-width:420px}
.additional-services{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;margin-top:35px}.corporate-service.compact-service{flex-direction:row;align-items:center;justify-content:space-between;gap:20px;border:0;border-bottom:1px solid #dce1e7;background:none;padding:22px 0;border-radius:0}.compact-service h3{font-size:16px;letter-spacing:-.02em;margin:0;font-weight:500}.compact-service>span{margin:0;font-size:20px}.compact-service:hover{color:#264ed5}
.studio-story{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center;background:#f0f2f5}.studio-story>div:last-child>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#626d7b;max-width:460px}.story-visual{height:370px;border-radius:22px;position:relative;background:#e2e7ef;display:flex;align-items:center;justify-content:center;padding:30px;overflow:hidden}.system-core{width:46%;background:white;border-radius:16px;padding:30px 25px;box-shadow:0 22px 55px #304b6820;z-index:1}.system-node{font:10px 'Instrument Sans',sans-serif;white-space:nowrap;padding:16px;background:#f7f9fc;border:1px solid #cbd6e2;border-radius:10px;color:#506986}.system-link{width:6%;height:1px;background:#8ea6c4}.story-visual>p{position:absolute;bottom:30px;font-size:9px;letter-spacing:.2em;color:#526780}.approach-section{background:#fafafa}.corporate-process{gap:35px}.corporate-process>div{border-top:1px solid #c9d3df}.corporate-process h3{font-size:21px}.corporate-process span{color:#264ed5}.corporate-process p{color:#697182}
.corporate-site .page-intro{background:#f0f2f5;border:0}.corporate-site .page-intro h1{font-weight:500;letter-spacing:-.05em}.corporate-site .content-card{border-radius:12px}.corporate-site .site-footer{background:#171e2a}.corporate-site .footer-top h2{font-size:clamp(32px,4vw,58px);font-weight:500}.corporate-site .footer-email{font-size:22px}
@media(max-width:1100px){.corporate-hero{gap:30px}.product-hero,.product-hero>img{min-height:460px}.visual-services{grid-template-columns:repeat(3,1fr);gap:20px}.service-visual{height:220px;padding:10px}.service-caption h3{font-size:18px}.studio-story{gap:35px}.story-visual{padding:20px}.system-node{padding:12px 7px;font-size:8px}.system-core{padding:25px 15px}}
@media(max-width:760px){.corporate-site .site-header{height:85px}.corporate-site .brand,.corporate-site .brand img{width:112px}.corporate-hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:35px;gap:32px}.corporate-hero h1{font-size:clamp(40px,8.2vw,58px);max-width:600px}.corporate-hero-copy .hero-footnote{margin-top:24px}.product-hero,.product-hero>img{min-height:0;height:330px}.product-hero{border-radius:18px}.product-hero>img{object-position:center}.product-hero figcaption{left:12px;right:12px;bottom:12px;padding:13px;font-size:9px}.product-hero figcaption>span:first-child{font-size:7px}.expertise-strip{display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:12px;padding:20px 0}.corporate-section-heading{display:block}.corporate-section-heading>.text-link{margin-top:5px}.visual-services{grid-template-columns:1fr;gap:30px}.service-visual{height:270px;padding:20px}.service-visual img{max-width:440px}.service-caption h3{font-size:22px}.visual-service>p{max-width:none}.additional-services{grid-template-columns:1fr;gap:0}.studio-story{grid-template-columns:1fr;gap:35px}.story-visual{height:280px}.system-core{width:44%;max-width:240px}.system-node{padding:15px;font-size:10px}.corporate-section{padding-top:50px;padding-bottom:50px}.corporate-section h2{font-size:32px}.corporate-site .footer-email{font-size:17px}}
@media(prefers-reduced-motion:reduce){.service-visual,.service-visual img{transition:none}.visual-service:hover .service-visual img{transform:none}}
/* Editorial product gallery: distinct software, mobile and integration stories. */
.corporate-site{background:#f6f7f9}.corporate-site .site-header{background:#f6f7f9}.corporate-site .button-dark{background:#192431;border-color:#192431}.corporate-site .brand img{mix-blend-mode:normal}
.corporate-hero{display:block;padding-top:64px;padding-bottom:60px}.corporate-hero-copy{display:grid;grid-template-columns:1.65fr 1fr;column-gap:9%;align-items:end}.corporate-hero-copy>.eyebrow{grid-column:1/-1;margin-bottom:26px}.corporate-hero h1{font-size:clamp(52px,6.2vw,100px);line-height:1.02;letter-spacing:-.065em;margin:0;max-width:920px}.corporate-hero h1 span{color:#637994;display:block}.hero-support>p{font-size:16px;line-height:1.8;color:#536071;max-width:380px}.hero-support .corporate-actions{gap:20px;flex-wrap:wrap;margin-top:25px}.corporate-hero-copy .hero-footnote{margin-top:26px;font-size:11px!important}
.product-gallery{margin:0 var(--gutter);display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.showcase{position:relative;overflow:hidden;border-radius:8px;display:block;color:#162235;min-width:0}.showcase-label{position:absolute;z-index:2;top:23px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:12px;font-weight:600}.showcase-label>span:last-child{font-size:22px}.showcase-product{background:#e1e8ec;height:550px}.showcase-product>img{width:100%;height:100%;object-fit:cover}.showcase-caption{position:absolute;bottom:0;left:0;right:0;padding:27px;background:linear-gradient(transparent,#eef1f5 65%);padding-top:65px}.showcase-caption h2{font-size:clamp(20px,2vw,29px);margin:0 0 8px;letter-spacing:-.04em}.showcase-caption>span{font-size:10px;color:#4e5d70}.showcase-mobile{height:550px;background:#c9d7e5}.showcase-mobile .showcase-caption{background:linear-gradient(transparent,#c9d7e5 60%)}.phone-demo{width:239px;height:420px;border:6px solid #182331;border-radius:35px;background:#fafbfc;position:absolute;top:72px;left:50%;transform:translateX(-50%) rotate(7deg);padding:31px 17px 17px;box-shadow:24px 26px 40px #25405a30;transition:transform .35s}.showcase-mobile:hover .phone-demo{transform:translateX(-50%) rotate(2deg) translateY(-5px)}.phone-camera{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:62px;height:15px;border-radius:20px;background:#182331}.phone-top{font-size:9px;display:flex;justify-content:space-between}.phone-top span{color:#385f51}.phone-demo>p{font-size:10px;margin:22px 0 6px;color:#536071}.phone-demo h3{font-size:24px;line-height:1.12;margin:0 0 16px}.phone-feature{padding:15px;background:#dce7e3;border-radius:12px}.phone-feature>span{font-size:9px}.phone-feature strong{display:block;font-size:29px;font-weight:500;margin-top:5px}.phone-feature small{font-size:9px}.mini-bars{height:35px;display:flex;align-items:end;gap:9px;margin-top:8px}.mini-bars i{background:#577c6b;width:14px;border-radius:3px;height:55%}.mini-bars i:nth-child(2n){height:90%}.mini-bars i:nth-child(3n){height:70%}.phone-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #dbe0e5;font-size:10px}.phone-nav{display:flex;justify-content:space-between;margin-top:14px}.showcase-connect{grid-column:1/-1;background:#202c3c;color:white;display:flex;align-items:center;justify-content:space-between;padding:42px 48px;min-height:235px;gap:30px}.showcase-connect .eyebrow{color:#b2c3d6}.showcase-connect h2{font-size:35px;line-height:1.12;margin:12px 0 0}.integration-demo{display:flex;align-items:center;justify-content:center;width:47%;max-width:540px}.integration-demo>span{border:1px solid #60748b;border-radius:12px;padding:23px 16px;font-size:11px;white-space:nowrap}.integration-demo>i{height:1px;background:#8da5bc;flex:1;min-width:15px}.integration-demo>strong{font-weight:400;letter-spacing:.22em;font-size:25px;text-align:center;border:1px solid #90a4bb;padding:25px 20px;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center}.integration-demo small{font-size:10px;letter-spacing:.36em;margin-top:7px}.connect-arrow{font-size:30px}
.corporate-services,.approach-section{background:#f6f7f9}.visual-services{gap:32px}.service-visual{height:230px;border-radius:6px}.studio-story{background:#e7ecf1}.story-visual{border-radius:6px}.corporate-site .page-intro{background:#e7ecf1}.corporate-site .content-card{border-radius:6px}.corporate-site .site-footer{background:#202c3c}
@media(min-width:1600px){.showcase-product,.showcase-mobile{height:650px}.phone-demo{top:105px;scale:1.15}}
@media(max-width:1050px){.corporate-hero-copy{grid-template-columns:1.4fr 1fr;gap:25px}.corporate-hero h1{font-size:60px}.hero-support>p{font-size:14px}.showcase-product,.showcase-mobile{height:490px}.showcase-connect{padding:32px}.showcase-connect h2{font-size:28px}.integration-demo{width:50%}.integration-demo>strong{font-size:19px;padding:17px}.integration-demo>span{padding:16px 10px}}
@media(max-width:760px){.corporate-hero{padding-top:32px;padding-bottom:35px}.corporate-hero-copy{display:block}.corporate-hero h1{font-size:clamp(43px,9vw,65px);margin-bottom:25px}.hero-support>p{font-size:15px;max-width:500px}.corporate-hero-copy>.eyebrow{margin-bottom:20px}.corporate-hero-copy .hero-footnote{display:none}.product-gallery{grid-template-columns:1fr;gap:16px}.showcase-product{height:390px}.showcase-mobile{height:470px}.showcase-connect{grid-column:auto;flex-direction:column;align-items:start;padding:28px;gap:28px}.integration-demo{width:100%;max-width:400px;align-self:center}.connect-arrow{position:absolute;right:24px;top:24px}.showcase-caption h2{font-size:24px}.showcase-label{left:22px;right:22px}.showcase-caption{padding-left:22px}.showcase-connect h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.phone-demo{transition:none}.showcase-mobile:hover .phone-demo{transform:translateX(-50%) rotate(7deg)}}
.studio-story>div:last-child>p:not(.eyebrow){color:#4d5868}
.automation-story{display:grid;grid-template-columns:1fr 1.15fr;gap:6vw;align-items:center;background:#e7edf2;margin-top:65px}.automation-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#475669;max-width:510px}.automation-copy h2 span{color:#536b86}.automation-links{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}.control-demo{background:#202c3c;color:#edf4fc;border-radius:12px;padding:28px;min-width:0}.control-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.08em}.motion-toggle{font:inherit;letter-spacing:0;border:1px solid #7a90aa;color:#edf4fc;background:transparent;border-radius:30px;padding:9px 12px;cursor:pointer}.demo-note{color:#bdcbdc;font-size:10px;margin:18px 0 35px}.control-flow{display:flex;align-items:center}.control-node{border:1px solid #627c98;background:#2a3b50;border-radius:8px;padding:20px 12px;flex:0 0 26%;text-align:center;min-width:0}.control-node small{font-size:8px;color:#c0d3e6;display:block;letter-spacing:.12em}.control-node strong{font-size:clamp(14px,1.7vw,25px);font-weight:500;display:block;margin:14px 0}.control-node>span{font-size:9px;color:#b5d9c9}.plc-node{background:#dce8e3;color:#223e35;border-color:#dce8e3}.plc-node small{color:#345849}.plc-ports{display:flex;gap:4px;justify-content:center}.plc-ports i{width:10px;height:15px;background:#416256;border-radius:2px}.data-track{height:20px;flex:1;position:relative;overflow:hidden;min-width:12px}.data-track:before{content:'';position:absolute;height:1px;left:0;right:0;top:9px;background:#6b829c}.data-track i{position:absolute;left:-8px;top:6px;width:7px;height:7px;background:#c8e9dc;border-radius:50%;animation:data-flow 2.8s linear infinite;animation-play-state:paused}.control-flow>.data-track:nth-child(4) i{animation-delay:1.4s}.signal-bars{display:flex;height:20px;align-items:end;justify-content:center;gap:4px}.signal-bars i{width:7px;height:18px;background:#b5d9c9;transform-origin:bottom;animation:signal-level 3s ease-in-out infinite alternate;animation-play-state:paused}.signal-bars i:nth-child(2n){animation-delay:-1s}.signal-bars i:nth-child(3n){animation-delay:-2s}.control-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid #586c83;margin-top:28px;padding-top:25px;font-size:10px}.control-bottom strong{font-size:16px;font-weight:500;border:1px solid #7890ab;padding:12px;border-radius:6px}.control-caption{display:flex;justify-content:space-between;font-size:10px;color:#c1d0df;margin-top:30px}.motion-active .data-track i,.motion-active .signal-bars i{animation-play-state:running}.motion-paused .data-track i,.motion-paused .signal-bars i{animation-play-state:paused!important}.showcase-product img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.showcase-product:hover img{transform:scale(1.035)}.visual-plc{background:#dce8e3}.visual-mes{background:#dce5ee}
@keyframes data-flow{to{left:100%}}
@keyframes signal-level{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@media(max-width:1000px){.automation-story{grid-template-columns:1fr;gap:35px}.control-demo{max-width:700px;width:100%}.control-node strong{font-size:24px}}
@media(max-width:760px){.automation-story{margin-top:35px}.control-demo{padding:20px 15px}.control-heading{font-size:8px;letter-spacing:0}.motion-toggle{font-size:10px}.control-node{padding:18px 6px}.control-node strong{font-size:19px}.control-bottom{font-size:9px;gap:6px}.demo-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.data-track i,.signal-bars i{animation:none!important}.showcase-product img{transition:none}.showcase-product:hover img{transform:none}}
/* Move the packet on the compositor rather than animating its layout position. */
.data-track i{left:0;width:100%;background:none;border-radius:0;transform:translateX(-100%)}.data-track i:after{content:'';position:absolute;right:0;top:0;width:7px;height:7px;background:#c8e9dc;border-radius:50%}@keyframes data-flow{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
