/* Both languages share the same content structure, interactions and brand palette. */
.language-switch{display:flex;align-items:center;gap:3px;flex-shrink:0;padding:4px;border:1px solid #ddd5e5;border-radius:100px;font:11px/1.3 Arial,sans-serif;direction:ltr;background:#f7f3f9}
.language-switch a,.language-switch>span{padding:8px 9px;border-radius:100px;white-space:nowrap}
.language-switch a{transition:background .2s,color .2s}
.language-switch a:hover{background:#e5dcea;color:#403a20}
.language-switch [aria-current=page]{background:#403a20;color:#fbfaf9}
.language-switch [lang=ar]{font-family:'Thmanyah Sans',Tahoma,sans-serif;font-size:12px}
.nav-wrap{gap:20px}
html[lang=en]{--font:'Thmanyah Sans',Arial,sans-serif;--heading:'Thmanyah Sans',Arial,sans-serif}
html[lang=en] body{line-height:1.65}
html[lang=en] h1,html[lang=en] h2{font-family:var(--heading);font-weight:500;letter-spacing:-1.7px;line-height:1.15}
html[lang=en] h1{font-size:clamp(46px,4.8vw,72px)}
html[lang=en] h2{font-size:clamp(34px,3.4vw,51px)}
html[lang=en] h3{line-height:1.35}
html[lang=en] .brand-en>.brand-name{font-size:26px;letter-spacing:-.8px}
html[lang=en] .desktop-nav{gap:20px;font-size:12px}
html[lang=en] .button{font-size:13px;line-height:1.5}
html[lang=en] .button-small{font-size:11px;padding-inline:18px}
html[lang=en] .hero-description{font-size:16px;line-height:1.85}
html[lang=en] .hero-offer{font-size:11px}
html[lang=en] .hero-actions{gap:22px}
html[lang=en] .hero-family-names small{direction:ltr}
html[lang=en] .hero-family-bottom{font-size:9px;line-height:1.6}
html[lang=en] .visual-label{font-size:10px}
html[lang=en] .hero-family-card .mini-board-head{font-size:12px}
html[lang=en] .floating-note strong{font-size:13px}
html[lang=en] .floating-note small{font-size:10px}
html[lang=en] .about-copy .story-question{font-family:var(--font);font-size:23px;font-weight:500}
html[lang=en] .section-heading>p{font-size:15px;max-width:430px}
html[lang=en] .family-flow i{transform:rotate(180deg)}
html[lang=en] .family-story-copy h3{font-size:25px}
html[lang=en] .family-service .queue-ticket{min-width:70px}
html[lang=en] .family-demo-footer{gap:12px}
html[lang=en] .family-demo-footer>div{min-width:0}
html[lang=en] .family-demo-footer button{font-size:11px;white-space:normal;max-width:160px}
html[lang=en] .operation-number{left:auto;right:23px}
html[lang=en] .founder-pass>strong{font-size:40px}
html[lang=en] .founder-pass{transform:rotate(6deg)}
html[lang=en] .pass-top>span{letter-spacing:1px;font-size:10px}
html[lang=en] .screen-source-note{text-align:start}
html[lang=en] .inline-link>.icon,html[lang=en] .button>.icon,html[lang=en] .text-link>.icon,html[lang=en] .hero-offer>.icon,html[lang=en] .footer-contact-primary>.icon:last-child,html[lang=en] .footer-contact a[data-wa]>.icon:last-child{transform:rotate(180deg)}
html[lang=en] .sim-host,html[lang=en] .sim-mini,html[lang=en] .sim-action-dialog{direction:ltr;font-family:'Thmanyah Sans',Arial,sans-serif}
html[lang=en] .sim-nav button,html[lang=en] .sim-product,html[lang=en] .sim-table th,html[lang=en] .sim-staff-card{text-align:left}
html[lang=en] .sim-nav button{font-size:11px;gap:9px}
html[lang=en] .sim-main h3{font-size:27px;letter-spacing:-.4px}
html[lang=en] .sim-staff-card .sim-pill{margin-right:0;margin-left:auto}
html[lang=en] .sim-profile button{margin-right:0;margin-left:10px}
html[lang=en] .sim-discount-tag{left:auto;right:10px}
html[lang=en] .sim-toast{left:auto;right:20px}
html[lang=en] .sim-fullscreen-head small{margin-right:0;margin-left:10px}
html[lang=en] .sim-feedback-info p{line-height:1.7}
html[lang=en] .sim-feedback-info .sim-btn{margin-right:0;margin-left:29px}
html[lang=en] .footer-contact small[lang=en]{text-align:left}
@media(max-width:1200px){.nav-wrap{gap:14px}html[lang=en] .desktop-nav{gap:13px;font-size:11px}html[lang=en] .brand-en>.brand-name{font-size:23px}}
@media(max-width:1050px){html[lang=en] .desktop-nav{display:none}html[lang=en] .menu-toggle{display:flex}html[lang=en] .header-cta{margin-inline-start:auto}}
@media(max-width:800px){
  .nav-wrap{gap:12px}.header-cta{display:none!important}.language-switch{margin-inline-start:auto}
  html[lang=en] h1{font-size:clamp(42px,10.5vw,65px);letter-spacing:-1.8px}
  html[lang=en] h2{font-size:clamp(33px,8.1vw,48px);letter-spacing:-1.1px;line-height:1.2}
  html[lang=en] .brand-en>.brand-name{font-size:22px}
  html[lang=en] .hero-description{font-size:15px}
  html[lang=en] .hero-actions{gap:18px;flex-wrap:wrap;justify-content:center}
  html[lang=en] .hero-family-card .mini-board-head{font-size:11px}
  html[lang=en] .hero-family-card{padding:16px}
  html[lang=en] .hero-family-names small{font-size:8px;white-space:normal}
  html[lang=en] .hero-family-bottom{font-size:9px}
  html[lang=en] .hero-offer{font-size:10px;gap:6px}
  html[lang=en] .section-heading>p{font-size:14px}
  html[lang=en] .founder-pass>strong{font-size:36px}
  html[lang=en] .founder-pass{transform:rotate(4deg)}
  html[lang=en] .sim-main h3{font-size:24px}
  html[lang=en] .sim-toast{left:12px;right:12px}
  html[lang=en] .sim-profile button{margin:0}
  html[lang=en] .sim-team-kpis .sim-kpi small{font-size:9px;line-height:1.5}
  html[lang=en] .sim-demo-controls>div{flex-wrap:wrap;justify-content:flex-start;gap:8px}
  html[lang=en] .sim-demo-controls button{font-size:10px}
  html[lang=en] .sim-mini .sim-mini-top{align-items:start}
}
@media(max-width:400px){
  .language-switch{gap:0;padding:3px}.language-switch a,.language-switch>span{padding:7px 6px;font-size:10px}.language-switch [lang=ar]{font-size:10px}
  .nav-wrap{gap:8px}.brand img{width:30px;height:30px}.brand-ar>.brand-name{font-size:17px}
  html[lang=en] .brand-en>.brand-name{font-size:18px;letter-spacing:-.7px}
  html[lang=en] .button{font-size:12px}
  html[lang=en] .hero-offer{flex-wrap:wrap;justify-content:center;line-height:1.7}
  html[lang=en] .hero-family-card .mini-board-head small{font-size:8px}
  html[lang=en] .sim-field-row{grid-template-columns:1fr}
  html[lang=en] .sim-profile strong{font-size:9px}
  html[lang=en] .sim-topbar .sim-branch{font-size:9px}
}