/* Aura enhanced-SEO version. Extends the live home.css tokens; nothing here changes brand colours. */
html{scroll-padding-top:90px}
main{display:block}
h1,h2,h3{margin:0;letter-spacing:0;text-wrap:balance}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{line-height:1.5}

/* home: H1 carries brand and category, the slogan stays the large line */
h1.hero__eyebrow{line-height:1.5}
.hero__kw{display:block;margin-top:6px;font-size:clamp(14px,1.5vw,18px);line-height:1.9;font-weight:500;color:var(--tx-dark-dim)}
html[dir="ltr"] .hero__kw{line-height:1.5}
.hero__title{margin:0}
.why__answer{margin:clamp(22px,3vw,34px) 0 0;max-width:66ch;font-size:clamp(16px,1.45vw,19px);line-height:2;color:var(--ink-soft);text-wrap:pretty}
html[dir="ltr"] .why__answer{line-height:1.7}
.cards[data-static]{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards[data-static] .card{min-width:0}
.card__ar a{color:inherit;text-decoration:none}
.card__desc{font-size:14.5px;line-height:1.95;text-wrap:pretty}
html[dir="ltr"] .card__desc{line-height:1.65}
.card__en{line-height:1.9}
.partners{grid-template-columns:repeat(5,minmax(0,1fr))}
.partners img{max-width:min(150px,100%)}
.faq-wrap{max-width:860px;margin-inline:auto}
.faq-title{margin-bottom:clamp(18px,3vw,30px);font-size:clamp(24px,3vw,38px);font-weight:700;color:var(--ink)}
.cta h2{text-wrap:balance}
.sv-cta-lead{margin:0;max-width:52ch;color:var(--tx-dark-dim);font-size:clamp(16px,1.5vw,19px);line-height:1.95;text-wrap:pretty}
html[dir="ltr"] .sv-cta-lead{line-height:1.65}
.form__intro h2 em{display:block}

/* inner pages */
.sv-hero{position:relative;padding:clamp(120px,14vw,190px) var(--pad) clamp(52px,7vw,92px);background:radial-gradient(70% 90% at 80% 0,rgba(143,111,201,.18),transparent 70%),var(--night);color:var(--tx-dark)}
html[dir="ltr"] .sv-hero{background:radial-gradient(70% 90% at 20% 0,rgba(143,111,201,.18),transparent 70%),var(--night)}
.sv-in{max-width:1180px;margin-inline:auto;min-width:0}
.sv-in--narrow>*{max-width:860px}
.sv-hero h1{max-width:24ch;font-size:clamp(30px,4.6vw,60px);font-weight:900;line-height:1.45;color:var(--tx-dark)}
html[dir="ltr"] .sv-hero h1{line-height:1.15}
.sv-lead{margin:20px 0 0;max-width:60ch;color:var(--tx-dark-dim);font-size:clamp(17px,1.6vw,20px);line-height:1.95;text-wrap:pretty}
html[dir="ltr"] .sv-lead{line-height:1.65}
.sv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;align-items:center}
.sv-soon{display:inline-flex;padding:12px 22px;border:1px solid var(--line-dark);border-radius:var(--r-pill);color:var(--tx-dark-dim);font-size:15px;line-height:1.9}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;color:var(--tx-dark-dim);font-size:14px;line-height:1.9}
.crumbs a{color:var(--tx-dark-dim);text-decoration:none}
.crumbs a:hover{color:var(--tx-dark)}
.crumbs i{font-style:normal;opacity:.5}
.crumbs span{color:var(--tx-dark);min-width:0;overflow-wrap:anywhere}
.sv-sec{padding:clamp(52px,7vw,104px) var(--pad)}
.sv-sec h2{margin-bottom:clamp(18px,3vw,30px);font-size:clamp(24px,3vw,38px);font-weight:700;color:var(--ink)}
html[dir="ltr"] .sv-sec h2{line-height:1.25}
.sv-p,.sv-answer{margin:0 0 18px;max-width:70ch;color:var(--ink-soft);font-size:clamp(16.5px,1.4vw,18.5px);line-height:2;text-wrap:pretty}
.sv-answer{color:var(--ink);font-size:clamp(18px,1.7vw,21px);line-height:2.05}
html[dir="ltr"] .sv-p,html[dir="ltr"] .sv-answer{line-height:1.7}
.sv-p+h2{margin-top:clamp(30px,4vw,48px)}
.sv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sv-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv-item{min-width:0;padding:clamp(22px,2.4vw,30px);background:#fff;border:1px solid var(--line-light);border-radius:var(--r-md)}
.sv-item h3{font-size:19px;font-weight:700;color:var(--ink)}
html[dir="ltr"] .sv-item h3{line-height:1.35}
.sv-item p{margin:8px 0 0;color:var(--ink-soft);font-size:15.5px;line-height:1.95;text-wrap:pretty}
html[dir="ltr"] .sv-item p{line-height:1.65}
.sv-item .sv-role{color:#5E4785;font-weight:700;font-size:14.5px}
.sv-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.6vw,34px)}
.sv-steps--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sv-steps li{min-width:0;border-top:2px solid var(--accent);padding-top:14px}
.sv-steps b{display:block;color:#5E4785;font-size:14px;line-height:1.9}
.sv-steps h3{margin-top:4px;font-size:19px;font-weight:700;color:var(--ink)}
html[dir="ltr"] .sv-steps h3{line-height:1.35}
.sv-steps p{margin:6px 0 0;color:var(--ink-soft);font-size:15.5px;line-height:1.95;text-wrap:pretty}
html[dir="ltr"] .sv-steps p{line-height:1.65}
.sv-quote{margin:clamp(26px,4vw,44px) 0 0;max-width:62ch;padding-inline-start:18px;border-inline-start:2px solid var(--accent);color:var(--ink);font-size:clamp(17px,1.6vw,20px);line-height:2;text-wrap:pretty}
html[dir="ltr"] .sv-quote{line-height:1.65}
.faq-list{border-top:1px solid var(--line-light)}
.faq-item{border-bottom:1px solid var(--line-light)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:none;color:#5E4785;font-size:24px;line-height:1}
.faq-item[open] summary::after{content:"\2212"}
.faq-item h3{min-width:0;font-size:18px;font-weight:700;color:var(--ink);line-height:1.75;text-wrap:pretty}
html[dir="ltr"] .faq-item h3{line-height:1.4}
.faq-item p{margin:0;padding:0 0 20px;color:var(--ink-soft);font-size:16px;line-height:2;text-wrap:pretty}
html[dir="ltr"] .faq-item p{line-height:1.7}
.sv-logo{margin-bottom:16px}
.sv-logo img{display:block;max-height:64px;max-width:200px;width:auto;height:auto}
.sv-tag{margin:0 0 12px;color:color-mix(in srgb,var(--bc) 78%,#241E2B);font-size:18px;font-weight:700;line-height:1.9}
.sv-h-sm{font-size:20px!important;margin-bottom:14px!important}
.sv-rels{display:flex;flex-wrap:wrap;gap:10px}
.sv-rels--dark{margin-top:28px}
.sv-rel{display:inline-flex;padding:8px 18px;border:1px solid var(--line-light);border-radius:var(--r-pill);color:var(--ink);font-size:15px;line-height:1.9;text-decoration:none;transition:border-color .2s,color .2s}
.sv-rel:hover{border-color:var(--accent);color:#5E4785}
.sv-rels--dark .sv-rel{border-color:rgba(245,241,250,.28);color:var(--tx-dark)}
.sv-rels--dark .sv-rel:hover{border-color:rgba(245,241,250,.7);color:var(--tx-dark)}
.sv-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sv-case{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line-light);border-radius:var(--r-md);overflow:hidden;color:inherit;text-decoration:none;transition:transform .25s,box-shadow .25s}
.sv-case:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(36,30,43,.1)}
.sv-case img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.sv-case__body{display:flex;flex:1;flex-direction:column;padding:20px 22px 22px}
.sv-case__meta{color:#5E4785;font-size:13.5px;font-weight:700;line-height:1.9}
.sv-case h3{margin-top:4px;font-size:19px;font-weight:700;color:var(--ink)}
html[dir="ltr"] .sv-case h3{line-height:1.35}
.sv-case p{flex:1;margin:8px 0 12px;color:var(--ink-soft);font-size:15px;line-height:1.95;text-wrap:pretty}
html[dir="ltr"] .sv-case p{line-height:1.65}
.sv-case__more{color:#5E4785;font-size:14px;font-weight:700;line-height:1.9}
.sv-cover{background:var(--cream);padding:0 var(--pad)}
.sv-cover img{display:block;width:100%;max-width:1180px;margin:0 auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg);transform:translateY(-24px)}
.sv-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sv-gallery img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-md)}
.sv-stats{margin-top:clamp(24px,4vw,40px)}
.sv-stats .stat b{color:var(--ink);overflow-wrap:anywhere}
.sv-facts{margin:0;display:grid;border-top:1px solid var(--line-light)}
.sv-facts div{display:grid;grid-template-columns:minmax(110px,1fr) 2fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-light)}
.sv-facts dt{color:var(--ink-soft);font-size:15px;line-height:1.9}
.sv-facts dd{margin:0;min-width:0;color:var(--ink);font-weight:500;font-size:16px;line-height:1.9}
.sv-facts a{color:#5E4785}
.sv-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sv-way{display:flex;flex-direction:column;min-width:0;padding:20px 22px;background:#fff;border:1px solid var(--line-light);border-radius:var(--r-md);color:var(--ink);text-decoration:none;transition:border-color .2s}
a.sv-way:hover{border-color:var(--accent)}
.sv-way b{font-size:14.5px;color:#5E4785;line-height:1.9}
.sv-way span{font-size:16.5px;font-weight:500;line-height:1.9;overflow-wrap:anywhere}
html[dir="rtl"] .sv-way span[dir="ltr"]{text-align:right}
.latest-posts[data-static]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.sv .latest-post-card{min-width:0}
.sv .footer,.sv-home .footer{content-visibility:visible}

/* Arabic spacing rules on live components reused here */
main p,.footer p{text-wrap:pretty}
html[dir="rtl"] .latest-post-card h3,html[dir="rtl"] .form__intro h2,html[dir="rtl"] .form__intro h2 em{letter-spacing:0}
html[dir="rtl"] .latest-post-card p,html[dir="rtl"] .form__lead,html[dir="rtl"] .form__privacy,html[dir="rtl"] .article-deck{line-height:1.95}

/* articles keep the live article.css; only Arabic spacing rules are tightened up */
.article-shell{padding-top:clamp(110px,12vw,170px)}
html[dir="rtl"] .article-header h1{line-height:1.45;letter-spacing:0}
html[dir="rtl"] .article-content h2{line-height:1.5;letter-spacing:0}
html[dir="rtl"] .article-toc a{line-height:1.9}
.article-kicker{letter-spacing:0}
.article-cta h2{color:#fff}
.article-cta .btn--light{background:var(--cream);color:var(--ink)}
.article-cta__more{display:inline-flex;margin-inline-start:18px;color:var(--ray);font-size:15px;font-weight:700;line-height:1.9;text-decoration:none}
.article-cta__more:hover{color:#fff}

@media (max-width:1100px){
  .partners{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sv-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sv-cases,.latest-posts[data-static]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards[data-static]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .partners{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sv-grid,.sv-grid--2,.sv-steps--3,.sv-ways{grid-template-columns:1fr}
  .sv-gallery{grid-template-columns:1fr}
  .sv-cover img{transform:translateY(-16px);border-radius:var(--r-md)}
}
@media (max-width:560px){
  .sv-steps,.sv-cases,.latest-posts[data-static],.cards[data-static]{grid-template-columns:1fr}
  .sv-facts div{grid-template-columns:1fr;gap:0}
  .sv-actions .btn{flex:1 1 auto;justify-content:center}
  .article-cta__more{display:flex;margin:14px 0 0}
}

/* contact page has no section rail, so the form takes the full column */
.sv #contact{display:block}
.sv #contact>.form{max-width:1180px;margin-inline:auto;width:100%}

/* five nav links need room: keep the logo at its natural size and use the menu on tablets */
.nav__brand{flex:none}
.nav__brand img{max-width:none}
@media (min-width:761px) and (max-width:1100px){
  .nav{width:90vw}
  .nav__links,.nav__cta{display:none}
  .nav__burger{display:flex}
  .sv-steps--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* accessibility: closed menu leaves the tab order; small brand text and legal line reach AA contrast */
.menu{visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}
.menu.is-open{visibility:visible;transition:opacity .35s ease}
.card__tags span,.card__en,.card__link{color:color-mix(in srgb,var(--bc) 68%,#241E2B)}
.footer__base{color:#A79FB8}
h2.sec__name{margin:0;line-height:1.5}