:root{
  /* Palette lifted from the brand film and the logo in clinicai-video-a:
     deep green #195844, gold #C8892F, cream #FAF8F1. The page embeds that
     film, so the page has to agree with it. */
  --primary:161 56% 22%; --primary-bright:161 44% 32%; --primary-soft:160 34% 93%;
  --accent:35 62% 48%; --accent-bright:36 64% 59%; --accent-soft:38 60% 94%;
  --accent-ink:35 68% 34%;   /* gold as type on light ground, 5.0:1 */
  --ink-950:164 44% 8%; --ink-900:166 46% 13%; --ink-800:163 42% 17%;
  --bg:47 40% 97%; --surface:0 0% 100%; --sunken:44 26% 93%;
  --fg:166 40% 12%; --fg-muted:165 9% 36%; --fg-subtle:160 8% 50%;
  --on-dark:47 40% 95%; --on-dark-muted:150 10% 72%;
  --border:44 18% 86%;
  --font:'Noto Sans Hebrew','Heebo',system-ui,sans-serif;
  --shell:1180px; --ease:cubic-bezier(.2,.8,.2,1);
  --r-md:10px; --r-lg:16px; --r-xl:22px; --r-2xl:30px; --r-full:999px;
  --sh-sm:0 1px 2px hsl(166 40% 12%/.05),0 2px 10px hsl(166 40% 12%/.04);
  --sh-md:0 6px 22px hsl(166 40% 12%/.08),0 1px 4px hsl(166 40% 12%/.04);
  --sh-lg:0 22px 60px hsl(166 40% 12%/.14),0 5px 16px hsl(166 40% 12%/.06);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-block-start:88px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:16.5px;line-height:1.75;word-spacing:.04em;
  color:hsl(var(--fg));background:hsl(var(--bg));-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{margin:0;font-weight:800;line-height:1.18;letter-spacing:normal}
p{margin:0} a{color:inherit;text-decoration:none} img,video{max-width:100%;display:block}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid hsl(var(--primary-bright));outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

.shell{width:min(100% - 2.4rem,var(--shell));margin-inline:auto}
.skip-link{position:absolute;inset-block-start:-100px;inset-inline-start:1rem;z-index:200;background:hsl(var(--accent));color:#fff;padding:.7rem 1.2rem;border-radius:0 0 var(--r-md) var(--r-md)}
.skip-link:focus{inset-block-start:0}

.eyebrow{display:inline-block;font-size:.82rem;font-weight:700;color:hsl(var(--accent-ink))}
.s-title{font-size:clamp(1.7rem,3.4vw,2.5rem);margin-block-start:.7rem;color:hsl(var(--fg));text-wrap:balance}
.s-lead{margin-block-start:1rem;color:hsl(var(--fg-muted));font-size:1.06rem;max-inline-size:62ch}
.section{padding-block:clamp(4.2rem,8vw,7rem);position:relative}
.section--sunken{background:hsl(var(--sunken))}
.section--dark{background:hsl(var(--ink-900));color:hsl(var(--on-dark))}
.section--dark .s-title{color:#fff}
.section--dark .s-lead{color:hsl(var(--on-dark-muted))}
.section--dark .eyebrow{color:hsl(var(--accent-bright))}
.section-head{max-inline-size:64ch}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:inherit;font-size:1rem;font-weight:700;padding:.95rem 1.7rem;border-radius:var(--r-full);border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:linear-gradient(135deg,hsl(var(--accent-bright)),hsl(var(--accent)));color:hsl(var(--ink-900));box-shadow:0 10px 26px hsl(var(--accent)/.3)}
.btn--ghost{background:hsl(var(--surface));color:hsl(var(--primary));border-color:hsl(var(--border));box-shadow:var(--sh-sm)}
.btn--ghost:hover{border-color:hsl(var(--primary-bright))}
.section--dark .btn--ghost{background:hsl(0 0% 100%/.07);color:#fff;border-color:hsl(0 0% 100%/.2)}
.btn--block{inline-size:100%}

.header{position:sticky;inset-block-start:0;z-index:100;background:hsl(var(--bg)/.82);backdrop-filter:blur(14px);border-block-end:1px solid hsl(var(--border));transition:box-shadow .25s var(--ease),background .25s var(--ease)}
.header.stuck{background:hsl(var(--bg)/.94);box-shadow:0 4px 20px hsl(166 40% 12%/.07)}
.header nav a{position:relative}
.header nav a.current{color:hsl(var(--primary))}
.header nav a.current::after{content:"";position:absolute;inset-block-end:-6px;inset-inline:0;block-size:2px;border-radius:2px;background:hsl(var(--accent))}
.header__in{display:flex;flex-direction:row-reverse;align-items:center;gap:1.6rem;min-block-size:70px}
.logo{display:inline-flex;align-items:center;margin-inline-start:auto}
.logo img{block-size:34px;inline-size:auto;display:block}
.header nav{display:flex;gap:1.35rem;font-size:.95rem;font-weight:600;color:hsl(var(--fg-muted))}
.header nav a:hover{color:hsl(var(--primary))}
.header .btn{padding:.6rem 1.25rem;font-size:.92rem}
.nav-toggle{display:none;background:hsl(var(--surface));border:1px solid hsl(var(--border));color:hsl(var(--fg));border-radius:var(--r-md);padding:.5rem .8rem;font-size:1.1rem;cursor:pointer}
@media(max-width:960px){
  .header nav{display:none}
  .header nav.open{display:grid;position:absolute;inset-block-start:70px;inset-inline:0;background:hsl(var(--surface));padding:1rem 1.4rem 1.4rem;gap:.2rem;box-shadow:var(--sh-md)}
  .header nav.open a{padding:.7rem 0;border-block-end:1px solid hsl(var(--border))}
  .nav-toggle{display:block}.header .btn--primary{display:none}
}

/* ---------- hero: split, form above the fold ---------- */
.hero{position:relative;padding-block:clamp(3rem,6vw,5rem) clamp(3.5rem,7vw,6rem);overflow:hidden}
.hero::before{content:"";position:absolute;inset-block-start:-30%;inset-inline-start:-10%;inline-size:70%;block-size:120%;z-index:0;
  background:radial-gradient(closest-side,hsl(var(--primary-bright)/.14),transparent 70%)}
.hero::after{content:"";position:absolute;inset-block-start:-20%;inset-inline-end:-15%;inline-size:60%;block-size:100%;z-index:0;
  background:radial-gradient(closest-side,hsl(var(--accent)/.12),transparent 70%)}
.hero .shell{position:relative;z-index:1}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:center}
@media(max-width:980px){.hero__grid{grid-template-columns:1fr}}
.hero h1{font-size:clamp(2.1rem,4.8vw,3.5rem);line-height:1.12;margin-block-start:1rem;text-wrap:balance}
.hero h1 em{font-style:normal;color:hsl(var(--primary))}
.hero__lead{margin-block-start:1.3rem;font-size:clamp(1rem,1.8vw,1.16rem);color:hsl(var(--fg-muted));max-inline-size:54ch}
.hero__cta{display:flex;flex-wrap:wrap;gap:.85rem;margin-block-start:1.9rem}
.hero__note{margin-block-start:.9rem;font-size:.92rem;color:hsl(var(--fg-subtle))}
.trust{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:2.2rem;padding-block-start:1.6rem;border-block-start:1px solid hsl(var(--border))}
.trust li{display:inline-flex;align-items:center;gap:.5rem;font-size:.87rem;font-weight:600;color:hsl(var(--fg-muted));background:hsl(var(--surface));border:1px solid hsl(var(--border));padding:.42rem .9rem;border-radius:var(--r-full)}
.trust li::before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:hsl(var(--accent));flex:none}

/* ---------- product mock stack ---------- */
.mock{position:relative;display:grid;gap:.9rem}
.mock__card{opacity:0;transform:translateY(16px) scale(.985);animation:mockIn .7s var(--ease) forwards}
.mock__card:nth-child(1){animation-delay:.15s}
.mock__card:nth-child(2){animation-delay:.3s}
.mock__card:nth-child(3){animation-delay:.45s}
@keyframes mockIn{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mock__card{opacity:1;transform:none}}
.mock__card{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:var(--r-xl);box-shadow:var(--sh-lg);padding:1.15rem 1.25rem}
.mock__top{display:flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:700;color:hsl(var(--fg-subtle));margin-block-end:.85rem}
.mock__dot{inline-size:8px;block-size:8px;border-radius:50%;background:hsl(var(--accent));flex:none;animation:pulse 2.2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.mock__tag{margin-inline-start:auto;font-size:.72rem;font-weight:700;padding:.16rem .6rem;border-radius:var(--r-full);background:hsl(var(--primary-soft));color:hsl(var(--primary))}
.wave{display:flex;align-items:flex-end;gap:3px;block-size:44px}
.wave i{flex:1;background:linear-gradient(180deg,hsl(var(--primary-bright)),hsl(var(--primary)));border-radius:2px;animation:w 1.5s ease-in-out infinite}
@keyframes w{0%,100%{block-size:22%}50%{block-size:100%}}
.mock__line{block-size:9px;border-radius:5px;background:hsl(var(--sunken));margin-block-start:.55rem}
.mock__line.w80{inline-size:80%}.mock__line.w95{inline-size:95%}.mock__line.w60{inline-size:60%}
.mock__field{display:flex;justify-content:space-between;gap:1rem;padding-block:.5rem;border-block-end:1px dashed hsl(var(--border));font-size:.88rem}
.mock__field b{font-weight:700;color:hsl(var(--fg))}
.mock__field span{color:hsl(var(--fg-muted))}
.mock__bars{display:flex;align-items:flex-end;gap:.5rem;block-size:76px;margin-block-start:.4rem}
.mock__bars i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(180deg,hsl(var(--primary-bright)/.85),hsl(var(--primary)/.55))}
.mock__bars i:nth-child(3){background:linear-gradient(180deg,hsl(var(--accent-bright)),hsl(var(--accent)))}
.mock__ok{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:hsl(150 46% 32%);margin-block-start:.8rem}

/* ---------- answer (GEO) ---------- */
.answer{background:hsl(var(--surface));border-block:1px solid hsl(var(--border));padding-block:3rem}
.answer__in{display:grid;grid-template-columns:auto 1fr;gap:1.6rem;align-items:start}
.answer__label{font-size:.8rem;font-weight:700;color:hsl(var(--accent-ink));white-space:nowrap;padding-block-start:.35rem}
.answer p{font-size:1.1rem;max-inline-size:88ch}
@media(max-width:720px){.answer__in{grid-template-columns:1fr;gap:.7rem}}

/* ---------- cards ---------- */
.grid{display:grid;gap:1.1rem;margin-block-start:3rem}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))}
.card{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:var(--r-xl);padding:1.7rem 1.6rem;box-shadow:var(--sh-sm);transition:box-shadow .25s var(--ease),transform .25s var(--ease),border-color .25s var(--ease)}
.card:hover{box-shadow:var(--sh-md);transform:translateY(-3px);border-color:hsl(var(--primary-bright)/.45)}
.card h3{font-size:1.14rem;margin-block-end:.6rem}
.card p{color:hsl(var(--fg-muted));font-size:.98rem}
.card__ico{inline-size:42px;block-size:42px;border-radius:12px;display:grid;place-items:center;margin-block-end:1.1rem;background:hsl(var(--primary-soft));border:1px solid hsl(var(--primary-bright)/.25)}
.card__ico svg{inline-size:21px;block-size:21px;stroke:hsl(var(--primary));fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.card--warn .card__ico{background:hsl(var(--accent-soft));border-color:hsl(var(--accent)/.28)}
.card--warn .card__ico svg{stroke:hsl(var(--accent))}
.section--dark .card{background:hsl(0 0% 100%/.05);border-color:hsl(0 0% 100%/.11);box-shadow:none;color:hsl(var(--on-dark))}
.section--dark .card:hover{background:hsl(0 0% 100%/.08);border-color:hsl(var(--accent)/.5)}
.section--dark .card p{color:hsl(var(--on-dark-muted))}

/* ---------- security ---------- */
.claim{margin-block-start:3rem;border-radius:var(--r-2xl);padding:clamp(2rem,4vw,3.2rem);border:1px solid hsl(var(--accent)/.3);
  background:radial-gradient(110% 130% at 88% 0%,hsl(var(--accent)/.16),transparent 58%),hsl(var(--ink-800))}
.claim__eyebrow{font-size:.82rem;font-weight:700;color:hsl(var(--accent-bright))}
.claim h3{font-size:clamp(1.45rem,3vw,2.05rem);margin-block:.7rem 1.1rem;color:#fff}
.claim p{color:hsl(var(--on-dark-muted));max-inline-size:70ch}
.flow{display:grid;grid-template-columns:repeat(4,1fr);margin-block-start:2.4rem;counter-reset:step}
.flow li{position:relative;padding:1.4rem 1.2rem;border:1px solid hsl(0 0% 100%/.1);background:hsl(var(--ink-900)/.7);color:hsl(var(--on-dark))}
.flow li:first-child{border-start-end-radius:var(--r-lg);border-end-end-radius:var(--r-lg)}
.flow li:last-child{border-start-start-radius:var(--r-lg);border-end-start-radius:var(--r-lg)}
.flow li+li{border-inline-end:none}
.flow li::before{counter-increment:step;content:counter(step);display:grid;place-items:center;inline-size:26px;block-size:26px;border-radius:50%;font-size:.8rem;font-weight:800;color:hsl(var(--ink-950));background:hsl(var(--accent-bright));margin-block-end:.85rem}
.flow strong{display:block;font-size:1rem;margin-block-end:.35rem}
.flow span{font-size:.9rem;color:hsl(var(--on-dark-muted))}
.flow li[data-out]{border-color:hsl(var(--accent)/.45);background:hsl(var(--accent)/.08)}
@media(max-width:860px){.flow{grid-template-columns:1fr}.flow li{border-radius:var(--r-lg)!important;border-inline-end:1px solid hsl(0 0% 100%/.1)!important}.flow li+li{margin-block-start:.6rem}}
.claim__foot{margin-block-start:1.7rem;font-size:.95rem;color:hsl(var(--on-dark-muted));border-inline-start:3px solid hsl(var(--accent)/.5);padding-inline-start:1rem}
.iso{display:flex;gap:1.4rem;align-items:flex-start;margin-block-start:1.1rem;background:hsl(0 0% 100%/.05);border:1px solid hsl(0 0% 100%/.11);border-radius:var(--r-xl);padding:1.7rem 1.6rem}
.iso__badge{flex:none;font-size:.78rem;font-weight:800;color:hsl(var(--accent-bright));border:1px solid hsl(var(--accent)/.45);border-radius:var(--r-full);padding:.3rem .8rem;background:hsl(var(--accent)/.12)}
.iso__badge--muted{color:hsl(var(--on-dark));border-color:hsl(0 0% 100%/.22);background:hsl(0 0% 100%/.06)}
.iso h3{font-size:1.1rem;margin-block-end:.5rem;color:#fff}
.iso p{color:hsl(var(--on-dark-muted))}

/* ---------- timeline (signature of concept B) ---------- */
.tl{margin-block-start:3.2rem;position:relative;display:grid;gap:1.1rem}
.tl::before{content:"";position:absolute;inset-block:14px 14px;inset-inline-start:calc(50% - 1px);inline-size:2px;background:linear-gradient(180deg,hsl(var(--primary-bright)/.5),hsl(var(--accent)/.5))}
.tl li{display:grid;grid-template-columns:1fr auto 1fr;gap:1.6rem;align-items:center}
.tl__time{grid-column:2;inline-size:78px;text-align:center;font-weight:800;font-size:.86rem;color:hsl(var(--primary));background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:var(--r-full);padding:.35rem .2rem;box-shadow:var(--sh-sm);z-index:1}
.tl__body{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:var(--r-xl);padding:1.4rem 1.5rem;box-shadow:var(--sh-sm)}
.tl li:nth-child(odd) .tl__body{grid-column:1}
.tl li:nth-child(even) .tl__body{grid-column:3}
.tl__body h3{font-size:1.08rem;margin-block-end:.45rem}
.tl__body p{color:hsl(var(--fg-muted));font-size:.96rem}
.tl__who{display:inline-block;font-size:.75rem;font-weight:700;color:hsl(var(--accent-ink));background:hsl(var(--accent-soft));padding:.14rem .6rem;border-radius:var(--r-full);margin-block-end:.6rem}
@media(max-width:860px){
  .tl::before{inset-inline-start:11px}
  .tl li{grid-template-columns:auto 1fr;gap:1rem}
  .tl__time{grid-column:1;inline-size:auto;padding:.3rem .7rem;justify-self:start;align-self:start}
  .tl li:nth-child(odd) .tl__body,
  .tl li:nth-child(even) .tl__body{grid-column:2}
}

/* ---------- split ---------- */
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:1.1rem;margin-block-start:3rem}
.split article{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:var(--r-xl);padding:1.9rem 1.7rem;box-shadow:var(--sh-sm)}
.split h3{font-size:1.3rem;margin-block-end:.8rem}
.split p{color:hsl(var(--fg-muted))}
.ticks{margin-block-start:1.3rem;display:grid;gap:.65rem}
.ticks li{position:relative;padding-inline-start:1.7rem;font-size:.96rem;color:hsl(var(--fg-muted))}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.62em;inline-size:9px;block-size:9px;border-radius:2px;background:hsl(var(--accent));transform:rotate(45deg)}

.video{margin-block-start:2.8rem;border-radius:var(--r-2xl);overflow:hidden;border:1px solid hsl(var(--border));box-shadow:var(--sh-lg)}
.video video{inline-size:100%;aspect-ratio:16/9;background:#000}

.faq{margin-block-start:2.8rem;display:grid;gap:.7rem;max-inline-size:900px}
.faq details{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm)}
.faq details[open]{border-color:hsl(var(--accent)/.45)}
.faq summary{cursor:pointer;list-style:none;padding:1.25rem 1.5rem;font-weight:700;font-size:1.03rem;display:flex;gap:1rem;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";margin-inline-start:auto;font-size:1.4rem;font-weight:400;color:hsl(var(--accent-ink));flex:none;transition:transform .2s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 1.5rem 1.4rem;color:hsl(var(--fg-muted))}

/* ---------- contact ---------- */
.cta-section{background:hsl(var(--ink-900));color:hsl(var(--on-dark));border-block-start:1px solid hsl(var(--border))}
.cta-section .s-title{color:#fff}.cta-section .s-lead{color:hsl(var(--on-dark-muted))}.cta-section .eyebrow{color:hsl(var(--accent-bright))}
.cta-grid{display:grid;grid-template-columns:1fr minmax(380px,470px);gap:clamp(2rem,5vw,4.5rem);align-items:start}
@media(max-width:940px){.cta-grid{grid-template-columns:1fr}}
.contact-line{display:flex;align-items:center;gap:.9rem;margin-block-start:1rem;padding:1rem 1.2rem;border:1px solid hsl(0 0% 100%/.11);border-radius:var(--r-lg);background:hsl(0 0% 100%/.04);font-weight:600}
.contact-line small{display:block;font-weight:400;color:hsl(var(--on-dark-muted));font-size:.85rem}
.form-card{background:hsl(0 0% 100%/.055);border:1px solid hsl(0 0% 100%/.13);border-radius:var(--r-2xl);padding:clamp(1.5rem,3vw,2.2rem)}
.field{margin-block-end:1rem}
.field label{display:block;font-size:.9rem;font-weight:700;margin-block-end:.4rem}
.field label span{color:hsl(var(--accent-bright))}
.field input,.field select,.field textarea{inline-size:100%;font-family:inherit;font-size:1rem;padding:.85rem 1rem;border-radius:var(--r-md);background:hsl(var(--ink-950)/.65);border:1px solid hsl(0 0% 100%/.17);color:#fff}
.field input::placeholder,.field textarea::placeholder{color:hsl(220 12% 52%)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:hsl(var(--accent-bright));outline:none;box-shadow:0 0 0 3px hsl(var(--accent)/.22)}
.field .err{display:none;font-size:.84rem;color:hsl(var(--accent-bright));margin-block-start:.35rem}
.field.invalid .err{display:block}
.field.invalid input,.field.invalid select{border-color:hsl(var(--accent-bright))}
.row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:520px){.row{grid-template-columns:1fr}}
.consent{display:flex;gap:.7rem;font-size:.87rem;color:hsl(var(--on-dark-muted));margin-block:.4rem 1.2rem}
.consent input{inline-size:18px;block-size:18px;margin-block-start:.28rem;flex:none;accent-color:hsl(var(--accent))}
.hp{display:none}
.form-msg{display:none;margin-block-start:1rem;padding:1rem 1.2rem;border-radius:var(--r-md);font-size:.95rem}
.form-msg.ok{display:block;background:hsl(150 45% 30%/.22);border:1px solid hsl(150 45% 45%/.5)}
.form-msg.bad{display:block;background:hsl(var(--accent)/.15);border:1px solid hsl(var(--accent)/.5)}

/* hero inline mini-form */
.mini{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:var(--r-2xl);padding:1.5rem;box-shadow:var(--sh-lg);margin-block-start:1.6rem}
.mini h2{font-size:1.12rem;margin-block-end:.3rem}
.mini p{font-size:.92rem;color:hsl(var(--fg-muted));margin-block-end:1.1rem}
.mini .field input{background:hsl(var(--bg));border-color:hsl(var(--border));color:hsl(var(--fg))}
.mini .field input::placeholder{color:hsl(var(--fg-subtle))}
.mini .field label{color:hsl(var(--fg))}

.footer{background:hsl(var(--ink-950));color:hsl(var(--on-dark));padding-block:3.5rem 6.5rem}
.footer .logo{margin-inline-start:0}
.footer .logo img{block-size:38px}
.footer__in{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2.4rem}
@media(max-width:820px){.footer__in{grid-template-columns:1fr}}
.footer p{color:hsl(220 12% 55%);font-size:.93rem;margin-block-start:.9rem;max-inline-size:44ch}
.footer h4{font-size:.86rem;margin-block-end:.9rem}
.footer li{margin-block-end:.5rem}
.footer a{color:hsl(var(--on-dark-muted));font-size:.93rem}
.footer a:hover{color:#fff}
.footer__bar{margin-block-start:2.6rem;padding-block-start:1.4rem;border-block-start:1px solid hsl(0 0% 100%/.08);display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;font-size:.86rem;color:hsl(220 12% 55%)}

.bar{position:fixed;inset-block-end:0;inset-inline-start:0;inline-size:100%;z-index:90;display:none;gap:.6rem;padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));background:hsl(var(--surface)/.96);backdrop-filter:blur(12px);border-block-start:1px solid hsl(var(--border));box-shadow:0 -6px 24px hsl(166 40% 12%/.09)}
.bar .btn{flex:1;padding:.85rem .4rem;font-size:.9rem;white-space:nowrap}
@media(max-width:760px){.bar{display:flex}}
@media(max-width:980px){
  .mock{margin-block-start:.5rem}
  .mock__card:nth-child(1),.mock__card:nth-child(3){display:none}
}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* ---------- no-JS ---------- */
.nojs-note{margin-block-start:1rem;padding:1rem 1.2rem;border-radius:var(--r-md);background:hsl(var(--accent)/.15);border:1px solid hsl(var(--accent)/.5);font-size:.95rem}

/* ---------- case study ---------- */
.case{margin-block-start:2.8rem;display:grid;gap:1.1rem}
.case__id{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem 2rem;
  background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:var(--r-xl);
  padding:1.4rem 1.7rem;box-shadow:var(--sh-sm)}
.case__mark{display:grid;gap:.1rem;padding-inline-end:1.6rem;border-inline-end:1px solid hsl(var(--border))}
.case__mark strong{font-size:1.5rem;font-weight:800;color:hsl(var(--primary));line-height:1.15}
.case__mark span{font-size:.9rem;color:hsl(var(--fg-subtle))}
.case__mark img{block-size:46px;inline-size:auto}
.case__facts{display:flex;flex-wrap:wrap;gap:.5rem .7rem}
.case__facts li{font-size:.88rem;font-weight:600;color:hsl(var(--fg-muted));
  background:hsl(var(--sunken));border-radius:var(--r-full);padding:.4rem .9rem}
.case__facts b{font-size:1rem;color:hsl(var(--primary));margin-inline-end:.2rem}

.case__ba{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:1.1rem}
.case__col{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:var(--r-xl);
  padding:1.8rem 1.7rem;box-shadow:var(--sh-sm);position:relative}
.case__col h3{font-size:1.05rem;margin-block-end:.9rem;display:inline-flex;align-items:center;gap:.5rem}
.case__col h3::before{content:"";inline-size:10px;block-size:10px;border-radius:50%}
.case__col--before{background:hsl(var(--sunken));box-shadow:none}
.case__col--before h3{color:hsl(var(--fg-subtle))}
.case__col--before h3::before{background:hsl(var(--fg-subtle))}
.case__col--after h3{color:hsl(var(--primary))}
.case__col--after h3::before{background:hsl(var(--accent))}
.case__col p{color:hsl(var(--fg-muted))}
.ticks--muted li::before{background:hsl(var(--fg-subtle))}

.case__flow-title{font-size:1.15rem;margin-block-start:1.4rem;color:hsl(var(--fg))}
.case__grid{margin-block-start:1.1rem}
.case__role{display:inline-block;font-size:.75rem;font-weight:700;color:hsl(var(--accent-ink));
  background:hsl(var(--accent-soft));padding:.16rem .65rem;border-radius:var(--r-full);margin-block-end:.7rem}

.case__close{background:hsl(var(--ink-900));color:hsl(var(--on-dark));border-radius:var(--r-2xl);
  padding:clamp(1.8rem,4vw,2.8rem);
  background-image:radial-gradient(110% 130% at 88% 0%,hsl(var(--accent)/.16),transparent 58%)}
.case__close-eyebrow{font-size:.82rem;font-weight:700;color:hsl(var(--accent-bright))}
.case__close h3{font-size:clamp(1.3rem,2.6vw,1.8rem);margin-block:.6rem 1rem;color:#fff}
.case__close p{color:hsl(var(--on-dark-muted));max-inline-size:78ch}
.case__close strong{color:#fff}
.case__close .btn{margin-block-start:1.6rem}
@media(max-width:620px){
  .case__mark{padding-inline-end:0;border-inline-end:0}
}

/* ---------- scroll progress ---------- */
.scrollbar{position:fixed;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:3px;z-index:120;pointer-events:none}
.scrollbar span{display:block;block-size:100%;inline-size:0;
  background:linear-gradient(90deg,hsl(var(--primary-bright)),hsl(var(--accent)));
  transform-origin:0 50%}

/* ---------- chapter player ---------- */
.player{margin-block-start:2.6rem;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.85fr);
  gap:1.2rem;align-items:start}
@media(max-width:940px){.player{grid-template-columns:1fr}}

.player__stage{position:relative;border-radius:var(--r-2xl);overflow:hidden;
  border:1px solid hsl(var(--border));box-shadow:var(--sh-lg);background:#000}
.player__stage video{inline-size:100%;aspect-ratio:16/9;display:block;object-fit:cover}

.player__scrub{position:absolute;inset-block-end:0;inset-inline:0;block-size:4px;background:hsl(0 0% 100%/.2)}
.player__scrub span{display:block;block-size:100%;inline-size:0;background:hsl(var(--accent-bright))}

.player__bar{position:absolute;inset-block-end:1rem;inset-inline-start:1rem;display:flex;align-items:center;gap:.5rem;
  padding:.4rem .5rem;border-radius:var(--r-full);
  background:hsl(var(--ink-950)/.55);backdrop-filter:blur(10px);border:1px solid hsl(0 0% 100%/.16)}
.player__btn{display:grid;place-items:center;inline-size:36px;block-size:36px;border-radius:50%;cursor:pointer;
  border:0;background:hsl(0 0% 100%/.12);color:#fff;transition:background .2s var(--ease)}
.player__btn:hover{background:hsl(0 0% 100%/.24)}
.player__btn svg{inline-size:19px;block-size:19px;fill:currentColor}
.player__btn.is-muted svg path:last-child{opacity:.25}
.player__time{font-size:.8rem;font-weight:600;color:hsl(var(--on-dark));font-variant-numeric:tabular-nums;
  padding-inline:.4rem .6rem;direction:ltr}

.chapters{display:grid;gap:.4rem;align-content:start}
.chapter{position:relative;overflow:hidden;inline-size:100%;display:flex;align-items:center;gap:.8rem;
  text-align:start;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;
  padding:.85rem 1rem;border-radius:var(--r-md);border:1px solid hsl(var(--border));
  background:hsl(var(--surface));color:hsl(var(--fg-muted));
  transition:border-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}
.chapter:hover{border-color:hsl(var(--primary-bright)/.5);transform:translateX(-2px)}
.chapter__t{position:relative;z-index:1;font-size:.8rem;font-weight:700;color:hsl(var(--fg-subtle));font-variant-numeric:tabular-nums;direction:ltr}
.chapter__n{position:relative;z-index:1}
.chapter__fill{position:absolute;inset-block:0;inset-inline-start:0;inline-size:0;
  background:hsl(var(--primary-soft));z-index:0;pointer-events:none}
.chapter.is-active{color:hsl(var(--primary));border-color:hsl(var(--primary)/.45);font-weight:700}
.chapter.is-active .chapter__t{color:hsl(var(--accent-ink))}
.chapter.is-done{color:hsl(var(--fg))}

/* ---------- security flow: a pulse walks the four steps ---------- */
.flow li{overflow:hidden}
.flow li::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:100%;
  background:linear-gradient(90deg,transparent,hsl(var(--accent)/.22),transparent);
  transform:translateX(-100%);opacity:0}
.flow.is-live li::after{animation:sweep 3.4s var(--ease) infinite}
.flow.is-live li:nth-child(2)::after{animation-delay:.45s}
.flow.is-live li:nth-child(3)::after{animation-delay:.9s}
.flow.is-live li:nth-child(4)::after{animation-delay:1.35s}
@keyframes sweep{0%{transform:translateX(-100%);opacity:0}
  12%{opacity:1}35%{transform:translateX(100%);opacity:0}100%{transform:translateX(100%);opacity:0}}

/* ---------- timeline draws as it scrolls ---------- */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .tl::before{transform-origin:50% 0;animation:drawline linear both;
      animation-timeline:view();animation-range:entry 25% cover 65%}
    @keyframes drawline{from{transform:scaleY(0)}to{transform:scaleY(1)}}
  }
}

/* ---------- hero mock drifts a little on scroll ---------- */
.mock{will-change:transform}

@media (prefers-reduced-motion: reduce){
  .flow.is-live li::after{animation:none}
  .scrollbar{display:none}
}

@media(max-width:600px){
  .player__bar{inset-block-end:.55rem;inset-inline-start:.55rem;gap:.3rem;padding:.3rem .35rem}
  .player__btn{inline-size:32px;block-size:32px}
  .player__btn svg{inline-size:16px;block-size:16px}
  .player__time{font-size:.74rem;padding-inline:.3rem .45rem}
  .chapter{padding:.75rem .85rem}
}

/* the customer's own mark, once the file is in place */
.case__logo{block-size:66px;inline-size:auto;display:block;padding-inline-end:1.6rem;
  border-inline-end:1px solid hsl(var(--border))}
@media(max-width:620px){.case__logo{padding-inline-end:0;border-inline-end:0;block-size:50px}}

/* "בקרוב" tag: built but not shipped. Sits inline in a card heading. */
.tag-soon{display:inline-block;vertical-align:middle;margin-inline-start:.5rem;
  font-size:.68rem;font-weight:800;letter-spacing:normal;
  color:hsl(var(--accent-ink));background:hsl(var(--accent-soft));
  border:1px solid hsl(var(--accent)/.3);border-radius:var(--r-full);
  padding:.12rem .55rem;line-height:1.6;white-space:nowrap}
.section--dark .tag-soon{color:hsl(var(--accent-bright));
  background:hsl(var(--accent)/.14);border-color:hsl(var(--accent)/.4)}