
@font-face{font-family:Vazirmatn;src:url(/fonts/vazirmatn-arabic-400-normal.woff2) format('woff2');font-weight:400;unicode-range:U+0600-06FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(/fonts/vazirmatn-arabic-700-normal.woff2) format('woff2');font-weight:700;unicode-range:U+0600-06FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(/fonts/vazirmatn-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(/fonts/vazirmatn-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url(/fonts/manrope-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url(/fonts/manrope-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url(/fonts/manrope-cyrillic-400-normal.woff2) format('woff2');font-weight:400;unicode-range:U+0400-04FF;font-display:swap}
@font-face{font-family:Manrope;src:url(/fonts/manrope-cyrillic-700-normal.woff2) format('woff2');font-weight:700;unicode-range:U+0400-04FF;font-display:swap}
@font-face{font-family:JBM;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2) format('woff2');font-display:swap}
:root{--paper:#F2F0E9;--paper2:#E8E5DB;--ink:#1D2120;--ink2:#545A57;--line:#C9C5B8;--glass:#2E7A5E;--glass-soft:#D4E6DD;--steel:#8A9096;--gasket:#262A29;--card:#FAF9F5}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121514;--paper2:#1A1E1C;--ink:#ECEAE3;--ink2:#A3A9A5;--line:#2F3532;--glass:#5DBF94;--glass-soft:#1F3229;--steel:#6E757B;--gasket:#0A0C0B;--card:#171A19}}
:root[data-theme=dark]{--paper:#121514;--paper2:#1A1E1C;--ink:#ECEAE3;--ink2:#A3A9A5;--line:#2F3532;--glass:#5DBF94;--glass-soft:#1F3229;--steel:#6E757B;--gasket:#0A0C0B;--card:#171A19}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.75 var(--ff);-webkit-font-smoothing:antialiased;
 background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;background:var(--paper);opacity:.86;z-index:-1}
[lang=fa],[lang=ar]{--ff:Vazirmatn,Tahoma,sans-serif}[lang=en],[lang=ru]{--ff:Manrope,"Segoe UI",sans-serif}
.mono{font-family:JBM,ui-monospace,monospace;letter-spacing:.02em}
a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:20px;height:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:20px}
.logo svg{width:30px;height:30px}
nav.main{display:flex;gap:18px;margin-inline-start:auto;font-size:15px}nav.main a{text-decoration:none;color:var(--ink2)}nav.main a:hover{color:var(--glass)}
.langs{display:flex;gap:4px;font-size:13px}.langs a{text-decoration:none;padding:3px 8px;border:1px solid var(--line);border-radius:3px}.langs a[aria-current]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--ink);padding:6px 10px;border-radius:3px;font:inherit}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;padding:72px 0 40px;align-items:center}
.kicker{font-size:13px;color:var(--glass);text-transform:uppercase;display:flex;gap:10px;align-items:center}.kicker::before{content:"";width:28px;height:2px;background:var(--glass)}
h1{font-size:clamp(34px,5.4vw,64px);line-height:1.12;margin:14px 0 18px;letter-spacing:-.01em}
[lang=fa] h1,[lang=ar] h1{letter-spacing:0;line-height:1.35}
.lead{color:var(--ink2);font-size:18px;max-width:58ch}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;padding:13px 22px;border-radius:3px;text-decoration:none;font-weight:700;border:2px solid var(--ink);transition:transform .15s,background .15s}
.btn.p{background:var(--glass);border-color:var(--glass);color:#fff}.btn:hover{transform:translateY(-2px)}
.sheet{background:var(--card);border:1px solid var(--line);padding:18px;position:relative}
.sheet .tag{position:absolute;top:-1px;inset-inline-end:-1px;background:var(--ink);color:var(--paper);font-size:11px;padding:4px 10px}
.profile{width:100%;height:auto}.profile .shell{fill:var(--paper2);stroke:var(--ink);stroke-width:2}
.profile .cell{fill:var(--card);stroke:var(--ink);stroke-width:1.5}.profile .steel{fill:var(--steel);opacity:.55}
.profile .gasket{fill:var(--gasket)}.profile .glass{fill:var(--glass);opacity:.35;stroke:var(--glass)}
.profile .dim path{stroke:var(--glass);stroke-width:1.2;fill:none}.profile .dim text{fill:var(--glass);font:12px JBM,monospace;text-anchor:middle}
.specs{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink);border-bottom:1px solid var(--line);margin:24px 0 0}
.specs div{padding:20px 16px;border-inline-end:1px solid var(--line)}.specs div:last-child{border:0}
.specs b{display:block;font-size:28px;font-family:JBM,var(--ff)}.specs span{color:var(--ink2);font-size:14px}
section{padding:80px 0;border-bottom:1px solid var(--line)}
.sh{display:grid;grid-template-columns:200px 1fr;gap:32px;margin-bottom:36px}
.sh .no{font-size:13px;color:var(--ink2)}.sh h2{font-size:clamp(26px,3.4vw,40px);margin:0 0 8px;line-height:1.25}.sh p{margin:0;color:var(--ink2);max-width:70ch}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0;border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}
.prod{padding:22px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card);transition:background .2s}
.prod:hover{background:var(--glass-soft)}.prod .art{width:64px;height:76px;color:var(--glass);margin-bottom:10px}
.prod h3{margin:0 0 6px;font-size:18px}.prod p{margin:0;color:var(--ink2);font-size:15px}.prod .code{font-size:11px;color:var(--ink2)}
.chambers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.chamber{background:var(--card);border:1px solid var(--line);padding:20px}.chamber h3{margin:8px 0 2px}.chamber .m{color:var(--glass);font-size:13px}
.note{font-size:13px;color:var(--ink2);margin-top:16px}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);counter-reset:s}
.steps li{counter-increment:s;padding:18px 16px;border-top:3px solid var(--ink);margin-inline-end:10px;margin-bottom:14px;background:var(--card)}
.steps li::before{content:counter(s,decimal-leading-zero);display:block;font-family:JBM,monospace;color:var(--glass);font-size:13px}
.std{width:100%;border-collapse:collapse;background:var(--card)}.std td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.std td:first-child{font-family:JBM,monospace;white-space:nowrap;color:var(--glass);width:1%}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.why div{padding:24px 20px 24px 0;border-bottom:1px solid var(--line)}[dir=rtl] .why div{padding:24px 0 24px 20px}
.why h3{margin:0 0 6px;font-size:18px}.why p{margin:0;color:var(--ink2);font-size:15px}
.aud{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.aud div{border-inline-start:3px solid var(--glass);padding-inline-start:16px}
.proj{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.proj li{border:1px dashed var(--ink2);padding:8px 14px;background:var(--card)}
.tools-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--ink);color:var(--paper);padding:36px;flex-wrap:wrap}
.tools-cta h2{margin:0}.tools-cta p{margin:6px 0 0;opacity:.8}.tools-cta .btn{border-color:var(--glass)}
details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}
summary::after{content:"+";font-family:JBM,monospace;color:var(--glass)}details[open] summary::after{content:"−"}details p{color:var(--ink2);margin:10px 0 0}
.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;border-top:2px solid var(--ink)}
.contact div{padding:18px 16px 18px 0;border-bottom:1px solid var(--line)}.contact small{color:var(--ink2);display:block}.contact a{font-weight:700;text-decoration:none;direction:ltr;unicode-bidi:embed}
footer{padding:36px 0 60px;color:var(--ink2);font-size:14px}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.theme{background:none;border:1px solid var(--line);color:var(--ink);border-radius:3px;padding:4px 8px;cursor:pointer}
/* tools */
.tabs{display:flex;gap:0;border-bottom:2px solid var(--ink);margin-bottom:24px;flex-wrap:wrap}.tabs button{background:none;border:0;padding:12px 18px;font:inherit;color:var(--ink2);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px}
.tabs button[aria-selected=true]{color:var(--ink);border-color:var(--glass);font-weight:700}
.panel{display:none}.panel.on{display:block}
.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;background:var(--card);padding:20px;border:1px solid var(--line)}
label{font-size:13px;color:var(--ink2);display:flex;flex-direction:column;gap:4px}
input,select,textarea{font:inherit;font-size:15px;padding:9px 10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:3px}
textarea{min-height:140px;font-family:JBM,monospace;direction:ltr}
.out{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.res{width:100%;border-collapse:collapse;background:var(--card)}
.res td{padding:9px 12px;border-bottom:1px solid var(--line)}.res td:last-child{text-align:end;font-family:JBM,monospace}
.barviz{margin:6px 0;display:flex;height:30px;border:1px solid var(--ink);background:repeating-linear-gradient(45deg,var(--paper2) 0 6px,var(--line) 6px 7px);direction:ltr}
.barviz span{background:var(--glass-soft);border-inline-end:2px solid var(--ink);font:11px JBM,monospace;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--ink)}
.qc label{flex-direction:row;align-items:flex-start;gap:12px;padding:14px;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink);background:var(--card)}
.qc b{display:block}.qc span{color:var(--ink2);font-size:14px}.qc input{margin-top:6px;width:18px;height:18px;accent-color:var(--glass)}
@media (max-width:900px){nav.main{display:none;position:absolute;top:64px;inset-inline:0;flex-direction:column;background:var(--paper);padding:16px 20px;border-bottom:1px solid var(--line)}nav.main.open{display:flex}.menu-btn{display:block;margin-inline-start:auto}
.hero,.sh,.out{grid-template-columns:1fr}.hero{padding-top:40px}.specs,.steps{grid-template-columns:1fr 1fr}.chambers,.why,.aud{grid-template-columns:1fr}.specs div:nth-child(2){border:0}}
@media print{header,footer,.tabs,.btn,.theme{display:none}body{background:#fff}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
