/* ASLS enhanced-SEO version. Extends the live home.css tokens; nothing here overrides brand colours. */
a.lang{display:inline-flex;align-items:center;justify-content:center;color:var(--ink);font-size:14px;line-height:1}

/* home hero: keyword H1 + large tagline */
.hero-copy .hero-h1{font-size:clamp(15px,1.15vw,17px);line-height:1.9;font-weight:700;align-items:flex-start;margin-bottom:14px;text-wrap:balance}
.hero-copy .hero-h1::before{margin-top:.9em;flex:none}
.hero-title{margin:0;font-weight:700;letter-spacing:0;text-wrap:balance;font-size:var(--fit,clamp(46px,5.2vw,80px));line-height:1.35}
.hero-title.is-measure .ln,.hero-title.is-fit .ln{white-space:nowrap}
html[lang="en"] .hero-title{line-height:1.1;letter-spacing:-.01em}
.hero-title em{font-style:normal;color:var(--mute);font-weight:300}
@media (max-width:760px){.hero-title{font-size:var(--fit,clamp(34px,10.2vw,52px))}}

/* home services: 8 linked cards */
a.svc{display:block;color:inherit}
.svc-grid[data-static]{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.svc-grid[data-static]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.svc-grid[data-static]{grid-template-columns:1fr}.svc-grid[data-static] .svc{min-height:0}}
.svc-grid[data-static] .svc p{max-height:none;opacity:1}

