
:root{--blue:#124c9c;--navy:#102a47;--ink:#172c40;--muted:#5c6d7e;--line:#dce3eb;--pale:#f1f5f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ed9b30;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 40px}.topbar{background:var(--navy);color:#d8e3f0;font-size:11px;letter-spacing:1px;padding:10px 0}.topbar .wrap{display:flex;justify-content:space-between}header{position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:88px;height:50px;object-fit:contain}.brand span{font-size:10px;line-height:1.6;letter-spacing:1.2px;border-left:1px solid var(--line);padding-left:14px}nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:bold}nav a:hover{color:var(--blue)}.navcontact{background:var(--blue);color:white!important;padding:14px 18px}.menu{display:none;background:white;border:1px solid var(--line);padding:9px}.hero{background:linear-gradient(115deg,#eef3f8,#f8fafc);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;min-height:570px;padding-top:65px;padding-bottom:65px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:var(--blue);text-transform:uppercase;display:block;margin-bottom:24px}.eyebrow:before{content:'';display:inline-block;width:24px;height:2px;background:var(--blue);vertical-align:middle;margin-right:10px}h1{font-size:clamp(40px,4.5vw,62px);line-height:1.06;letter-spacing:-2.5px;margin:0 0 25px;font-weight:700}h1 em{font-style:normal;color:var(--blue)}p{line-height:1.7;color:var(--muted);font-size:15px}.intro{max-width:440px;font-size:17px}.actions{display:flex;gap:22px;align-items:center;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:30px;background:var(--blue);color:#fff;padding:17px 23px;font-size:13px;font-weight:bold}.textlink{font-size:13px;font-weight:bold;color:var(--blue)}.visual{position:relative;padding:38px 22px 25px;background:linear-gradient(0deg,#e2e9f1aa,#ffffffaa);border:1px solid white}.visual:before{content:'CNC / TECNEL';font:10px monospace;letter-spacing:2px;position:absolute;top:18px;left:22px;color:var(--muted)}.visual img{width:100%;max-height:370px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(12px 18px 14px #132b4930)}.visual-foot{display:flex;justify-content:space-between;align-items:center;padding-top:22px;font-size:11px;border-top:1px solid #cbd6e3;margin-top:24px}.visual-foot strong{font-size:16px}.strip{border-bottom:1px solid var(--line)}.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.strip div div{padding:27px 20px;border-right:1px solid var(--line);font-size:13px}.strip strong{display:block;margin-bottom:7px}.strip span{font-size:12px;color:var(--muted)}section{padding:88px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}h2{font-size:36px;line-height:1.15;letter-spacing:-1px;margin:0}h3{font-size:24px;letter-spacing:-.5px;margin:0 0 14px}.section-head p{max-width:380px;margin:0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border:1px solid var(--line);background:white;display:flex;flex-direction:column}.card-image{height:230px;display:flex;align-items:center;justify-content:center;background:var(--pale);padding:25px}.card-image img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.card:hover img{transform:scale(1.035)}.card-body{padding:27px;display:flex;flex-direction:column;flex:1}.tag{color:var(--blue);font-size:10px;letter-spacing:1.2px;font-weight:bold;display:block;margin-bottom:12px}.card p{font-size:14px;margin:0 0 22px}.card a{margin-top:auto;padding-top:17px;border-top:1px solid var(--line)}details{border-top:1px solid var(--line);margin-top:20px}summary{cursor:pointer;padding:16px 0;font-size:13px;color:var(--blue);font-weight:bold}details ul{padding-left:18px;font-size:13px;line-height:1.8;color:var(--muted)}.applications{background:var(--navy);color:white}.applications .eyebrow{color:#a5c7fa}.applications p{color:#b8c8d9}.appgrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid #ffffff30}.appgrid article{padding:28px 25px 0 0}.appgrid span{font:12px monospace;color:#8eadd3}.appgrid h3{margin-top:24px;font-size:22px}.appgrid p{font-size:14px}.custom{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.board{background:var(--pale);padding:35px;min-height:350px;display:flex;align-items:center}.board img{width:100%;mix-blend-mode:multiply}.steps{display:flex;gap:20px;border-top:1px solid var(--line);margin-top:28px;padding-top:22px;font-size:12px;line-height:1.7}.steps strong{color:var(--blue);display:block}.support{background:var(--pale)}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:14px}.download{padding:24px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;gap:20px}.download b{font-size:14px}.download small{display:block;color:var(--muted);margin-top:6px}.download span{color:var(--blue);font-size:12px;border:1px solid #bfcfe4;padding:9px}.download i{margin-left:auto;color:var(--blue);font-style:normal}.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.contact-info{border-left:1px solid var(--line);padding-left:50px}.contact-info>a{display:block;color:var(--blue);font-size:20px;margin:14px 0}.contact-info p{font-size:14px}footer{background:#102a47;color:#a9bed3;padding:28px 0;font-size:11px}footer .wrap{display:flex;justify-content:space-between;gap:20px}.note{font-size:12px;margin-top:22px}@media(max-width:900px){.wrap{padding-left:24px;padding-right:24px}.brand span{display:none}nav{gap:15px}.hero-grid{gap:30px}h1{font-size:44px}.custom{gap:35px}.products{gap:14px}.card-body{padding:20px}.card-image{height:180px}.contact{gap:30px}}@media(max-width:680px){.topbar .wrap span:last-child{display:none}.nav{height:72px}.menu{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:24px;box-shadow:0 12px 20px #0001;align-items:stretch}nav.open{display:flex;flex-direction:column}.hero-grid{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;gap:35px}h1{font-size:44px}.intro{font-size:16px}.visual{max-width:440px;width:100%;margin:auto}.visual img{max-height:270px}.strip .wrap{grid-template-columns:1fr 1fr}.strip div div{padding:20px 10px}.strip div div:nth-child(2){border-right:0}.section-head{display:block}.section-head p{margin-top:20px}section{padding:55px 0}h2{font-size:30px}.products,.custom,.contact,.downloads{grid-template-columns:1fr}.card-image{height:250px}.appgrid{grid-template-columns:1fr 1fr}.appgrid article{padding-right:20px}.custom{gap:30px}.board{min-height:250px}.contact-info{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.contact-info>a{font-size:18px}footer .wrap{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

[hidden]{display:none!important}.brand img{width:122px;height:84px}.brand span{display:none}.nav{height:100px}nav{gap:22px}nav a[aria-current=page]{color:var(--blue);text-decoration:underline;text-underline-offset:6px}.skip{position:absolute;top:-100px;background:#fff;padding:18px;z-index:100}.skip:focus{top:0}.pagehero{background:var(--pale);padding:45px 0 55px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:32px}.breadcrumb a{color:var(--blue)}.pagehero h1{font-size:48px;max-width:850px;margin-bottom:20px}.pagehero p{max-width:700px;font-size:17px;margin-bottom:0}.pagehero .eyebrow{margin-bottom:18px}.content-section{padding:58px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.split>div{min-width:0}.product-visual{padding:35px;background:var(--pale);text-align:center}.product-visual img{max-width:100%;max-height:340px;object-fit:contain;mix-blend-mode:multiply}.list{padding-left:20px;line-height:1.9;color:var(--muted);font-size:15px}.specs{border-collapse:collapse;width:100%;font-size:14px;margin:25px 0}.specs th,.specs td{padding:16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.6}.specs th{color:var(--ink);background:var(--pale)}.specs td{color:var(--muted)}.table-scroll{overflow-x:auto}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tile{padding:30px;border:1px solid var(--line);background:#fff}.tile h3{font-size:23px}.tile p{font-size:14px}.tile .num{font:12px monospace;color:var(--blue);display:block;margin-bottom:24px}.tile img{max-width:100%;height:180px;object-fit:contain;display:block;margin:0 auto 25px}.cta{background:var(--navy);color:#fff;padding:45px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:28px}.cta p{color:#c6d5e4}.cta .btn{background:white;color:var(--blue)}.subnav{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.subnav a,.filter{border:1px solid var(--line);background:white;color:var(--blue);padding:12px 16px;font-size:13px;cursor:pointer}.filter[aria-pressed=true]{background:var(--blue);color:white}.search-controls{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin-bottom:25px}.search-controls label{font-size:13px;font-weight:bold;flex:1}.search-controls input,.search-controls select{display:block;width:100%;min-width:160px;margin-top:8px;padding:13px;border:1px solid #a9b9cd;border-radius:0;background:white;font:inherit}.docs-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.doccard{padding:24px;border:1px solid var(--line);background:white}.doccard h3{font-size:19px;margin-top:10px}.doccard .doclinks{display:flex;gap:22px;margin-top:20px}.doccard p{font-size:13px}.footer-grid{display:grid!important;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:35px!important}.footer-grid strong{display:block;color:white;font-size:13px;margin-bottom:16px}.footer-grid a,.footer-grid button{display:block;margin:11px 0;font-size:12px}.footer-grid p{font-size:12px;color:#b4c6d9}.footer-grid img{width:145px;max-width:100%;background:white;padding:5px}.footer-bottom{margin-top:30px!important;padding-top:20px!important;border-top:1px solid #ffffff25}.linkbutton{border:0;background:none;color:inherit;padding:0;text-align:left;cursor:pointer;text-decoration:underline}.readable{max-width:800px}.readable h2{font-size:26px;margin:35px 0 15px}.notice{border-left:3px solid var(--blue);background:var(--pale);padding:18px 22px;font-size:14px;line-height:1.7;color:var(--muted);margin:24px 0}.cookie-banner{position:fixed;z-index:30;bottom:20px;left:20px;right:20px;max-width:1060px;margin:auto;background:#fff;border:1px solid #b9c7d9;box-shadow:0 8px 40px #0b264a40;padding:24px;display:flex;gap:25px;align-items:center}.cookie-banner h2{font-size:19px;margin:0 0 8px}.cookie-banner p{font-size:13px;margin:0;line-height:1.6}.cookie-banner a{text-decoration:underline;color:var(--blue)}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap;min-width:300px}.cookie-btn{border:1px solid var(--blue);padding:12px 15px;background:#fff;color:var(--blue);font-size:13px;font-weight:bold;cursor:pointer}.cookie-btn.primary{background:var(--blue);color:white}.cookie-actions .linkbutton{font-size:12px;color:var(--blue);padding:8px}.cookie-dialog{border:1px solid var(--line);max-width:520px;width:calc(100% - 32px);padding:30px;color:var(--ink)}.cookie-dialog::backdrop{background:#102a4780}.cookie-dialog h2{font-size:26px}.cookie-option{display:flex;gap:20px;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}.cookie-option small{display:block;margin-top:7px;line-height:1.6;color:var(--muted)}.cookie-option input{width:20px;height:20px;flex-shrink:0}.cookie-dialog .cookie-actions{min-width:0;margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.brand img{width:100px;height:70px}nav{gap:13px;font-size:12px}.tiles{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.cookie-banner{display:block}.cookie-actions{margin-top:16px}.split{gap:30px}}@media(max-width:680px){.nav{height:85px}nav{top:85px}.pagehero h1{font-size:37px;letter-spacing:-1px}.pagehero{padding:30px 0 40px}.split,.tiles,.docs-list{grid-template-columns:1fr}.content-section{padding:40px 0}.cta .wrap{display:block}.cta .btn{margin-top:15px}.footer-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:20px!important}.cookie-banner{left:10px;right:10px;bottom:10px;padding:18px;max-height:80vh;overflow:auto}.cookie-actions{min-width:0}.specs th,.specs td{padding:12px}.brand img{width:104px;height:73px}}@media print{header,.topbar,footer,.cookie-banner,.cookie-dialog,.cta,.actions,.skip{display:none!important}section{padding:20px 0}.wrap{padding:0}.pagehero{background:white}.card,.tile{break-inside:avoid}body{font-size:12px}}

.language-switch{display:flex;gap:16px;align-items:center}.language-switch a{font-size:12px;padding:3px 0;letter-spacing:.3px;color:#d8e3f0}.language-switch a[aria-current=true]{color:white;border-bottom:2px solid #9cc8ff;font-weight:bold}.print-art{position:relative;min-height:350px;background:linear-gradient(130deg,#e2ebf7,#f4f7fa);padding:30px;overflow:hidden}.print-art>strong{position:absolute;right:25px;top:55px;font-size:95px;color:#154e9b13}.print-art p{position:absolute;bottom:15px;font-weight:bold;color:var(--blue)}.layers{position:relative;height:240px;width:250px;margin:15px auto}.layers i{position:absolute;left:40px;top:40px;width:160px;height:100px;background:#3d70ba;border:1px solid #183c77;transform:rotate(-25deg) skewX(25deg);box-shadow:-5px 8px 0 #163d78}.layers i:nth-child(2){top:65px;background:#4f82c9}.layers i:nth-child(3){top:90px;background:#5a8ed7}.layers i:nth-child(4){top:115px;background:#76a3de}.layers i:nth-child(5){top:140px;background:#8fb9ec}.layers i:nth-child(6){top:165px;background:#adcff5}.hero h1{overflow-wrap:normal}html[lang=de] h1{font-size:clamp(34px,4vw,52px);letter-spacing:-1.5px}html[lang=de] .pagehero h1{font-size:42px}html[lang=de] .contact-info>a{font-size:18px}@media(max-width:1100px){.menu{display:block}nav{display:none;position:absolute;top:100px;left:0;right:0;background:#fff;padding:24px;box-shadow:0 12px 20px #0001;align-items:stretch}nav.open{display:flex;flex-direction:column}nav a{padding:8px;font-size:14px}}@media(max-width:680px){nav{top:85px}.language-switch{gap:12px}.topbar .wrap{gap:12px;align-items:center;flex-wrap:wrap}.topbar .wrap>span{font-size:9px}.topbar .wrap>span:last-child{display:inline}html[lang=de] .pagehero h1{font-size:34px}.language-switch a{font-size:11px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid a{overflow-wrap:anywhere}}

/* Electronic visual identity */
body{background:#e4edf6 url('circuit-board.svg') repeat fixed;background-size:480px 400px}header{background:rgba(255,255,255,.97)}main>section{background:rgba(255,255,255,.83)}main>section.support{background:rgba(230,239,250,.82)}.hero,.pagehero{background:linear-gradient(115deg,rgba(240,246,252,.94),rgba(226,239,251,.50));border-bottom:1px solid #b3c9de}.strip{background:rgba(255,255,255,.94)}main>section.applications,main>section.cta,footer{background-color:#102a47;background-image:linear-gradient(#102a47e0,#102a47e0),url('circuit-board.svg');color:white}.pagehero h1{max-width:950px}.card,.tile,.doccard{box-shadow:0 8px 25px #123a6208}.visual-story{padding-top:42px;padding-bottom:42px}.creative-collage{max-width:1200px;margin:auto;position:relative;background:#0c1d32;padding:20px;box-shadow:0 20px 50px #0c254d24;border:1px solid #7298b9}.collage-layout{display:grid;grid-template-columns:2fr 1fr;gap:16px}.collage-main{position:relative;min-height:430px;overflow:hidden;background:#102238}.collage-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;pointer-events:none;margin:0}.collage-slide.is-active{opacity:1;z-index:1}.collage-slide img{width:100%;height:100%;object-fit:contain;background:#071321}.collage-slide figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 22px 22px;background:linear-gradient(transparent,#081a30ee);color:white;font-size:19px;font-weight:bold}.collage-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}.collage-tile{position:relative;min-height:205px;overflow:hidden;border:1px solid #ffffff30;background:#fff}.collage-tile img{width:100%;height:100%;object-fit:cover;position:absolute;transition:transform .6s}.collage-tile:hover img{transform:scale(1.035)}.collage-tile span{position:absolute;bottom:0;left:0;right:0;padding:32px 14px 14px;background:linear-gradient(transparent,#07182ee8);font-size:12px;letter-spacing:1.3px;color:#fff}.collage-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 4px 0;color:#e0edff}.collage-bar>span{font:11px monospace;letter-spacing:1.5px}.gallery-controls{display:flex;gap:8px}.gallery-controls button{cursor:pointer;color:#e3efff;background:#122f4a;border:1px solid #8baac1;padding:10px 14px;font-size:12px}.gallery-controls button[aria-pressed=true]{background:#e2efff;color:#102a47}.image-credit{font-size:11px;line-height:1.6;margin:14px 0 0;color:#49647f}.image-credit a{text-decoration:underline}.print-intro{grid-template-columns:1fr!important;max-width:850px}.print-intro h2{font-size:36px}@media(max-width:680px){.creative-collage{padding:10px}.collage-layout{grid-template-columns:1fr;gap:10px}.collage-main{min-height:280px}.collage-side{grid-template-columns:1fr 1fr;grid-template-rows:140px;gap:10px}.collage-tile{min-height:140px}.collage-bar{flex-wrap:wrap}.collage-slide figcaption{font-size:16px;padding-bottom:15px}.collage-bar>span{font-size:10px}.visual-story .wrap{padding:0 16px}}@media(prefers-reduced-motion:reduce){.collage-slide,.collage-tile img{transition:none!important}.collage-tile:hover img{transform:none}}@media print{body{background:white}.collage-side,.gallery-controls{display:none}.collage-main{height:300px}.collage-slide:not(.is-active){display:none}}
