html[lang=ar]{direction:rtl}html[lang=ar] body{font-family:Tahoma,Arial,sans-serif;line-height:1.85;text-align:start}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea{font-family:inherit;letter-spacing:normal}html[lang=ar] h1{line-height:1.4}html[lang=ar] h2,html[lang=ar] h3{line-height:1.6}html[lang=ar] .eyebrow,html[lang=ar] .insight-category{letter-spacing:normal}html[lang=ar] .brand,html[lang=ar] input[type=email],html[lang=ar] input[type=tel],html[lang=ar] a[href^="mailto:"],html[lang=ar] a[href^="tel:"],html[lang=ar] .language-code{direction:ltr;unicode-bidi:isolate}html[lang=ar] .services-menu{left:auto;right:0;text-align:right}html[lang=ar] .desktop-nav,html[lang=ar] .footer-nav{font-size:16px}html[lang=ar] .hero-content,html[lang=ar] .page-hero,html[lang=ar] .article-prose,html[lang=ar] .detail-intro,html[lang=ar] .faq-intro,html[lang=ar] .dialog-inner{text-align:start}html[lang=ar] .dialog-close{right:auto;left:16px}html[lang=ar] .back-to-top{right:auto;left:24px}html[lang=ar] .enquiry-form label{text-align:right}html[lang=ar] .enquiry-form input,html[lang=ar] .enquiry-form textarea{font-size:16px}html[lang=ar] .enquiry-form input[type=email]{text-align:left}html[lang=ar] .article-prose ul,html[lang=ar] .article-prose ol,html[lang=ar] .prize-core-rules ul{padding-left:0;padding-right:22px}html[lang=ar] .prize-optional{right:auto;left:0}html[lang=ar] .prize-question-number{margin-right:0;margin-left:6px}html[lang=ar] .prize-question .prize-count{text-align:left}html[lang=ar] .prize-terms-list{padding-left:0;padding-right:22px}html[lang=ar] #prize-terms h2{margin-right:0;margin-left:40px}html[lang=ar] .opening-hero h1,html[lang=ar] .opening-title{letter-spacing:normal}html[lang=ar] .language-choice[lang=en-GB]{direction:ltr;text-align:left}html[lang=ar] .progress{left:auto;right:0}html[lang=ar] .copy-email{font-family:inherit}html[lang=ar] .domain-wheel svg{direction:ltr}html[lang=ar] .hero-scene,html[lang=ar] svg[aria-hidden=true]{unicode-bidi:isolate}html[lang=ar] .footer-company{line-height:1.9}html[lang=ar] .article-sidebar{border-left:0;border-right:1px solid #42566c;padding-left:0;padding-right:22px}@media(max-width:700px){html[lang=ar] h1{font-size:clamp(29px,8vw,44px)}html[lang=ar] .back-to-top{left:16px}html[lang=ar] .dialog-inner{padding:28px 22px}html[lang=ar] .services-menu{position:static}html[lang=ar] .site-footer .footer-bottom{align-items:flex-start}}

