/* ============================================================
   TAVLIN · תבלין — landing (RTL, Hebrew-first)
   Palette: official Tavlin burnt orange · vanilla · functional neutrals.
   Type: Heebo (display+body, HE/EN) · Clash Display (brand) ·
         Instrument Serif (AI italics) · Fragment Mono (tech) ·
         Frank Ruhl Libre (editorial Hebrew serif)
   ============================================================ */

/* ---------- Fonts ---------- */
@font-face { font-family:'Clash Display'; src:url('../fonts/clash-display-600-normal.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Clash Display'; src:url('../fonts/clash-display-700-normal.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Instrument Serif'; src:url('../fonts/instrument-serif-400-italic.woff2') format('woff2'); font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family:'Fragment Mono'; src:url('../fonts/fragment-mono-400-normal.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Frank Ruhl Libre'; src:url('../fonts/frank-ruhl-500-normal.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F; }
@font-face { font-family:'Frank Ruhl Libre'; src:url('../fonts/frank-ruhl-700-normal.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F; }
@font-face { font-family:'Heebo'; src:url('../fonts/heebo-400-hebrew.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F; }
@font-face { font-family:'Heebo'; src:url('../fonts/heebo-500-hebrew.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F; }
@font-face { font-family:'Heebo'; src:url('../fonts/heebo-700-hebrew.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F; }
@font-face { font-family:'Heebo'; src:url('../fonts/heebo-800-hebrew.woff2') format('woff2'); font-weight:800; font-style:normal; font-display:swap; unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F; }
@font-face { font-family:'Heebo'; src:url('../fonts/heebo-900-hebrew.woff2') format('woff2'); font-weight:900; font-style:normal; font-display:swap; unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F; }
@font-face { font-family:'Heebo'; src:url('../fonts/heebo-400-latin.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; unicode-range:U+0000-00FF; }
@font-face { font-family:'Heebo'; src:url('../fonts/heebo-500-latin.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; unicode-range:U+0000-00FF; }
@font-face { font-family:'Heebo'; src:url('../fonts/heebo-700-latin.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; unicode-range:U+0000-00FF; }
@font-face { font-family:'Heebo'; src:url('../fonts/heebo-800-latin.woff2') format('woff2'); font-weight:800; font-style:normal; font-display:swap; unicode-range:U+0000-00FF; }
@font-face { font-family:'Heebo'; src:url('../fonts/heebo-900-latin.woff2') format('woff2'); font-weight:900; font-style:normal; font-display:swap; unicode-range:U+0000-00FF; }

/* ---------- Tokens ---------- */
:root {
  --color-brand-orange:#FC6C26;
  --color-brand-orange-rgb:252 108 38;
  --color-brand-vanilla:#FFF4D6;
  --color-brand-vanilla-rgb:255 244 214;
  --color-brand-ink:#2B1D12;
  --color-brand-muted:#6B5A48;

  --text:var(--color-brand-ink); --dim:var(--color-brand-muted); --faint:#9A8870;
  --color-brand-orange-hover:color-mix(in srgb,var(--color-brand-orange) 92%,var(--color-brand-ink));
  --color-brand-orange-active:color-mix(in srgb,var(--color-brand-orange) 84%,var(--color-brand-ink));
  --color-brand-orange-soft:rgb(var(--color-brand-orange-rgb) / .075);
  --color-brand-orange-border:rgb(var(--color-brand-orange-rgb) / .28);
  --color-brand-orange-glow:rgb(var(--color-brand-orange-rgb) / .4);
  --color-brand-vanilla-muted:color-mix(in srgb,var(--color-brand-vanilla) 96%,var(--color-brand-ink));
  --color-brand-vanilla-deep:color-mix(in srgb,var(--color-brand-vanilla) 92%,var(--color-brand-ink));
  --color-brand-vanilla-surface:color-mix(in srgb,var(--color-brand-vanilla) 92%,white);
  --color-brand-vanilla-raised:color-mix(in srgb,var(--color-brand-vanilla) 84%,white);
  --color-brand-vanilla-glass:color-mix(in srgb,var(--color-brand-vanilla-surface) 86%,transparent);

  --bg:var(--color-brand-vanilla);
  --ink-1:var(--color-brand-vanilla-surface);
  --ink-2:var(--color-brand-vanilla-raised);
  --ink-3:var(--color-brand-vanilla-muted);
  --line:rgba(43,29,18,.10); --line-strong:rgba(43,29,18,.20);
  --brand:var(--color-brand-orange);
  --brand-2:var(--color-brand-orange);
  --hot:var(--color-brand-orange-active);
  --mint:#0E9E74;
  --violet:#6A50D8;
  --amber:var(--color-brand-orange);
  /* legacy aliases used by components */
  --cream:var(--color-brand-vanilla); --cream-dim:var(--color-brand-vanilla-muted); --cream-faint:var(--color-brand-vanilla-deep);
  --saffron:var(--color-brand-orange); --orange:var(--color-brand-orange); --ember:var(--color-brand-orange-hover);
  --paprika:var(--color-brand-orange-active); --sumac:var(--violet); --turmeric:var(--color-brand-orange); --cardamom:var(--mint);
  --ink-0:var(--bg);
  --font-display:'Clash Display','Heebo',sans-serif;
  --font-display-he:'Heebo',system-ui,sans-serif;
  --font-body:'Heebo',system-ui,sans-serif;
  --font-serif:'Instrument Serif',Georgia,serif;
  --font-mono:'Fragment Mono','Heebo','Courier New',monospace;
  --font-he:'Heebo',system-ui,sans-serif;
  --font-he-display:'Frank Ruhl Libre','Heebo',serif;
  --grad-brand:linear-gradient(100deg,var(--color-brand-orange),color-mix(in srgb,var(--color-brand-orange) 92%,var(--color-brand-vanilla)));
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-inout:cubic-bezier(.83,0,.17,1);
}

/* ---------- Reset ---------- */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:auto; max-width:100%; overflow-x:clip; }
main[id],section[id],footer[id] { scroll-margin-top:5.5rem; }
html.lenis, html.lenis body { height:auto; }
.lenis.lenis-smooth { scroll-behavior:auto !important; }
body {
  background:var(--bg); color:var(--text);
  font-family:var(--font-body); font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  width:100%; max-width:100%; overflow-x:clip;
}
html.is-page-hidden *,html.is-page-hidden *::before,html.is-page-hidden *::after { animation-play-state:paused !important; }
img,video,canvas { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
ul { list-style:none; }
::selection { background:var(--color-brand-orange); color:var(--text); }
:focus-visible { outline:3px solid var(--color-brand-orange); outline-offset:3px; border-radius:4px; }

.container { width:min(92vw,1400px); margin-inline:auto; }
.mono { font-family:var(--font-mono); letter-spacing:.08em; }
.serif { font-family:var(--font-serif); }
em { font-family:var(--font-serif); font-style:italic; font-weight:400; color:var(--color-brand-muted); }
.hl { color:var(--color-brand-orange); }

/* ---------- Atmosphere ---------- */
.grain {
  position:fixed; inset:-50%; z-index:70; pointer-events:none; opacity:.05; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 900ms steps(6) infinite;
}
@keyframes grain {
  0%{transform:translate(0,0)} 20%{transform:translate(-3%,2%)} 40%{transform:translate(2%,-3%)}
  60%{transform:translate(-2%,-2%)} 80%{transform:translate(3%,3%)} 100%{transform:translate(0,0)}
}
.vignette {
  position:fixed; inset:0; z-index:69; pointer-events:none;
  background:radial-gradient(120% 90% at 50% 8%,transparent 60%,rgb(var(--color-brand-orange-rgb) / .08) 100%);
}

/* ---------- Loader ---------- */
.loader {
  position:fixed; inset:0; z-index:200; background:var(--bg);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2rem;
  transition:transform .9s var(--ease-inout), visibility 0s .9s;
}
.loader--done { transform:translateY(-101%); visibility:hidden; }
.loader__mark { display:flex; flex-direction:column; align-items:center; gap:.4rem; }
.loader__he { font-family:var(--font-he-display); font-weight:700; font-size:clamp(3rem,8vw,5.5rem); background:var(--grad-brand); -webkit-background-clip:text; background-clip:text; color:transparent; line-height:1.1; }
.loader__en { font-family:var(--font-mono); font-size:.75rem; letter-spacing:.55em; text-indent:.55em; color:var(--dim); }
.loader__meta { display:flex; gap:1.5rem; font-size:.8rem; color:var(--faint); align-items:baseline; }
.loader__pct { color:var(--text); min-width:3ch; text-align:left; font-size:.7rem; letter-spacing:.2em; }
.loader__bar { width:min(320px,60vw); height:1px; background:var(--line); position:relative; overflow:hidden; }
.loader__bar i { position:absolute; inset:0; background:var(--grad-brand); transform:scaleX(0); transform-origin:right; transition:transform .25s linear; }

/* ---------- Cursor ---------- */
.cursor { position:fixed; inset:0; z-index:150; pointer-events:none; }
.cursor__dot,.cursor__ring { position:absolute; top:0; left:0; border-radius:50%; will-change:transform; }
.cursor__dot { width:6px; height:6px; background:var(--brand-2); margin:-3px 0 0 -3px; }
.cursor__ring {
  width:38px; height:38px; margin:-19px 0 0 -19px;
  border:1px solid rgba(43,29,18,.35);
  display:flex; align-items:center; justify-content:center;
  transition:width .3s var(--ease-out),height .3s var(--ease-out),margin .3s var(--ease-out),border-color .3s,background-color .3s;
}
.cursor__text { font-family:var(--font-he); font-weight:700; font-size:10px; letter-spacing:.02em; color:var(--text); opacity:0; transition:opacity .2s; }
.cursor--link .cursor__ring { width:52px; height:52px; margin:-26px 0 0 -26px; border-color:var(--brand); }
.cursor--drag .cursor__ring,.cursor--taste .cursor__ring {
  width:74px; height:74px; margin:-37px 0 0 -37px;
  background:var(--brand); border-color:var(--brand);
}
.cursor--drag .cursor__text,.cursor--taste .cursor__text { opacity:1; }
.cursor--drag .cursor__dot,.cursor--taste .cursor__dot { opacity:0; }
@media (pointer:coarse) { .cursor { display:none; } }

/* ---------- Nav ---------- */
.nav {
  position:fixed; top:0; left:0; right:0; z-index:90;
  display:flex; align-items:center; justify-content:space-between;
  padding:1.1rem clamp(1.2rem,4vw,3rem);
  transition:transform .5s var(--ease-out), background-color .4s, backdrop-filter .4s;
}
.nav--scrolled { background:rgb(var(--color-brand-vanilla-rgb) / .8); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }
.nav--hidden { transform:translateY(-110%); }
.nav__brand { display:flex; align-items:center; gap:.6rem; }
.nav__logo {
  color:var(--text); display:block; width:30px; height:30px; flex:none;
  border-radius:9px; background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='9' fill='%232B1D12'/%3E%3Cpath d='M21.1 10.2c.2-2.6 1.2-4.7 3.2-6 1.5.6 2.6 1.7 3.1 3.1-1.7 1.6-3.8 2.6-6.3 2.9z' fill='%238BA83A'/%3E%3Cpath d='M22.6 9.3c3.8 3.1 3.2 8.3.1 12-2.8 3.4-7.4 5.2-13.8 6.2-1 .2-1.7-1.1-.9-1.8 3.9-3.3 6.1-6.9 6.3-10.5.1-2.3-.9-4-3-5.2 2.4-1.2 5.2-1.1 7.3.3z' fill='%23FC6C26'/%3E%3Cpath d='M21.6 12.5c1.3 2.8-.6 6.4-4.7 8.9' fill='none' stroke='%23FFF4D6' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E");
}
.nav__logo svg { display:none; }
.nav__word { font-family:var(--font-display); font-weight:600; letter-spacing:.22em; font-size:.95rem; }
.nav__he { font-family:var(--font-he-display); font-weight:500; color:var(--brand-2); font-size:1rem; }
.nav__links { display:flex; gap:clamp(1rem,2.5vw,2.2rem); }
.nav__links a { font-size:.9rem; font-weight:500; color:var(--dim); transition:color .25s; position:relative; }
.nav__links a::after {
  content:''; position:absolute; inset-inline-start:0; bottom:-5px; height:1px; width:100%;
  background:var(--brand-2); transform:scaleX(0); transform-origin:left; transition:transform .35s var(--ease-out);
}
.nav__links a:hover { color:var(--text); }
.nav__links a:hover::after { transform:scaleX(1); }
.nav__cta {
  min-height:44px; display:inline-flex; align-items:center;
  font-family:var(--font-he); font-weight:700; font-size:.88rem;
  color:var(--color-brand-vanilla); background:var(--text); padding:.6rem 1.25rem; border-radius:99px;
  transition:background-color .25s, box-shadow .25s, transform .25s;
}
.nav__cta:hover { color:var(--text); background:var(--color-brand-orange); box-shadow:0 8px 28px -6px var(--color-brand-orange-glow); transform:translateY(-1px); }
.nav__progress {
  position:absolute; inset-inline-start:0; bottom:-1px; height:2px; width:100%;
  background:var(--grad-brand);
  transform:scaleX(0); transform-origin:right; opacity:0; transition:opacity .3s;
}
.nav--scrolled .nav__progress { opacity:1; }
@media (max-width:760px){ .nav__links { display:none; } }

/* ---------- Buttons ---------- */
.btn {
  display:inline-flex; align-items:center; gap:.6rem;
  font-family:var(--font-he); font-weight:700; font-size:.95rem;
  padding:.9rem 1.7rem; border-radius:99px; transition:all .3s var(--ease-out);
}
.btn--solid { background:var(--color-brand-orange); color:var(--text); }
.btn--solid:hover { background:var(--color-brand-orange-hover); color:var(--text); box-shadow:0 12px 36px -8px var(--color-brand-orange-glow); transform:translateY(-2px); }
.btn--solid:active { background:var(--color-brand-orange-active); }
.btn--ghost { border:1px solid var(--line-strong); color:var(--text); }
.btn--ghost:hover { border-color:var(--brand-2); color:var(--brand-2); }
.btn__arrow { transition:transform .3s; }
.btn--ghost:hover .btn__arrow { transform:translateY(3px); }

/* ---------- Reveal system ---------- */
.reveal { opacity:0; transform:translateY(28px); transition:opacity .9s var(--ease-out), transform .9s var(--ease-out); }
.reveal.is-in { opacity:1; transform:none; }
.reveal-lines .line { display:block; overflow:hidden; }
.reveal-lines .line-inner { display:block; transform:translateY(115%); transition:transform 1.1s var(--ease-out); }
.reveal-lines.is-in .line-inner { transform:none; }
.reveal-lines .line:nth-child(2) .line-inner { transition-delay:.08s; }
.reveal-lines .line:nth-child(3) .line-inner { transition-delay:.16s; }
.reveal-lines .line:nth-child(4) .line-inner { transition-delay:.24s; }
html.static-mode .reveal { opacity:1 !important; transform:none !important; }
html.static-mode .reveal-lines .line-inner { transform:none !important; }
html.static-mode .loader { display:none; }
html.static-mode .rack__track { flex-wrap:wrap; width:auto; padding:0 4vw; }
html.static-mode .rack__pin { min-height:0; }
html.static-mode .hero { height:auto; }
html.static-mode .hero__sticky { position:relative; }

/* ---------- Section kicker ---------- */
.section-kicker {
  font-size:.7rem; letter-spacing:.22em; color:var(--faint);
  display:flex; align-items:center; gap:.9rem; margin-bottom:1.6rem;
}
.section-kicker i { font-style:normal; color:var(--brand-2); }
.section-kicker::after { content:''; height:1px; width:56px; background:var(--line-strong); }
.section-kicker__en { color:var(--dim); letter-spacing:.14em; }

/* ---------- Headlines (Hebrew display) ---------- */
.manifesto__headline,.rack__headline,.live__headline {
  font-family:var(--font-display-he); font-weight:900; letter-spacing:-.015em; line-height:1.12;
}

/* ---------- Hero ---------- */
.hero {
  position:relative;
  height:auto;
  min-height:clamp(58rem,115svh,76rem);
  overflow:visible;
}
.hero__sticky {
  position:relative; min-height:inherit; height:auto; overflow:visible;
  display:flex; flex-direction:column; isolation:isolate;
  padding-bottom:clamp(3rem,6vw,6rem);
}
.hero__glow {
  position:absolute; left:50%; top:27%; transform:translate(-50%,-50%);
  width:min(80vw,900px); aspect-ratio:2.6/1; pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%,rgb(var(--color-brand-orange-rgb) / .18),rgb(var(--color-brand-orange-rgb) / .06) 55%,transparent 75%);
  filter:blur(12px);
}
.hero__canvas {
  position:absolute; inset:0; z-index:190; width:100%; height:100%;
  pointer-events:none;
}
@media (max-width:760px){ .hero__glow { top:29%; aspect-ratio:2/1; } }
.hero__title {
  position:absolute; inset:0; width:auto; height:auto; clip:auto;
  z-index:60; display:flex; align-items:flex-start; justify-content:center; padding-top:11vh;
  font-family:var(--font-display); font-weight:700; font-size:clamp(2.8rem,9vw,7rem); letter-spacing:.04em;
  color:var(--color-brand-orange);
}
html.has-webgl .hero__title {
  width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;
}
.hero__content {
  position:relative; z-index:80;
  margin-top:clamp(8.25rem,17vh,10.75rem);
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding-inline:clamp(1.2rem,4vw,3rem);
}
.hero__content .reveal { opacity:1; transform:none; }
.hero__sub {
  font-family:var(--font-display-he); font-weight:900; font-size:clamp(2.35rem,4.6vw,4rem); line-height:1.02; letter-spacing:-.025em; max-width:14em;
}
.hero__sub > span { display:block; }
.hero__sub-accent { margin-top:.08em; color:var(--color-brand-orange); font-size:.92em; }
.hero__subsub {
  margin-top:1rem; max-width:52em; color:var(--dim);
  font-size:clamp(.92rem,1.18vw,1.08rem); font-weight:400; line-height:1.5;
}
.hero__subsub em { color:var(--brand-2); font-family:var(--font-display); font-style:normal; font-weight:600; }
.hero__capabilities {
  --cap-gap:clamp(3px,1vw,9px);
  display:inline-flex; align-items:center; justify-content:center; flex-wrap:nowrap;
  direction:rtl; white-space:nowrap; max-width:100%;
  margin-top:.72rem; color:var(--faint);
  font-family:var(--font-he); font-size:clamp(10px,2.45vw,14px); font-weight:500;
  line-height:1.5; letter-spacing:.015em;
}
.hero__capabilities span { display:inline-flex; align-items:center; white-space:nowrap; }
.hero__capabilities span + span::before {
  content:'·'; flex:0 0 auto; margin-inline:var(--cap-gap); color:rgb(var(--color-brand-orange-rgb) / .55);
}
.tech {
  display:inline-block; font-family:var(--font-mono); font-weight:400;
  font-size:.86em; letter-spacing:.06em; color:var(--brand-2);
}
.hero__ctas { display:flex; gap:1rem; margin-top:1.7rem; flex-wrap:wrap; justify-content:center; }

/* ---------- Hero software composition — the hardware frames the interface ---------- */
.hero__stage {
  position:relative; z-index:auto; width:100%;
  display:flex; flex-direction:column; align-items:center;
  margin-top:clamp(1rem,2vw,1.75rem);
  pointer-events:none;
}
.hero__devices-stage {
  position:relative;
  width:min(100%,1100px);
  min-height:clamp(290px,34vw,460px);
  margin-inline:auto;
  padding-inline:clamp(1.25rem,4vw,3rem);
  box-sizing:border-box;
  overflow:visible;
}
.hero__devices {
  position:absolute; inset:0; z-index:20;
  width:100%;
  pointer-events:none; overflow:visible;
}
.hero__device {
  position:absolute; bottom:0; width:auto; object-fit:contain;
  will-change:transform;
  filter:saturate(.88) contrast(1.05) brightness(1.04) drop-shadow(0 18px 24px rgba(43,29,18,.12));
}
.hero__device--kds {
  height:min(78%,clamp(170px,25vh,315px));
  left:calc(50% + clamp(100px,8vw,116px));
  bottom:clamp(.5rem,3vh,2.2rem);
  z-index:1;
  animation:deviceBobKds 7.5s var(--ease-inout) infinite;
}
.hero__device--kiosk {
  left:50%;
  height:min(100%,clamp(270px,40vh,480px));
  z-index:2;
  transform:translateX(-50%);
  animation:deviceBobKiosk 8s var(--ease-inout) infinite;
}
.hero__device--pos {
  height:min(69%,clamp(152px,22vh,268px));
  right:calc(50% + clamp(80px,6.7vw,105px));
  bottom:clamp(.25rem,1.5vh,1rem);
  z-index:1;
  animation:deviceBobPos 6.8s var(--ease-inout) infinite;
}
.hero__ai-row {
  position:relative; z-index:80;
  display:flex; justify-content:center;
  width:100%;
  margin-top:clamp(24px,3vw,48px);
  padding-inline:16px;
  overflow:visible;
}
.hero__ai-demo {
  width:min(100%,620px);
  height:auto;
  margin-inline:auto;
  overflow:visible;
}
.hero__ai-card {
  position:relative; z-index:80;
  width:100%; max-width:none; height:auto; min-height:max-content;
  padding:.8rem .85rem .9rem;
  border:1px solid rgba(43,29,18,.13); border-radius:16px;
  background:var(--color-brand-vanilla-glass); box-shadow:0 16px 46px rgba(43,29,18,.13);
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  text-align:right; direction:rtl; overflow:visible;
}
.hero__ai-card.is-animated {
  opacity:0; visibility:hidden;
  transform:translateY(8px);
  transition:opacity .55s var(--ease-out),transform .55s var(--ease-out),visibility 0s linear .55s;
}
.hero__ai-card.is-animated.is-visible,.hero__ai-card.is-animated.is-complete {
  opacity:1; visibility:visible; transform:none;
  transition-delay:0s;
}
.hero__ai-head {
  display:flex; align-items:center; justify-content:space-between; gap:.65rem;
  direction:ltr;
  padding-bottom:.58rem; border-bottom:1px solid rgba(43,29,18,.09);
}
.hero__ai-head small {
  color:var(--faint); font-size:.58rem; font-weight:500; white-space:nowrap;
  direction:rtl; unicode-bidi:isolate;
}
.hero__ai-brand {
  display:flex; align-items:center; gap:.45rem;
  direction:ltr; unicode-bidi:isolate;
  color:var(--color-brand-orange); font-family:var(--font-mono); font-size:.62rem;
  font-weight:400; letter-spacing:.08em;
}
.hero__ai-brand i {
  width:7px; height:7px; border-radius:50%; background:var(--mint);
  box-shadow:0 0 0 4px rgba(14,158,116,.1);
}
.hero__ai-chat {
  display:flex; flex-direction:column; gap:.42rem;
  padding-top:.58rem;
}
.hero__ai-bubble {
  width:fit-content; max-width:92%; padding:.46rem .62rem;
  border:1px solid rgba(43,29,18,.08); border-radius:11px;
  font-size:clamp(.66rem,.78vw,.76rem); font-weight:500; line-height:1.42;
}
.hero__ai-card.is-animated .hero__ai-bubble {
  opacity:0; visibility:hidden; transform:translateY(5px);
  transition:opacity .4s var(--ease-out),transform .4s var(--ease-out),visibility 0s linear .4s;
}
.hero__ai-card.is-animated .hero__ai-bubble.is-visible,
.hero__ai-card.is-animated.is-complete .hero__ai-bubble {
  opacity:1; visibility:visible; transform:none; transition-delay:0s;
}
.hero__ai-bubble--admin {
  align-self:flex-start; color:var(--text); background:rgba(43,29,18,.065);
  border-start-start-radius:4px;
}
.hero__ai-bubble--response,.hero__ai-bubble--followup {
  align-self:flex-end; color:var(--text); background:var(--color-brand-orange-soft);
  border-start-end-radius:4px;
}
.hero__ai-bubble--response span { display:block; }
.hero__ai-card.is-animated .hero__ai-bubble--response span { opacity:0; transform:translateY(3px); transition:opacity .32s ease,transform .32s ease; }
.hero__ai-card.is-animated .hero__ai-bubble--response.is-visible span,
.hero__ai-card.is-animated.is-complete .hero__ai-bubble--response span { opacity:1; transform:none; }
.hero__ai-bubble--response.is-visible span:nth-child(2) { transition-delay:.18s; }
.hero__ai-response-slot { position:relative; display:flex; justify-content:flex-end; }
.hero__ai-typing {
  position:absolute; inset-inline-start:0; top:.48rem;
  display:flex; align-items:center; gap:3px; padding:.55rem .65rem;
  border:1px solid rgba(43,29,18,.08); border-radius:11px 4px 11px 11px;
  background:var(--color-brand-orange-soft); opacity:0; visibility:hidden;
}
.hero__ai-typing.is-visible { opacity:1; visibility:visible; }
.hero__ai-typing i {
  width:4px; height:4px; border-radius:50%; background:var(--brand-2);
  animation:aiTyping 1s ease-in-out infinite;
}
.hero__ai-typing i:nth-child(2) { animation-delay:.14s; }
.hero__ai-typing i:nth-child(3) { animation-delay:.28s; }
@keyframes aiTyping { 0%,60%,100%{transform:translateY(0);opacity:.42} 30%{transform:translateY(-3px);opacity:1} }
@keyframes deviceBobKiosk { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(-9px)} }
@keyframes deviceBobKds { 0%,100%{transform:rotate(3deg) translateY(0)} 50%{transform:rotate(3deg) translateY(-7px)} }
@keyframes deviceBobPos { 0%,100%{transform:rotate(-3deg) translateY(0)} 50%{transform:rotate(-3deg) translateY(-7px)} }
@keyframes aiCardFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@media (max-width:900px){
  .hero__content { margin-top:clamp(7.7rem,15.5vh,9.2rem); }
  .hero__device--kds { height:min(70%,clamp(135px,19vh,210px)); left:calc(50% + clamp(64px,9vw,82px)); }
  .hero__device--pos { height:min(62%,clamp(125px,17vh,190px)); right:calc(50% + clamp(52px,7.4vw,70px)); }
  .hero__device--kiosk { height:min(100%,clamp(235px,35vh,390px)); }
}
@media (min-width:1025px) and (max-width:1599px), (min-width:1025px) and (max-height:900px){
  .hero {
    min-height:clamp(52rem,110svh,66rem);
  }
  .hero__title {
    padding-top:clamp(4.5rem,9.5svh,5.5rem);
    font-size:clamp(2.6rem,7vw,5.5rem);
  }
  .hero__content {
    margin-top:clamp(9rem,17.5svh,9.75rem);
  }
  .hero__sub {
    font-size:clamp(2.35rem,3.7vw,3.35rem);
  }
  .hero__subsub {
    margin-top:.65rem;
    font-size:clamp(.86rem,1.05vw,.96rem);
    line-height:1.42;
  }
  .hero__capabilities { margin-top:.48rem; }
  .hero__ctas { margin-top:1rem; }
  .hero__ctas .btn { padding:.76rem 1.45rem; }
  .hero__stage { margin-top:clamp(.75rem,1.5vw,1.25rem); }
  .hero__devices-stage { min-height:clamp(260px,28vw,360px); }
  .hero__device--kds {
    height:min(72%,clamp(155px,21svh,235px));
    bottom:clamp(.4rem,1.8svh,1rem);
  }
  .hero__device--kiosk {
    height:min(94%,clamp(220px,31svh,310px));
  }
  .hero__device--pos {
    height:min(64%,clamp(138px,19svh,215px));
    bottom:clamp(.2rem,1svh,.65rem);
  }
  .hero__ai-row { margin-top:clamp(20px,2.5vw,34px); }
}
@media (max-width:1024px){
  .hero { height:auto; min-height:0; overflow:visible; }
  .hero__sticky {
    min-height:100vh; min-height:100svh;
    padding-bottom:clamp(3rem,8svh,4.75rem);
  }
  html.static-mode .hero { height:auto; min-height:100vh; min-height:100svh; }
  .hero__devices-stage { width:min(100%,900px); min-height:clamp(250px,42vw,380px); }
}
@media (min-width:769px){
  .hero__stage { margin-top:clamp(2.75rem,4vw,5rem); }
}
@media (min-width:769px) and (max-height:900px){
  .hero__stage { margin-top:clamp(2.5rem,3.5vw,3.75rem); }
  .hero__devices-stage { min-height:clamp(240px,32svh,310px); }
}
@media (max-width:640px){
  .hero__sticky { padding-bottom:calc(32px + env(safe-area-inset-bottom)); }
  .hero__content { margin-top:clamp(10.5rem,22svh,12rem); padding-inline:.75rem; }
  .hero__sub { font-size:clamp(2rem,9.7vw,2.8rem); max-width:9.3em; line-height:1.03; }
  .hero__sub-accent { font-size:.86em; }
  .hero__subsub { margin-top:.7rem; max-width:39ch; font-size:clamp(.8rem,3.25vw,.9rem); line-height:1.45; }
  .hero__capabilities {
    width:100%; max-width:100%; margin-top:.58rem;
    font-size:clamp(10px,2.45vw,14px); line-height:1.5; letter-spacing:0;
  }
  .hero__ctas { width:min(100%,390px); gap:.55rem; margin-top:.9rem; flex-wrap:nowrap; }
  .hero__ctas .btn { flex:1; min-height:44px; justify-content:center; padding:.72rem .55rem; font-size:.78rem; white-space:nowrap; }
  .hero__stage { margin-top:clamp(.8rem,2svh,1.2rem); }
  .hero__devices-stage {
    width:100%; min-height:clamp(210px,58vw,260px);
    padding-inline:clamp(16px,5vw,24px);
  }
  .hero__device--kds { height:min(48%,23vw); left:calc(50% + clamp(40px,12vw,48px)); bottom:.8rem; opacity:.88; }
  .hero__device--pos { height:min(48%,25vw); right:calc(50% + clamp(16px,4.5vw,20px)); bottom:.25rem; z-index:3; }
  .hero__device--kiosk { height:min(100%,58vw); opacity:.9; }
  .hero__ai-row { margin-top:clamp(20px,6vw,28px); padding-inline:16px; }
  .hero__ai-demo { width:min(100%,520px); }
  .hero__ai-card {
    padding:.65rem .68rem .7rem; border-radius:13px;
  }
  .hero__ai-head { padding-bottom:.45rem; }
  .hero__ai-head small { font-size:.52rem; }
  .hero__ai-brand { font-size:.55rem; }
  .hero__ai-chat { gap:.32rem; padding-top:.45rem; }
  .hero__ai-bubble { padding:.36rem .48rem; font-size:clamp(.64rem,2.65vw,.71rem); line-height:1.35; }
}
@media (max-width:330px){
  .hero__content { padding-inline:.75rem; }
  .hero__sub { font-size:clamp(1.85rem,9.5vw,2.15rem); }
  .hero__ctas { width:min(100%,286px); flex-direction:column; gap:.42rem; }
  .hero__ctas .btn { width:100%; }
}
@media (max-width:640px) and (max-height:650px){
  .hero__sticky { min-height:0; }
}
@media (prefers-reduced-motion:reduce){
  .hero__device,.hero__ai-card,.hero__ai-typing i { animation:none !important; }
  .hero__ai-card,.hero__ai-bubble,.hero__ai-bubble--response span { transition:none !important; }
}

/* ---------- Marquee ---------- */
.marquee-belt { position:relative; padding:4.5rem 0 5.5rem; overflow:hidden; }
.marquee { border-top:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden; }
.marquee--ink { transform:rotate(-1.6deg) scale(1.02); background:var(--ink-1); }
.marquee--spice { transform:rotate(1.2deg) scale(1.02) translateY(-1px); background:var(--grad-brand); border:none; }
.marquee__track { display:flex; width:max-content; animation:marquee 36s linear infinite; }
.marquee__track--rev { animation-direction:reverse; animation-duration:42s; }
.marquee__track span {
  white-space:nowrap; font-family:var(--font-mono); font-size:.85rem; letter-spacing:.28em;
  padding:1.05rem 0; color:var(--text); opacity:.75;
}
.marquee--spice .marquee__track span { color:var(--text); font-family:var(--font-he); font-weight:700; font-size:.95rem; letter-spacing:.06em; opacity:1; }
@keyframes marquee { to { transform:translateX(-50%); } }

/* ---------- Tavlin AI advisor ---------- */
.ai-section {
  position:relative;
  padding:clamp(5.5rem,10vw,9rem) 0 clamp(5rem,9vw,8rem);
  overflow:clip;
  background:
    radial-gradient(42% 38% at 18% 46%,rgb(var(--color-brand-orange-rgb) / .09),transparent 72%),
    var(--color-brand-vanilla);
}
.ai-section::before {
  content:'AI';
  position:absolute;
  inset-inline-start:-.04em;
  top:50%;
  transform:translateY(-54%);
  color:transparent;
  -webkit-text-stroke:1px rgb(var(--color-brand-orange-rgb) / .1);
  font-family:var(--font-display);
  font-size:clamp(16rem,31vw,34rem);
  font-weight:700;
  line-height:.75;
  pointer-events:none;
  user-select:none;
}
.ai-section__grid {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);
  grid-template-areas:
    "panel copy"
    "panel prompts";
  align-items:center;
  gap:clamp(1.25rem,2.8vw,3.5rem) clamp(2.5rem,5vw,7rem);
  direction:ltr;
}
.ai-section__copy {
  grid-area:copy;
  direction:rtl;
  max-width:40rem;
}
.ai-section__label {
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  color:var(--color-brand-orange);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.22em;
  unicode-bidi:isolate;
}
.ai-section__label::before {
  content:'';
  width:2.6rem;
  height:1px;
  background:var(--color-brand-orange);
}
.ai-section__title {
  margin-top:1.25rem;
  max-width:10.5em;
  font-family:var(--font-display-he);
  font-size:clamp(2.35rem,4.3vw,4.6rem);
  font-weight:900;
  letter-spacing:-.025em;
  line-height:1.05;
  text-wrap:balance;
}
.ai-section__lead {
  margin-top:1.55rem;
  max-width:38em;
  color:var(--dim);
  font-size:clamp(1rem,1.25vw,1.22rem);
  line-height:1.75;
}
.ai-section__note {
  margin-top:1rem;
  max-width:37em;
  padding-inline-start:1rem;
  border-inline-start:2px solid var(--color-brand-orange);
  color:var(--text);
  font-size:clamp(.92rem,1.05vw,1.04rem);
  font-weight:600;
  line-height:1.65;
}
.ai-section__panel-wrap {
  grid-area:panel;
  min-width:0;
  direction:rtl;
}
.ai-console {
  position:relative;
  width:100%;
  max-width:47rem;
  margin-inline:auto;
  border:1px solid rgb(var(--color-brand-vanilla-rgb) / .13);
  border-radius:clamp(1.25rem,2vw,1.75rem);
  overflow:hidden;
  color:var(--color-brand-vanilla);
  background:
    linear-gradient(145deg,rgb(var(--color-brand-vanilla-rgb) / .055),transparent 34%),
    var(--color-brand-ink);
  box-shadow:
    0 36px 90px -46px rgba(43,29,18,.7),
    0 12px 32px -20px var(--color-brand-orange-glow),
    inset 0 1px 0 rgb(var(--color-brand-vanilla-rgb) / .08);
}
.ai-console::after {
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgb(var(--color-brand-orange-rgb) / .045);
  pointer-events:none;
}
.ai-console__header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1.15rem clamp(1rem,2.2vw,1.6rem);
  border-bottom:1px solid rgb(var(--color-brand-vanilla-rgb) / .1);
  background:rgb(var(--color-brand-vanilla-rgb) / .035);
}
.ai-console__brand {
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  flex:none;
  font-family:var(--font-display);
  font-size:.8rem;
  font-weight:600;
  letter-spacing:.13em;
  unicode-bidi:isolate;
}
.ai-console__brand i {
  width:.48rem;
  height:.48rem;
  border-radius:50%;
  background:var(--mint);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--mint) 16%,transparent);
}
.ai-console__status {
  min-width:0;
  color:rgb(var(--color-brand-vanilla-rgb) / .58);
  font-size:.72rem;
  unicode-bidi:isolate;
}
.ai-console__context {
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  padding:.85rem clamp(1rem,2.2vw,1.6rem);
  border-bottom:1px solid rgb(var(--color-brand-vanilla-rgb) / .07);
}
.ai-console__context li {
  padding:.25rem .58rem;
  border:1px solid rgb(var(--color-brand-vanilla-rgb) / .1);
  border-radius:99px;
  color:rgb(var(--color-brand-vanilla-rgb) / .58);
  background:rgb(var(--color-brand-vanilla-rgb) / .035);
  font-family:var(--font-he);
  font-size:.67rem;
  line-height:1.35;
}
.ai-console__conversation {
  display:flex;
  flex-direction:column;
  gap:.8rem;
  padding:clamp(1rem,2.5vw,1.65rem);
}
.ai-console__bubble {
  width:fit-content;
  max-width:min(88%,38rem);
  padding:.82rem 1rem;
  border:1px solid rgb(var(--color-brand-vanilla-rgb) / .09);
  border-radius:1rem;
  font-size:clamp(.84rem,1.05vw,.98rem);
  line-height:1.65;
}
.ai-console__bubble--owner {
  align-self:flex-end;
  color:var(--color-brand-vanilla);
  background:rgb(var(--color-brand-orange-rgb) / .16);
  border-start-end-radius:.3rem;
}
.ai-console__response-slot {
  position:relative;
  align-self:flex-start;
  max-width:92%;
}
.ai-console__bubble--response {
  align-self:flex-start;
  max-width:100%;
  color:var(--color-brand-vanilla);
  background:rgb(var(--color-brand-vanilla-rgb) / .065);
  border-start-start-radius:.3rem;
}
.ai-console__bubble--response strong {
  display:inline-block;
  margin-top:.25rem;
  color:var(--color-brand-orange);
  font-weight:700;
}
.ai-console__typing {
  position:absolute;
  z-index:2;
  inset-inline-start:.85rem;
  top:50%;
  display:flex;
  align-items:center;
  gap:.28rem;
  transform:translateY(-50%);
  padding:.55rem .65rem;
  border-radius:99px;
  background:color-mix(in srgb,var(--color-brand-ink) 90%,var(--color-brand-vanilla));
  opacity:0;
  visibility:hidden;
}
.ai-console__typing i {
  width:.3rem;
  height:.3rem;
  border-radius:50%;
  background:rgb(var(--color-brand-vanilla-rgb) / .72);
  animation:aiTyping 900ms ease-in-out infinite;
}
.ai-console__typing i:nth-child(2) { animation-delay:120ms; }
.ai-console__typing i:nth-child(3) { animation-delay:240ms; }
@keyframes aiTyping {
  0%,60%,100% { transform:translateY(0); opacity:.45; }
  30% { transform:translateY(-3px); opacity:1; }
}
.ai-console__bubble--followup {
  align-self:flex-start;
  max-width:78%;
  color:rgb(var(--color-brand-vanilla-rgb) / .86);
  background:rgb(var(--color-brand-vanilla-rgb) / .04);
  border-start-start-radius:.3rem;
}
.ai-console__analysis {
  display:flex;
  align-items:center;
  gap:.55rem;
  align-self:flex-start;
  max-width:100%;
  color:rgb(var(--color-brand-vanilla-rgb) / .5);
  font-size:.68rem;
  line-height:1.5;
}
.ai-console__analysis span {
  display:grid;
  place-items:center;
  width:1.15rem;
  height:1.15rem;
  flex:none;
  border-radius:50%;
  color:var(--color-brand-orange);
  background:rgb(var(--color-brand-orange-rgb) / .12);
  font-size:.64rem;
}
.ai-section__prompts {
  grid-area:prompts;
  direction:rtl;
  align-self:start;
  max-width:40rem;
}
.ai-section__prompts-label {
  margin-bottom:.75rem;
  color:var(--dim);
  font-size:.76rem;
  font-weight:600;
}
.ai-section__prompt-list {
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
}
.ai-section__prompt-list li {
  padding:.55rem .82rem;
  border:1px solid var(--line-strong);
  border-radius:99px;
  color:var(--dim);
  background:color-mix(in srgb,var(--color-brand-vanilla-surface) 78%,transparent);
  box-shadow:0 8px 22px -18px rgba(43,29,18,.55);
  font-size:clamp(.76rem,.9vw,.86rem);
  line-height:1.35;
}
.ai-section.is-animated [data-ai-step] {
  opacity:0;
  visibility:hidden;
}
@media (max-width:900px) {
  .ai-section { padding-block:clamp(4.5rem,11vw,6.5rem); }
  .ai-section::before { top:26%; font-size:clamp(14rem,56vw,28rem); }
  .ai-section__grid {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "copy"
      "panel"
      "prompts";
    gap:clamp(2rem,6vw,3.5rem);
  }
  .ai-section__copy { max-width:44rem; }
  .ai-section__title { max-width:12em; font-size:clamp(2.2rem,7.5vw,4rem); }
  .ai-section__panel-wrap { width:100%; }
  .ai-console { max-width:44rem; }
  .ai-section__prompts { max-width:44rem; }
}
@media (max-width:520px) {
  .ai-section { padding-block:4.25rem; }
  .ai-section__grid { width:min(91vw,1400px); gap:1.8rem; }
  .ai-section__label { font-size:.64rem; }
  .ai-section__label::before { width:2rem; }
  .ai-section__title { margin-top:1rem; font-size:clamp(2.05rem,10.5vw,2.8rem); line-height:1.08; }
  .ai-section__lead { margin-top:1.2rem; font-size:.94rem; line-height:1.7; }
  .ai-section__note { font-size:.86rem; line-height:1.6; }
  .ai-console { border-radius:1.15rem; }
  .ai-console__header { gap:.65rem; padding:.9rem .78rem; }
  .ai-console__brand { gap:.42rem; font-size:.66rem; letter-spacing:.08em; }
  .ai-console__status { font-size:.61rem; }
  .ai-console__context { gap:.32rem; padding:.72rem .75rem; }
  .ai-console__context li { padding:.2rem .43rem; font-size:.58rem; }
  .ai-console__conversation { gap:.65rem; padding:.78rem; }
  .ai-console__bubble { max-width:94%; padding:.68rem .75rem; font-size:.78rem; line-height:1.55; }
  .ai-console__response-slot { max-width:96%; }
  .ai-console__bubble--followup { max-width:90%; }
  .ai-console__analysis { gap:.4rem; font-size:.59rem; }
  .ai-section__prompt-list { display:grid; grid-template-columns:1fr; gap:.45rem; }
  .ai-section__prompt-list li { width:fit-content; max-width:100%; font-size:.74rem; }
}
@media (prefers-reduced-motion:reduce) {
  .ai-console__typing { display:none; }
  .ai-console__typing i { animation:none; }
}

/* ---------- Manifesto ---------- */
.manifesto {
  position:relative;
  padding:clamp(4.5rem,7vw,7rem) 0;
  overflow:hidden;
  background:var(--color-brand-vanilla);
}
.manifesto__watermark {
  position:absolute;
  top:50%;
  inset-inline-end:-4vw;
  transform:translateY(-50%);
  font-family:var(--font-he-display);
  font-weight:700;
  font-size:clamp(16rem,34vw,32rem);
  line-height:1;
  color:transparent;
  -webkit-text-stroke:1px rgba(43,29,18,.05);
  pointer-events:none;
  user-select:none;
}
.manifesto__layout {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(19rem,.85fr);
  align-items:center;
  gap:clamp(2.5rem,5vw,6rem);
  direction:ltr;
}
.manifesto__copy {
  grid-column:2;
  grid-row:1;
  max-width:34rem;
  direction:rtl;
}
.manifesto__label {
  display:inline-flex;
  align-items:center;
  gap:.65rem;
  color:var(--color-brand-orange);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.06em;
}
.manifesto__label::before {
  content:'';
  width:2.5rem;
  height:1px;
  background:var(--color-brand-orange);
}
.manifesto__headline {
  margin-top:1rem;
  max-width:10.5em;
  font-size:clamp(2.35rem,4.2vw,4.35rem);
  line-height:1.04;
}
.manifesto__lead {
  margin-top:1.25rem;
  color:var(--dim);
  font-size:clamp(.96rem,1.15vw,1.12rem);
  line-height:1.72;
}
.manifesto__note {
  margin-top:.9rem;
  color:var(--text);
  font-size:clamp(.88rem,1vw,.98rem);
  font-weight:700;
  line-height:1.65;
}
.platform-map {
  grid-column:1;
  grid-row:1;
  position:relative;
  width:100%;
  aspect-ratio:1000 / 720;
  min-width:0;
  overflow:hidden;
  border:1px solid rgb(var(--color-brand-vanilla-rgb) / .12);
  border-radius:clamp(1.15rem,1.8vw,1.65rem);
  color:var(--color-brand-vanilla);
  background:
    radial-gradient(circle at 50% 50%,rgb(var(--color-brand-orange-rgb) / .09),transparent 34%),
    var(--color-brand-ink);
  box-shadow:
    0 34px 80px -48px rgba(43,29,18,.72),
    inset 0 1px 0 rgb(var(--color-brand-vanilla-rgb) / .08);
  direction:rtl;
}
.platform-map::after {
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgb(var(--color-brand-orange-rgb) / .035);
  pointer-events:none;
}
.platform-map__connections {
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}
.platform-map__lines {
  fill:none;
  stroke:rgb(var(--color-brand-vanilla-rgb) / .14);
  stroke-width:1.5;
  vector-effect:non-scaling-stroke;
}
.platform-map__pulses circle {
  fill:var(--color-brand-orange);
  filter:drop-shadow(0 0 4px rgb(var(--color-brand-orange-rgb) / .55));
  opacity:0;
}
.platform-map__core {
  position:absolute;
  z-index:3;
  left:50%;
  top:49.3%;
  width:clamp(9.6rem,15vw,12.2rem);
  min-height:clamp(7.2rem,10vw,8.8rem);
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:1rem;
  border:1px solid rgb(var(--color-brand-orange-rgb) / .48);
  border-radius:1.15rem;
  text-align:center;
  background:
    linear-gradient(145deg,rgb(var(--color-brand-orange-rgb) / .19),rgb(var(--color-brand-orange-rgb) / .06)),
    color-mix(in srgb,var(--color-brand-ink) 88%,black);
  box-shadow:0 16px 38px -22px var(--color-brand-orange-glow);
}
.platform-map__core-mark {
  color:var(--color-brand-orange);
  font-family:var(--font-display);
  font-size:.58rem;
  letter-spacing:.22em;
}
.platform-map__core strong {
  margin-top:.18rem;
  color:var(--color-brand-vanilla);
  font-family:var(--font-display);
  font-size:clamp(1.45rem,2.3vw,2rem);
  font-weight:600;
}
.platform-map__core p {
  margin-top:.4rem;
  color:rgb(var(--color-brand-vanilla-rgb) / .62);
  font-size:clamp(.62rem,.8vw,.75rem);
  line-height:1.45;
}
.platform-map__modules { display:contents; }
.platform-map__node {
  position:absolute;
  z-index:2;
  left:var(--node-x);
  top:var(--node-y);
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.55rem;
  width:clamp(7.6rem,12.5vw,10rem);
  min-height:clamp(3.25rem,4.7vw,4rem);
  padding:.6rem .7rem;
  border:1px solid rgb(var(--color-brand-vanilla-rgb) / .11);
  border-radius:.8rem;
  color:rgb(var(--color-brand-vanilla-rgb) / .82);
  background:color-mix(in srgb,var(--color-brand-ink) 91%,var(--color-brand-vanilla));
  box-shadow:0 12px 24px -20px rgba(0,0,0,.8);
  font-size:clamp(.62rem,.82vw,.76rem);
  font-weight:600;
  line-height:1.3;
}
.platform-map__node svg {
  width:1.2rem;
  height:1.2rem;
  flex:none;
  fill:none;
  stroke:var(--color-brand-orange);
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.platform-map__node span { unicode-bidi:isolate; }
.platform-map__node bdi {
  display:inline;
  font:inherit;
  unicode-bidi:isolate;
}
.platform-map__node--pos { --node-x:50%; --node-y:11.4%; }
.platform-map__node--kds { --node-x:81%; --node-y:26.4%; }
.platform-map__node--kiosk { --node-x:83%; --node-y:69.4%; }
.platform-map__node--payments { --node-x:65%; --node-y:86.1%; }
.platform-map__node--inventory { --node-x:35%; --node-y:86.1%; }
.platform-map__node--shifts { --node-x:17%; --node-y:69.4%; }
.platform-map__node--reports { --node-x:19%; --node-y:26.4%; }
@media (max-width:900px) {
  .manifesto { padding-block:clamp(4.25rem,10vw,6rem); }
  .manifesto__watermark { top:20%; font-size:clamp(14rem,58vw,26rem); }
  .manifesto__layout {
    grid-template-columns:minmax(0,1fr);
    gap:clamp(2rem,6vw,3rem);
    direction:rtl;
  }
  .manifesto__copy {
    grid-column:1;
    grid-row:1;
    max-width:44rem;
  }
  .manifesto__headline { max-width:12em; font-size:clamp(2.3rem,7.4vw,4rem); }
  .manifesto__lead { max-width:42rem; }
  .platform-map {
    grid-column:1;
    grid-row:2;
    aspect-ratio:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem;
    padding:clamp(1.2rem,4vw,2rem);
    overflow:hidden;
  }
  .platform-map__connections { display:none; }
  .platform-map__core {
    position:relative;
    left:auto;
    top:auto;
    width:min(100%,19rem);
    min-height:7.8rem;
    transform:none;
  }
  .platform-map__modules {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:.65rem;
    width:min(100%,25rem);
    padding-top:.8rem;
  }
  .platform-map__modules::before {
    content:'';
    position:absolute;
    z-index:0;
    left:50%;
    top:-1.1rem;
    bottom:.8rem;
    width:1px;
    background:linear-gradient(var(--color-brand-orange-border),rgb(var(--color-brand-vanilla-rgb) / .09));
  }
  .platform-map__node {
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    width:100%;
    min-height:3.4rem;
    justify-content:flex-start;
    padding:.7rem .85rem;
    font-size:.78rem;
  }
}
@media (max-width:520px) {
  .manifesto { padding-block:4rem; }
  .manifesto__layout { width:min(91vw,1400px); }
  .manifesto__label { font-size:.62rem; }
  .manifesto__label::before { width:2rem; }
  .manifesto__headline { margin-top:.85rem; font-size:clamp(2.05rem,10vw,2.8rem); line-height:1.07; }
  .manifesto__lead { margin-top:1.05rem; font-size:.92rem; line-height:1.68; }
  .manifesto__note { font-size:.84rem; }
  .platform-map { padding:1rem; border-radius:1rem; }
  .platform-map__core { width:100%; min-height:7.2rem; }
  .platform-map__node { min-height:3.25rem; font-size:.73rem; }
}
@media (prefers-reduced-motion:reduce) {
  .platform-map__pulses { display:none; }
}

/* ---------- External ordering integrations ---------- */
.integration-readiness {
  position:relative;
  overflow:hidden;
  padding:clamp(4.5rem,8vw,8rem) 0;
  background:var(--color-brand-ink);
  color:var(--color-brand-vanilla);
  border-block:1px solid rgb(var(--color-brand-vanilla-rgb) / .1);
}
.integration-readiness::before {
  content:'';
  position:absolute;
  width:min(58vw,760px);
  aspect-ratio:1;
  inset-block-start:-60%;
  inset-inline-end:-18%;
  border-radius:50%;
  background:radial-gradient(circle,rgb(var(--color-brand-orange-rgb) / .2),transparent 68%);
  pointer-events:none;
}
.integration-readiness__layout {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(3rem,8vw,8rem);
  align-items:center;
}
.integration-readiness__label {
  color:var(--color-brand-orange);
  font-size:.72rem;
  letter-spacing:.18em;
}
.integration-readiness__title {
  margin-top:.75rem;
  max-width:760px;
  font-size:clamp(2.5rem,5vw,5.5rem);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:900;
}
.integration-readiness__lead {
  max-width:660px;
  margin-top:1.35rem;
  color:rgb(var(--color-brand-vanilla-rgb) / .72);
  font-size:1.06rem;
  line-height:1.85;
}
.integration-readiness__status {
  max-width:680px;
  margin-top:1.25rem;
  padding:1rem 1.1rem;
  border:1px solid rgb(var(--color-brand-orange-rgb) / .35);
  border-radius:1rem;
  background:rgb(var(--color-brand-orange-rgb) / .08);
  color:rgb(var(--color-brand-vanilla-rgb) / .8);
  font-size:.9rem;
}
.integration-readiness__status strong { color:var(--color-brand-vanilla); }
.integration-readiness__cta {
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  min-height:48px;
  margin-top:1.4rem;
  padding:.65rem 1.15rem;
  border-radius:999px;
  background:var(--color-brand-orange);
  color:var(--color-brand-vanilla);
  font-weight:800;
  transition:background-color .25s,transform .25s;
}
.integration-readiness__cta:hover {
  background:var(--color-brand-orange-hover);
  transform:translateY(-2px);
}
.integration-readiness__flow {
  border-block:1px solid rgb(var(--color-brand-vanilla-rgb) / .16);
}
.integration-readiness__flow li {
  display:grid;
  grid-template-columns:2.25rem 1fr;
  gap:1rem;
  padding:1.35rem .4rem;
  border-bottom:1px solid rgb(var(--color-brand-vanilla-rgb) / .13);
}
.integration-readiness__flow li:last-child { border-bottom:0; }
.integration-readiness__flow > li > span {
  padding-top:.2rem;
  color:var(--color-brand-orange);
  font-size:.7rem;
}
.integration-readiness__flow h3 {
  font-size:1.18rem;
  line-height:1.3;
}
.integration-readiness__flow p {
  margin-top:.35rem;
  color:rgb(var(--color-brand-vanilla-rgb) / .62);
  font-size:.9rem;
}
@media (max-width:900px) {
  .integration-readiness__layout { grid-template-columns:1fr; gap:2.5rem; }
}
@media (max-width:520px) {
  .integration-readiness { padding:4rem 0; }
  .integration-readiness__title { font-size:clamp(2.35rem,12vw,3.2rem); }
  .integration-readiness__lead { font-size:.96rem; }
  .integration-readiness__cta { width:100%; justify-content:center; }
}

/* ---------- POS and orders ---------- */
.pos-section {
  position:relative;
  padding:clamp(3.75rem,5vw,5.5rem) 0;
  overflow:hidden;
  border-top:1px solid var(--line);
  background:var(--color-brand-vanilla-muted);
}
.pos-section__layout {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(19rem,.85fr);
  grid-template-areas:
    "preview copy"
    "preview capabilities";
  align-items:center;
  gap:clamp(1.5rem,2.8vw,2.7rem) clamp(2.5rem,5vw,6rem);
  direction:ltr;
}
.pos-section__copy {
  grid-area:copy;
  direction:rtl;
}
.pos-section__label {
  display:inline-flex;
  align-items:center;
  gap:.65rem;
  color:var(--color-brand-orange);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.08em;
}
.pos-section__label::before {
  content:'';
  width:2.5rem;
  height:1px;
  background:var(--color-brand-orange);
}
.pos-section__headline {
  margin-top:.9rem;
  max-width:11em;
  font-family:var(--font-display-he);
  font-size:clamp(2.3rem,4vw,4.15rem);
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.05;
}
.pos-section__lead {
  margin-top:1.1rem;
  max-width:36em;
  color:var(--dim);
  font-size:clamp(.94rem,1.08vw,1.08rem);
  line-height:1.7;
}
.pos-section__lead bdi { unicode-bidi:isolate; }
.pos-section__note {
  margin-top:.75rem;
  color:var(--text);
  font-size:clamp(.86rem,.96vw,.96rem);
  font-weight:700;
  line-height:1.6;
}
.pos-section__preview-wrap {
  grid-area:preview;
  min-width:0;
  align-self:center;
  direction:rtl;
}
.pos-preview {
  width:100%;
  overflow:hidden;
  border:1px solid rgb(var(--color-brand-vanilla-rgb) / .12);
  border-radius:clamp(1.1rem,1.7vw,1.55rem);
  color:var(--color-brand-vanilla);
  background:var(--color-brand-ink);
  box-shadow:
    0 34px 80px -46px rgba(43,29,18,.72),
    0 12px 30px -24px var(--color-brand-orange-glow),
    inset 0 1px 0 rgb(var(--color-brand-vanilla-rgb) / .08);
}
.pos-preview__bar {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  direction:ltr;
  gap:1rem;
  padding:.85rem clamp(.9rem,1.8vw,1.25rem);
  border-bottom:1px solid rgb(var(--color-brand-vanilla-rgb) / .09);
  background:rgb(var(--color-brand-vanilla-rgb) / .025);
}
.pos-preview__brand {
  color:rgb(var(--color-brand-vanilla-rgb) / .72);
  font-size:.62rem;
  letter-spacing:.12em;
}
.pos-preview__media {
  width:100%;
  aspect-ratio:1376 / 768;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 58% 49%,rgb(var(--color-brand-orange-rgb) / .11),transparent 34%),
    color-mix(in srgb,var(--color-brand-ink) 88%,black);
}
.pos-product-visual {
  position:relative;
  width:100%;
  height:100%;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 93%,rgb(0 0 0 / .52),transparent 45%),
    radial-gradient(circle at 55% 36%,rgb(var(--color-brand-orange-rgb) / .1),transparent 35%);
}
.pos-product-visual::after {
  content:'';
  position:absolute;
  z-index:0;
  left:11%;
  right:9%;
  bottom:5.8%;
  height:8%;
  border-radius:50%;
  background:rgb(0 0 0 / .42);
  filter:blur(.7rem);
}
.pos-product-visual__display {
  position:absolute;
  z-index:4;
  top:5.5%;
  left:50%;
  width:61.5%;
  aspect-ratio:1366 / 900;
  padding:1.35%;
  overflow:hidden;
  border:1px solid rgb(var(--color-brand-vanilla-rgb) / .13);
  border-radius:clamp(.45rem,1.15vw,.85rem);
  background:linear-gradient(145deg,#292826,#11110f 72%);
  box-shadow:
    0 1.8rem 2rem -1.1rem rgb(0 0 0 / .72),
    inset 0 1px 0 rgb(var(--color-brand-vanilla-rgb) / .1),
    0 0 0 1px rgb(0 0 0 / .35);
  transform:translateX(-50%);
}
.pos-product-visual__ui {
  display:block;
  width:100%;
  height:100%;
  border-radius:clamp(.25rem,.72vw,.5rem);
  object-fit:contain;
  background:var(--color-brand-vanilla);
  box-shadow:inset 0 0 0 1px rgb(0 0 0 / .18);
  filter:contrast(1.025) saturate(.99);
}
.pos-product-visual__menu-image {
  position:absolute;
  z-index:2;
  width:13.2%;
  height:15.8%;
  object-fit:contain;
  pointer-events:none;
  filter:drop-shadow(0 .12rem .18rem rgb(0 0 0 / .1));
}
.pos-product-visual__menu-image--tenders-5 {
  top:18.5%;
  left:33.1%;
  transform:translate(2%,12%);
}
.pos-product-visual__menu-image--tenders-3 {
  top:18.5%;
  left:66.75%;
  transform:translate(-2.3%,14%);
}
.pos-product-visual__camera {
  position:absolute;
  z-index:2;
  top:.43%;
  left:50%;
  width:.55%;
  aspect-ratio:1;
  border-radius:50%;
  background:#050505;
  box-shadow:0 0 0 1px rgb(var(--color-brand-vanilla-rgb) / .08);
  transform:translateX(-50%);
}
.pos-product-visual__stand {
  position:absolute;
  z-index:2;
  left:50%;
  bottom:12.8%;
  width:9.5%;
  height:20%;
  border-radius:0 0 20% 20%;
  background:linear-gradient(90deg,#11110f,#302f2c 48%,#11110f);
  box-shadow:0 .8rem 1.2rem rgb(0 0 0 / .5);
  transform:translateX(-50%);
}
.pos-product-visual__base {
  position:absolute;
  z-index:3;
  left:50%;
  bottom:10.2%;
  width:31%;
  height:5.8%;
  border-radius:48% 48% 22% 22% / 70% 70% 30% 30%;
  background:linear-gradient(180deg,#3a3935,#11110f 75%);
  box-shadow:
    0 .65rem .8rem rgb(0 0 0 / .48),
    inset 0 1px 0 rgb(var(--color-brand-vanilla-rgb) / .09);
  transform:translateX(-50%);
}
.pos-product-visual__printer {
  position:absolute;
  z-index:5;
  left:8.5%;
  bottom:12.8%;
  width:15.5%;
  height:21.5%;
  border:1px solid rgb(var(--color-brand-vanilla-rgb) / .1);
  border-radius:17% 17% 11% 11%;
  background:
    linear-gradient(155deg,rgb(var(--color-brand-vanilla-rgb) / .09),transparent 25%),
    linear-gradient(120deg,#2f2e2b,#11110f 72%);
  box-shadow:
    .65rem 1rem 1.25rem rgb(0 0 0 / .46),
    inset -.5rem 0 .7rem rgb(0 0 0 / .2),
    inset 0 1px 0 rgb(var(--color-brand-vanilla-rgb) / .12);
}
.pos-product-visual__printer::before {
  content:'';
  position:absolute;
  left:3%;
  right:3%;
  top:-9%;
  height:20%;
  border-radius:52% 52% 20% 20% / 65% 65% 25% 25%;
  background:linear-gradient(180deg,#43413d,#1b1b19 78%);
  box-shadow:
    inset 0 1px 0 rgb(var(--color-brand-vanilla-rgb) / .14),
    0 .25rem .35rem rgb(0 0 0 / .25);
}
.pos-product-visual__printer::after {
  content:'';
  position:absolute;
  left:8%;
  right:8%;
  bottom:29%;
  height:1px;
  background:rgb(var(--color-brand-vanilla-rgb) / .055);
}
.pos-product-visual__printer-slot {
  position:absolute;
  z-index:2;
  top:1%;
  left:25%;
  width:50%;
  height:4%;
  border-radius:99px;
  background:#050505;
  box-shadow:0 1px 0 rgb(var(--color-brand-vanilla-rgb) / .08);
}
.pos-product-visual__printer-mark {
  position:absolute;
  left:10%;
  bottom:12%;
  color:rgb(var(--color-brand-vanilla-rgb) / .24);
  font-family:var(--font-display-en);
  font-size:clamp(.16rem,.32vw,.28rem);
  letter-spacing:.16em;
}
.pos-product-visual__printer-led {
  position:absolute;
  right:11%;
  bottom:13%;
  width:3.5%;
  aspect-ratio:1;
  border-radius:50%;
  background:var(--mint);
  box-shadow:0 0 .28rem color-mix(in srgb,var(--mint) 55%,transparent);
}
.pos-product-visual__receipt {
  position:absolute;
  z-index:3;
  top:-31%;
  left:36%;
  width:28%;
  height:37%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:.08em;
  padding:8% 3% 3%;
  overflow:hidden;
  color:var(--color-brand-ink);
  background:var(--color-brand-vanilla-surface);
  box-shadow:0 .12rem .28rem rgb(0 0 0 / .3);
  font-family:var(--font-he);
  font-size:clamp(.15rem,.3vw,.27rem);
  line-height:1.08;
  text-align:center;
  transform:rotate(-.7deg);
  transform-origin:center bottom;
}
.pos-product-visual__receipt::before {
  content:'';
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--color-brand-ink) 18%,transparent) 0 4px,transparent 4px 7px);
}
.pos-product-visual__receipt strong {
  margin-bottom:.1em;
  color:color-mix(in srgb,var(--color-brand-orange) 54%,var(--color-brand-ink));
  font-family:var(--font-display-en);
  font-size:1.18em;
  letter-spacing:.01em;
}
.pos-product-visual__receipt span,
.pos-product-visual__receipt bdi {
  white-space:nowrap;
}
.pos-product-visual__receipt bdi {
  margin-top:.08em;
  padding-top:.16em;
  width:78%;
  border-top:1px dashed color-mix(in srgb,var(--color-brand-ink) 28%,transparent);
  font-weight:800;
}
.pos-product-visual__terminal {
  position:absolute;
  z-index:5;
  right:8.8%;
  bottom:12.5%;
  width:11.8%;
  height:23.5%;
  border:1px solid rgb(var(--color-brand-vanilla-rgb) / .1);
  border-radius:24% 24% 27% 27% / 18% 18% 20% 20%;
  background:
    linear-gradient(150deg,rgb(var(--color-brand-vanilla-rgb) / .1),transparent 25%),
    linear-gradient(145deg,#373632,#11110f 74%);
  box-shadow:
    -.45rem .85rem 1.15rem rgb(0 0 0 / .46),
    inset 0 1px 0 rgb(var(--color-brand-vanilla-rgb) / .13);
  transform:perspective(30rem) rotateY(-5deg) rotateZ(-5deg);
}
.pos-product-visual__terminal-screen {
  position:absolute;
  top:9%;
  left:13%;
  width:74%;
  height:29%;
  display:grid;
  place-items:center;
  border-radius:14%;
  color:rgb(var(--color-brand-orange-rgb) / .66);
  background:
    radial-gradient(circle at 72% 30%,rgb(var(--color-brand-orange-rgb) / .15),transparent 42%),
    #131a18;
  box-shadow:
    inset 0 0 0 1px rgb(var(--color-brand-vanilla-rgb) / .09),
    inset 0 -.45rem .8rem rgb(0 0 0 / .2);
  font-family:var(--font-display-en);
  font-size:clamp(.26rem,.65vw,.55rem);
  font-weight:600;
}
.pos-product-visual__terminal-keys {
  position:absolute;
  top:45%;
  left:21%;
  width:58%;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7% 10%;
}
.pos-product-visual__terminal-keys i {
  aspect-ratio:1.7;
  border-radius:32%;
  background:rgb(var(--color-brand-vanilla-rgb) / .14);
  box-shadow:
    inset 0 1px 0 rgb(var(--color-brand-vanilla-rgb) / .12),
    0 1px 1px rgb(0 0 0 / .16);
}
.pos-product-visual__terminal-actions {
  position:absolute;
  left:22%;
  bottom:10%;
  width:56%;
  display:flex;
  gap:10%;
}
.pos-product-visual__terminal-actions i {
  width:27%;
  aspect-ratio:1.45;
  border-radius:30%;
  background:rgb(var(--color-brand-orange-rgb) / .62);
}
.pos-product-visual__terminal-actions i:nth-child(2) { background:rgb(var(--color-brand-vanilla-rgb) / .28); }
.pos-product-visual__terminal-actions i:nth-child(3) { background:var(--mint); }
.pos-flow {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(.45rem,1vw,.85rem);
  margin-top:.9rem;
  padding:.65rem .8rem;
  border:1px solid var(--line);
  border-radius:99px;
  color:var(--dim);
  background:color-mix(in srgb,var(--color-brand-vanilla-surface) 72%,transparent);
  font-size:clamp(.68rem,.82vw,.78rem);
  font-weight:600;
}
.pos-flow span { white-space:nowrap; }
.pos-flow i {
  color:var(--color-brand-orange);
  font-size:.86rem;
  font-style:normal;
  direction:ltr;
}
.pos-section__capabilities {
  grid-area:capabilities;
  direction:rtl;
}
.pos-capability {
  display:grid;
  grid-template-columns:2.25rem minmax(0,1fr);
  gap:.8rem;
  padding:.8rem 0;
  border-top:1px solid var(--line);
}
.pos-capability:last-child { border-bottom:1px solid var(--line); }
.pos-capability:nth-child(2) { transition-delay:.09s; }
.pos-capability:nth-child(3) { transition-delay:.18s; }
.pos-capability svg {
  width:1.65rem;
  height:1.65rem;
  margin-top:.12rem;
  padding:.28rem;
  border:1px solid var(--color-brand-orange-border);
  border-radius:.48rem;
  fill:none;
  stroke:var(--color-brand-orange);
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.pos-capability h3 {
  font-size:clamp(.9rem,1.03vw,1rem);
  line-height:1.35;
}
.pos-capability p {
  margin-top:.25rem;
  color:var(--dim);
  font-size:clamp(.75rem,.83vw,.82rem);
  line-height:1.55;
}
@media (max-width:900px) {
  .pos-section { padding-block:clamp(4.25rem,10vw,6rem); }
  .pos-section__layout {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "copy"
      "preview"
      "capabilities";
    gap:clamp(1.7rem,5vw,2.7rem);
    direction:rtl;
  }
  .pos-section__copy { max-width:44rem; }
  .pos-section__headline { max-width:12em; font-size:clamp(2.25rem,7.2vw,3.9rem); }
  .pos-section__lead { max-width:43rem; }
  .pos-section__preview-wrap { width:100%; }
  .pos-section__capabilities { width:100%; }
}
@media (max-width:520px) {
  .pos-section { padding-block:4rem; }
  .pos-section__layout { width:min(91vw,1400px); }
  .pos-section__label { font-size:.62rem; }
  .pos-section__label::before { width:2rem; }
  .pos-section__headline { margin-top:.85rem; font-size:clamp(2.05rem,10vw,2.8rem); line-height:1.07; }
  .pos-section__lead { margin-top:1rem; font-size:.92rem; line-height:1.67; }
  .pos-section__note { font-size:.84rem; }
  .pos-preview { border-radius:1rem; }
  .pos-preview__bar { padding:.72rem .7rem; }
  .pos-preview__brand { font-size:.54rem; }
  .pos-product-visual__receipt {
    font-size:clamp(.13rem,.66vw,.18rem);
  }
  .pos-flow {
    gap:.35rem;
    padding:.55rem .5rem;
    font-size:.64rem;
  }
  .pos-flow i { font-size:.72rem; }
  .pos-capability { grid-template-columns:2rem minmax(0,1fr); gap:.65rem; }
  .pos-capability h3 { font-size:.88rem; }
  .pos-capability p { font-size:.75rem; }
}

/* ---------- AI live feed ---------- */
.ai-feed {
  width:min(92vw,1400px); margin-inline:auto; margin-bottom:clamp(4rem,9vh,7rem);
  display:flex; align-items:center; gap:1.2rem;
  border:1px solid var(--line-strong); border-radius:99px;
  padding:.8rem 1.2rem; background:linear-gradient(270deg,rgba(14,158,116,.07),color-mix(in srgb,var(--color-brand-vanilla-surface) 60%,transparent) 40%);
  box-shadow:0 10px 34px -18px rgb(var(--color-brand-orange-rgb) / .18);
}
.ai-feed__tag {
  display:inline-flex; align-items:center; gap:.5rem; flex:none;
  font-size:.66rem; letter-spacing:.22em; color:var(--mint);
  border:1px solid color-mix(in srgb,var(--mint) 40%,transparent); border-radius:99px; padding:.4rem .9rem;
}
.ai-feed__tag i { width:7px; height:7px; border-radius:50%; background:var(--mint); box-shadow:0 0 12px var(--mint); animation:aiPulse 1.8s infinite; }
@keyframes aiPulse { 0%,100%{opacity:1} 50%{opacity:.4} }
.ai-feed__msgs { position:relative; flex:1; height:1.6em; overflow:hidden; }
.ai-feed__msg {
  position:absolute; inset-inline:0; top:0;
  font-size:.95rem; color:var(--dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  opacity:0; transform:translateY(10px); transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);
}
.ai-feed__msg.is-on { opacity:1; transform:none; }
.ai-feed__msg b { color:var(--mint); font-weight:700; }
@media (max-width:700px){ .ai-feed { border-radius:18px; } .ai-feed__msg { white-space:normal; font-size:.85rem; } .ai-feed__msgs { height:2.9em; } }

/* ---------- Rack (products) ---------- */
.rack { position:relative; }
.rack__pin { min-height:100vh; display:flex; flex-direction:column; justify-content:center; padding:clamp(2rem,6vh,3.5rem) 0 clamp(1.25rem,4vh,2rem); overflow:hidden; }
.rack__head { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:clamp(1.25rem,3.5vh,2rem); }
.rack__headline { font-size:clamp(2.2rem,5vw,4.2rem); }
.rack__hint { font-size:.8rem; letter-spacing:.1em; color:var(--faint); font-family:var(--font-he); animation:hintNudge 2.4s var(--ease-inout) infinite; }
@keyframes hintNudge { 0%,100%{transform:translateX(0)} 50%{transform:translateX(-6px)} }
.rack__viewport { overflow:visible; }
.rack__track { display:flex; align-items:flex-start; gap:clamp(1rem,2vw,1.8rem); padding-inline-start:max(4vw,calc((100vw - 1400px)/2)); width:max-content; }
.card {
  position:relative; width:clamp(310px,32vw,440px); min-height:clamp(400px,56vh,500px);
  background:linear-gradient(160deg,var(--ink-2),var(--ink-1));
  border:1px solid var(--line); border-radius:22px; padding:clamp(1.4rem,2.4vh,1.9rem);
  display:flex; flex-direction:column; overflow:hidden;
  box-shadow:0 18px 44px -24px rgb(var(--color-brand-orange-rgb) / .16);
  transition:border-color .4s, transform .5s var(--ease-out), box-shadow .5s;
}
.card:nth-child(even) { margin-top:1.6rem; }
.card:hover { border-color:color-mix(in srgb,var(--spice) 55%,transparent); transform:translateY(-8px); box-shadow:0 30px 80px -30px color-mix(in srgb,var(--spice) 35%,transparent); }
.card__glyph {
  position:absolute; top:3.6rem; inset-inline-end:-0.4rem; z-index:0; line-height:.9;
  font-family:var(--font-he-display); font-weight:700; font-size:6.5rem;
  color:transparent; -webkit-text-stroke:1px color-mix(in srgb,var(--spice) 25%,transparent);
  pointer-events:none; user-select:none; transition:opacity .5s; opacity:.5;
}
.card:hover .card__glyph { opacity:1; }
.card > *:not(.card__glyph) { position:relative; z-index:1; }
.card__top { display:flex; justify-content:space-between; align-items:center; font-size:.66rem; letter-spacing:.2em; color:var(--faint); }
.card__chip { display:inline-flex; align-items:center; gap:.5rem; color:var(--dim); }
.card__chip i { width:8px; height:8px; border-radius:50%; background:var(--spice); box-shadow:0 0 12px var(--spice); }
.card__title { font-family:var(--font-display-he); font-weight:900; font-size:clamp(1.7rem,2.3vw,2.2rem); margin-top:1.7rem; letter-spacing:-.01em; line-height:1.2; }
.card__title-en {
  display:inline-block; font-family:var(--font-mono); font-weight:400;
  font-size:.42em; letter-spacing:.12em; vertical-align:middle;
  color:var(--spice); border:1px solid color-mix(in srgb,var(--spice) 45%,transparent);
  border-radius:99px; padding:.32em .7em; margin-inline-start:.3em;
}
.card__desc {
  color:var(--dim); font-size:1rem; line-height:1.65; margin-top:.7rem;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; overflow:hidden;
}
.card__ai {
  margin-top:auto; margin-bottom:.75rem;
  display:flex; align-items:center; gap:.55rem; flex-wrap:wrap;
  font-size:.85rem; color:var(--dim);
}
.card__ai i { width:7px; height:7px; border-radius:50%; background:var(--mint); box-shadow:0 0 10px var(--mint); animation:aiPulse 1.8s infinite; }
.card__ai b { color:var(--mint); font-weight:700; }
.card__visual {
  height:clamp(130px,20vh,170px); border-radius:14px;
  background:rgba(43,29,18,.045); border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative;
}
.card--last { justify-content:center; background:transparent; border-style:dashed; min-height:clamp(400px,56vh,500px); }
.card__last-inner { display:flex; flex-direction:column; gap:1.2rem; align-items:flex-start; }
.card__last-inner .mono { font-size:.9rem; letter-spacing:.05em; color:var(--brand-2); font-family:var(--font-he); font-weight:700; }
.card__last-inner p { color:var(--dim); font-size:1.1rem; line-height:1.7; max-width:16em; }

/* micro-visuals */
.pos-grid { position:absolute; inset:1rem 1rem 3.2rem; display:grid; grid-template-columns:repeat(4,1fr); gap:.5rem; }
.pos-grid i { border-radius:6px; background:var(--ink-3); border:1px solid var(--line); }
.pos-grid i.hot { background:color-mix(in srgb,var(--spice) 30%,var(--ink-3)); border-color:var(--spice); box-shadow:0 0 18px -4px var(--spice); }
.card:hover .pos-grid i { animation:posPulse 1.8s var(--ease-inout) infinite; }
.pos-grid i:nth-child(2n){ animation-delay:.15s } .pos-grid i:nth-child(3n){ animation-delay:.3s }
@keyframes posPulse { 0%,100%{opacity:1} 50%{opacity:.55} }
.pos-total { position:absolute; inset-inline:1rem; bottom:1rem; display:flex; justify-content:space-between; font-size:.75rem; color:var(--dim); border-top:1px solid var(--line); padding-top:.6rem; font-family:var(--font-he); }
.pos-total b { color:var(--spice); font-family:var(--font-mono); }

.kds-mini { display:flex; gap:.6rem; width:calc(100% - 2rem); }
.kds-mini__col { flex:1; display:flex; flex-direction:column; gap:.5rem; }
.kds-mini__col b { font-size:.68rem; color:var(--faint); font-weight:500; font-family:var(--font-he); text-align:center; }
.kds-mini__col i { height:26px; border-radius:5px; background:var(--ink-3); border:1px solid var(--line); }
.kds-mini__col i.glow { border-color:var(--spice); box-shadow:0 0 16px -4px var(--spice); background:color-mix(in srgb,var(--spice) 18%,var(--ink-3)); }
.card:hover .kds-mini__col i.glow { animation:posPulse 1.4s infinite; }

.kiosk-mini { display:flex; flex-direction:column; align-items:center; gap:.5rem; position:relative; }
.kiosk-mini b { font-size:.6rem; letter-spacing:.28em; color:var(--faint); font-weight:400; }
.kiosk-mini__pulse { position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px; border-radius:50%; border:1px solid var(--spice); animation:ping 2s var(--ease-out) infinite; }
@keyframes ping { 0%{transform:scale(.6);opacity:.9} 100%{transform:scale(6);opacity:0} }

/* ---------- Live KDS ---------- */
.live { padding:clamp(5rem,12vh,9rem) 0 clamp(5rem,10vh,8rem); }
.live__headline { font-size:clamp(2.2rem,5vw,4.2rem); }
.live__note { margin-top:1.1rem; font-size:.8rem; letter-spacing:.06em; color:var(--faint); display:flex; align-items:center; gap:.6rem; font-family:var(--font-he); }
.live__note::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--hot); box-shadow:0 0 10px var(--hot); animation:posPulse 1.6s infinite; }
.kds {
  /* the live board is a real screen — it stays dark inside the light page */
  --bg:#07070A; --ink-1:#0C0C11; --ink-2:#12121A; --ink-3:#1B1B26;
  --line:rgba(244,242,238,.07); --line-strong:rgba(244,242,238,.15);
  --text:#F4F2EE; --dim:#A8A5AE; --faint:#716E7A;
  --brand:var(--color-brand-orange); --brand-2:var(--color-brand-orange); --hot:var(--color-brand-orange-active);
  --mint:#4DFFC4; --violet:#9E8CFF; --amber:var(--color-brand-orange);
  margin-top:3rem; background:#0A0A0F; border:1px solid rgba(43,29,18,.25); border-radius:18px; overflow:hidden;
  box-shadow:0 40px 100px -30px rgb(var(--color-brand-orange-rgb) / .24), inset 0 1px 0 rgba(244,242,238,.05);
  font-family:var(--font-he);
}
.kds__bar { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.85rem 1.2rem; border-bottom:1px solid var(--line-strong); background:rgba(27,27,38,.55); flex-wrap:wrap; }
.kds__brand { display:flex; align-items:center; gap:.7rem; font-size:.68rem; letter-spacing:.2em; color:var(--dim); }
.kds__dot { width:8px; height:8px; border-radius:50%; background:var(--brand-2); box-shadow:0 0 12px var(--brand-2); animation:posPulse 2s infinite; }
.kds__ai {
  display:inline-flex; align-items:center; gap:.5rem;
  font-size:.78rem; color:var(--mint);
  border:1px solid color-mix(in srgb,var(--mint) 35%,transparent); border-radius:99px; padding:.3rem .8rem;
}
.kds__ai i { width:6px; height:6px; border-radius:50%; background:var(--mint); box-shadow:0 0 10px var(--mint); animation:aiPulse 1.8s infinite; }
.kds__ai b { font-weight:700; }
.kds__stats { display:flex; gap:1.6rem; font-size:.66rem; letter-spacing:.14em; color:var(--faint); }
.kds__clock { color:var(--brand-2); }
.kds__cols { display:grid; grid-template-columns:repeat(2,1fr); min-height:480px; }
.kds__col { border-inline-start:1px solid var(--line); padding:1rem; display:flex; flex-direction:column; gap:.8rem; }
.kds__col:first-child { border-inline-start:none; }
.kds__colhead {
  display:flex; align-items:center; gap:.6rem; font-weight:700; font-size:1rem; color:var(--text);
  padding-bottom:.7rem; border-bottom:1px dashed var(--line-strong);
}
.kds__colhead b { font-weight:400; font-size:.6rem; letter-spacing:.22em; color:var(--faint); margin-inline-start:auto; }
.kds__coldot { width:9px; height:9px; border-radius:50%; }
[data-col="new"] .kds__coldot { background:var(--brand-2); box-shadow:0 0 10px var(--brand-2); }
[data-col="cooking"] .kds__coldot { background:var(--hot); box-shadow:0 0 10px var(--hot); }
[data-col="ready"] .kds__coldot { background:var(--mint); box-shadow:0 0 10px var(--mint); }
.kds__list { display:flex; flex-direction:column; gap:.8rem; }

.ticket {
  background:linear-gradient(170deg,#13131C,#0C0C13);
  border:1px solid var(--line-strong); border-radius:12px; padding:.9rem 1rem .8rem;
  position:relative; overflow:hidden;
}
.ticket--enter { animation:ticketIn .7s var(--ease-out); }
@keyframes ticketIn { from { opacity:0; transform:translateY(-14px) scale(.97); } }
.ticket--exit { transition:opacity .5s, transform .5s var(--ease-inout); opacity:0; transform:translateY(10px) scale(.97); }
.ticket__head { display:flex; align-items:center; gap:.6rem; margin-bottom:.55rem; }
.ticket__num { font-family:var(--font-mono); font-size:.9rem; color:var(--brand-2); letter-spacing:.06em; direction:ltr; }
.ticket__name { font-weight:500; font-size:.9rem; color:var(--text); }
.ticket__chan { margin-inline-start:auto; font-size:.62rem; padding:.2rem .55rem; border-radius:99px; border:1px solid var(--line-strong); color:var(--dim); }
.ticket__chan[data-chan="pos"] { color:var(--amber); border-color:color-mix(in srgb,var(--amber) 45%,transparent); }
.ticket__chan[data-chan="kiosk"] { color:var(--violet); border-color:color-mix(in srgb,var(--violet) 45%,transparent); }
.ticket__chan[data-chan="online"] { color:var(--mint); border-color:color-mix(in srgb,var(--mint) 45%,transparent); }
.ticket__items { display:flex; flex-direction:column; gap:.3rem; }
.ticket__items li { display:flex; align-items:center; gap:.55rem; font-size:.85rem; color:var(--dim); transition:color .3s; }
.ticket__items li .tick {
  width:14px; height:14px; border-radius:4px; border:1px solid var(--line-strong); flex:none;
  display:grid; place-items:center; font-size:9px; color:transparent; transition:all .3s;
}
.ticket__items li.done { color:var(--faint); text-decoration:line-through; text-decoration-color:rgba(244,242,238,.3); }
.ticket__items li.done .tick { background:var(--mint); border-color:var(--mint); color:var(--bg); }
.ticket__items li .qty { font-family:var(--font-mono); font-size:.7rem; color:var(--brand-2); direction:ltr; }
.ticket__foot { display:flex; justify-content:space-between; align-items:center; margin-top:.7rem; padding-top:.55rem; border-top:1px dashed var(--line); }
.ticket__timer { font-family:var(--font-mono); font-size:.78rem; letter-spacing:.08em; direction:ltr; color:var(--dim); }
.ticket__timer[data-heat="warn"] { color:var(--brand-2); }
.ticket__timer[data-heat="hot"] { color:var(--hot); animation:posPulse 1s infinite; }
.ticket__state { font-size:.62rem; color:var(--faint); letter-spacing:.02em; }
.ticket--ready { border-color:color-mix(in srgb,var(--mint) 45%,transparent); }
.ticket--ready .ticket__state { color:var(--mint); }
.ticket__ping { position:absolute; top:.6rem; inset-inline-start:.6rem; width:10px; height:10px; border-radius:50%; border:1px solid var(--brand-2); animation:ping 1.2s var(--ease-out) 3; }
@media (max-width:860px){
  .kds__cols { grid-template-columns:1fr; }
  .kds__col { border-inline-start:none; border-top:1px solid var(--line); }
  .kds__col:first-child { border-top:none; }
}

/* ---------- Hardware triptych ---------- */
.devices {
  position:relative; padding:clamp(3.75rem,7vh,5.25rem) 0; overflow:clip;
  background:
    radial-gradient(60% 38% at 50% 42%,rgb(var(--color-brand-orange-rgb) / .09),transparent 70%),
    linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-brand-vanilla-surface) 48%,transparent) 44%,transparent);
}
.devices__watermark {
  position:absolute; bottom:-6vw; inset-inline-start:-2vw;
  font-family:var(--font-he-display); font-weight:700; font-size:clamp(14rem,30vw,28rem); line-height:1;
  color:transparent; -webkit-text-stroke:1px rgba(43,29,18,.06); pointer-events:none; user-select:none;
}
.devices__headline {
  font-family:var(--font-display-he); font-weight:900; letter-spacing:-.025em;
  line-height:1.03; font-size:clamp(2.55rem,5.6vw,5rem); max-width:12em;
  text-wrap:balance; overflow-wrap:anywhere;
}
.devices__headline .hl { white-space:nowrap; }
.devices__sub { margin-top:1.2rem; color:var(--dim); font-size:clamp(1rem,1.4vw,1.2rem); max-width:38em; line-height:1.6; }
.devices__grid {
  position:relative; margin-top:clamp(2rem,4vh,2.75rem);
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1rem,1.8vw,1.6rem); align-items:stretch;
}

.product-story {
  --scene:var(--color-brand-vanilla-muted);
  position:relative; min-width:0; display:flex; flex-direction:column;
  height:100%; border:1px solid rgba(43,29,18,.12); border-radius:24px; overflow:hidden;
  background:color-mix(in srgb,var(--color-brand-vanilla-surface) 92%,transparent); box-shadow:0 28px 80px -50px rgba(94,51,18,.45);
  transform-style:preserve-3d; will-change:transform;
  transition:border-color .4s,box-shadow .5s;
}
.product-story:hover { border-color:var(--color-brand-orange-border); box-shadow:0 42px 90px -48px var(--color-brand-orange-glow); }
.product-story--kiosk { --scene:var(--color-brand-vanilla-deep); }
.product-story--kds { --scene:var(--color-brand-vanilla-muted); }
.product-story__head {
  position:relative; z-index:3; display:flex; align-items:center; justify-content:flex-start;
  min-height:46px; padding:.82rem 1.05rem .72rem; border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--color-brand-vanilla-surface) 82%,transparent);
}
.product-story__index { color:var(--color-brand-muted); font-size:.64rem; letter-spacing:.16em; }
.product-story__scene {
  position:relative; height:300px; min-height:0; display:flex; align-items:center; justify-content:center;
  padding:1rem; overflow:hidden; isolation:isolate;
  background:
    radial-gradient(circle at 50% 38%,rgb(var(--color-brand-orange-rgb) / .075),transparent 46%),
    linear-gradient(160deg,var(--color-brand-vanilla-raised),var(--scene));
}
.product-story__aura {
  position:absolute; z-index:-1; left:50%; top:34%; width:82%; aspect-ratio:1.5/1;
  transform:translate(-50%,-50%); border-radius:50%; filter:blur(18px);
  background:radial-gradient(circle,rgb(var(--color-brand-orange-rgb) / .2),rgb(var(--color-brand-orange-rgb) / .04) 52%,transparent 73%);
}
.product-story--kds .product-story__aura { background:radial-gradient(circle,rgb(var(--color-brand-orange-rgb) / .13),rgb(var(--color-brand-orange-rgb) / .05) 52%,transparent 73%); }
.product-story__hardware-wrap {
  width:100%; height:100%; min-width:0; min-height:0; display:flex; align-items:center; justify-content:center;
  perspective:1000px; transform:translateZ(26px);
}
.product-story__hardware {
  width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain;
  transform-origin:50% 72%; will-change:transform;
}
.product-story__hardware--pos { width:100%; max-width:100%; max-height:245px; }
.product-story__hardware--kiosk { height:100%; max-height:100%; }
.product-story__hardware--kds {
  width:100%;
  max-height:100%;
  object-fit:contain;
}
.product-story.is-playing .product-story__hardware--pos,
.product-story.is-playing .product-story__hardware--kiosk { animation:none; }
.product-story.is-playing .product-story__hardware--kds { animation:none; }
@keyframes productFloatPos { 0%,100%{transform:rotateY(-2deg) translateY(2px)} 50%{transform:rotateY(2deg) translateY(-7px)} }
@keyframes productFloatKiosk { 0%,100%{transform:rotateY(2deg) rotateX(0) translateY(3px)} 50%{transform:rotateY(-2deg) rotateX(1deg) translateY(-8px)} }
@keyframes productFloatKds { 0%,100%{transform:rotateY(2deg) translateY(2px)} 50%{transform:rotateY(-2deg) translateY(-7px)} }

@media (max-width:980px){
  .devices__grid { grid-template-columns:1fr; width:min(92vw,720px); }
  .product-story__scene { height:360px; }
  .product-story__hardware--pos { max-height:285px; }
  .product-story__hardware--kiosk { height:100%; max-height:100%; }
}
@media (max-width:640px){
  .devices { padding:4rem 0 4.5rem; }
  .devices__headline { font-size:clamp(2.5rem,12.5vw,3.55rem); line-height:1.02; max-width:9em; }
  .devices__headline .hl { white-space:normal; }
  .devices__sub { margin-top:1rem; max-width:31ch; font-size:.95rem; }
  .devices__grid { width:calc(100% - 1.25rem); margin-top:2.25rem; gap:1rem; }
  .product-story__scene { height:300px; padding:.85rem; }
  .product-story__hardware--pos { width:100%; max-width:100%; max-height:235px; }
  .product-story__hardware--kiosk { height:100%; max-height:100%; }
  .product-story__head { padding:.85rem .95rem .75rem; }
}

/* ---------- Who Tavlin is for ---------- */
.audience {
  position:relative;
  padding:clamp(4rem,7vw,6rem) 0;
  overflow:hidden;
  border-top:1px solid var(--line);
  background:
    radial-gradient(circle at 82% 18%,rgb(var(--color-brand-orange-rgb) / .07),transparent 30%),
    var(--color-brand-vanilla-muted);
}
.audience__intro {
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);
  align-items:end;
  gap:clamp(2rem,5vw,6rem);
}
.audience__label {
  display:inline-flex;
  align-items:center;
  gap:.24rem;
  color:var(--color-brand-orange);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.08em;
}
.audience__label::before {
  content:'';
  width:2.5rem;
  height:1px;
  margin-inline-end:.45rem;
  background:var(--color-brand-orange);
}
.audience__label bdi { unicode-bidi:isolate; letter-spacing:.12em; }
.audience__headline {
  margin-top:.9rem;
  max-width:12em;
  font-family:var(--font-display-he);
  font-size:clamp(2.35rem,4.8vw,4.4rem);
  font-weight:900;
  letter-spacing:-.025em;
  line-height:1.04;
}
.audience__summary {
  padding-bottom:.25rem;
  color:var(--dim);
  font-size:clamp(.92rem,1.08vw,1.06rem);
  line-height:1.7;
}
.audience__summary bdi { unicode-bidi:isolate; }
.audience__summary strong {
  display:block;
  margin-top:.8rem;
  color:var(--text);
  font-size:.93em;
  line-height:1.6;
}
.audience__grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  gap:clamp(.7rem,1.15vw,1rem);
  margin-top:clamp(2rem,4vw,3.2rem);
}
.audience-card {
  min-width:0;
  padding:clamp(1rem,1.45vw,1.35rem);
  border:1px solid var(--line);
  border-radius:1.1rem;
  background:color-mix(in srgb,var(--color-brand-vanilla-surface) 78%,transparent);
  box-shadow:0 18px 44px -38px rgb(43 29 18 / .42);
}
.audience-card:nth-child(2) { transition-delay:.05s; }
.audience-card:nth-child(3) { transition-delay:.1s; }
.audience-card:nth-child(4) { transition-delay:.15s; }
.audience-card:nth-child(5) { transition-delay:.2s; }
.audience-card svg {
  width:1.8rem;
  height:1.8rem;
  padding:.3rem;
  border:1px solid var(--color-brand-orange-border);
  border-radius:.52rem;
  fill:none;
  stroke:var(--color-brand-orange);
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.audience-card h3 {
  margin-top:.8rem;
  font-size:clamp(.92rem,1.05vw,1.05rem);
  line-height:1.35;
}
.audience-card p {
  margin-top:.42rem;
  color:var(--dim);
  font-size:clamp(.75rem,.82vw,.82rem);
  line-height:1.55;
}
.audience__module-note {
  display:flex;
  align-items:center;
  gap:.65rem;
  margin-top:1.15rem;
  color:var(--dim);
  font-size:.78rem;
  font-weight:700;
}
.audience__module-note span {
  width:.48rem;
  height:.48rem;
  flex:none;
  border-radius:50%;
  background:var(--color-brand-orange);
  box-shadow:0 0 0 4px rgb(var(--color-brand-orange-rgb) / .1);
}
@media (max-width:1100px) {
  .audience__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .audience__intro {
    grid-template-columns:1fr;
    align-items:start;
    gap:1.25rem;
  }
  .audience__summary { max-width:43rem; }
  .audience__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:520px) {
  .audience { padding-block:4rem; }
  .audience > .container { width:min(91vw,1400px); }
  .audience__label { font-size:.62rem; }
  .audience__label::before { width:2rem; }
  .audience__headline { margin-top:.8rem; font-size:clamp(2.05rem,10vw,2.75rem); line-height:1.07; }
  .audience__summary { font-size:.9rem; line-height:1.65; }
  .audience__grid { grid-template-columns:1fr; gap:.65rem; margin-top:1.7rem; }
  .audience-card { padding:1rem; border-radius:.95rem; }
  .audience-card h3 { margin-top:.62rem; font-size:.93rem; }
  .audience-card p { margin-top:.3rem; font-size:.76rem; }
  .audience__module-note { align-items:flex-start; font-size:.74rem; line-height:1.5; }
  .audience__module-note span { margin-top:.35rem; }
}

/* ---------- Getting started ---------- */
.getting-started {
  position:relative;
  padding:clamp(4.5rem,7vw,6.5rem) 0;
  overflow:hidden;
  border-top:1px solid var(--line);
  background:var(--color-brand-vanilla);
}
.getting-started__intro {
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);
  align-items:end;
  column-gap:clamp(2rem,6vw,6.5rem);
}
.getting-started__label {
  grid-column:1;
  display:flex;
  align-items:center;
  gap:.65rem;
  color:var(--color-brand-orange);
  font-size:.68rem;
  font-weight:700;
}
.getting-started__label::before {
  content:'';
  width:2.5rem;
  height:1px;
  background:var(--color-brand-orange);
}
.getting-started__headline {
  grid-column:1;
  margin-top:.9rem;
  font-family:var(--font-display-he);
  font-size:clamp(2.35rem,4.6vw,4.15rem);
  font-weight:900;
  letter-spacing:-.025em;
  line-height:1.05;
}
.getting-started__headline bdi { unicode-bidi:isolate; }
.getting-started__summary {
  grid-column:2;
  grid-row:1 / span 2;
  max-width:36rem;
  padding-bottom:.25rem;
  color:var(--dim);
  font-size:clamp(.92rem,1.08vw,1.06rem);
  line-height:1.7;
}
.getting-started__steps {
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.5rem,4vw,4.5rem);
  margin-top:clamp(2.5rem,5vw,4rem);
  list-style:none;
}
.getting-started__steps::before {
  content:'';
  position:absolute;
  z-index:0;
  top:2rem;
  right:2rem;
  left:2rem;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--color-brand-orange-border) 10%,var(--color-brand-orange-border) 90%,transparent);
}
.onboarding-step {
  position:relative;
  z-index:1;
  min-width:0;
  padding-inline-end:clamp(.2rem,1vw,.8rem);
}
.onboarding-step:nth-child(2) { transition-delay:.08s; }
.onboarding-step:nth-child(3) { transition-delay:.16s; }
.onboarding-step__top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.onboarding-step__number {
  color:var(--color-brand-orange);
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.12em;
}
.onboarding-step__marker {
  display:grid;
  width:4rem;
  height:4rem;
  flex:none;
  place-items:center;
  border:1px solid var(--color-brand-orange-border);
  border-radius:50%;
  color:var(--color-brand-orange);
  background:var(--color-brand-vanilla);
  box-shadow:0 0 0 8px var(--color-brand-vanilla);
}
.onboarding-step__marker svg {
  width:1.45rem;
  height:1.45rem;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.onboarding-step h3 {
  margin-top:1.15rem;
  font-size:clamp(1.15rem,1.45vw,1.4rem);
  line-height:1.3;
}
.onboarding-step p {
  max-width:31ch;
  margin-top:.5rem;
  color:var(--dim);
  font-size:clamp(.82rem,.9vw,.92rem);
  line-height:1.65;
}
.getting-started__note {
  display:flex;
  align-items:center;
  gap:.65rem;
  margin-top:clamp(1.8rem,3vw,2.5rem);
  color:var(--text);
  font-size:.83rem;
  font-weight:700;
}
.getting-started__note::before {
  content:'';
  width:.5rem;
  height:.5rem;
  flex:none;
  border-radius:50%;
  background:var(--color-brand-orange);
  box-shadow:0 0 0 4px var(--color-brand-orange-soft);
}

/* ---------- Final demo CTA ---------- */
.demo-cta {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(4.5rem,8vw,7rem) 0;
  color:var(--color-brand-vanilla);
  background:var(--color-brand-ink);
}
.demo-cta::before {
  content:'';
  position:absolute;
  z-index:-1;
  top:50%;
  left:50%;
  width:min(44rem,80vw);
  aspect-ratio:2 / 1;
  border:1px solid rgb(var(--color-brand-orange-rgb) / .14);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.demo-cta__line {
  position:absolute;
  z-index:-1;
  width:clamp(8rem,18vw,18rem);
  height:1px;
  background:linear-gradient(90deg,transparent,rgb(var(--color-brand-orange-rgb) / .4));
}
.demo-cta__line--top { top:24%; right:0; }
.demo-cta__line--bottom { bottom:24%; left:0; transform:rotate(180deg); }
.demo-cta__inner {
  position:relative;
  text-align:center;
}
.demo-cta__headline {
  font-family:var(--font-display-he);
  font-size:clamp(2.65rem,6vw,5.4rem);
  font-weight:900;
  letter-spacing:-.03em;
  line-height:.98;
}
.demo-cta__headline span { color:var(--color-brand-orange); }
.demo-cta__text {
  max-width:44rem;
  margin:clamp(1.25rem,2.5vw,1.8rem) auto 0;
  color:color-mix(in srgb,var(--color-brand-vanilla) 72%,transparent);
  font-size:clamp(.92rem,1.15vw,1.08rem);
  line-height:1.7;
}
.demo-cta__text bdi { unicode-bidi:isolate; }
.demo-cta__actions {
  display:flex;
  justify-content:center;
  gap:.75rem;
  margin-top:clamp(1.5rem,3vw,2.1rem);
}
.demo-cta__button {
  display:inline-flex;
  min-height:3.15rem;
  align-items:center;
  justify-content:center;
  padding:.8rem 1.55rem;
  border:1px solid transparent;
  border-radius:999px;
  font-family:var(--font-he);
  font-size:.92rem;
  font-weight:800;
  transition:color .25s,background-color .25s,border-color .25s,transform .25s;
}
.demo-cta__button--primary {
  color:var(--color-brand-ink);
  background:var(--color-brand-orange);
}
.demo-cta__button--primary:hover {
  background:var(--color-brand-orange-hover);
  transform:translateY(-2px);
}
.demo-cta__button--primary:active { background:var(--color-brand-orange-active); }
.demo-cta__button--secondary {
  color:var(--color-brand-vanilla);
  border-color:rgb(var(--color-brand-vanilla-rgb) / .35);
  background:transparent;
}
.demo-cta__button--secondary:hover {
  color:var(--color-brand-ink);
  border-color:var(--color-brand-vanilla);
  background:var(--color-brand-vanilla);
  transform:translateY(-2px);
}
@media (max-width:760px) {
  .getting-started__intro { grid-template-columns:1fr; }
  .getting-started__label,
  .getting-started__headline,
  .getting-started__summary { grid-column:1; grid-row:auto; }
  .getting-started__summary { margin-top:1.15rem; padding:0; }
  .getting-started__steps {
    grid-template-columns:1fr;
    gap:1.6rem;
    margin-top:2.25rem;
    padding-inline-start:0;
  }
  .getting-started__steps::before {
    top:2rem;
    right:2rem;
    bottom:2rem;
    left:auto;
    width:1px;
    height:auto;
    background:linear-gradient(180deg,transparent,var(--color-brand-orange-border) 8%,var(--color-brand-orange-border) 92%,transparent);
  }
  .onboarding-step {
    min-height:7.3rem;
    padding:0 5.4rem 0 0;
  }
  .onboarding-step__top {
    position:absolute;
    top:0;
    right:0;
    width:4rem;
    flex-direction:column-reverse;
    gap:.45rem;
  }
  .onboarding-step__marker { width:4rem; height:4rem; box-shadow:0 0 0 6px var(--color-brand-vanilla); }
  .onboarding-step h3 { margin-top:0; padding-top:.2rem; }
  .onboarding-step p { max-width:34rem; }
}
@media (max-width:520px) {
  .getting-started { padding-block:4rem; }
  .getting-started > .container,
  .demo-cta > .container { width:min(91vw,1400px); }
  .getting-started__label { font-size:.62rem; }
  .getting-started__label::before { width:2rem; }
  .getting-started__headline { font-size:clamp(2.05rem,10vw,2.75rem); line-height:1.07; }
  .getting-started__summary { font-size:.9rem; line-height:1.65; }
  .getting-started__steps { gap:1.35rem; }
  .onboarding-step { min-height:7rem; padding-inline-start:4.65rem; padding-inline-end:0; }
  .onboarding-step__top { width:3.4rem; }
  .onboarding-step__marker { width:3.4rem; height:3.4rem; }
  .onboarding-step__marker svg { width:1.25rem; height:1.25rem; }
  .getting-started__steps::before { right:1.7rem; }
  .onboarding-step h3 { font-size:1.08rem; }
  .onboarding-step p { font-size:.8rem; line-height:1.55; }
  .getting-started__note { align-items:flex-start; font-size:.78rem; line-height:1.5; }
  .getting-started__note::before { margin-top:.33rem; }
  .demo-cta { padding-block:4.5rem; }
  .demo-cta__headline { font-size:clamp(2.45rem,12.5vw,3.3rem); line-height:1.02; }
  .demo-cta__text { max-width:29rem; font-size:.9rem; }
  .demo-cta__actions { gap:.55rem; }
  .demo-cta__button { min-height:3rem; flex:1; padding:.75rem .9rem; font-size:.86rem; }
}

/* ---------- FAQ ---------- */
.faq { position:relative; padding:clamp(4.5rem,8vw,7rem) 0; overflow:hidden; }
.faq__glow {
  position:absolute; left:50%; top:0; transform:translateX(-50%);
  width:min(80vw,900px); aspect-ratio:2/1; pointer-events:none;
  background:radial-gradient(50% 50% at 50% 0%,rgb(var(--color-brand-orange-rgb) / .14),transparent 70%);
}
.faq__inner { position:relative; z-index:2; }
.faq__headline { font-family:var(--font-display-he); font-weight:900; letter-spacing:-.015em; line-height:1.12; font-size:clamp(2.2rem,5vw,4.2rem); }
.faq__list { margin-top:clamp(2rem,4vh,2.8rem); display:grid; gap:.65rem; max-width:58em; }
.faq-item {
  border:1px solid var(--line); border-radius:16px; overflow:hidden;
  background:linear-gradient(165deg,var(--ink-2),var(--ink-1));
}
.faq-item:hover { border-color:var(--line-strong); }
.faq-item.is-open { border-color:color-mix(in srgb,var(--brand-2) 45%,transparent); }
.faq-item__heading { font:inherit; }
.faq-item__q {
  width:100%; min-height:3.8rem; display:flex; align-items:center; justify-content:space-between; gap:1.25rem;
  padding:1rem 1.35rem; background:none; border:none; cursor:pointer;
  font-family:var(--font-he); font-weight:700; font-size:1rem; color:var(--text); text-align:start;
}
.faq-item__q bdi,.faq-item__a bdi { unicode-bidi:isolate; }
.faq-item__q:focus-visible { outline:2px solid var(--color-brand-orange); outline-offset:-4px; border-radius:13px; }
.faq-item__icon { position:relative; flex:none; width:20px; height:20px; }
.faq-item__icon::before,.faq-item__icon::after {
  content:''; position:absolute; top:50%; left:50%; background:var(--brand-2);
  transform:translate(-50%,-50%);
}
.faq-item__icon::before { width:14px; height:2px; }
.faq-item__icon::after { width:2px; height:14px; }
.faq-item.is-open .faq-item__icon::after { transform:translate(-50%,-50%) rotate(90deg); opacity:0; }
.faq-item__a {
  display:grid; grid-template-rows:0fr; opacity:0;
  transition:grid-template-rows .38s var(--ease-out), opacity .28s;
}
.faq-item__a > p { min-height:0; overflow:hidden; padding:0 1.35rem; color:var(--dim); font-size:.94rem; line-height:1.7; }
.faq-item.is-open .faq-item__a { grid-template-rows:1fr; opacity:1; }
.faq-item.is-open .faq-item__a > p { padding-bottom:1.2rem; }
.faq-item__a em { color:var(--color-brand-muted); }
@media (max-width:600px) {
  .faq { padding-block:4rem; }
  .faq > .container { width:min(91vw,1400px); }
  .faq__list { margin-top:1.8rem; gap:.55rem; }
  .faq-item { border-radius:14px; }
  .faq-item__q { min-height:3.65rem; gap:.85rem; padding:.9rem 1rem; font-size:.92rem; line-height:1.45; }
  .faq-item__a > p { padding-inline:1rem; font-size:.86rem; line-height:1.65; }
  .faq-item.is-open .faq-item__a > p { padding-bottom:1rem; }
}

/* ---------- Outro ---------- */
.outro { position:relative; padding:clamp(6rem,14vh,10rem) 0 3rem; border-top:1px solid var(--line); }
.outro__kicker { font-family:var(--font-he); font-size:.85rem; letter-spacing:.14em; color:var(--faint); }
.outro__cta { display:inline-block; margin-top:1rem; }
.outro__word {
  font-family:var(--font-he-display); font-weight:700; letter-spacing:-.01em;
  font-size:clamp(4rem,13vw,11rem); line-height:1.15; color:var(--text);
  transition:color .4s;
}
.outro__cta:hover .outro__word { color:var(--brand-2); }
.outro__meta {
  margin-top:4.5rem; padding-top:2.4rem; border-top:1px solid var(--line);
  display:grid; grid-template-columns:repeat(3,1fr); gap:2rem;
}
.outro__col { display:flex; flex-direction:column; gap:.5rem; font-size:.95rem; color:var(--dim); }
.outro__col b { font-size:.68rem; letter-spacing:.2em; color:var(--faint); font-weight:400; }
.outro__col a:hover { color:var(--brand-2); }
.outro__legal { margin-top:3.5rem; display:flex; justify-content:space-between; font-size:.62rem; letter-spacing:.2em; color:var(--faint); }
.outro__legal span:last-child { font-family:var(--font-he); letter-spacing:.04em; font-size:.75rem; }
@media (max-width:760px){ .outro__meta { grid-template-columns:1fr; } }

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.001s !important; animation-iteration-count:1 !important; transition-duration:.001s !important; }
  .reveal,.reveal-lines .line-inner { opacity:1; transform:none; }
  .marquee__track { animation:none; }
}