/* EMBER — AI Operations. Concept by Libra Intelligence.
   EMBER's identity: Newsreader + Inter (Frank Ruhl Libre + Heebo in Hebrew), green-black ink on white and neutral greys.
   Written with logical properties so the whole page mirrors under dir="rtl". */
:root{
  --ink:#16201b;
  --ink-2:#0c110e;
  --ink-3:#26302b;
  --bg:#ffffff;
  --bg-2:#f6f6f6;
  --bg-3:#efefef;
  --body:#3d4440;
  --mute:#6a706c;
  --mute-2:#989d9a;
  --line:rgba(22,32,27,.1);
  --line-2:rgba(22,32,27,.18);
  --line-3:rgba(22,32,27,.28);
  --on-ink:#eef0ee;
  --on-ink-mute:rgba(238,240,238,.6);
  --ember:#c9542f;
  --ember-soft:rgba(201,84,47,.1);
  --serif:"Newsreader","Iowan Old Style",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease:cubic-bezier(.22,.61,.36,1);
  --gut:clamp(16px,4vw,56px);
  --max:1320px;
  --r:10px;
  --r-sm:7px;
  --sec:clamp(72px,9vw,132px);
}
html[lang="he"]{
  --serif:"Frank Ruhl Libre","Newsreader",Georgia,serif;
  --sans:"Heebo","Inter",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:120px}
.lenis.lenis-smooth{scroll-behavior:auto !important}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
::selection{background:var(--ink);color:var(--on-ink)}
:focus-visible{outline:1.5px solid var(--ink);outline-offset:3px;border-radius:3px}
[hidden]{display:none !important}
[dir="rtl"] .flip{transform:scaleX(-1)}
.skip{position:fixed;top:-60px;inset-inline-start:16px;z-index:300;background:var(--ink);color:#fff;padding:10px 16px;font-size:14px}
.skip:focus{top:12px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.tnum{font-feature-settings:"tnum"}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- top bar + section nav ---------- */
.bar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.bar__in{height:56px;display:flex;align-items:center;gap:14px}
.bar__logo{font-family:"Newsreader",Georgia,serif;font-size:25px;line-height:1;letter-spacing:-.01em;padding-bottom:3px}
.bar__sep{width:1px;height:18px;background:var(--line-2)}
.bar__product{font-size:13px;font-weight:500;white-space:nowrap}
.snav{flex:1;min-width:0;display:flex;justify-content:center}
.snav__list{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.snav__list::-webkit-scrollbar{display:none}
.snav a{display:block;padding:6px 10px;border-radius:7px;font-size:13px;color:var(--mute);white-space:nowrap;transition:color .25s var(--ease),background .25s var(--ease)}
.snav a:hover{color:var(--ink)}
.snav a[aria-current="true"]{color:var(--ink);background:var(--bg-3)}
.bar__end{display:flex;align-items:center;gap:12px;margin-inline-start:auto}
.bar__demo{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--mute);white-space:nowrap}
.bar__demo i{width:6px;height:6px;border-radius:50%;background:var(--ember)}
.lang{display:inline-flex;padding:2px;border:1px solid var(--line-2);border-radius:8px}
.lang button{border:0;background:transparent;min-width:34px;height:26px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:500;color:var(--mute);transition:background .25s var(--ease),color .25s var(--ease)}
.lang button[lang="he"]{font-family:"Heebo",var(--sans)}
.lang button[aria-pressed="true"]{background:var(--ink);color:#fff}

/* ---------- shared pieces ---------- */
.eyebrow{font-size:12.5px;color:var(--mute);letter-spacing:.01em}
.tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:var(--bg-3);font-size:11.5px;font-weight:500;color:var(--body);white-space:nowrap}
.panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);min-width:0}
.panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:10px 16px;border-bottom:1px solid var(--line)}
.panel__t{font-size:13px;font-weight:500;color:var(--ink);line-height:1.3}
.panel__sub{font-weight:400;color:var(--mute);margin-inline-start:6px}
.panel__meta{font-size:12px;color:var(--mute);white-space:nowrap;font-feature-settings:"tnum"}
.live{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--mute)}
.live i{width:6px;height:6px;border-radius:50%;background:var(--ember);animation:pulseE 1.8s var(--ease) infinite}
@keyframes pulseE{0%{box-shadow:0 0 0 0 rgba(201,84,47,.35)}70%{box-shadow:0 0 0 6px rgba(201,84,47,0)}100%{box-shadow:0 0 0 0 rgba(201,84,47,0)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(22,32,27,.3)}70%{box-shadow:0 0 0 6px rgba(22,32,27,0)}100%{box-shadow:0 0 0 0 rgba(22,32,27,0)}}
.state{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 9px;border-radius:12px;border:1px solid var(--line);font-size:11.5px;color:var(--mute);white-space:nowrap;flex:none;transition:color .4s var(--ease),border-color .4s var(--ease)}
.state i{width:6px;height:6px;border-radius:50%;background:var(--mute-2)}
.state[data-s="run"]{color:var(--ink);border-color:var(--line-2)}
.state[data-s="run"] i{background:var(--ink);animation:pulse 1.4s var(--ease) infinite}
.state[data-s="done"]{color:var(--ink)}
.state[data-s="done"] i{background:var(--ink)}
.state[data-s="warn"]{color:var(--ember);border-color:rgba(201,84,47,.35)}
.state[data-s="warn"] i{background:var(--ember)}
.ctl{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:1px solid var(--line-2);border-radius:8px;background:var(--bg);font-size:12.5px;font-weight:500;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.ctl svg{fill:currentColor;flex:none}
.ctl:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.ctl .i-play{display:none}
.ctl[aria-pressed="true"] .i-play{display:block}
.ctl[aria-pressed="true"] .i-pause{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:12.5px;font-weight:500;white-space:nowrap;transition:opacity .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}
.btn--ghost{background:var(--bg);color:var(--ink);border-color:var(--line-2)}
.btn--ghost:hover:not(:disabled){border-color:var(--ink)}
.btn--sm{height:28px;padding:0 10px;font-size:12px}
.btn:disabled{opacity:.4;cursor:default}
.btn.is-hot{box-shadow:0 0 0 3px rgba(22,32,27,.12)}
.av{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--bg-3);color:var(--ink);font-size:11px;font-weight:600;letter-spacing:.02em}
.av--sm{width:22px;height:22px;font-size:9.5px}
.av--ink{background:var(--ink);color:#fff}
.av--empty{background:transparent;box-shadow:inset 0 0 0 1px var(--line-3)}
.doc-ic{display:inline-grid;place-items:center;flex:none;width:30px;height:18px;border-radius:4px;border:1px solid var(--line-2);font-size:8.5px;font-weight:600;letter-spacing:.04em;color:var(--mute);margin-inline-end:10px;vertical-align:-3px;font-family:var(--sans)}
.tbl-wrap{overflow-x:auto;scrollbar-width:thin}
.tbl{width:100%;border-collapse:collapse;font-size:13px;font-feature-settings:"tnum"}
.tbl th{text-align:start;font-weight:500;font-size:11.5px;color:var(--mute);padding:8px 10px;border-bottom:1px solid var(--line);background:var(--bg-2);white-space:nowrap}
.tbl td{padding:10px;border-bottom:1px solid var(--line);color:var(--body);white-space:nowrap;vertical-align:middle}
.tbl th:first-child,.tbl td:first-child{padding-inline-start:16px}
.tbl th:last-child,.tbl td:last-child{padding-inline-end:16px}
.tbl tr:last-child td{border-bottom:0}

/* ---------- section chrome ---------- */
.sec{padding:var(--sec) 0;border-top:1px solid var(--line)}
.sec--alt{background:var(--bg-2)}
.sec__head{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"n t c" "n d c";column-gap:16px;row-gap:10px;align-items:end;margin-bottom:clamp(28px,3.4vw,44px)}
.sec__n{grid-area:n;align-self:start;padding-top:12px;font-size:12px;color:var(--mute);font-feature-settings:"tnum"}
.sec__t{grid-area:t;font-family:var(--serif);font-weight:300;font-size:clamp(32px,3.4vw,50px);line-height:1.04;letter-spacing:-.015em}
html[lang="he"] .sec__t{letter-spacing:0;font-weight:400}
.sec__d{grid-area:d;max-width:640px;font-size:15.5px;line-height:1.55;color:var(--body)}
.sec__ctl{grid-area:c;align-self:end;display:flex;gap:8px}

/* ---------- hero ---------- */
.hero{padding:clamp(40px,6vw,88px) 0 clamp(64px,7vw,104px)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(32px,5vw,80px);align-items:start}
.hero__text{display:grid;gap:22px;align-content:start}
.hero__title{font-family:var(--serif);font-weight:300;font-size:clamp(40px,4.8vw,70px);line-height:1.02;letter-spacing:-.02em;max-width:880px}
.hero__title span{color:var(--mute);font-style:italic}
html[lang="he"] .hero__title{font-weight:400;letter-spacing:-.01em;line-height:1.08}
html[lang="he"] .hero__title span{font-style:normal}
.hero__line{max-width:620px;font-size:17px;line-height:1.55;color:var(--body)}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;border-top:1px solid var(--line-2)}
.kpi{padding:16px 20px 4px 0;padding-inline:0 20px}
.kpi + .kpi{padding-inline-start:20px;border-inline-start:1px solid var(--line)}
.kpi dt{font-size:12.5px;color:var(--mute);min-height:2.6em;line-height:1.3}
.kpi dd{margin-top:6px}
.kpi__n{display:inline-block;font-size:clamp(34px,3.4vw,48px);font-weight:500;letter-spacing:-.03em;line-height:1;font-feature-settings:"tnum"}
.kpi__n.is-bump{animation:bump .9s var(--ease)}
@keyframes bump{0%{opacity:.35;transform:translateY(6px)}100%{opacity:1;transform:none}}
.kpis__note{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;font-size:12.5px;color:var(--mute)}

