/* TireDesk — developed by Grim Studio. Shared screen typography and hierarchy. */
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/assets/fonts/assistant-hebrew-wght-normal.woff2") format("woff2");
  unicode-range: U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/assets/fonts/assistant-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@media screen {
  :root {
    --font-ui: "Assistant", Arial, sans-serif;
    --text-secondary: #53675b;
  }
  body { font-family: var(--font-ui); font-size: 16px; font-weight: 500; line-height: 1.55; }
  h1, h2, h3 { font-weight: 750; letter-spacing: normal; line-height: 1.2; }
  button, input, select, textarea { font-family: inherit; }
  .button, .text-link { font-weight: 700; }
  .brand { font-weight: 800; letter-spacing: -0.04em; }
  strong, b { font-weight: 750; }

  /* Landing: a balanced product/description pair, without tilted decoration. */
  html[data-surface="landing"] h2 { font-size: clamp(28px, 3vw, 40px); }
  html[data-surface="landing"] h3 { font-size: 24px; }
  html[data-surface="landing"] .hero:before { display: none; }
  html[data-surface="landing"] .hero-grid {
    grid-template-columns: 1fr 1.1fr;
    gap: 44px;
    padding-block: 64px 48px;
  }
  html[data-surface="landing"] .hero h1 { font-size: clamp(42px, 5vw, 66px); font-weight: 800; line-height: 1.08; }
  html[data-surface="landing"] .hero-description { font-size: 20px; font-weight: 550; line-height: 1.6; max-width: 430px; }
  html[data-surface="landing"] .screen-frame { transform: none; box-shadow: 0 12px 28px #0b1c1620; }
  html[data-surface="landing"] .section { padding-block: 72px; }
  html[data-surface="landing"] .eyebrow { font-size: 14px; font-weight: 700; margin-bottom: 16px; }
  html[data-surface="landing"] .section-heading > p,
  html[data-surface="landing"] .inventory-copy > p:not(.eyebrow) { font-size: 17px; line-height: 1.65; color: var(--text-secondary); }
  html[data-surface="landing"] .feature p { font-size: 16px; line-height: 1.6; }
  html[data-surface="landing"] .check-list { font-size: 16px; }
  html[data-surface="landing"] .download-copy > p:not(.eyebrow),
  html[data-surface="landing"] .faq-list details p { font-size: 16px; line-height: 1.65; color: var(--text-secondary); }
  html[data-surface="landing"] .header-inner nav,
  html[data-surface="landing"] .button { font-size: 16px; font-weight: 700; }
  html[data-surface="landing"] .price bdi { font-size: 54px; font-weight: 800; }
  html[data-surface="landing"] .price-total { font-size: 17px; font-weight: 750; }
  html[data-surface="landing"] .vat-label { font-size: 14px; }
  html[data-surface="landing"] .download-copy h2 { font-size: 30px; }
  html[data-surface="landing"] .download-action p { font-size: 13px; line-height: 1.6; }
  html[data-surface="landing"] .faq-list summary { font-size: 18px; padding-block: 20px; }

  /* Operational screens: readable data/labels, stable navigation and controls. */
  html[data-storage] h1 { font-size: 32px; }
  html[data-storage] h2 { font-size: 21px; }
  html[data-storage] h3 { font-size: 18px; }
  html[data-storage] .heading { margin-bottom: 24px; }
  html[data-storage] .heading > div > p { font-size: 15px; color: var(--text-secondary); }
  html[data-storage] .muted, html[data-storage] .support-text { font-size: 14px; color: var(--text-secondary); }
  html[data-storage] .nav a { font-size: 16px; font-weight: 650; }
  html[data-storage] .card-head h2 { font-size: 20px; }
  html[data-storage] th { font-size: 13px; font-weight: 700; color: #526657; letter-spacing: normal; }
  html[data-storage] td { font-size: 15px; }
  html[data-storage] .cell-title { font-size: 16px; font-weight: 700; }
  html[data-storage] .cell-sub { font-size: 13px; color: var(--text-secondary); }
  html[data-storage] .kpi-label { font-size: 14px; font-weight: 650; }
  html[data-storage] .kpi-value { font-size: 34px; font-weight: 800; letter-spacing: -0.02em; }
  html[data-storage] .kpi-note { font-size: 13px; color: var(--text-secondary); }
  html[data-storage] .field { font-size: 15px; font-weight: 650; }
  html[data-storage] .field input,
  html[data-storage] .field select,
  html[data-storage] .field textarea { font-size: 16px; font-weight: 500; min-height: 44px; }
  html[data-storage] .field small { font-size: 13px; font-weight: 500; color: var(--text-secondary); }
  html[data-storage] .button { font-size: 15px; min-height: 44px; }
  html[data-storage] .tab { font-size: 14px; font-weight: 650; }
  html[data-storage] .badge, html[data-storage] .pill { font-size: 13px; font-weight: 650; }
  html[data-storage] .cloud-main h1 { font-size: 34px; }
  html[data-storage] .cloud-subtitle { font-size: 16px; margin-block: 12px 24px; color: var(--text-secondary); }
  html[data-storage] .cloud-main { margin-top: 32px; }
  html[data-storage] .cloud-card { border-radius: 12px; padding: 24px; }
  html[data-storage] .cloud-card > p { font-size: 16px; color: var(--text-secondary); }
}

@media screen and (max-width: 760px) {
  html[data-surface="landing"] .hero-grid { grid-template-columns: 1fr; gap: 30px; padding-block: 38px 30px; }
  html[data-surface="landing"] .hero h1 { font-size: clamp(40px, 10.5vw, 58px); }
  html[data-surface="landing"] .hero-description { font-size: 18px; }
  html[data-surface="landing"] .section { padding-block: 52px; }
  html[data-surface="landing"] .eyebrow { font-size: 13px; }
  html[data-surface="landing"] .header-inner nav { font-size: 14px; gap: 8px; }
  html[data-surface="landing"] .button-header { font-size: 14px; }
  html[data-surface="landing"] .feature h3 { font-size: 22px; }
  html[data-surface="landing"] .feature p { font-size: 15px; }
  html[data-storage] .kpi-value { font-size: 30px; }
}
@media screen and (max-width: 650px) {
  html[data-storage] h1, html[data-storage] .cloud-main h1 { font-size: 28px; }
  html[data-storage] .card-head h2 { font-size: 18px; }
  html[data-storage] .nav a { font-size: 11px; }
  html[data-storage] .cloud-main { margin-top: 24px; }
  html[data-storage] .cloud-card { padding: 20px; }
  html[data-storage] .heading { flex-wrap: wrap; }
  html[data-storage] .modal-actions .button { flex: 1 1 auto; }
}