:root{--font-ar:"Cairo","Tahoma","Arial",sans-serif;--font-en:"Manrope","Segoe UI","Helvetica Neue",Arial,sans-serif;--display-tracking:-.055em;--text-leading:1.82}
html[lang="ar"] body{font-family:var(--font-ar);font-feature-settings:"kern","liga","calt";font-variant-numeric:tabular-nums}
html[lang="en"] body{font-family:var(--font-en);font-feature-settings:"kern","liga","calt";font-variant-numeric:tabular-nums}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}
h1,h2,h3,.logo,.btn,.badge,.eyebrow,strong,b{font-family:inherit;text-wrap:balance}
p{max-width:68ch;text-wrap:pretty}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{letter-spacing:-.035em}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{letter-spacing:var(--display-tracking)}
html[lang="ar"] .hero h1{font-weight:900;line-height:1.13;font-size:clamp(3.15rem,6vw,6.35rem)}
html[lang="en"] .hero h1{font-weight:800;line-height:.98;font-size:clamp(3.5rem,6.4vw,6.8rem)}
html[lang="ar"] h2{font-weight:900;line-height:1.28}
html[lang="en"] h2{font-weight:800;line-height:1.08}
h3{font-weight:800;line-height:1.35}
html[lang="ar"] p{line-height:1.95}
html[lang="en"] p{line-height:1.72}
.heroText>p{font-weight:500}
html[lang="ar"] .heroText>p{font-size:1.17rem;line-height:2}
html[lang="en"] .heroText>p{font-size:1.18rem;line-height:1.72;letter-spacing:-.012em}
.eyebrow{font-family:var(--font-en)!important;font-weight:800;letter-spacing:.18em;line-height:1.2}
.badge{font-weight:800;line-height:1.55}
html[lang="en"] .badge{font-size:.84rem;letter-spacing:-.01em}
.logo{font-family:var(--font-en)!important;letter-spacing:-.045em}
.logo small{font-family:var(--font-ar)!important;letter-spacing:0;line-height:1.35;font-weight:800}
.nav>nav{font-weight:700}
html[lang="ar"] .nav>nav{font-size:.84rem}
html[lang="en"] .nav>nav{font-size:.78rem;letter-spacing:-.018em}
.btn{font-weight:800;line-height:1.3;letter-spacing:0}
html[lang="en"] .btn{text-transform:none;letter-spacing:-.015em}
input,textarea,button,select{font-family:inherit}
input::placeholder,textarea::placeholder{opacity:1;color:#8493aa;font-weight:500}
.catgrid b,.whygrid h3,.storegrid h3{font-weight:800}
html[lang="ar"] .catgrid b{line-height:1.55}
html[lang="en"] .catgrid b{line-height:1.25;letter-spacing:-.018em}
.phone{font-size:.94rem}.phone h3{font-weight:900}
html[lang="en"] .phone h3{font-weight:800;letter-spacing:-.025em}
.phonecats span{line-height:1.35;font-weight:700}
.trust span{font-weight:800}
.steps strong{font-family:var(--font-en);font-weight:800;letter-spacing:-.08em}
.old{font-family:var(--font-ar);font-weight:900}
.map>b{font-family:var(--font-en);font-weight:800;letter-spacing:.06em}
.filters button{font-weight:700}
.formgrid label,.consent{line-height:1.6}
footer>div>b{font-weight:800;font-size:1rem}
footer a{font-weight:500}
@media(max-width:700px){html[lang="ar"] .hero h1{font-size:3.3rem;line-height:1.18}html[lang="en"] .hero h1{font-size:3.55rem;line-height:1.01}.heroText>p{max-width:34ch;margin-inline:auto}.eyebrow{font-size:.7rem;letter-spacing:.15em}html[lang="ar"] h2{line-height:1.35}.nav .logo span span{font-size:.88rem}.nav .logo small{font-size:.54rem}}
@media(max-width:390px){html[lang="ar"] .hero h1{font-size:2.8rem}html[lang="en"] .hero h1{font-size:3rem}.logo>b{width:38px;height:38px}}

/* final refinement */
.wrap{padding-block:clamp(78px,9vw,118px)}
.head{margin-bottom:clamp(34px,5vw,56px)}
.head p{margin-inline:auto}
.heroText{max-width:700px}
.hero .actions{align-items:center}
.btn,.lang,.hamb,.filters button,.request button,.trackform button,.submit{min-height:46px}
.btn{padding-inline:22px;border-radius:15px}
.badge{border-radius:999px;padding:10px 16px}
.catgrid button{min-height:96px}
.steps article h3{margin-bottom:10px}
.steps article p{font-size:.98rem;margin-bottom:0}
.partners article p{min-height:5.4em}
.storegrid h3{font-size:1.18rem}
.request textarea{font-size:1.03rem;line-height:1.7}
.request input,.formgrid input,.formgrid textarea,.trackform input{transition:border-color .2s,box-shadow .2s,background .2s}
.request input:focus,.formgrid input:focus,.formgrid textarea:focus,.trackform input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px #007bff16;background:#fbfdff}
.faq article button{line-height:1.55}
.faq article p{font-size:1rem}
footer{line-height:1.6}
@media(max-width:700px){.wrap{padding-block:76px}.catgrid button{min-height:88px}.partners article p{min-height:0}.btn{padding-inline:18px}.hero .actions .btn{flex:1;justify-content:center;min-width:145px}.trust{line-height:1.45}}