/* service, hub and about pages */
.sv-hero{padding:clamp(120px,15vw,190px) var(--gut) clamp(40px,6vw,72px);background:radial-gradient(900px 420px at 80% 0,var(--tq-soft),transparent 70%)}
html[dir="ltr"] .sv-hero{background:radial-gradient(900px 420px at 20% 0,var(--tq-soft),transparent 70%)}
.sv-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.4;max-width:20ch}
html[lang="en"] .sv-hero h1{line-height:1.15;max-width:22ch}
.sv-lead{margin:20px 0 0;max-width:56ch;color:var(--mute);font-size:clamp(17px,1.6vw,20px);line-height:1.95;text-wrap:pretty}
html[lang="en"] .sv-lead{line-height:1.7}
.sv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;color:var(--faint);font-size:14px;line-height:1.9}
.crumbs a{color:var(--mute)}
.crumbs a:hover{color:var(--tq-ink)}
.crumbs i{font-style:normal;color:var(--faint)}
.crumbs span{color:var(--ink)}
.sv-sec{padding-block:clamp(40px,5.5vw,76px)}
.sv-sec h2{font-size:clamp(25px,3vw,38px);line-height:1.5;margin-bottom:clamp(20px,3vw,32px)}
html[lang="en"] .sv-sec h2{line-height:1.25}
.sv-narrow{max-width:var(--max);margin-inline:auto}
.sv-narrow>*{max-width:860px}
.sv .foot{content-visibility:visible;contain-intrinsic-size:none}
.sv-answer{padding-top:0}
.sv-answer p{margin:0 0 16px;font-size:clamp(18px,1.7vw,21px);line-height:2.05;color:var(--ink);text-wrap:pretty}
html[lang="en"] .sv-answer p{line-height:1.75}
.sv-read{font-size:16px!important;color:var(--mute)!important;line-height:1.95!important}
.sv-read a{color:var(--tq-ink);border-bottom:1px solid currentColor}
.sv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sv-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sv-item{padding:24px 22px;background:var(--card-bg);border:1px solid var(--glass-line);border-radius:var(--r)}
.sv-item h3{font-size:19px;line-height:1.6}
.sv-item p{margin:8px 0 0;color:var(--mute);font-size:15.5px;line-height:1.95;text-wrap:pretty}
html[lang="en"] .sv-item p{line-height:1.65}
.sv-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.sv-steps li{border-top:2px solid var(--tq);padding-top:16px}
.sv-steps b{display:block;color:var(--ink);font-size:14px;line-height:1.6}
.sv-steps h3{margin-top:6px;font-size:20px;line-height:1.6}
.sv-steps p{margin:6px 0 0;color:var(--mute);font-size:15.5px;line-height:1.95;text-wrap:pretty}
html[lang="en"] .sv-steps p{line-height:1.65}
.sv-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sv-cases[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv-case .card-body p{text-wrap:pretty}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:none;color:var(--tq-ink);font-size:24px;line-height:1}
.faq-item[open] summary::after{content:"\2212"}
.faq-item h3{font-size:18px;line-height:1.75;font-weight:700}
html[lang="en"] .faq-item h3{line-height:1.4}
.faq-item p{margin:0;padding:0 0 20px;color:var(--mute);font-size:16px;line-height:2;text-wrap:pretty}
html[lang="en"] .faq-item p{line-height:1.7}
.sv-h-sm{font-size:20px!important;margin-bottom:14px!important}
.sv-rels{display:flex;flex-wrap:wrap;gap:10px}
.sv-rel{display:inline-flex;padding:9px 18px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:15px;line-height:1.7;transition:border-color .2s,color .2s}
.sv-rel:hover{border-color:var(--tq);color:var(--tq-ink)}
.sv-cta{padding:clamp(56px,8vw,104px) var(--gut);background:linear-gradient(180deg,var(--bg),var(--bg-2));text-align:center}
.sv-cta h2{font-size:clamp(26px,3.6vw,44px);line-height:1.5;max-width:24ch;margin-inline:auto}
html[lang="en"] .sv-cta h2{line-height:1.2}
.sv-cta p{margin:14px auto 0;color:var(--mute);font-size:17px;line-height:1.95;max-width:48ch;text-wrap:balance}
.sv-cta .sv-actions{justify-content:center}
.sv-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sv-card{display:block;padding:clamp(24px,3vw,36px);background:var(--card-bg);border:1px solid var(--glass-line);border-radius:var(--r);color:inherit;transition:border-color .25s,transform .25s}
.sv-card:hover{border-color:rgba(27,164,169,.55);transform:translateY(-3px)}
.sv-card svg{width:44px;height:44px;stroke:var(--tq-ink);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sv-card h2{margin:16px 0 0;font-size:clamp(20px,2vw,24px);line-height:1.6}
html[lang="en"] .sv-card h2{line-height:1.3}
.sv-card p{margin:8px 0 0;color:var(--mute);font-size:16px;line-height:1.95;text-wrap:pretty}
html[lang="en"] .sv-card p{line-height:1.65}
.sv-facts{margin:0;display:grid;gap:0;border-top:1px solid var(--line)}
.sv-facts div{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.sv-facts dt{color:var(--mute);font-size:15px;line-height:1.9}
.sv-facts dd{margin:0;font-weight:500;font-size:16px;line-height:1.9}
@media (max-width:1100px){.sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.sv-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.sv-grid--3,.sv-steps,.sv-hub{grid-template-columns:1fr}.sv-cases,.sv-cases[data-n="2"]{grid-template-columns:1fr}}
@media (max-width:560px){.sv-grid{grid-template-columns:1fr}.sv-actions .btn{flex:1 1 auto;justify-content:center}.sv-facts div{grid-template-columns:1fr;gap:0}}

/* Dawwar section (replaces Saghi) */
.dw-lead{margin:14px 0 18px;color:var(--mute);font-size:clamp(16px,1.25vw,18px);line-height:1.9;text-wrap:pretty}
html[lang="en"] .dw-lead{line-height:1.6}
.dw .sv-actions{margin-top:22px}
.dw-fig{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:center}
.dw-fig img{width:100%;height:auto;display:block}
.dw-stats{margin:0;display:grid;gap:16px}
.dw-stats div{margin:0;padding-block:0 14px;border-bottom:1px solid var(--glass-line)}
.dw-stats div:last-child{border-bottom:0;padding-block-end:0}
.dw-stats dt{font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.35;color:var(--ink)}
.dw-stats dd{margin:0;color:var(--mute);font-size:15px;line-height:1.9}
@media (max-width:560px){.dw-fig{grid-template-columns:1fr}.dw-fig img{max-width:300px;margin-inline:auto}.dw-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.dw-stats div:nth-last-child(2){border-bottom:0;padding-block-end:0}}

/* «وش يعني؟» block */
.news .head--row{align-items:flex-end;gap:20px}
.news .head h2{margin:6px 0 0;line-height:1.5}
.news .head .lead{margin:6px 0 0}
.news .ins .card-media{aspect-ratio:16/9}
.news .ins .card-media img{width:100%;height:100%;object-fit:cover;display:block}
.news .ins[lang="ar"] h3{line-height:1.7}
@media (max-width:560px){.news .head--row{flex-direction:column;align-items:flex-start;gap:10px}}