/* Alpha MM — site styles. Brand tokens from 02_brand-assets/brand.md. Logical properties throughout so RTL works unchanged. */
/* Fonts are served from this site (assets/fonts, all four SIL Open Font License). No request goes to a font provider. Amiri exists in Regular only, so display Arabic is weight 400 (no synthetic bold). */
@font-face{font-family:"Amiri";src:url(/assets/fonts/Amiri-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(/assets/fonts/BodoniModa.ttf) format("truetype");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url(/assets/fonts/Jost.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Kufi Arabic";src:url(/assets/fonts/NotoKufiArabic.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --green:#0F2A22; --green-2:#17392F; --green-3:#0B201A;
  --bone:#F2EDE3; --bone-2:#E9E2D4; --ink:#15130F;
  --brass:#B38E55; --brass-deep:#8A6630; --brass-text:#7A5A28; --sand:#D6CAB4; --stone:#5F594E;
  --rule-d:rgba(242,237,227,.18); --rule-l:rgba(21,19,15,.16);
  --serif:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --naskh:"Amiri","Geeza Pro","Noto Naskh Arabic",serif;
  --sans:"Jost","Avenir Next","Segoe UI",system-ui,sans-serif;
  --kufi:"Noto Kufi Arabic","Geeza Pro",system-ui,sans-serif;
  --wrap:1180px; --gut:clamp(16px,4.5vw,56px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-synthesis:none;margin:0;background:var(--bone);color:var(--ink);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:lang(ar) body,body:lang(ar){font-family:var(--kufi);font-size:17px;line-height:1.9}
img,svg{display:block;max-width:100%}
a{color:inherit}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.skip{position:absolute;inset-inline-start:-9999px;top:8px;background:var(--brass);color:var(--ink);padding:8px 14px;z-index:99}
.skip:focus{inset-inline-start:8px}
:focus-visible{outline:2px solid var(--brass-text);outline-offset:3px}
.hdr :focus-visible,.hero :focus-visible,.page-hero :focus-visible,.dark :focus-visible,.cta-band :focus-visible,.ftr :focus-visible,.eng article:first-child :focus-visible{outline-color:var(--brass)}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:20;background:rgba(15,42,34,.94);backdrop-filter:blur(8px);color:var(--bone);border-bottom:1px solid var(--rule-d)}
.hdr .wrap{display:flex;align-items:center;gap:24px;min-height:68px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-inline-end:auto}
.brand svg{width:34px;height:34px}
.brand .wm{font:400 18px/1 var(--serif);letter-spacing:0}
.brand .wa{font:400 22px/1 var(--naskh);color:var(--sand)}
.nav{display:flex;align-items:center;gap:20px}
.nav a{text-decoration:none;font:400 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sand);white-space:nowrap}
:lang(ar) .nav a{font:400 15px/1 var(--kufi);letter-spacing:0;text-transform:none}
.nav a:hover{color:var(--bone)}
.lang{font:400 15px/1 var(--kufi)!important;letter-spacing:0!important;text-transform:none!important;color:var(--bone)!important}
:lang(ar) .lang{font:400 13px/1 var(--sans)!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:2px;text-decoration:none;font:500 13px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
:lang(ar) .btn{font:500 15px/1 var(--kufi);letter-spacing:0;text-transform:none}
.btn-brass{background:var(--brass);color:var(--ink)}
.btn-brass:hover{background:#C49F66}
.btn-line{border-color:var(--rule-d);color:var(--bone)}
.btn-line:hover{border-color:var(--sand)}
.btn-ink{background:var(--green);color:var(--bone)}
.btn-ink:hover{background:var(--green-2)}
.nav .btn{min-height:40px;padding:0 16px;color:var(--ink)}
.menu-btn{display:none;background:none;border:1px solid var(--rule-d);color:var(--bone);min-height:40px;padding:0 14px;font:500 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
:lang(ar) .menu-btn{font:500 14px/1 var(--kufi);letter-spacing:0}

/* ---------- hero ---------- */
.hero{background:var(--green);color:var(--bone);position:relative;overflow:hidden;border-bottom:1px solid var(--rule-d)}
.hero .wrap{display:grid;grid-template-columns:1.4fr .6fr;gap:clamp(24px,5vw,72px);align-items:center;padding-block:clamp(56px,9vw,120px) clamp(48px,7vw,96px)}
.eyebrow{font:500 12px/1.3 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--brass-text);margin:0 0 20px;display:flex;align-items:center;gap:12px}
:lang(ar) .eyebrow{font:500 14px/1.4 var(--kufi);letter-spacing:0;text-transform:none}
.eyebrow.name{font-size:16px;letter-spacing:0;text-transform:none}   /* the name 'Alpha MM' is never letter-spaced */
.nq{width:9px;height:9px;background:var(--brass);transform:rotate(45deg);flex:none;display:inline-block}
.hero h1{margin:0;font:400 clamp(44px,5.8vw,80px)/1.04 var(--serif);letter-spacing:-.01em;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--sand)}
:lang(ar) .hero h1{font:400 clamp(52px,8.4vw,112px)/1.25 var(--naskh);letter-spacing:0}
:lang(ar) .hero h1 em{font-style:normal;color:var(--brass)}
.hero .sub{font:400 clamp(22px,2.6vw,30px)/1.4 var(--naskh);color:var(--brass);margin:18px 0 0}
:lang(ar) .hero .sub{font:400 clamp(20px,2.2vw,26px)/1.4 var(--serif);color:var(--sand)}
.hero .lede{max-width:56ch;color:var(--sand);margin:28px 0 36px;font-size:18px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero .eyebrow,.page-hero .eyebrow{color:var(--brass)}
.hero-note{margin:16px 0 0;font-size:14px;color:var(--sand);letter-spacing:.02em}
:lang(ar) .hero-note{letter-spacing:0}
.hero-mark{justify-self:center;width:min(100%,380px);aspect-ratio:1;position:relative}
.hero-mark .ring{position:absolute;inset:0;border:1px solid var(--rule-d);border-radius:50%}
.hero-mark .ring.r2{inset:12%}
.hero-mark svg{position:absolute;top:19%;left:28%;width:44%;height:44%}
.hero-mark .alif{position:absolute;top:63%;inset-inline:0;text-align:center;font:400 clamp(34px,3.6vw,50px)/1 var(--naskh);color:var(--sand)}

/* ---------- proof strip ---------- */
.proof{background:var(--green-3);color:var(--bone)}
.proof ul{list-style:none;margin:0;padding-block:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.proof li{border-inline-start:1px solid var(--rule-d);padding-inline-start:18px}
.proof b{display:block;font:500 12px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-bottom:4px}
:lang(ar) .proof b{font:500 14px/1.5 var(--kufi);letter-spacing:0}
.proof span{font-size:15px;color:var(--sand)}

/* ---------- sections ---------- */
.sec{padding-block:clamp(72px,10vw,128px)}
.sec.dark{background:var(--green);color:var(--bone)}
.sec.tint{background:var(--bone-2)}
.sec h2{font:400 clamp(34px,4.6vw,56px)/1.1 var(--serif);margin:0 0 clamp(36px,5vw,56px);max-width:18ch;text-wrap:balance}
:lang(ar) .sec h2{font:400 clamp(38px,5vw,62px)/1.35 var(--naskh);max-width:20ch}
.dark .eyebrow{color:var(--brass)}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:0}
.rule-card{padding:32px 32px 36px 0;border-top:1px solid var(--rule-l)}
:dir(rtl) .rule-card{padding:32px 0 36px 32px}
.dark .rule-card{border-color:var(--rule-d)}
.rule-card h3{font:400 26px/1.25 var(--serif);margin:0 0 10px}
:lang(ar) .rule-card h3{font:400 26px/1.5 var(--naskh)}
.rule-card p{margin:0;max-width:44ch;color:var(--stone)}
.dark .rule-card p{color:var(--sand)}
.grid2 .rule-card:nth-child(odd){padding-inline-end:48px}
.svc{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule-l);border:1px solid var(--rule-l)}
.svc article{background:var(--bone);padding:32px 26px 36px;display:flex;flex-direction:column;gap:14px;min-height:280px}
.svc .n{font:400 14px/1 var(--sans);letter-spacing:.2em;color:var(--brass-text)}
.svc h3{font:400 25px/1.2 var(--serif);margin:0}
:lang(ar) .svc h3{font:400 24px/1.5 var(--naskh)}
.svc p{margin:0;color:var(--stone);font-size:16px}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:s}
.steps li{position:relative;padding-top:34px;border-top:1px solid var(--rule-d)}
.steps li::before{content:"";position:absolute;top:-6px;inset-inline-start:0;width:11px;height:11px;background:var(--brass);transform:rotate(45deg)}
.steps .k{font:500 12px/1 var(--sans);letter-spacing:.22em;color:var(--brass);text-transform:uppercase}
:lang(ar) .steps .k{font:500 14px/1 var(--kufi);letter-spacing:0}
.steps h3{font:400 28px/1.2 var(--serif);margin:10px 0 8px}
:lang(ar) .steps h3{font:400 27px/1.5 var(--naskh)}
.steps p{margin:0;color:var(--sand);font-size:16px}
.m-note{margin:48px 0 0;padding:22px 26px;border:1px solid var(--rule-d);color:var(--bone);max-width:70ch;font-size:17px}
.sectors{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule-l)}
.sectors li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;padding-block:22px;border-bottom:1px solid var(--rule-l);align-items:baseline}
.sectors b{font:400 clamp(24px,2.6vw,32px)/1.2 var(--serif);font-weight:400}
:lang(ar) .sectors b{font:400 clamp(24px,2.6vw,30px)/1.5 var(--naskh)}
.sectors span{color:var(--stone)}
.eng{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.eng article{border:1px solid var(--rule-l);padding:30px 28px;display:flex;flex-direction:column;gap:12px;background:var(--bone)}
.eng article:first-child{background:var(--green);color:var(--bone);border-color:var(--green)}
.eng .price{font:500 12px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-text)}
:lang(ar) .eng .price{font:500 15px/1.5 var(--kufi);letter-spacing:0}
.eng article:first-child .price{color:var(--brass)}
.eng h3{font:400 28px/1.2 var(--serif);margin:0}
:lang(ar) .eng h3{font:400 27px/1.5 var(--naskh)}
.eng p{margin:0;color:var(--stone);font-size:16px;flex:1}
.eng article:first-child p{color:var(--sand)}
.eng .go{font:500 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;align-self:flex-start;padding-bottom:6px;margin-top:10px}
:lang(ar) .eng .go{font:500 15px/1.4 var(--kufi);letter-spacing:0}
.faq{border-top:1px solid var(--rule-l);max-width:860px}
.faq details{border-bottom:1px solid var(--rule-l)}
.faq summary{list-style:none;cursor:pointer;padding-block:22px;display:flex;justify-content:space-between;gap:20px;font:400 22px/1.35 var(--serif)}
:lang(ar) .faq summary{font:400 21px/1.6 var(--naskh)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:9px;height:9px;background:var(--brass);transform:rotate(45deg);flex:none;margin-top:12px;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(225deg)}
.faq p{margin:0 0 24px;color:var(--stone);max-width:66ch}
.cta-band{background:var(--green);color:var(--bone);text-align:center}
.cta-band .wrap{padding-block:clamp(72px,9vw,112px);display:flex;flex-direction:column;align-items:center;gap:18px}
.cta-band h2{margin:0;max-width:none}
.cta-band p{margin:0 0 12px;color:var(--sand);max-width:56ch}

