/* Qwikengo landing page — design tokens v1 (Nova). Mobile-first, RTL. */
/* Font @import moved to a <link> in index.html (avoids a render-blocking CSS @import chain in the FB/IG in-app browser):
   https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700;800&family=Rubik:wght@600;700&display=swap */
:root{
  /* Brand (sampled from QwikPage lead emails, for continuity) */
  --c-navy:#0F172A;      /* headlines, dark sections */
  --c-cyan:#0FC4F9;      /* brand accent: logo, highlights, lead dots. Never as a large fill */
  --c-cyan-soft:#E6F8FE; /* tinted panels behind screenshots */
  /* CTA: the ONLY place this color appears. Facebook's in-app browser is all blue, so a cyan button blends in; warm yellow pops. */
  --c-cta:#FFC53D; --c-cta-hover:#FFB60A; --c-cta-text:#0F172A;
  /* Neutrals */
  --c-paper:#F7F6F2;     /* page bg, warm off-white (not pure white) */
  --c-surface:#FFFFFF;   /* cards */
  --c-ink:#0F172A; --c-ink-2:#4B5565; --c-ink-3:#8A93A6;
  --c-line:#E4E2DA;

  /* Type: Heebo for Hebrew body/headlines, Rubik for numbers + Latin brand */
  --f-he:'Heebo',system-ui,sans-serif;
  --f-num:'Rubik','Heebo',sans-serif;
  --t-hero:clamp(30px,8.4vw,44px)/1.12;   /* weight 800, letter-spacing -0.5px */
  --t-h2:clamp(24px,6.4vw,32px)/1.2;      /* weight 800 */
  --t-h3:19px/1.35;                        /* weight 700 */
  --t-body:17px/1.6;                       /* weight 400, never below 16px */
  --t-small:14px/1.5;
  --t-stat:clamp(44px,12vw,64px)/1;        /* Rubik 700, for "8", "10,000", "30 דק׳" */

  /* Space: 4px scale */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:72px;
  --gutter:20px;          /* side padding on mobile */
  --max-w:560px;          /* content column even on desktop; this is a phone page */

  /* Shape */
  --r-card:18px; --r-btn:14px; --r-pill:999px;
  --shadow-card:0 1px 2px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.08);
  --shadow-phone:0 20px 50px rgba(15,23,42,.22);

  /* CTA */
  --btn-h:56px;           /* thumb-friendly */
}
/* Rules for Kit:
   - Sticky bottom CTA bar on mobile after the hero scrolls out (bg paper at 92% + blur, button full-width).
   - Badge "3 ימים חינם · בלי כרטיס אשראי": pill, bg --c-navy, text white, a small cyan dot before it.
   - Screenshots: always inside a card (radius 18, shadow-card) on --c-cyan-soft panel. Never raw, never tilted 3D mockups.
   - Stats use --f-num with the unit small beside them.
   - Pricing: 3 cards, the bundle (849) gets a 2px navy border + "הכי משתלם" pill. Not a colored fill.
   - No gradients, no stock icons, no emoji in UI. */