/* Approved A03 identity: exact source PNG, CSS-only contrast on dark surfaces. */
.brand-wordmark{display:block;position:relative;flex:none;width:210px;aspect-ratio:3/1;line-height:0;background:#fff;border-radius:3px}
.brand-wordmark>img{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:contain}
@supports (mask-image:url(./brand/xtechnic-lange.png?v=1c8497d657a9)){
 .brand-wordmark{background:transparent}
 html:not([data-theme=light]) .brand-wordmark>img{visibility:hidden}
 html:not([data-theme=light]) .brand-wordmark:before{content:"";position:absolute;inset:0;background:#f3f6ff;mask:url(./brand/xtechnic-lange.png?v=1c8497d657a9) center/contain no-repeat}
 html:not([data-theme=light]) .brand-wordmark:after{content:"";position:absolute;inset:0;background:url(./brand/xtechnic-lange.png?v=1c8497d657a9) center/contain no-repeat;clip-path:polygon(13.375% 44.15%,14.98% 48.825%,13.375% 53.5%,11.77% 48.825%)}
}
.brand .brand-wordmark{display:block}.brand{gap:8px}.brand-label{font-size:9px;letter-spacing:1.8px}
.site-footer .brand-wordmark{width:230px}
@media(max-width:560px){.site-header .brand>.brand-wordmark,.site-header .brand-wordmark{display:block;width:150px}.site-header .brand-label{display:none}}
@media print{.brand-wordmark{background:#fff}.brand-wordmark>img{visibility:visible!important}.brand-wordmark:before,.brand-wordmark:after{display:none!important}}
:root{--brand-primary:#2458e8;--paper:#101319;--white:#171d27;--dark:#0b1019;--accent:#85a6ff;--green:#85a6ff}
[data-theme=light]{--paper:#f5f7fb;--white:#fff;--ink:#101319;--accent:#2458e8;--green:#2458e8}
.button{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.button:hover{background:#1945c2;border-color:#1945c2;color:#fff}
[data-theme=light] .hero h1 em,[data-theme=light] h1 em,[data-theme=light] h2 em{color:#2458e8}
.header-inner{height:100px}.brand{font-size:0;letter-spacing:normal}.site-footer .brand-wordmark{width:230px}
@media(max-width:950px){.header-inner{height:82px}}
@media(max-width:360px){.site-header .brand>.brand-wordmark{display:block;width:132px}.header-tools{gap:9px}.header-tools>.button{display:none}}