.feed{align-self:stretch;display:flex;flex-direction:column;box-shadow:0 30px 60px -48px rgba(22,32,27,.35)}
.feed__list{flex:1 1 0;min-height:300px;overflow:hidden;padding:6px 0}
.feed__foot{display:grid;gap:4px;padding:12px 16px;border-top:1px solid var(--line);background:var(--bg-2);border-radius:0 0 var(--r) var(--r)}
.feed__foot p{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--mute)}
.feed__foot b{font-weight:500;color:var(--ink);text-align:end}
.feed__i{display:grid;grid-template-columns:44px 26px minmax(0,1fr);column-gap:10px;align-items:start;padding:10px 16px;font-size:13px}
.feed__i + .feed__i{border-top:1px solid var(--line)}
.feed__time{font-size:12px;color:var(--mute);font-feature-settings:"tnum";padding-top:3px}
.feed__ch{width:24px;height:24px;border-radius:6px;border:1px solid var(--line);display:grid;place-items:center;color:var(--mute)}
.feed__txt{color:var(--ink);line-height:1.4}
.feed__txt small{display:block;color:var(--mute);font-size:12px;margin-top:2px}
.feed__i.is-new{animation:feedIn .6s var(--ease) both}
.feed__i.is-hand .feed__ch{color:var(--ember);border-color:rgba(201,84,47,.35)}
@keyframes feedIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* ---------- channels ---------- */
.tabbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;flex-wrap:wrap}
.tabs{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);max-width:100%;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--mute);font-size:13px;font-weight:500;white-space:nowrap;transition:background .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}
.tab:hover{color:var(--ink)}
.tab[aria-selected="true"]{background:var(--bg);color:var(--ink);box-shadow:0 1px 2px rgba(22,32,27,.08),0 0 0 1px var(--line)}
.tab svg{flex:none}
.tabs__ctl{display:flex;gap:8px}
.tabs__ctl.is-off{visibility:hidden}

