:root{--ink:#171717;--copper:#C66A2B;--orange:#E87827;--amber:#E9A22B;--teal:#0E6E73;--danger:#B3261E;--bg:#FBF8F3;--surface:#fff;--surface-2:#F5EFE7;--text:#221E19;--muted:#5F564B;--border:#E3DACB;--hbg:rgba(251,248,243,.94);--r:6px;--rl:10px;--sh:0 28px 60px -30px rgba(23,23,23,.4);--cu-text:#A5521B}
[data-theme=dark]{--bg:#141210;--surface:#1D1A16;--surface-2:#241F19;--text:#EFE9DE;--muted:#BDB3A3;--border:#3A322A;--hbg:rgba(20,18,16,.94);--cu-text:#F0A56B}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font:16.5px/1.6 Manrope,"Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
html[lang=ar] body{font-family:Tajawal,Manrope,sans-serif}html[lang=fa] body{font-family:Vazirmatn,Manrope,sans-serif}
img{max-width:100%;display:block}a{color:var(--cu-text);text-decoration:none}a:hover{color:var(--orange)}
h1,h2,h3,h4{line-height:1.2;margin:0 0 .6em;font-weight:700}h1{font-size:clamp(2rem,4.6vw,3.3rem)}h2{font-size:clamp(1.5rem,3vw,2.15rem)}h3{font-size:1.15rem}p{margin:0 0 1rem}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.container{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,3.5vw,40px)}
.skip{position:absolute;inset-inline-start:-9999px;top:0;background:var(--teal);color:#fff;padding:10px 16px;z-index:300}.skip:focus{inset-inline-start:0}
.site-header{position:sticky;top:0;z-index:100;background:var(--hbg);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.header-in{display:flex;align-items:center;gap:12px;min-height:70px}.logo{display:flex;align-items:center;gap:10px}.logo-txt{font-weight:800;font-size:1.35rem;color:var(--text)}.logo-txt span{color:var(--copper)}
.main-nav{margin-inline-start:auto}.main-nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}.main-nav a{display:block;padding:11px 12px;border-radius:var(--r);color:var(--text);font-weight:600;font-size:.92rem}.main-nav a:hover{background:var(--surface-2)}.main-nav a[aria-current=page]{color:var(--cu-text);box-shadow:inset 0 -2px 0 var(--copper)}
.header-ctl{display:flex;align-items:center;gap:8px}.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--r);color:var(--text);cursor:pointer}.icon-btn:hover{border-color:var(--copper)}
.lang-sw{display:flex;border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.lang-sw button{border:0;background:transparent;color:var(--text);padding:0 10px;min-height:44px;min-width:44px;font-weight:700;font-size:.8rem;cursor:pointer}.lang-sw button[aria-pressed=true]{background:#A5521B;color:#fff}
.cta-nav{display:inline-flex;align-items:center;gap:8px;background:#A5521B;color:#fff;padding:0 16px;min-height:44px;border-radius:var(--r);font-weight:700;font-size:.9rem}.cta-nav:hover{background:#8f4515;color:#fff}.nav-toggle{display:none}
[dir=rtl] .flip{transform:scaleX(-1)}
.hero{position:relative;min-height:min(82vh,740px);display:flex;align-items:flex-end;background:var(--ink);color:#F5EFE7;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;opacity:.6}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,15,10,.93) 8%,rgba(20,15,10,.35) 55%,rgba(20,15,10,.45)),linear-gradient(105deg,rgba(20,15,10,.55),transparent 60%)}
.hero-in{position:relative;padding:90px 0 70px;width:100%}.hero h1{color:#FBF7EF;max-width:19ch}.hero .lede{color:#E7DECF;max-width:62ch;font-size:1.1rem}
.badge{display:inline-flex;gap:10px;align-items:center;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:18px}.badge::before{content:"";width:34px;height:2px;background:var(--amber)}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:0 24px;min-height:52px;border-radius:var(--r);cursor:pointer;border:1px solid transparent;font:inherit;font-weight:700}
.btn-p{background:var(--orange);color:#171717}.btn-p:hover{background:var(--amber);color:#171717}.btn-g{border-color:rgba(245,239,231,.55);color:#F5EFE7;background:transparent}.btn-g:hover{border-color:var(--amber);color:#fff}
.btn-s{background:#A5521B;color:#fff}.btn-s:hover{background:#8f4515;color:#fff}.btn-l{border-color:var(--border);background:var(--surface);color:var(--text)}.btn-l:hover{border-color:var(--copper)}
.section{padding:clamp(52px,8vw,100px) 0}.tint{background:var(--surface-2)}.dark{background:var(--ink);color:#EFE7D9}.dark h2,.dark h3{color:#F5EFE7}
.kicker{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--cu-text);margin-bottom:10px}.dark .kicker{color:var(--amber)}
.lede{max-width:70ch;color:var(--muted);font-size:1.06rem}.dark .lede{color:#CFC6B6}.sec-head{margin-bottom:38px;max-width:820px}.page-head{padding:clamp(44px,7vw,84px) 0 8px}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,5vw,70px);align-items:center}.split.rev{grid-template-columns:.95fr 1.05fr}
.media{position:relative;overflow:hidden;border-radius:var(--rl);box-shadow:var(--sh);background:#3a322a}.media img{width:100%;aspect-ratio:4/3;object-fit:cover}.media.tall img{aspect-ratio:3/3.6}.media::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(198,106,43,.18),transparent 45%)}
.tag-img{position:absolute;z-index:1;bottom:14px;inset-inline-start:14px;background:rgba(23,23,23,.8);color:#F5EFE7;font-size:.78rem;padding:8px 12px;border-radius:var(--r)}
.checks{list-style:none;padding:0;margin:16px 0}.checks li{position:relative;padding-inline-start:28px;margin-bottom:10px}.checks li::before{content:"";position:absolute;inset-inline-start:0;top:.45em;width:14px;height:14px;background:var(--teal);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}
.flow{display:grid;grid-template-columns:repeat(5,1fr);counter-reset:s}.flow>div{padding:26px 20px;border-inline-start:1px solid #3a3025}.flow>div::before{counter-increment:s;content:counter(s,decimal-leading-zero);display:block;font-size:2rem;font-weight:800;color:var(--amber);margin-bottom:10px}.flow h3{font-size:1.02rem}.flow p{font-size:.9rem;color:#CFC6B6;margin:0}
.cat-grid,.prod-grid,.app-grid,.brand-grid{display:grid;gap:20px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.prod-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.app-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.brand-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;display:flex;flex-direction:column;content-visibility:auto;contain-intrinsic-size:auto 420px;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-3px);border-color:var(--copper)}
.thumb{aspect-ratio:16/9;position:relative;overflow:hidden;background:#3a322a}.thumb img{width:100%;height:100%;object-fit:cover}.thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(23,23,23,.35),transparent 55%)}
.card.part .thumb{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,var(--surface-2),#efe3cd)}[data-theme=dark] .card.part .thumb{background:linear-gradient(140deg,#241f19,#1d1a16)}.card.part .thumb::after{display:none}
.mono{font-weight:800;font-size:1.35rem;color:var(--cu-text);text-align:center;padding:0 16px}.mono small{display:block;font-size:.7rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
.cbody{padding:18px 20px 20px;display:flex;flex-direction:column;gap:9px;flex:1}.cbody h3{margin:0;font-size:1rem}.cbody p{margin:0;font-size:.88rem;color:var(--muted);flex:1}
.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:20px;background:var(--surface-2);color:var(--cu-text);border:1px solid var(--border)}
.pill-ex{font-size:.7rem;font-weight:800;background:var(--teal);color:#fff;padding:4px 9px;border-radius:3px}.pill-fam{font-size:.7rem;font-weight:800;background:var(--amber);color:#3a2c10;padding:4px 9px;border-radius:3px}
.acts{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px}.mini{font-size:.82rem;font-weight:700;padding:0 12px;min-height:44px;display:inline-flex;align-items:center;border-radius:var(--r);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-family:inherit}.mini:hover{border-color:var(--copper);color:var(--cu-text)}.mini.solid{background:#A5521B;border-color:#A5521B;color:#fff}.mini.solid:hover{background:#8f4515;color:#fff}
.fb{background:linear-gradient(135deg,#3a322a,#241f19)!important}.fb img{display:none}
.app-card{position:relative;border-radius:var(--rl);overflow:hidden;min-height:250px;display:flex;align-items:flex-end;color:#F5EFE7;background:var(--ink);content-visibility:auto;contain-intrinsic-size:auto 250px}.app-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.app-card .ov{position:relative;padding:22px;background:linear-gradient(to top,rgba(18,14,10,.92),rgba(18,14,10,.1));width:100%}.app-card h3{color:#F5EFE7;margin:0 0 6px}.app-card p{margin:0;font-size:.86rem;color:#E1D8C8}
.layout{display:grid;grid-template-columns:290px 1fr;gap:28px;align-items:start}.filters{position:sticky;top:90px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:20px;max-height:calc(100vh - 110px);overflow:auto}
.fg{margin-bottom:16px}.fg>label,.fg>legend{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;padding:0}fieldset.fg{border:0;margin:0 0 16px;padding:0}
input[type=search],input[type=text],input[type=email],input[type=tel],input[type=date],select,textarea{width:100%;padding:12px;min-height:46px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg);color:var(--text);font:inherit;font-size:.95rem}textarea{min-height:120px}
.chk{display:flex;flex-wrap:wrap;gap:6px}.chk label{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:.8rem;font-weight:600;border:1px solid var(--border);border-radius:22px;padding:0 12px;cursor:pointer}.chk input{accent-color:var(--copper);width:16px;height:16px}
.clear{width:100%;min-height:46px;border:1px dashed var(--border);background:transparent;border-radius:var(--r);color:var(--danger);font-weight:700;cursor:pointer;font-family:inherit}
.bar{display:flex;align-items:center;gap:14px;margin-bottom:16px}.count{font-weight:700;color:var(--muted)}#ft{display:none;margin-inline-start:auto}
.empty{grid-column:1/-1;text-align:center;padding:70px 20px;border:2px dashed var(--border);border-radius:var(--rl);color:var(--muted)}
.spec{width:100%;border-collapse:collapse;font-size:.9rem}.spec th,.spec td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:start;vertical-align:top}.spec th{width:36%;color:var(--muted);font-weight:600}
.modal{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.mback{position:absolute;inset:0;background:rgba(15,12,9,.75)}
.mcard{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);max-width:860px;width:100%;max-height:88vh;overflow:auto;padding:28px}.mcard.wide{max-width:1080px;height:88vh;display:flex;flex-direction:column}.mcard h2{font-size:1.35rem;padding-inline-end:50px}.mx{position:absolute;top:12px;inset-inline-end:12px}
.iw{flex:1;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:#fff;min-height:320px}.iw iframe{width:100%;height:100%;border:0;min-height:420px}.note{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;font-size:.88rem;margin:12px 0}
.rl{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}.steps{list-style:none;padding:0;margin:0;position:sticky;top:90px}.steps li{display:flex;gap:10px;align-items:center;padding:12px 14px;border-inline-start:2px solid var(--border);color:var(--muted);font-size:.9rem}.steps li.on{border-color:var(--copper);color:var(--text);font-weight:700}.steps li.done{color:var(--teal)}
.fcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:clamp(20px,3.5vw,38px)}.fstep{display:none}.fstep.on{display:block}html:not(.js) .fstep{display:block}html:not(.js) .rnav{display:none}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 18px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.86rem;font-weight:700}.err{color:var(--danger);font-size:.82rem;display:none}.field.bad input,.field.bad select,.field.bad textarea{border-color:var(--danger)}.field.bad .err{display:block}.crow.bad label{color:var(--danger)}.req{color:var(--danger)}
.drop{border:2px dashed var(--border);border-radius:var(--rl);padding:36px 18px;text-align:center;color:var(--muted);cursor:pointer}.drop:hover,.drop.drag{border-color:var(--copper);background:var(--surface-2)}
.flist{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:8px}.flist li{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:8px 12px;font-size:.87rem}.flist li.bad{border-color:var(--danger);color:var(--danger)}.flist button{margin-inline-start:auto;border:0;background:none;color:var(--danger);cursor:pointer;min-width:44px;min-height:44px;font-size:1.2rem}
.crow{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;margin-bottom:12px}.crow input{margin-top:5px;width:18px;height:18px;accent-color:var(--copper);flex-shrink:0}
.rnav{display:flex;justify-content:space-between;margin-top:24px;gap:12px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}[dir=rtl] .hp{left:auto;right:-9999px}
.rev-b{border:1px solid var(--border);border-radius:var(--r);padding:14px;margin-bottom:12px;background:var(--surface-2)}.rev-b h4{margin:0 0 8px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--cu-text)}.rev-b dl{display:grid;grid-template-columns:180px 1fr;gap:4px 12px;margin:0;font-size:.9rem}.rev-b dd{margin:0}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.crd{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:24px}.cr{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}.cr:last-child{border:0}.cr .ic{width:44px;height:44px;flex-shrink:0;border-radius:var(--r);background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--cu-text)}.cr b{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.zones{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 30px}.zone{border:1px solid var(--border);border-radius:var(--r);padding:16px;background:var(--surface);border-top:4px solid var(--amber)}.zone.g{border-top-color:var(--teal)}.zone b{display:block;font-size:1.05rem;color:var(--cu-text);margin-bottom:6px}.zone p{font-size:.85rem;color:var(--muted);margin:0}
.disc{border-inline-start:4px solid var(--amber);background:var(--surface-2);padding:18px 20px;font-size:.93rem}
.bcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:18px}.bcard h3{margin:0 0 4px;font-size:1rem}.bcard p{font-size:.84rem;color:var(--muted);margin:0 0 8px}
.site-footer{background:var(--ink);color:#CFC6B6}.fin{padding:60px 0 28px}.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}.site-footer h4{color:#F5EFE7;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li a,.site-footer li span{display:block;padding:5px 0;color:#CFC6B6;font-size:.9rem}.site-footer a:hover{color:var(--amber)}
.fbot{border-top:1px solid #2c261e;margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.8rem;color:#A59B8C}.fnote{font-size:.76rem;color:#A59B8C;max-width:60ch}
.totop{position:fixed;bottom:20px;inset-inline-end:20px;z-index:90;width:48px;height:48px;border-radius:50%;background:#A5521B;color:#fff;border:0;cursor:pointer;display:none;align-items:center;justify-content:center}.totop.show{display:flex}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}*{transition:none!important;animation:none!important}}
@media(max-width:1080px){.flow{grid-template-columns:repeat(2,1fr)}.fgrid{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}.filters{position:static;max-height:none;display:none}.filters.open{display:block}#ft{display:inline-flex}.rl{grid-template-columns:1fr}.steps{display:flex;overflow:auto;gap:6px;position:static}.steps li{border:1px solid var(--border);border-radius:22px;padding:8px 12px;white-space:nowrap}.g3{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.nav-toggle{display:inline-flex}.main-nav{position:fixed;inset:70px 0 auto 0;background:var(--bg);border-bottom:1px solid var(--border);display:none;padding:12px 20px 20px;margin:0}.main-nav.open{display:block}.main-nav ul{flex-direction:column}.split,.split.rev,.cgrid{grid-template-columns:1fr}.g2,.g3,.zones{grid-template-columns:1fr}.cta-nav span{display:none}.rev-b dl{grid-template-columns:1fr}}
@media(max-width:480px){body{font-size:15.5px}.fgrid,.flow{grid-template-columns:1fr}.lang-sw button{padding:0 6px}.header-ctl{gap:4px}}