@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--red:#a70c27;--ink:#12141a;--line:#e7e9ee;--muted:#59616c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}img{max-width:100%}.wrap{max-width:1510px;margin:auto;padding-inline:clamp(24px,5.3vw,90px)}header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(22px);border-bottom:1px solid #e9e9ed}.nav{height:88px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:26px;flex-shrink:0}.brand img{width:250px;display:block}.brand small{border-left:2px solid var(--red);padding-left:24px;font-size:10px;letter-spacing:.29em;line-height:1.7;font-weight:700}.links{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:13px;font-weight:700}.links a:hover,.links .active{color:var(--red)}.lang{font-size:12px;white-space:nowrap}.lang a[aria-current]{color:var(--red);font-weight:800}.contactbtn,.btn{background:linear-gradient(115deg,#c90b2d,#7d061c);color:white;display:inline-flex;gap:22px;align-items:center;justify-content:center;padding:16px 26px;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);font-size:13px;font-weight:700}.menu{display:none;background:transparent;border:0;font-size:25px}.hero{position:relative;min-height:625px;overflow:hidden;background:radial-gradient(ellipse at 66% 45%,#e4e7ed 0,#f7f8fa 45%,#fff 75%)}.hero-art{position:absolute;right:-3%;top:0;width:69%;height:100%;background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.04) 23%,rgba(255,255,255,0) 80%),url('assets/hero-original.png');background-position:center,center;background-size:cover;filter:saturate(1.05)}.hero-content{position:relative;z-index:2;padding-top:95px;padding-bottom:112px;width:min(660px,57%)}.eyebrow{color:var(--red);font-size:11px;letter-spacing:.27em;font-weight:800;text-transform:uppercase}.eyebrow:before{content:'/';font-size:25px;margin-right:15px;vertical-align:-3px}.hero h1{font:800 clamp(45px,4.3vw,72px)/1.075 Manrope,Arial;letter-spacing:-.06em;margin:25px 0 20px}.hero h1 em{font-style:normal;color:var(--red)}.hero p{font-size:17px;line-height:1.62;max-width:570px;color:#353a43}.actions{display:flex;gap:17px;margin-top:29px;flex-wrap:wrap}.btn.secondary{clip-path:none;border:1px solid #aeb5c0;background:rgba(255,255,255,.7);color:var(--ink);padding:15px 24px}.scrollhint{position:absolute;bottom:28px;left:5.3%;z-index:2;font-size:10px;letter-spacing:.2em}.scrollhint:before{content:'';display:block;height:60px;border-left:1px solid var(--red);margin:0 0 14px 10px}.rings{position:absolute;right:28%;top:13%;width:390px;height:390px;z-index:1;pointer-events:none;opacity:.75;transform:translate3d(0,0,0)}.ring{position:absolute;border-radius:50%;border:23px solid transparent;filter:drop-shadow(0 10px 7px rgba(50,0,0,.15));will-change:transform}.ring.a{inset:0;border-top-color:#a90c2b;border-right-color:#111820;border-bottom-color:#a90c2b}.ring.b{inset:65px;border-width:16px;border-left-color:#c20b31;border-top-color:#111820;border-right-color:#b10b29}.service-ribbon{position:relative;z-index:5;margin-top:-55px;background:rgba(255,255,255,.89);backdrop-filter:blur(20px);border:1px solid #e4e5e8;border-radius:16px;box-shadow:0 18px 50px #3c46561a;display:grid;grid-template-columns:repeat(5,1fr);padding:27px 14px}.service-ribbon a{padding:0 18px;display:flex;gap:13px;min-height:86px;border-right:1px solid #d9dce3}.service-ribbon a:last-child{border:0}.service-ribbon svg{width:35px;height:35px;flex-shrink:0;stroke:var(--red);stroke-width:1.8;fill:none}.service-ribbon b{font-size:14px}.service-ribbon p{font-size:12px;line-height:1.5;color:#626a75;margin:8px 0 0}.section{padding:110px 0}.section.alt{background:#f6f7f9}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.section h2,.inner h1{font:800 clamp(36px,3.3vw,57px)/1.13 Manrope,Arial;letter-spacing:-.055em;margin:17px 0}.section-head p{max-width:470px;color:var(--muted);line-height:1.7}.tech-grid{display:grid;grid-template-columns:1.1fr 1.1fr .65fr;gap:15px}.tech{min-height:240px;position:relative;overflow:hidden;border:1px solid #e4e5e9;border-radius:16px;padding:27px;display:flex;flex-direction:column;justify-content:space-between;background:#fff;transition:transform .35s,box-shadow .35s}.tech:hover,.industry:hover,.feature:hover{transform:translateY(-6px);box-shadow:0 20px 45px #10182818}.tech .eyebrow{font-size:9px}.tech h3{font:800 25px Manrope;margin:8px 0}.tech p{font-size:13px;line-height:1.6;max-width:300px}.tech.evon,.tech.beckhoff{background-position:center;background-size:cover}.tech.evon{background-image:linear-gradient(90deg,#ffffffeb 0%,#ffffff70 60%,transparent),url('assets/evon.webp')}.tech.beckhoff{background-image:linear-gradient(90deg,#ffffffed 0%,#ffffff65 60%,transparent),url('assets/beckhoff.webp')}.tech-stack{display:grid;gap:15px}.tech-stack .tech{min-height:112px;padding:20px}.tech-stack h3{font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature,.industry{border:1px solid var(--line);padding:34px;border-radius:12px;transition:.3s;background:#fff}.feature .num{color:var(--red);font-size:11px;letter-spacing:.2em}.feature h3{font:800 23px Manrope;letter-spacing:-.035em}.feature p,.industry p{color:var(--muted);line-height:1.7;font-size:14px}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.industry{min-height:210px;display:flex;flex-direction:column;justify-content:space-between}.industry .symbol{font-size:36px;color:var(--red)}.band{background:#96172e;color:white;padding:76px 0}.band h2{max-width:850px}.band p{max-width:700px;line-height:1.7}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.blog-grid a{border-top:2px solid #191c23;padding:23px 0}.blog-grid h3{font-size:21px;line-height:1.3}.seo{display:grid;grid-template-columns:1fr 1fr;gap:100px}.seo p,.inner p{line-height:1.85;color:#535b66}.seo h2{max-width:500px}footer{background:#17191e;color:#fff;padding:65px 0 22px}footer .foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}footer img{width:210px;background:#fff;padding:6px}footer a{display:block;margin:9px 0;color:#e3e4e7;font-size:13px}footer p{font-size:13px;color:#bdc0c7;max-width:390px;line-height:1.7}.inner{padding:90px 0 110px;min-height:58vh}.inner .lead{font-size:20px;max-width:850px}.inner .content{max-width:980px}.inner h2{font:800 30px Manrope;letter-spacing:-.04em;margin-top:42px}.inner li{line-height:2}.breadcrumbs{font-size:12px;color:#69717d;margin-bottom:35px}.inner-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:35px}.inner-cards a{border:1px solid var(--line);padding:26px;border-radius:10px}.inner-cards b{display:block;margin-bottom:9px}.inner-cards span{color:#69717d;font-size:14px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}@media(max-width:1100px){.brand small{display:none}.links{gap:15px}.hero-art{width:75%;opacity:.8}.service-ribbon{grid-template-columns:repeat(3,1fr)}.service-ribbon a{border-bottom:1px solid #ddd;padding:15px}.tech-grid{grid-template-columns:1fr 1fr}.tech-stack{grid-column:1/-1;grid-template-columns:1fr 1fr}}@media(max-width:760px){.nav{height:74px}.brand img{width:175px}.menu{display:block;margin-left:auto}.links{display:none;position:absolute;left:0;right:0;top:74px;background:#fff;flex-direction:column;align-items:stretch;padding:22px;box-shadow:0 12px 25px #0002}.links.open{display:flex}.nav .contactbtn{display:none}.hero{min-height:790px}.hero-art{top:370px;right:-18%;width:120%;height:390px;opacity:.96}.rings{width:240px;height:240px;top:460px;right:33%}.ring{border-width:14px}.ring.b{inset:40px;border-width:11px}.hero-content{padding-top:48px;width:100%;padding-bottom:380px}.hero h1{font-size:clamp(38px,9vw,58px)}.hero p{font-size:15px}.scrollhint{display:none}.service-ribbon{margin-top:-10px;grid-template-columns:1fr 1fr;padding:10px}.service-ribbon a{min-height:105px;border-right:0;padding:12px}.service-ribbon b{font-size:12px}.service-ribbon p{font-size:11px}.service-ribbon svg{width:24px}.section{padding:68px 0}.section-head{display:block}.tech-grid,.feature-grid,.industry-grid,.blog-grid,.seo,.inner-cards,footer .foot{grid-template-columns:1fr}.tech-stack{grid-column:auto;grid-template-columns:1fr}.tech{min-height:210px}.seo{gap:12px}.inner{padding:60px 0}.band{padding:60px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
/* v4: Frosted Apple-style sticky navigation. Only becomes glassy after scrolling. */
header{background:rgba(255,255,255,.98);border-bottom:1px solid transparent;transition:background .35s ease,box-shadow .35s ease,border-color .35s ease; -webkit-backdrop-filter:none;backdrop-filter:none}
header.is-scrolled{background:rgba(250,250,252,.73);border-bottom-color:rgba(255,255,255,.75);box-shadow:0 10px 35px rgba(20,25,35,.085);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px)}
/* Use the actual original design artwork at its full native pixel resolution. */
.hero-art{right:0;top:0;width:65%;height:100%;background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.82) 6%,rgba(255,255,255,0) 27%),url('assets/hero-original.png');background-position:center,left center;background-size:cover,cover;filter:none}
.rings,.ring{display:none!important}
@media(max-width:760px){.hero-art{top:385px;right:0;width:100%;height:365px;background-position:center,center;background-size:cover,cover}.hero-content{padding-bottom:380px}}
@media(prefers-reduced-transparency:reduce){header.is-scrolled{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* MiRADA V5 - visual quality and mobile refinements */
:root{--red:#b51230}html{scroll-padding-top:95px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b51230;outline-offset:4px}header{isolation:isolate}header.is-scrolled{background:rgba(249,250,252,.69);box-shadow:0 14px 40px rgba(26,29,40,.09);border-bottom:1px solid rgba(255,255,255,.65)}.hero{background:radial-gradient(ellipse at 75% 50%,#e6e9ef 0%,#f6f7f9 46%,#fff 78%)}.hero-art{width:67%;right:0;background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.75) 7%,rgba(255,255,255,0) 32%),url('assets/hero-hq.webp');background-position:center,center;background-size:cover,cover;image-rendering:auto}.hero-content{width:min(670px,54%)}.tech{border-radius:12px;box-shadow:0 10px 25px rgba(28,35,55,.035)}.tech.evon,.tech.beckhoff{background-size:cover;min-height:290px}.tech:hover{box-shadow:0 22px 52px rgba(29,31,42,.15)}.feature,.industry{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.section-head h2{max-width:780px}.service-ribbon{border-radius:15px;box-shadow:0 20px 65px rgba(20,26,40,.1)}.article-hero{background:linear-gradient(130deg,#f5f6f8,#fff);border-bottom:1px solid var(--line);padding:55px 0 35px}.article-body{max-width:850px}.article-body h2{margin-top:40px}.blog-admin-note{font-size:13px;color:#68717b}.contact-form{display:grid;gap:15px;max-width:650px;margin-top:35px}.contact-form label{display:grid;gap:7px;font-weight:700;font-size:13px}.contact-form input,.contact-form textarea{font:inherit;border:1px solid #cbd0d9;padding:14px 16px;border-radius:8px;width:100%;background:#fff}.contact-form textarea{min-height:140px}.contact-form button{border:0;cursor:pointer;clip-path:none;border-radius:5px;justify-self:start}.contact-form .honeypot{position:absolute;left:-10000px}.form-note{font-size:12px;color:#69717d}.article-date,.article-author{display:none!important}
@media(min-width:1600px){.hero{min-height:720px}.hero-art{background-size:cover,cover}.hero-content{padding-top:115px}}
@media(max-width:1100px){.hero-content{width:60%}.hero-art{width:73%}.nav{gap:14px}.brand img{width:205px}.links{gap:14px}}
@media(max-width:760px){.hero{min-height:0}.hero-content{width:100%;padding-top:46px;padding-bottom:370px}.hero h1{font-size:clamp(35px,9vw,52px);overflow-wrap:break-word}.hero-art{top:auto;bottom:0;right:0;width:100%;height:365px;background-image:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 26%),url('assets/hero-mobile.webp');background-size:cover,cover;background-position:center,center}.service-ribbon{grid-template-columns:1fr 1fr;margin-top:12px}.service-ribbon a{padding:13px;min-height:108px}.service-ribbon a:last-child{grid-column:1/-1}.nav .contactbtn{display:inline-flex}.links.open .contactbtn{display:inline-flex}.tech-grid{grid-template-columns:1fr}.tech-stack{grid-template-columns:1fr 1fr}.tech-stack .tech{min-height:120px}.brand img{width:180px}.section-head p{font-size:15px}}
@media(max-width:400px){.hero-content{padding-bottom:310px}.hero-art{height:300px}.service-ribbon{grid-template-columns:1fr}.service-ribbon a:last-child{grid-column:auto}.tech-stack{grid-template-columns:1fr}.brand img{width:150px}}
