/* v2.1 design integrated against J2. Home EN/AR only; no preview DOM patch. */
.hero.hero--guided .hero-copy > .hero-actions{display:none}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-copy > .text-link{display:none}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.875rem 1.75rem;margin-top:2.25rem}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-shade{background:linear-gradient(90deg,rgba(9,25,39,.84) 0%,rgba(9,25,39,.62) 40%,rgba(12,32,47,.12) 70%,rgba(12,32,47,.02) 100%),linear-gradient(0deg,rgba(16,35,48,.72),rgba(0,0,0,0) 45%)}
html[dir="rtl"][lang="ar"] .hero.hero--guided .hero-shade{background:linear-gradient(270deg,rgba(9,25,39,.84) 0%,rgba(9,25,39,.62) 40%,rgba(12,32,47,.12) 70%,rgba(12,32,47,.02) 100%),linear-gradient(0deg,rgba(16,35,48,.72),rgba(0,0,0,0) 45%)}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-topline{margin-bottom:3rem}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-copy{max-width:37.5rem;margin-block:0 auto}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-copy h1{font-size:4.75rem;line-height:1.04;font-weight:500;letter-spacing:-.025em;text-shadow:0 2px 24px rgba(9,25,39,.35)}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-copy h1 span{display:block;margin-top:1rem;font-size:1.625rem;line-height:1.35;font-weight:500;letter-spacing:0;color:#ddc49b}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-copy > p{font-size:1.0625rem;line-height:1.7;max-width:33.75rem;margin-top:1.75rem;color:#f0f1ef;text-shadow:0 1px 14px rgba(9,25,39,.45)}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-btn{display:inline-flex;align-items:center;min-height:3.25rem;padding:.5rem 1.625rem;background:#ddc49b;color:#0f1d2c;font-size:.9375rem;font-weight:600;letter-spacing:.02em;text-decoration:none;border-radius:2px;max-inline-size:100%;white-space:normal}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-link{color:#fcfcf8;font-size:.9375rem;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(252,252,248,.6);padding-bottom:.25rem;max-inline-size:100%;white-space:normal}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-link-arrow::after{content:"\2192";margin-inline-start:.4em}
html[dir="rtl"][lang="ar"] .hero.hero--guided .hero-link-arrow::after{content:"\2190"}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided :is(.hero-btn,.hero-link):focus-visible{outline:3px solid #fcfcf8;outline-offset:4px}
html[lang="ar"] .hero.hero--guided .hero-copy h1{letter-spacing:0;line-height:1.3}
html[lang="ar"] .hero.hero--guided .hero-copy h1 span{line-height:1.5}
html[lang="ar"] .hero.hero--guided .hero-copy > p{line-height:1.85}
html[lang="ar"] .hero.hero--guided :is(.hero-btn,.hero-link){letter-spacing:0}
@media(max-width:760px){
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-inner{padding-top:6rem}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-topline{margin-bottom:2rem}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-copy{max-width:none;padding-bottom:3rem}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-copy h1{font-size:2.5rem;line-height:1.08}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-copy h1 span{font-size:1.3125rem;line-height:1.3;margin-top:.625rem}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-copy > p{font-size:1.0625rem;line-height:1.65;margin-top:1.125rem}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-actions{margin-top:1.5rem;gap:.75rem 1.25rem}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-btn{min-height:3rem;padding:.5rem 1.25rem}
html:is([lang="en"],[lang="ar"]) .hero.hero--guided .hero-shade,
html[dir="rtl"][lang="ar"] .hero.hero--guided .hero-shade{background:linear-gradient(180deg,rgba(9,25,39,.66),rgba(9,25,39,.7) 50%,rgba(9,25,39,.92))}
html[lang="ar"] .hero.hero--guided .hero-copy h1{line-height:1.35}
html[lang="ar"] .hero.hero--guided .hero-copy h1 span{line-height:1.5}
html[lang="ar"] .hero.hero--guided .hero-copy > p{line-height:1.8}
}