@font-face{font-family:Manrope;src:url('assets/manrope-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-500.woff') format('woff');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-600.woff') format('woff');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-700.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
:root{--ink:#112e3d;--blue:#175a73;--cyan:#c5dcd7;--pale:#f0f3ef;--line:#dce3df;--gutter:clamp(24px,5.5vw,100px);--sans:Manrope,Arial,Helvetica,sans-serif}body{font-family:var(--sans);background:#fbfcf9;color:var(--ink);max-width:1920px;margin-inline:auto;-webkit-font-smoothing:antialiased}button,input,textarea{font-family:var(--sans)}p{color:#576e76}a,button,summary{touch-action:manipulation}::selection{background:#c5dcd7;color:#102d3b}header{height:84px;padding-inline:var(--gutter);background:#ffffffed;border-color:#e3e9e5;gap:25px}header img{width:196px}header nav{gap:28px;font-size:11px;font-weight:600;letter-spacing:0}.nav-cta{padding:15px 19px;border-color:#294d5e;background:var(--ink);color:white}.nav-cta:hover{background:#235366}.nav-cta span{margin-left:15px}.eyebrow{font-family:var(--sans);font-size:9px;letter-spacing:1.9px;font-weight:600}.button{font-family:var(--sans);font-size:12px;padding:18px 22px;font-weight:600;min-height:52px}.text-link{font-size:12px;font-weight:500}.primary{background:#c6dcd6}.primary:hover{background:#dbebe5}h2{font-weight:400;letter-spacing:-1.8px;font-size:clamp(34px,3.35vw,51px);line-height:1.18}h3{font-weight:500;letter-spacing:-.7px}
/* Deliberate hero composition, with room for both type and illustration. */
.hero{padding:60px var(--gutter) 0;min-height:650px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-rows:1fr auto;column-gap:24px;row-gap:22px;align-items:center;isolation:isolate;background:radial-gradient(ellipse at 88% 48%,#234853 0%,#112f3e 43%,#0a2330 85%)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 45%,#6e9e9d05 45.1%,transparent 65%);z-index:-1}.hero-content{grid-column:1;grid-row:1;max-width:none;width:100%;padding-block:20px}.hero .eyebrow{font-size:9px;letter-spacing:2.2px;margin-bottom:28px;color:#b7ced4}.hero h1{font-family:var(--sans);font-size:clamp(49px,5.45vw,83px);font-weight:500;letter-spacing:-.057em;line-height:1.08;margin-bottom:26px}.hero h1 span{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;color:#c6dcd6}.hero p{font-size:13px;line-height:1.9;color:#b9ccd2;margin:0}.hero .actions{flex-direction:row;align-items:center;gap:26px;margin:33px 0 0;flex-wrap:wrap}.hero .button{font-size:11px;gap:27px}.hero .text-link{font-size:11px;gap:15px}.engineering-visual{grid-column:2;grid-row:1;position:relative;top:auto;right:auto;width:100%;max-width:650px;opacity:1;margin:0;justify-self:center;pointer-events:none}.engineering-visual svg{width:100%;height:auto}.visual-caption{font-size:7px;letter-spacing:1.6px;gap:20px;margin:0 9%;color:#a0bbc0}.hero-bottom{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-top-color:#ffffff24;font-size:8px;letter-spacing:1.4px;color:#a4bec4}.hero .motion-toggle{position:static;bottom:auto;right:auto;flex-shrink:0;font-family:var(--sans);font-size:8px;padding:9px 11px;background:transparent;border-color:#83a1a640;color:#b6cbd0;margin:0;cursor:pointer}.motion-toggle:hover{background:#b9d7d612}
/* Proof comes before promises. */
.proof-strip{display:grid;grid-template-columns:.9fr 1fr 1.35fr .9fr;gap:24px;align-items:center;padding:28px var(--gutter);background:#f0f3ef;border-bottom:1px solid var(--line)}.proof-strip .proof-intro{font-size:8px;letter-spacing:1.5px;line-height:1.8;color:#60787b;max-width:155px}.proof-strip>a{display:flex;gap:13px;align-items:center;min-height:43px}.proof-strip strong{display:block;font-size:12px;font-weight:600;letter-spacing:0}.proof-strip small{display:block;font-size:9px;margin-top:6px;color:#60777a;line-height:1.5}.proof-mark{font-size:10px;border:1px solid #b4c8c0;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;flex-shrink:0;color:#326354}.proof-strip>a:hover strong{text-decoration:underline;text-underline-offset:4px}
.section{padding:96px var(--gutter)}.section-head{gap:55px;margin-bottom:42px;align-items:end}.section .eyebrow{margin-bottom:21px}.section-head p{font-size:13px;line-height:1.85;margin:0 0 3px;max-width:315px}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);background:white}.services article,.services article+article{padding:29px 28px 26px;border:0;min-width:0;transition:background .3s ease}.services article+article{border-left:1px solid var(--line)}.services article:hover{background:#f2f6f2}.service-top{margin-bottom:32px;font-family:var(--sans);font-size:9px;letter-spacing:1px}.service-top .icon{display:block;width:39px;height:39px;color:#2b6677}.service-top svg{display:block;width:100%;height:100%}.services h3{font-size:22px;line-height:1.25;margin:0 0 14px}.services p{font-size:12px;line-height:1.8;min-height:44px;margin:0}.services details{margin-top:27px;font-size:11px}.services summary{padding-top:18px;gap:12px;line-height:1.6;min-height:40px;font-weight:500}.services summary span{font-size:17px;font-weight:400}.services details[open] summary span{transform:rotate(45deg)}.services details div{font-size:11px;line-height:1.9;padding-top:17px}
/* The system illustration is the visual centerpiece of the body. */
.system-story{padding-top:0;padding-bottom:92px}.system-heading{grid-template-columns:1fr 1fr;gap:0 70px;margin-bottom:36px;align-items:end}.system-heading .eyebrow{margin-bottom:24px}.system-heading h2{font-size:clamp(43px,4.5vw,66px);line-height:1.07;letter-spacing:-2px}.system-heading p{font-size:13px;line-height:1.85;margin:0 0 4px}.system-heading em{color:#537e7e}.system-stage{border-color:#d7e1dc;background:#eef3ee;grid-template-columns:minmax(285px,.8fr) minmax(0,1.2fr)}.system-explorer{padding:35px 32px 29px;background:#fff}.system-choices button{padding:19px 0;gap:16px}.system-choices b{font-size:20px;font-weight:400;letter-spacing:-.5px}.system-choices small{font-size:10px;margin-top:6px}.system-number{font-size:9px}.system-description{padding-top:28px;min-height:234px}.system-description h3{font-size:23px;line-height:1.2}.system-description p{font-size:12px;line-height:1.85}.system-caption{font-size:8px;letter-spacing:1.4px}.system-tags{font-size:9px;line-height:1.8}.system-project-link{font-size:11px;padding-top:22px}.system-figure{padding:30px 28px 23px}.system-figure-top{font-size:7px;letter-spacing:1.35px}.system-figure figcaption{font-size:6px;letter-spacing:1.2px}.system-endnote{font-size:10px;padding-top:23px;line-height:1.8}.system-endnote a{gap:14px}
.lifecycle{padding:80px var(--gutter);gap:80px;grid-template-columns:1fr 1fr;background:radial-gradient(ellipse at 5% 70%,#1d4250,#112e3d 62%)}.lifecycle .eyebrow{font-size:8px;color:#a2bec5}.lifecycle h2{font-size:clamp(35px,3.5vw,52px);line-height:1.16}.lifecycle p{font-size:12px;line-height:1.9;max-width:370px;margin:23px 0 17px}.lifecycle .text-link{font-size:11px}.lifecycle-orbit{width:180px;height:110px;margin:25px 0 0 30px;opacity:.9}.lifecycle-orbit>span{font-size:8px}.cycle-label{font-size:8px;letter-spacing:1.3px;margin-top:28px;max-width:365px}.phases{padding-top:25px;padding-left:26px}.phases:before,.phases:after{top:25px}.phases details{padding:25px 0;border-color:#ffffff26}.phases summary{font-family:var(--sans);font-size:17px;font-weight:400;gap:19px;line-height:1.4}.phases summary b{font-family:var(--sans);font-size:10px}.phases summary i{font-size:22px}.phases p{margin:14px 28px 0 35px;font-size:11px;line-height:1.9}.phases>details:before{left:-29px;top:30px}
.about{gap:80px;grid-template-columns:1fr 1fr;align-items:start}.about h2{font-size:clamp(34px,3.5vw,51px);line-height:1.18}.about h2 em{font-family:Georgia,serif;color:#537e7e;font-weight:400}.about .large{font-size:23px;line-height:1.5;letter-spacing:-.7px;max-width:500px}.about p{font-size:12px;line-height:1.9}.locations{gap:65px;margin-top:28px;padding-top:26px}.locations b{font-size:25px;font-weight:400;letter-spacing:-1px;margin-bottom:7px}.locations span{font-size:10px;color:#526c75}
.certificates{padding-top:0;padding-bottom:92px}.certificate-grid{gap:20px}.certificate-card{border-color:#dae3dd;background:#fff}.certificate-image{height:176px;background:#f1f4f0;padding:24px;border-color:#e0e7e2}.certificate-image img{max-height:122px}.certificate-image .integrator-image{height:128px;max-height:128px}.certificate-image.siemens-certificate{padding:23px}.certificate-image.siemens-certificate img{max-width:310px;width:100%}.certificate-body{padding:27px 25px}.certificate-category{font-size:7px;letter-spacing:1.35px}.certificate-body h3{font-size:21px;line-height:1.25;margin:15px 0 13px}.certificate-body>p{font-size:11px;line-height:1.9;min-height:66px}.certificate-body summary,.certificate-body .text-link{font-size:10px;line-height:1.6}.certificate-body details p,.certificate-body dl{font-size:11px;line-height:1.85}.certificate-body dt{font-size:8px;letter-spacing:.7px}.certificate-source{font-size:9px;margin-top:20px}
/* A compact decision point before the conversation. */
.project-finder{margin:0 var(--gutter) 76px;padding:37px 36px 31px;background:#f0f3ef;border:1px solid #dce5dd}.finder-intro{text-align:left;display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:0 35px}.finder-intro .eyebrow{grid-column:1/-1;justify-content:flex-start;font-size:8px;margin-bottom:19px}.finder-intro h2{font-size:30px;letter-spacing:-1.1px;line-height:1.2}.finder-intro p{font-size:11px;line-height:1.8;margin:0;max-width:330px}.finder-controls{margin-top:27px;gap:12px}.finder-controls button{font-family:var(--sans);background:#ffffff7a;padding:19px 17px;gap:15px;border-color:#cedbd1;font-size:9px;min-height:58px}.finder-controls button span{font-size:12px;line-height:1.5}.finder-controls button[aria-pressed=true]{background:#143647;border-color:#143647}.finder-result{background:transparent;border-top:1px solid #d2dfd5;padding:25px 0 0;min-height:136px;margin-top:23px;gap:35px}.result-label{font-size:7px;letter-spacing:1.3px}.finder-result h3{font-size:20px;letter-spacing:-.6px;margin:10px 0}.finder-result p{font-size:11px;line-height:1.8;max-width:620px}.finder-result .text-link{font-size:10px;max-width:none}
.contact-studio{margin:0 var(--gutter) 76px;padding:44px 40px 29px;background:#e7efe7;border-color:#cfdfd2}.contact-studio>.eyebrow{font-size:8px;margin-bottom:25px}.contact-studio .contact-grid{grid-template-columns:1.25fr 1fr;gap:68px}.contact-studio h2{font-family:var(--sans);font-size:clamp(31px,3.2vw,46px);font-style:normal;font-weight:400;letter-spacing:-1.7px;line-height:1.18}.contact-studio h2 em{font-family:Georgia,serif;letter-spacing:-1.3px}.contact-studio .contact-intro p{font-size:12px;line-height:1.9;max-width:360px;margin-bottom:22px}.contact-phone>span{font-size:8px;letter-spacing:1.3px;margin-bottom:8px}.contact-phone b{font-size:15px;font-weight:500;letter-spacing:0}.contact-message-card{max-width:360px;background:#ffffff65;border-color:#c5d8cd;padding:20px;margin-top:24px}.contact-message-card h3{font-size:13px;font-weight:500;margin:0 0 14px;letter-spacing:0}.contact-message-card .contact-form-trigger{font-family:var(--sans);font-size:11px;padding:14px 16px;background:#143647;border-color:#143647}.contact-studio .contact-closing{margin-top:30px;padding-top:20px;border-color:#cbdccc;font-size:8px;letter-spacing:1.1px}.contact-drawing{opacity:.15;width:50%;top:0;right:0}
footer{padding:40px var(--gutter) 26px;background:#fff;gap:30px;border-color:#dfe7e2}footer img{width:170px}footer>div>p{font-size:10px;line-height:1.9;margin-top:16px}.footer-links{font-size:10px;gap:27px}.imprint{padding:31px 0 0}.imprint .eyebrow{font-size:8px;margin-bottom:13px}.imprint h2,.privacy-title{font-family:var(--sans);font-size:25px;font-weight:400;letter-spacing:-.8px}.imprint h2{margin-bottom:25px}.imprint-grid{gap:35px}.imprint h3{font-size:11px;font-weight:600}.imprint p{font-size:10px;line-height:1.9;margin-bottom:20px}.privacy-panel>summary{padding:25px 0}.privacy-eyebrow{font-size:8px;letter-spacing:1.4px}.privacy-action{font-size:10px}.privacy-content h3{font-size:12px}.privacy-content p,.privacy-content address{font-size:11px}.privacy-preview p{font-size:10px}.privacy-original{font-size:11px}.privacy-grid{gap:45px}.footer-bottom{font-size:9px;gap:18px}.footer-motion{font-family:var(--sans)}
.contact-dialog{border-radius:4px;background:#fcfdfb}.contact-dialog-inner{padding:42px 40px 33px}.contact-dialog h2{font-family:var(--sans);font-size:32px;line-height:1.18;letter-spacing:-1.2px}.contact-dialog .eyebrow{font-size:8px}.contact-dialog #contact-dialog-description{font-size:11px;line-height:1.9}.contact-dialog label{font-size:11px;font-weight:500}.contact-dialog input,.contact-dialog textarea{font-family:var(--sans);font-size:13px;border-color:#c0d0c7;background:#fff;padding:12px 14px}.contact-dialog .contact-form-note{font-size:9px}.contact-dialog .contact-draft-submit{font-family:var(--sans);font-size:11px;min-height:50px}.contact-dialog .contact-draft-status{font-size:10px}
/* Tablet: a usable navigation menu before the links become crowded. */
@media(max-width:1050px){header{height:76px}header img{width:180px}.menu{display:flex;gap:13px;align-items:center;background:transparent;border:1px solid #cbd8d0;color:var(--ink);padding:11px 14px;font:11px var(--sans);min-height:40px;cursor:pointer}header nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;border-bottom:1px solid var(--line);padding:26px var(--gutter);box-shadow:0 15px 25px #102e3b0a;font-size:13px}header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:24px}header nav>a:not(.nav-cta):after{right:auto;width:26px;bottom:-7px}.nav-cta{display:flex;justify-content:space-between}.hero{padding-top:45px;min-height:600px;gap:20px}.hero h1{font-size:clamp(43px,5.5vw,59px)}.hero .actions{gap:15px;flex-direction:column;align-items:flex-start;margin-top:27px}.hero .button{font-size:11px}.hero .eyebrow{font-size:8px;letter-spacing:1.8px}.hero p{font-size:12px}.proof-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-block:24px}.proof-strip .proof-intro{grid-column:1/-1;max-width:none;font-size:7px}.proof-strip strong{font-size:11px}.proof-strip small{font-size:8px}.section{padding-block:76px}.services article,.services article+article{padding:26px 22px}.services h3{font-size:20px}.system-story{padding-top:0}.system-stage{grid-template-columns:minmax(260px,.95fr) minmax(0,1.05fr)}.system-explorer{padding:25px 23px}.system-description{min-height:253px}.system-figure{padding:24px 15px}.system-figure-top{font-size:6px;letter-spacing:.8px}.system-figure figcaption{font-size:6px;letter-spacing:.4px}.lifecycle{gap:48px;padding-block:65px}.phases summary{font-size:15px;gap:15px}.phases p{margin-left:30px}.about{gap:48px}.about .large{font-size:21px}.certificates{padding-top:0}.certificate-grid{gap:13px}.certificate-body{padding:24px 20px}.certificate-body h3{font-size:18px}.certificate-body>p{min-height:85px}.project-finder{padding:32px 28px;margin-bottom:60px}.finder-intro h2{font-size:27px}.finder-controls button{padding:17px 13px;gap:10px}.finder-controls button span{font-size:11px}.contact-studio{padding:36px 30px 26px;margin-bottom:60px}.contact-studio .contact-grid{gap:40px}.contact-studio h2{font-size:33px}.contact-message-card{padding:17px}.footer-links{gap:22px}}
@media(max-width:720px){:root{--gutter:24px}header{height:74px}header img{width:172px}header nav{top:74px}.hero{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;padding:43px var(--gutter) 0;gap:0}.hero-content{padding:0;max-width:none;order:0}.hero .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:24px}.hero h1{font-size:clamp(45px,9.1vw,65px);letter-spacing:-.055em;line-height:1.08;margin-bottom:23px}.hero p{font-size:12px;line-height:1.85}.hero .actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:15px 20px;margin-top:27px}.hero .button{font-size:10px;min-height:48px;padding:16px 18px;gap:24px}.hero .text-link{font-size:10px;gap:12px}.engineering-visual{order:1;grid-column:auto;grid-row:auto;position:relative;top:auto;right:auto;width:min(100%,480px);max-width:480px;margin:24px auto 25px;opacity:1}.visual-caption{font-size:6px;letter-spacing:1px;margin-inline:8%}.hero-bottom{order:2;display:flex;flex-wrap:wrap;row-gap:14px;padding:18px 0;font-size:6px;letter-spacing:1px}.hero-bottom>span:first-child{width:100%}.hero .motion-toggle{font-size:7px;padding:8px 10px}.proof-strip{padding:23px var(--gutter);gap:18px 12px}.proof-strip>a{gap:8px;align-items:start}.proof-strip strong{font-size:9px;line-height:1.5}.proof-strip small{font-size:7px;line-height:1.5;margin-top:5px}.proof-mark{width:16px;height:16px;font-size:8px;margin-top:1px}.proof-strip .proof-intro{font-size:7px;letter-spacing:1.15px}.section{padding:64px var(--gutter)}h2{font-size:34px;letter-spacing:-1.3px;line-height:1.18}.section-head{display:block;margin-bottom:30px}.section .eyebrow{font-size:8px;margin-bottom:20px}.section-head p{font-size:12px;margin-top:22px;max-width:none}.services{grid-template-columns:1fr}.services article,.services article+article{padding:26px 25px;border:0}.services article+article{border-top:1px solid var(--line)}.service-top{margin-bottom:24px}.service-top .icon{width:35px;height:35px}.services h3{font-size:23px}.services p{font-size:12px;min-height:0}.services details{margin-top:23px}.services summary{font-size:11px}.system-story{padding-top:0;padding-bottom:65px}.system-heading{display:block;margin-bottom:29px}.system-heading .eyebrow{margin-bottom:21px}.system-heading h2{font-size:44px;letter-spacing:-1.7px}.system-heading p{font-size:12px;margin-top:22px}.system-stage{grid-template-columns:1fr}.system-explorer{display:contents}.system-choices{order:0;padding:0 11px;background:#fff}.system-choices button{padding:20px 10px;gap:5px}.system-choices b{font-size:15px}.system-choices small{font-size:8px;max-width:90px}.system-number{display:none}.system-arrow{font-size:14px}.system-description{order:2;min-height:220px;padding:26px 24px 0;background:#fff}.system-description h3{font-size:23px}.system-description p{font-size:12px}.system-tags{font-size:9px;margin-top:15px}.system-project-link{order:3;padding:0 24px 25px;background:#fff;margin:0;font-size:11px;width:100%}.system-figure{order:1;padding:23px 19px 21px;border-left:0;border-bottom:1px solid #d7e1dc}.system-figure svg{max-height:450px}.system-figure-top{font-size:6px;letter-spacing:.8px}.system-figure figcaption{font-size:6px;letter-spacing:.6px}.system-endnote{flex-direction:column;gap:13px;font-size:9px;line-height:1.7}.lifecycle{grid-template-columns:1fr;gap:28px;padding:59px var(--gutter)}.lifecycle h2{font-size:36px}.lifecycle p{font-size:12px;line-height:1.9;margin:20px 0 13px}.lifecycle-orbit,.cycle-label{display:none}.phases{padding-top:7px;padding-left:21px}.phases:before,.phases:after{top:7px}.phases>details:before{left:-24px;top:28px}.phases details{padding:23px 0}.phases summary{font-size:15px;gap:16px;line-height:1.4}.phases p{font-size:11px;margin:14px 18px 0 32px}.about{grid-template-columns:1fr;gap:30px}.about h2{font-size:35px}.about .large{font-size:22px;line-height:1.5}.about p{font-size:12px}.locations{gap:75px;margin-top:24px;padding-top:23px}.locations b{font-size:24px}.certificates{padding-top:0;padding-bottom:61px}.certificate-grid{grid-template-columns:1fr;gap:17px}.certificate-image{height:170px}.certificate-image.siemens-certificate img{max-width:310px}.certificate-body{padding:26px}.certificate-body h3{font-size:22px}.certificate-category{font-size:8px}.certificate-body>p{min-height:0;font-size:12px;margin-bottom:24px}.certificate-body summary,.certificate-body .text-link{font-size:11px}.certificate-source{font-size:8px;line-height:1.8}.project-finder{margin:0 var(--gutter) 45px;padding:28px 23px 25px}.finder-intro{display:block}.finder-intro .eyebrow{font-size:7px;margin-bottom:18px}.finder-intro h2{font-size:28px;line-height:1.2}.finder-intro p{font-size:11px;margin-top:17px}.finder-controls{grid-template-columns:1fr;gap:8px;margin-top:23px}.finder-controls button{min-height:54px;padding:16px;gap:14px;font-size:9px}.finder-controls button span{font-size:12px}.finder-result{min-height:0;padding-top:22px;flex-direction:column;align-items:start;gap:15px;margin-top:21px}.finder-result h3{font-size:20px}.finder-result p{font-size:11px}.finder-result .text-link{font-size:11px}.contact-studio{margin:0 var(--gutter) 47px;padding:30px 24px 23px}.contact-studio .contact-grid{grid-template-columns:1fr;gap:27px}.contact-studio h2{font-size:31px;letter-spacing:-1.2px}.contact-studio .contact-intro p{font-size:12px;margin-bottom:22px}.contact-phone b{font-size:14px}.contact-phone>span{font-size:7px}.contact-message-card{padding:18px;max-width:none;margin-top:24px}.contact-message-card h3{font-size:13px}.contact-message-card .contact-form-trigger{font-size:11px;padding:14px}.contact-studio .contact-closing{margin-top:27px;font-size:7px}.contact-drawing{width:100%;opacity:.12;right:-20%;top:-5px}footer{padding:33px var(--gutter) 25px;gap:27px}footer img{width:157px}.footer-links{font-size:10px;gap:25px;flex-wrap:wrap}.imprint{padding-top:27px}.imprint-grid{grid-template-columns:1fr;gap:0}.imprint h2,.privacy-title{font-size:25px}.imprint p{font-size:11px;line-height:1.8}.imprint h3{font-size:11px}.privacy-panel>summary{padding:25px 0;gap:15px}.privacy-eyebrow{font-size:7px}.privacy-action{font-size:9px;gap:10px}.privacy-content{padding-top:24px}.privacy-grid{grid-template-columns:1fr;gap:25px}.privacy-preview{padding:18px}.privacy-content p,.privacy-content address{font-size:11px}.privacy-preview p{font-size:10px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:15px;font-size:8px}.contact-dialog-inner{padding:38px 24px 25px}.contact-dialog h2{font-size:28px}.contact-dialog .eyebrow{font-size:7px}.contact-dialog input,.contact-dialog textarea{font-size:16px}.contact-dialog label{font-size:11px}.contact-dialog #contact-dialog-description{font-size:11px}.contact-dialog .contact-draft-submit{font-size:10px;padding:16px 12px;gap:9px}}
@media(max-width:380px){:root{--gutter:20px}.hero h1{font-size:43px}.hero .actions{flex-direction:column;align-items:flex-start;gap:5px}.proof-strip{gap:16px 9px}.proof-mark{display:none}.proof-strip strong{font-size:9px}.proof-strip small{font-size:7px}.contact-studio,.project-finder{padding-inline:20px}.contact-studio h2{font-size:28px}.system-choices{padding-inline:6px}.system-choices button{padding-inline:8px}.system-choices b{font-size:14px}.system-arrow{display:none}.system-description{min-height:242px}.phases summary{font-size:14px;gap:12px}.certificate-body{padding:24px}.footer-links{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero .motion-toggle{display:none}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep body copy comfortable to read at every screen size. */
.hero p{font-size:14px}.services p,.section-head p,.system-heading p,.system-description p,.lifecycle p,.about p,.contact-studio .contact-intro p{font-size:14px;line-height:1.85}.certificate-body>p,.finder-intro p,.finder-result p{font-size:13px;line-height:1.85}.services details div,.certificate-body details p,.certificate-body dl,.phases p{font-size:12px}.services summary,.certificate-body summary,.certificate-body .text-link{font-size:12px}.system-caption,.certificate-category,.result-label{font-size:9px}.system-tags,.system-project-link{font-size:11px}.finder-controls button span{font-size:13px}.finder-result .text-link{font-size:12px}.privacy-content p,.privacy-content address,.imprint p{font-size:12px}.privacy-preview p{font-size:11px}.contact-dialog #contact-dialog-description{font-size:12px}.contact-dialog label{font-size:12px}.contact-dialog .contact-form-note{font-size:10px}.system-description{min-height:252px}.certificate-body>p{min-height:82px}.finder-result{min-height:149px}@media(max-width:1050px){.system-description{min-height:275px}}@media(max-width:720px){.hero p{font-size:13px}.system-description{min-height:238px}.certificate-body>p,.finder-result{min-height:0}.system-caption,.certificate-category,.result-label{font-size:8px}.contact-studio .contact-intro p,.finder-intro p,.finder-result p{font-size:13px}.system-description p{font-size:13px}.privacy-content p,.privacy-content address,.imprint p{font-size:11px}.hero .button,.hero .text-link{font-size:11px}}@media(max-width:380px){.system-description{min-height:265px}}

/* Language controls stay in the header, including when the mobile menu is closed. */
header>a{flex-shrink:0}header nav{margin-left:auto}header .language-switch{order:3;display:flex;align-items:center;flex-shrink:0;gap:3px;padding:3px;border:1px solid #cbd8d0;border-radius:7px;background:#f0f3ef}.language-switch button{border:0;background:transparent;color:#526c75;font:600 11px var(--sans);letter-spacing:.04em;min-width:38px;min-height:38px;padding:8px;cursor:pointer;border-radius:4px}.language-switch button[aria-pressed="true"]{background:#143647;color:#fff}.language-switch button:hover{box-shadow:inset 0 0 0 1px #527481}.language-switch button:focus-visible{outline:2px solid #175a73;outline-offset:3px}
@media(min-width:1051px) and (max-width:1250px){header{gap:18px;padding-inline:30px}header nav{gap:20px}header img{width:175px}.nav-cta{padding-inline:14px}}
@media(max-width:1050px){header .menu{order:4;margin-left:0}header .language-switch{margin-left:auto}header{gap:15px}}
@media(max-width:420px){header{gap:8px;padding-inline:16px}header img{width:142px}header .menu{padding:10px;gap:7px}.language-switch button{min-width:33px;padding:6px;font-size:10px}}
@media(max-width:350px){header img{width:116px}header .menu{gap:5px;padding-inline:7px}header{gap:6px}}

/* Use the transparent artwork, framing out its empty top and bottom padding. */
header > a > img[src="assets/unylecta-logo-transparent.webp"], footer img[src="assets/unylecta-logo-transparent.webp"]{display:block;aspect-ratio:2169 / 425;height:auto;object-fit:cover;object-position:center;background:transparent;mix-blend-mode:normal}
/* Locations: quiet editorial cards paired with an on-demand map. */
.location-section{padding-top:0;padding-bottom:76px}.location-section h2 em{font-family:Georgia,serif;font-weight:400;color:#537e7e}.location-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);border:1px solid #d7e1dc;background:#fff}.location-cards{display:grid;grid-template-rows:1fr 1fr}.location-card{padding:30px 34px;border-left:3px solid transparent;transition:background .2s,border-color .2s}.location-card+.location-card{border-top:1px solid #d7e1dc}.location-card.location-selected{background:#f1f5ef;border-left-color:#537e7e}.location-country{display:flex;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:1.6px;color:#537377}.location-card h3{font-size:32px;font-weight:400;letter-spacing:-1px;margin:15px 0 10px}.location-card p{font-size:11px;margin:0 0 9px}.location-card address{font-size:13px;line-height:1.8;font-style:normal;color:#526c75}.location-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px}.location-actions a,.location-actions button{background:none;border:0;padding:0;font:500 11px var(--sans);color:#143647;display:inline-flex;align-items:center;gap:13px;cursor:pointer;min-height:32px}.location-actions button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}.location-map-panel{min-width:0;display:flex;flex-direction:column;background:#eaf1e9;border-left:1px solid #d7e1dc}.location-map-bar,.location-map-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:22px 25px}.location-map-bar{font-size:8px;letter-spacing:1.5px;border-bottom:1px solid #d7e1dc}.location-map-bar span:last-child{font-size:11px;letter-spacing:0}.location-map{flex:1;position:relative;min-height:410px;display:grid}.location-map-intro{padding:15px 40px 35px;align-self:center}.location-map-intro svg{width:100%;max-height:210px;display:block;margin:auto}.location-map-intro h3{font-size:26px;font-weight:400;margin:10px 0 15px}.location-map-intro p{font-size:12px;line-height:1.8;max-width:350px}.location-map-intro .button{margin-top:13px;border:1px solid #afc8bb;cursor:pointer;min-height:46px;padding:14px 19px;font-size:11px;gap:24px}.location-map iframe{position:absolute;width:100%;height:100%;inset:0;border:0;background:#eaf1e9}.location-map-bottom{border-top:1px solid #d7e1dc;font-size:10px;flex-wrap:wrap}.location-map-bottom a{display:flex;gap:13px;align-items:center}.location-map-bottom button{font:inherit;border:0;background:transparent;color:#526c75;cursor:pointer;padding:5px 0}.location-map-intro[hidden],.location-map-bottom button[hidden]{display:none}
.contact-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-direct-email{font-size:11px;line-height:1.7;margin-bottom:0}.contact-direct-email a{text-decoration:underline;text-underline-offset:3px}.contact-draft-submit:disabled{opacity:.65;cursor:wait}.contact-draft-status{padding:13px 15px;border:1px solid #a9c8b8;background:#edf5ed;line-height:1.7}.contact-draft-status[data-state=error]{background:#fff6ed;border-color:#e1c5a8;color:#694527}.contact-draft-status[hidden]{display:none}.contact-dialog .contact-draft-submit .contact-submit-label{font:inherit;letter-spacing:inherit}.contact-dialog input[readonly],.contact-dialog textarea[readonly]{opacity:.75}
@media(max-width:1050px){.location-card{padding:27px}.location-map-intro{padding-inline:28px}.location-actions{gap:13px}.location-map-bar,.location-map-bottom{padding-inline:20px}.location-section{padding-bottom:60px}}
@media(max-width:720px){.location-section{padding-top:0;padding-bottom:45px}.location-layout{grid-template-columns:1fr}.location-map-panel{border-left:0;border-top:1px solid #d7e1dc}.location-card{padding:25px}.location-card h3{font-size:29px}.location-map{min-height:390px}.location-map-intro{padding:15px 25px 30px}.location-map-intro svg{max-height:180px}.location-map-intro h3{font-size:25px}.location-map-bottom{font-size:10px}.contact-dialog .contact-form-note{font-size:11px;line-height:1.7}}

/* About UNYLECTA: company story and facts from the corporate website. */
.about-expanded{row-gap:44px}.about-expanded .about-group{display:block;font-size:8px;font-weight:600;letter-spacing:1.5px;color:#537377;margin-top:30px}.about-expanded .about-focus{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-size:12px;color:#537e7e}.about-expanded .about-copy .large{font-size:23px;line-height:1.5;margin-top:0;margin-bottom:21px}.about-expanded .about-copy p:not(.large){font-size:13px;line-height:1.9;margin:0 0 17px}.about-location-link{margin-top:3px}.about-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d7e1dc;border-bottom:1px solid #d7e1dc;background:#f0f4ee}.about-facts>div{padding:28px 32px;display:flex;flex-direction:column;gap:9px}.about-facts>div+div{border-left:1px solid #d7e1dc}.about-fact-value{font-size:48px;font-weight:400;line-height:1.1;letter-spacing:-2px}.about-fact-value small{font-size:14px;letter-spacing:0}.about-facts>div>span:last-child{font-size:11px;color:#526c75;line-height:1.6}
@media(max-width:720px){.about-expanded{row-gap:30px}.about-expanded .about-copy .large{font-size:22px}.about-expanded .about-group{margin-top:23px}.about-expanded .about-focus{margin-top:15px}.about-facts>div{padding:22px 12px}.about-fact-value{font-size:34px;letter-spacing:-1.5px}.about-fact-value small{font-size:10px}.about-facts>div>span:last-child{font-size:9px}.about-expanded .about-copy p:not(.large){font-size:13px}}

/* Section spacing follows the updated certificates / about order. */
#zertifikate{padding-top:92px}#unternehmen{padding-top:0}@media(max-width:1050px){#zertifikate{padding-top:76px}}@media(max-width:720px){#zertifikate{padding-top:64px}}

/* About: a clear introduction, followed by concise supporting copy. */
.about-expanded .about-heading .about-group{margin:25px 0 12px;font-size:10px;letter-spacing:2px}
.about-expanded .about-heading h2{margin-top:0}
.about-expanded .about-copy{max-width:620px}
.about-expanded .about-copy .large{font-size:clamp(22px,2.1vw,28px);line-height:1.5;letter-spacing:-.025em;border-left:2px solid #537e7e;padding-left:24px;margin-bottom:28px}
.about-expanded .about-copy p:not(.large){font-size:14px;line-height:1.85;max-width:58ch;margin-bottom:18px}
.about-expanded .about-location-link{margin-top:8px}
@media(max-width:720px){.about-expanded .about-heading .about-group{margin-top:20px}.about-expanded .about-copy .large{font-size:22px;padding-left:18px;margin-bottom:24px}.about-expanded .about-copy p:not(.large){font-size:14px}}

/* Local Europe overview: no third-party map requests. */
.location-map-intro{padding:16px 25px 28px}.location-map-intro .europe-location-map{max-height:none;width:100%;height:auto;aspect-ratio:600/455}.location-map-intro h3{font-size:23px;line-height:1.3}.location-map-intro p{max-width:440px}.europe-marker.is-selected .map-halo{r:21;opacity:.32}.europe-marker.is-selected rect{fill:#143647}.europe-marker.is-selected text{fill:#fff}@media(max-width:720px){.location-map-intro{padding:12px 18px 25px}.location-map-intro h3{font-size:22px}}
/* Video: Kundeninterview Siemens SIMATIC – YouTube lädt erst nach Klick (2-Klick-Lösung) */
.video-feature{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,5fr);margin-top:20px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.video-screen{position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(120% 95% at 80% 12%,#1f4d60 0%,#112e3d 48%,#0a2130 100%)}
.video-screen::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(197,220,215,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(197,220,215,.08) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 55% 45%,#000 0%,transparent 72%);mask-image:radial-gradient(circle at 55% 45%,#000 0%,transparent 72%)}
.video-screen::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:35%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(197,220,215,.10),transparent);transform:skewX(-14deg);opacity:0}
.video-tag{position:absolute;left:28px;top:26px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.9px;font-weight:600;text-transform:uppercase;color:#c5dcd7}
.video-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#c5dcd7;box-shadow:0 0 0 4px rgba(197,220,215,.18)}
.video-yt{position:absolute;right:28px;top:22px;font-size:11px;font-weight:600;color:rgba(255,255,255,.72)}
.video-play{position:absolute;left:50%;top:44%;width:88px;height:88px;margin:-44px 0 0 -44px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#c5dcd7;color:#112e3d;cursor:pointer;transition:transform .45s cubic-bezier(.2,.7,.2,1),background-color .3s}
.video-play svg{width:30px;height:30px;margin-left:5px;fill:currentColor}
.video-play::before,.video-play::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(197,220,215,.42);inset:-13px;pointer-events:none}
.video-play::after{inset:-28px;border-color:rgba(197,220,215,.18)}
.video-play:focus-visible{outline:2px solid #fff;outline-offset:8px}
.video-word{position:absolute;left:28px;bottom:66px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3.3vw,46px);line-height:1;letter-spacing:-.04em;color:#c6dcd6}
.video-consent{position:absolute;left:28px;right:28px;bottom:20px;margin:0;max-width:560px;font-size:11px;line-height:1.55;color:rgba(255,255,255,.66)}
.video-consent a{color:#c5dcd7;text-decoration:underline;text-underline-offset:3px}
.video-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.video-screen.is-playing>:not(iframe){display:none}
.video-screen.is-playing::before,.video-screen.is-playing::after{display:none}
.video-body{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(26px,3vw,40px)}
.video-heading{font-size:24px;line-height:1.25;letter-spacing:-.6px;margin:17px 0 13px}
.video-text{font-size:13px;line-height:1.8;color:#526c75;margin:0}
.video-start{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;margin-top:26px;padding:13px 15px;border:0;background:var(--ink);color:#fff;font:inherit;font-size:12px;line-height:1.5;text-align:left;cursor:pointer;transition:background .3s}
.video-start:hover{background:#21566a}
.video-start span{font-size:10px}
.video-start[hidden]{display:none}
.video-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #e0e7e2;font-size:12px;font-weight:600;color:var(--ink);text-decoration:none}
.video-link span{display:inline-block;transition:transform .3s}
.video-link:hover span{transform:translate(3px,-3px)}
.video-screen:not(.is-playing):hover .video-play{transform:scale(1.08);background:#fff}
.video-screen:not(.is-playing):hover .video-play::before{animation:video-ring 1.6s ease-out infinite}
.video-screen:not(.is-playing):hover::after{animation:video-sweep 1.4s ease-out}
@keyframes video-ring{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.45);opacity:0}}
@keyframes video-sweep{0%{left:-40%;opacity:0}20%{opacity:1}100%{left:110%;opacity:0}}
@media(max-width:980px){.video-feature{grid-template-columns:1fr}}
@media(max-width:620px){.video-play{width:66px;height:66px;margin:-33px 0 0 -33px;top:42%}.video-play svg{width:24px;height:24px;margin-left:4px}.video-play::after{display:none}.video-word{display:none}.video-tag{left:16px;top:16px}.video-yt{right:16px;top:13px}.video-consent{left:16px;right:16px;bottom:12px;font-size:10px;line-height:1.45}.video-heading{font-size:21px}}
@media(prefers-reduced-motion:reduce){.video-feature *,.video-feature *::before,.video-feature *::after{animation:none!important;transition:none!important}}