/* ══════════════════════════════════════════════════════════════════════════
   Amikal · עמיקל — vitrine
   Design system continu avec l'app (code/webapp/static/styles.css) :
   accent acier, coins nets (border-radius:0), cadres blueprint, palette HS.
   ══════════════════════════════════════════════════════════════════════════ */
@import url("./fonts.css");

:root{
  /* — palette reprise de l'app — */
  --bg:#f2f2f3; --surface:#ffffff; --surface-2:#e9e9ea; --ink:#1d1f20;
  --muted:color-mix(in srgb,var(--ink) 56%,transparent);
  --faint:color-mix(in srgb,var(--ink) 40%,transparent);
  --divider:color-mix(in srgb,var(--ink) 14%,transparent);
  --hairline:color-mix(in srgb,var(--ink) 8%,transparent);

  --accent:#5980a6; --accent-600:#4a6d8f; --accent-700:#416180;
  --accent-100:#eef6ff; --accent-200:#d6ebff; --accent-300:#b5d9fd;

  /* — palette HS (signature produit ; partagée avec le logo) — */
  --hs2:#2f4a63;  --hs4:#5980a6;  --hs6:#3f8f88;  --hs10:#7a6ea6;
  --amikal-accent:#5980a6; --amikal-ink:#1d1f20; --amikal-deep:#2f4a63;
  --amikal-hs6:#3f8f88; --amikal-hs10:#7a6ea6;

  /* — état — */
  --ok:#3f8f6b; --warn:#c98a2b; --bad:#c0563f;

  --font-head:'Space Grotesk','Rubik','Heebo',system-ui,sans-serif;
  --font-body:'IBM Plex Sans','Heebo','IBM Plex Sans Hebrew',system-ui,sans-serif;
  --font-he-head:'Heebo','Rubik',system-ui,sans-serif;

  --shadow-sm:0 1px 2px color-mix(in srgb,#2b2b2d 12%,transparent);
  --shadow-md:0 6px 22px color-mix(in srgb,#2b2b2d 12%,transparent);
  --shadow-lg:0 18px 48px color-mix(in srgb,#2b2b2d 16%,transparent);

  --maxw:1120px;
  --gutter:clamp(20px,5vw,64px);
}

:root[data-theme="dark"]{
  --bg:#16181c; --surface:#1e2127; --surface-2:#23262c; --ink:#e7e9ec;
  --muted:color-mix(in srgb,var(--ink) 58%,transparent);
  --faint:color-mix(in srgb,var(--ink) 40%,transparent);
  --divider:color-mix(in srgb,var(--ink) 16%,transparent);
  --hairline:color-mix(in srgb,var(--ink) 9%,transparent);
  --accent:#6f96bd; --accent-600:#5f88b1; --accent-700:#527ba6;
  --accent-100:#1f2b38; --accent-200:#243444; --accent-300:#2c455d;
  --hs2:#5f7d99;
  --shadow-md:0 6px 22px rgba(0,0,0,.5);
  --shadow-lg:0 18px 48px rgba(0,0,0,.6);
}

/* ── reset ── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--font-body);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,svg{max-width:100%}
a{color:var(--accent);text-decoration:none;text-underline-offset:3px}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:600;line-height:1.1;
  letter-spacing:-.02em;margin:0}
:lang(he) h1,:lang(he) h2,:lang(he) h3,:lang(he) h4,
html[lang="he"] h1,html[lang="he"] h2,html[lang="he"] h3,html[lang="he"] h4{
  font-family:var(--font-he-head);letter-spacing:-.01em}
h1{font-size:clamp(34px,5.2vw,60px)}
h2{font-size:clamp(26px,3.6vw,40px)}
h3{font-size:clamp(19px,2vw,24px)}
p{margin:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
::selection{background:color-mix(in srgb,var(--accent) 32%,transparent)}

/* ── language visibility toggle (dual-span in HTML) ── */
[data-l]{display:none}
html[lang="he"] [data-l="he"]{display:revert}
html[lang="en"] [data-l="en"]{display:revert}
/* prevent flash before JS sets lang */
html:not([lang]) [data-l="he"]{display:revert}

/* ── layout primitives ── */
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);width:100%}
.eyebrow{font-family:var(--font-head);font-size:12.5px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
html[lang="he"] .eyebrow{letter-spacing:.06em;text-transform:none}
.lede{font-size:clamp(17px,1.9vw,20px);color:var(--muted);line-height:1.55;max-width:42ch}
.muted{color:var(--muted)}
.mono{font-family:'IBM Plex Mono','Space Grotesk',monospace}

/* ── buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-head);font-weight:600;font-size:15px;line-height:1;
  padding:13px 22px;border:1px solid var(--divider);background:transparent;
  color:var(--ink);cursor:pointer;border-radius:0;transition:.16s ease;
  white-space:nowrap}
.btn:hover{text-decoration:none}
.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-600);border-color:var(--accent-600)}
.btn-ghost:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.btn svg{width:16px;height:16px;flex:none}
html[lang="he"] .btn .arr{transform:scaleX(-1)}

/* ── header ── */
.site-header{position:sticky;top:0;z-index:60;
  background:color-mix(in srgb,var(--bg) 82%,transparent);
  backdrop-filter:saturate(1.4) blur(12px);
  border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.site-header.scrolled{border-bottom-color:var(--divider)}
.nav{display:flex;align-items:center;gap:20px;height:66px}
.nav-links{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.nav-links a{color:var(--ink);font-family:var(--font-head);font-weight:500;
  font-size:14.5px;padding:8px 12px;border-radius:0;opacity:.78;transition:.15s}
.nav-links a:hover{opacity:1;text-decoration:none}
.nav-links a.active{opacity:1;color:var(--accent)}
.nav-tools{display:flex;align-items:center;gap:10px}

/* language + theme toggles */
.lang-toggle{display:inline-flex;border:1px solid var(--divider);border-radius:0;overflow:hidden}
.lang-toggle button{font-family:var(--font-head);font-weight:600;font-size:13px;
  padding:7px 11px;background:transparent;color:var(--muted);border:0;cursor:pointer;
  border-inline-start:1px solid var(--divider)}
.lang-toggle button:first-child{border-inline-start:0}
.lang-toggle button.on{background:var(--accent);color:#fff}
.icon-btn{width:38px;height:38px;display:grid;place-items:center;background:transparent;
  border:1px solid var(--divider);cursor:pointer;color:var(--ink);border-radius:0}
.icon-btn:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.icon-btn svg{width:17px;height:17px}
.menu-btn{display:none}

/* mobile menu */
.mobile-menu{position:fixed;inset:66px 0 auto 0;background:var(--bg);
  border-bottom:1px solid var(--divider);padding:12px var(--gutter) 20px;
  display:none;flex-direction:column;gap:4px;z-index:55}
.mobile-menu.open{display:flex}
.mobile-menu a{color:var(--ink);font-family:var(--font-head);font-weight:500;
  padding:12px 4px;border-bottom:1px solid var(--hairline)}

/* ── logo (from brand pack) ── */
.amikal-logo{display:inline-flex;align-items:center;gap:.34em;direction:rtl;
  line-height:1;text-decoration:none;font-size:22px}
.amikal-logo:hover{text-decoration:none}
.amikal-logo svg{display:block;flex:none;overflow:visible}
.amikal-logo .amikal-name{font-family:var(--font-he-head);font-weight:800;
  letter-spacing:-.015em;color:var(--amikal-ink)}
.amikal-logo .amikal-k{color:var(--amikal-accent)}
html[lang="en"] .amikal-logo{direction:ltr}
html[lang="en"] .amikal-logo .amikal-name{font-family:'Rubik',system-ui,sans-serif;
  font-weight:700;letter-spacing:-.02em;color:var(--amikal-deep)}
:root[data-theme="dark"] .amikal-logo .amikal-name{color:#e7e9ec}

/* ── section rhythm ── */
section{position:relative}
.section{padding-block:clamp(72px,11vh,132px)}
.section-tight{padding-block:clamp(48px,7vh,84px)}
.divider-line{height:1px;background:var(--divider);border:0;margin:0}

/* blueprint corner frame */
.bp{position:relative;border:1px solid var(--divider);background:var(--surface)}
.bp>.c{position:absolute;width:9px;height:9px;color:var(--accent);opacity:.6}
.bp>.c::before,.bp>.c::after{content:"";position:absolute;background:currentColor}
.bp>.c::before{left:50%;top:0;width:1px;height:100%;transform:translateX(-.5px)}
.bp>.c::after{top:50%;left:0;height:1px;width:100%;transform:translateY(-.5px)}
.bp>.c.tl{top:-5px;left:-5px}.bp>.c.tr{top:-5px;right:-5px}
.bp>.c.bl{bottom:-5px;left:-5px}.bp>.c.br{bottom:-5px;right:-5px}

/* ══════════════ HERO ══════════════ */
.hero{padding-top:clamp(56px,9vh,110px);padding-bottom:clamp(40px,7vh,80px);
  position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,56px);
  align-items:center}
.hero h1{margin-bottom:18px}
.hero .accent-word{color:var(--accent)}
.hero-sub{font-size:clamp(17px,2vw,21px);color:var(--muted);line-height:1.5;
  max-width:40ch;margin-bottom:30px}
.hero-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.hero-note{font-size:13.5px;color:var(--faint);margin-top:22px}
/* faint grid backdrop */
.hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;
  background-image:linear-gradient(var(--hairline) 1px,transparent 1px),
    linear-gradient(90deg,var(--hairline) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 70% 30%,#000,transparent 75%);
          mask-image:radial-gradient(ellipse 80% 60% at 70% 30%,#000,transparent 75%)}
html[lang="he"] .hero::before{
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 30% 30%,#000,transparent 75%);
          mask-image:radial-gradient(ellipse 80% 60% at 30% 30%,#000,transparent 75%)}

/* ── feature sections (scroll story) ── */
.feature{min-height:min(88vh,760px);display:flex;align-items:center;
  padding-block:clamp(56px,9vh,96px)}
.feature-grid{display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(30px,5vw,72px);
  align-items:center;width:100%}
.feature.flip .feature-copy{order:2}
.feature.flip .feature-visual{order:1}
.feature-index{font-family:var(--font-head);font-size:13px;font-weight:600;
  color:var(--accent);letter-spacing:.1em;margin-bottom:14px;display:flex;
  align-items:center;gap:10px}
.feature-index::before{content:"";width:26px;height:1px;background:var(--accent)}
.feature h2{margin-bottom:16px}
.feature-copy p{color:var(--muted);font-size:clamp(16px,1.7vw,18px);max-width:44ch}
.feature-copy .key{color:var(--ink);font-weight:600}
.feature-visual{position:relative}

/* the visual "stage" card */
.stage{position:relative;background:var(--surface);border:1px solid var(--divider);
  box-shadow:var(--shadow-md);padding:clamp(18px,2.4vw,28px);min-height:300px;
  display:flex;flex-direction:column;gap:12px;overflow:hidden}
.stage-title{font-family:var(--font-head);font-size:12px;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;color:var(--faint);
  display:flex;align-items:center;gap:8px;margin-bottom:4px}
html[lang="he"] .stage-title{text-transform:none;letter-spacing:0}

/* mini doc chips (upload / sort visuals) */
.doc{display:flex;align-items:center;gap:10px;padding:11px 13px;background:var(--bg);
  border:1px solid var(--divider);font-size:13.5px}
.doc .ic{width:26px;height:30px;flex:none;border:1.5px solid var(--faint);position:relative}
.doc .ic::after{content:"";position:absolute;top:4px;left:4px;right:8px;height:1px;
  background:var(--faint);box-shadow:0 4px 0 var(--faint),0 8px 0 var(--faint)}
.doc .tag{margin-inline-start:auto;font-size:11px;font-family:var(--font-head);
  font-weight:600;padding:2px 8px;border:1px solid var(--divider);color:var(--muted)}
.doc.sorted .tag{color:#fff;border-color:transparent}
.tag-inv{background:var(--hs2)}.tag-pack{background:var(--hs6)}
.tag-bl{background:var(--hs10)}.tag-cert{background:var(--accent)}

/* data extraction: fields lighting up */
.field-row{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;
  border-bottom:1px solid var(--hairline);font-size:13.5px}
.field-row .lbl{color:var(--faint)}
.field-row .val{font-family:'IBM Plex Mono',monospace;color:var(--ink);font-weight:500}
.field-row.lit{background:var(--accent-100)}
.field-row.lit .val{color:var(--accent-700)}

/* HS skeleton (the core visual) */
.hs-skeleton{display:flex;flex-direction:column;gap:8px}
.hs-cran{display:flex;align-items:center;gap:12px;padding:11px 13px;
  border:1.5px solid var(--divider);background:var(--bg);font-family:var(--font-head)}
.hs-cran .code{font-weight:700;font-size:15px;letter-spacing:.02em}
.hs-cran .lvl{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;padding:2px 7px}
.hs-cran .desc{font-size:12.5px;color:var(--muted);font-family:var(--font-body)}
.hs-cran.l2{border-inline-start:3px solid var(--hs2)} .lvl.l2{background:var(--hs2)}
.hs-cran.l4{border-inline-start:3px solid var(--hs4)} .lvl.l4{background:var(--hs4)}
.hs-cran.l6{border-inline-start:3px solid var(--hs6)} .lvl.l6{background:var(--hs6)}
.hs-cran.l10{border-inline-start:3px solid var(--hs10)} .lvl.l10{background:var(--hs10)}
.hs-candidates{margin-top:6px;display:flex;flex-direction:column;gap:5px}
.cand{display:flex;align-items:center;gap:9px;padding:7px 11px;font-size:12.5px;
  border:1px solid var(--hairline);font-family:'IBM Plex Mono',monospace}
.cand.out{opacity:.5;text-decoration:line-through;text-decoration-color:var(--bad)}
.cand .why{margin-inline-start:auto;font-size:11px;font-family:var(--font-body);
  color:var(--bad);text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.cand .why::before{content:"§";font-weight:700}

/* comparison table */
.cmp{width:100%;border-collapse:collapse;font-size:13px}
.cmp th,.cmp td{padding:9px 11px;border-bottom:1px solid var(--hairline);text-align:start}
.cmp th{font-family:var(--font-head);font-size:11px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--faint);font-weight:600}
html[lang="he"] .cmp th{text-transform:none;letter-spacing:0}
.cmp td.diff{background:var(--accent-100);color:var(--accent-700);font-weight:600}
.cmp .codecell{font-family:'IBM Plex Mono',monospace;font-weight:600}

/* fiscal breakdown */
.fisc{display:flex;flex-direction:column;gap:2px}
.fisc-row{display:flex;justify-content:space-between;padding:9px 12px;font-size:13.5px;
  border-bottom:1px solid var(--hairline)}
.fisc-row .k{color:var(--muted)}
.fisc-row .v{font-family:'IBM Plex Mono',monospace;font-weight:500}
.fisc-row.total{border-top:2px solid var(--ink);border-bottom:0;margin-top:6px;
  font-weight:700;padding-top:12px}
.fisc-row.total .v{color:var(--accent-700)}

/* checklist */
.check{display:flex;align-items:center;gap:11px;padding:10px 12px;font-size:13.5px;
  border-bottom:1px solid var(--hairline)}
.check .box{width:19px;height:19px;border:1.5px solid var(--faint);flex:none;
  display:grid;place-items:center}
.check.done .box{background:var(--ok);border-color:var(--ok)}
.check.done .box svg{width:12px;height:12px;color:#fff}
.check.miss .box{border-color:var(--bad);border-style:dashed}
.check.miss{color:var(--bad)}
.check .stat{margin-inline-start:auto;font-size:11px;font-family:var(--font-head);
  font-weight:600;color:var(--faint)}
.check.miss .stat{color:var(--bad)}

/* draft message */
.draft{background:var(--bg);border:1px solid var(--divider);padding:14px 16px;
  font-size:13.5px;line-height:1.7;white-space:pre-line}
.draft .cursor{display:inline-block;width:8px;height:16px;background:var(--accent);
  vertical-align:-3px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

/* discrepancy visual */
.disc{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.disc .pane{background:var(--bg);border:1px solid var(--divider);padding:12px}
.disc .pane h5{font-family:var(--font-head);font-size:11px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--faint);margin:0 0 8px}
html[lang="he"] .disc .pane h5{text-transform:none}
.disc .line{display:flex;justify-content:space-between;font-size:12.5px;padding:5px 0;
  font-family:'IBM Plex Mono',monospace}
.disc .line.clash{color:var(--bad);font-weight:700}
.disc .link{color:var(--bad);font-size:20px;text-align:center}

/* closing signature line */
.signature{padding-block:clamp(80px,13vh,150px);text-align:center;
  background:var(--hs2);color:#fff;position:relative;overflow:hidden}
.signature h2{color:#fff;font-size:clamp(24px,3.6vw,42px);max-width:22ch;
  margin-inline:auto;line-height:1.15}
.signature .sig-he{direction:rtl}
.signature p{color:rgba(255,255,255,.72);margin-top:18px;font-size:17px}
.signature .btn-primary{background:#fff;color:var(--hs2);border-color:#fff;margin-top:30px}
.signature .btn-primary:hover{background:rgba(255,255,255,.9)}

/* three-pillar closing */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,28px)}
.pillar{padding:26px 24px;background:var(--surface);border:1px solid var(--divider)}
.pillar .pnum{font-family:var(--font-head);font-size:12px;font-weight:600;color:var(--accent);
  letter-spacing:.1em}
.pillar h3{margin:12px 0 8px;font-size:19px}
.pillar p{color:var(--muted);font-size:14.5px}

/* ── generic content pages ── */
.page-head{padding-block:clamp(56px,9vh,110px) clamp(28px,4vh,52px)}
.page-head h1{margin-bottom:16px}
.prose{max-width:64ch}
.prose h2{margin:40px 0 12px;font-size:clamp(22px,2.6vw,30px)}
.prose h3{margin:28px 0 8px}
.prose p{color:var(--muted);margin-bottom:14px;font-size:16.5px}
.prose strong{color:var(--ink);font-weight:600}
.prose ul{color:var(--muted);padding-inline-start:22px;margin:0 0 16px}
.prose li{margin-bottom:9px}

/* founder block */
.founder{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;
  background:var(--surface);border:1px solid var(--divider);padding:26px;margin-top:12px}
.founder .avatar{width:88px;height:88px;background:var(--surface-2);border:1px solid var(--divider);
  display:grid;place-items:center;color:var(--faint);font-family:var(--font-head);
  font-weight:600;font-size:12px;text-align:center;flex:none}
.placeholder{border:1px dashed var(--warn);background:color-mix(in srgb,var(--warn) 8%,transparent);
  color:var(--warn);padding:2px 8px;font-size:12.5px;font-family:var(--font-head);font-weight:600}

/* roadmap two columns */
.road{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,36px);align-items:start}
.road-col{background:var(--surface);border:1px solid var(--divider);padding:28px}
.road-col.future{background:var(--bg);border-style:dashed}
.road-col h2{font-size:24px;display:flex;align-items:center;gap:12px;margin-bottom:6px}
.road-badge{font-family:var(--font-head);font-size:11px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;padding:3px 9px;color:#fff}
html[lang="he"] .road-badge{text-transform:none;letter-spacing:0}
.road-badge.now{background:var(--ok)} .road-badge.soon{background:var(--warn)}
.road-item{padding:16px 0;border-bottom:1px solid var(--hairline)}
.road-item:last-child{border-bottom:0}
.road-item h4{font-size:16.5px;margin-bottom:6px;display:flex;align-items:center;gap:10px}
.road-item p{color:var(--muted);font-size:14.5px}
.road-status{font-family:var(--font-head);font-size:10.5px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;padding:2px 7px;border:1px solid var(--divider);color:var(--muted)}
html[lang="he"] .road-status{text-transform:none;letter-spacing:0}

/* ── contact form ── */
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);
  align-items:start}
.form-card{background:var(--surface);border:1px solid var(--divider);padding:clamp(22px,3vw,34px);
  box-shadow:var(--shadow-md)}
.field{margin-bottom:16px}
.field label{display:block;font-family:var(--font-head);font-size:13px;font-weight:500;
  margin-bottom:6px;color:var(--muted)}
.field .req{color:var(--bad)}
.input{width:100%;min-height:44px;padding:11px 13px;font:inherit;font-size:15px;
  color:var(--ink);background:var(--bg);border:1px solid var(--divider);border-radius:0}
.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-100)}
textarea.input{min-height:104px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-note{font-size:12.5px;color:var(--faint);margin-top:4px}
.form-status{margin-top:14px;font-size:14px;padding:12px 14px;display:none}
.form-status.ok{display:block;background:color-mix(in srgb,var(--ok) 12%,transparent);
  color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 40%,transparent)}
.form-status.err{display:block;background:color-mix(in srgb,var(--bad) 12%,transparent);
  color:var(--bad);border:1px solid color-mix(in srgb,var(--bad) 40%,transparent)}
.next-list{list-style:none;padding:0;margin:20px 0 0}
.next-list li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--hairline);
  color:var(--muted);font-size:15px}
.next-list .n{font-family:var(--font-head);font-weight:700;color:var(--accent);flex:none}
.direct{margin-top:24px;padding:20px;background:var(--surface-2);border:1px solid var(--divider)}
.direct a{font-family:var(--font-head);font-weight:600}

/* ── footer ── */
.site-footer{border-top:1px solid var(--divider);padding-block:44px 36px;margin-top:20px;
  background:var(--surface)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;margin-bottom:32px}
.footer-grid h5{font-family:var(--font-head);font-size:12px;text-transform:uppercase;
  letter-spacing:.08em;color:var(--faint);margin:0 0 12px}
html[lang="he"] .footer-grid h5{text-transform:none;letter-spacing:0}
.footer-grid a{display:block;color:var(--muted);padding:5px 0;font-size:14.5px}
.footer-grid a:hover{color:var(--accent)}
.footer-tag{color:var(--muted);font-size:14px;margin-top:12px;max-width:34ch}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding-top:22px;border-top:1px solid var(--hairline);color:var(--faint);font-size:13px;
  flex-wrap:wrap}
.footer-bottom .disc{color:var(--faint)}

/* ══════════════ scroll reveal — Apple-style staging ══════════════ */
.reveal{opacity:0;transform:translateY(46px) scale(.985);
  transition:opacity .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1)}
.reveal.in{opacity:1;transform:none}
/* feature visuals tilt in with a hint of perspective */
.feature-visual.reveal{transform:perspective(1100px) rotateX(6deg) translateY(52px);opacity:0;
  transition:opacity 1.05s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1)}
.feature-visual.reveal.in{opacity:1;transform:none}
.reveal-stagger>*{opacity:0;transform:translateY(28px);
  transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.reveal-stagger.in>*{opacity:1;transform:none}
.reveal-stagger.in>*:nth-child(1){transition-delay:.05s}
.reveal-stagger.in>*:nth-child(2){transition-delay:.13s}
.reveal-stagger.in>*:nth-child(3){transition-delay:.21s}
.reveal-stagger.in>*:nth-child(4){transition-delay:.29s}
.reveal-stagger.in>*:nth-child(5){transition-delay:.37s}
.reveal-stagger.in>*:nth-child(6){transition-delay:.45s}
.reveal-stagger.in>*:nth-child(7){transition-delay:.53s}
.reveal-stagger.in>*:nth-child(8){transition-delay:.61s}
.reveal-stagger.in>*:nth-child(9){transition-delay:.69s}
.reveal-stagger.in>*:nth-child(10){transition-delay:.77s}
/* parallax targets get their own will-change; JS drives transform on the inner stage */
.feature-visual .stage{will-change:transform}

@media (prefers-reduced-motion:reduce){
  .reveal,.reveal-stagger>*,.feature-visual.reveal{opacity:1!important;transform:none!important;transition:none!important}
  .draft .cursor{animation:none}
  .feature-visual .stage{transform:none!important}
}

/* ══════════════ AI copilot chip ══════════════ */
.ai-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-head);
  font-size:11px;font-weight:700;letter-spacing:.05em;padding:3px 9px;
  background:var(--accent-100);border:1px solid var(--accent-300);color:var(--accent-700)}
.ai-chip svg{width:12px;height:12px;flex:none}
html[lang="he"] .ai-chip{letter-spacing:0}

/* feature capability bullets */
.feat-points{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.feat-points li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--muted);
  line-height:1.5}
.feat-points li svg{width:15px;height:15px;flex:none;color:var(--ok);margin-top:3px}

/* ══════════════ stats band (about) ══════════════ */
.stats-band{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,36px)}
.stat-card{background:var(--surface);border:1px solid var(--divider);padding:34px 30px;
  text-align:center}
