/* Arabic typography: one deliberate scale, replacing experimental overrides. */
html[dir="rtl"]{font-size:18px}
html[dir="rtl"] header .brand{font-size:31px;letter-spacing:-1.8px}
html[dir="rtl"] header .brand small{margin-top:6px;font-size:8px;letter-spacing:2.2px}
html[dir="rtl"] header nav{font-size:18px}
html[dir="rtl"] .lang-switch{font-size:17px;font-weight:500}
html[dir="rtl"] .contact{font-size:18px;padding-bottom:5px}
html[dir="rtl"] .hero-copy .eyebrow{font-size:14px;letter-spacing:1.4px;line-height:1.55}
html[dir="rtl"] .hero h1{font-size:clamp(53px,5.6vw,70px);line-height:1.12;letter-spacing:-2px}
html[dir="rtl"] .hero-copy>p:not(.eyebrow){max-width:500px;font-size:20px;line-height:1.9;margin:30px 0 34px}
html[dir="rtl"] .hero .button{padding:19px 25px;font-size:15px;letter-spacing:.5px;line-height:1.35}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .offers .section-head .eyebrow,html[dir="rtl"] .plans .eyebrow,html[dir="rtl"] .how .eyebrow{font-size:18px;font-weight:600;letter-spacing:.5px;line-height:1.65}
html[dir="rtl"] .essentials b{font-size:23px}
html[dir="rtl"] .essentials span{font-size:17px;line-height:1.7}
html[dir="rtl"] .section-head h2{font-size:clamp(46px,5vw,62px);line-height:1.08;letter-spacing:-2px}
html[dir="rtl"] .section-head>p:last-child{font-size:18px;line-height:1.8}
html[dir="rtl"] .plan-top h3{font-size:30px;line-height:1.17}
html[dir="rtl"] .plan-top strong{font-size:34px;line-height:1}
html[dir="rtl"] .plans .description{font-size:23px;line-height:1.9}
html[dir="rtl"] .plans li{font-size:21px;line-height:1.8}
html[dir="rtl"] .plans .fine{font-size:19px;line-height:1.75}
html[dir="rtl"] .plans .text-link{font-size:19px}
html[dir="rtl"] .custom{font-size:18px;line-height:1.8}
html[dir="rtl"] .how h2{font-size:clamp(49px,5.2vw,65px);line-height:1.1}
html[dir="rtl"] .how h3{font-size:23px}
html[dir="rtl"] .how li>b{font-size:16px}
html[dir="rtl"] .how li p{font-size:18px;line-height:1.9}
html[dir="rtl"] .closing h2{font-size:clamp(46px,5vw,62px);line-height:1.1}
html[dir="rtl"] footer>span,html[dir="rtl"] footer>div{font-size:17px}
html[dir="rtl"] footer small{font-size:14px}

@media(max-width:700px){
  html[dir="rtl"]{font-size:17px}
  html[dir="rtl"] header .brand{font-size:25px}
  html[dir="rtl"] header .brand small{font-size:7px}
  html[dir="rtl"] .lang-switch{font-size:15px}
  html[dir="rtl"] .contact{font-size:16px}
  html[dir="rtl"] .hero-copy .eyebrow{font-size:12px}
  html[dir="rtl"] .hero h1{font-size:49px}
  html[dir="rtl"] .hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.8}
  html[dir="rtl"] .hero .button{font-size:14px;padding:17px 22px}
  html[dir="rtl"] .eyebrow,html[dir="rtl"] .offers .section-head .eyebrow,html[dir="rtl"] .plans .eyebrow,html[dir="rtl"] .how .eyebrow{font-size:16px}
  html[dir="rtl"] .essentials b{font-size:21px}
  html[dir="rtl"] .essentials span{font-size:16px}
  html[dir="rtl"] .section-head h2{font-size:45px}
  html[dir="rtl"] .section-head>p:last-child{font-size:17px}
  html[dir="rtl"] .plan-top h3{font-size:28px}
  html[dir="rtl"] .plan-top strong{font-size:32px}
  html[dir="rtl"] .plans .description{font-size:21px}
  html[dir="rtl"] .plans li{font-size:20px}
  html[dir="rtl"] .plans .fine{font-size:18px}
  html[dir="rtl"] .plans .text-link{font-size:17px}
  html[dir="rtl"] .custom{font-size:17px}
  html[dir="rtl"] .how h2{font-size:48px}
  html[dir="rtl"] .how h3{font-size:22px}
  html[dir="rtl"] .how li p{font-size:17px}
  html[dir="rtl"] footer>span,html[dir="rtl"] footer>div{font-size:16px}
}