/* taiseer.muhkam.ae, page layer on top of the muhkam.ae v7 system (site.css). 2026-09-27 */
.tz-logo .logo-w b{font-size:24px}
.tz-logo .logo-w i{letter-spacing:0;margin:0;font:500 11px/1.2 "IBM Plex Sans Arabic","IBM Plex Sans",sans-serif;color:#BDB3AC;direction:inherit}
.tz-hero .tag{margin-block-end:26px}
.tz-hero .d0 em{display:block;color:#fff}
.tz-mt{margin-block-start:22px}
.tz-tag-o{background:var(--o);color:var(--k)}

/* hero UI: intake list + pipeline */
.tz-hero-ui .tz-badge{background:var(--o);color:var(--k);padding:2px 9px;font-weight:700}
.tz-pool{display:grid;gap:8px;padding:14px 16px;background:#FDEEE6;border-block-end:1px solid var(--ln)}
.tz-pool p{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--ln);border-inline-start:3px solid var(--o);padding:10px 12px}
.tz-pool span{display:grid;gap:2px} .tz-pool b{font-size:14.5px} .tz-pool small{font-size:12.5px;color:var(--st)}
.tz-pool em{font-style:normal;font-weight:700;font-size:13px;background:var(--o);color:var(--k);padding:7px 14px;white-space:nowrap}
.tz-sub{background:var(--k2)}

/* steps band: button under the steps */
.tz-steps-act{margin-block-start:clamp(36px,4vw,56px)}

/* whatsapp band */
.tz-wa .d1{color:var(--p)}
.tz-ticks{margin-block-start:28px;font-size:17px} .tz-ticks li{color:#E6DED8;font-weight:500}

/* features: 3 x 3 */
.tz-feats{row-gap:40px}

/* reports band: dashboard first on desktop */
.tz-rep .svc-top{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.tz-dash .kpis div:last-child{background:var(--o)}

/* who + proof */
.tz-who{display:grid;grid-template-columns:repeat(4,1fr);border-block-start:3px solid var(--k)}
.tz-who li{padding:22px 18px;font:600 clamp(17px,1.4vw,20px)/1.45 var(--disp);border-block-end:1px solid #CFC3BA;border-inline-end:1px solid #CFC3BA}
.tz-who li:nth-child(4n){border-inline-end:0}
.tz-who li:last-child{background:var(--o)}
.tz-proof-h{margin-block:clamp(56px,6vw,88px) 28px}
.tz-proof{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tz-proof article{background:var(--k);color:var(--p);padding:clamp(26px,3vw,40px);display:grid;gap:12px;align-content:start;box-shadow:10px 10px 0 var(--o)}
[dir=rtl] .tz-proof article{box-shadow:-10px 10px 0 var(--o)}
.tz-proof .case-s{color:var(--o)} .tz-proof h3{font-size:clamp(24px,2.4vw,32px)} .tz-proof p{color:#D9D0CA}

/* demo form */
.tz-form-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.tz-form-t{position:sticky;inset-block-start:110px;display:grid;justify-items:start}
.tz-after{margin-block:22px 20px;font-weight:600;border-inline-start:4px solid var(--o);padding-inline-start:14px}
.tz-form-box{background:#fff;border:2px solid var(--k);padding:clamp(22px,3vw,40px);box-shadow:10px 10px 0 var(--o)}
[dir=rtl] .tz-form-box{box-shadow:-10px 10px 0 var(--o)}
/* restyle the original widget to the house look (paper, ink, one orange, square) */
.tz-form-box #twf-lead-form{--twf-navy:#141110;--twf-navy-dark:#141110;--twf-red:#B3261E;--twf-teal:#F0530C;--twf-ink:#141110;
  --twf-gray-200:#D8CEC7;--twf-gray-300:#C4B8B0;--twf-gray-500:#6E6663;--twf-gray-700:#3A3330;--twf-bg-soft:#F1EAE4;max-width:none}
.tz-form-box #twf-lead-form *{border-radius:0!important}
.tz-form-box #twf-lead-form .twf-spinner,.tz-form-box #twf-lead-form .twf-btn.is-loading::after{border-radius:50%!important}
.tz-form-box #twf-lead-form .twf-seg i{background:var(--o)}
.tz-form-box #twf-lead-form .twf-pane h3{font-family:"Alexandria","IBM Plex Sans Arabic",sans-serif;font-size:21px}
.tz-form-box #twf-lead-form .twf-field input[type=text],.tz-form-box #twf-lead-form .twf-field input[type=tel],.tz-form-box #twf-lead-form .twf-field input[type=email]{background:var(--p);border-width:1.5px;min-height:48px}
.tz-form-box #twf-lead-form .twf-field input:focus{background:#fff;box-shadow:0 0 0 3px rgba(240,83,12,.18)}
.tz-form-box #twf-lead-form .twf-radio-pill{background:var(--p);color:var(--k)}
.tz-form-box #twf-lead-form .twf-radio-pill:has(input:checked){background:var(--k);border-color:var(--k);color:var(--p)}
.tz-form-box #twf-lead-form .twf-file-drop{background:var(--p)}
.tz-form-box #twf-lead-form .twf-btn{min-height:48px}
.tz-form-box #twf-lead-form .twf-btn-primary{background:var(--o);color:var(--k)} .tz-form-box #twf-lead-form .twf-btn-primary:hover{background:var(--k);color:var(--p)}
.tz-form-box #twf-lead-form .twf-btn-outline{border-color:var(--k);color:var(--k)} .tz-form-box #twf-lead-form .twf-btn-outline:hover{background:var(--k);color:var(--p)}
.tz-form-box #twf-lead-form .twf-submit-error{color:#7A1A14;background:#FBEDEC}
.tz-form-box #twf-lead-form .twf-success .twf-success-icon{background:#EDF6F0;color:var(--ok);border-radius:0!important}

@media (max-width:1080px){.tz-who{grid-template-columns:repeat(2,1fr)} .tz-who li:nth-child(4n){border-inline-end:1px solid #CFC3BA} .tz-who li:nth-child(2n){border-inline-end:0}}
@media (max-width:900px){
  .tz-rep .svc-top,.tz-form-in,.tz-proof{grid-template-columns:1fr}
  .tz-rep .svc-top>div:first-child{order:2}
  .tz-form-t{position:static}
  .tz-hero .hero-v{order:2}
}
@media (max-width:600px){
  .tz-proof article,[dir=rtl] .tz-proof article,.tz-form-box,[dir=rtl] .tz-form-box{box-shadow:0 8px 0 var(--o)}
  .tz-form-box{padding:18px 14px}
  .tz-hero .acts .btn{inline-size:100%}
}
/* hero headline on two lines at desktop widths (house rule) */
@media (min-width:901px){
  .tz-hero .hero-in{grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr)}
  .tz-hero .d0{font-size:clamp(38px,4.2vw,62px)}
  html[lang=ar] .tz-hero .d0{font-size:clamp(36px,4.3vw,64px)}
}
html[lang=en] .tz-logo .logo-w b{font-family:"Archivo",sans-serif;letter-spacing:-.02em}