.stat-big{font-family:var(--font-head);font-weight:700;line-height:1;color:var(--accent);
  font-size:clamp(54px,7vw,88px);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.stat-big .u{font-size:.5em;font-weight:600}
.stat-cap{font-family:var(--font-head);font-weight:600;font-size:16px;margin-top:12px}
.stat-sub{color:var(--muted);font-size:14px;margin-top:6px}
.stat-note{color:var(--faint);font-size:12.5px;margin-top:22px;text-align:center}

/* horizontal bar chart (drawn on reveal) */
.hchart{display:flex;flex-direction:column;gap:14px}
.hgroup{display:flex;flex-direction:column;gap:6px}
.hgroup .glabel{font-family:var(--font-head);font-weight:600;font-size:13.5px}
.hbar{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.hbar .lab{flex:none;width:96px;text-align:end}
html[lang="en"] .hbar .lab{text-align:end}
.hbar .track{flex:1;height:20px;background:var(--surface-2);position:relative;overflow:hidden}
.hbar .fill{position:absolute;inset-block:0;inset-inline-start:0;width:0;
  transition:width 1.2s cubic-bezier(.16,1,.3,1)}
.in .hbar .fill,.reveal.in .hbar .fill{width:var(--w)}
.hbar .val{flex:none;width:42px;font-family:'IBM Plex Mono',monospace;font-weight:600;
  font-variant-numeric:tabular-nums}
.hbar.base .fill{background:var(--color-neutral-400,#b7b7ba)}
.hbar.amikal .fill{background:var(--accent);transition-delay:.25s}
@media (prefers-reduced-motion:reduce){.hbar .fill{width:var(--w)!important;transition:none}}

/* donut (drawn on reveal) */
.donut-wrap{display:flex;align-items:center;gap:clamp(20px,3vw,40px);flex-wrap:wrap;justify-content:center}
.donut{width:min(230px,58vw);height:auto;flex:none}
.donut circle.seg{fill:none;stroke-width:26;stroke-dasharray:var(--len) 339.3;
  stroke-dashoffset:var(--len);transition:stroke-dashoffset 1.15s cubic-bezier(.16,1,.3,1)}
.in circle.seg,.reveal.in circle.seg{stroke-dashoffset:0}
.donut circle.seg:nth-of-type(2){transition-delay:.18s}
.donut circle.seg:nth-of-type(3){transition-delay:.36s}
.donut circle.seg:nth-of-type(4){transition-delay:.54s}
@media (prefers-reduced-motion:reduce){.donut circle.seg{stroke-dashoffset:0!important;transition:none}}
.legend{display:flex;flex-direction:column;gap:9px;font-size:14px}
.legend .li{display:flex;align-items:center;gap:10px}
.legend .sw{width:13px;height:13px;flex:none}
.legend .pc{margin-inline-start:auto;font-family:'IBM Plex Mono',monospace;font-weight:600;
  color:var(--muted);padding-inline-start:18px}

/* advantages grid */
.adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:clamp(16px,2vw,24px)}
.adv{background:var(--surface);border:1px solid var(--divider);padding:24px 22px}
.adv .ic{width:38px;height:38px;display:grid;place-items:center;background:var(--accent-100);
  color:var(--accent-700);margin-bottom:14px}
.adv .ic svg{width:19px;height:19px}
.adv h3{font-size:16.5px;margin-bottom:7px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.adv p{color:var(--muted);font-size:14px}
.xai-label{font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:600;
  padding:2px 7px;background:var(--hs10);color:#fff;letter-spacing:.03em}

/* ══════════════ roadmap timeline (frise) ══════════════ */
.tl{position:relative;max-width:760px;margin-inline:auto;
  padding-inline-start:44px}
.tl::before{content:"";position:absolute;inset-inline-start:14px;top:10px;bottom:26px;
  width:2px;background:linear-gradient(to bottom,var(--ok) 0 22%,var(--divider) 34%)}
.tl-item{position:relative;padding-bottom:clamp(34px,5vh,54px)}
.tl-item:last-child{padding-bottom:0}
.tl-dot{position:absolute;inset-inline-start:-44px;top:0;width:30px;height:30px;
  display:grid;place-items:center;background:var(--bg);border:2px solid var(--divider);
  color:var(--faint)}
.tl-dot svg{width:15px;height:15px}
.tl-item.now .tl-dot{border-color:var(--ok);background:var(--ok);color:#fff}
.tl-item.plan .tl-dot{border-color:var(--warn);color:var(--warn)}
.tl-item.hope .tl-dot{border-style:dashed;border-color:var(--accent);color:var(--accent)}
.tl-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.tl-head h3{font-size:clamp(18px,2vw,22px)}
.tl-item p{color:var(--muted);font-size:15px;max-width:58ch}
.road-badge.hope{background:transparent;border:1px dashed var(--accent);color:var(--accent)}

/* ══════════════ pricing ══════════════ */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px);align-items:stretch}
.plans .plan{background:var(--surface);border:1px solid var(--divider);padding:30px 26px;
  display:flex;flex-direction:column;gap:14px}
.plans .plan.hot{border-color:var(--accent);box-shadow:var(--shadow-md);position:relative}
.plans .plan.hot::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--accent)}
.plans .plan .ptag{font-family:var(--font-head);font-size:11.5px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--accent)}
html[lang="he"] .plans .plan .ptag{letter-spacing:0;text-transform:none}
.plans .plan h3{font-size:21px}
.plans .plan .pprice{font-family:var(--font-head);font-weight:700;font-size:30px;letter-spacing:-.01em}
.plans .plan .pprice .u{font-size:14px;font-weight:500;color:var(--muted)}
.plans .plan p{color:var(--muted);font-size:14.5px}
.plans .plan .feat-points{margin-top:2px}
.plans .plan .btn{margin-top:auto;justify-content:center}
.plans .plan.soon{background:var(--bg);border-style:dashed}
@media (max-width:960px){.plans{grid-template-columns:1fr}.stats-band{grid-template-columns:1fr}}

/* ══════════════ responsive ══════════════ */
@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr}
  .hero-visual{display:none}
  .feature-grid{grid-template-columns:1fr;gap:28px}
  .feature.flip .feature-copy,.feature.flip .feature-visual{order:0}
  .feature{min-height:0}
  .contact-grid{grid-template-columns:1fr}
  .road{grid-template-columns:1fr}
  .pillars{grid-template-columns:1fr}
  .founder{grid-template-columns:1fr;text-align:center;justify-items:center}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .nav-links{display:none}
  .menu-btn{display:grid}
  .form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .disc{grid-template-columns:1fr;gap:8px}
  .disc .link{transform:rotate(90deg)}
  body{font-size:15px}
}