/* BEYON Sport Typography V7 */
:root{
  --font-sport:"Barlow",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --font-display:"Barlow Condensed","Arial Narrow",Impact,ui-sans-serif,sans-serif;
  --font-ar:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;
  --font:var(--font-sport);
}
html,body{font-family:var(--font-sport)!important;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit}

/* Athletic display hierarchy */
h1,h2,h3,h4,h5,h6,
.hero h1,.section-copy h2,.section-head h2,.media-band h2,.cta-panel h2,
.page-intro h2,.portal-header h1,.panel-head h3,.entity-card h3,.price-card h3,
.v5-modal-card>header h2,.v5-youtube-card h3,.v6-member-title{
  font-family:var(--font-display)!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  font-style:normal!important;
}
.hero h1{
  font-weight:800!important;
  letter-spacing:-.035em!important;
  line-height:.88!important;
  text-transform:uppercase;
  font-size:clamp(58px,8vw,112px)!important;
}
.section-copy h2,.section-head h2,.media-band h2,.cta-panel h2{
  text-transform:uppercase;
  letter-spacing:-.025em!important;
}

/* Navigation and action language */
.desktop-nav a,.portal-nav button,.btn,.quick-create,.role-badge,.lang-switch button,
.nav-section-label,.tiny-label,.eyebrow,.plan-tag,.popular-label,.status,.v5-status,
.v5-table th,.v5-field label,.v5-checks>label:first-child,.v5-section>header b,
.v5-toolbar button,.v6-toolbar button{
  font-family:var(--font-display)!important;
}
.desktop-nav a,.portal-nav button,.btn,.quick-create{
  font-weight:700!important;
  letter-spacing:.035em!important;
}
.nav-section-label,.tiny-label,.eyebrow,.plan-tag,.popular-label{
  font-weight:800!important;
  letter-spacing:.13em!important;
}

/* Stats need impact without becoming unreadable */
.stat-card strong,.price strong,.metric-row b,.score,.hero-proof strong,
.v5-server-stat strong,.v5-kpi strong,.v6-kpi strong,.v6-card-number{
  font-family:var(--font-display)!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
  font-variant-numeric:tabular-nums lining-nums;
}
.stat-card strong{font-size:clamp(28px,3vw,42px)!important}

/* Cards / tables */
.data-table td,.v5-table td,.v5-field input,.v5-field select,.v5-field textarea,
.drawer-form input,.drawer-form select,.drawer-form textarea{
  font-family:var(--font-sport)!important;
  font-variant-numeric:tabular-nums;
}
.program-card h3,.price-card h3,.entity-card h3{font-size:clamp(22px,2.1vw,31px)!important}

/* Arabic: never force a condensed Latin display face onto Arabic glyphs */
html[lang="ar"],html[lang="ar"] body,
html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea,
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,
html[lang="ar"] .hero h1,html[lang="ar"] .desktop-nav a,html[lang="ar"] .portal-nav button,
html[lang="ar"] .btn,html[lang="ar"] .tiny-label,html[lang="ar"] .eyebrow,
html[lang="ar"] .nav-section-label{
  font-family:var(--font-ar)!important;
  letter-spacing:0!important;
}
html[lang="ar"] .hero h1,html[lang="ar"] .section-copy h2,html[lang="ar"] .section-head h2,
html[lang="ar"] .media-band h2,html[lang="ar"] .cta-panel h2{
  text-transform:none!important;
  line-height:1.35!important;
}

/* Light polish to amplify the sports typography */
.hero .eyebrow,.tiny-label,.plan-tag{color:var(--gold-2)}
.btn-gold,.quick-create{font-size:13px!important;text-transform:uppercase}
.portal-header h1{font-size:27px!important;text-transform:uppercase}
.page-intro h2{font-size:clamp(30px,3.2vw,46px)!important;text-transform:uppercase}
@media(max-width:620px){
  .hero h1{font-size:54px!important;line-height:.91!important}
  .portal-header h1{font-size:20px!important}
  .btn-gold,.quick-create{font-size:12px!important}
}