/* ---------- footer ---------- */
.ftr{background:var(--green-3);color:var(--sand);font-size:15px}
.ftr .wrap{padding-block:56px 96px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:36px}
.ftr h2{font:500 12px/1.3 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--brass);margin:0 0 14px}
:lang(ar) .ftr h2{font:500 14px/1.5 var(--kufi);letter-spacing:0}
.ftr p{margin:0 0 8px}
.ftr a{color:var(--bone);text-decoration:none;border-bottom:1px solid var(--rule-d)}
.ftr .legal{grid-column:1/-1;border-top:1px solid var(--rule-d);padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:var(--sand)}
.ftr .brand{margin-bottom:16px}
[dir] .ltr{direction:ltr;unicode-bidi:isolate}

/* ---------- audit page ---------- */
.page-hero{background:var(--green);color:var(--bone)}
.page-hero .wrap{padding-block:clamp(56px,8vw,96px) clamp(40px,6vw,64px)}
.page-hero h1{font:400 clamp(40px,5.6vw,76px)/1.06 var(--serif);margin:0 0 20px;text-wrap:balance}
:lang(ar) .page-hero h1{font:400 clamp(44px,5.8vw,80px)/1.3 var(--naskh)}
.page-hero .lede{max-width:60ch;color:var(--sand);margin:0;font-size:18px}
.page-hero .jump{margin:28px 0 0}
.audit{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:start}
.facts h2{max-width:none!important;font:500 12px/1.3 var(--sans)!important;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-text);margin:0 0 12px!important}
:lang(ar) .facts h2{font:500 15px/1.5 var(--kufi)!important;letter-spacing:0}
.facts ul{margin:0 0 32px;padding:0;list-style:none;border-top:1px solid var(--rule-l)}
.facts li{padding-block:12px;border-bottom:1px solid var(--rule-l);display:flex;gap:12px;align-items:baseline}
.facts li::before{content:"";width:7px;height:7px;background:var(--brass);transform:rotate(45deg);flex:none;position:relative;top:-2px}
.form{background:#FBF8F2;border:1px solid var(--rule-l);padding:clamp(24px,3.5vw,40px)}
.form h2{font:400 32px/1.2 var(--serif)!important;margin:0 0 24px!important}
:lang(ar) .form h2{font:400 30px/1.5 var(--naskh)!important}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field.full{grid-column:1/-1}
.field label{font:500 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
:lang(ar) .field label{font:500 14px/1.5 var(--kufi);letter-spacing:0}
.field input,.field select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #8F8676;background:#fff;color:var(--ink);font:400 16px/1.3 var(--sans);border-radius:2px}
.field select{-webkit-appearance:none;appearance:none;padding-inline-end:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237A5A28' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center/12px 8px}
[dir=rtl] .field select{background-position:left 14px center}
.field select:invalid{color:var(--stone)}
.field select option{color:var(--ink)}
:lang(ar) .field input,:lang(ar) .field select{font-family:var(--kufi)}
.field input:focus,.field select:focus{outline:2px solid var(--brass-text);outline-offset:0;border-color:var(--brass-text)}
.check{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--stone)}
.check input{width:20px;height:20px;margin-top:4px;accent-color:var(--green);flex:none}
.hp{position:absolute!important;inset-inline-start:-10000px!important;width:1px;height:1px;overflow:hidden}
.form .btn{margin-top:20px;width:100%}
.form-status{margin:14px 0 0;font-size:15px;color:#8A2E1B;min-height:1.4em}
.prose{max-width:72ch}
.prose h2{font:400 28px/1.25 var(--serif)!important;margin:40px 0 12px!important;max-width:none!important}
:lang(ar) .prose h2{font:400 26px/1.6 var(--naskh)!important}
.prose p,.prose li{color:#2E2A24}
.prose ul{padding-inline-start:1.2em}
.center{text-align:center}
.center .wrap{display:flex;flex-direction:column;align-items:center;gap:18px}

@media (max-width:1180px){
  .menu-btn{display:inline-flex;align-items:center}
  .nav{display:none;position:absolute;inset-inline:0;top:100%;background:var(--green);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gut) 20px;border-bottom:1px solid var(--rule-d)}
  .nav.open{display:flex}
  .nav a{padding-block:14px;border-bottom:1px solid var(--rule-d)}
  .nav .btn{margin-top:14px;border:0}
  .eng{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1000px){
  .svc{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr);row-gap:44px}
  .proof ul{grid-template-columns:repeat(2,1fr)}
  .audit{grid-template-columns:1fr}
}
@media (max-width:860px){
  .hero .wrap{grid-template-columns:1fr}
  .hero-mark{display:none}
  .grid2{grid-template-columns:1fr}
  .grid2 .rule-card:nth-child(odd){padding-inline-end:0}
  .rule-card,:dir(rtl) .rule-card{padding-inline:0}
  .sectors li{grid-template-columns:1fr;gap:4px}
  .ftr .wrap{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .eng{grid-template-columns:1fr}
}
@media (max-width:560px){
  .svc,.steps,.proof ul{grid-template-columns:1fr}
  .svc article{min-height:0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.cta-band h2{font:400 clamp(34px,4.6vw,56px)/1.1 var(--serif);text-wrap:balance}
:lang(ar) .cta-band h2{font:400 clamp(38px,5vw,62px)/1.35 var(--naskh)}
.ftr a.brand{border-bottom:0}
.hero .sub[lang="ar"]{text-align:left}
.hero .sub[lang="en"]{text-align:right}
.btn:disabled{opacity:.55;cursor:not-allowed}
#audit-form{scroll-margin-top:84px}
/* Client rule: Arabic is never letter-spaced or uppercased. Latin inside Arabic pages carries lang="en" to keep its tracking. */
:lang(ar){letter-spacing:0!important;text-transform:none!important}

/* ---------- shared bits added 03.10.2026 (method + specimen pages, five articles, WhatsApp) ---------- */
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.cta-band .ctas{justify-content:center}
.btn-outline{border-color:var(--green);color:var(--green)}
.btn-outline:hover{background:var(--green);color:var(--bone)}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.articles{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule-l);max-width:880px}
.articles li{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:baseline;padding-block:22px;border-bottom:1px solid var(--rule-l)}
.articles .n{font:400 14px/1 var(--sans);letter-spacing:.2em;color:var(--brass-text)}
.articles p{margin:0;font:400 clamp(21px,2.3vw,26px)/1.4 var(--serif)}
:lang(ar) .articles p{font:400 clamp(22px,2.4vw,27px)/1.7 var(--naskh)}
.std-note{margin:24px 0 0;color:var(--stone);font-size:16px}
.m-link{margin:28px 0 0}
.eng-note{margin:28px 0 0;max-width:72ch;color:var(--stone);font-size:15px}
.copy{max-width:64ch}
.copy p{margin:0 0 18px;font-size:18px;color:#2E2A24}
.intro{max-width:66ch;margin:0 0 36px;color:#2E2A24;font-size:18px}
.chain{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule-l);border:1px solid var(--rule-l);counter-reset:c}
.chain li{background:var(--bone);padding:26px 24px 28px;display:flex;flex-direction:column;gap:8px;border-top:3px solid var(--sand)}
.chain li.us{border-top-color:var(--green)}
.chain li.you{border-top-color:var(--brass)}
.chain .tag{font:500 11px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--stone)}
:lang(ar) .chain .tag{font:500 13px/1.5 var(--kufi);letter-spacing:0}
.chain h3{font:400 24px/1.25 var(--serif);margin:0}
:lang(ar) .chain h3{font:400 23px/1.5 var(--naskh)}
.chain p{margin:0;color:var(--stone);font-size:16px}
.chain-note{margin:20px 0 0;max-width:70ch;color:#2E2A24}
.chain-note + .chain-note{margin-top:10px}
.chain-cta{margin:28px 0 0}
.audit.rev{align-items:start}
.audit.rev .facts ul{margin-bottom:0}
.sectors.path li{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}
.form-closed h2{margin-bottom:16px!important}
.form-closed p{margin:0 0 20px;color:var(--stone)}
.form-closed .btn{margin-top:0;width:auto}
.form-wa{margin:16px 0 0;font-size:15px;color:var(--stone)}
.wa-link{color:var(--green);font-weight:500}

/* ---------- specimen statement ---------- */
.specwrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(32px,5vw,72px);align-items:start}
.spec{position:relative;background:#FBF8F2;border:1px solid var(--ink);padding:clamp(28px,4vw,48px) clamp(24px,4vw,48px);overflow:hidden}
.spec-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ink);padding-bottom:14px}
.spec-top .wm{font:400 20px/1 var(--serif);letter-spacing:0}
.spec-top .wa{font:400 26px/1 var(--naskh)}
.spec-title{margin:0;font:400 clamp(26px,2.6vw,34px)/1.2 var(--serif)}
:lang(ar) .spec-title{font:400 clamp(26px,2.6vw,32px)/1.5 var(--naskh)}
.spec-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 8px;padding-bottom:18px;border-bottom:1px solid var(--rule-l)}
.spec-meta dt,.srow dt{font:500 12px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--stone)}
:lang(ar) .spec-meta dt,:lang(ar) .srow dt{font:500 14px/1.6 var(--kufi);letter-spacing:0}
.spec-meta dd{margin:2px 0 0;font-size:16px}
.spec section{margin-top:26px}
.spec-h{font:500 12px/1.3 var(--sans)!important;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-text);margin:0 0 6px!important;max-width:none!important}
:lang(ar) .spec-h{font:500 15px/1.5 var(--kufi)!important;letter-spacing:0}
.spec dl{margin:0}
.srow{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding-block:11px;border-bottom:1px solid var(--rule-l)}
.srow dt{text-transform:none;letter-spacing:0;font:400 16px/1.4 var(--sans);color:var(--ink)}
:lang(ar) .srow dt{font:400 16px/1.7 var(--kufi)}
.srow dd{margin:0;font:400 20px/1 var(--sans);color:var(--ink)}
.spec-n{margin:12px 0 0;font-size:14px;color:var(--stone)}
.spec-v{margin:0;font-size:16px;color:#2E2A24}
.spec-foot{margin-top:30px;padding-top:14px;border-top:1px solid var(--ink);font:500 12px/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--stone)}
:lang(ar) .spec-foot{font:500 14px/1.7 var(--kufi);letter-spacing:0}
.spec-titlerow{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0 16px}
.spec-titlerow .spec-title{margin:0}
.stamp{transform:rotate(-8deg);border:3px solid var(--brass-text);color:var(--brass-text);padding:5px 14px;display:flex;flex-direction:column;align-items:center;gap:0;font:500 21px/1.15 var(--sans);opacity:.85;pointer-events:none;flex:none}
.stamp span[lang=en]{letter-spacing:.1em}
.stamp span[lang=ar]{font:400 22px/1.3 var(--naskh)}
.spec-side h2{margin:28px 0 12px!important;max-width:none!important}
.spec-side h2:first-child{margin-top:0!important}
.spec-side p{margin:0 0 20px;color:#2E2A24}

/* responsive rules for the blocks above (kept after their base rules so they win) */
@media (max-width:1000px){
  .chain{grid-template-columns:repeat(2,1fr)}
  .specwrap{grid-template-columns:1fr}
}
@media (max-width:640px){
  .sectors.path li{grid-template-columns:1fr;gap:4px}
}
@media (max-width:560px){
  .chain{grid-template-columns:1fr}
  .articles li{grid-template-columns:40px 1fr;gap:10px}
  .spec{padding:24px 18px 22px}
  .spec-meta{grid-template-columns:1fr}
  .stamp{font-size:19px;padding:4px 12px}
  .form-closed .btn{width:100%}
}

/* ---------- v2 additions, 11.10.2026: the fork, the groups door, WhatsApp button, legal pages ---------- */
.fork{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}
.fork a{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 56px 22px 22px;border:1px solid var(--rule-d);background:rgba(242,237,227,.04);color:var(--bone);text-decoration:none;min-height:104px;justify-content:center;transition:border-color .2s,background .2s}
[dir=rtl] .fork a{padding:22px 22px 22px 56px}
.fork a:hover{border-color:var(--brass);background:rgba(242,237,227,.08)}
.fork b{font:400 clamp(22px,2vw,26px)/1.25 var(--serif)}
:lang(ar) .fork b{font:400 clamp(24px,2.4vw,30px)/1.4 var(--naskh)}
.fork span{font-size:15px;color:var(--sand);line-height:1.5}
.fork a::after{content:"\2192";position:absolute;inset-inline-end:20px;top:50%;transform:translateY(-50%);font:400 22px/1 var(--sans);color:var(--brass)}
[dir=rtl] .fork a::after{content:"\2190"}
.ftr .nameline{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0 0 12px;color:var(--bone)}
.ftr .nameline span[lang=ar]{font:400 22px/1.5 var(--naskh)}
.ftr .nameline span[lang=en]{font:400 17px/1.4 var(--serif)}
.svc-note{margin:28px 0 0;max-width:72ch;color:var(--stone);font-size:15px}
.band-forks{justify-content:center}
.band-forks .btn{min-width:240px}
.wa-float{position:fixed;inset-block-end:max(18px,env(safe-area-inset-bottom));inset-inline-end:18px;z-index:40;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px;border-radius:2px;background:var(--brass);color:var(--ink);text-decoration:none;font:500 13px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 8px 26px rgba(11,32,26,.38)}
:lang(ar) .wa-float{font:500 15px/1 var(--kufi);letter-spacing:0;text-transform:none}
.wa-float svg{width:22px;height:22px;fill:currentColor;flex:none}
.wa-float:hover{background:#C49F66}
.wa-float:focus-visible{outline:2px solid var(--bone);outline-offset:3px}
.ftr .wa-float{border-bottom:0}
.meta{margin:0 0 24px;padding:12px 16px;border:1px solid var(--rule-l);background:#FBF8F2;font-size:15px;color:var(--stone)}
.meta a{color:var(--green);font-weight:500}
.controller{margin:0 0 24px;border-top:1px solid var(--rule-l)}
.controller div{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:16px;padding-block:12px;border-bottom:1px solid var(--rule-l)}
.controller dt{font:500 12px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--brass-text)}
:lang(ar) .controller dt{font:500 14px/1.7 var(--kufi);letter-spacing:0}
.controller dd{margin:0;color:#2E2A24}
.steps.three{grid-template-columns:repeat(3,1fr)}
.sec.tint .facts ul{margin-bottom:0}
.grp-terms{max-width:760px}
.prose a{color:var(--green);font-weight:500}
@media (max-width:1000px){.steps.three{grid-template-columns:1fr;row-gap:44px}}
@media (max-width:640px){.fork{grid-template-columns:1fr}.controller div{grid-template-columns:1fr;gap:2px}.band-forks .btn{width:100%}}
@media (max-width:560px){.wa-float{padding:0 16px;min-height:48px;inset-inline-end:14px;inset-block-end:max(14px,env(safe-area-inset-bottom))}.ftr .wrap{padding-bottom:96px}}

.lang{display:inline-flex!important;align-items:center;gap:8px}
.lang .flag{display:block;flex:none;width:22px;height:11px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.28)}