@font-face{font-family:'Vazirmatn';src:url('fonts/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}

:root{--ink:#122f33;--deep:#0b252a;--green:#527763;--sage:#bfd5b9;--paper:#f3f6f1;--muted:#71827b;--line:#dce5dd;--gold:#c8b78d;--white:#fff;--font:'Vazirmatn',Tahoma,'Segoe UI',sans-serif;--radius:3px;--shadow:0 22px 65px #102f3312}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font);background:#fff}a{color:inherit}.skip{position:absolute;top:-80px;inset-inline-start:15px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.header{height:82px;padding:0 6.5%;display:flex;align-items:center;gap:28px;border-bottom:1px solid #e9eee9;background:#fff;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:210px}.brand img{width:52px;height:33px;object-fit:contain;flex:0 0 auto}.brand strong{display:block;font:700 16px var(--font);letter-spacing:.1em}.brand small{display:block;font:12px var(--font);letter-spacing:.17em;color:#82948a;margin-top:4px}.nav{display:flex;gap:clamp(12px,1.8vw,27px);align-items:center;margin-inline-start:auto}.nav a{text-decoration:none;font-size:14px;color:#62746a;white-space:nowrap;padding:8px 0}.nav a:hover,.nav a.active{color:#315e4c}.nav a.active:after{content:'';display:block;height:2px;width:18px;background:#a9c9a6;margin:7px auto 0}.head-actions{display:flex;gap:9px;align-items:center}.lang-select{height:36px;border:1px solid var(--line);background:white;color:var(--ink);padding:0 8px;font:14px var(--font);max-width:116px}.menu-btn{display:none;border:1px solid var(--line);background:white;width:38px;height:36px;font-size:18px}.hero{min-height:650px;background:var(--deep);color:#fff;padding:75px 7% 78px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:6%;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:url('pattern.svg') right center/460px;opacity:.6;mask-image:linear-gradient(90deg,transparent,#000 75%)}.hero-copy,.hero-art{position:relative;z-index:1}.eyebrow{display:flex;gap:12px;align-items:center;font:12.5px var(--font);letter-spacing:.16em;color:#b8d0c0}.eyebrow:before{content:'';width:28px;height:1px;background:#a9c99f}.hero h1{font-size:clamp(42px,5.3vw,72px);font-weight:500;line-height:1.42;letter-spacing:-.04em;margin:30px 0 18px}.hero-copy>p{font-size:15px;line-height:2.5;color:#c5d4cb;max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 20px;border:1px solid transparent;text-decoration:none;font:500 14px var(--font);cursor:pointer;transition:.2s}.btn-primary{background:var(--sage);color:var(--deep)}.btn-primary:hover{background:#fff;transform:translateY(-2px)}.btn-outline{border-color:#ffffff55;color:#fff}.btn-outline:hover{border-color:var(--sage);color:var(--sage)}.hero-meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:55px;padding-top:18px;border-top:1px solid #ffffff30;color:#aebfb5;font-size:12.5px}.hero-art{min-height:410px;display:grid;place-items:center}.orb{width:min(36vw,440px);aspect-ratio:1;border:1px solid #b7d4c055;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 0 0 28px #ffffff06,0 0 0 62px #ffffff04}.orb:before,.orb:after{content:'';position:absolute;border:1px solid #a9caa044;border-radius:50%;inset:12%;transform:rotate(35deg) scaleX(.65)}.orb:after{transform:rotate(-35deg) scaleX(.65)}.orb-core{width:42%;aspect-ratio:1;border:1px solid #bfd8c3;transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 0 65px #a5c7a522}.orb-core span{transform:rotate(-45deg);font:700 clamp(26px,4vw,48px) var(--font);color:#d8e8d9;letter-spacing:.08em}.orb-label{position:absolute;bottom:10%;inset-inline-end:0;border:1px solid #c5d9c255;background:#0b252acc;padding:13px 16px;font:12px var(--font);letter-spacing:.15em;color:#c6d8cb}.section{padding:100px 8%}.section-label{font:12.5px var(--font);letter-spacing:.17em;color:#73907e}.section-head{display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:end;margin-bottom:42px}.section h2,.section-head h2{font-size:clamp(29px,3.6vw,47px);font-weight:500;line-height:1.55;letter-spacing:-.035em;margin:15px 0}.section-head p,.section-copy p{font-size:14.5px;line-height:2.5;color:var(--muted);margin:0}.intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:7%;align-items:start}.intro-copy{display:grid;grid-template-columns:1fr .9fr;gap:7%;align-items:start}.stats{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:27px;padding-top:16px}.stats div{display:flex;flex-direction:column;gap:6px;color:#809087;font-size:12px}.stats b{font:14.5px var(--font);color:#496f58}.area-section{background:var(--paper)}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid #e2e9e2;padding:23px;min-height:260px;position:relative;transition:.25s;display:flex;flex-direction:column}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-index{font:12.5px var(--font);color:#91a59a;letter-spacing:.15em;display:flex;justify-content:space-between}.card-icon{height:92px;display:grid;place-items:center}.molecule{width:54px;height:54px;border:1px solid #82a58e;transform:rotate(45deg);position:relative}.molecule:before,.molecule:after{content:'';position:absolute;inset:9px;border:1px solid #c2d7c5}.molecule:after{inset:18px;background:#a9c99f;border:0;border-radius:50%}.card h3{font-size:15px;font-weight:600;line-height:1.8;margin:7px 0}.card p{font-size:12.5px;line-height:2.25;color:#7b8b81;margin:0 0 18px}.card a{margin-top:auto;text-decoration:none;color:#4f795f;font-size:12.5px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1ec;padding-top:12px}.card a b{font:17px Arial}.approach{background:#12383b;color:#fff;position:relative;overflow:hidden}.approach:after{content:'';position:absolute;inset:0;background:url('pattern.svg') left center/440px;opacity:.35}.approach-inner{position:relative;z-index:1;max-width:900px;margin-inline-start:19%}.approach h2{font-size:clamp(34px,4.2vw,55px);font-weight:500;line-height:1.5;margin:22px 0}.approach p{max-width:700px;color:#c3d4c9;font-size:14.5px;line-height:2.5}.pillars{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid #ffffff35;margin-top:35px;padding-top:20px}.pillars span{font-size:12.5px;color:#dce7df}.pillars b{font:14px var(--font);color:#b9d5b6;margin-inline-end:8px}.quality-band{display:grid;grid-template-columns:.5fr 1.5fr;gap:8%;align-items:center}.quality-mark{font:clamp(100px,16vw,200px) var(--font);color:#e0eae0;line-height:1}.quality-mark span{color:#8eae91}.quality-band p{font-size:14.5px;line-height:2.5;color:var(--muted);max-width:720px}.cta-band{background:var(--deep);color:#fff;padding:72px 8%;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:clamp(28px,3.4vw,43px);font-weight:500;line-height:1.55;margin:15px 0}.cta-band p{font-size:14px;line-height:2.3;color:#c0d0c7;max-width:650px}.footer{background:#f2f5f0;padding:38px 8% 22px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:25px;border-bottom:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:38px;height:auto;object-fit:contain}.footer-brand b{font:700 16px var(--font);letter-spacing:.1em}.footer-brand small{display:block;color:#84938a;font:11px var(--font);letter-spacing:.15em;margin-top:4px}.footer-top p{font-size:12.5px;color:#77877d}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:18px;color:#89968e;font-size:12px}.legal{font-size:12px;line-height:2.1;color:#9aa69e;margin-top:17px}.page-hero{background:var(--deep);color:#fff;padding:72px 8%;min-height:310px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;inset:0;background:url('pattern.svg') right center/390px;opacity:.5}.page-hero>div{position:relative;z-index:1;max-width:760px}.page-hero h1{font-size:clamp(34px,4.6vw,58px);font-weight:500;line-height:1.5;margin:20px 0 8px}.page-hero p{font-size:14.5px;line-height:2.4;color:#c3d2c8;max-width:650px}.page-art{width:180px;height:180px;border:1px solid #bad2bf55;border-radius:50%;display:grid;place-items:center;font:36px var(--font);color:#d2e1d4;position:relative;z-index:1;margin-inline-end:5%}.page-art:before,.page-art:after{content:'';position:absolute;inset:20px;border:1px solid #bad2bf44;border-radius:50%}.page-art:after{inset:45px}.breadcrumb{padding:15px 8%;background:#f3f6f1;color:#85938a;font-size:12.5px}.breadcrumb a{text-decoration:none}.content-layout{display:grid;grid-template-columns:.45fr 1.55fr;gap:7%}.content-main{max-width:950px}.lead-copy{font-size:15px;line-height:2.5;color:#65786d}.callout{padding:18px 22px;background:#f0f5ef;border-inline-start:3px solid #9dbb9d;color:#718277;font-size:14px;line-height:2.4;margin:28px 0}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.fact{padding:18px;border-top:1px solid var(--line)}.fact small{display:block;font:12px var(--font);color:#91a096;letter-spacing:.1em}.fact b{display:block;font-size:14.5px;margin-top:10px}.catalog-tools{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:25px;flex-wrap:wrap}.search{height:48px;border:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 15px;width:min(470px,100%)}.search span{font-size:21px;color:#7e9a86}.search input{border:0;outline:0;width:100%;font:14px var(--font)}.filter{height:42px;border:1px solid var(--line);background:#fff;padding:0 12px;font:14px var(--font);color:var(--ink)}.notice{padding:16px 19px;background:#f3f6f1;color:#7a897f;font-size:12.5px;line-height:2.3;margin:25px 0}.product-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:start}.product-visual{background:var(--deep);min-height:340px;display:grid;place-items:center;position:sticky;top:110px;overflow:hidden}.product-visual:before{content:'';position:absolute;inset:0;background:url('pattern.svg') center/300px;opacity:.5}.product-symbol{width:155px;height:155px;border:1px solid #c1d7c455;border-radius:50%;display:grid;place-items:center;color:#cfe1d2;font:35px var(--font);position:relative}.product-symbol:before,.product-symbol:after{content:'';position:absolute;inset:18px;border:1px solid #c1d7c455;border-radius:50%}.product-symbol:after{inset:40px}.product-info h2{font-size:27px;font-weight:500;margin:10px 0 18px}.product-info p{font-size:14.5px;line-height:2.5;color:#718178}.detail-block{border-top:1px solid var(--line);padding:20px 0}.detail-block h3{font-size:16px;margin:0 0 9px}.detail-block p{margin:0}.detail-block ul{padding-inline-start:20px;color:#718178;font-size:14px;line-height:2.3}.doc-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.doc{border:1px solid var(--line);padding:17px}.doc b{font:14px var(--font);color:#6e8c78}.doc p{font-size:12.5px;line-height:2.2;color:#829087}.faq{max-width:950px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;list-style:none;display:flex;gap:14px;align-items:center;font-size:14.5px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font:12.5px var(--font);color:#8ba292}.faq summary b{margin-inline-start:auto;font:17px Arial;color:#77947e}.faq details p{font-size:14px;line-height:2.4;color:#75847a;padding-inline-start:28px;max-width:850px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start}.contact-info h2{font-size:29px;font-weight:500;margin:15px 0 25px}.contact-item{border-top:1px solid var(--line);padding:18px 0;display:flex;flex-direction:column;gap:8px}.contact-item small{font-size:12px;color:#8b9a90}.contact-item b,.contact-item a{font-size:14.5px;text-decoration:none}.form{background:#f4f7f2;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.form label{font-size:12.5px;color:#66786d;display:flex;flex-direction:column;gap:8px}.form label.full,.form button,.form .hint,.form .status{grid-column:1/-1}.form input,.form select,.form textarea{width:100%;border:1px solid #dce5dc;background:#fff;padding:13px;font:14px var(--font);color:var(--ink);outline-color:#8eaf96}.form textarea{resize:vertical}.form button{justify-self:start}.hint,.status{font-size:12px;line-height:2;color:#87958b;margin:0}.status{color:#456e54}.empty{padding:35px;text-align:center;color:#87958d}.admin-wrap{max-width:1100px;margin:40px auto;padding:25px}.admin-wrap h1{font-size:28px}.admin-note{background:#fff5df;padding:15px;line-height:2;font-size:14.5px;color:#775f2e}.admin-product{border:1px solid var(--line);padding:18px;margin:15px 0;display:grid;grid-template-columns:180px 1fr;gap:15px}.admin-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.admin-fields label{font-size:12.5px;display:flex;flex-direction:column;gap:5px}.admin-fields input,.admin-fields textarea,.admin-fields select{padding:9px;border:1px solid var(--line);font:14px var(--font)}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.admin-actions button{border:0;background:var(--ink);color:#fff;padding:12px 16px;cursor:pointer;font:14px var(--font)}[hidden]{display:none!important}html[dir=ltr] body{font-family:var(--font),sans-serif}html[dir=ltr] .hero-copy,html[dir=ltr] .section,html[dir=ltr] .approach,html[dir=ltr] .content-layout,html[dir=ltr] .contact-layout{text-align:left}html[dir=ltr] .approach-inner{margin-left:19%;margin-right:0}html[dir=ltr] .product-info{text-align:left}@media(max-width:1100px){.header{padding:0 4%;gap:15px}.brand{min-width:175px}.nav{gap:12px}.nav a{font-size:12.5px}.section{padding-inline:6%}.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.header{height:72px;padding:0 5%;gap:10px}.brand{min-width:0}.brand img{width:44px;height:28px}.brand strong{font-size:15px}.brand small{font-size:7px}.menu-btn{display:block;margin-inline-start:auto}.nav{display:none;position:absolute;top:71px;inset-inline:0;background:#fff;padding:15px 7%;box-shadow:0 18px 32px #102f3318;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 0;border-bottom:1px solid #edf1ec;font-size:14.5px}.nav a.active:after{display:none}.hero{grid-template-columns:1fr;padding:55px 7% 68px;gap:25px}.hero-art{min-height:300px}.orb{width:min(65vw,340px)}.hero h1{font-size:clamp(39px,8vw,58px)}.section{padding:75px 7%}.intro{grid-template-columns:1fr;gap:20px}.intro-copy{grid-template-columns:1fr;gap:15px}.section-head{grid-template-columns:1fr;gap:15px}.approach{padding:75px 7%}.approach-inner{margin-inline-start:0}.quality-band{grid-template-columns:.3fr 1.7fr;gap:4%}.quality-mark{font-size:100px}.cta-band{padding:60px 7%}.page-hero{padding:55px 7%;min-height:280px}.page-art{width:140px;height:140px}.content-layout{grid-template-columns:1fr;gap:20px}.product-detail{grid-template-columns:1fr}.product-visual{position:relative;top:auto;min-height:250px}.contact-layout{grid-template-columns:1fr;gap:30px}.footer{padding-inline:7%}.admin-wrap{margin:20px auto;padding:15px}}@media(max-width:560px){.head-actions{gap:5px}.lang-select{max-width:85px;font-size:12.5px}.hero{padding-top:45px}.hero h1{font-size:38px}.hero-copy>p{font-size:14.5px}.hero-meta{gap:12px;margin-top:35px}.hero-art{min-height:240px}.card-grid,.doc-list{grid-template-columns:1fr}.card{min-height:220px}.pillars{flex-direction:column;gap:14px}.quality-band{grid-template-columns:1fr}.quality-mark{font-size:82px}.cta-band{align-items:flex-start;flex-direction:column}.page-art{display:none}.page-hero h1{font-size:34px}.fact-grid{grid-template-columns:1fr}.form{grid-template-columns:1fr;padding:20px}.form label{grid-column:1/-1}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.product-detail{gap:20px}.admin-product{grid-template-columns:1fr}.admin-fields{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* VERSION 6 — language visibility and parent-company architecture */
.header{gap:18px}.head-actions{display:flex;align-items:center;gap:12px;min-width:0}.language-bar{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.language-link{display:flex;align-items:center;gap:5px;padding:8px 9px;border:1px solid transparent;border-radius:4px;text-decoration:none;color:#53675d;white-space:nowrap;font-size:12.5px;transition:background .2s,border-color .2s}.language-link:hover,.language-link.current{background:#eef3ed;border-color:#dbe5db;color:#183a32}.language-code{font:700 12px var(--font),sans-serif;letter-spacing:.04em;color:#78917e}.language-link.current .language-code{color:#315f43}.language-native{font-size:12.5px}.group-section{background:#f7f9f5}.group-architecture{display:flex;flex-direction:column;align-items:center;max-width:850px;margin:36px auto 0}.parent-node{width:min(100%,520px);padding:28px;text-align:center;background:#173a38;color:#fff;border-radius:5px;display:flex;flex-direction:column;gap:9px}.parent-node strong{font:600 22px var(--font),sans-serif;letter-spacing:.06em}.parent-node small{font-size:14px;line-height:2;color:#d0ded4}.node-kicker{font-size:14px;color:#b8d0bc}.group-connector{height:38px;border-inline-start:1px solid #9fb4a2}.brand-placeholder{width:min(100%,720px);border:1px dashed #9eb39f;background:#fff;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand-placeholder b{font-size:16px}.brand-placeholder span{font-size:14px;color:#7b8c80}@media(max-width:1100px){.header{gap:10px}.language-link{padding:7px 6px}.language-native{font-size:12px}.brand{min-width:160px}}@media(max-width:820px){.header{height:auto;min-height:72px;flex-wrap:wrap;padding:10px 5%}.head-actions{order:3;width:100%;justify-content:center}.language-bar{width:100%;overflow-x:auto;justify-content:flex-start;padding:3px 0 7px;scrollbar-width:thin}.language-link{flex:0 0 auto;padding:7px 10px;border-color:#e5ebe4}.nav{top:72px}.menu-btn{display:block}.group-section{padding-top:60px;padding-bottom:60px}}@media(max-width:560px){.header{gap:5px}.head-actions{gap:4px}.language-bar{gap:3px}.language-link{flex-direction:column;gap:2px;min-width:54px;padding:6px 5px}.language-native{font-size:12px}.language-code{font-size:12px}.brand small{font-size:7px}.brand{flex:1}.brand-placeholder{align-items:flex-start;flex-direction:column}.parent-node{padding:22px 14px}.parent-node strong{font-size:18px}}

/* ===== v7 overrides ===== */
@font-face{font-family:'Vazirmatn';src:local("Vazirmatn");font-weight:100 900;font-display:swap}
:root{--font:'Vazirmatn','Segoe UI',Tahoma,'Noto Naskh Arabic','Noto Sans SC','PingFang SC',sans-serif}
html{font-size:16px}body{line-height:1.9;-webkit-text-size-adjust:100%}
.nav a{font-size:15px}.language-bar{display:flex;gap:4px}.language-link{display:flex;flex-direction:column;align-items:center;line-height:1.25;padding:4px 8px;border:1px solid transparent;border-radius:3px;text-decoration:none;color:#62746a;font-size:12.5px}.language-link .language-code{font:700 12px var(--font);letter-spacing:.1em}.language-link.current{background:#eef4ee;border-color:#cfe0d0;color:#315e4c}
.section-head p,.section-copy p{font-size:15px;line-height:2.1}.hero-copy>p{font-size:16px;line-height:2.2}.hero-meta{font-size:14.5px}.btn{font-size:16px}
.card h3{font-size:18px}.card p{font-size:13.5px;line-height:2}.card a{font-size:15px}
.approach p,.quality-band p,.cta-band p{font-size:15px;line-height:2.2}.pillars span{font-size:15px}
.lead-copy{font-size:17px;line-height:2.2}.page-hero p{font-size:15px;line-height:2.1}.breadcrumb{font-size:14.5px}
.footer-top p{font-size:15px}.footer-bottom{font-size:14.5px}.legal{font-size:14.5px}.section-label,.eyebrow{font-size:14px}
/* intro fix */
.intro-copy p{font-size:16px;line-height:2.2;color:var(--muted);margin:0}.intro-copy h2{margin-top:0}
.intro-copy>div:last-child{display:flex;flex-direction:column;gap:26px;align-items:flex-start}
.stats{margin-top:0;gap:34px;width:100%}.stats div{font-size:14.5px}.stats b{font-size:18px}
.card-grid+.btn,.area-section>.btn{margin-top:30px}
.hero h1,.page-hero h1{letter-spacing:0}
/* brands */
.group-architecture{display:flex;flex-direction:column;align-items:center;margin-bottom:6px}
.group-connector{width:1px;height:34px;background:#9ab7a3}
.brand-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0 0 18px;padding-top:18px;border-top:1px solid #9ab7a3}
.brand-chip{display:flex;flex-direction:column;gap:8px;text-decoration:none;font:600 14.5px var(--font);letter-spacing:.12em;text-align:center;color:#315e4c;transition:.2s}
.brand-chip:hover{transform:translateY(-4px)}
.blogo{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border-radius:6px;border:1px solid #dfe6df;padding:6px}
.blogo img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:normal}
.blogo.wordmark{background:#12383b;color:#d8e8d9;border-color:#12383b;text-align:center}
.blogo.wordmark b{font:700 22px var(--font);letter-spacing:.2em;display:block}.blogo.wordmark small{font-size:14px;opacity:.7;display:block;margin-top:6px;letter-spacing:0}
.blogo.mini{aspect-ratio:4/3;width:120px}
.brand-note{font-size:14.5px;color:#8a998f;margin:6px 0 22px}
.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.brand-card{background:#fff;border:1px solid #e2e9e2;padding:16px;display:flex;flex-direction:column;gap:16px;scroll-margin-top:100px;transition:.25s}
.brand-card:target{border-color:#7fa58c;box-shadow:var(--shadow)}.brand-card:hover{box-shadow:var(--shadow)}
.brand-card .blogo{aspect-ratio:16/10}
.brand-names{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.brand-names h3{font:700 22px var(--font);letter-spacing:.08em;margin:0}.brand-names span{font-size:16px;color:var(--muted)}
.brand-status{display:flex;align-items:center;gap:8px;font-size:14.5px;color:#7a6a2b;margin:10px 0 0}.brand-status i{width:8px;height:8px;border-radius:50%;background:#d8b84a}
.brand-markets{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0 0}.brand-markets small{font-size:14px;color:#8a998f;margin-inline-end:4px}.brand-markets em{font-style:normal;font-size:14px;border:1px solid #cfe0d0;background:#f1f6f1;color:#3d6a53;padding:1px 9px;border-radius:99px}
.brand-scope{font-size:14.5px;color:#8a998f;margin:10px 0 0}
.brand-variants{border-top:1px solid #edf1ec;padding-top:12px}.brand-variants small{font-size:14px;color:#8a998f}.brand-variants>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.brand-variants figure{margin:0}.brand-variants figcaption{font-size:14px;color:#8a998f;text-align:center;margin-top:4px}
/* product detail */
.product-info ul{padding-inline-start:20px;font-size:16px;line-height:2.1;color:#5d7066}.product-info p{font-size:14.5px;line-height:2.1;color:#5d7066}.product-info h3{font-size:17px}
.gen-note{font-size:14.5px!important;color:#8a998f!important;border-top:1px dashed #dce5dd;padding-top:10px;margin-top:12px}
.mini-faq{border:1px solid #e2e9e2;margin:8px 0;padding:0 14px}.mini-faq summary{cursor:pointer;padding:12px 0;font-weight:600;font-size:16px}.mini-faq p{margin:0 0 14px}
.rel-links{display:flex;gap:10px;flex-wrap:wrap}.rel-links a{text-decoration:none;border:1px solid #cfe0d0;background:#f1f6f1;padding:8px 14px;font-size:15px;color:#315e4c}
.faq details p,.faq summary{font-size:15px}
/* responsive */
@media(max-width:1100px){.card-grid{grid-template-columns:repeat(2,1fr)}.nav a{font-size:14.5px}}
@media(max-width:900px){.intro,.intro-copy,.section-head,.quality-band,.content-layout{grid-template-columns:1fr}.header{height:auto;flex-wrap:wrap;padding:12px 5%;gap:10px}.head-actions{width:100%;justify-content:space-between}.language-bar{overflow-x:auto;flex:1;scrollbar-width:none}.language-link{flex:0 0 auto}.menu-btn{display:block;flex:0 0 auto}.nav{display:none;width:100%;flex-direction:column;align-items:flex-start;margin:0;gap:0}.nav.open{display:flex}.nav a{width:100%;padding:12px 0;border-bottom:1px solid #edf1ec;font-size:15px}.nav a.active:after{display:none}.section{padding:64px 6%}.hero{grid-template-columns:1fr;padding:56px 6%}.approach-inner{margin-inline-start:0}.cta-band{flex-direction:column;align-items:flex-start}.product-detail{grid-template-columns:1fr}}
@media(max-width:560px){.card-grid{grid-template-columns:1fr}.brand-strip{grid-template-columns:repeat(2,1fr)}.brand-grid{grid-template-columns:1fr}.stats{gap:18px}}
.blogo img{width:100%;height:100%;object-fit:contain}
.blogo.wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center}
.brand-card .blogo.mini{width:120px}
.blogo{position:relative}.blogo img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}

/* ===== v9 accessibility, interaction and resilience ===== */
:focus-visible{outline:3px solid #b48a3c;outline-offset:3px;border-radius:3px}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:9999;background:#173a38;color:#fff;padding:10px 16px;border-radius:4px}
.skip:focus{top:12px}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%}
.brand-chip:focus-visible,.language-link:focus-visible,.nav a:focus-visible{outline-offset:4px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:560px){.page-hero{padding-inline:6%}.page-hero h1{font-size:clamp(28px,8vw,42px)}.form{grid-template-columns:1fr}.form label,.form .full{grid-column:1/-1}.brand-card{padding:13px}.footer-bottom{gap:8px;flex-wrap:wrap}}

/* ===== v10/v11 integrated experience layer ===== */
html{scroll-padding-top:96px}
.header{transition:box-shadow .25s ease,background .25s ease,border-color .25s ease}
.header.is-scrolled{box-shadow:0 10px 32px rgba(11,37,42,.09);border-color:transparent;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}
.reading-progress{position:fixed;z-index:1000;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#b9d5b6,#c8b78d);transform:scaleX(0);transform-origin:left center;pointer-events:none}
html[dir="rtl"] .reading-progress{transform-origin:right center}
.back-to-top{position:fixed;z-index:60;inset:auto 24px 24px auto;width:46px;height:46px;border:1px solid #d6e2d7;border-radius:50%;background:rgba(255,255,255,.94);color:#173a38;font-size:22px;box-shadow:0 8px 28px #102f331c;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility .25s;backdrop-filter:blur(10px)}
html[dir="rtl"] .back-to-top{inset-inline-start:24px;inset-inline-end:auto}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.reveal-on-scroll{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}
.hero-copy .eyebrow,.hero-copy h1,.hero-copy>p,.hero-copy .actions,.hero-copy .hero-meta{animation:hero-rise .8s both;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
.hero-copy h1{animation-delay:.08s}.hero-copy>p{animation-delay:.16s}.hero-copy .actions{animation-delay:.23s}.hero-copy .hero-meta{animation-delay:.3s}
.hero-art{animation:hero-art-in 1.1s .12s both cubic-bezier(.2,.7,.2,1)}
.orb{animation:orb-float 9s ease-in-out infinite}
.card,.brand-card,.doc,.fact,.detail-block{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.card:hover,.brand-card:hover{transform:translateY(-7px)}
.card:hover .molecule{transform:rotate(135deg) scale(1.05);transition:transform .6s}
.blogo img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}.brand-card:hover .blogo img,.brand-chip:hover .blogo img{transform:scale(1.055)}
.page-hero{isolation:isolate}.page-hero:before{content:'';position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse at 78% 40%,rgba(169,201,159,.16),transparent 42%),linear-gradient(110deg,transparent 45%,rgba(255,255,255,.035));pointer-events:none}
.page-art{box-shadow:0 0 0 20px rgba(255,255,255,.025),0 0 0 44px rgba(255,255,255,.018);transition:transform .7s}.page-hero:hover .page-art{transform:rotate(-8deg) scale(1.035)}
.section-head{position:relative}.section-head:after{content:'';display:block;position:absolute;bottom:-18px;inset-inline-start:0;width:44px;height:2px;background:var(--gold);opacity:.8}
.catalog-tools{position:sticky;top:82px;z-index:15;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);padding:12px 0;border-bottom:1px solid #e7eee7}
.form input:focus,.form select:focus,.form textarea:focus,.search input:focus,.filter:focus{border-color:#789b7e;box-shadow:0 0 0 4px rgba(120,155,126,.13);outline:0}
.form input,.form select,.form textarea{transition:border-color .2s,box-shadow .2s}
.btn{transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}.btn:active{transform:translateY(1px)}
.footer{position:relative}.footer:before{content:'';display:block;height:3px;position:absolute;inset:0 8% auto;background:linear-gradient(90deg,transparent,#b7cdb7,transparent)}
@keyframes hero-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-art-in{from{opacity:0;transform:translateX(24px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes orb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:900px){.catalog-tools{top:118px}.back-to-top{inset-inline-end:14px;bottom:14px;width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll,.hero-copy .eyebrow,.hero-copy h1,.hero-copy>p,.hero-copy .actions,.hero-copy .hero-meta,.hero-art,.orb{animation:none!important;opacity:1!important;transform:none!important;transition:none!important;will-change:auto}}
/* V12 production enhancements */
.language-bar{display:flex;align-items:center;gap:8px;margin-inline-start:8px}
.language-bar a{font:12px var(--font),sans-serif;text-decoration:none;color:#71827b;border:1px solid #dce5dd;padding:6px 7px}
.language-bar a:hover{color:#173a38;border-color:#9dbb9d}
#contactForm .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:820px){.language-bar{display:none}.menu-btn{display:block}.nav{display:none}.nav.open{display:flex}}
@media(max-width:560px){#contactForm .form-row{grid-template-columns:1fr}}

/* V13 focused PCE / B2B layer */
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.product-info .detail-block{border:1px solid #e4ebe4;background:#fbfcfa;padding:22px 24px;margin:18px 0}
.product-info .detail-block h3{color:#173a38;margin-top:0}
.product-info .detail-block li{margin:5px 0}
.form{position:relative}
.form .full{grid-column:1/-1}
.form label{display:flex;flex-direction:column;gap:7px}
.form input,.form select,.form textarea{width:100%;min-width:0}
@media(max-width:560px){.form .full{grid-column:1/-1}}


/* V13.1 — restrained interaction, optional night mode, and visual depth */
:root{color-scheme:light;--surface:#fff;--surface-soft:#f3f6f1;--text-main:#122f33;--text-muted:#71827b}
html[data-theme="dark"]{color-scheme:dark;--ink:#e4eee7;--deep:#07191d;--paper:#142522;--muted:#a6b8ad;--line:#30443b;--white:#101e1b;--surface:#101e1b;--surface-soft:#142522;--text-main:#e4eee7;--text-muted:#a6b8ad;background:#0d1917}
html[data-theme="dark"] body{background:#0d1917;color:var(--ink)}
html[data-theme="dark"] .header,html[data-theme="dark"] .card,html[data-theme="dark"] .form,html[data-theme="dark"] .search,html[data-theme="dark"] .filter,html[data-theme="dark"] .lang-select{background:#101e1b;color:#e4eee7;border-color:#30443b}
html[data-theme="dark"] .nav a,html[data-theme="dark"] .card p,html[data-theme="dark"] .section-head p,html[data-theme="dark"] .section-copy p,html[data-theme="dark"] .page-hero p,html[data-theme="dark"] .lead-copy,html[data-theme="dark"] .quality-band p,html[data-theme="dark"] .contact-item,html[data-theme="dark"] .hint{color:#a6b8ad}
html[data-theme="dark"] .area-section,html[data-theme="dark"] .breadcrumb,html[data-theme="dark"] .footer,html[data-theme="dark"] .notice,html[data-theme="dark"] .callout{background:#142522;color:#bdcfc3}
html[data-theme="dark"] .footer-top,html[data-theme="dark"] .footer-bottom,html[data-theme="dark"] .card a,html[data-theme="dark"] .stats,html[data-theme="dark"] .fact{border-color:#30443b}
html[data-theme="dark"] .footer-top p,html[data-theme="dark"] .footer-bottom,html[data-theme="dark"] .legal{color:#9caf9f}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#0d1917;color:#e4eee7;border-color:#40564a}
html[data-theme="dark"] .theme-toggle{background:#20352d;color:#e3eee5;border-color:#526b5b}
.theme-toggle{width:38px;height:36px;border:1px solid var(--line);background:#fff;color:var(--ink);display:inline-grid;place-items:center;cursor:pointer;font-size:17px;transition:background .2s,border-color .2s,transform .2s}
.theme-toggle:hover{transform:translateY(-2px);border-color:#8eae91}
.theme-toggle:focus-visible,.menu-btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #9dc49d;outline-offset:3px}
/* Small, intentional motion on selected interface details only. */
@keyframes quietFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes softPulse{0%,100%{box-shadow:0 0 0 0 #a9c99f00}50%{box-shadow:0 0 0 9px #a9c99f12}}
@keyframes handSweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes caretBlink{0%,48%{opacity:1}49%,100%{opacity:0}}
.brand img{transition:transform .35s ease}
.brand:hover img{transform:rotate(-7deg) scale(1.05)}
.orb{animation:quietFloat 8s ease-in-out infinite}
.orb-core{animation:softPulse 5.5s ease-in-out infinite}
.card-icon .molecule{transition:transform .45s cubic-bezier(.2,.75,.25,1)}
.card:hover .card-icon .molecule{transform:rotate(135deg) scale(1.07)}
.page-art,.product-visual{transition:transform .5s ease,border-color .5s ease}
.page-hero:hover .page-art{transform:rotate(5deg)}
.product-symbol{position:relative}
.product-symbol:after{content:"";position:absolute;width:1px;height:42%;background:#9fc5a5;left:50%;top:8%;transform-origin:50% 100%;animation:handSweep 18s linear infinite}
.eyebrow .micro-caret{display:inline-block;width:1px;height:1em;background:currentColor;margin-inline-start:5px;vertical-align:middle;animation:caretBlink 1.1s steps(1) infinite}
.reading-progress{transform-origin:left center}
html[dir="rtl"] .reading-progress{transform-origin:right center}
@media(prefers-reduced-motion:reduce){.orb,.orb-core,.product-symbol:after,.eyebrow .micro-caret{animation:none!important}.brand img,.page-art,.product-visual,.card-icon .molecule{transition:none!important}}
@media(max-width:760px){.theme-toggle{width:36px;height:34px}.head-actions{gap:6px}}

/* ===== V14 ===== */
.hp-field{position:absolute!important;inset-inline-start:0!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;clip-path:inset(50%)!important;pointer-events:none!important}
html{-webkit-text-size-adjust:100%}body{line-height:1.9;overflow-x:hidden}
.nav a{font-size:14px}.hero h1{letter-spacing:0}
.brand{min-width:0;flex:0 0 auto}.brand span{white-space:nowrap}.brand strong{font-size:15px}
.header{gap:20px;padding:0 4%}.nav{gap:clamp(10px,1.4vw,22px)}.nav a{font-size:14px}
.intro{grid-template-columns:1fr;gap:14px}.intro-copy{grid-template-columns:1.25fr .75fr;gap:8%}
.stats{flex-direction:column;gap:10px}.stats div{display:flex;gap:14px;align-items:baseline;font-size:14px;color:#5d7066}.stats b{font-size:17px;min-width:28px}
.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,400px))}
.hero h1{font-size:clamp(34px,4.3vw,60px);line-height:1.6;letter-spacing:0;text-wrap:balance}
.section-head h2,.page-hero h1{text-wrap:balance}
html[lang=ru] .nav a,html[lang=tr] .nav a{font-size:13px}
@media(max-width:1180px){.header{flex-wrap:wrap;height:auto;padding:12px 4%}.head-actions{margin-inline-start:auto}.nav{order:3;width:100%;margin:0;flex-wrap:wrap;gap:6px 18px;padding-bottom:6px}}
@media(max-width:900px){.intro-copy{grid-template-columns:1fr}.nav{display:none;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-btn{display:block}.language-bar{overflow-x:auto;max-width:62vw;scrollbar-width:none}.language-link{flex:0 0 auto}.header{position:sticky}}
.stats div{flex-direction:row!important;gap:14px!important;align-items:baseline}
.language-bar{display:flex!important}
@media(max-width:900px){.head-actions{order:3;width:100%;justify-content:space-between;gap:8px}.language-bar{max-width:none;flex:1;overflow-x:auto;padding:2px 0}.language-link{flex-direction:row;gap:6px;min-width:0;padding:6px 9px}.brand{flex:1}.menu-btn{order:-1}}
@media(min-width:901px) and (max-width:1500px){html[lang=ru] .header,html[lang=tr] .header{flex-wrap:wrap;height:auto;padding:12px 4%}html[lang=ru] .head-actions,html[lang=tr] .head-actions{margin-inline-start:auto}html[lang=ru] .nav,html[lang=tr] .nav{order:3;width:100%;margin:0;flex-wrap:wrap;gap:6px 22px;padding-bottom:4px}}

/* V15: mobile-first polish, brand candidate gallery, feedback and order-portal boundary */
.candidate-group{margin:30px 0;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.candidate-group h2{font-size:clamp(20px,3vw,28px);margin:0 0 18px}
.candidate-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.candidate-logo{margin:0;min-width:0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:145px}
.candidate-logo img{display:block;max-width:100%;width:100%;height:100px;object-fit:contain}
.candidate-logo figcaption{font-size:11px;color:var(--text-muted);text-align:center;overflow-wrap:anywhere}
.feedback-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:start}
.feedback-intro{position:sticky;top:110px}.feedback-form{width:100%}.feedback-form input[type=file]{padding:12px}.order-portal-note{margin-top:16px;padding:14px 16px;border:1px dashed var(--line);border-radius:8px;color:var(--text-muted);font-size:13px}
html[data-theme=dark] .candidate-group,html[data-theme=dark] .candidate-logo{background:#13231f;border-color:#344b40}
html[data-theme=dark] .candidate-logo figcaption{color:#b4c5ba}
html[data-theme=dark] .catalog-tools{background:rgba(13,25,23,.96);border-color:#30443b}
html[data-theme=dark] .theme-toggle{background:#263d32;color:#f3d98b;border-color:#71866f}
html:not([data-theme=dark]) .theme-toggle{background:#f5f7f2;color:#273d32;border-color:#cbd8ca}
@media(max-width:820px){.feedback-layout{grid-template-columns:1fr;gap:20px}.feedback-intro{position:static}.candidate-group{padding:16px}.candidate-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.candidate-logo{min-height:125px;padding:8px}.candidate-logo img{height:82px}.header{padding:10px 4%;gap:8px}.head-actions{gap:8px}.language-bar{max-width:calc(100vw - 110px);overflow-x:auto}.language-link{min-width:42px;padding:6px 7px}.language-native{font-size:11px}.nav.open{max-height:70vh;overflow:auto}.nav a{padding:13px 4px}.catalog-tools{top:106px;display:grid;grid-template-columns:1fr;gap:8px}.search,.filter{width:100%;min-height:46px}.form input,.form select,.form textarea{font-size:16px;min-height:46px}.form textarea{min-height:130px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}}
@media(max-width:420px){.candidate-logos{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(27px,9vw,38px)}.hero{padding-top:38px;padding-bottom:42px}.section{padding:48px 5%}.language-native{display:none}.language-link{min-width:38px}.brand strong{font-size:13px}}

/* V15.1 — responsive, touch-first and dark-theme hardening */
:root{--surface:#fff;--surface-soft:#f3f6f1;--text-main:#122f33;--text-muted:#71827b;--field-bg:#fff;--field-border:#dce5dd;--field-text:#122f33;--focus:#739b7c}
html[data-theme="dark"]{--surface:#101e1b;--surface-soft:#142522;--text-main:#e4eee7;--text-muted:#a6b8ad;--field-bg:#14231f;--field-border:#40584b;--field-text:#e4eee7;--focus:#a8c9a8;color-scheme:dark;background:#0d1917}
html[data-theme="dark"] body{background:#0d1917;color:var(--text-main)}
html[data-theme="dark"] .header,html[data-theme="dark"] .card,html[data-theme="dark"] .form,html[data-theme="dark"] .search,html[data-theme="dark"] .filter,html[data-theme="dark"] .candidate-logo{background:var(--surface);color:var(--text-main);border-color:var(--field-border)}
html[data-theme="dark"] .footer,html[data-theme="dark"] .breadcrumb,html[data-theme="dark"] .area-section,html[data-theme="dark"] .callout,html[data-theme="dark"] .notice,html[data-theme="dark"] .product-info .detail-block{background:var(--surface-soft);color:var(--text-muted);border-color:var(--field-border)}
html[data-theme="dark"] .nav a,html[data-theme="dark"] .brand small,html[data-theme="dark"] .footer-top p,html[data-theme="dark"] .footer-bottom,html[data-theme="dark"] .legal{color:#a6b8ad}
html[data-theme="dark"] .search input,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:var(--field-bg);color:var(--field-text);border-color:var(--field-border)}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#91a69a}
html[data-theme="dark"] option{background:#14231f;color:#e4eee7}
input,select,textarea,button{font:inherit}input,select,textarea{max-width:100%;accent-color:var(--green)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
img,svg,video,canvas{max-width:100%;height:auto}
main,.section,.content-main,.product-info,.contact-info,.form{min-width:0}
.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.fact-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.catalog-tools{z-index:18}
.search{background:var(--field-bg);border-color:var(--field-border);border-radius:6px;min-width:0}
.search input{background:transparent;color:var(--field-text);min-width:0;min-height:42px}
.filter{background:var(--field-bg);color:var(--field-text);border-color:var(--field-border);border-radius:6px;min-width:0}
.form input,.form select,.form textarea{background:var(--field-bg);color:var(--field-text);border:1px solid var(--field-border);border-radius:6px;padding:12px;min-width:0;max-width:100%}
.form input[type=file]{padding:10px;overflow:hidden}
.form textarea{resize:vertical;line-height:1.9}
.form label{min-width:0;overflow-wrap:anywhere}
.form .status,.form .hint{overflow-wrap:anywhere}
.btn,.menu-btn,.theme-toggle{touch-action:manipulation}
.menu-btn,.theme-toggle{min-width:42px;min-height:42px;border-radius:6px}
.nav{z-index:40}
.nav.open{box-shadow:0 18px 32px #102f3318}
html[data-theme="dark"] .nav.open{background:#101e1b;border:1px solid var(--field-border);padding:8px 14px;border-radius:8px}
@media(max-width:900px){
  .header{height:auto;min-height:0;padding:10px max(4%,16px);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  .brand{flex:1 1 auto;min-width:0;gap:9px}
  .brand img{width:36px;height:36px;flex:0 0 auto}
  .brand strong{font-size:clamp(12px,3.4vw,15px);letter-spacing:.04em}
  .brand small{font-size:9px;letter-spacing:.08em}
  .head-actions{order:3;flex:1 0 100%;width:100%;min-width:0;display:flex;align-items:center;gap:7px;margin:0}
  .language-bar{display:flex!important;flex:1 1 auto;width:auto;min-width:0;max-width:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;overscroll-behavior-x:contain;padding:4px 2px}
  .language-link{flex:0 0 auto;min-width:48px;padding:6px 7px;display:flex;flex-direction:column;gap:2px;align-items:center}
  .language-native{display:block;font-size:10px}
  .menu-btn{display:inline-grid;place-items:center;flex:0 0 42px;margin-inline-start:auto}
  .theme-toggle{flex:0 0 42px}
  .nav{display:none;order:4;position:static;flex:1 0 100%;width:100%;margin:0;padding:0;gap:0;flex-direction:column;align-items:stretch;max-height:min(65vh,520px);overflow:auto}
  .nav.open{display:flex}
  .nav a{width:100%;padding:12px 10px;border-bottom:1px solid var(--line);font-size:15px;white-space:normal}
  .nav a.active:after{display:none}
  .hero{grid-template-columns:1fr;min-height:0;padding:54px 6% 48px;gap:18px}
  .hero h1{font-size:clamp(32px,7.5vw,48px);line-height:1.55;margin:20px 0 14px}
  .hero-copy>p{font-size:14px;line-height:2.15}
  .hero-art{min-height:250px}
  .orb{width:min(62vw,300px)}
  .hero-meta{margin-top:28px;gap:12px}
  .section{padding:64px 6%}
  .section-head,.intro,.intro-copy,.quality-band,.content-layout,.product-detail,.feedback-layout{grid-template-columns:1fr;gap:22px}
  .section-head{margin-bottom:28px}
  .approach-inner{margin-inline:0}
  .cta-band{padding:48px 6%;flex-direction:column;align-items:flex-start}
  .page-hero{padding:48px 6%;min-height:0;gap:18px}
  .page-art{width:112px;height:112px;flex:0 0 112px;margin:0;font-size:26px}
  .page-hero h1{font-size:clamp(30px,6.8vw,46px);line-height:1.5}
  .breadcrumb{padding:12px 6%;overflow-wrap:anywhere}
  .catalog-tools{position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 0;background:var(--surface);backdrop-filter:blur(12px)}
  .search,.filter{width:100%;min-height:48px}
  .card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
  .footer{padding:32px 6% 20px}
  .footer-top,.footer-bottom{flex-wrap:wrap;align-items:flex-start}
  .feedback-intro{position:static}
}
@media(max-width:560px){
  .header{padding:9px 4%;gap:6px}
  .brand strong{font-size:12px}
  .brand small{font-size:8px}
  .language-link{min-width:43px;padding:6px 5px}
  .language-native{font-size:9px}
  .hero{padding:40px 5% 38px}
  .hero h1{font-size:clamp(29px,8vw,38px)}
  .hero-art{min-height:205px}
  .orb{width:min(58vw,230px);box-shadow:0 0 0 15px #ffffff06,0 0 0 32px #ffffff04}
  .orb-label{font-size:10px;padding:8px 10px}
  .section{padding:48px 5%}
  .section h2,.section-head h2{font-size:clamp(25px,7vw,34px)}
  .page-hero{padding:38px 5%;align-items:flex-start}
  .page-art{width:76px;height:76px;flex-basis:76px;font-size:20px}
  .page-art:before{inset:10px}.page-art:after{inset:20px}
  .page-hero h1{font-size:clamp(27px,7.5vw,36px)}
  .card-grid{grid-template-columns:1fr}
  .card{min-height:0;padding:20px}
  .fact-grid{grid-template-columns:1fr}
  .product-visual{min-height:220px}
  .form{gap:14px}
  .form input,.form select,.form textarea{font-size:16px;min-height:46px}
  .form textarea{min-height:130px}
  .form .btn{width:100%}
  .candidate-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .candidate-logo{min-height:112px;padding:8px}
  .candidate-logo img{height:74px}
  .footer-top{gap:14px}
  .footer-bottom{flex-direction:column}
}
@media(max-width:360px){
  .brand strong{font-size:11px}
  .language-link{min-width:38px}
  .language-native{display:none}
  .page-art{display:none}
  .hero h1{font-size:28px}
  .btn{width:100%;gap:10px}
}
@media(hover:none){.card:hover,.btn-primary:hover,.theme-toggle:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.btn,.theme-toggle,.page-art{transition:none!important}}

/* V15.1 — contact channel and order portal components */
.contact-channels{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}
.channel-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.channel-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid var(--line);border-radius:6px;text-decoration:none;color:var(--ink);font-size:13px}
.channel-link:hover{border-color:var(--green);color:var(--green)}
.catalog-order-cta{display:flex;justify-content:flex-start;margin:18px 0 8px}
html[data-theme="dark"] .channel-link{color:var(--text-main);border-color:var(--field-border)}
@media(max-width:560px){.channel-links{display:grid;grid-template-columns:1fr}.catalog-order-cta .btn{width:100%}}
.customer-review-policy{margin:28px 0;padding:18px 20px;border:1px solid var(--line);border-inline-start:3px solid var(--green);border-radius:6px;background:var(--surface-soft)}
.customer-review-policy h3{margin:0 0 8px;font-size:16px;color:var(--text-main)}
.customer-review-policy p{margin:0;font-size:13px;line-height:2.1;color:var(--text-muted)}
.candidate-placeholder{gap:8px;text-align:center;background:var(--surface-soft)}
.candidate-placeholder b{font-size:17px;letter-spacing:.08em;color:var(--text-main)}
.candidate-placeholder span{font-size:11px;color:var(--text-muted)}


/* ===== V15.2 — calmer blue / slate visual system ===== */
:root{
  --ink:#172b46;--deep:#102b4d;--green:#315f9d;--sage:#c8d8ed;
  --paper:#f3f6fb;--muted:#687b94;--line:#dce5f0;
  --gold:#c7ad72;--white:#fff;--shadow:0 18px 55px #102b4d12;
  --focus:#477fc3;
}
/* Activity area: cool, soft neutral instead of the tiring green tint. */
.area-section{background:#f3f6fb!important}
.area-section .card,.area-section .activity-card,.area-section .area-card{
  background:#fff;border-color:#e0e8f2;color:#172b46;
  box-shadow:0 8px 26px #17365b08;
}
.area-section .card p,.area-section .activity-card p,.area-section .area-card p{color:#687b94}
.area-section .card-index{color:#6e88a8}
.area-section .card-icon .molecule{border-color:#6f91bd}
.area-section .card-icon .molecule:before{border-color:#a9bfdb}
.area-section .card-icon .molecule:after{background:#8eadd4}
.area-section .card a{color:#315f9d}
/* The whole light theme moves to calm blue accents; no neon green surfaces. */
.nav a:hover,.nav a.active{color:#24599a}
.nav a.active:after{background:#6d96c9}
.btn-primary{background:#173b68;border-color:#173b68}
.btn-primary:hover{background:#24558c}
html[data-theme="dark"]{
  --ink:#e5edf8;--deep:#09182b;--green:#8eadd4;--sage:#263e5d;
  --paper:#14243a;--muted:#a7b8ce;--line:#30445f;
  --white:#101e32;--surface:#101e32;--surface-soft:#14243a;
  --text-main:#e5edf8;--text-muted:#a7b8ce;
  background:#0c192b;
}
html[data-theme="dark"] body{background:#0c192b;color:#e5edf8}
html[data-theme="dark"] .area-section{background:#101f34!important}
html[data-theme="dark"] .area-section .card,
html[data-theme="dark"] .area-section .activity-card,
html[data-theme="dark"] .area-section .area-card{
  background:#172a43;color:#e5edf8;border-color:#304966;
  box-shadow:0 10px 30px #0003;
}
html[data-theme="dark"] .area-section .card p,
html[data-theme="dark"] .area-section .activity-card p,
html[data-theme="dark"] .area-section .area-card p{color:#b4c3d6}
html[data-theme="dark"] .area-section .card a{color:#a9c9f0}
html[data-theme="dark"] .area-section .card-icon .molecule{border-color:#789bc8}
html[data-theme="dark"] .area-section .card-icon .molecule:before{border-color:#526f98}
html[data-theme="dark"] .area-section .card-icon .molecule:after{background:#8eadd4}
/* Strong, immediately readable theme switch: navy tile by day, white tile by night. */
.theme-toggle{
  width:40px;height:38px;border:1px solid #173b68!important;
  border-radius:9px;background:#173b68!important;color:#fff!important;
  box-shadow:0 3px 12px #102b4d20;font-size:21px;line-height:1;
}
.theme-toggle:hover{border-color:#477fc3!important;filter:brightness(1.08)}
html[data-theme="dark"] .theme-toggle{
  background:#fff!important;color:#d6a928!important;
  border-color:#fff!important;box-shadow:0 3px 14px #0004;
}
html[data-theme="dark"] .theme-toggle:focus-visible,
.theme-toggle:focus-visible{outline:3px solid #7eafe8;outline-offset:3px}
html[data-theme="dark"] .header,html[data-theme="dark"] .card,
html[data-theme="dark"] .form,html[data-theme="dark"] .search,
html[data-theme="dark"] .filter,html[data-theme="dark"] .lang-select{
  border-color:#30445f;
}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}

/* ===== V15.4 — complete blue/slate card system and corrected Pak Raz emblem ===== */
:root{
  --ink:#172b46;--deep:#102b4d;--green:#315f9d;--sage:#d5e2f1;
  --paper:#f4f7fb;--muted:#687b94;--line:#dce5f0;--gold:#c7ad72;
  --surface:#fff;--surface-soft:#f1f5fa;--text-main:#172b46;--text-muted:#687b94;
  --field-bg:#fff;--field-text:#172b46;--field-border:#d6e0ed;--focus:#477fc3;
}
/* Normalize every reusable card, not just the activity cards. */
.card,.brand-card,.doc,.fact,.detail-block,.candidate-group,.candidate-logo,
.contact-item,.notice,.callout,.faq details,.resource-card,.product-card,
.brand-chip,.detail-card,.stat-card{
  background:var(--surface)!important;color:var(--text-main)!important;
  border-color:var(--line)!important;box-shadow:0 8px 26px #17365b08;
}
.card p,.brand-card p,.doc p,.fact p,.detail-block p,.candidate-logo figcaption,
.contact-item p,.resource-card p,.product-card p{color:var(--text-muted)!important}
.card-index,.section-label,.brand-status,.hint{color:#6e83a0}
.card a,.brand-card a,.foot-contact{color:#315f9d}
.card a,.brand-card .brand-variants{border-color:#e4ebf4}
.card-icon .molecule{border-color:#7899c3}
.card-icon .molecule:before{border-color:#b4c7df}
.card-icon .molecule:after{background:#8eadd4}
.area-section,.section,.brand-candidate-page{background-color:#f4f7fb}
.btn-primary{background:#173b68!important;color:#fff!important;border-color:#173b68!important}
.btn-primary:hover{background:#24558c!important}
.theme-toggle{display:grid;place-items:center;width:42px;height:38px;border-radius:9px;background:#eef2f7!important;color:#172b46!important;border:1px solid #cbd6e5!important;box-shadow:0 3px 12px #102b4d18}
.theme-icon{display:block;font-size:23px;line-height:1}
.theme-moon{color:#111827}
html[data-theme="dark"]{
 --ink:#e5edf8;--deep:#09182b;--green:#8eadd4;--sage:#263e5d;
 --paper:#14243a;--muted:#a7b8ce;--line:#30445f;--surface:#172a43;
 --surface-soft:#14243a;--text-main:#e5edf8;--text-muted:#b4c3d6;
 --field-bg:#0e1c30;--field-text:#e5edf8;--field-border:#3a506e;
}
html[data-theme="dark"] body{background:#0c192b;color:#e5edf8}
html[data-theme="dark"] .card,html[data-theme="dark"] .brand-card,
html[data-theme="dark"] .doc,html[data-theme="dark"] .fact,
html[data-theme="dark"] .detail-block,html[data-theme="dark"] .candidate-group,
html[data-theme="dark"] .candidate-logo,html[data-theme="dark"] .contact-item,
html[data-theme="dark"] .notice,html[data-theme="dark"] .callout,
html[data-theme="dark"] .faq details,html[data-theme="dark"] .resource-card,
html[data-theme="dark"] .product-card,html[data-theme="dark"] .brand-chip,
html[data-theme="dark"] .detail-card,html[data-theme="dark"] .stat-card{
 background:#172a43!important;color:#e5edf8!important;border-color:#304966!important;
 box-shadow:0 10px 30px #0003;
}
html[data-theme="dark"] .card p,html[data-theme="dark"] .brand-card p,
html[data-theme="dark"] .doc p,html[data-theme="dark"] .fact p,
html[data-theme="dark"] .detail-block p,html[data-theme="dark"] .candidate-logo figcaption,
html[data-theme="dark"] .contact-item p,html[data-theme="dark"] .resource-card p,
html[data-theme="dark"] .product-card p{color:#b4c3d6!important}
html[data-theme="dark"] .card a,html[data-theme="dark"] .brand-card a{color:#a9c9f0}
html[data-theme="dark"] .area-section,html[data-theme="dark"] .section,
html[data-theme="dark"] .brand-candidate-page{background:#101f34!important}
html[data-theme="dark"] .theme-toggle{background:#fff!important;color:#d6a928!important;border-color:#fff!important;box-shadow:0 3px 14px #0004}
html[data-theme="dark"] .theme-sun{color:#e3b52f}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:var(--field-bg);color:var(--field-text);border-color:var(--field-border)}
@media(max-width:820px){.theme-toggle{width:40px;height:38px;flex:0 0 40px}.header .brand img,.footer-brand img{width:40px;height:40px}}

/* V15.5 visual corrections: soft daylight search halo and deep charcoal moon tile */
html:not([data-theme="dark"]) .search{
  border-color:#d5e2f1!important;
  box-shadow:0 0 0 3px rgba(184,210,239,.16),0 5px 20px rgba(83,133,190,.10),inset 0 1px 0 #fff;
  transition:box-shadow .22s ease,border-color .22s ease;
}
html:not([data-theme="dark"]) .search:focus-within{
  border-color:#9bbce0!important;
  box-shadow:0 0 0 4px rgba(157,192,230,.22),0 8px 25px rgba(83,133,190,.14);
}
html:not([data-theme="dark"]) .theme-toggle{
  background:#252a33!important;color:#f4f6fa!important;border-color:#252a33!important;
  box-shadow:0 3px 12px rgba(12,20,32,.18)!important;
}
html:not([data-theme="dark"]) .theme-moon{color:#f4f6fa!important}

/* V15.5 — T-REX antifreeze product identity feature */
.trex-feature{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:6%;align-items:center;background:#edf4fb;padding-top:78px;padding-bottom:78px}
.trex-feature-art{background:#07172c;border-radius:8px;overflow:hidden;box-shadow:0 18px 45px rgba(10,35,66,.16)}
.trex-feature-art img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain}
.trex-feature-copy h2{font-size:clamp(28px,3.4vw,43px);font-weight:550;line-height:1.55;margin:16px 0}
.trex-feature-copy p{font-size:14px;line-height:2.45;color:#60748d;max-width:680px;margin-bottom:24px}
html[data-theme="dark"] .trex-feature{background:#101f34!important}
html[data-theme="dark"] .trex-feature-copy p{color:#b4c3d6}
@media(max-width:760px){.trex-feature{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:55px}.trex-feature-art{max-width:520px;margin:auto}.trex-feature-art img{max-height:360px}}

/* ===== V15.7 — فقط اصلاح خطا (بدون تغییر ظاهر در عرض‌های سالم) ===== */
/* ۱) هدر در لپ‌تاپ‌ها (۱۱۸۱–۱۴۲۰px) از صفحه بیرون می‌زد و اسکرول افقی می‌داد */
@media(min-width:1181px) and (max-width:1339px){
  .header{flex-wrap:wrap;height:auto;padding:12px 4%}
  .head-actions{margin-inline-start:auto}
  .nav{order:3;width:100%;margin:0;flex-wrap:wrap;gap:6px 18px;padding-bottom:6px}
}
@media(min-width:1340px) and (max-width:1420px){
  .header{padding-inline:1.5%;gap:14px}
  .nav{gap:clamp(10px,1.1vw,14px)}
}
/* روسی: همان قاعدهٔ دو‌ردیفه تا ۱۶۰۰px */
@media(min-width:1501px) and (max-width:1600px){
  html[lang=ru] .header{flex-wrap:wrap;height:auto;padding:12px 4%}
  html[lang=ru] .head-actions{margin-inline-start:auto}
  html[lang=ru] .nav{order:3;width:100%;margin:0;flex-wrap:wrap;gap:6px 22px;padding-bottom:4px}
}
/* ۲) عرض‌های بسیار کم (۲۸۰px، گوشی تاشو): تیتر/برچسب بیرون می‌زد */
@media(max-width:320px){.eyebrow{max-width:100%;white-space:normal;overflow-wrap:anywhere}.cta-band>*{min-width:0;max-width:100%}.cta-band h2,.cta-band p{overflow-wrap:anywhere}}
/* ۳) سافاری قدیمی‌تر: افکت محوشدگی هدر و نوار فیلتر (بدون اثر روی کروم) */
.header.is-scrolled{-webkit-backdrop-filter:blur(14px)}
.catalog-tools{-webkit-backdrop-filter:blur(12px)}

/* V16: shared corporate mark keeps its natural wide proportions. */
.brand img{width:52px;height:36px;object-fit:contain;flex:none}


/* ===== V16.1 — PCE specialist landing ===== */
.home-v16{overflow:hidden;background:var(--paper)}
.pce-hero{min-height:680px;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:5%;padding:82px 7% 70px;background:radial-gradient(ellipse at 82% 45%,rgba(81,130,119,.22),transparent 34%),linear-gradient(118deg,#09272c 0%,#123b3c 55%,#173e3e 100%)}
.pce-hero:before{opacity:.28;background-size:560px}
.pce-hero-copy{max-width:720px}
.pce-hero h1{font-size:clamp(43px,5.25vw,70px);line-height:1.48;max-width:760px;margin:25px 0 18px}
.pce-hero-copy>p{max-width:650px;font-size:15px;line-height:2.45;color:#d0ded6}
.pce-hero .actions{margin-top:27px;gap:12px}
.pce-hero .btn{min-height:52px;padding:13px 19px;font-size:13px;gap:14px}
.pce-hero-foot{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap;border-top:1px solid #ffffff26;margin-top:38px;padding-top:18px;color:#c8d8ce;font-size:12px}
.pce-hero-foot span{display:inline-flex;align-items:center;gap:8px;color:#a9cbb3}
.pce-hero-foot i{display:block;width:7px;height:7px;border-radius:50%;background:#b3d9a8;box-shadow:0 0 0 5px #b3d9a81c}
.pce-hero-foot b{font-weight:500;color:#eef5ef}
.pce-visual{position:relative;min-height:445px;max-width:580px;width:100%;justify-self:center;border:1px solid #c1d8ca33;background:linear-gradient(145deg,#ffffff0d,#ffffff03);box-shadow:0 30px 90px #001a1d55,inset 0 1px 0 #ffffff12;backdrop-filter:blur(8px);border-radius:4px;overflow:hidden}
.pce-visual:before{content:'';position:absolute;width:300px;height:300px;left:50%;top:48%;transform:translate(-50%,-50%);background:#70ad9860;filter:blur(85px);border-radius:50%}
.pce-visual-head,.pce-visual-foot{position:absolute;z-index:2;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#b8d4c4;font:10px Arial,sans-serif;letter-spacing:.15em}
.pce-visual-head{top:20px;border-bottom:1px solid #ffffff22;padding-bottom:15px}
.pce-visual-foot{bottom:19px;border-top:1px solid #ffffff22;padding-top:15px;font-size:9px;letter-spacing:.11em}
.pce-visual-foot b{font-weight:600;color:#e0ede2;text-align:end}
.pce-visual svg{position:absolute;inset:50% auto auto 50%;width:100%;height:auto;max-height:390px;transform:translate(-50%,-50%);overflow:visible}
.home-intro{display:grid;grid-template-columns:.55fr 1.45fr;gap:7%;padding:95px 9% 90px;background:#f7f9f5}
.home-section-k{display:flex;align-items:center;gap:13px;color:#6a8a75}
.home-section-k>span{font:12px Arial,sans-serif;letter-spacing:.14em;border:1px solid #b9cbbd;padding:8px 10px}
.home-section-k small,.home-kicker{font:11px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#688a74}
.home-intro-main{max-width:930px}
.home-intro h2,.home-applications h2,.home-rfq h2,.home-docs h2,.home-coop h2{font-size:clamp(30px,3.6vw,47px);font-weight:500;line-height:1.55;letter-spacing:-.035em;margin:0 0 16px;color:#14383a}
.home-intro p,.home-applications .home-section-head>p,.home-rfq-intro>p,.home-docs p,.home-coop p{font-size:14px;line-height:2.45;color:#71827b;max-width:830px;margin:0}
.home-product{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:8%;align-items:center;padding:95px 9%;background:#eaf1e9}
.home-product-copy{max-width:800px}
.home-product h2{font-size:clamp(31px,3.5vw,46px);line-height:1.5;font-weight:550;margin:15px 0;color:#14383a}
.home-product-copy>p{font-size:14px;line-height:2.5;color:#657a70;max-width:760px}
.home-product-actions{display:flex;gap:18px 28px;flex-wrap:wrap;margin:26px 0}
.text-link{display:inline-flex;align-items:center;gap:12px;color:#315e4a;text-decoration:none;border-bottom:1px solid #9bb4a1;padding:0 0 8px;font-size:13px;font-weight:600}
.text-link:hover{color:#123b3c;border-color:#315e4a}
.home-caution{border-inline-start:3px solid #9bad8e;background:#f4f7f1;padding:13px 16px;color:#66766c;font-size:12px;line-height:2.2;max-width:780px}
.home-product-aside{min-height:300px;padding:30px;background:#12383b;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.home-product-aside:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #bdd8c655;border-radius:50%;inset:auto -70px -105px auto;box-shadow:0 0 0 24px #ffffff08,0 0 0 55px #ffffff05}
.pce-index{font:clamp(56px,7vw,88px) Arial,sans-serif;letter-spacing:-.08em;color:#d9e9dc;position:relative;z-index:1}
.pce-index span{font-size:16px;letter-spacing:.1em;vertical-align:top;color:#a8c6b1;margin-inline-start:12px}
.pce-aside-rule{height:1px;background:#ffffff45;width:70%;position:relative;z-index:1}
.home-product-aside p{font:12px Arial,sans-serif;letter-spacing:.14em;color:#cfe0d2;position:relative;z-index:1}
.home-product-aside small{font-size:10px;line-height:1.8;letter-spacing:.08em;color:#a9c2b1;position:relative;z-index:1}
.home-applications{padding:100px 9%;background:#f8faf7}
.home-section-head{display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:end;margin-bottom:38px}
.home-applications h2{margin-top:14px}
.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.application-grid article{background:#fff;border:1px solid #e2eae2;min-height:285px;padding:26px;display:flex;flex-direction:column;position:relative;transition:transform .25s,box-shadow .25s}
.application-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 38px #173b2d12}
.application-grid article>span{font:11px Arial,sans-serif;letter-spacing:.15em;color:#8aa18f}
.application-symbol{height:86px;display:flex;align-items:center;justify-content:center}
.application-symbol i{display:block;width:48px;height:48px;border:1px solid #6e9a7c;position:relative}
.sym-cube{transform:rotate(30deg) skew(-4deg,-4deg)}.sym-cube:before{content:'';position:absolute;inset:8px;border:1px solid #a8c6ae;transform:rotate(30deg)}
.sym-frame{border-radius:2px;box-shadow:9px 9px 0 -4px #e0eae0,18px 18px 0 -8px #b7cbb8}
.sym-stone{border-radius:46% 54% 42% 58%;transform:rotate(28deg);box-shadow:inset 0 0 0 8px #fff,inset 0 0 0 9px #b2c9b4}
.application-grid h3{font-size:16px;font-weight:600;color:#20453d;margin:3px 0 9px}
.application-grid p{font-size:12.5px;line-height:2.2;color:#78877d;margin:0}
.home-rfq{display:grid;grid-template-columns:.95fr 1.05fr;gap:9%;padding:100px 9%;background:#12383b;color:#fff;position:relative;overflow:hidden}
.home-rfq:after{content:'';position:absolute;inset:0;background:url('pattern.svg') left center/500px;opacity:.22;pointer-events:none}
.home-rfq-intro,.rfq-steps{position:relative;z-index:1}
.home-rfq .home-kicker,.home-coop .home-kicker{color:#a9c7b2}
.home-rfq h2,.home-coop h2{color:#f2f7f1;margin:15px 0}
.home-rfq-intro>p,.home-coop p{color:#c2d2c7;margin-bottom:24px}
.home-rfq .btn-primary{margin-top:5px}
.rfq-steps{border-top:1px solid #ffffff38}
.rfq-steps article{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #ffffff38}
.rfq-steps article>span{font:12px Arial,sans-serif;color:#a8c8b1;border:1px solid #ffffff38;width:34px;height:34px;display:grid;place-items:center}
.rfq-steps h3{font-size:15px;font-weight:600;color:#eff5ef;margin:0 0 6px}
.rfq-steps p{font-size:12px;line-height:2.1;color:#b4c8b8;margin:0}
.home-docs{display:grid;grid-template-columns:.6fr 1.4fr;gap:8%;align-items:center;padding:94px 9%;background:#edf3ec}
.home-docs-mark{display:flex;align-items:center;gap:11px;justify-content:center;color:#315e4a;font:600 17px Arial,sans-serif;letter-spacing:.12em}
.home-docs-mark i{width:1px;height:32px;background:#bdcdbf}
.home-docs h2{margin:14px 0}
.home-docs .text-link{margin-top:22px}
.home-coop{padding:76px 9%;display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(110deg,#0d292e,#194544);color:#fff}
.home-coop>div{max-width:820px}
.home-coop h2{font-size:clamp(28px,3vw,40px)}
.home-coop .btn-outline{white-space:nowrap;border-color:#a9c7b2;color:#e7f0e8}
html[data-theme="dark"] .home-intro,html[data-theme="dark"] .home-applications{background:#111f31!important}
html[data-theme="dark"] .home-product,html[data-theme="dark"] .home-docs{background:#16283a!important}
html[data-theme="dark"] .home-intro h2,html[data-theme="dark"] .home-applications h2,html[data-theme="dark"] .home-product h2,html[data-theme="dark"] .home-docs h2{color:#e6f0e8}
html[data-theme="dark"] .home-intro p,html[data-theme="dark"] .home-applications .home-section-head>p,html[data-theme="dark"] .home-product-copy>p,html[data-theme="dark"] .home-docs p{color:#b7c6ca}
html[data-theme="dark"] .application-grid article,html[data-theme="dark"] .home-caution{background:#1b3044;border-color:#344a5c;color:#c5d2d4}
html[data-theme="dark"] .application-grid h3{color:#e0eee3}
html[data-theme="dark"] .application-grid p{color:#b2c2c5}
html[data-theme="dark"] .text-link{color:#b8d7c1;border-color:#668875}
html[data-theme="dark"] .home-section-k,html[data-theme="dark"] .home-section-k small,html[data-theme="dark"] .home-kicker{color:#aacbb3}
@media(max-width:1050px){.pce-hero{grid-template-columns:1fr  .9fr;padding-inline:5%}.pce-visual{min-height:390px}.home-intro,.home-product,.home-applications,.home-rfq,.home-docs{padding-inline:6%}}
@media(max-width:820px){.pce-hero{grid-template-columns:1fr;gap:38px;padding:60px 6% 52px;min-height:unset}.pce-hero h1{font-size:clamp(38px,8vw,58px)}.pce-visual{width:min(100%,560px);min-height:360px}.home-intro,.home-product,.home-docs{grid-template-columns:1fr;gap:24px;padding-block:65px}.home-section-head{grid-template-columns:1fr;gap:12px}.application-grid{grid-template-columns:1fr 1fr}.home-rfq{grid-template-columns:1fr;gap:34px;padding-block:70px}.home-coop{padding:60px 6%;align-items:flex-start;flex-direction:column}.home-product-aside{min-height:220px}}
@media(max-width:540px){.pce-hero{padding:50px 5% 45px}.pce-hero h1{font-size:37px;line-height:1.55}.pce-hero-copy>p{font-size:13px}.pce-hero .actions{flex-direction:column;align-items:stretch}.pce-hero .actions .btn{width:100%}.pce-hero-foot{margin-top:27px;gap:10px}.pce-visual{min-height:300px}.pce-visual-head,.pce-visual-foot{left:13px;right:13px;font-size:8px}.pce-visual svg{width:112%;max-height:275px}.home-intro,.home-product,.home-applications,.home-rfq,.home-docs{padding:58px 5%}.home-intro h2,.home-applications h2,.home-rfq h2,.home-docs h2,.home-coop h2{font-size:30px}.application-grid{grid-template-columns:1fr}.application-grid article{min-height:225px}.home-product-actions{flex-direction:column;align-items:flex-start;gap:18px}.rfq-steps article{gap:12px}.home-coop{padding:55px 5%}.home-coop .btn{width:100%;white-space:normal}}
@media(prefers-reduced-motion:reduce){.application-grid article{transition:none}.application-grid article:hover{transform:none}}


/* V16.7 — brand-first global header. Brand stays at the upper-left; navigation keeps its reading direction. */
.header{direction:ltr;justify-content:space-between}
.header>.brand{order:1;direction:ltr;margin:0;flex:0 0 auto}
.header>.nav{order:2;direction:rtl;margin:0 auto;justify-content:center;flex:1 1 auto}
.header>.head-actions{order:3;direction:ltr;flex:0 0 auto}
@media(max-width:820px){
 .header{direction:ltr;flex-wrap:wrap;justify-content:space-between}
 .header>.brand{order:1;flex:1 1 auto;min-width:0}
 .header>.head-actions{order:2;flex:0 0 auto;width:auto;margin:0 0 0 auto;justify-content:flex-end}
 .header>.nav{order:3;direction:rtl;flex:1 0 100%;width:100%;margin:0;align-items:stretch}
}


/* V16.8 — stronger small-text contrast in the light theme; dark-theme tokens remain unchanged. */
html:not([data-theme="dark"]) {
  --muted:#52665b;
  --text-muted:#52665b;
}
html:not([data-theme="dark"]) .brand small,
html:not([data-theme="dark"]) .footer-brand small,
html:not([data-theme="dark"]) .section-label,
html:not([data-theme="dark"]) .stats div,
html:not([data-theme="dark"]) .card-index,
html:not([data-theme="dark"]) .card p,
html:not([data-theme="dark"]) .quality-band p,
html:not([data-theme="dark"]) .lead-copy,
html:not([data-theme="dark"]) .callout,
html:not([data-theme="dark"]) .fact small,
html:not([data-theme="dark"]) .notice,
html:not([data-theme="dark"]) .product-info p,
html:not([data-theme="dark"]) .product-info ul,
html:not([data-theme="dark"]) .doc p,
html:not([data-theme="dark"]) .faq summary span,
html:not([data-theme="dark"]) .faq details p,
html:not([data-theme="dark"]) .contact-item small,
html:not([data-theme="dark"]) .form label,
html:not([data-theme="dark"]) .hint,
html:not([data-theme="dark"]) .status,
html:not([data-theme="dark"]) .footer-top p,
html:not([data-theme="dark"]) .footer-bottom,
html:not([data-theme="dark"]) .legal {
  color:#52665b;
}

/* V17.0: keep the supplied logo proportions consistent across old cascade layers. */
.brand img{width:52px;height:33px;object-fit:contain;flex:none}
.footer-brand img{width:40px;height:auto;object-fit:contain}
@media(max-width:820px){.header .brand img{width:44px;height:28px}}
@media(max-width:560px){.header .brand img{width:40px;height:25px}}