/* Arabic (RTL) overlay — loads after site.css and site.ae.css.
   Arabic is a joined script: letter-spacing breaks the connections and
   synthetic italics are not idiomatic, so both are switched off wherever
   the text is Arabic. Line heights are opened up for the taller script,
   and the directional flourishes (rotations, gradients, arrows) mirror.
   Latin runs — the brand, the e-mail field, the watermark — stay LTR. */

:root {
  --serif: 'Fraunces', 'Amiri', serif;
  --sans: 'Manrope', 'IBM Plex Sans Arabic', -apple-system, sans-serif;
  --mono: 'JetBrains Mono', 'IBM Plex Sans Arabic', monospace;
}

body {
  line-height: 1.7;
  background-image: radial-gradient(ellipse at top right, rgba(181, 68, 30, 0.04) 0%, transparent 50%), radial-gradient(ellipse at bottom left, rgba(74, 80, 55, 0.05) 0%, transparent 50%);
}

.notice-bar {
  font-size: 0.75rem;
  text-transform: none;
  letter-spacing: normal;
}

.brand {
  direction: ltr;
}

.btn-primary:hover .arrow {
  transform: translateX(-3px);
}

.hero h1 {
  font-size: clamp(2.5rem, 5.4vw, 4.75rem);
  line-height: 1.5;
}

.hero-lead {
  font-size: 1.2rem;
  line-height: 1.8;
  max-width: 36rem;
}

.waitlist {
  max-width: 32rem;
}

.waitlist input[type="email"] {
  direction: ltr;
  text-align: start;
}

.form-note {
  font-size: 0.85rem;
  max-width: 32rem;
  line-height: 1.8;
}

.invoice-card {
  transform: rotate(1.5deg);
}

.floating-chip {
  transform: rotate(-4deg);
}

.section-title {
  font-size: clamp(2rem, 4.2vw, 3.25rem);
  line-height: 1.45;
}

.section-lead {
  font-size: 1.08rem;
  line-height: 1.85;
}

.feature-title {
  line-height: 1.5;
}

.feature-desc {
  line-height: 1.85;
}

.einvoice-section::before {
  direction: ltr;
}

.einvoice-section h2 {
  font-size: clamp(2.25rem, 4.6vw, 3.6rem);
  line-height: 1.4;
}

.einvoice-section p {
  font-size: 1.08rem;
  line-height: 1.9;
}

.flow-date {
  min-width: 7.5rem;
}

.flow-text {
  line-height: 1.75;
}

.flow-source {
  font-size: 0.68rem;
  line-height: 1.9;
  text-transform: none;
  letter-spacing: normal;
}

.final-cta h2 {
  font-size: clamp(2.5rem, 5.6vw, 4.4rem);
  line-height: 1.35;
  max-width: 22ch;
}

.final-cta p {
  font-size: 1.12rem;
  max-width: 40rem;
  line-height: 1.85;
}

footer .brand-tag {
  line-height: 1.8;
  max-width: 26rem;
}

.eyebrow, .hero h1, .invoice-label, .party-label, .invoice-footer,
  .floating-chip, .section-number, .section-title, .feature-num,
  .feature-title, .einvoice-section h2, .flow-title, .flow-date,
  .footer-col h4, .footer-bottom, .final-cta h2, .trust-row,
  .nav-links, .invoice-number, .notice-bar, .lang-switch {
  letter-spacing: 0;
}

.lang-switch, .eyebrow, .invoice-label, .einvoice-badge, .party-label,
  .party-detail, .invoice-footer, .floating-chip, .section-number,
  .feature-num, .flow-title, .flow-date, .flow-source, .footer-col h4,
  .footer-bottom, .trust-row, .notice-bar {
  word-spacing: -0.3em;
}

.hero h1 em, .section-title em, .einvoice-section h2 em, .final-cta h2 em {
  font-style: normal;
}

@media (max-width: 900px) {
  .notice-bar {
    font-size: 0.68rem;
    letter-spacing: normal;
  }
}