/* רגע (Rega) brand tokens + shared base. Used by index, privacy, accessibility, terms.
   The product overlay may import the :root block only. Contrast of every text pair is listed next to it
   (WCAG 2.1, checked 2026-11-07 with landing/.taste-skill/contrast.mjs). */

@font-face{font-family:"Heebo";font-style:normal;font-weight:300 800;font-display:swap;
  src:url(assets/fonts/heebo-hebrew.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:"Heebo";font-style:normal;font-weight:300 800;font-display:swap;
  src:url(assets/fonts/heebo-latin.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}

:root{
  /* ground: cool porcelain, not cream */
  --bg:#f1f2f6;          /* page */
  --surface:#e4e7ef;     /* one step: panels, FAQ tiles */
  --surface-2:#d7dce9;   /* two steps */
  --ink:#0a1230;         /* text on bg 16.4:1 · on surface 14.9:1 */
  --muted:#464e6b;       /* secondary text on bg 7.3:1 · on surface 6.6:1 */

  /* brand hue: cobalt */
  --cobalt:#062b8a;      /* CTA fill, the stage, links. on bg 10.9:1 */
  --cobalt-hi:#0b3fc0;   /* hover */
  --on-cobalt:#ffffff;   /* 12.2:1 */
  --on-cobalt-2:#c9d5f7; /* secondary on cobalt 8.3:1 */

  /* product UI (overlay, call window) */
  --night:#0c1330;       /* window */
  --night-2:#172048;     /* panel */
  --night-3:#25305e;     /* chip */
  --on-night:#e8ecf8;    /* 15.5:1 on night · 13.3:1 on night-2 */
  --on-night-2:#aab4d8;  /* 8.9:1 on night · 7.7:1 on night-2 */
  --card:#ffffff;        /* the whisper card */
  --card-ink:#0a1230;    /* 18.4:1 */
  --card-muted:#4a5578;  /* 7.3:1 on white */

  /* card kinds: always paired with a text label, never colour alone (marks only, >= 3:1 on white) */
  --k-objection:#c46a00; /* 3.9:1 */
  --k-buy:#18774a;       /* white on it 5.6:1 */
  --k-info:#062b8a;      /* 12.2:1 */
  --ok:#7fe0ad; --no:#ffb4a8; --q:#f4d37a; /* chip text on night-3, all >= 7.4:1 */

  --font:"Heebo",system-ui,"Segoe UI",Arial,sans-serif;
  --step-small:clamp(.875rem,.85rem + .1vw,.9375rem);   /* 14-15px */
  --step-body:clamp(1.0625rem,1rem + .25vw,1.1875rem);  /* 17-19px */
  --step-lead:clamp(1.25rem,1.1rem + .7vw,1.625rem);    /* 20-26px */
  --step-head:clamp(2rem,1.3rem + 3.2vw,4rem);          /* 32-64px */
  --step-display:clamp(2.5rem,1rem + 5.2vw,5.25rem);    /* 40-84px */

  --m:clamp(16px,3.2vw,48px);   /* page margin, both sides */
  --gap:clamp(96px,12vw,200px); /* between sections */
  /* motif: the call card, rounded with one square corner (where the card meets the speaker) */
  --r:14px;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-io:cubic-bezier(.76,0,.24,1);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--step-body);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
h1,h2,h3,p,ul,ol,figure,blockquote,dl,dd{margin:0}
ul[class],ol[class]{padding:0;list-style:none}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}
a{color:inherit;text-underline-offset:.2em}
h1,h2,h3{font-weight:400;letter-spacing:-.01em;line-height:1.18;text-wrap:balance}
p{max-width:62ch;text-wrap:pretty}
[lang=en]{unicode-bidi:isolate}
::selection{background:var(--cobalt);color:var(--on-cobalt)}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:4px}
.on-dark :focus-visible,.on-dark:focus-visible{outline-color:#fff}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wrap{padding-inline:var(--m);max-width:1480px;margin-inline:auto}

/* skip link: first focusable element on every page */
.skip{position:absolute;inset-inline-start:var(--m);top:-100px;z-index:100;background:var(--cobalt);color:var(--on-cobalt);padding:12px 18px;border-radius:var(--r) var(--r) 0 var(--r);font-weight:700;text-decoration:none}
.skip:focus{top:12px}

/* button: the card shape (one square corner), one fill */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:52px;padding:.7em 1.5em;background:var(--cobalt);color:var(--on-cobalt);font-weight:700;font-size:var(--step-body);border:0;cursor:pointer;text-decoration:none;border-radius:999px 999px 0 999px;transition:background-color .18s var(--ease),transform .14s var(--ease)}
.btn:hover{background:var(--cobalt-hi)}
.btn:active{transform:scale(.97)}
.btn.light{background:#fff;color:var(--cobalt)}
.btn.light:hover{background:var(--surface)}
.btn.quiet{background:var(--surface-2);color:var(--ink)}
.btn.quiet:hover{background:#c8cfe0}
.tlink{font-weight:700;color:var(--cobalt);text-decoration:underline;text-decoration-thickness:2px}
.tlink:hover{color:var(--cobalt-hi)}

/* header */
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.75rem;letter-spacing:0;color:var(--cobalt);min-height:44px}
.brand img{width:34px;height:34px}
.top nav ul{display:flex;align-items:center;gap:clamp(12px,2vw,28px);font-size:var(--step-small);font-weight:500}
.top nav a:not(.btn){text-decoration:none;display:inline-block;padding:10px 0}
.top nav a:not(.btn):hover{text-decoration:underline}
.top .btn{min-height:44px;padding:.45em 1.15em;font-size:var(--step-small)}

/* footer: one quiet line, legal links on every page */
.foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:24px;padding-block:40px 30px;font-size:var(--step-small);color:var(--muted)}
.foot ul{display:flex;flex-wrap:wrap;gap:8px 24px}
.foot a{color:var(--ink)}
.foot a:hover{color:var(--cobalt)}
.foot .end{justify-self:end}
@media (max-width:760px){
  .foot{grid-template-columns:1fr;gap:8px}
  .foot .end{justify-self:start}
  .foot a{display:inline-block;padding-block:8px}
}

/* legal pages */
.doc{max-width:780px;padding-block:clamp(32px,6vw,80px) var(--gap)}
.doc h1{font-size:var(--step-head);margin-bottom:.4em;color:var(--cobalt)}
.doc .meta{color:var(--muted);font-size:var(--step-small);margin-bottom:2.5em}
.doc h2{font-size:var(--step-lead);font-weight:700;margin:2em 0 .6em}
.doc p+p,.doc p+ul,.doc ul+p{margin-top:.8em}
.doc ul{padding-inline-start:1.2em;display:grid;gap:.4em}
.doc .fill{background:#fff3c4;color:#5a3d00;padding:0 .25em;border-radius:4px;font-weight:500}
.doc table{border-collapse:collapse;width:100%;font-size:var(--step-small);margin-top:.8em}
.doc th,.doc td{text-align:start;padding:10px 12px;vertical-align:top;border-bottom:1px solid var(--surface-2)}
.doc th{background:var(--surface);font-weight:700}
.doc .tablewrap{overflow-x:auto}
.doc .tablewrap+p{margin-top:1.2em}
.doc .note{background:var(--surface);padding:16px 20px;border-radius:var(--r) var(--r) 0 var(--r);margin-top:1.2em}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* footer credit + build version (the Dockerfile stamps .site-version into every </footer>) */
.made-by,.site-version{font-size:var(--step-small);color:var(--muted);margin:0 0 12px;max-width:none}
.made-by a{color:var(--ink)}
.close .made-by{padding-top:4px}