.site-header { border-block-end: 1px solid var(--color-line); }
.header-inner { min-block-size: 6.5rem; display: flex; align-items: center; gap: var(--space-4); flex-wrap: wrap; padding-block: 1rem; }
.brand { display: inline-flex; align-items: center; gap: .7rem; text-decoration: none; font-size: 1.65rem; line-height: 1.2; font-weight: 600; }
.brand-mark { inline-size: 2.4rem; block-size: 2.4rem; }
.brand small { display: block; font-size: .64rem; font-weight: 400; margin-block-start: .25rem; }
.site-nav { margin-inline-start: auto; }
.site-nav ul { display: flex; align-items: center; gap: clamp(1rem, 2vw, 2rem); }
.site-nav a, .language-link { font-size: .9rem; text-decoration: none; }
.site-nav a:hover, .language-link:hover, .footer-links a:hover { text-decoration: underline; }
.header-actions { display: flex; align-items: center; gap: var(--space-3); }
.language-link { padding: .6rem .2rem; }
.menu-toggle { display: none; background: transparent; border: 1px solid var(--color-line); border-radius: var(--radius-small); padding: .45rem .85rem; min-block-size: 44px; cursor: pointer; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: var(--space-4); min-block-size: 3.25rem; padding: .8rem 1.4rem; border: 1px solid var(--color-primary); border-radius: var(--radius-small); background: var(--color-primary); color: var(--color-on-primary); text-decoration: none; font-size: .95rem; }
.button:hover { background: var(--color-text); }
.button-light { background: var(--color-background); color: var(--color-primary); border-color: var(--color-background); }
.button-light:hover { background: var(--color-surface); }
.arrow { display: inline-block; font-size: 1.3rem; line-height: 1; }
[dir="rtl"] .arrow { transform: scaleX(-1); }
.text-link { display: inline-flex; gap: 1rem; align-items: center; padding-block: .6rem; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: var(--space-4); margin-block-end: var(--space-5); }
.section-heading .eyebrow { margin-block-end: var(--space-2); }
.section-heading > p { max-inline-size: 23rem; color: var(--color-muted); }
.number { color: var(--color-accent); font-size: .8rem; font-variant-numeric: tabular-nums; }
.site-footer { padding-block: var(--space-5) var(--space-4); }
.footer-top, .footer-bottom { display: flex; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; }
.footer-top { align-items: start; padding-block-end: var(--space-5); }
.footer-top p { max-inline-size: 23rem; color: var(--color-muted); margin-block-start: 1rem; }
.footer-links { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.footer-links a { display: inline-block; padding-block: .5rem; text-decoration: none; }
.footer-bottom { border-block-start: 1px solid var(--color-line); padding-block-start: var(--space-3); color: var(--color-muted); font-size: .8rem; }
@media (max-width: 60rem) {
  .header-inner { gap: var(--space-2); }
  .header-actions { margin-inline-start: auto; }
  .header-cta { display: none; }
  .site-nav { order: 3; inline-size: 100%; margin: 0; }
  .site-nav ul { flex-wrap: wrap; gap: .5rem 1.5rem; padding-block: .5rem; }
  .site-nav a { display: block; padding-block: .5rem; }
  .js .menu-toggle { display: inline-flex; align-items: center; margin-inline-start: auto; }
  .js .header-actions { margin-inline-start: 0; }
  .section-heading { align-items: start; flex-direction: column; }
}