@font-face{font-family:Cairo;src:url('../fonts/cairo.woff2') format('woff2');font-weight:200 1000;font-style:normal;font-display:swap}
.language-switch{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid var(--hairline-strong);border-radius:3px;color:var(--muted);background:rgba(201,168,76,.04);direction:ltr;flex-shrink:0;transition:border-color .18s,background .18s}
.language-switch:hover{border-color:var(--gold);background:rgba(201,168,76,.10)}
.language-switch:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}
.language-switch svg{color:var(--gold);flex:none}
.language-code{font:600 11px/1 Inter,Arial,sans-serif;letter-spacing:.03em}
.language-code.is-current{color:var(--gold-bright)}
.language-divider{height:13px;width:1px;background:var(--hairline-strong)}
[dir=rtl]{--body:Cairo,Tahoma,Arial,sans-serif;--display:Cairo,Tahoma,Arial,sans-serif}
[dir=rtl] body{line-height:1.9;font-weight:400}
[dir=rtl] :is(h1,h2,h3,h4,.eyebrow,.btn,.text-link,.tag,.step-no,.screen-title,.chip,.stat-num,.case-meta,.case-result,.go,.svc-code,.more,.logo-word,.foot-col h4,.hub-time,.hero-meta,.ribbon-track){letter-spacing:0;text-transform:none}
[dir=rtl] .nav-links{gap:26px}
[dir=rtl] .logo-word{font-size:20px;line-height:1.6}
[dir=rtl] .logo{gap:10px}
[dir=rtl] .hero-title{font-size:clamp(48px,7vw,108px);line-height:1.5}
[dir=rtl] .hero-title .line{padding:.15em 0; margin:-.1em 0;clip-path:inset(-.3em -50vw -.25em -50vw)}
[dir=rtl] .hero-title .outline{font-style:normal}
[dir=rtl] .hero-sub{line-height:1.95;max-width:760px}
[dir=rtl] .hero .eyebrow{line-height:1.9}
[dir=rtl] .h2{line-height:1.6;white-space:normal;max-width:none}
[dir=rtl] :is(.step h3,.svc h3,.move h3,.hub h3,.brief-head h2,.fstep h3,.thanks h3){line-height:1.65}
[dir=rtl] .btn{line-height:1.4}
[dir=rtl] .arr{display:inline-block;transform:scaleX(-1)}
[dir=rtl] .text-link:hover .arr,[dir=rtl] .btn:hover .arr{transform:scaleX(-1) translateX(3px)}
[dir=rtl] .quote{border-left:0;border-right:1px solid var(--gold);padding-left:0;padding-right:clamp(20px,3vw,40px)}
[dir=rtl] .quote p{line-height:1.8}
[dir=rtl] .ribbon-track{line-height:1.6}
[dir=rtl] .ribbon-track span{padding-right:0;padding-left:44px}
[dir=rtl] .ribbon-track span::after{margin-left:0;margin-right:44px}
[dir=rtl] .step h3{max-width:22ch}
[dir=rtl] .panel-bar{font-family:var(--body);line-height:1.7}
[dir=rtl] .screen-title{line-height:1.6;font-size:11px;gap:10px}
[dir=rtl] .feed .t{font-size:12px;line-height:1.7}
[dir=rtl] .feed .t small{line-height:1.7;font-size:10px}
[dir=rtl] .chip{line-height:1.5;white-space:nowrap}
[dir=rtl] .rows .k small{margin-left:0;margin-right:8px}
[dir=rtl] .roas{direction:ltr}
[dir=rtl] .roas>span{direction:rtl;text-align:start}
[dir=rtl] .curve{direction:ltr}
[dir=rtl] .stat-num{line-height:1.5;font-size:clamp(40px,5vw,76px)}
[dir=rtl] .stat-num sup{margin-left:0;margin-right:4px;font-size:.3em}
[dir=rtl] .stat::after{left:auto;right:0}
[dir=rtl] .case .case-result{line-height:1.5}
[dir=rtl] .move-no{left:auto;right:0}
[dir=rtl] .foot-col button{text-align:start}
[dir=rtl] .cta h2{line-height:1.6;font-size:clamp(32px,6vw,88px)}
[dir=rtl] .cta .outline{font-style:normal}
[dir=rtl] .map{direction:ltr}
[dir=rtl] .map text{direction:rtl;unicode-bidi:plaintext;text-anchor:middle}
[dir=rtl] .map .lbl-sub{font-size:10px}
[dir=rtl] .hub-time{direction:rtl;line-height:1.8}
[dir=rtl] .hub-time b{unicode-bidi:isolate}
[dir=rtl] .form-actions .btn{min-height:44px}
[dir=rtl] .chip-opt span{line-height:1.8}
[dir=rtl] .brief-progress .meta{line-height:1.8}
[dir=rtl] .ferror{line-height:1.8}
@media(min-width:981px) and (max-width:1200px){.nav-links{gap:18px}[dir=rtl] .nav-links{gap:16px}.nav-right{gap:10px}.nav-right>.btn{padding-inline:16px}.logo-word{font-size:13px}}
@media(max-width:980px){[dir=rtl] .process::before{left:auto;right:19px}[dir=rtl] .move{padding-left:0;padding-right:64px}[dir=rtl] .screen-title{font-size:10px}[dir=rtl] .feed .t{font-size:11px}[dir=rtl] .screens{height:320px}[dir=rtl] .screen{gap:8px}[dir=rtl] .step{min-height:400px}}
@media(max-width:600px){.language-switch{gap:6px;padding-inline:9px;min-height:40px}.nav-right{gap:8px}.language-switch svg{width:15px}.language-code{font-size:10px}[dir=rtl] .hero-title{font-size:clamp(38px,11vw,64px)}[dir=rtl] .hero-sub{font-size:14px}[dir=rtl] .hero .eyebrow{font-size:9px;max-width:34ch;margin-inline:auto}[dir=rtl] .h2{font-size:28px}[dir=rtl] .logo-word{font-size:17px}[dir=rtl] .hero-meta{font-size:9px}[dir=rtl] .stat-num{font-size:40px}[dir=rtl] .stat-num sup{font-size:12px}[dir=rtl] .cta h2{font-size:34px}}
@media(max-width:380px){.logo-word{font-size:11px;letter-spacing:.06em}.logo-mark{width:26px}.logo{gap:7px}.language-switch{padding-inline:7px;gap:5px}.language-switch svg{display:none}[dir=rtl] .logo-word{font-size:15px}[dir=rtl] .hero-title{font-size:38px}}

