/* Language and appearance controls */
.site-preferences{display:flex;align-items:center;gap:8px;direction:ltr;flex-shrink:0}
.site-preferences button{min-height:44px;min-width:44px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:24px;padding:8px 14px;font:500 14px 'IBM Plex Sans Arabic',Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center}
.site-preferences button:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}
.site-preferences button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
#theme-toggle{padding:10px}.site-preferences svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.site-preferences .sun{display:none}
[data-theme=dark] .site-preferences .moon{display:none}[data-theme=dark] .site-preferences .sun{display:block}
header{height:auto;min-height:92px;gap:18px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}header nav{gap:22px}
[dir=ltr] .statement,[dir=ltr] .offer-picker button,[dir=ltr] .plan-label,[dir=ltr] .amount,[dir=ltr] .price .original-price,[dir=ltr] .work-brand{text-align:left}
[dir=ltr] .hero h1{font-family:Arial,sans-serif;font-size:clamp(42px,5.4vw,82px);line-height:1.15;letter-spacing:-.045em}
[dir=ltr] .service-rate{max-width:230px}[dir=ltr] .agency-service summary strong{line-height:1.3}
[dir=ltr] .price li:before{margin-left:0;margin-right:8px}
:root[data-theme=dark]{color-scheme:dark;--paper:#151419;--ink:#f5f1e9;--line:#45414d;--muted:#b8b2c2;--accent:#aaa6ff}
[data-theme=dark] .hero .intro,[data-theme=dark] .section-head>p,[data-theme=dark] .steps p,[data-theme=dark] details p,[data-theme=dark] .pricing-note,[data-theme=dark] .plan-description,[data-theme=dark] .interactive-offers .plan-description,[data-theme=dark] .interactive-offers .delivery{color:#c8c2d0}
[data-theme=dark] .brand img,[data-theme=dark] footer>img{filter:brightness(0) invert(1)}
[data-theme=dark] .brand-stage{background:#5753ee;box-shadow:18px 20px 0 #302d3c}
[data-theme=dark] .statement{background:#4540c3;color:#fff}
[data-theme=dark] .steps article,[data-theme=dark] .portfolio{background:#211f28}
[data-theme=dark] .steps span{color:#b8b5ff}
[data-theme=dark] .agency-service[open]{background:#27242f;color:#f5f1e9}
[data-theme=dark] .agency-service[open] .service-short{color:#c8c2d0}
[data-theme=dark] .agency-service[open] .service-index{color:#b8b5ff}
[data-theme=dark] .agency-service[open] .service-rate{color:#efa6ba}
[data-theme=dark] .agency-body aside,[data-theme=dark] .interactive-offers .plan-purchase{background:#312d3b}
[data-theme=dark] .agency-body .dark{background:#b8b5ff;color:#17171a}
[data-theme=dark] .social-term select{background:#211f28;color:#f5f1e9;border-color:#615a6e}
[data-theme=dark] .interactive-offers .price{background:#211f28;color:#f5f1e9}
[data-theme=dark] .offer-picker button:hover{background:#312d3b}
[data-theme=dark] .offer-picker button[aria-selected=true]{background:#5753ee;color:#fff}
[data-theme=dark] .offer-picker button[aria-selected=true] .offer-choice-prices{background:#211f28}
[data-theme=dark] .price .discounted-price,[data-theme=dark] .offer-choice-prices .discounted-price{color:#efa6ba}
[data-theme=dark] .price .original-price{color:#b8b2c2}
[data-theme=dark] .contact .button{color:#17171a}
@media(max-width:1100px){header nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:12px 24px}.site-preferences{margin-inline-start:auto}}
@media(max-width:700px){header{gap:10px}.site-preferences{gap:6px}.site-preferences button{font-size:13px;padding:8px 10px}.brand img{width:145px}.header-cta{order:4;margin-inline-start:auto;font-size:13px}header nav{justify-content:space-between;gap:10px;font-size:13px}header nav a{font-size:13px}[dir=ltr] .hero h1{font-size:clamp(40px,10vw,64px)}[dir=ltr] .service-rate{max-width:none}[data-theme=dark] .brand-stage{box-shadow:12px 13px 0 #302d3c}}
/* Decorative copy follows the selected language, too. */
[lang=ar] .eyebrow,[lang=ar] .hero-top,[lang=ar] .hero-bottom,[lang=ar] .stage-top,[lang=ar] .stage-small,[lang=ar] .plan-label,[lang=ar] .footer-bottom{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;letter-spacing:0;direction:rtl}
[lang=ar] .brand-stage{direction:rtl}
[lang=ar] .stage-bottom{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;letter-spacing:-.02em;line-height:1.35;font-size:clamp(28px,3.2vw,46px)}
[lang=ar] .stage-small{text-align:left;font-size:12px;line-height:1.6}
[lang=ar] .footer-top{direction:rtl;font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif}
[lang=ar] .footer-top>div{font-family:inherit}
@media(max-width:700px){[lang=ar] .stage-bottom{font-size:28px}[lang=ar] .stage-top{font-size:10px}}

.brand-stage{justify-content:center;align-items:center}

/* Compact mobile header: controls left, logo right, navigation below. */
@media(max-width:700px){
 header{display:grid;grid-template-columns:minmax(0,1fr) auto;direction:ltr;gap:16px 12px;min-height:0;padding-top:18px;padding-bottom:18px}
 header .site-preferences{grid-column:1;grid-row:1;justify-self:start;margin:0;order:0}
 header .brand{grid-column:2;grid-row:1;justify-self:end}
 header nav{grid-column:1/-1;grid-row:2;order:0;margin:0;width:100%;direction:rtl;justify-content:space-between}
 [lang=en] header nav{direction:ltr}
}