:root {
      --color-parchment-canvas: #f2f0eb;
      --color-ink: #292827;
      --color-bone: #ffffff;
      --color-fog: #e3e3e2;
      --color-driftwood: #dcd7d3;
      --color-graphite: #666666;
      --color-aubergine: #421d24;
      --color-iris: #714cb6;
      --color-lavender: #d4c7ff;
      --color-error: #8A2B36;
      --font-ui: 'Onest', 'Noto Sans Hebrew', 'Alef', system-ui, sans-serif;
      --font-mono: 'PT Mono', 'Cousine', ui-monospace, monospace;
      --border-btn: 8px;
      --border-row: 12px;
      --border-card: 16px;
      --border-modal: 24px;
      --border-pill: 999px;
    }
    
    * { box-sizing: border-box; }
    body { margin: 0; background: var(--color-parchment-canvas); color: var(--color-ink); font-family: var(--font-ui); line-height: 1.5; }
    .mono { font-family: var(--font-mono); direction: ltr; display: inline-block; }
    h1, h2, h3, h4 { font-weight: 600; margin: 0; }
    h1 { font-size: 64px; line-height: 0.96; letter-spacing: -0.028em; }
    h2 { font-size: 48px; letter-spacing: -0.022em; }
    h3 { font-size: 28px; letter-spacing: -0.022em; }
    @media(max-width: 768px) {
      h1 { font-size: 40px; }
      h2 { font-size: 32px; }
      h3 { font-size: 24px; }
    }
    a { color: var(--color-iris); text-decoration: none; }
    button { font-family: inherit; cursor: pointer; border: none; background: none; }
    input, textarea { font-family: inherit; }
    
    .btn-ghost { border: 1px solid var(--color-iris); color: var(--color-iris); border-radius: var(--border-btn); padding: 8px 16px; font-weight: 500; transition: background 0.2s; }
    .btn-ghost:hover { background: rgba(113,76,182,0.05); }
    .btn-filled { background: var(--color-lavender); color: var(--color-ink); border-radius: var(--border-btn); padding: 8px 16px; font-weight: 500; transition: background 0.2s; }
    .btn-filled:hover { background: #c2b0ff; }
    .btn-filled:disabled { opacity: 0.5; cursor: not-allowed; }
    
    .container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
    .section { padding: 64px 0; }
    
    .nav { padding: 16px; display: flex; justify-content: space-between; align-items: center; }
    .hero { display: flex; gap: 32px; min-height: 80vh; align-items: center; flex-wrap: wrap; }
    .hero-content { flex: 1; min-width: 320px; }
    .hero-panel { flex: 1; min-width: 320px; background: var(--color-bone); border-radius: var(--border-card); padding: 16px; border: 1px solid var(--color-fog); }
    
    .calc-box { background: var(--color-bone); border-radius: var(--border-card); padding: 32px; border: 1px solid var(--color-fog); display: flex; gap: 32px; margin-top:32px; flex-wrap: wrap; }
    .calc-inputs, .calc-results { flex: 1; min-width: 250px; display: flex; flex-direction: column; gap: 16px; }
    .calc-row { display: flex; justify-content: space-between; font-size: 18px; align-items: center; }
    .calc-row.total { font-weight: 600; font-size: 24px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--color-fog); }
    input[type="number"] { width: 100px; font-family: var(--font-mono); padding: 8px; border: 1px solid var(--color-fog); border-radius: var(--border-btn); background: var(--color-bone); color: var(--color-ink); text-align: center; }
    
    .dashboard { display: none; height: 100vh; flex-direction: column; }
    .dash-top { padding: 16px; border-bottom: 1px solid var(--color-fog); display: flex; justify-content: space-between; align-items: center; background: var(--color-bone); flex-wrap: wrap; gap: 16px; }
    .dash-main { flex: 1; display: flex; overflow: hidden; flex-direction: row; }
    @media(max-width: 768px) {
      .dash-main { flex-direction: column; }
      .dash-sidebar { width: 100% !important; border-inline-end: none !important; border-bottom: 1px solid var(--color-fog); height: 40vh; }
    }
    .dash-sidebar { width: 400px; border-inline-end: 1px solid var(--color-fog); display: flex; flex-direction: column; background: var(--color-parchment-canvas); }
    .dash-tabs { display: flex; padding: 8px; border-bottom: 1px solid var(--color-fog); gap: 8px; background: var(--color-bone); overflow-x: auto; }
    .dash-tab { padding: 6px 12px; border-radius: var(--border-pill); cursor: pointer; font-size: 14px; white-space: nowrap; }
    .dash-tab.active { background: var(--color-fog); font-weight: 600; }
    .dash-queue { flex: 1; overflow-y: auto; padding: 8px; display: flex; flex-direction: column; gap: 8px; }
    .dash-view { flex: 1; padding: 24px; overflow-y: auto; background: var(--color-bone); }
    
    .mail-item { padding: 12px; border-radius: var(--border-row); border: 1px solid var(--color-fog); background: var(--color-bone); cursor: pointer; position: relative; transition: border-color 0.2s; }
    .mail-item:hover { border-color: #c2b0ff; }
    .mail-item.selected { border-color: var(--color-iris); background: rgba(113,76,182,0.03); }
    .mail-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 4px; }
    .mail-sender { font-weight: 500; font-size: 14px; }
    .mail-time { font-size: 12px; color: var(--color-graphite); }
    .mail-subj { font-size: 14px; margin-bottom: 8px; font-weight: 500; }
    .mail-tags { display: flex; gap: 8px; font-size: 12px; flex-wrap: wrap; }
    .tag { background: var(--color-fog); padding: 2px 6px; border-radius: 4px; }
    .tag-urgency { font-family: var(--font-mono); font-weight: 600; }
    
    .view-card { border: 1px solid var(--color-fog); border-radius: var(--border-card); padding: 20px; margin-bottom: 24px; }
    .draft-area { width: 100%; height: 150px; border: 1px solid var(--color-fog); border-radius: var(--border-btn); padding: 12px; margin-bottom: 12px; box-sizing: border-box; resize: vertical; }
    
    .lang-dropdown { position: relative; }
    .lang-btn { padding: 6px 12px; border-radius: var(--border-btn); border: 1px solid var(--color-fog); background: var(--color-bone); color: var(--color-ink); }
    .lang-menu { position: absolute; top: 100%; right: 0; background: var(--color-bone); border: 1px solid var(--color-fog); border-radius: var(--border-btn); display: none; flex-direction: column; min-width: 100px; z-index: 10; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .lang-menu.open { display: flex; }
    .lang-menu button { padding: 8px; text-align: start; width: 100%; background: none; border: none; cursor: pointer; }
    .lang-menu button:hover { background: var(--color-fog); }
    html[dir="rtl"] .lang-menu { right: auto; left: 0; }
    
    .stats-row { display: flex; gap: 16px; font-size: 14px; align-items: center; flex-wrap: wrap; }
    .stat-val { font-family: var(--font-mono); font-weight: 600; margin: 0 4px; }
    
    .threshold-control { display: flex; align-items: center; gap: 8px; font-size: 14px; }
    .why-box { background: var(--color-parchment-canvas); padding: 16px; border-radius: var(--border-row); font-size: 13px; margin-top: 16px; display: none; }
    .why-box.open { display: block; }
    
    .ai-typing { display: inline-block; width: 8px; height: 16px; background: var(--color-iris); animation: blink 1s step-end infinite; vertical-align: middle; margin-inline-start: 4px; }
    @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
    
    .ai-process { display: flex; align-items: center; gap: 8px; color: var(--color-iris); font-weight: 500; font-size: 14px; margin-bottom: 16px; }
    .spinner { border: 2px solid rgba(113,76,182,0.2); border-left-color: var(--color-iris); border-radius: 50%; width: 16px; height: 16px; animation: spin 1s linear infinite; }
    @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
  
    .nav-links { display: flex; gap: 16px; align-items: center; }
    .nav-links a { color: var(--color-graphite); text-decoration: none; font-weight: 500; }
    .nav-links a:hover, .nav-links a.active { color: var(--color-ink); }
    .footer { margin-top: 64px; padding: 32px 0; border-top: 1px solid var(--color-fog); color: var(--color-graphite); font-size: 14px; display: flex; justify-content: space-between; }
    .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-top: 32px; }
    .grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 32px; margin-top: 32px; }
    .feature-card { background: var(--color-bone); padding: 24px; border-radius: var(--border-card); border: 1px solid var(--color-fog); }
    .img-fluid { max-width: 100%; height: auto; border-radius: 8px; }
    .contact-form { display: flex; flex-direction: column; gap: 16px; max-width: 400px; margin-top: 24px; }
    .contact-form input, .contact-form textarea { padding: 12px; border: 1px solid var(--color-fog); border-radius: 8px; font-family: var(--font-ui); }
    .whatsapp-btn { display: inline-flex; align-items: center; gap: 8px; background: #25D366; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600; margin-top: 16px; }
    .hero-img-wrap { flex: 1; min-width: 320px; }