/* Shared header: brand above Home, visible on every page. */
body{padding-top:0;padding-bottom:0}
html{scroll-padding-top:155px}
section[id],article[id],div[id]{scroll-margin-top:155px}
.header.tile-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:none;margin:0;padding:16px max(24px,calc((100vw - 1380px)/2));min-height:132px;background:#fff;border-bottom:1px solid #dce7ee;box-shadow:0 3px 16px #14324a0b}
.header-brand{display:flex;align-items:flex-start;flex-direction:column;gap:3px;flex-shrink:0}
.tile-header .brand{display:block;margin:0;padding:0}
.tile-header .brand img{display:block;width:172px;height:69px;object-fit:contain}
.tile-header .overview-home{position:static;display:inline-flex;align-items:center;gap:8px;color:#153b56!important;background:#eff6fa;border:1px solid #b8cede;border-radius:5px;font:700 13px/1 Arial,Helvetica,sans-serif;text-decoration:none;min-height:33px;padding:7px 13px;box-shadow:none}
.tile-header .overview-home svg{width:17px;height:17px}
.tile-header .overview-home:hover{background:#dcecf6}
.header-contact{display:flex;flex-direction:column;align-items:flex-end;gap:15px;min-width:0}
.header-call{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.header-availability{font:700 12px/1.3 Arial;letter-spacing:.04em;text-transform:uppercase;color:#647f91}
.header-phone{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 17px;border:1px solid #fc4308;border-radius:7px;background:#fc4308;color:#071b2b;text-decoration:none;white-space:nowrap;box-shadow:0 3px 8px #14324a15;transition:background-color .18s ease,box-shadow .18s ease}
.header-phone strong{font:700 20px/1.2 Arial;letter-spacing:0}
.header-phone:hover{background:#ff5926;border-color:#ff5926;box-shadow:0 4px 12px #14324a26;color:#071b2b;text-decoration:none}
.header-phone:focus-visible{outline:3px solid #196593;outline-offset:3px}
.tile-header nav{display:flex;gap:25px;align-items:center;margin:0;padding:0}
.tile-header nav a{font:600 14px/1.4 Arial;text-decoration:none;color:#315870;padding:3px 0}
.tile-header nav a:hover{text-decoration:underline}
body.tile-home{background:#f1f6fa;color:#14324a;font-family:Arial,Helvetica,sans-serif}
.tile-main{max-width:1440px;margin:auto;padding:30px 30px 36px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.product-tile{display:flex;flex-direction:column;min-width:0;position:relative;border:1px solid #d5e3ec;border-radius:11px;background:white;overflow:hidden;text-decoration:none!important;color:#fff;box-shadow:0 3px 12px #13375006;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.product-tile:hover{transform:translateY(-3px);border-color:#71aace;box-shadow:0 12px 25px #14324a17}
.product-tile:focus-visible{outline:3px solid #fc6334;outline-offset:4px}
.tile-art{display:flex;align-items:center;justify-content:center;position:relative;height:185px;padding:14px;background:#fff;overflow:hidden}
.tile-art>img{display:block;width:100%;height:100%;object-fit:contain}
.tile-art>svg{display:block;width:100%;height:100%;overflow:hidden}
.tile-copy{position:relative;flex:1;display:flex;flex-direction:column;padding:20px 18px 17px;background:#14374f;color:white;min-height:140px;border-top:3px solid #2c8dbb}
.tile-copy h2{font-size:19px;font-weight:700;line-height:1.25;letter-spacing:-.02em;margin:0 0 10px;color:#fff}
.tile-copy p{font-size:13px;line-height:1.5;color:#c4dce9;margin:0 0 12px;padding-right:4px}
.tile-open{font:400 22px/1 Arial;align-self:flex-end;margin-top:auto;color:#83c3e5}
.tile-service .tile-copy{border-top-color:#fc6334}
.tile-hmi .tile-art{background:#0d1a24;padding:14px}
.tile-hmi .tile-copy{border-top-color:#fc6334}
.tile-hmi-screen{position:relative;width:100%;aspect-ratio:1600/1040}
.tile-hmi-screen>img{display:block;width:100%;height:100%;object-fit:contain}
.demo-arrow{position:absolute;width:27px;height:38px;left:calc(50% - 13px);top:calc(94% - 38px);filter:drop-shadow(0 2px 3px #0009);animation:try-vat-controller 1.4s ease-in-out infinite;pointer-events:none}
@keyframes try-vat-controller{0%,100%{transform:translateY(-8px)}55%{transform:translateY(2px)}}
.try-label{display:flex;align-items:center;justify-content:space-between;gap:8px;align-self:flex-start;margin-top:auto;font:700 13px/1.2 Arial;border-radius:4px;padding:8px 11px;background:#fc6334;color:#fff}
.try-label span{font-size:19px;line-height:1}
.tile-monitor .tile-art{padding:0;background:#0c2032}
.tile-smu-screen{position:relative;width:100%;height:100%;overflow:hidden}
.tile-smu-screen iframe{display:block;position:absolute;left:0;top:0;width:1000px;height:800px;transform-origin:top left;pointer-events:none;border:0}
.proof-feature{border-top:1px solid #d6e4ec}
.proof-visual{margin:0;background:#eef6fb;border-radius:12px;padding:18px}
.proof-visual svg{display:block;width:100%;height:auto}
.proof-visual figcaption{font:13px/1.5 Arial;color:#527084;margin:10px 0}
.proof-visual>a{display:inline-block;color:#1c628b;font-size:14px;margin-top:10px}
.service-hero .service-tile-visual{background:#f2f6f9}
.service-tile-visual>.category-illustration{display:block;width:100%;height:auto}

@media(max-width:1199px){.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tile-main{max-width:920px;padding:25px 26px 30px}.tile-art{height:235px;padding:20px}.tile-copy{min-height:135px;padding:20px 22px}.tile-copy h2{font-size:22px}.tile-copy p{font-size:15px}.tile-hmi-screen{max-width:315px}.tile-smu-screen{height:235px}.tile-header .brand img{width:165px;height:66px}}
@media(max-width:620px){html{scroll-padding-top:124px}section[id],article[id],div[id]{scroll-margin-top:124px}.header.tile-header{padding:10px 16px;gap:14px;min-height:109px}.tile-header .brand img{width:126px;height:50px}.tile-header .overview-home{min-height:31px;font-size:12px;padding:6px 11px}.header-contact{gap:10px}.header-call{gap:4px}.header-phone{min-height:44px;padding:10px 12px}.header-phone strong{font-size:16px}.header-availability{font-size:10px}.tile-header nav{gap:14px}.tile-header nav a{font-size:11px}.tile-main{padding:17px 14px 22px}.tile-grid{gap:12px}.tile-art{height:146px;padding:10px}.tile-copy{min-height:137px;padding:15px 13px 13px}.tile-copy h2{font-size:17px;line-height:1.22;margin-bottom:8px}.tile-copy p{font-size:12px;line-height:1.4;padding-right:0}.tile-hmi .tile-art{padding:7px}.tile-smu-screen{height:146px}.demo-arrow{width:22px;height:31px;left:calc(50% - 11px);top:calc(94% - 31px)}.try-label{font-size:11px;padding:7px 8px}.tile-open{font-size:19px}.product-tile{border-radius:8px}.proof-visual{padding:12px}}
@media(max-width:350px){.tile-grid{grid-template-columns:1fr}.tile-art{height:210px}.tile-copy{min-height:115px}.tile-copy h2{font-size:21px}.tile-header nav{gap:8px}.header-phone strong{font-size:15px}.header-phone{padding-inline:10px}.tile-header .brand img{width:114px}.header.tile-header{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.demo-arrow{animation:none}.header-phone,.product-tile{transition:none}.product-tile:hover{transform:none}}

/* V10: one light technical illustration field for all product groups. */
.tile-art{height:auto;min-height:0;aspect-ratio:4/3;padding:0;background:#f2f6f9}
.tile-art>svg{width:100%;height:100%}
.tile-art .category-illustration{display:block;width:100%;height:100%}
.tile-hmi .tile-art,.tile-monitor .tile-art{padding:0;background:#f2f6f9}
.tile-device{position:absolute;inset:0;pointer-events:none}
.tile-hmi-screen{position:absolute;left:13%;top:19.67%;width:74%;height:64.13%;max-width:none;aspect-ratio:auto;overflow:visible}
.tile-hmi-screen>img{width:100%;height:100%;object-fit:fill;border-radius:2px}
.tile-smu-screen{position:absolute;left:16.5%;top:10%;width:67%;height:71.467%;overflow:hidden;border-radius:2px}
.tile-smu-screen iframe{border:0}
.demo-arrow{width:12%;height:24%;left:44%;top:68%;filter:drop-shadow(0 1px 2px #0009)}
.tile-copy h2{overflow-wrap:normal}
.tile-scan .tile-copy,.tile-vacuum .tile-copy,.tile-revision .tile-copy{border-top-color:#fc6334}
.proof-feature h2{overflow-wrap:anywhere}
@media(max-width:1199px){.tile-art{height:auto;padding:0}.tile-smu-screen{height:71.467%}.tile-hmi-screen{max-width:none}}
@media(max-width:620px){.tile-art{height:auto;padding:0}.tile-hmi .tile-art{padding:0}.tile-smu-screen{height:71.467%}.demo-arrow{width:12%;height:24%;left:44%;top:68%}}
@media(max-width:350px){.tile-art{height:auto}}