[hidden]{display:none!important}
[dir=rtl] .svc:hover .more .arr,[dir=rtl] .case:hover .go .arr{transform:scaleX(-1) translateX(4px)}

/* Native disclosure stays usable without JavaScript. */
.language-picker{position:relative;flex-shrink:0}
.language-switch{cursor:pointer;list-style:none;user-select:none}
.language-switch::-webkit-details-marker{display:none}
.language-chevron{transition:transform .18s}
.language-picker[open] .language-switch{border-color:var(--gold);background:rgba(201,168,76,.10)}
.language-picker[open] .language-chevron{transform:rotate(180deg)}
.language-list{position:absolute;inset-inline-end:0;top:calc(100% + 10px);z-index:110;min-width:180px;margin:0;padding:6px;list-style:none;border:1px solid var(--hairline-strong);border-radius:5px;background:#111115;box-shadow:0 14px 40px #0009}
.language-list a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:46px;padding:10px 12px;border-radius:3px;color:var(--white);font:500 14px/1.6 Cairo,Inter,Arial,sans-serif;white-space:nowrap}
.language-list a:hover,.language-list a:focus-visible{background:rgba(201,168,76,.10);color:var(--gold-bright);outline:1px solid var(--gold)}
.language-list a[aria-current]{color:var(--gold-bright);background:rgba(201,168,76,.06)}
.language-check{color:var(--gold);min-width:14px}
@media(max-width:380px){.language-switch .language-chevron{display:block}}

