/* Language controls and script-aware typography; original visual design is retained. */
.language-selector{display:flex;align-items:center;gap:2px;direction:ltr;border:1px solid #ffffff40;border-radius:28px;padding:2px;margin-inline-start:16px;flex:none}
.language-selector button{font-size:11px;min-height:38px;min-width:37px;padding:7px 8px;border-radius:22px;color:#c2d1c7;white-space:nowrap}
.language-selector button[aria-pressed=true]{background:var(--mint);color:var(--ink)}
.language-selector button[lang=ar]{font-family:Tahoma,Arial,sans-serif;font-size:12px;padding-inline:10px}
.site-header nav{gap:clamp(13px,2vw,30px);margin-inline:18px}.site-header .brand{flex:none}.header-cta{white-space:nowrap}
.language-suggestion{position:fixed;z-index:15;top:102px;inset-inline-end:5%;max-width:min(400px,90vw);background:#f4f5ef;color:var(--ink);padding:16px 18px;border:1px solid #ccd3ca;border-radius:12px;box-shadow:0 8px 35px #0002;display:flex;flex-wrap:wrap;gap:10px}
.language-suggestion[hidden]{display:none}.language-suggestion p{width:100%;font-size:14px}.language-suggestion button{min-height:42px;border-radius:24px;padding:8px 14px;font-size:13px;background:var(--mint)}.language-suggestion button:last-child{background:transparent;border:1px solid #b5c4b4}
.contact-number,.contact-email,.browser-address,.brand,.sample-brand,.sample-avatar,.sample-person,.sample-avatars,.experience-names,#dialog-title,.project-caption h3{unicode-bidi:isolate}
.contact-number,.contact-email,.browser-address,.brand,.sample-brand,.sample-avatar,.sample-person,.sample-avatars,.experience-names,#dialog-title,.project-caption h3{direction:ltr}
#stage-count,#screen-count,#device-width,[data-clock],#country-time{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.project-open,.buenro-feature,.process-tabs button{text-align:start}.section-label>span:last-child,.project-caption>span{text-align:end}
.hero-copy,.contact-copy,.section-heading>*,.process-heading>*{min-width:0}.hero h1,.contact h2{overflow-wrap:break-word}
html[lang=de] .hero h1{font-size:clamp(39px,4.2vw,73px)}
html[lang=de] .process-tabs button strong{font-size:18px}
html[lang=de] .contact-copy h2{font-size:clamp(46px,5.6vw,85px)}
html[lang=ar]{--font:Tahoma,Arial,sans-serif;--display:Tahoma,Arial,sans-serif}
html[lang=ar] body{line-height:1.85}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] em,html[lang=ar] .eyebrow,html[lang=ar] .section-label,html[lang=ar] .sample-kicker{letter-spacing:0}
html[lang=ar] em{font-family:var(--display);font-style:normal;line-height:1.35}
html[lang=ar] .hero h1{font-size:clamp(39px,4.1vw,68px);line-height:1.4}
html[lang=ar] h2{line-height:1.4;font-size:clamp(36px,4vw,64px)}
html[lang=ar] .visual-title h3{font-family:var(--display);font-size:34px;line-height:1.4;letter-spacing:0}
html[lang=ar] .contact-copy h2{font-size:clamp(46px,5.7vw,82px);line-height:1.4}
html[lang=ar] .responsive-heading h2{font-size:31px;line-height:1.5}
html[lang=ar] .brand{font-family:'Manrope',Arial,sans-serif;letter-spacing:-1.8px}
html[lang=ar] .hero-proof>span{border-left:0;border-right:1px solid #ffffff35;padding-left:0;padding-right:15px}
html[lang=ar] .process-tabs button+button{border-left:0;border-right:1px solid #93b09a44}
html[lang=ar] .process-tabs button strong{font-size:19px;line-height:1.7}
html[lang=ar] .responsive-heading h2 em{margin-left:0;margin-right:5px}
html[lang=ar] details p{padding-right:0;padding-left:30px}
html[lang=ar] .close-dialog{float:left;left:15px;right:auto;margin:12px 0 -54px 14px}
html[lang=ar] .buenro-feature img{left:-4%;right:auto}
html[lang=ar] .sample-workspace{margin-left:0;margin-right:8px}
html[lang=ar] .sample-avatar,html[lang=ar] .sample-person{margin-left:0;margin-right:auto}
html[lang=ar] .sample-stats small{margin-left:0;margin-right:5px}
html[lang=ar] .sample-date>span{margin-left:0;margin-right:10px}
html[lang=ar] .sample-stats>div>span{white-space:normal;min-height:2.9em}
html[lang=ar] .sample-app h3,html[lang=ar] .sample-app h4{letter-spacing:0;line-height:1.5}
html[lang=ar] .sample-greeting h3{font-size:23px}
html[lang=ar] .sample-nav{border-right:0}
html[lang=ar] .sample-nav-note{line-height:1.9}
html[lang=ar] .sample-project-copy h4{font-size:22px}
html[lang=ar] .gallery-controls{direction:rtl}
html[lang=ar] #screen-prev,html[lang=ar] #screen-next{transform:scaleX(-1)}
/* The physical device drag stays LTR, while its app content follows the page language. */
.device-grip,.device-range-wrap,.device-measure{direction:ltr}.device-measure #layout-label{unicode-bidi:plaintext}
@container device (min-width:920px){html[lang=ar] .sample-nav{border-left:1px solid #dbe3d3}}
@media(max-width:1200px){.site-header{padding-inline:4%}.site-header nav{font-size:12px;gap:14px;margin-inline:10px}.language-selector{margin-inline-start:10px}.header-cta{font-size:13px!important;padding-inline:17px!important}html[lang=de] .site-header nav{font-size:11px}}
@media(max-width:1000px){.site-header nav{display:none;position:absolute;top:80px;left:4%;right:4%;margin:0;background:#1e3024;padding:23px;flex-direction:column;gap:20px;border:1px solid #496650;border-radius:7px;font-size:15px!important}.site-header nav.open{display:flex}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:44px;padding:8px;margin-inline-start:12px;flex:none}.menu-toggle span{width:23px;height:1px;background:var(--paper)}.site-header .header-cta{margin-inline-start:auto}.site-header{height:88px}}
@media(max-width:550px){.site-header{padding-inline:5%;gap:0}.site-header .brand{font-size:26px}.site-header .brand svg{width:24px}.header-cta{display:none!important}.language-selector{margin-inline-start:auto}.language-selector button{min-width:33px;padding-inline:7px}.menu-toggle{margin-inline-start:7px}.language-suggestion{top:94px;inset-inline-end:5%;font-size:13px}html[lang=de] .hero h1{font-size:clamp(37px,8.6vw,52px)}html[lang=ar] .hero h1{font-size:clamp(36px,8.6vw,51px)}html[lang=ar] .responsive-heading h2{font-size:27px}html[lang=ar] .process-tabs button strong{font-size:15px}html[lang=de] .process-tabs button strong{font-size:14px}html[lang=ar] .contact-copy h2{font-size:48px}.contact-phones a{gap:4px 12px}.contact-country{min-width:85px}.project-caption{align-items:start;flex-wrap:wrap}.project-caption>span{text-align:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html[lang=ar] .hero-proof strong,html[lang=ar] .global-stat>strong,html[lang=ar] .sample-stats strong,html[lang=ar] .sample-section-head>span{direction:ltr;unicode-bidi:isolate;text-align:right}
html[lang=ar] .sample-stats small{direction:rtl;unicode-bidi:isolate}
html[lang=ar] .hero-bottom a,html[lang=ar] .collaboration-strip span{text-align:start}
html[lang=ar] .presence-network{direction:ltr}
@media(max-width:900px) and (min-width:551px){html[lang=ar] .site-header .header-cta{margin-right:auto;margin-left:0}}
.hero-proof{flex-wrap:wrap;row-gap:16px}
html[lang=de] .sample-stats>div>span{white-space:normal;min-height:2.9em}
@media(max-width:550px){.process-tabs button{min-width:0;padding-inline:10px}.process-tabs button strong{max-width:100%;overflow-wrap:anywhere;hyphens:auto}}

/* Shared WhatsApp destination. Numbers keep their international reading order in every language. */
.whatsapp-selector{margin:24px 0 12px;max-width:100%}
.whatsapp-selector legend{color:#d7e8dc;margin-bottom:10px}
.whatsapp-country-options span{min-height:44px;display:flex;align-items:center;font-size:14px;padding:9px 16px}
.whatsapp-selector .contact-small{font-size:14px;line-height:1.6;color:#a4bbab;margin-top:10px;max-width:36em}
.whatsapp-destination{font-size:14px;line-height:1.7;color:#b5cdbd;overflow-wrap:break-word}
.whatsapp-destination bdi{direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-variant-numeric:tabular-nums}
.whatsapp-destination+.contact-whatsapp{margin-top:9px;min-height:44px;display:flex;align-items:center}
.brief-destination{margin-top:18px}
.brief-destination+.brief-actions{margin-top:10px}