.chpanel{animation:panelIn .5s var(--ease) both}
@keyframes panelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.stage{display:grid;grid-template-columns:340px minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.side{display:grid;gap:16px;min-width:0}
.device{display:grid;justify-items:center;gap:14px;position:sticky;top:120px}
.device__hint{font-size:12.5px;color:var(--mute);text-align:center;max-width:320px}

/* phone */
.phone{width:100%;max-width:340px;height:690px;border-radius:52px;background:var(--ink-2);padding:10px;box-shadow:0 0 0 1px rgba(0,0,0,.35),inset 0 0 0 1.5px rgba(255,255,255,.08),0 44px 80px -40px rgba(22,32,27,.45),0 14px 30px -18px rgba(22,32,27,.3)}
.screen{position:relative;height:100%;border-radius:42px;overflow:hidden;background:#eaeaea;display:flex;flex-direction:column;isolation:isolate}
.island{position:absolute;top:10px;left:50%;width:90px;height:26px;margin-left:-45px;border-radius:20px;background:#000;z-index:5}
.sb{flex:none;height:46px;padding:4px 26px 0 30px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:var(--ink);direction:ltr}
.sb--dark{background:transparent;color:#fff}
.sb__time{font-weight:600;font-size:14px;letter-spacing:-.01em;font-feature-settings:"tnum";font-family:"Inter",system-ui,sans-serif}
.sb__icons{display:flex;align-items:center;gap:5px}
.sb__icons svg{fill:currentColor}
.ahead{flex:none;display:flex;align-items:center;gap:10px;padding:6px 14px 10px 12px;padding-inline:12px 14px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:2}
.ahead__back{color:var(--ink);flex:none}
.ahead__av{flex:none;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:"Newsreader",Georgia,serif;font-size:20px;line-height:1;padding-bottom:3px}
.ahead__av--ring{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--ink)}
.ahead__who{min-width:0;flex:1}
.ahead__name{font-weight:600;font-size:14.5px;line-height:1.2}
.ahead__sub{font-size:11.5px;color:var(--mute);line-height:1.3}
.ahead__sub.is-typing{color:var(--ink)}

.chat{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 10px 8px;display:flex;flex-direction:column;gap:3px;scrollbar-width:none;background-color:#eaeaea;background-image:radial-gradient(rgba(22,32,27,.05) 1px,transparent 1.2px);background-size:14px 14px}
.chat::-webkit-scrollbar{display:none}
.chat:focus-visible{outline-offset:-3px}
.sys{align-self:center;max-width:90%;margin:2px 0 8px;padding:7px 11px;border-radius:8px;background:rgba(255,255,255,.78);font-size:11px;line-height:1.4;color:var(--mute);text-align:center}
.day{align-self:center;margin:10px 0 8px;padding:4px 10px;border-radius:7px;background:rgba(255,255,255,.9);font-size:11px;font-weight:500;color:var(--mute)}
.msg{display:flex;flex-direction:column;align-items:flex-start;max-width:100%}
.msg--out{align-items:flex-end}
.msg + .msg--first,.day + .msg{margin-top:6px}
.bub{position:relative;max-width:84%;padding:6px 9px 7px 10px;padding-inline:10px 9px;border-radius:10px;background:#fff;color:var(--ink);font-size:13.8px;line-height:1.4;box-shadow:0 1px .5px rgba(0,0,0,.07);overflow-wrap:anywhere}
.msg--first.msg--in .bub{border-start-start-radius:3px}
.msg--first.msg--out .bub{border-start-end-radius:3px}
.msg--out .bub{background:var(--ink);color:var(--on-ink)}
.bub p{display:inline}
.meta{float:inline-end;display:inline-flex;align-items:center;gap:3px;margin-block:7px -4px;margin-inline:10px 0;font-size:10.5px;line-height:1;color:var(--mute-2);font-feature-settings:"tnum";direction:ltr}
.msg--out .meta{color:var(--on-ink-mute)}
.ticks{width:16px;height:10px;opacity:.55;transition:opacity .4s}
.ticks.is-read{opacity:1;color:#fff}
.msg.is-in{animation:msgIn .42s var(--ease) both}
@keyframes msgIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.typing .bub{padding:12px 13px;display:flex;gap:4px}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--mute-2);animation:dot 1.2s var(--ease) infinite}
.typing i:nth-child(2){animation-delay:.15s}
.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-2px)}}
.cite-chip{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 7px;border-radius:5px;background:var(--bg-2);border:1px solid var(--line);font-size:11px;color:var(--body);line-height:1.2}
.bub .cite-chip{display:flex;width:max-content;max-width:100%}
.cite-chip b{font-weight:500}

/* quick replies */
.msg--btns{width:84%}
.msg--btns .bub{max-width:100%;width:100%}
.qr{width:100%;display:grid;gap:2px;margin-top:2px}
.qr button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:40px;padding:8px 12px;border:0;border-radius:10px;background:#fff;color:var(--ink);font-size:13.5px;font-weight:500;box-shadow:0 1px .5px rgba(0,0,0,.07);overflow:hidden;transition:background .25s var(--ease),color .25s var(--ease)}
.qr button svg{flex:none;opacity:.7}
.qr button:hover:not(:disabled){background:#f7f7f7}
.qr button:disabled{cursor:default;color:var(--mute-2)}
.qr button.is-picked{color:var(--ink)}
.qr button::after{content:"";position:absolute;inset-inline:14px;bottom:5px;height:1.5px;border-radius:1px;background:var(--ink);opacity:.5;transform:scaleX(0);transform-origin:0 50%}
[dir="rtl"] .qr button::after{transform-origin:100% 50%}
.qr button.is-auto::after{animation:auto var(--auto,6s) linear forwards}
.is-paused .qr button.is-auto::after{animation-play-state:paused}
@keyframes auto{to{transform:scaleX(1)}}
.qr button:focus-visible{outline-offset:-3px}
/* instagram skin: pill buttons, rounder bubbles */
.chat--ig{background:#fff;background-image:none}
.chat--ig .bub{border-radius:18px;box-shadow:none;background:var(--bg-3);padding:8px 12px}
.chat--ig .msg--out .bub{background:var(--ink)}
.chat--ig .msg--first.msg--in .bub,.chat--ig .msg--first.msg--out .bub{border-radius:18px}
.chat--ig .meta{display:none}
.chat--ig .qr{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chat--ig .qr button{width:auto;min-height:32px;border-radius:16px;border:1px solid var(--line-2);box-shadow:none;padding:4px 12px;font-size:13px}
.chat--ig .msg--btns{width:84%}
.chat--ig .post{width:190px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff}
.chat--ig .post img{width:100%;height:auto;aspect-ratio:1}
.chat--ig .post p{display:block;padding:7px 10px 9px;font-size:11.5px;color:var(--mute);line-height:1.35}
.chat--ig .post b{display:block;color:var(--ink);font-weight:600}
/* booking card */
.bub--card{padding:3px 3px 8px;width:100%}
.bub--card .card__img{border-radius:8px;overflow:hidden;aspect-ratio:16/9;background:var(--bg-3)}
.bub--card .card__img img{width:100%;height:100%;object-fit:cover}
.card__body{padding:9px 8px 0}
.bub--card p{display:block}
.card__k{font-size:11px;color:var(--mute)}
.card__h{font-family:var(--serif);font-size:18px;font-weight:400;line-height:1.2;margin-top:2px}
.card__dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;border-top:1px solid var(--line)}
.card__dl div{padding:8px 0 0}
.card__dl div+div{padding-inline-start:10px;border-inline-start:1px solid var(--line)}
.card__dl dt{font-size:10.5px;color:var(--mute)}
.card__dl dd{font-size:13.5px;font-weight:500;font-feature-settings:"tnum";margin-top:1px}
.card__note{display:block;font-size:12px;color:var(--body);margin-top:9px}
/* input bar */
.cin{flex:none;display:flex;align-items:center;gap:6px;padding:6px 8px 26px;background:#eaeaea}
.cin__field{flex:1;min-width:0;height:38px;border-radius:19px;background:#fff;display:flex;align-items:center;padding:0 14px}
.cin__text{flex:1;min-width:0;font-size:13.8px;color:var(--ink);white-space:nowrap;overflow:hidden;display:flex;justify-content:flex-start}
.cin__text.has-text{justify-content:flex-end}
.cin__ph{color:var(--mute-2)}
.cin__text .caret{display:inline-block;width:1.5px;height:16px;background:var(--ink);margin-inline-start:1px;vertical-align:-3px;animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.cin__btn{flex:none;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;opacity:.35;transition:opacity .25s var(--ease)}
.cin__btn.is-send{opacity:1}
.cin--ig{background:#fff;border-top:1px solid var(--line)}
.cin--ig .cin__field{border:1px solid var(--line-2)}
.home{position:absolute;left:50%;bottom:8px;width:118px;height:4.5px;margin-left:-59px;border-radius:3px;background:var(--ink);opacity:.9}
.home--light{background:#fff;opacity:.7}

/* trace (what the agent did) */
.trace{padding:6px 0;min-height:120px}
.trace__i{display:grid;grid-template-columns:22px minmax(0,1fr) auto;column-gap:12px;padding:9px 16px;position:relative}
.trace__i::before{content:"";position:absolute;inset-inline-start:26px;top:30px;bottom:-9px;width:1px;background:var(--line)}
.trace__i:last-child::before{display:none}
.trace__ic{width:21px;height:21px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;background:var(--bg);color:var(--mute);position:relative;z-index:1}
.trace__ic svg{width:11px;height:11px}
.trace__t{font-size:13px;color:var(--ink);line-height:1.35;padding-top:1px}
.trace__d{display:block;margin-top:3px;font-family:var(--mono);font-size:11.5px;color:var(--mute);line-height:1.5;overflow-wrap:anywhere;direction:ltr;text-align:start}
[dir="rtl"] .trace__d{text-align:end}
.trace__ms{font-size:11.5px;color:var(--mute-2);font-feature-settings:"tnum";padding-top:2px;white-space:nowrap}
.trace__i.is-run .trace__ic{background:var(--ink);border-color:var(--ink);color:#fff;animation:pulse 1.3s var(--ease) infinite}
.trace__i.is-done .trace__ic{background:var(--ink);border-color:var(--ink);color:#fff}
.trace__i.is-hand .trace__ic{background:var(--ember);border-color:var(--ember);color:#fff}
.trace__i.is-new{animation:feedIn .45s var(--ease) both}
.trace__empty{padding:14px 16px;font-size:12.5px;color:var(--mute)}

/* reservation book */
.book td:first-child{color:var(--ink);font-weight:500}
.book td:nth-child(2){color:var(--ink)}
.book td.c-notes{white-space:normal;min-width:110px}
.st{display:inline-flex;align-items:center;gap:6px}
.st i{width:6px;height:6px;border-radius:50%;background:var(--ink)}
.st--held i{background:transparent;box-shadow:inset 0 0 0 1.2px var(--ink)}
.st--booked i{background:rgba(22,32,27,.45)}
.book tr.is-mine td{background:rgba(22,32,27,.03);color:var(--ink)}
.book tr.is-new td{animation:rowIn 2.8s var(--ease) both}
.book tr.is-mine td:first-child{box-shadow:inset 2px 0 0 var(--ink)}
[dir="rtl"] .book tr.is-mine td:first-child{box-shadow:inset -2px 0 0 var(--ink)}
@keyframes rowIn{0%{opacity:0;background:rgba(22,32,27,.09)}14%{opacity:1;background:rgba(22,32,27,.09)}100%{opacity:1;background:rgba(22,32,27,.03)}}
td.is-flash{animation:flash 1.6s var(--ease) both}
@keyframes flash{0%{background:rgba(22,32,27,.12)}100%{background:rgba(22,32,27,.03)}}

/* citations */
.cites{padding:6px 0}
.cite{padding:12px 16px}
.cite + .cite{border-top:1px solid var(--line)}
.cite__doc{display:flex;align-items:center;flex-wrap:wrap;gap:4px 0;font-size:13px;font-weight:500}
.cite__m{margin-inline-start:auto;font-size:11.5px;font-weight:400;color:var(--mute)}
.menu-mini{margin-top:10px;display:grid;border-top:1px solid var(--line)}
.menu-mini li{display:grid;grid-template-columns:26px minmax(90px,.8fr) minmax(0,1.6fr);column-gap:8px;padding:6px 6px;border-bottom:1px solid var(--line);font-size:12.5px;border-radius:4px;transition:background .5s var(--ease)}
.menu-mini span{color:var(--mute-2);font-feature-settings:"tnum"}
.menu-mini b{font-weight:500}
.menu-mini em{font-style:normal;color:var(--mute)}
.menu-mini li.is-hl{background:rgba(22,32,27,.07)}
.menu-mini li.is-hl b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.cite__foot{margin-top:8px;font-size:12px;color:var(--mute)}
.cite__q{margin-top:8px;padding-inline-start:12px;border-inline-start:2px solid var(--line-2);font-size:13px;line-height:1.5;color:var(--body);transition:border-color .5s var(--ease),color .5s var(--ease)}
.cite.is-hl .cite__q{border-color:var(--ink);color:var(--ink)}

/* website mock */
.stage--web{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.browser{border:1px solid var(--line-2);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 40px 80px -52px rgba(22,32,27,.45);position:sticky;top:120px}
.browser__bar{height:38px;display:flex;align-items:center;gap:14px;padding:0 14px;background:var(--bg-2);border-bottom:1px solid var(--line);direction:ltr}
.browser__dots{display:flex;gap:6px}
.browser__dots i{width:10px;height:10px;border-radius:50%;background:#d6d6d6}
.browser__url{flex:1;max-width:340px;margin:0 auto;height:24px;border-radius:6px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11.5px;color:var(--mute)}
.browser__page{position:relative;height:640px;overflow:hidden}
.site{position:absolute;inset:0;background:#f4f4f4}
.site__nav{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;font-size:12px;color:var(--body)}
.site__logo{font-family:"Newsreader",Georgia,serif;font-size:22px;color:var(--ink)}
.site__links{display:flex;gap:18px}
.site__hero{position:relative;margin:4px 26px 0;height:260px;border-radius:4px;overflow:hidden}
.site__hero img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.site__copy{padding:22px 0}
.site__k{font-size:12px;color:var(--mute)}
.site__h{font-family:var(--serif);font-weight:300;font-size:28px;line-height:1.15;margin-top:6px;color:var(--ink);max-width:340px}
.site__copy{padding:24px 26px 0;max-width:calc(100% - 380px)}
.site__p{margin-top:10px;font-size:13px;line-height:1.55;color:var(--body);max-width:300px}
.site__a{margin-top:14px;font-size:12.5px;color:var(--ink);display:inline-flex;gap:6px;border-bottom:1px solid var(--ink);padding-bottom:2px}
.site__a .flip{display:inline-block}
.site::after{content:"";position:absolute;inset:0;background:rgba(244,244,244,.0)}
.widget{position:absolute;inset-inline-end:18px;bottom:18px;width:340px;max-width:calc(100% - 36px);height:540px;max-height:calc(100% - 36px);display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line-2);box-shadow:0 24px 60px -24px rgba(22,32,27,.4)}
.widget__head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--ink);color:#fff}
.widget__head .ahead__av{width:30px;height:30px;font-size:18px;background:#fff;color:var(--ink)}
.widget__name{font-size:13.5px;font-weight:600}
.widget__sub{font-size:11.5px;color:var(--on-ink-mute)}
.chat--web{background:#fff;background-image:none;padding:12px}
.chat--web .bub{box-shadow:none;background:var(--bg-3);border-radius:12px}
.chat--web .msg--out .bub{background:var(--ink)}
.chat--web .qr button{border:1px solid var(--line-2);box-shadow:none}
.cin--web{background:#fff;border-top:1px solid var(--line);padding:8px 10px}
.cin--web .cin__field{background:var(--bg-2);height:36px}
.cin--web .cin__btn{width:34px;height:34px}
.site__below{padding:0 26px}

/* lead card */
.lead__dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.lead__dl div{padding:11px 16px;border-bottom:1px solid var(--line);min-width:0}
.lead__dl div:nth-child(odd){border-inline-end:1px solid var(--line)}
.lead__dl div:nth-last-child(-n+2){border-bottom:0}
.lead__dl dt{font-size:11.5px;color:var(--mute)}
.lead__dl dd{font-size:13.5px;color:var(--mute-2);margin-top:2px;overflow-wrap:anywhere;transition:color .4s var(--ease)}
.lead__dl dd.is-set{color:var(--ink)}
.lead__dl dd.is-new{animation:outIn .5s var(--ease) both}
@keyframes outIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}

/* call */
.screen--call{background:linear-gradient(180deg,#1b2621 0%,#0f1512 60%,#0b0f0d 100%);color:#fff}
.call{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;padding:22px 22px 40px;text-align:center}
.call__k{font-size:12px;color:var(--on-ink-mute)}
.call__num{font-size:26px;font-weight:400;letter-spacing:-.01em;margin-top:8px;font-feature-settings:"tnum"}
.call__who{font-size:12.5px;color:var(--on-ink-mute);margin-top:6px}
.call__time{font-size:14px;margin-top:12px;font-feature-settings:"tnum";color:#fff}
.wave{width:100%;height:64px;display:flex;align-items:center;justify-content:space-between;gap:2px;direction:ltr}
.wave i{flex:1;min-width:1px;border-radius:2px;background:rgba(255,255,255,.22);transition:background .15s linear}
.wave i.is-past{background:rgba(255,255,255,.85)}
.wave i.is-guest{background:rgba(255,255,255,.14)}
.wave i.is-guest.is-past{background:rgba(255,255,255,.5)}
.call__cap{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;width:100%;min-height:0;padding:10px 4px}
.call__speaker{min-height:18px;font-size:12px;color:var(--on-ink-mute)}
.call__line{font-size:16px;line-height:1.45;color:rgba(255,255,255,.35);min-height:4.4em;font-family:"Inter",system-ui,sans-serif}
.call__line .w{transition:color .2s linear}
.call__line .w.is-on{color:#fff}
.call__speaker b{color:#fff;font-weight:500}
.call__btns{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:20px;direction:ltr}
.callbtn{width:66px;height:66px;border-radius:50%;border:0;background:#fff;color:var(--ink);display:grid;place-items:center;transition:transform .3s var(--ease),background .3s var(--ease)}
.callbtn:hover{transform:scale(1.04)}
.callbtn .i-pause{display:none}
.callbtn.is-playing .i-pause{display:block}
.callbtn.is-playing .i-play{display:none}
.callbtn--sm{width:44px;height:44px;background:rgba(255,255,255,.12);color:#fff}
.callbtn--ghost{background:transparent;pointer-events:none}
.callbtn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.scrub{width:100%;margin-top:18px;accent-color:#fff;height:18px;direction:ltr}
.tx{max-height:380px;overflow-y:auto;padding:8px 0;scrollbar-width:thin}
.tx__i{display:grid;grid-template-columns:62px minmax(0,1fr);column-gap:12px;padding:8px 16px;transition:opacity .4s var(--ease)}
.tx__who{font-size:11.5px;font-weight:500;color:var(--mute);padding-top:2px}
.tx__who small{display:block;font-weight:400;color:var(--mute-2);font-feature-settings:"tnum";margin-top:2px}
.tx__txt{font-size:14px;line-height:1.5;color:var(--mute-2)}
.tx__txt .w{transition:color .2s linear}
.tx__txt .w.is-on{color:var(--ink)}
.tx__i.is-agent .tx__who{color:var(--ink)}
.tx__i.is-future{opacity:.5}
.tx__i.is-now{background:var(--bg-2)}
.trace__i.is-pending .trace__ic{border-style:dashed;color:var(--mute-2)}
.trace__i.is-pending .trace__t{color:var(--mute)}
.trace__i.is-pending .trace__d{color:var(--mute-2)}
.tx__i.is-done .tx__txt{color:var(--ink)}
.tx__tr{display:block;margin-top:4px;font-size:12.5px;color:var(--mute);line-height:1.5}
.tx__empty{padding:16px;font-size:13px;color:var(--mute)}

/* ---------- handover inbox ---------- */
.inbox{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;height:680px;background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 40px 80px -60px rgba(22,32,27,.4)}
.inbox__side{display:flex;flex-direction:column;min-width:0;border-inline-end:1px solid var(--line);background:var(--bg-2)}
.inbox__top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px 10px}
.inbox__t{font-size:14px;font-weight:600}
.inbox__me{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--mute);white-space:nowrap}
.seg{display:flex;gap:4px;padding:0 12px 10px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.seg__i{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:7px;font-size:12px;color:var(--mute);white-space:nowrap}
.seg__i b{font-weight:500;color:var(--mute-2);font-feature-settings:"tnum"}
.seg__i.is-on{background:var(--bg);color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.convs{flex:1;overflow-y:auto;scrollbar-width:thin}
.conv{display:grid;grid-template-columns:30px minmax(0,1fr) auto;column-gap:10px;row-gap:2px;width:100%;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:start;transition:background .25s var(--ease)}
.conv:hover{background:rgba(22,32,27,.03)}
.conv[aria-current="true"]{background:var(--bg);box-shadow:inset 2px 0 0 var(--ink)}
[dir="rtl"] .conv[aria-current="true"]{box-shadow:inset -2px 0 0 var(--ink)}
.conv .av{grid-row:1 / 3}
.conv__n{font-size:13px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conv__t{font-size:11.5px;color:var(--mute);font-feature-settings:"tnum";white-space:nowrap}
.conv__p{grid-column:2 / 4;font-size:12.5px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conv__tags{grid-column:2 / 4;display:flex;gap:5px;margin-top:5px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:5px;font-size:11px;background:var(--bg);border:1px solid var(--line);color:var(--body);white-space:nowrap}
.chip i{width:5px;height:5px;border-radius:50%;background:var(--mute-2)}
.chip--hot{border-color:rgba(201,84,47,.35);color:var(--ember);background:var(--ember-soft)}
.chip--hot i{background:var(--ember)}
.chip--ok i{background:var(--ink)}
.conv.is-new{animation:feedIn .6s var(--ease) both}

.inbox__main{display:flex;flex-direction:column;min-width:0}
.thread__head{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 18px;border-bottom:1px solid var(--line)}
.thread__back{display:none;width:32px;height:32px;border:0;background:transparent;border-radius:8px;place-items:center;color:var(--ink)}
.thread__who{min-width:0;flex:1}
.thread__name{font-size:14px;font-weight:600}
.thread__sub{font-size:12px;color:var(--mute)}
.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:12px;font-size:11.5px;font-weight:500;border:1px solid var(--line-2);white-space:nowrap}
.pill i{width:6px;height:6px;border-radius:50%;background:var(--ink)}
.pill[data-s="waiting"]{color:var(--ember);border-color:rgba(201,84,47,.35);background:var(--ember-soft)}
.pill[data-s="waiting"] i{background:var(--ember);animation:pulseE 1.6s var(--ease) infinite}
.pill[data-s="staff"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.pill[data-s="staff"] i{background:#fff}
.pill[data-s="solved"]{color:var(--mute)}
.pill[data-s="solved"] i{background:var(--mute-2)}
.thread{flex:1;min-height:0;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;background:var(--bg)}
.tm{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;max-width:560px}
.tm .av{width:28px;height:28px;font-size:10px}
.tm__h{font-size:12px;color:var(--mute);display:flex;gap:8px;align-items:baseline}
.tm__h b{color:var(--ink);font-weight:500}
.tm__b{margin-top:4px;padding:9px 12px;border-radius:10px;border-start-start-radius:3px;background:var(--bg-2);font-size:13.5px;line-height:1.5;color:var(--ink)}
.tm--agent .tm__b{background:#fff;border:1px solid var(--line)}
.tm--staff .tm__b{background:var(--ink);color:var(--on-ink)}
.tm.is-in{animation:msgIn .45s var(--ease) both}
.tev{align-self:stretch;display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--mute);margin:4px 0}
.tev::before,.tev::after{content:"";flex:1;height:1px;background:var(--line)}
.tev b{font-weight:500;color:var(--ink)}
.tev--hot b{color:var(--ember)}
.tev.is-in{animation:feedIn .45s var(--ease) both}
.composer{border-top:1px solid var(--line);padding:12px 16px 14px;background:var(--bg)}
.composer__field{min-height:62px;max-height:150px;overflow-y:auto;padding:10px 12px;border-radius:9px;border:1px solid var(--line-2);font-size:13.5px;line-height:1.5;color:var(--ink);background:var(--bg);transition:border-color .3s var(--ease)}
.composer__field.is-active{border-color:var(--ink)}
.composer__ph{color:var(--mute-2)}
.composer__row{display:flex;align-items:center;gap:8px;margin-top:10px}
.composer__note{flex:1;min-width:0;font-size:12px;color:var(--mute)}
.inbox__ctx{min-width:0;border-inline-start:1px solid var(--line);overflow-y:auto;background:var(--bg);scrollbar-width:thin}
.ctx__block{padding:14px 16px;border-bottom:1px solid var(--line)}
.ctx__block--last{border-bottom:0}
.ctx__k{font-size:11.5px;color:var(--mute);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.sla{display:flex;align-items:baseline;gap:10px}
.sla__t{font-size:24px;font-weight:500;letter-spacing:-.02em;font-feature-settings:"tnum";color:var(--mute-2)}
.sla__l{font-size:12px;color:var(--mute)}
.sla[data-s="run"] .sla__t{color:var(--ink)}
.sla[data-s="met"] .sla__t{color:var(--ink)}
.sla__bar{direction:ltr;margin-top:10px;height:3px;border-radius:2px;background:var(--bg-3);overflow:hidden}
.sla__bar i{display:block;height:100%;width:0;background:var(--ink);transition:width .5s linear}
.assign{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--mute)}
.assign.is-set{color:var(--ink)}
.assign.is-new{animation:outIn .5s var(--ease) both}
.ctx__rule{margin-top:8px;font-size:11.5px;color:var(--mute);line-height:1.45}
.summary,.suggest{font-size:13px;line-height:1.55;color:var(--ink)}
.summary ul{display:grid;gap:6px}
.summary li{position:relative;padding-inline-start:12px}
.summary li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:4px;height:4px;border-radius:50%;background:var(--mute-2)}
.summary__ph{color:var(--mute-2);font-size:12.5px}
.suggest{padding:10px 12px;border-radius:9px;background:var(--bg-2);margin-bottom:10px}
.suggest.is-used{opacity:.5}
.mini-dl{display:grid;gap:6px}
.mini-dl div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px}
.mini-dl dt{color:var(--mute)}
.mini-dl dd{color:var(--ink);font-feature-settings:"tnum"}
.cursor{display:inline-block;width:1.5px;height:1em;background:var(--ink);margin-inline-start:1px;vertical-align:-2px;animation:caret 1s steps(1) infinite}

/* ---------- workflow ---------- */
.wf{background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 40px 80px -60px rgba(22,32,27,.4)}
.wf__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.crumbs{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--mute);min-width:0;white-space:nowrap}
.crumbs > span:nth-of-type(2){color:var(--ink);font-weight:500}
.crumbs svg{flex:none;opacity:.6}
.ver{margin-inline-start:4px;height:20px;padding:0 7px;display:inline-flex;align-items:center;border-radius:5px;background:var(--bg-3);font-size:11px;color:var(--body)}
.wf__tools{display:flex;align-items:center;gap:10px}
.zoom{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:8px;height:32px;overflow:hidden}
.zoom button{border:0;background:transparent;height:100%;min-width:30px;font-size:15px;color:var(--ink);transition:background .2s var(--ease)}
.zoom button:hover{background:var(--bg-2)}
.zoom span{min-width:46px;text-align:center;font-size:12px;color:var(--mute);font-feature-settings:"tnum"}
.zoom__fit{font-size:12px !important;font-weight:500;padding:0 10px !important;border-inline-start:1px solid var(--line) !important}
.wrap--wide{max-width:1480px;padding:0 clamp(16px,2vw,32px)}
.wf__body{display:grid;grid-template-columns:minmax(0,1fr);border-bottom:1px solid var(--line)}
.canvas{position:relative;height:500px;overflow:hidden;background-color:#fafafa;background-image:radial-gradient(rgba(22,32,27,.11) 1px,transparent 1.2px);background-size:20px 20px;cursor:grab;touch-action:none;min-width:0}
.canvas.is-drag{cursor:grabbing}
.world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.world.is-anim{transition:transform .55s var(--ease)}
.wedges{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.wedges .e{fill:none;stroke:rgba(22,32,27,.22);stroke-width:1.2}
.wedges .e.is-lit{stroke:var(--ink);stroke-width:1.6}
.wedges .e.is-err{stroke:var(--ember);stroke-dasharray:4 4}
.wedges .e.is-dim{stroke:rgba(22,32,27,.12);stroke-dasharray:3 4}
.wedges .flowdot{fill:var(--ink)}
.wedges .elab{font-family:var(--sans);font-size:12px;fill:var(--mute)}
.wedges .elab-bg{fill:#fafafa}
.wedges .port{fill:#fafafa;stroke:rgba(22,32,27,.35);stroke-width:1}
.wedges .port.is-lit{fill:var(--ink);stroke:var(--ink)}
.wn{position:absolute;width:196px;min-height:92px;padding:12px 13px 13px;border:1px solid var(--line-2);border-radius:10px;background:#fff;text-align:start;box-shadow:0 1px 2px rgba(22,32,27,.05);transition:border-color .4s var(--ease),box-shadow .4s var(--ease),opacity .4s var(--ease);cursor:pointer}
.wn:hover{border-color:var(--line-3)}
.wn__top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:9px}
.wn__ic{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);display:grid;place-items:center;color:var(--mute);background:#fff;transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease)}
.wn__app{font-size:11.5px;color:var(--mute);white-space:nowrap}
.wn__t{display:block;font-size:14.5px;font-weight:500;color:var(--ink);line-height:1.3}
.wn__s{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:12px;color:var(--mute-2);font-feature-settings:"tnum"}
.wn__s i{width:6px;height:6px;border-radius:50%;background:rgba(22,32,27,.18);flex:none}
.wn.is-run{border-color:var(--ink);box-shadow:0 0 0 3px rgba(22,32,27,.08),0 10px 24px -14px rgba(22,32,27,.4)}
.wn.is-run .wn__ic{background:var(--ink);color:#fff;border-color:var(--ink)}
.wn.is-run .wn__s{color:var(--ink)}
.wn.is-run .wn__s i{background:var(--ink);animation:pulse 1.2s var(--ease) infinite}
.wn.is-done .wn__ic{color:var(--ink);border-color:var(--line-2)}
.wn.is-done .wn__s{color:var(--mute)}
.wn.is-done .wn__s i{background:var(--ink)}
.wn.is-err{border-color:var(--ember);box-shadow:0 0 0 3px var(--ember-soft)}
.wn.is-err .wn__ic{background:var(--ember);border-color:var(--ember);color:#fff}
.wn.is-err .wn__s{color:var(--ember)}
.wn.is-err .wn__s i{background:var(--ember)}
.wn__s em{font-style:normal;unicode-bidi:plaintext}
.trace__ms,.vt__st,.tag,.conv__t,.panel__meta{unicode-bidi:plaintext}
.wn__retry{margin-inline-start:4px;padding:0 6px;height:18px;display:inline-flex;align-items:center;border-radius:4px;background:var(--ember-soft);color:var(--ember);font-size:10.5px}
.insp__dl{display:grid;gap:6px;padding:12px 16px}
.insp__dl div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px}
.insp__dl dt{color:var(--mute)}
.insp__dl dd{color:var(--ink);font-feature-settings:"tnum"}
.insp__a .insp__sec{border-top:1px solid var(--line)}
.wn.is-skip{opacity:.42}
.wn.is-sel{outline:2px solid var(--ink);outline-offset:3px}
.wn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.insp{display:grid;grid-template-columns:300px minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--line);background:#fff;min-height:236px}
.insp > *{min-width:0}
.insp__a{border-inline-end:1px solid var(--line)}
.insp > .insp__sec{border-bottom:0}
.insp > .insp__sec + .insp__sec{border-inline-start:1px solid var(--line)}
.insp__empty{grid-column:1 / -1;padding:16px;font-size:13px;color:var(--mute)}
.insp__head{padding:14px 16px 12px;border-bottom:1px solid var(--line)}
.insp__k{font-size:11.5px;color:var(--mute)}
.insp__t{font-size:15px;font-weight:600;margin-top:2px}
.insp__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.insp__meta .tag{font-feature-settings:"tnum"}
.insp__meta .tag--ok{background:var(--ink);color:#fff}
.insp__meta .tag--err{background:var(--ember-soft);color:var(--ember)}
.insp__sec{padding:12px 16px;border-bottom:1px solid var(--line)}
.insp__sec:last-child{border-bottom:0}
.insp__l{font-size:11.5px;font-weight:500;color:var(--mute);margin-bottom:8px}
.attempts{display:grid;gap:6px}
.attempts li{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:7px 10px;border-radius:7px;background:var(--bg-2);font-feature-settings:"tnum"}
.attempts li.is-err{background:var(--ember-soft);color:var(--ember)}
.json{margin:0;padding:10px 12px;border-radius:8px;background:var(--bg-2);font-family:var(--mono);font-size:11.5px;line-height:1.65;color:var(--ink);white-space:pre-wrap;word-break:break-word;direction:ltr;text-align:left}
.json .k{color:var(--mute)}
.json .s{color:var(--ink)}
.json .n{color:var(--ink);font-weight:500}
.json .b{color:var(--ember)}
.json .p{color:var(--mute-2)}
.vt{display:none}
.runs__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.runs__tbl tbody tr{cursor:pointer;transition:background .2s var(--ease)}
.runs__tbl tbody tr:hover td{background:rgba(22,32,27,.025)}
.runs__tbl tbody tr[aria-selected="true"] td{background:rgba(22,32,27,.05);color:var(--ink)}
.runs__tbl td:first-child{font-family:var(--mono);font-size:12px;color:var(--ink)}
.runs__tbl button{border:0;background:transparent;padding:0;font:inherit;color:inherit;text-align:start}
.oc{display:inline-flex;align-items:center;gap:6px}
.oc i{width:6px;height:6px;border-radius:50%;background:var(--ink)}
.oc--wait i{background:transparent;box-shadow:inset 0 0 0 1.2px var(--ink)}
.oc--hand i{background:var(--ember)}
.oc--retry i{background:var(--ink);box-shadow:0 0 0 2px var(--ember-soft)}

/* ---------- knowledge ---------- */
.kn{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"docs he" "rules rules";gap:16px}
.kn__he{display:flex;flex-direction:column}
.kn__he .bi{flex:1;justify-content:center}
.kn__rules .rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(3,auto)}
.kn__rules .rules li:nth-child(-n+3){border-inline-end:1px solid var(--line)}
.kn__rules .rules li:nth-child(3),.kn__rules .rules li:nth-child(6){border-bottom:0}
.kn__docs{grid-area:docs}
.kn__rules{grid-area:rules}
.kn__he{grid-area:he}
.docs td:first-child{color:var(--ink)}
.docs td{white-space:nowrap}
.rules{counter-reset:r}
.rules li{counter-increment:r;display:grid;grid-template-columns:28px minmax(0,1fr) auto;column-gap:10px;align-items:start;padding:13px 16px;border-bottom:1px solid var(--line)}
.rules li:last-child{border-bottom:0}
.rules li::before{content:counter(r,decimal-leading-zero);font-size:11.5px;color:var(--mute-2);padding-top:2px;font-feature-settings:"tnum"}
.rule__t{font-size:13.5px;line-height:1.5;color:var(--ink)}
.rule__n{font-size:12px;color:var(--mute);white-space:nowrap;padding-top:1px;font-feature-settings:"tnum"}
.rule__n b{font-weight:500;color:var(--ink)}
.bi{padding:16px;display:flex;flex-direction:column;gap:8px}
.bi__m{max-width:82%;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.5;display:flex;align-items:flex-end;gap:10px}
.bi__m p{flex:1}
.bi__m--g{align-self:flex-end;background:var(--ink);color:var(--on-ink);border-start-end-radius:3px}
.bi__m--a{align-self:flex-start;background:var(--bg-2);color:var(--ink);border-start-start-radius:3px}
.bi__t{font-size:10.5px;opacity:.6;font-feature-settings:"tnum";direction:ltr;flex:none}
.bi--he{font-family:"Heebo",var(--sans)}
.bi--en{font-family:"Inter",system-ui,sans-serif}
html[lang="en"] .bi--en,html:not([lang="he"]) .bi--en{display:none}
html[lang="he"] .bi--he{display:none}
html[lang="he"] .bi--en{display:flex}

/* ---------- analytics ---------- */
.an__kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);background:var(--bg);margin-bottom:16px}
.an__kpis > div{padding:16px 18px 18px}
.an__kpis > div + div{border-inline-start:1px solid var(--line)}
.an__kpis dt{font-size:12.5px;color:var(--mute)}
.an__kpis dd{font-size:clamp(28px,2.6vw,38px);font-weight:500;letter-spacing:-.03em;line-height:1.1;margin-top:8px;font-feature-settings:"tnum"}
.an__delta{font-size:12px;color:var(--mute);margin-top:6px}
.an__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.chart{grid-column:span 4;display:flex;flex-direction:column}
.chart--wide{grid-column:span 8}
.chart--half{grid-column:span 6}
.chart--full{grid-column:1 / -1}
.chart__svg{flex:1;display:flex;flex-direction:column;justify-content:center}
.chart__svg{padding:12px 14px 12px;direction:ltr}
.chart__svg svg{display:block;width:100%;height:auto;overflow:visible}
.chart text{font-family:var(--sans);font-size:11px;fill:var(--mute);font-feature-settings:"tnum"}
.chart .ax{stroke:var(--line);stroke-width:1}
.chart .gl{stroke:rgba(22,32,27,.07);stroke-width:1}
.legend{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:flex-end}
.legend li{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--mute);white-space:nowrap}
.legend i{width:9px;height:9px;border-radius:2px}
.chart .bar-seg{transition:opacity .25s var(--ease)}
.chart svg:hover .bar-seg{opacity:.55}
.chart svg .bar-g:hover .bar-seg{opacity:1}
.chart .tip{pointer-events:none}
.chart .is-draw{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 1.4s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.chart .grow{transform-box:fill-box;transform-origin:50% 100%;animation:grow .9s var(--ease) both}
@keyframes grow{from{transform:scaleY(0)}to{transform:none}}
.chart .growx{transform-box:fill-box;transform-origin:0 50%;animation:growx .9s var(--ease) both}
@keyframes growx{from{transform:scaleX(0)}to{transform:none}}
.chart .fade{animation:fadeIn .8s var(--ease) both}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.an:not(.is-on) .chart .grow,.an:not(.is-on) .chart .growx,.an:not(.is-on) .chart .fade,.an:not(.is-on) .chart .is-draw{animation-play-state:paused}

/* ---------- integrations ---------- */
.ints{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);background:var(--bg)}
.ints li{padding:18px 18px 20px;min-width:0}
.ints li + li{border-inline-start:1px solid var(--line)}
.ints__m{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--line-2);font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--ink);margin-bottom:16px}
.ints__t{font-size:14px;font-weight:500;line-height:1.3}
.ints__s{font-size:12.5px;color:var(--mute);margin-top:4px;line-height:1.45}
.incl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;margin-top:clamp(48px,6vw,80px);padding-top:28px;border-top:1px solid var(--line-2)}
.incl__t{font-family:var(--serif);font-weight:300;font-size:clamp(26px,2.4vw,34px);line-height:1.1}
html[lang="he"] .incl__t{font-weight:400}
.incl__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.incl__list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink)}

/* ---------- footer ---------- */
.foot{border-top:1px solid var(--line);padding:36px 0 96px}
.foot__in{display:flex;align-items:baseline;gap:12px 32px;flex-wrap:wrap}
.foot__logo{font-family:"Newsreader",Georgia,serif;font-size:25px;line-height:1}
.foot__addr{font-size:13px;color:var(--mute)}
.foot__link{margin-inline-start:auto;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:2px;transition:opacity .3s}
.foot__link:hover{opacity:.6}
.foot__link .flip{display:inline-block}
.demo-tag{display:none}

/* reveal */
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .rv.is-in{opacity:1;transform:none}
.reduce .rv{opacity:1 !important;transform:none !important}

/* ---------- responsive ---------- */
@media (max-width:1240px){
  .snav a{padding:6px 7px;font-size:12.5px}
  .bar__demo{display:none}
  .inbox{grid-template-columns:260px minmax(0,1fr) 290px}
  .ints{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ints li:nth-child(4){border-inline-start:0}
  .ints li:nth-child(n+4){border-top:1px solid var(--line)}
}
@media (max-width:1100px){
  .insp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .insp__a{grid-column:1 / -1;border-inline-end:0;border-bottom:1px solid var(--line)}
  .insp > .insp__sec + .insp__sec{border-inline-start:1px solid var(--line)}
  .bar__sep,.bar__product{display:none}
  .hero__grid{grid-template-columns:minmax(0,1fr)}
  .feed__list{flex:none;min-height:0;max-height:410px}
  .stage,.stage--web{grid-template-columns:minmax(0,1fr)}
  .device{position:static}
  .browser{position:relative;top:0}
  .inbox{grid-template-columns:260px minmax(0,1fr);grid-template-rows:600px auto;height:auto}
  .inbox__ctx{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-inline-start:0;border-top:1px solid var(--line);overflow:visible}
  .ctx__block:nth-child(odd){border-inline-end:1px solid var(--line)}
  .ctx__block--last{border-bottom:1px solid var(--line)}
  .kn{grid-template-columns:minmax(0,1fr);grid-template-areas:"docs" "he" "rules"}
  .kn__rules .rules{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-template-rows:none}
  .kn__rules .rules li:nth-child(-n+3){border-inline-end:0}
  .kn__rules .rules li:nth-child(3){border-bottom:1px solid var(--line)}
  .chart,.chart--wide,.chart--half{grid-column:1 / -1}
  .an__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .an__kpis > div:nth-child(3){border-inline-start:0}
  .an__kpis > div:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:900px){
  .bar__in{height:auto;flex-wrap:wrap;row-gap:0;padding-top:10px}
  .snav{order:3;flex-basis:100%;justify-content:flex-start;margin:6px calc(var(--gut) * -1) 0;padding:0 var(--gut) 6px;overflow:hidden}
  .snav__list{padding-bottom:2px}
  html{scroll-padding-top:128px}
  .canvas{display:none}
  .vt{display:block;padding:12px 0}
  .insp{display:none}
  .zoom{display:none}
  .incl{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  body{font-size:14.5px}
  .sec__head{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n c" "t t" "d d";row-gap:8px}
  .sec__n{padding-top:0;align-self:center}
  .kpis{grid-template-columns:minmax(0,1fr)}
  .kpi,.kpi + .kpi{padding:14px 0 12px;padding-inline:0;border-inline-start:0;border-bottom:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:12px}
  .kpi dt{min-height:0}
  .kpi dd{margin-top:0}
  .kpi__n{font-size:32px}
  .tabbar{flex-direction:column;align-items:stretch}
  .tabs{width:100%}
  .tab{flex:1;justify-content:center;padding:0 10px}
  .tabs__ctl{justify-content:flex-end}
  .phone{height:660px;max-width:340px}
  .inbox{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;height:auto}
  .inbox__side{height:560px}
  .inbox__main{height:600px}
  .inbox[data-view="list"] .inbox__main,.inbox[data-view="list"] .inbox__ctx{display:none}
  .inbox[data-view="detail"] .inbox__side{display:none}
  .inbox__ctx{grid-template-columns:minmax(0,1fr)}
  .ctx__block:nth-child(odd){border-inline-end:0}
  .thread__back{display:grid}
  .browser__page{height:600px}
  .site__links{display:none}
  .widget{inset-inline:10px;width:auto;max-width:none;bottom:10px;height:auto;top:120px}
  .lead__dl{grid-template-columns:minmax(0,1fr)}
  .lead__dl div:nth-child(odd){border-inline-end:0}
  .lead__dl div:nth-last-child(2){border-bottom:1px solid var(--line)}
  .runs__tbl .c-ch,.runs__tbl .c-dur{display:none}
  .docs .c-src,.docs .c-use{display:none}
  .book .c-tb{display:none}
  .ints{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ints li:nth-child(odd){border-inline-start:0}
  .ints li:nth-child(4){border-inline-start:1px solid var(--line)}
  .ints li:nth-child(n+3){border-top:1px solid var(--line)}
  .incl__list{grid-template-columns:minmax(0,1fr)}
  .foot__link{margin-inline-start:0}
  .foot__in{flex-direction:column;align-items:flex-start;gap:10px}
  .rules li{grid-template-columns:24px minmax(0,1fr);row-gap:4px}
  .rule__n{grid-column:2}
  .tx__i{grid-template-columns:minmax(0,1fr);row-gap:3px}
  .tx__who{display:flex;gap:8px}
  .tx__who small{margin-top:0}
}
@media (max-width:480px){
  .bar__logo{font-size:23px}
  .an__kpis{grid-template-columns:minmax(0,1fr)}
  .an__kpis > div + div{border-inline-start:0;border-top:1px solid var(--line)}
  .book .c-st{display:none}
  .phone{height:640px;border-radius:48px;padding:9px}
  .screen{border-radius:39px}
  .browser__page{height:580px}
  .site__nav{padding:14px 16px}
  .site__hero{margin:0 16px}
  .ints li{padding:16px 14px 18px}
  .ints__m{margin-bottom:12px}
  .panel__head{padding:10px 14px}
  .tab{font-size:12.5px;gap:6px;padding:0 8px}
  .tab svg{display:none}
}

/* vertical timeline (mobile workflow) */
.vt__i{position:relative;padding:0 16px 0}
.vt__row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;column-gap:12px;align-items:start;width:100%;padding:10px 0;border:0;background:transparent;text-align:start}
.vt__i::before{content:"";position:absolute;inset-inline-start:30px;top:40px;bottom:-10px;width:1px;background:var(--line-2)}
.vt__i:last-child::before{display:none}
.vt__ic{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;background:#fff;color:var(--mute);position:relative;z-index:1}
.vt__t{font-size:13.5px;font-weight:500;color:var(--ink);padding-top:1px}
.vt__s{display:block;font-size:12px;font-weight:400;color:var(--mute);margin-top:2px}
.vt__st{font-size:11.5px;color:var(--mute);padding-top:3px;white-space:nowrap;font-feature-settings:"tnum"}
.vt__i.is-done .vt__ic,.vt__i.is-run .vt__ic{background:var(--ink);color:#fff;border-color:var(--ink)}
.vt__i.is-err .vt__ic{background:var(--ember);border-color:var(--ember);color:#fff}
.vt__i.is-skip{opacity:.45}
.vt__i.is-branch{padding-inline-start:40px}
.vt__i.is-branch::before{inset-inline-start:54px}
.vt__lab{padding:4px 16px 4px 58px;padding-inline:58px 16px;font-size:11.5px;color:var(--mute)}
.vt__x{padding:0 0 12px 42px;padding-inline:42px 0}
.vt__x .json{font-size:11px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
}