/* Consistent small radii, avoiding pill-shaped controls. */
:root{--radius-control:7px;--radius-card:12px;--radius-dialog:14px}
.btn,.burger,.brief-close,.language-switch,.skip{border-radius:var(--radius-control)}
.field input,.field select,.field textarea,.chip-opt span{border-radius:var(--radius-control)}
.panel,.case,.map{border-radius:var(--radius-card)}
dialog.brief{border-radius:var(--radius-dialog)}
.language-list{border-radius:10px}.language-list a{border-radius:6px}
.tag,.chip,.kpis>div{border-radius:6px}
.services-grid{gap:18px;background:transparent;border:0}
.svc{border:1px solid var(--hairline);border-radius:var(--radius-card)}
.svc .more::after{border-radius:var(--radius-card)}
.svc .more,.case .go{border-radius:var(--radius-control)}
/* Transform-only progress avoids relayout at every animation frame. */
.progress-bar{width:100%;transform:scaleX(.2);transform-origin:left;transition:transform .25s var(--ease)}
.budget-fill{width:100%;transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease)}
.screen.on .budget-fill{width:100%;transform:scaleX(.78)}
[dir=rtl] .progress-bar,[dir=rtl] .budget-fill{transform-origin:right}
.map.motion-managed .ring{animation-play-state:paused}
.map.motion-managed.is-visible .ring{animation-play-state:running}
.page-hidden .map.motion-managed .ring{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.budget-fill{width:100%;transform:scaleX(.78)}}
[dir=rtl] .language-code{font-family:Arial,sans-serif}

/* Quiet, centered section introductions in both languages. */
#main .eyebrow::before,#main .eyebrow::after{content:none;display:none}
#main .eyebrow{font-size:12px;font-weight:500;line-height:1.6;letter-spacing:.09em;text-transform:none;justify-content:center;gap:0;color:var(--gold)}
#main .section-head{text-align:center}
#main .section-head .h2{margin-inline:auto;white-space:normal}
#main .section-head .lead{margin-inline:auto}
#main .trust .eyebrow{display:flex;width:100%;text-align:center}
[dir=rtl] #main .eyebrow{font-size:13px;letter-spacing:0}
#main .faq-grid{grid-template-columns:minmax(0,1fr);gap:0}
#main .faq-heading{margin-bottom:40px}
#main .faq-list{width:100%;max-width:900px;margin-inline:auto}
.reading-progress{position:absolute;inset-inline:0;bottom:-1px;height:2px;pointer-events:none;overflow:hidden}
#reading-progress-fill{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));transform:scaleX(0);transform-origin:left;transition:transform .1s linear;will-change:transform}
[dir=rtl] #reading-progress-fill{transform-origin:right}
@media(prefers-reduced-motion:reduce){#reading-progress-fill{transition:none}}

.logo img.logo-mark{width:44px;height:44px;object-fit:contain;flex:none}
@media(max-width:600px){.logo img.logo-mark{width:36px;height:36px}}

/* Header lockup: one scale for the emblem and wordmark, with optical alignment. */
#nav .logo{gap:10px;align-items:center;flex-shrink:0;white-space:nowrap}
#nav .logo img.logo-mark{width:30px;height:30px}
#nav .logo-word{font-size:17px;line-height:1.15;letter-spacing:.09em}
[dir=rtl] #nav .logo-word{font-size:22px;line-height:1.35;letter-spacing:0}
@media(min-width:901px) and (max-width:1200px){#nav .logo img.logo-mark{width:28px;height:28px}#nav .logo-word{font-size:13px}[dir=rtl] #nav .logo-word{font-size:19px}}
@media(max-width:600px){#nav .wrap{gap:12px}#nav .logo{gap:8px}#nav .logo img.logo-mark{width:34px;height:34px}#nav .logo-word{font-size:14px;letter-spacing:.04em}[dir=rtl] #nav .logo-word{font-size:22px;letter-spacing:0}}
@media(max-width:380px){#nav .wrap{padding-inline:16px;gap:8px}#nav .logo{gap:6px}#nav .logo img.logo-mark{width:30px;height:30px}#nav .logo-word{font-size:13px;letter-spacing:.025em}[dir=rtl] #nav .logo-word{font-size:20px;letter-spacing:0}}

/* Match the desktop header CTA to the language control. */
#nav .nav-right > .btn{height:42px;min-height:42px;padding-block:0;align-items:center;justify-content:center}