:root{--ink:#0a1b2e;--ink2:#0e2438;--panel:#12314e;--line:#35c4e8;--amber:#f2a93b;--paper:#f4f7fa;--txt:#dbe7f1;--mut:#8fb0c6;--card:#0f2a44}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;background:var(--ink);color:var(--txt);line-height:1.65;font-size:16.5px}
a{color:var(--line)}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
header.site{position:sticky;top:0;z-index:60;background:rgba(10,27,46,.97);border-bottom:1px solid #1d425f}
.hbar{display:flex;align-items:center;gap:18px;padding:12px 0}
.logo{font-weight:800;font-size:20px;color:#fff;text-decoration:none;letter-spacing:.4px}
.logo span{color:var(--line)}
nav.main{margin-left:auto}
nav.main ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;align-items:center}
nav.main>ul>li{position:relative}
nav.main a.nl{color:var(--txt);text-decoration:none;padding:9px 12px;display:inline-block;font-size:15px}
.menu{display:none;position:absolute;left:0;top:100%;background:var(--ink2);border:1px solid #1d425f;border-radius:10px;min-width:290px;padding:10px;box-shadow:0 18px 40px rgba(0,0,0,.45);z-index:70}
.menu a{display:block;color:var(--txt);text-decoration:none;padding:7px 10px;border-radius:6px;font-size:14.5px}
.has-menu:hover .menu,.has-menu:focus-within .menu{display:block}
.langsw{margin-left:10px;position:relative}
.langsw button{background:var(--panel);color:#fff;border:1px solid #2a5578;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:14px}
.langmenu{display:none;position:absolute;right:0;top:110%;background:var(--ink2);border:1px solid #1d425f;border-radius:10px;padding:8px;min-width:150px;z-index:70}
.langmenu a{display:block;color:var(--txt);text-decoration:none;padding:6px 10px;font-size:14px;border-radius:6px}
.langsw.open .langmenu{display:block}
.cta-h{background:var(--amber);color:#16222e !important;font-weight:700;border-radius:8px;padding:9px 16px !important}
@media(max-width:900px){
 .burger{display:block !important;background:none;border:1px solid #2a5578;border-radius:8px;color:#fff;font-size:22px;padding:6px 13px;cursor:pointer;margin-left:auto}
 nav.main{display:none;width:100%}
 header.site.open nav.main{display:block}
 .hbar{flex-wrap:wrap}
 nav.main ul{flex-direction:column;align-items:stretch}
 .menu{position:static;display:none;box-shadow:none;border:none;background:transparent;padding:2px 0 6px 14px}
 .has-menu.open .menu{display:block}
 .langsw{margin:8px 0}
}
.hero{padding:64px 0 10px;background:
 linear-gradient(rgba(53,196,232,.055) 1px,transparent 1px),
 linear-gradient(90deg,rgba(53,196,232,.055) 1px,transparent 1px),
 linear-gradient(180deg,#0c2036,#0a1b2e);background-size:44px 44px,44px 44px,100% 100%}
.kicker{color:var(--amber);text-transform:uppercase;letter-spacing:2.5px;font-size:12.5px;font-weight:700;margin:0 0 12px}
h1{font-size:clamp(30px,4.6vw,50px);line-height:1.12;margin:0 0 16px;color:#fff}
h2{font-size:clamp(23px,3vw,32px);color:#fff;margin:38px 0 12px;line-height:1.25}
h3{color:#fff;margin:22px 0 8px;font-size:19px}
.lede{font-size:18.5px;color:var(--txt);max-width:760px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}}
.schematic{background:var(--ink2);border:1px solid #24506f;border-radius:14px;padding:18px}
.schematic figcaption{color:var(--mut);font-size:13px;margin-top:10px}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 6px}
.btn{display:inline-block;padding:12px 22px;border-radius:9px;text-decoration:none;font-weight:700}
.btn-a{background:var(--amber);color:#16222e}
.btn-b{border:1px solid var(--line);color:var(--line)}
.dimstrip{border-top:1px solid #24506f;border-bottom:1px solid #24506f;margin:26px 0 6px;padding:12px 4px 8px;position:relative}
.dimstrip .rail{height:2px;background:var(--line);position:relative;margin:16px 8px 8px}
.dimstrip .rail:before,.dimstrip .rail:after{content:"";position:absolute;top:-5px;width:2px;height:12px;background:var(--line)}
.dimstrip .rail:before{left:0}.dimstrip .rail:after{right:0}
.dimstrip .vals{display:flex;justify-content:space-between;color:#fff;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px}
.dimstrip .lab{color:var(--mut);font-size:12.5px;text-transform:uppercase;letter-spacing:1.6px;text-align:center;margin-top:2px}
main{padding:10px 0 30px}
section.blk{margin:8px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px;margin:18px 0}
.card{background:var(--card);border:1px solid #1d425f;border-radius:12px;padding:18px}
.card h3{margin-top:0;font-size:17.5px}
.card h3 a{color:#fff;text-decoration:none}
.card p{color:var(--mut);font-size:14.5px;margin:6px 0 10px}
.card .kw{font-family:ui-monospace,Menlo,monospace;color:var(--amber);font-size:13px}
table.spec{width:100%;border-collapse:collapse;margin:16px 0;background:var(--ink2);border-radius:10px;overflow:hidden}
table.spec th,table.spec td{padding:10px 14px;text-align:left;border-bottom:1px solid #1d425f;font-size:15px;vertical-align:top}
table.spec th{width:34%;color:var(--mut);font-weight:600;border-left:3px solid var(--line)}
table.spec td{color:#fff;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14.5px}
.note{background:var(--ink2);border:1px solid #24506f;border-left:4px solid var(--amber);border-radius:10px;padding:16px 18px;margin:20px 0}
.faq details{background:var(--card);border:1px solid #1d425f;border-radius:10px;padding:12px 16px;margin:10px 0}
.faq summary{cursor:pointer;color:#fff;font-weight:600}
.rfq{background:linear-gradient(135deg,#0f2a44,#123a5c);border:1px solid #2a5578;border-radius:14px;padding:26px;margin:34px 0}
.rfq h2{margin-top:0}
form.q{display:grid;grid-template-columns:1fr 1fr;gap:14px}
form.q label{font-size:14px;color:var(--mut);display:block}
form.q input,form.q select,form.q textarea{width:100%;margin-top:5px;background:#0a1b2e;border:1px solid #2a5578;border-radius:8px;color:#fff;padding:11px 12px;font-size:15px;font-family:inherit}
form.q .full{grid-column:1/-1}
form.q button{background:var(--amber);border:none;color:#16222e;font-weight:800;padding:13px 26px;border-radius:9px;cursor:pointer;font-size:16px}
@media(max-width:700px){form.q{grid-template-columns:1fr}}
.crumbs{font-size:13.5px;color:var(--mut);padding:16px 0 0}
.crumbs a{color:var(--mut)}
footer.site{border-top:1px solid #1d425f;margin-top:44px;padding:34px 0 44px;background:#081627;color:var(--mut);font-size:14.5px}
footer.site a{color:var(--mut)}
.grid>*,.fcols>*,.hero-grid>*,.gallery>*{min-width: 0}
.btn:active,button:active{transform:scale(.97)}
@media (hover: hover){
 nav.main a.nl:hover{color:#fff}
 .menu a:hover{background:var(--panel);color:#fff}
 .langmenu a:hover{background:var(--panel)}
}
.fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px}
footer.site h4{color:#fff;margin:0 0 10px;font-size:15px}
footer.site ul{list-style:none;padding:0;margin:0}footer.site li{margin:5px 0}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:18px 0}
.gallery figure{margin:0;background:var(--card);border:1px solid #1d425f;border-radius:12px;overflow:hidden}
.gallery figcaption{padding:10px 12px;font-size:13.5px;color:var(--mut)}
.postmeta{color:var(--mut);font-size:14px}
ul.tick{padding-left:20px}ul.tick li{margin:6px 0}