/* Keep artwork and icons in their original orientation; shade the Arabic copy on the right. */
html[lang=ar] .home-hero-copy{text-align:right}
html[lang=ar] .home-hero-shade{background:linear-gradient(270deg,#091221c9 0%,#091221dc 24%,#091221be 42%,#09122165 67%,#09122152 100%),linear-gradient(0deg,#091221dc,transparent 35%),linear-gradient(180deg,#09122166,transparent 26%)}
html[lang=ar] .home-hero-journey{margin:0;justify-self:end}
html[lang=ar] .hero-heading-compass{direction:ltr;unicode-bidi:isolate;letter-spacing:normal}
html[lang=ar] .hero-journey-stage>strong,html[lang=ar] .hero-journey-heading>span{font-family:inherit;letter-spacing:normal}
@media(max-width:1000px){html[lang=ar] .home-hero-shade{background:linear-gradient(180deg,#091221f5 0%,#091221eb 45%,#091221ab 74%,#091221de 100%)}}

/* Connect the RTL journey at the original, unflipped icon centres. */
html[lang=ar] .journey-story .phase-grid:before{left:auto;right:auto;inset-inline-start:calc(var(--journey-icon) / 2);inset-inline-end:calc((100% - var(--journey-gap) - var(--journey-gap)) / 3 - var(--journey-icon) / 2)}
@media(max-width:900px){html[lang=ar] .journey-story .phase-grid:before{left:auto;right:auto;inset-inline-start:calc(var(--journey-icon) / 2);inset-inline-end:auto}}

/* Align each footer column at its RTL start, including isolated contact details. */
html[lang=ar] .footer-main{grid-template-columns:minmax(240px,1.05fr) minmax(220px,.95fr) minmax(280px,1.15fr);gap:clamp(32px,4vw,64px);align-items:start}
html[lang=ar] .footer-main>div{grid-column:auto;text-align:start}
html[lang=ar] .footer-main h2{font-size:14px;line-height:1.7;letter-spacing:normal;color:#a8b6ca;margin-bottom:16px}
html[lang=ar] .footer-main .contact-links{align-items:flex-start;gap:9px;font-size:14px;line-height:1.7}
html[lang=ar] .footer-main .contact-links a{max-inline-size:100%}
html[lang=ar] .footer-main .footer-location{font-size:13px;line-height:1.85;margin-top:18px}
html[lang=ar] .footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;align-items:start;font-size:14px;line-height:1.7}
html[lang=ar] .footer-socials{justify-content:flex-start}
html[lang=ar] .footer-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start;text-align:start}
html[lang=ar] .footer-bottom .footer-company{max-width:none;font-size:12px}
html[lang=ar] .footer-bottom .footer-policy-links{justify-content:flex-start;gap:10px 20px;font-size:12px}
@media(max-width:1000px){html[lang=ar] .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}html[lang=ar] .footer-main>.footer-identity{grid-column:1/-1}}
@media(max-width:600px){html[lang=ar] .footer-main{grid-template-columns:minmax(0,1fr);gap:32px}html[lang=ar] .footer-main>.footer-identity{grid-column:auto}html[lang=ar] .footer-main .brand-full-colour{margin-bottom:12px}}

/* Place service connectors and module markers along the RTL reading direction. */
html[lang=ar] .compass-process-track:before{left:auto;right:auto;inset-inline-start:36px;inset-inline-end:calc((100% - (var(--process-stages,5) - 1) * 20px) / var(--process-stages,5) - 36px)}
html[lang=ar] .compass-process-mark>span{left:auto;right:auto;inset-inline-end:-7px}
html[lang=ar] .foundation-origin li{padding-left:0;padding-inline-start:20px}
html[lang=ar] .foundation-origin li:before{left:auto;right:auto;inset-inline-start:0}
html[lang=ar] .foundation-module{padding-inline:19px 42px;text-align:start}
html[lang=ar] .foundation-module-arrow{left:auto;right:auto;inset-inline-end:17px}
html[lang=ar] .foundation-module[aria-pressed=true]{box-shadow:inset -3px 0 #0cd3ff}
@media(max-width:1100px){
 html[lang=ar] .compass-process-track{--rtl-process-centre:36px;--rtl-process-top:56px}
 html[lang=ar] .compass-process-track:before{display:none}
 html[lang=ar] .compass-process-step:not(:last-child):before{content:'';position:absolute;inset-inline-start:var(--rtl-process-centre);top:var(--rtl-process-top);bottom:calc(-22px - var(--rtl-process-top));width:2px;background:#0cd3ff55;pointer-events:none}
 html[lang=ar] .compass-process-mark{z-index:1}
}
@media(max-width:720px){
 html[lang=ar] .compass-process-track{--rtl-process-centre:28px;--rtl-process-top:48px}
 html[lang=ar] .foundation-module{padding-inline:15px 34px}
 html[lang=ar] .foundation-module-arrow{inset-inline-end:12px}
}
@media print{html[lang=ar] .compass-process-step:before{display:none}}

/* The three awareness learning paths connect in RTL without mirroring artwork. */
html[lang=ar] .awareness-response-path:before{left:auto;right:auto;inset-inline-start:35px;inset-inline-end:calc((100% - 48px) / 3 - 35px)}
html[lang=ar] .awareness-path-mark>span{left:auto;right:auto;inset-inline-end:-9px}
html[lang=ar] .awareness-audience-button{text-align:start}
html[lang=ar] .awareness-message{border-left:0;border-inline-start:3px solid #0cd3ff;border-radius:4px 0 0 4px}
@media(max-width:720px){
 html[lang=ar] .awareness-response-path:before{display:none}
 html[lang=ar] .awareness-response-path>li:not(:last-child):before{content:'';position:absolute;inset-inline-start:28px;top:28px;bottom:-53px;width:1px;background:#0cd3ff80;pointer-events:none}
 html[lang=ar] .awareness-path-mark{z-index:1}
}
@media print{html[lang=ar] .awareness-response-path>li:before{display:none}}

/* The exercise flow follows stages 01 to 04 from right to left. */
html[lang=ar] .ttx-route-flow{animation-direction:reverse}

/* Move toward the RTL duplicate so the testimonial strip loops without an empty tail. */
html[lang=ar].motion-allowed .home-proof-strip .review-track{animation-name:review-scroll-rtl}
@keyframes review-scroll-rtl{to{transform:translateX(50%)}}
