/* YOSI OVADIA LTD — industrial-defence dark theme (Olympic.no inspired) */
:root{--bg:#131516;--bg2:#1A1C1E;--panel:#212325;--line:rgba(255,255,255,.1);--tx:#EEF1F4;--mut:#9AA0A6;--acc:#78C8F8;--cy:#08A0F8;--r:4px;--ease:cubic-bezier(.16,1,.3,1);--sky:#78C8F8;--azure:#08A0F8;--royal:#0888D8;--deep:#0870B0;--charcoal:#4C4C4C}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%;max-width:100%;overflow-x:clip}
body{background:var(--bg);color:var(--tx);font-family:'Heebo',system-ui,'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.65;max-width:100%;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{list-style:none}
.mono{font-family:'JetBrains Mono',ui-monospace,Consolas,monospace;direction:ltr;unicode-bidi:isolate;letter-spacing:.02em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{width:min(1320px,92%);margin-inline:auto}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.skip{position:fixed;top:-60px;inset-inline-end:12px;z-index:200;background:var(--acc);color:#000;padding:8px 16px;font-weight:700}
.skip:focus{top:10px}
::selection{background:var(--acc);color:#000}

/* progress + preloader */
.progress{position:fixed;top:0;inset-inline-start:0;height:2px;width:0;background:var(--acc);z-index:120}
.pre{display:none!important}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 4vw;transition:background .35s,padding .35s,backdrop-filter .35s}
.nav.s{background:rgba(19,21,22,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-block:8px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:42px;width:auto}.brand .lg-l{display:none}.nav.s.lt .brand .lg-l{display:block}.nav.s.lt .brand .lg-d{display:none}
.brand b{display:block;font-size:18px;font-weight:800;line-height:1.1}
.brand small{display:block;font-size:8.5px;color:var(--mut);letter-spacing:.14em;line-height:1.4}
.menu{display:flex;gap:6px}
.menu a{padding:8px 14px;font-weight:500;font-size:15px;position:relative;color:#d3d7db;transition:color .2s}
.menu a i{font-style:normal;font-size:10px;color:var(--acc);margin-inline-end:7px;vertical-align:top}
.menu a::after{content:"";position:absolute;inset:auto 14px 4px;height:1px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.menu a:hover,.menu a.on{color:#fff}.menu a:hover::after,.menu a.on::after{transform:scaleX(1)}
.nav-r{display:flex;align-items:center;gap:12px}
.rfq-btn{display:flex;align-items:center;gap:10px;border:1px solid var(--acc);color:var(--acc);padding:7px 14px;font-weight:700;font-size:13px;letter-spacing:.12em;transition:.25s}
.rfq-btn b{background:var(--acc);color:#000;min-width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px}
.rfq-btn:hover{background:var(--acc);color:#000}.rfq-btn:hover b{background:#000;color:var(--acc)}
.burger{display:none;width:42px;height:42px;position:relative}
.burger i{position:absolute;inset-inline:9px;height:2px;background:#fff;transition:.3s}.burger i:first-child{top:16px}.burger i:last-child{top:25px}
.burger[aria-expanded=true] i:first-child{top:20px;transform:rotate(45deg)}.burger[aria-expanded=true] i:last-child{top:20px;transform:rotate(-45deg)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:1px solid rgba(255,255,255,.35);font-weight:700;font-size:15px;letter-spacing:.02em;transition:.28s var(--ease);position:relative;overflow:hidden}
.btn:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn.pri{background:var(--acc);border-color:var(--acc);color:#131516}.btn.pri:hover{background:#fff;border-color:#fff}
.btn.sm{padding:7px 16px;font-size:13px}

/* hero */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:74px 0 0;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:-2%;background-size:cover;background-position:center 42%;z-index:-4;filter:contrast(1.05) brightness(.72) saturate(1.06);animation:kb 26s ease-in-out infinite alternate;will-change:transform}
.hero-bg:has(.hero-vid){inset:0;animation:none}
.hero-vid{width:100%;height:100%;object-fit:cover;object-position:center 46%;display:block;pointer-events:none}
.hero::before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(10,14,20,.9) 0%,rgba(10,14,20,.72) 52%,rgba(10,14,20,.28) 100%),linear-gradient(180deg,rgba(10,14,20,.65) 0%,rgba(10,14,20,.25) 45%,rgba(10,14,20,.9) 100%)}
html[dir=rtl] .hero::before{background:linear-gradient(270deg,rgba(10,14,20,.9) 0%,rgba(10,14,20,.72) 52%,rgba(10,14,20,.28) 100%),linear-gradient(180deg,rgba(10,14,20,.65) 0%,rgba(10,14,20,.25) 45%,rgba(10,14,20,.9) 100%)}
@keyframes kb{to{transform:scale(1.07) translate(-1%,.8%)}}
.hero-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(8,160,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(8,160,248,.05) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.hero-scan{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 48%,rgba(8,160,248,.06) 50%,transparent 52%);background-size:100% 220px;animation:scan 7s linear infinite}
@keyframes scan{to{background-position:0 220px}}
.hero-in{position:relative;flex:1;display:flex;align-items:center;padding-block:clamp(6px,1.5vh,18px);min-width:0}
.hero-main{width:100%;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr);gap:clamp(18px,3.2vw,44px);align-items:center;min-width:0}
.hero-copy{min-width:0;max-width:100%}
.hero-tag{font-size:clamp(10px,.85vw,12px);color:var(--acc);display:flex;align-items:center;gap:8px;margin-bottom:10px;letter-spacing:.12em;flex-wrap:wrap;text-shadow:0 2px 12px rgba(0,0,0,.9)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 rgba(120,200,248,.7);animation:pulse 2s infinite;flex:none}
@keyframes pulse{70%{box-shadow:0 0 0 12px transparent}100%{box-shadow:0 0 0 0 transparent}}
.hero-h{font-weight:900;font-size:clamp(32px,4.5vw,68px);line-height:1.04;letter-spacing:-.02em;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:0 .26em;text-shadow:0 4px 28px rgba(0,0,0,.85)}
.ln-wrap{display:inline-block;padding-block:.02em}
.ln-wrap.br-ln{flex-basis:100%;height:0;padding:0}
.ln-in{display:inline-block}
.hero-h em{font-style:normal;color:var(--acc)}
.outline{color:var(--acc)}.hero-h .outline em{color:#fff}
.hero-bottom{display:grid;grid-template-columns:minmax(0,1.1fr) auto minmax(0,.7fr);gap:28px;align-items:end}
.hero-p{max-width:52ch;font-size:clamp(14px,1.06vw,16.5px);line-height:1.6;color:#f8fafc;margin-bottom:18px;padding:12px 16px;background:rgba(10,15,22,.68);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-inline-start:3px solid var(--acc);border-radius:var(--r);text-shadow:0 1px 8px rgba(0,0,0,.85)}.hero-p b{color:var(--acc);font-weight:500}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-bp-wrap{display:flex;justify-content:flex-end;min-width:0;max-width:100%}
.hero-bp{width:clamp(370px,28vw,530px);max-width:100%;min-width:0;aspect-ratio:1920/918;border:1px solid rgba(120,200,248,.42);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 18px 48px -18px rgba(0,0,0,.55);position:relative;opacity:.65!important;transition:opacity .35s var(--ease),transform .35s var(--ease);border-radius:var(--r)}@media(min-width:861px){.hero-in{position:static}.hero-bp-wrap{position:absolute;inset-inline-end:clamp(14px,1.5vw,28px);bottom:clamp(72px,8.2vh,88px);z-index:2}}
.hero-bp::after{content:"LIVE SIMULATION · 8×8 TEL";position:absolute;top:-9px;inset-inline-start:12px;background:#101316;border:1px solid rgba(120,200,248,.35);padding:1px 8px;font:500 9px 'JetBrains Mono',monospace;color:var(--acc);letter-spacing:.16em;z-index:2;border-radius:2px}
.hero-bp svg,.hero-bp video{width:100%!important;height:100%!important;max-width:100%;display:block;object-fit:cover;border-radius:inherit}
.hero-bp.sw{opacity:.14;transform:scale(.985)}
.hero-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.16);margin-top:4px;font-size:12px;padding-inline-start:48px}
.hero-meta li{padding:12px 0;border-inline-start:1px solid rgba(255,255,255,.14);padding-inline-start:18px;min-width:0}.hero-meta li:first-child{border:0;padding-inline-start:0}
.hero-meta b{display:block;font-size:clamp(15px,1.35vw,20px);color:#fff;font-weight:600}.hero-meta span{color:#d5dce3;font-family:'Heebo';font-size:12.5px}
.scroll-cue{position:absolute;inset-inline-start:1.5vw;bottom:86px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.3em;color:var(--mut);display:flex;align-items:center;gap:10px}
.scroll-cue i{width:1px;height:44px;background:linear-gradient(var(--acc),transparent);animation:cue 2s infinite}
@keyframes cue{50%{transform:scaleY(.4);transform-origin:top}}

/* marquee */
.marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--bg2);padding:16px 0;white-space:nowrap}
.mq-track{display:inline-flex;animation:mq 38s linear infinite;font-size:13px;color:var(--mut);letter-spacing:.2em}
.mq-track span{padding-inline-end:0}
:root{--mq:-50%}html[dir=rtl]{--mq:50%}
@keyframes mq{to{transform:translateX(var(--mq))}}
html[dir=rtl] .menu a::after{transform-origin:right}

/* sections */
.sec{padding:clamp(70px,9vw,130px) 0;position:relative}
.sec.alt{background:var(--bg2);border-block:1px solid var(--line)}
.sec-h{display:flex;align-items:flex-end;gap:28px;margin-bottom:36px}
.num{font-size:clamp(60px,9vw,140px);line-height:.8;font-weight:500;color:transparent;-webkit-text-stroke:1px var(--acc);opacity:.9}
.sec-h small{color:var(--acc);font-size:11px;letter-spacing:.22em;display:block;margin-bottom:8px}
.sec-h h2{font-size:clamp(34px,5.4vw,84px);font-weight:900;line-height:1;letter-spacing:-.01em}
.sec-p{max-width:780px;color:var(--mut);font-size:18px;margin-bottom:48px}
.sub-h{font-size:clamp(22px,2.6vw,34px);font-weight:800;margin:90px 0 30px;display:flex;gap:14px;align-items:baseline}.sub-h span{color:var(--acc);font-size:13px}

/* about */
#intro.sec{padding:clamp(26px,4vw,54px) 0 clamp(44px,6vw,80px)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);margin-top:0;align-items:start}
.lead{font-size:clamp(20px,1.9vw,26px);line-height:1.6;font-weight:300;color:#e3e6e9}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:44px}
.stats div{background:var(--bg);padding:26px 24px;min-width:0}.stats b{display:block;font-size:clamp(28px,2.8vw,42px);font-weight:500;color:var(--acc);line-height:1.1}.stats span{color:var(--mut);font-size:14px}
.caps{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);align-self:start}
.cap{background:var(--bg);padding:26px 28px;display:grid;grid-template-columns:48px 1fr;gap:6px 18px;transition:background .3s}
.cap:hover{background:var(--panel)}
.cap i{font-style:normal;color:var(--acc);font-size:12px;grid-row:span 2;padding-top:6px}
.cap h3{font-size:20px;font-weight:700;line-height:1.3}.cap p{color:var(--mut);font-size:15px;grid-column:2}
.certs{display:flex;align-items:center;gap:30px;margin-top:70px;padding-top:36px;border-top:1px solid var(--line);flex-wrap:wrap}
.certs>span{font-size:11px;color:var(--mut);letter-spacing:.2em}.certs div{display:flex;gap:14px;flex-wrap:wrap}
.certs img{height:64px;width:auto;background:#f2f4f8;padding:6px 10px;border-radius:3px;filter:grayscale(1);opacity:.85;transition:.3s}.certs img:hover{filter:none;opacity:1}
.svc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.svc-i{background:var(--bg);padding:28px 24px 24px;text-align:start;display:flex;flex-direction:column;gap:12px;min-height:250px;transition:background .35s;position:relative}
.svc-i:hover,.svc-i.open{background:var(--panel)}
.svc-i i{font-style:normal;color:var(--acc);font-size:12px}
.svc-i h3{font-size:19px;line-height:1.3;font-weight:700}
.svc-i small{color:var(--cy);font-size:13px;line-height:1.5}
.svc-i p{color:var(--mut);font-size:14.5px;max-height:0;overflow:hidden;transition:max-height .6s var(--ease)}
.svc-i.open p{max-height:420px}
.svc-i::after{content:"+";position:absolute;top:22px;inset-inline-end:22px;color:var(--mut);font:300 24px 'JetBrains Mono',monospace;transition:.3s}.svc-i.open::after{transform:rotate(45deg);color:var(--acc)}

/* projects */
.proj{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pj{position:relative;background:var(--panel);border:1px solid var(--line);overflow:hidden;text-align:start;display:flex;flex-direction:column;transition:transform .5s var(--ease),border-color .3s}
.pj:hover{transform:translateY(-6px);border-color:rgba(120,200,248,.5)}
.pj-img{aspect-ratio:16/10;overflow:hidden;position:relative;background:#0A0B0C}
.pj-img img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.04);transition:transform .9s var(--ease),filter .5s}
.pj:hover .pj-img img{transform:scale(1.06);filter:contrast(1.08) saturate(1.1)}
.pj-img::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(15,22,38,.95))}
.pj-n{position:absolute;top:14px;inset-inline-start:16px;z-index:2;font-size:12px;color:var(--acc)}
.pj-b{padding:22px 24px 26px;display:grid;gap:10px;flex:1}
.pj-b small{color:var(--acc);font-size:12px;letter-spacing:.08em}
.pj-b h3{font-size:20px;line-height:1.35;font-weight:700}
.pj-b p{color:var(--mut);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pj-b span{font-size:13px;color:var(--cy);margin-top:auto}
.gal-h{margin:90px auto 24px;display:flex;align-items:baseline;gap:20px}.gal-h span{color:var(--acc);font-size:11px;letter-spacing:.2em}.gal-h h2{font-size:28px;font-weight:800}
.gal{display:flex;gap:14px;overflow:hidden;position:relative}
.gal-track{display:flex;gap:14px;flex:none;animation:mq 80s linear infinite}
.gal-t{display:flex;gap:14px;flex:none}
.gal:hover .gal-track{animation-play-state:paused}
.gal figure{flex:none;width:340px;aspect-ratio:4/3;position:relative;overflow:hidden;background:#0A0B0C}
.gal img{width:100%;height:100%;object-fit:cover;filter:contrast(1.04) brightness(.94);transition:transform .7s var(--ease),filter .5s}.gal figure:hover img{filter:contrast(1.08) brightness(1);transform:scale(1.05)}
.gal figcaption{position:absolute;inset:auto 0 0;padding:30px 14px 10px;background:linear-gradient(transparent,rgba(5,8,16,.95));font-size:13px}

/* catalog */
.tools{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:22px}
.search{flex:1 1 380px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--panel);padding:0 18px;transition:border-color .25s}
.search:focus-within{border-color:var(--acc)}
.search svg{stroke:var(--mut);fill:none;stroke-width:2;flex:none}
.search input{flex:1;background:none;border:0;color:var(--tx);font:inherit;padding:16px 0;outline:0;font-size:16px}
.search input::placeholder{color:var(--mut)}
.tog{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#cfd3d7;user-select:none}
.tog{position:relative}.tog input{position:absolute;opacity:0;width:1px;height:1px;padding:0;border:0;inset-inline-start:0}.tog i{width:40px;height:22px;border:1px solid var(--mut);border-radius:12px;position:relative;transition:.25s;flex:none}
.tog i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:14px;height:14px;border-radius:50%;background:var(--mut);transition:.25s}
.tog input:checked+i{border-color:var(--acc);background:rgba(120,200,248,.15)}.tog input:checked+i::after{background:var(--acc);inset-inline-start:21px}
.tog input:focus-visible+i{outline:2px solid var(--acc);outline-offset:3px}
.count{font-size:12px;color:var(--mut);margin-inline-start:auto}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.chip{border:1px solid var(--line);padding:9px 18px;font-size:14px;font-weight:500;color:#c8cdd2;transition:.25s;display:flex;gap:9px;align-items:center}
.chip b{font:500 11px 'JetBrains Mono',monospace;color:var(--mut)}
.chip:hover{border-color:#fff;color:#fff}.chip.on{background:var(--acc);border-color:var(--acc);color:#000}.chip.on b{color:#000}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:18px}
.card{background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .4s var(--ease),border-color .3s,box-shadow .4s;animation:up .6s var(--ease) both;cursor:pointer;position:relative}
@keyframes up{from{opacity:0;transform:translateY(24px)}}
.card:hover,.card:focus-within{transform:translateY(-5px);border-color:rgba(120,200,248,.55);box-shadow:0 18px 50px -20px rgba(120,200,248,.25)}
.media{aspect-ratio:480/340;position:relative;background:#101214;overflow:hidden;border-bottom:1px solid var(--line)}
.media .ph{position:absolute;inset:0;background:#eef1f6;display:grid;place-items:center;transition:opacity .45s}
.media .ph img{width:100%;height:100%;object-fit:contain;padding:14px;mix-blend-mode:multiply}
.media .cw{position:absolute;inset:0}
.media .cw svg{width:100%;height:100%}
.card:hover .media .ph{opacity:0}
.media .tag{position:absolute;top:10px;inset-inline-start:10px;font:500 9.5px 'JetBrains Mono',monospace;background:rgba(19,21,22,.85);color:var(--cy);padding:3px 8px;border:1px solid rgba(8,160,248,.3);letter-spacing:.14em;z-index:3}
.media .ph~.tag{color:#131516;background:rgba(255,255,255,.9);border-color:#ccc}
.card:hover .media .ph~.tag{color:var(--cy);background:rgba(19,21,22,.85);border-color:rgba(8,160,248,.3)}
.cb{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.cb-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--mut)}
.dwg{font:500 9.5px 'JetBrains Mono',monospace;color:#131516;background:linear-gradient(120deg,#B6E2FB,var(--acc));padding:3px 8px;letter-spacing:.06em;white-space:nowrap;display:inline-flex;gap:5px;align-items:center}
.dwg::before{content:"✓";font-weight:900}
.cb h3{font-size:16.5px;line-height:1.4;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.sku{font-size:12px;color:var(--acc);word-break:break-all}.pn{font-size:11px;color:var(--mut);word-break:break-all}
.cb-act{display:flex;gap:8px;margin-top:auto;padding-top:8px}
.cb-act button{flex:1;padding:9px 6px;border:1px solid var(--line);font-size:13px;font-weight:600;transition:.25s}
.cb-act button:hover{border-color:#fff;background:rgba(255,255,255,.06)}.cb-act .a{border-color:rgba(120,200,248,.5);color:var(--acc)}.cb-act .a:hover{background:var(--acc);color:#000;border-color:var(--acc)}.cb-act .a.in{background:var(--acc);color:#000}
.more{text-align:center;margin-top:44px}.empty{grid-column:1/-1;text-align:center;color:var(--mut);padding:80px 0;font-size:20px}

/* CAD svg theming */
.cad{width:100%;height:auto}
.cad .bg{fill:#101214}.cad .gs{stroke:rgba(8,160,248,.07);stroke-width:.5;fill:none}.cad .gl{stroke:rgba(8,160,248,.15);stroke-width:.6;fill:none}
.cad .frame{fill:none;stroke:rgba(8,160,248,.45)}.cad .mark{stroke:var(--acc);fill:none;stroke-width:1}
.cad .hd{fill:#9AD8FF;font:600 8.5px 'JetBrains Mono',monospace;letter-spacing:.14em}
.cad .ln{stroke:var(--cy);stroke-width:1;stroke-linejoin:round;fill:rgba(8,160,248,.05)}
.cad .f1{fill:rgba(8,160,248,.11)}.cad .f2{fill:rgba(8,160,248,.05)}.cad .f3{fill:rgba(8,160,248,.2)}
.cad .ln.acc{stroke:var(--acc);fill:rgba(120,200,248,.2)}.cad .f3.acc{fill:rgba(120,200,248,.34)}
.cad .ln.scr{stroke:var(--acc);fill:rgba(120,200,248,.08)}.cad .ln.plate{stroke:#B7D3E6;fill:rgba(255,255,255,.08)}
.cad .ln.door{fill:rgba(255,255,255,.03)}.cad .ln.brk{fill:rgba(8,160,248,.2)}.cad .ln.vent{fill:none;stroke:rgba(8,160,248,.45)}
.cad .ln.wind{fill:none;stroke:rgba(120,200,248,.55)}.cad .ln.hole{fill:#101214;stroke:var(--acc)}
.cad .ln.led0{fill:#2ee59d;stroke:#2ee59d;animation:blink 1.8s infinite}.cad .ln.led1{fill:var(--acc);stroke:var(--acc)}.cad .ln.led2{fill:#ff5470;stroke:#ff5470;animation:blink 1.1s infinite}
.cad .ln.board{fill:rgba(255,255,255,.03);stroke:rgba(8,160,248,.3)}.cad .ln.tag{stroke:var(--acc);fill:rgba(120,200,248,.28)}.cad .ln.tie{stroke:#fff;fill:rgba(255,255,255,.35)}
.cad .ln.conn{stroke:#9AD8FF;fill:rgba(127,220,255,.18)}.cad .f3.conn{fill:rgba(127,220,255,.3)}
@keyframes blink{50%{opacity:.25}}
.cad .tx{font-family:'JetBrains Mono',monospace;font-weight:700;fill:#cfefff;paint-order:stroke;stroke:none}
.cad .tx.em{fill:var(--acc)}.cad .tx.acc{fill:var(--acc)}.cad .tx.sm{fill:#8fb7c9;font-weight:500}
.cad .cab{fill:none;stroke:var(--acc);stroke-linecap:round;stroke-linejoin:round}.cad .cab2{fill:none;stroke:#101214;stroke-linecap:round;stroke-linejoin:round}
.cad .shadow{fill:none;stroke:rgba(8,160,248,.3);stroke-dasharray:3 3;stroke-width:1}
.cad .dim line,.cad .dim path,.cad .dim circle{stroke:var(--acc);fill:var(--acc);stroke-width:.7}.cad .dim text{fill:var(--acc);stroke:none;font:600 8px 'JetBrains Mono',monospace}
.cad .bal line{stroke:#9AD8FF;stroke-width:.8}.cad .bal circle{fill:#9AD8FF}.cad .bal .bc{fill:#101214;stroke:#9AD8FF}.cad .bal text{fill:#9AD8FF;font:700 9px 'JetBrains Mono',monospace}
.cad .triad path{stroke:#9AD8FF;fill:none}.cad .triad text{fill:#9AD8FF;font:600 8px 'JetBrains Mono',monospace}
.cad .tb rect{fill:rgba(8,12,22,.9);stroke:rgba(8,160,248,.5)}.cad .tb path{fill:none;stroke:rgba(8,160,248,.5)}
.cad .tb .k{fill:#7a90a8;font:500 7px 'JetBrains Mono',monospace}.cad .tb .v{fill:var(--acc);font-weight:700;font-family:'JetBrains Mono',monospace}
.card:hover .cad .scene .ln,.card:hover .cad .scene .cab,.cad.go .scene .ln,.cad.go .scene .cab,.hero-bp .scene .ln,.hero-bp .scene .cab{stroke-dasharray:1400;stroke-dashoffset:1400;animation:dr 1.8s var(--ease) forwards}
@keyframes dr{to{stroke-dashoffset:0}}

/* clients */
.logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.logo{min-width:0;overflow:hidden;background:var(--bg2);aspect-ratio:3/2;display:grid;place-items:center;padding:6%;position:relative;transition:background .4s}
.logo::before{content:"";position:absolute;inset:10px;background:#f1f3f7;border-radius:2px;transition:.4s;opacity:.92}
.logo img{position:absolute;inset:13%;width:74%;height:74%;object-fit:contain;filter:grayscale(1) contrast(1.05);transition:.4s;mix-blend-mode:multiply}
.logo:hover::before{background:#fff;opacity:1;transform:scale(1.03)}.logo:hover img{filter:none}
.logo span{position:absolute;inset:auto 14px 12px;font-size:11px;color:#131516;opacity:0;transform:translateY(6px);transition:.35s;text-align:center;z-index:2;font-weight:600;line-height:1.2;text-shadow:0 0 6px #fff}
.logo:hover span{opacity:1;transform:none}
.names{display:flex;flex-wrap:wrap;gap:12px 36px;margin-top:40px;font-size:15px;color:var(--mut)}
.names li::before{content:"◆";color:var(--acc);margin-inline-end:10px;font-size:9px}

/* contact + footer */
.big-cta{font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.3;margin-bottom:24px;letter-spacing:-.01em}.big-cta span{color:var(--acc)}
.c-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;align-items:start}
.c-info{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);align-self:start}
.c-info>*{background:var(--bg);padding:12px 16px;display:grid;gap:2px;transition:background .3s}.c-info a:hover{background:var(--panel)}
.c-info small{color:var(--acc);font-size:9.5px;letter-spacing:.18em}.c-info b{font-size:15.5px;font-weight:600}.addr span{color:var(--mut);font-size:11.5px}.addr div{margin-top:8px;display:flex;gap:6px}.addr .btn.sm{padding:5px 12px;font-size:12px}
.c-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;background:rgba(255,255,255,.02);border:1px solid var(--line);padding:22px}
.c-form label{display:grid;gap:4px;font-size:12.5px;color:var(--mut)}.full{grid-column:1/-1}
input,textarea{background:var(--panel);border:1px solid var(--line);color:var(--tx);padding:10px 12px;font:inherit;font-size:14.5px;width:100%;transition:border-color .25s;border-radius:0}
input:focus,textarea:focus{outline:0;border-color:var(--acc)}
.c-form .btn.pri.full{padding:10px 18px;font-size:14px;justify-content:center}
.note{color:var(--mut);font-size:11.5px}
.foot{border-top:1px solid var(--line);background:#0E1011;padding-top:70px}
.foot-in{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:50px}
.foot-brand{display:flex;gap:16px;align-items:flex-start}.foot-brand img{width:min(250px,100%);height:auto}.foot-brand p{font-size:15px;line-height:1.5}.foot-brand .mono{font-size:10px;color:var(--mut);letter-spacing:.16em}
.foot h4{font-size:10px;color:var(--acc);letter-spacing:.24em;margin-bottom:14px;font-weight:500}.foot-in a,.foot-in span{display:block;color:#b8bec4;font-size:14.5px;line-height:2}.foot-in a:hover{color:#fff}
.foot-b{display:flex;justify-content:space-between;align-items:center;padding-block:22px;border-top:1px solid var(--line);font-size:11px;color:var(--mut);letter-spacing:.14em}
.link{text-decoration:underline;color:var(--mut);font:inherit;font-family:'Heebo'}.link:hover{color:#fff}

/* modal + drawer */
[hidden]{display:none!important}
.modal,.drawer{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:3vw}
.modal-bg{position:absolute;inset:0;background:rgba(4,6,12,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .3s}
@keyframes fade{from{opacity:0}}
.modal-box{position:relative;background:var(--bg2);border:1px solid var(--line);width:min(1150px,100%);max-height:94vh;overflow:auto;display:grid;grid-template-columns:1.15fr 1fr;animation:pop .5s var(--ease)}
@keyframes pop{from{opacity:0;transform:translateY(30px) scale(.97)}}
.x{position:absolute;top:12px;inset-inline-end:12px;z-index:5;width:40px;height:40px;border:1px solid var(--line);background:rgba(19,21,22,.8);font-size:16px;transition:.25s}.x:hover{background:var(--acc);color:#000;border-color:var(--acc)}
.pm-vis{background:#101214;display:flex;flex-direction:column;min-height:300px}
.pm-media{flex:1;display:grid;place-items:center;position:relative}.pm-media svg{width:100%;height:auto}
.pm-media .ph{width:100%;aspect-ratio:480/340;background:#eef1f6;display:grid;place-items:center}.pm-media .ph img{width:100%;height:100%;object-fit:contain;padding:24px;mix-blend-mode:multiply}
.pm-tabs{display:flex;border-top:1px solid var(--line)}.pm-tabs button{flex:1;padding:12px;font:500 11px 'JetBrains Mono',monospace;letter-spacing:.16em;color:var(--mut);border-inline-end:1px solid var(--line)}
.pm-tabs button.on{color:#000;background:var(--acc)}
.pm-info{padding:64px 40px 36px;display:flex;flex-direction:column;gap:14px}
.pm-info>small{color:var(--acc);letter-spacing:.2em;font-size:11px}
.pm-info h3{font-size:28px;line-height:1.3;font-weight:800;padding-inline-end:40px}
.pm-ids{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.pm-ids div{background:var(--bg);padding:12px 14px;display:grid;gap:3px;min-width:0}.pm-ids span{font-size:10px;color:var(--mut);letter-spacing:.14em}.pm-ids b{color:var(--acc);font-weight:500;font-size:14px;word-break:break-all}
.pm-badges{display:flex;gap:8px;flex-wrap:wrap}.pm-d{color:#c6cbd0;font-size:15.5px;line-height:1.7}
.spec{border-collapse:collapse;font-size:14px;width:100%}.spec th,.spec td{padding:9px 0;border-bottom:1px solid var(--line);text-align:start;font-weight:400}.spec th{color:var(--mut);width:42%}
.pm-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:10px}
.jm{grid-template-columns:1fr 1fr}.jm>img{width:100%;height:100%;object-fit:cover;min-height:340px;filter:contrast(1.05)}.jm-in{padding:44px 38px;display:flex;flex-direction:column;gap:16px}.jm-in small{color:var(--acc);letter-spacing:.2em;font-size:11px}.jm-in h3{font-size:26px;line-height:1.3;font-weight:800;padding-inline-end:40px}.jm-in p{color:#c6cbd0}.jm-in .btn{align-self:flex-start;margin-top:auto}
.am{display:block;max-width:720px;padding:44px 40px}.am h3{font-size:30px;margin-bottom:16px}.am p{color:#c6cbd0;margin-bottom:14px}.am a{color:var(--acc)}
.drawer{place-items:stretch end;padding:0}
.drawer-box{position:relative;width:min(480px,100%);background:var(--bg2);border-left:1px solid var(--line);display:flex;flex-direction:column;animation:slide .45s var(--ease);overflow:auto;margin-inline-start:0}
html[dir=rtl] .drawer{place-items:stretch start}
@keyframes slide{from{transform:translateX(100%)}}
.drawer header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.drawer header h3{font-size:22px}.drawer header h3 span{color:var(--acc);font-size:13px;margin-inline-start:8px}.drawer .x{position:static}
.rfq-list{padding:12px 24px;flex:1;min-height:120px}.rfq-e{color:var(--mut);padding:40px 0;text-align:center}
.rfq-i{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.rfq-i b{display:block;font-weight:500;font-size:14px;line-height:1.35}.rfq-i small{color:var(--acc);font-size:11px}
.rfq-i input{width:64px;padding:8px;text-align:center}.rfq-i button{color:var(--mut);padding:6px 10px}.rfq-i button:hover{color:#ff5470}
.rfq-form{padding:20px 24px 28px;display:grid;gap:12px;border-top:1px solid var(--line)}.rfq-form .btn{justify-content:center}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--acc);color:#000;padding:12px 24px;font-weight:700;z-index:400;opacity:0;transition:.4s var(--ease);pointer-events:none}.toast.on{opacity:1;transform:translateX(-50%)}

/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.rv.in,.hero .rv,.phero .rv{opacity:1;transform:none}
.cap.rv:nth-child(2),.svc-i.rv:nth-child(2){transition-delay:.06s}.cap.rv:nth-child(3),.svc-i.rv:nth-child(3){transition-delay:.12s}.cap.rv:nth-child(4),.svc-i.rv:nth-child(4){transition-delay:.18s}

/* responsive */
@media(max-width:1100px){.svc{grid-template-columns:repeat(2,minmax(0,1fr))}.proj{grid-template-columns:repeat(2,minmax(0,1fr))}.logos{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-main{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:20px}.about-grid,.c-grid{grid-template-columns:minmax(0,1fr)}.foot-in{grid-template-columns:1fr 1fr}}
@media(max-width:860px){
  .menu{position:fixed;inset:0;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:6px;transform:translateY(-100%);transition:transform .55s var(--ease);z-index:-1}
  .menu.open{transform:none}.menu a{font-size:32px;font-weight:800}.burger{display:block}
  .hero-main{grid-template-columns:minmax(0,1fr);gap:12px}.hero-bp-wrap{justify-content:center}.hero-bp{width:100%;max-width:390px;max-height:186px;aspect-ratio:1920/918}
  .modal-box,.jm{grid-template-columns:1fr}.pm-info{padding:26px 22px}.scroll-cue{display:none}
}
@media(max-width:620px){
  .nav{padding:8px 3vw;gap:6px}.nav-r{gap:5px}
  .brand{gap:7px}.brand img{height:28px}.brand b{font-size:13.5px}
  .lang-btn{padding:4px 8px;font-size:11.5px;min-height:30px}.rfq-btn{padding:4px 8px;font-size:11px;gap:5px}.rfq-btn b{min-width:18px;height:18px;font-size:10px}.burger{width:34px;height:34px}.burger i{inset-inline:6px}.burger i:first-child{top:12px}.burger i:last-child{top:20px}
  .hero{padding-top:58px;background-color:#0c1016}.hero-bg{background-size:100% auto;background-repeat:no-repeat;background-position:center 18%}.hero-vid{object-position:center 34%}.hero::before{background:linear-gradient(180deg,rgba(10,14,20,.82) 0%,rgba(10,14,20,.68) 38%,rgba(10,14,20,.78) 62%,rgba(10,14,20,.94) 84%,#0c1016 100%)!important}.hero-in{padding-block:6px}.hero-tag{font-size:9px;margin-bottom:6px;gap:5px;letter-spacing:.08em}.hero-h{font-size:clamp(25px,7.6vw,34px);margin-bottom:10px}.hero-p{font-size:13.5px;line-height:1.52;margin-bottom:14px;padding:10px 13px}.hero-cta{gap:8px;margin-bottom:4px}.hero-cta .btn{padding:9px 14px;font-size:13px}
  .hero-bp{max-height:176px;max-width:368px;width:100%}
  .hero-meta{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px;padding-inline-start:0}.hero-meta li{border:0;padding:6px 4px;padding-inline-start:0}.hero-meta b{font-size:13.5px}.hero-meta span{font-size:11px;display:block;line-height:1.2}
  .svc-i{min-height:0}.proj,.svc{grid-template-columns:minmax(0,1fr)}.logos{grid-template-columns:repeat(2,minmax(0,1fr))}.c-form{grid-template-columns:minmax(0,1fr)}.foot-in{grid-template-columns:minmax(0,1fr)}.stats b{font-size:24px}.sec-h{gap:14px}.gal figure{width:250px}.brand small{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.rv,.ln-in{opacity:1;transform:none}.pre{display:none}}

/* ===== TESLA-inspired light layer: white / light-grey sections + electric-blue CTAs (dark theme kept) ===== */
:root{--blue:#0870B0;--blue-d:#065a8e;--ink:#232628;--ink2:#3B3E41;--snow:#F2F4F6}
.btn.pri{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.pri:hover{background:#fff;border-color:#fff;color:var(--ink)}
.btn.wh{background:rgba(255,255,255,.92);border-color:transparent;color:var(--ink)}
.btn.wh:hover{background:#fff;border-color:#fff}
.light{--bg:#fff;--bg2:var(--snow);--panel:#fff;--line:rgba(23,26,32,.12);--tx:var(--ink);--mut:#5C5E62;--acc:var(--blue);background:#fff;color:var(--ink);border-color:var(--line)}
.sec.light.alt{background:var(--snow);--bg:var(--snow)}
.light .lead{color:var(--ink2)}
.light .stats div,.light .cap,.light .svc-i{background:#fff}
.light.alt .stats div{background:#fff}
.light .cap:hover,.light .svc-i:hover,.light .svc-i.open{background:var(--snow)}
.light .svc-i small{color:var(--blue)}
.light .certs img{background:#fff;border:1px solid var(--line);opacity:.9}
.light .btn{border-color:rgba(23,26,32,.35);color:var(--ink)}
.light .btn:hover{background:rgba(23,26,32,.06);border-color:var(--ink)}
.light .btn.pri{background:var(--blue);border-color:var(--blue);color:#fff}
.light .btn.pri:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.light .search,.light .card{background:#fff}
.light .search input{color:var(--ink)}
.light .chip{color:var(--ink2);background:#fff}
.light .chip:hover{border-color:var(--ink);color:var(--ink)}
.light .chip.on{background:var(--blue);border-color:var(--blue);color:#fff}.light .chip.on b{color:#fff}
.light .tog{color:var(--ink2)}.light .tog i{border-color:#9aa0a8}.light .tog i::after{background:#9aa0a8}
.light .tog input:checked+i{background:rgba(8,112,176,.14);border-color:var(--blue)}.light .tog input:checked+i::after{background:var(--blue)}
.light .card:hover,.light .card:focus-within{border-color:rgba(8,112,176,.65);box-shadow:0 22px 50px -22px rgba(23,26,32,.35)}
.light .media{border-bottom-color:var(--line)}
.light .cb-act button{background:#fff;color:var(--ink)}
.light .cb-act button:hover{background:var(--snow);border-color:var(--ink)}
.light .cb-act .a{color:var(--blue);border-color:rgba(8,112,176,.5)}
.light .cb-act .a:hover,.light .cb-act .a.in{background:var(--blue);border-color:var(--blue);color:#fff}
.light .search:focus-within{border-color:var(--blue)}
.light .logos{background:var(--line)}
.light .logo{background:var(--snow)}
.light .logo::before{background:#fff;border:1px solid rgba(23,26,32,.06);opacity:1}
.light .logo:hover::before{box-shadow:0 12px 30px -14px rgba(23,26,32,.35)}
.light .names li::before{color:var(--blue)}
/* nav turns white while it floats over a light section */
.nav.s.lt{background:rgba(255,255,255,.88);border-bottom-color:rgba(23,26,32,.1)}
.nav.s.lt .brand b{color:var(--ink)}.nav.s.lt .brand small{color:#5C5E62}
.nav.s.lt .menu a{color:var(--ink2)}.nav.s.lt .menu a:hover,.nav.s.lt .menu a.on{color:#000}.nav.s.lt .menu a i{color:var(--blue)}.nav.s.lt .menu a::after{background:var(--blue)}
.nav.s.lt .rfq-btn{color:var(--blue);border-color:var(--blue)}.nav.s.lt .rfq-btn b{background:var(--blue);color:#fff}
.nav.s.lt .rfq-btn:hover{background:var(--blue);color:#fff}.nav.s.lt .rfq-btn:hover b{background:#fff;color:var(--blue)}
.nav.s.lt .burger i{background:var(--ink)}
@media(max-width:860px){
  .nav.s{backdrop-filter:none;background:rgba(19,21,22,.97)}.nav.s.lt{background:rgba(255,255,255,.97)}
  .nav.s.lt .menu a{color:#d3d7db}.nav.s.lt .menu a.on{color:#fff}
  .nav.s.lt .burger[aria-expanded=true] i{background:#fff}
}

/* ===== LANGUAGE (English default / Hebrew) ===== */
html[lang=en] body{font-family:'Inter','Heebo',system-ui,'Segoe UI',Arial,sans-serif}
html[lang=en] .hero-h{font-size:clamp(32px,4.4vw,66px);text-transform:uppercase;letter-spacing:-.03em;line-height:1.02}
@media(max-width:620px){html[lang=en] .hero-h{font-size:clamp(25px,7.6vw,34px)}}
html[lang=en] .sec-h h2{letter-spacing:-.025em}
html[lang=en] .big-cta{font-size:clamp(20px,2vw,26px);letter-spacing:-.015em;line-height:1.3}
html[lang=en] .brand b{letter-spacing:-.01em}
html[lang=en] .lead{font-weight:300}
.lang-btn{border:1px solid rgba(255,255,255,.4);padding:7px 14px;font-weight:700;font-size:13px;color:#fff;transition:.25s;font-family:'Heebo','Inter',sans-serif;min-height:36px}
.lang-btn:hover{background:#fff;color:var(--ink);border-color:#fff}
.nav.s.lt .lang-btn{color:var(--ink);border-color:rgba(23,26,32,.4)}.nav.s.lt .lang-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.nav-r{flex-wrap:nowrap}

/* ===== ACCESSIBILITY ===== */
:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.light :focus-visible{outline-color:var(--blue)}
.a11y-btn{position:fixed;left:10px;bottom:12px;z-index:270;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;border:2px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.45);display:grid;place-items:center;transition:transform .25s}
.a11y-btn:hover{transform:scale(1.08)}.a11y-btn:focus-visible{outline:4px solid #ffeb3b;outline-offset:3px}
.a11y-panel{position:fixed;left:14px;bottom:82px;z-index:270;width:min(348px,calc(100vw - 28px));max-height:calc(100vh - 110px);overflow:auto;background:#fff;color:#232628;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.5);padding:16px 16px 14px;font-family:'Heebo','Inter',system-ui,sans-serif;font-size:15px;line-height:1.4;direction:ltr;text-align:start}
html[dir=rtl] .a11y-panel{direction:rtl}
.a11y-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.a11y-h h2{font-size:19px;font-weight:800}
.a11y-x{width:36px;height:36px;border-radius:8px;border:1px solid #c9ccd1;background:#fff;color:#232628;font-size:16px}
.a11y-fs{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#F2F4F6;border-radius:10px;margin-bottom:10px}.a11y-fs span{flex:1;font-weight:600}
.a11y-fs button{min-width:44px;height:38px;border-radius:8px;background:#fff;border:1px solid #b8bcc3;color:#232628;font-weight:800}
.a11y-fs output{min-width:46px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a11y-opt{display:flex;align-items:center;gap:9px;text-align:start;padding:10px;min-height:48px;border-radius:10px;border:1.5px solid #c9ccd1;background:#fff;color:#232628;font-weight:600;font-size:13.5px;line-height:1.2}
.a11y-opt span{flex:none;width:26px;height:26px;border-radius:6px;background:#F2F4F6;display:grid;place-items:center;font-weight:800;font-size:14px}
.a11y-opt:hover{border-color:#232628}
.a11y-opt[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.a11y-opt[aria-pressed=true] span{background:rgba(255,255,255,.22)}
.a11y-f{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #dfe1e5}
.a11y-reset{padding:9px 14px;border-radius:8px;background:#232628;color:#fff;font-weight:700;font-size:13px}
.a11y-link{color:var(--blue);text-decoration:underline;font-weight:700;font-size:13px;padding:9px 4px}
.a11y-panel button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.am{text-align:start;overflow:auto}.am h2{font-size:30px;margin-bottom:6px;padding-inline-end:46px}.am h3{font-size:19px;margin:24px 0 8px;color:var(--acc)}
.am ul{list-style:disc;padding-inline-start:22px;color:#c6cbd0}.am li{margin:5px 0}.am .am-d{color:var(--mut);font-size:14px;margin-bottom:14px}.am .am-c{list-style:none;padding:0;background:var(--bg);border:1px solid var(--line);padding:14px 18px}
.am a{text-decoration:underline}
/* user-selected modes (classes are set on <html>) */
html.a11y-fs-1 body{zoom:1.15}html.a11y-fs-2 body{zoom:1.3}html.a11y-fs-3 body{zoom:1.5}
html.a11y-links a{text-decoration:underline!important;text-underline-offset:3px}
html.a11y-heads :is(h1,h2,h3,h4){outline:3px solid #ffeb3b;outline-offset:5px}
html.a11y-font body,html.a11y-font body *{font-family:Arial,'Segoe UI',Tahoma,sans-serif!important;letter-spacing:normal!important}
html.a11y-cursor,html.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l16 9-7 2 4 8-3 1-4-8-5 5z' fill='black' stroke='white' stroke-width='1.4'/%3E%3C/svg%3E") 4 2,auto!important}
html.a11y-still *,html.a11y-still *::before,html.a11y-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-still .rv{opacity:1!important;transform:none!important}html.a11y-still .ln-in{transform:none!important}html.a11y-still .pre{display:none!important}html.a11y-still .hero-bg{translate:none!important}
html.a11y-invert{filter:invert(1) hue-rotate(180deg)}
html.a11y-gray{filter:grayscale(1)}
html.a11y-invert.a11y-gray{filter:invert(1) hue-rotate(180deg) grayscale(1)}
html.a11y-invert :is(img,.hero-bg,.pj-img,.gal figure,.cad,.pm-media){filter:invert(1) hue-rotate(180deg)}
html.a11y-contrast{--bg:#000;--bg2:#000;--panel:#000;--tx:#fff;--mut:#fff;--acc:#ffeb3b;--cy:#00e5ff;--line:#fff;--blue:#ffeb3b}
html.a11y-contrast .light{--bg:#000;--bg2:#000;--panel:#000;--tx:#fff;--mut:#fff;--acc:#ffeb3b;--line:#fff;--blue:#ffeb3b}
html.a11y-contrast *{background-color:#000!important;color:#fff!important;border-color:#fff!important;box-shadow:none!important;text-shadow:none!important;-webkit-text-stroke:0!important}
html.a11y-contrast :is(a,button,.sku,.num,.hero-h em,.sec-h small,.cap i,.svc-i small){color:#ffeb3b!important}
html.a11y-contrast :is(.btn.pri,.chip.on,.dwg,.a11y-btn,.rfq-btn b,.a11y-opt[aria-pressed=true],.cb-act .a.in,.pm-tabs button.on){background-color:#ffeb3b!important;color:#000!important}
html.a11y-contrast :is(.ph,.logo::before){background-color:#fff!important}
html.a11y-contrast img{background-color:transparent!important}
html.a11y-contrast .hero::before{background:rgba(0,0,0,.6)!important}
html.a11y-contrast .a11y-panel :is(.a11y-opt span,.a11y-fs){background-color:#222!important}
@media(max-width:620px){.a11y-btn{width:50px;height:50px;left:10px;bottom:10px}.a11y-panel{left:10px;bottom:70px}.lang-btn{padding:6px 10px}.rfq-btn{padding:6px 10px}}


/* ===== MULTI-PAGE: page heroes, breadcrumbs, home tiles, CTA band, next-page band ===== */
.no-pre .pre{display:none}
.arr{display:inline-block;transition:transform .3s var(--ease)}
html[dir=rtl] .arr{transform:scaleX(-1)}
.btn:hover .arr{transform:translateX(4px)}html[dir=rtl] .btn:hover .arr{transform:scaleX(-1) translateX(4px)}
.phero{position:relative;padding:135px 0 60px;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}
.phero-bg{position:absolute;inset:-3%;background-size:cover;background-position:center;z-index:-3;filter:contrast(1.06) brightness(.65) saturate(1.06);will-change:transform}
.phero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(19,21,22,.62),var(--bg))}
.crumbs.mono{direction:inherit;unicode-bidi:normal;display:flex;gap:10px;font-size:12px;color:var(--mut);letter-spacing:.1em;margin-bottom:34px;flex-wrap:wrap}
.crumbs a:hover{color:#fff;text-decoration:underline}.crumbs [aria-current]{color:var(--acc)}
.phero-t{display:flex;align-items:flex-end;gap:28px;margin-bottom:26px}
.phero-t small{color:var(--acc);font-size:11px;letter-spacing:.22em;display:block;margin-bottom:8px}
.phero h1{font-size:clamp(34px,6vw,92px);font-weight:900;line-height:1;letter-spacing:-.01em}
html[lang=en] .phero h1{letter-spacing:-.03em}
.phero-p{max-width:780px;color:#c6cbd0;font-size:19px}
.phero+.sec{padding-top:clamp(50px,6vw,90px)}
.eyebrow{display:block;color:var(--acc);font-size:11px;letter-spacing:.22em;margin-bottom:14px}
.intro-h{font-size:clamp(30px,4.4vw,64px);font-weight:900;line-height:1.05;margin-bottom:22px;letter-spacing:-.01em}
html[lang=en] .intro-h,html[lang=en] .tiles-h h2{letter-spacing:-.03em}
.intro-h+.lead{margin-bottom:28px}
.light .eyebrow{color:var(--blue)}
.tiles-h{margin-bottom:34px}.tiles-h h2{font-size:clamp(30px,4.4vw,64px);font-weight:900;line-height:1}
.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.tile{grid-column:span 2;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:380px;padding:26px;background:var(--panel);border:1px solid var(--line);overflow:hidden;isolation:isolate;transition:transform .5s var(--ease),border-color .3s}
.tile:nth-child(4),.tile:nth-child(5){grid-column:span 3}
.tile:hover,.tile:focus-visible{transform:translateY(-6px);border-color:rgba(120,200,248,.6)}
.tile h3{font-size:24px;font-weight:800;line-height:1.2;margin-bottom:8px}
.tile p{color:#babfc4;font-size:15px;margin-bottom:14px;max-width:46ch}
.tile .go{font-weight:700;color:var(--acc);font-size:14px}
.tile .tn{position:absolute;top:20px;inset-inline-start:22px;font-size:12px;color:var(--acc);z-index:2}
.t-img::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--img) center/cover;filter:contrast(1.05) brightness(.74) saturate(1.06);transition:transform .9s var(--ease),filter .5s}
.t-img::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 10%,rgba(14,17,22,.92))}
.t-img:hover::before{transform:scale(1.06);filter:contrast(1.08) brightness(.86) saturate(1.1)}
.tile-vis{margin:-26px -26px 18px;border-bottom:1px solid var(--line);min-width:0;max-width:calc(100% + 52px);overflow:hidden}.tile-vis svg{width:100%!important;height:auto!important;max-width:100%;display:block}
.tile-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 18px}
.tile-logos span{background:#f1f3f7;aspect-ratio:3/2;display:grid;place-items:center;padding:8px}
.tile-logos img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}
.t-con{background:var(--blue);border-color:var(--blue)}.t-con p{color:#e9efff}.t-con .go,.t-con .tn{color:#fff}.t-con:hover{border-color:#fff}
.cta-band{background:var(--blue);color:#fff;padding:70px 0}
.cta-in{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.cta-band h2{font-size:clamp(28px,4.2vw,60px);font-weight:900;line-height:1.05;max-width:18ch}
html[lang=en] .cta-band h2{letter-spacing:-.025em}
.cta-band .btn.wh{background:#fff;color:var(--ink);padding:18px 36px;font-size:17px}
.cta-band .btn.wh:hover{background:var(--ink);color:#fff}
.next-band{display:flex;align-items:center;gap:20px;padding:48px max(4vw,calc((100% - 1320px) / 2));background:#0E1011;border-top:1px solid var(--line);transition:background .35s}
.next-band:hover,.next-band:focus-visible{background:var(--panel)}
.next-band .mono{color:var(--mut);font-size:12px;letter-spacing:.24em}
.next-band b{flex:1;font-size:clamp(28px,4.6vw,68px);font-weight:900;line-height:1;display:flex;align-items:baseline;gap:18px;margin-inline-start:24px}
.next-band b i{font-style:normal;font-size:14px;color:var(--acc)}
.next-band .arr{font-size:44px;color:var(--acc)}
.next-band:hover .arr{transform:translateX(10px)}html[dir=rtl] .next-band:hover .arr{transform:scaleX(-1) translateX(10px)}
@media(max-width:1100px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile,.tile:nth-child(4),.tile:nth-child(5){grid-column:span 1}.tile:nth-child(5){grid-column:span 2}}
@media(max-width:620px){.tiles{grid-template-columns:1fr}.tile,.tile:nth-child(n){grid-column:auto}.phero{padding:120px 0 50px}.phero-t{gap:14px}.next-band{padding:34px 5%;flex-wrap:wrap}.next-band .arr{font-size:34px}.cta-band{padding:50px 0}}


/* ===== company-profile additions ===== */
.facts{border:1px solid var(--line);align-self:start;background:#fff}
.facts>div{display:grid;grid-template-columns:138px 1fr;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line);align-items:baseline}
.facts>div:last-child{border-bottom:0}
.facts .facts-h{display:block;background:var(--ink);color:#fff;padding:12px 20px;font-size:11px;letter-spacing:.2em}
.facts dt{font-size:11px;letter-spacing:.14em;color:var(--blue);text-transform:uppercase}
.facts dd{font-size:14.5px;line-height:1.5}
.hq-card{border:1px solid var(--line);background:#f8fafc;overflow:hidden;border-radius:8px;box-shadow:0 20px 50px -20px rgba(15,23,42,.22);max-width:490px;margin-inline:auto}
.hq-card img{width:100%;height:auto;display:block;transition:transform .8s var(--ease)}
.hq-card:hover img{transform:scale(1.03)}
.hq-card figcaption{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);background:#fff;font-size:13.5px;color:var(--ink2)}
.hq-card figcaption b{font-size:11px;color:var(--blue);letter-spacing:.14em}
.adv-pills{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 24px}
.adv-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--snow);border:1px solid rgba(8,112,176,.22);color:var(--ink);font-size:13px;font-weight:600;border-radius:var(--r)}
.adv-pill::before{content:"✓";color:var(--blue);font-weight:900}
.gal figure{cursor:pointer}
.caps.wide{grid-template-columns:repeat(2,minmax(0,1fr))}
.caps.do3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pj-m{font-style:normal;font-size:12px;color:var(--mut);letter-spacing:.02em;display:block;margin-top:-4px}
@media(max-width:1100px){.caps.do3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.caps.wide,.caps.do3{grid-template-columns:1fr}.facts>div{grid-template-columns:1fr;gap:4px}}


/* ===== accessibility: statement form, feedback button, skip link 2, light-contrast mode ===== */
.skip.skip2{inset-inline-end:auto;inset-inline-start:12px}
.a11y-fb{padding:9px 12px;border-radius:8px;border:1.5px solid #232628;background:#fff;color:#232628;font-weight:700;font-size:13px}
.a11y-f{flex-wrap:wrap;align-items:center}
.am-form{display:grid;gap:12px;background:var(--bg);border:1px solid var(--line);padding:18px;margin:12px 0}
.am-form label{display:grid;gap:6px;font-size:14px;color:var(--mut)}
.am-form input,.am-form textarea{font-size:16px}
.am-form input[readonly]{opacity:.7}
.am-form small{color:var(--mut);font-size:12px}
.am p.am-c{background:var(--bg);border:1px solid var(--line);padding:14px 18px}
html.a11y-light{--bg:#fff;--bg2:#fff;--panel:#fff;--tx:#000;--mut:#000;--acc:#0033cc;--cy:#0033cc;--line:#000;--blue:#0033cc}
html.a11y-light .light{--bg:#fff;--bg2:#fff;--panel:#fff;--tx:#000;--mut:#000;--acc:#0033cc;--line:#000;--blue:#0033cc}
html.a11y-light *{background-color:#fff!important;color:#000!important;border-color:#000!important;box-shadow:none!important;text-shadow:none!important;-webkit-text-stroke:0!important}
html.a11y-light :is(a,.sku,.num,.sec-h small,.cap i,.svc-i small,.eyebrow){color:#0033cc!important}
html.a11y-light :is(.btn.pri,.chip.on,.a11y-btn,.rfq-btn b,.a11y-opt[aria-pressed=true],.cb-act .a.in,.pm-tabs button.on,.cta-band,.t-con){background-color:#0033cc!important;color:#fff!important}
html.a11y-light :is(.dwg){background-color:#ffd400!important;color:#000!important}
html.a11y-light :is(.btn.pri,.cta-band,.t-con) *{color:#fff!important;background-color:transparent!important}
html.a11y-light :is(.hero::before,.phero::before){background:rgba(255,255,255,.88)!important}
html.a11y-light .hero-bg,html.a11y-light .phero-bg{opacity:.18}
html.a11y-light img{background-color:transparent!important}
html.a11y-light .brand .lg-d{display:none}html.a11y-light .brand .lg-l{display:block}


/* ===== BRAND: palette taken from the company logo (charcoal #4C4C4C + sky #78C8F8 / azure #08A0F8 / royal #0888D8 / deep #0870B0 + white) ===== */
.cad{--acc:#78C8F8;--cy:#08A0F8}
.hero-logo{display:none!important}
.phero::after{content:"";position:absolute;inset-block:0;inset-inline-end:3%;width:min(440px,42vw);background:url('../assets/brand/yo-mark-w.png') center/contain no-repeat;opacity:.06;z-index:-1;pointer-events:none}
.intro-logo{display:block;width:min(240px,58%);height:auto;margin:0 0 14px}
@media(max-width:620px){.brand img{height:32px}.hero-logo{height:38px;margin-bottom:6px}#intro.sec{padding:20px 0 34px}.intro-logo{width:min(200px,54%);margin:0 0 10px}}

/* ===== compact / understated contact page ===== */
body[data-page=contact] .phero{padding:96px 0 32px}
body[data-page=contact] .phero-in,body[data-page=contact] .contact .wrap{max-width:960px}
body[data-page=contact] .crumbs.mono{margin-bottom:14px;font-size:11px}
body[data-page=contact] .phero-t{gap:16px;margin-bottom:10px;align-items:center}
body[data-page=contact] .phero .num{font-size:clamp(32px,3.2vw,44px)}
body[data-page=contact] .phero h1{font-size:clamp(24px,2.8vw,36px)}
body[data-page=contact] .phero-p{font-size:15px;max-width:580px}
body[data-page=contact] .sec.contact{padding:36px 0 56px}
body[data-page=contact] .next-band{padding:24px max(4vw,calc((100% - 960px) / 2))}
body[data-page=contact] .next-band b{font-size:clamp(18px,2vw,26px)}
body[data-page=contact] .next-band .arr{font-size:24px}
@media(max-width:620px){body[data-page=contact] .phero{padding:82px 0 24px}body[data-page=contact] .c-form{padding:16px}}

/* ===== SEO full SKU index directory (catalog page) ===== */
.sku-dir{margin-top:44px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.sku-dir summary{padding:14px 20px;cursor:pointer;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;user-select:none}
.sku-dir summary:hover{background:var(--snow)}
.sku-dir summary small{color:var(--blue);font-size:11px;letter-spacing:.14em}
.sku-dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}
.sku-dir-grid a{background:#fff;padding:10px 14px;display:grid;gap:2px;font-size:12.5px;transition:background .2s}
.sku-dir-grid a:hover{background:var(--snow)}
.sku-dir-grid b{color:var(--blue);font-size:12px}
.sku-dir-grid span{color:var(--ink);font-weight:600;line-height:1.3}
.sku-dir-grid em{font-style:normal;color:var(--mut);font-size:11.5px;line-height:1.25}

/* ===== AUTHORIZED PERSONNEL PORTAL ===== */
.auth-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.32);padding:7px 12px;font-weight:700;font-size:12.5px;color:#d8dee4;transition:.25s;min-height:36px}
.auth-btn:hover{border-color:var(--acc);color:#fff;background:rgba(120,200,248,.1)}
.auth-btn.on{border-color:#2ee59d;color:#2ee59d;background:rgba(46,229,157,.08)}
.nav.s.lt .auth-btn{color:var(--ink2);border-color:rgba(23,26,32,.32)}
.nav.s.lt .auth-btn:hover{border-color:var(--blue);color:var(--blue);background:rgba(8,112,176,.06)}
.nav.s.lt .auth-btn.on{border-color:#0f9d58;color:#0f9d58}

.auth-modal-wrap{display:flex;align-items:center;justify-content:center;padding:16px;z-index:320}
.auth-box{display:block;max-width:530px;width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;text-align:right;direction:rtl;background:linear-gradient(168deg,#16191e 0%,#0f1215 100%);border:1px solid rgba(120,200,248,.24);border-top:2px solid var(--acc);box-shadow:0 36px 90px -18px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.04);position:relative;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(120,200,248,.3) transparent;border-radius:6px}
.auth-box::-webkit-scrollbar{width:5px}
.auth-box::-webkit-scrollbar-track{background:transparent}
.auth-box::-webkit-scrollbar-thumb{background:rgba(120,200,248,.28);border-radius:4px}
.auth-box::before{content:"";position:absolute;inset:0 0 auto 0;height:130px;background-image:linear-gradient(rgba(120,200,248,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,248,.045) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent);pointer-events:none}
.auth-box.wide{max-width:760px;width:100%}
.auth-box .x{inset-inline-end:auto;left:14px;right:auto;top:14px;width:36px;height:36px;border-color:rgba(255,255,255,.15);background:rgba(15,18,22,.9);color:#cbd5e1;border-radius:4px}
.auth-box .x:hover{background:var(--acc);color:#0c0f12;border-color:var(--acc)}

.auth-view{padding:28px 30px 30px;position:relative;z-index:1}
.auth-head{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09)}
.auth-head-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding-left:44px}
.auth-brand-logo{height:30px;width:auto;opacity:.95}
.auth-sec-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(120,200,248,.08);border:1px solid rgba(120,200,248,.25);color:var(--acc);font-size:11.5px;font-weight:700;border-radius:4px;white-space:nowrap}
.auth-sec-dot{width:6px;height:6px;border-radius:50%;background:#2ee59d;box-shadow:0 0 8px #2ee59d;display:inline-block}
.auth-view h3{font-size:23px;font-weight:800;line-height:1.2;margin-bottom:4px;letter-spacing:-.01em;color:#fff}
.auth-sub{color:#94a3b8;font-size:13.5px;line-height:1.45;margin:0}

.auth-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#0b0d10;border:1px solid rgba(255,255,255,.1);padding:4px;margin-bottom:18px;border-radius:6px}
.auth-tab-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid transparent;color:#8b95a2;padding:10px 6px;font-size:13px;font-weight:700;cursor:pointer;transition:.22s var(--ease);position:relative;border-radius:4px;min-width:0;text-align:center}
.auth-tab-btn svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:.75;flex:none}
.auth-tab-btn:hover{color:#e2e8f0;background:rgba(255,255,255,.03)}
.auth-tab-btn.active{background:linear-gradient(180deg,rgba(120,200,248,.16) 0%,rgba(8,112,176,.09) 100%);border-color:rgba(120,200,248,.38);color:#fff;box-shadow:inset 0 -2px 0 var(--acc)}
.auth-tab-btn.active svg{stroke:var(--acc);opacity:1}

.auth-form{display:grid;gap:13px}
.auth-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.auth-field{display:grid;gap:5px;min-width:0}
.auth-field label{font-size:13px;font-weight:700;color:#d8dee6;cursor:pointer;display:block}

.auth-inp-wrap{position:relative;display:flex;align-items:center;background:#111418;border:1px solid rgba(255,255,255,.15);border-radius:4px;transition:border-color .22s,box-shadow .22s,background .22s;min-width:0}
.auth-inp-wrap:focus-within{border-color:var(--acc);background:#14181e;box-shadow:0 0 0 3px rgba(120,200,248,.12)}
.auth-inp-ico{fill:none;stroke:#64748b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-inline-start:11px;flex:none;transition:stroke .22s}
.auth-inp-wrap:focus-within .auth-inp-ico{stroke:var(--acc)}
.auth-inp-wrap input{background:transparent!important;border:0!important;padding:11px 10px;font-size:15px;color:#f8fafc;width:100%;min-width:0;outline:0;text-align:right}
.auth-inp-wrap input.ltr-inp{text-align:left}
.auth-inp-wrap input::placeholder{color:#64748b;font-size:13.5px;text-align:right}
.auth-pass-tog{width:38px;height:38px;display:grid;place-items:center;color:#64748b;flex:none;transition:color .2s}
.auth-pass-tog svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.auth-pass-tog:hover{color:var(--acc)}

.auth-submit-btn{justify-content:center;padding:13px 20px;font-size:15px;font-weight:800;letter-spacing:.02em;background:linear-gradient(90deg,#0870B0 0%,#0888D8 100%)!important;border-color:#0888D8!important;color:#fff!important;box-shadow:0 10px 24px -10px rgba(8,136,216,.55);margin-top:2px;border-radius:4px}
.auth-submit-btn:hover{background:#fff!important;border-color:#fff!important;color:#101215!important;box-shadow:0 12px 28px -10px rgba(255,255,255,.3)}

.auth-err{background:rgba(239,68,68,.11);border:1px solid rgba(239,68,68,.4);border-right:3px solid #ef4444;color:#fca5a5;padding:10px 13px;font-size:13px;font-weight:600;margin-bottom:14px;border-radius:4px}
.auth-ok{background:rgba(46,229,157,.1);border:1px solid rgba(46,229,157,.4);border-right:3px solid #2ee59d;color:#6ee7b7;padding:10px 13px;font-size:13px;font-weight:600;margin-bottom:14px;border-radius:4px}

.auth-info-banner{background:rgba(120,200,248,.06);border:1px solid rgba(120,200,248,.22);border-right:3px solid var(--acc);padding:10px 13px;border-radius:4px}
.auth-info-banner p{color:#cbd5e1;font-size:12.5px;line-height:1.48;margin:0}

.auth-step2-box{background:rgba(46,229,157,.06);border:1px solid rgba(46,229,157,.38);padding:13px;display:grid;gap:11px;margin-top:2px;border-radius:4px}
.auth-code-input{background:#0b0e11!important;border:1px solid rgba(46,229,157,.45)!important;text-align:center;font-size:20px;font-weight:800;letter-spacing:8px;padding:10px!important;color:#2ee59d!important;border-radius:4px}
.auth-verify-btn{justify-content:center;padding:12px 20px;background:#10b981!important;border-color:#10b981!important;color:#08120e!important;font-weight:800;border-radius:4px}
.auth-verify-btn:hover{background:#34d399!important;border-color:#34d399!important}

.auth-helper-links{display:grid;gap:10px;margin-top:2px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.auth-switch-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;background:rgba(120,200,248,.05);border:1px solid rgba(120,200,248,.24);border-radius:4px;text-align:right;cursor:pointer;transition:.22s var(--ease)}
.auth-switch-card strong{display:block;font-size:13px;font-weight:800;color:#fff;margin-bottom:2px}
.auth-switch-card span{display:block;font-size:12px;color:#94a3b8;line-height:1.35}
.auth-switch-card .arr{font-size:18px;color:var(--acc);flex:none}
.auth-switch-card:hover{background:rgba(120,200,248,.11);border-color:var(--acc)}

.auth-link-btn{background:none;border:none;padding:2px 0;color:var(--acc);font-size:12.5px;font-weight:700;cursor:pointer;text-align:right;transition:color .2s;justify-self:start}
.auth-link-btn.muted{color:#8b95a2;font-weight:500}
.auth-link-btn:hover{color:#fff}

.auth-tag{display:inline-flex;align-items:center;gap:8px;color:var(--acc);font-size:12px;font-weight:700;margin-bottom:8px;flex-wrap:wrap}
.auth-mod-tag{display:block;color:var(--acc);font-size:10.5px;font-weight:700;letter-spacing:.12em}
.auth-dot{width:8px;height:8px;border-radius:50%;background:#2ee59d;box-shadow:0 0 8px #2ee59d;display:inline-block}
.auth-role-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:800;margin-right:6px}
.auth-role-pill.admin{background:rgba(46,229,157,.14);border:1px solid rgba(46,229,157,.45);color:#2ee59d}
.auth-role-pill.user{background:rgba(120,200,248,.14);border:1px solid rgba(120,200,248,.4);color:var(--acc)}
.auth-readonly-banner{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.38);border-right:3px solid #f59e0b;color:#fde68a;padding:11px 14px;font-size:13px;line-height:1.5;margin-bottom:16px}
.auth-card-tag-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.auth-lock-pill{background:rgba(255,84,112,.12);border:1px solid rgba(255,84,112,.38);color:#ff9aa8;font-size:10.5px;font-weight:700;padding:2px 8px}
.auth-card.locked-card{opacity:.82}
[data-admin-action].locked-action,[data-reno-action].locked-action,[data-kupa-action].locked-action{opacity:.48;cursor:not-allowed!important;filter:grayscale(.6)}
.auth-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1);padding-left:44px}
.auth-logout{border-color:rgba(255,84,112,.45);color:#ff7a90}
.auth-logout:hover{background:#ff5470;border-color:#ff5470;color:#000}
.auth-cards{display:grid;gap:14px}
.auth-card{background:#111418;border:1px solid rgba(255,255,255,.1);padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;transition:border-color .25s,background .25s}
.auth-card:hover{border-color:rgba(120,200,248,.45);background:#15191f}
.auth-card-info{flex:1 1 260px;display:grid;gap:4px}
.auth-card-info h4{font-size:18px;font-weight:800;color:#fff}
.auth-card-info p{color:#94a3b8;font-size:13.5px;line-height:1.5}
.auth-card-ev{display:grid;gap:16px}
.auth-card-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;width:100%}
.auth-card-brand{display:flex;align-items:flex-start;gap:14px;flex:1 1 280px}
.auth-ev-icon{width:58px;height:58px;border-radius:14px;border:none;background:transparent;object-fit:cover;padding:0;flex-shrink:0;box-shadow:0 6px 16px rgba(0,0,0,.38)}
.auth-card-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.auth-ev-qr-box{background:#fff;padding:10px;border-radius:8px;display:grid;justify-items:center;gap:6px;text-align:center}
.auth-ev-qr-box img{width:136px;height:136px;display:block}
.auth-ev-qr-box span{color:#0f172a;font-size:11px;font-weight:700;line-height:1.3}
.auth-ev-steps{display:grid;gap:10px}
.auth-ev-actions{margin-top:4px;display:flex;gap:10px;flex-wrap:wrap}
.auth-ios-guide{background:rgba(30,58,138,.35);border:1px solid rgba(120,200,248,.4);border-radius:8px;padding:12px 14px;display:grid;gap:8px}
.auth-ios-title{display:flex;align-items:flex-start;gap:8px;color:#fff;font-size:13.5px;line-height:1.45}
.auth-ios-pills{display:flex;flex-wrap:wrap;gap:8px}
.auth-ios-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:6px 10px;font-size:12.5px;color:#e2e8f0;display:inline-flex;align-items:center;gap:6px}
.auth-install-modal{z-index:600}
.auth-install-box{display:block;max-width:600px;width:min(600px,100%);padding:30px 26px;text-align:right;direction:rtl}
.auth-install-box .x{inset-inline-end:auto;left:12px;right:auto}
.auth-pop-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--line);padding-left:42px}
.auth-pop-head img{width:54px;height:54px;border-radius:12px;background:#fff;padding:4px;object-fit:contain;border:1px solid var(--line);flex-shrink:0}
.auth-pop-head h3{font-size:21px;font-weight:800;line-height:1.25}
.auth-pop-grid{display:grid;grid-template-columns:156px 1fr;gap:18px;align-items:center}
@media(max-width:620px){
  .auth-btn{padding:4px 8px;font-size:11px;min-height:30px}.auth-btn span{display:none}
  .auth-modal-wrap{padding:10px}
  .auth-box{max-height:calc(100dvh - 20px);border-radius:8px}
  .auth-box .x{top:12px;left:12px;width:34px;height:34px}
  .auth-view,.auth-install-box{padding:18px 16px 20px}
  .auth-head{margin-bottom:12px;padding-bottom:10px}
  .auth-head-top{padding-left:40px;margin-bottom:8px}
  .auth-brand-logo{height:25px}
  .auth-sec-badge{font-size:10.5px;padding:3px 8px}
  .auth-view h3{font-size:19.5px;margin-bottom:3px}
  .auth-sub{font-size:12.5px;line-height:1.35}
  .auth-mode-tabs{margin-bottom:14px;padding:3px;gap:3px}
  .auth-tab-btn{flex-direction:column;gap:4px;padding:8px 3px;font-size:12px;line-height:1.15}
  .auth-tab-btn svg{width:15px;height:15px}
  .auth-form{gap:10px}
  .auth-grid-2{grid-template-columns:1fr;gap:10px}
  .auth-field{gap:4px}
  .auth-field label{font-size:12.5px}
  .auth-inp-wrap input{padding:9px 8px;font-size:16px}
  .auth-inp-wrap input::placeholder{font-size:13px}
  .auth-info-banner{padding:8px 11px}
  .auth-info-banner p{font-size:12px;line-height:1.4}
  .auth-submit-btn{padding:12px 16px;font-size:14.5px}
  .auth-helper-links{padding-top:10px;gap:8px}
  .auth-switch-card{padding:9px 11px}
  .auth-switch-card strong{font-size:12.5px}
  .auth-switch-card span{font-size:11.5px}
  .auth-top{flex-direction:column;padding-left:36px}
  .auth-pop-grid{grid-template-columns:1fr}
  .auth-ev-qr-box{max-width:170px;margin:0 auto}
}