.localized-page { background: #fff; color: #102a2a; }
.localized-page[dir="rtl"], html[dir="rtl"] body { font-family: "Noto Sans Arabic", "Outfit", sans-serif; }
.skip-link { position: fixed; inset-inline-start: 1rem; top: -5rem; z-index: 9999; padding: .75rem 1rem; background: #fff; color: #0f766e; border-radius: .5rem; }
.skip-link:focus { top: 1rem; }
.locale-nav { gap: 1.4rem; }
.locale-hero { padding: 10rem 0 6rem; overflow: hidden; background: radial-gradient(circle at 90% 10%, rgba(16,185,129,.15), transparent 35%), linear-gradient(145deg,#f3fffc,#fff 60%); }
.locale-hero-grid, .locale-split { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(300px,.9fr); gap: 4rem; align-items: center; }
.locale-hero h1 { max-width: 900px; margin: .9rem 0 1.25rem; font-family: "Instrument Serif", "Noto Sans Arabic", serif; font-size: clamp(3rem,7vw,6.4rem); line-height: .95; letter-spacing: -.035em; }
html[dir="rtl"] .locale-hero h1 { font-family: "Noto Sans Arabic", sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0; }
.locale-hero img, .locale-split img { width: 100%; height: auto; border-radius: 1.5rem; box-shadow: 0 24px 70px rgba(13,148,136,.16); }
.locale-eyebrow, .locale-kicker { color: #0f766e; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
html[dir="rtl"] .locale-eyebrow, html[dir="rtl"] .locale-kicker { letter-spacing: 0; }
.locale-lead, .section-lead { max-width: 760px; color: #476060; font-size: 1.16rem; line-height: 1.75; }
.locale-hero .hero-cta { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
.locale-section { padding: 6rem 0; }
.locale-section h2, .locale-cta h2, .locale-contact h2 { max-width: 900px; margin: 0 0 1.25rem; font-family: "Instrument Serif", "Noto Sans Arabic", serif; font-size: clamp(2.3rem,5vw,4rem); line-height: 1.05; }
html[dir="rtl"] .locale-section h2, html[dir="rtl"] .locale-cta h2, html[dir="rtl"] .locale-contact h2 { font-family: "Noto Sans Arabic", sans-serif; line-height: 1.3; }
.locale-tint { background: #f2faf8; }
.locale-grid { display: grid; gap: 1.25rem; margin-top: 2.5rem; }
.locale-grid-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.locale-grid-4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.locale-card { padding: 1.8rem; background: #fff; border: 1px solid #d9ebe7; border-radius: 1rem; box-shadow: 0 8px 30px rgba(16,42,42,.04); }
.locale-card h3 { margin: 0 0 .75rem; font-size: 1.25rem; }
.locale-card p, .locale-local p, .locale-faq p { margin: 0; color: #476060; line-height: 1.75; }
.locale-service-directory { padding: 2rem 0; background: #0c3331; }
.locale-service-directory .container { display: flex; flex-wrap: wrap; gap: .65rem; }
.locale-service-directory a { display: inline-flex; align-items: center; gap: .45rem; padding: .7rem .9rem; color: #e8f8f5; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.16); border-radius: .65rem; text-decoration: none; font-weight: 600; }
.locale-service-directory a:hover { color: #fff; background: #0d9488; border-color: #0d9488; }
.platform-pills { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.5rem; }
.platform-pills span { padding: .65rem 1rem; background: #e6f5f1; border: 1px solid #b8ddd5; border-radius: 999px; font-weight: 600; }
.locale-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; padding: 0; margin: 2.5rem 0 0; list-style: none; }
.locale-steps li { padding: 1.5rem; background: #fff; border-radius: 1rem; border: 1px solid #d9ebe7; }
.locale-steps span { display: inline-grid; place-items: center; width: 2.5rem; height: 2.5rem; margin-bottom: 1rem; border-radius: 50%; background: #0d9488; color: #fff; font-weight: 700; }
.locale-steps h3 { margin: 0 0 .5rem; }
.locale-steps p { margin: 0; color: #476060; line-height: 1.6; }
.locale-about-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr); gap: 4rem; align-items: center; }
.locale-benefits { display: grid; gap: 1rem; margin-top: 2rem; }
.locale-benefits > div { display: flex; gap: .8rem; align-items: flex-start; }
.locale-benefits > div > span { display: grid; flex: 0 0 auto; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: #0d9488; color: #fff; font-weight: 800; }
.locale-benefits p { margin: 0; color: #476060; line-height: 1.55; }
.locale-stat-card { padding: 1rem 2rem; border: 1px solid #b8ddd5; border-radius: 1.5rem; background: linear-gradient(150deg,#0d9488,#0a4f4a); color: #fff; box-shadow: 0 24px 70px rgba(13,148,136,.18); }
.locale-stat-card div { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; padding: 1.5rem 0; border-bottom: 1px solid rgba(255,255,255,.2); }
.locale-stat-card div:last-child { border-bottom: 0; }
.locale-stat-card strong { font: 400 clamp(2.2rem,5vw,4rem)/1 "Instrument Serif", serif; }
html[dir="rtl"] .locale-stat-card strong { font-family: "Noto Sans Arabic", sans-serif; font-weight: 700; }
.locale-stat-card span { text-align: end; color: #d9f4ee; }
.locale-result, .locale-testimonial { margin: 0; padding: 1.8rem; background: #fff; border: 1px solid #d9ebe7; border-radius: 1rem; box-shadow: 0 8px 30px rgba(16,42,42,.05); }
.locale-result h3 { margin: .4rem 0 1.25rem; font-size: 1.45rem; }
.locale-result > p:last-child, .locale-testimonial > p { color: #476060; line-height: 1.75; }
.locale-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid #d9ebe7; }
.locale-metrics strong, .locale-metrics span { display: block; }
.locale-metrics strong { color: #0d9488; font: 400 2.4rem/1 "Instrument Serif", serif; }
html[dir="rtl"] .locale-metrics strong { font-family: "Noto Sans Arabic", sans-serif; font-weight: 700; }
.locale-metrics span { margin-top: .35rem; color: #617474; font-size: .82rem; }
.locale-testimonial .testimonial-rating { color: #f59e0b; letter-spacing: .12em; }
.locale-testimonial footer { display: grid; gap: .2rem; margin-top: 1.25rem; }
.locale-testimonial footer span { color: #617474; font-size: .88rem; }
.locale-local { max-width: 900px; }
.locale-faq { max-width: 900px; }
.locale-faq details { background: #fff; border: 1px solid #d9ebe7; border-radius: .85rem; padding: 1.1rem 1.25rem; margin-top: .8rem; }
.locale-faq summary { cursor: pointer; font-weight: 700; font-size: 1.08rem; }
.locale-faq details p { padding-top: .8rem; }
.locale-cta { padding: 6rem 0; text-align: center; background: #0c3331; color: #fff; }
.locale-cta h2 { margin-inline: auto; }
.locale-cta p { margin: 0 auto 1.5rem; color: #c8e6df; font-size: 1.15rem; }
.locale-cta-image { width: min(620px,100%); height: auto; margin: 0 auto 2rem; border-radius: 1.25rem; box-shadow: 0 20px 60px rgba(0,0,0,.25); }
.locale-audit-features { display: flex; justify-content: center; flex-wrap: wrap; gap: .75rem 1.5rem; margin: 0 auto 2rem; color: #d9f4ee; }
.locale-contact { background: #fff; }
.locale-contact .contact-item { text-decoration: none; }
html[dir="rtl"] .locale-contact .form-group input, html[dir="rtl"] .locale-contact .form-group textarea, html[dir="rtl"] .locale-contact .form-group select { font-family: "Noto Sans Arabic", sans-serif; text-align: right; }
html[dir="rtl"] .locale-contact .form-group select { background-position: left 1rem center; }
.locale-footer { padding: 3rem 0; background: #071e1d; color: #c8d8d5; }
.locale-footer .container { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: end; }
.locale-footer .logo img { max-width: 190px; height: auto; filter: brightness(0) invert(1); }
.locale-footer p { margin: .75rem 0 0; }
.language-switcher { display: flex; flex-wrap: wrap; gap: .45rem; }
.language-switcher a { min-width: 2.6rem; padding: .45rem .6rem; text-align: center; color: #dcece9; border: 1px solid #315957; border-radius: .45rem; text-decoration: none; }
.language-switcher a:hover, .language-switcher a[aria-current="page"] { background: #0d9488; border-color: #0d9488; color: #fff; }
.localized-page .locale-footer-grid { grid-template-columns: minmax(240px,2fr) repeat(4,minmax(125px,1fr)); gap: 2rem; }
.localized-page .footer-brand .logo-img { width: auto; max-width: 214px; height: auto; filter: none; }
@media (max-width: 1100px) { .locale-grid-4 { grid-template-columns: repeat(2,minmax(0,1fr)); } .localized-page .locale-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 980px) { .locale-hero-grid, .locale-split, .locale-about-grid { grid-template-columns: 1fr; } .locale-hero-grid img { max-width: 650px; } .locale-grid-3 { grid-template-columns: repeat(2,minmax(0,1fr)); } .locale-steps { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 700px) { .locale-audit { display: none; } .locale-hero { padding-top: 8rem; } .locale-section { padding: 4rem 0; } .locale-grid-3, .locale-grid-4, .locale-steps { grid-template-columns: 1fr; } .locale-footer .container, .localized-page .locale-footer-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; } }