@font-face{font-family:Heebo;src:url(../fonts/heebo-hebrew.woff2) format("woff2");font-weight:100 900;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-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;src:url(../fonts/manrope-latin.woff2) format("woff2");font-weight:200 800;font-display:swap}

:root{
  --stage:#0C141F; --stage-2:#121D2B; --stage-rule:rgba(201,169,119,.14); --grid:rgba(243,240,234,.06);
  --paper:#F3F0EA; --paper-2:#FFFFFF; --rule:#DCD5C9;
  --ink:#121A26; --ink-2:#4F5966; --on:#F3F0EA; --on-2:#A6B0BC;
  --gold:#C9A977; --gold-ink:#7D6238; --signal:#86BCCD;
  --he:"Heebo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --lat:"Manrope","Heebo",system-ui,sans-serif;
  --max:1280px; --gut:max(20px,env(safe-area-inset-left,0px),5vw);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html.noscroll-anim{scroll-behavior:auto}
body{margin:0;background:var(--stage);color:var(--on);font-family:var(--he);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.lat{font-family:var(--lat);direction:ltr;unicode-bidi:isolate}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.label{font-family:var(--lat);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.paper .label{color:var(--gold-ink)}
h1,h2,h3{margin:0;font-weight:700;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;font-weight:600;font-size:17px;border:1px solid transparent;transition:background .25s,color .25s,border-color .25s}
.btn-gold{background:var(--gold);color:#121A26}
.btn-gold:hover{background:#D9BD8F}
.btn-line{border-color:rgba(243,240,234,.32);color:var(--on)}
.btn-line:hover{border-color:var(--on)}
.paper .btn-line{border-color:var(--rule);color:var(--ink)}
.arrow{display:inline-block;transition:transform .25s}
.btn:hover .arrow{transform:translateX(-4px)}

/* header */
.top{position:fixed;inset:0 0 auto;z-index:20;padding-top:env(safe-area-inset-top,0px);transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.top.scrolled{background:rgba(12,20,31,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--stage-rule)}
.top .wrap{display:flex;align-items:center;gap:28px;height:76px}
.mark{display:flex;align-items:center;gap:12px;font-family:var(--lat);font-weight:700;font-size:15px;letter-spacing:.01em}
.mark i{font-style:normal;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--gold);color:var(--gold);font-size:11px;letter-spacing:.12em}
.nav{display:flex;gap:28px;margin-inline-start:auto;font-size:16px;color:var(--on-2)}
.nav a:hover{color:var(--on)}
.langs{display:flex;gap:12px;font-family:var(--lat);font-size:13px;color:var(--on-2)}
.langs b{color:var(--on);font-weight:600}
.top .btn{min-height:42px;padding:0 18px;font-size:15px}


/* hero */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:110px;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(60% 70% at 18% 40%,rgba(201,169,119,.16),transparent 70%),
  radial-gradient(40% 50% at 85% 10%,rgba(134,188,205,.06),transparent 70%),var(--stage)}
.gridlines{position:absolute;inset:0;z-index:-1;display:grid;grid-template-columns:repeat(6,1fr);max-width:var(--max);margin:0 auto;padding-inline:var(--gut);pointer-events:none}
.gridlines span{border-inline-start:1px solid var(--grid)}
.gridlines span:last-child{border-inline-end:1px solid var(--grid)}
#heroCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:28px}
.who{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.who .lat{font-size:15px;color:var(--on-2)}
.status{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--on);border:1px solid var(--stage-rule);padding:6px 12px}
.status i{width:8px;height:8px;border-radius:50%;background:#7FC9A0;box-shadow:0 0 0 4px rgba(127,201,160,.18)}
.textlink{align-self:center;font-size:16px;color:var(--on-2);border-bottom:1px solid var(--stage-rule);padding-bottom:2px}
.textlink:hover{color:var(--on);border-color:var(--gold)}
.hero h1{font-size:clamp(36px,4vw,60px);line-height:1.04;font-weight:800;letter-spacing:-.025em}
.hero h1 em{display:block;font-style:normal;font-weight:300;color:var(--on-2);font-size:.62em;line-height:1.2;margin-top:.35em;letter-spacing:-.01em}
.hero h1 em b{font-weight:500;color:var(--on)}
.lead{font-size:clamp(17px,1.35vw,20px);color:var(--on-2);max-width:56ch}
.ctas{display:flex;flex-wrap:wrap;gap:14px}
.process{display:flex;flex-wrap:wrap;gap:8px 0;font-family:inherit;font-size:13px;letter-spacing:.02em;color:var(--on-2);justify-content:flex-start}
.process span{display:inline-flex;align-items:center}
.process span{white-space:nowrap}
.process span+span::before{content:"";width:14px;height:1px;background:var(--gold);opacity:.5;margin:0 10px}

.portrait{position:relative;aspect-ratio:4/5;max-width:100%;overflow:hidden;background:#C9CCD0;box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;filter:contrast(1.1) saturate(.9) brightness(.82);transform:scale(1.04)}
.portrait::before{content:"";position:absolute;inset:0;z-index:1;background:
  linear-gradient(100deg,rgba(201,169,119,.32) 0%,rgba(201,169,119,0) 38%),
  linear-gradient(180deg,rgba(12,20,31,0) 55%,rgba(12,20,31,.88) 100%),
  radial-gradient(90% 80% at 45% 30%,transparent 40%,rgba(12,20,31,.78) 100%);mix-blend-mode:normal}
.portrait::after{content:"";position:absolute;inset:14px;z-index:2;border:1px solid rgba(201,169,119,.35);pointer-events:none}
.portrait figcaption{position:absolute;z-index:3;inset:auto 28px 26px 28px;display:flex;justify-content:space-between;align-items:end;gap:12px}
.portrait figcaption b{white-space:nowrap;font-family:var(--lat);font-weight:700;font-size:17px;direction:ltr}
.portrait figcaption span{font-family:var(--lat);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);direction:ltr}
@keyframes settle{from{transform:scale(1.1);filter:contrast(1.06) saturate(.6) brightness(.6)}}

.scrollcue{position:absolute;bottom:22px;inset-inline-start:50%;transform:translateX(50%);font-family:var(--lat);font-size:11px;letter-spacing:.2em;color:var(--on-2);display:flex;flex-direction:column;align-items:center;gap:8px}
.scrollcue i{width:1px;height:34px;background:linear-gradient(var(--gold),transparent);animation:cue 2.2s ease-in-out infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* problem */
.problem{position:relative;padding-block:clamp(96px,14vw,180px);border-top:1px solid var(--stage-rule);overflow:hidden}
.problem .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:end}
.problem h2{font-size:clamp(32px,4.2vw,60px);line-height:1.08;font-weight:800;letter-spacing:-.02em}
.problem p{color:var(--on-2);font-size:clamp(17px,1.3vw,20px);max-width:48ch}
.cols{position:relative;height:clamp(260px,32vw,380px);display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:clamp(56px,7vw,96px)}
.col{position:relative;border-inline-start:1px solid var(--grid);display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.col:last-child{border-inline-end:1px solid var(--grid)}
.col .bar{position:absolute;width:10px;background:linear-gradient(var(--signal),rgba(134,188,205,.2));top:var(--t);height:var(--h);opacity:.85;animation:bob var(--d) ease-in-out infinite alternate;animation-play-state:paused}
.cols.run .bar{animation-play-state:running}
.cols.sync .bar{top:44%!important;height:12%!important;background:var(--gold);transition:top 1.2s cubic-bezier(.2,.7,.2,1),height 1.2s cubic-bezier(.2,.7,.2,1),background .8s;animation:none}
.col small{position:relative;font-family:var(--lat);font-size:12px;letter-spacing:.06em;color:var(--on-2);padding-bottom:14px;writing-mode:horizontal-tb}
@keyframes bob{to{transform:translateY(var(--m))}}
.cols-note{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:15px;color:var(--on-2)}
.cols-note button{white-space:nowrap;flex:none;background:none;border:1px solid var(--stage-rule);color:var(--on);font:inherit;font-size:14px;padding:8px 16px;cursor:pointer}
.cols-note button:hover{border-color:var(--gold)}

/* sync */
.sync{position:relative;height:330vh;border-top:1px solid var(--stage-rule)}
.sync-sticky{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,64px);max-width:var(--max);margin:0 auto;padding-inline:var(--gut);padding-top:76px}
.sync-text{display:flex;flex-direction:column;gap:22px}
.sync-text h2{font-family:inherit;text-align:start;font-size:clamp(26px,2.8vw,40px);line-height:1.1;font-weight:700;letter-spacing:-.02em}
.sync-text h2 span{color:var(--gold)}
.beat-wrap{position:relative;min-height:250px}
.beat{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(14px);transition:opacity .45s,transform .45s}
.beat.on{opacity:1;transform:none}
.beat .n{font-family:var(--lat);direction:ltr;text-align:right;font-size:13px;color:var(--gold);letter-spacing:.1em}
.beat h3{font-size:clamp(26px,2.4vw,34px);font-weight:700}
.beat p{color:var(--on-2);font-size:18px;max-width:42ch}
.beat p.ex{font-size:15px;color:var(--on);border-top:1px solid var(--stage-rule);padding-top:10px;margin-top:4px}
.beat p.ex b{color:var(--gold);font-weight:600;margin-inline-end:8px}
.rail{display:flex;gap:8px}
.rail i{flex:1;height:2px;background:var(--stage-rule);position:relative;overflow:hidden}
.rail i b{position:absolute;inset:0;background:var(--gold);transform:scaleX(var(--f,0));transform-origin:right}
.skip{color:var(--on);border-bottom:1px solid var(--gold);margin-inline-start:6px}
.note{font-size:14px;color:var(--on-2);border-inline-start:2px solid var(--gold);padding-inline-start:12px}
#syncCanvas{width:100%;aspect-ratio:7/5;max-height:72svh}

.components{padding-block:clamp(80px,10vw,140px);border-top:1px solid var(--stage-rule)}
.components .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:44px}
.components h2{font-size:clamp(28px,3vw,44px);font-weight:800;letter-spacing:-.02em;max-width:22ch}
.comp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--stage-rule)}
.comp{padding:28px 0 32px;padding-inline-end:28px;border-bottom:1px solid var(--stage-rule);display:flex;flex-direction:column;gap:10px}
.comp:not(:nth-child(3n+1)){border-inline-start:1px solid var(--stage-rule);padding-inline-start:28px}
.comp .lat{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-align:right}
.comp h3{font-size:22px}
.comp p{color:var(--on-2);font-size:16px;line-height:1.6}

/* paper sections */
.paper{background:var(--paper);color:var(--ink)}
.paper .muted{color:var(--ink-2)}
.diff{padding-block:clamp(96px,12vw,170px)}
.diff-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,80px);align-items:end}
.diff h2{font-size:clamp(34px,4.4vw,64px);line-height:1.06;font-weight:800;letter-spacing:-.025em}
.diff-head p{font-size:clamp(17px,1.3vw,20px)}
.tracks{margin-block:clamp(48px,6vw,80px);position:relative}
.tracks-legend{display:none;flex-direction:column;gap:10px;margin-top:20px;font-size:15px}
.tracks-legend span{display:flex;align-items:center;gap:10px}
.tracks-legend i{width:28px;height:3px;flex:none}
.tracks svg{width:100%;height:auto;overflow:visible}
.tracks path{fill:none;stroke-linecap:round}
.tracks .draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s cubic-bezier(.3,.6,.2,1)}
.tracks.in .draw{stroke-dashoffset:0}
.tracks .t2{transition-delay:.5s}.tracks .t3{transition-delay:1.4s}
.tracks text{font-family:var(--he);font-size:15px;fill:var(--ink-2)}
.tracks text.k{font-weight:700;fill:var(--ink);font-size:17px}
.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--ink)}
.pillar{padding:26px 0 8px;padding-inline-end:24px;display:flex;flex-direction:column;gap:10px}
.pillar+.pillar{border-inline-start:1px solid var(--rule);padding-inline-start:24px}
.pillar .lat{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink);text-align:right}
.pillar h3{font-size:21px}
.pillar p{font-size:16px;color:var(--ink-2);line-height:1.6}

.value{padding-block:clamp(96px,12vw,170px);border-top:1px solid var(--rule)}
.value h2{font-size:clamp(34px,4.2vw,60px);line-height:1.06;font-weight:800;letter-spacing:-.025em;max-width:16ch}
.caps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-block:clamp(40px,5vw,64px) clamp(64px,8vw,104px)}
.caps h3{font-size:15px;font-weight:700;padding-bottom:12px;border-bottom:1px solid var(--ink);margin-bottom:12px}
.caps ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:16px;color:var(--ink-2)}
.areas{border-top:1px solid var(--ink)}
.area{border-bottom:1px solid var(--rule)}
.area summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:20px;align-items:center;padding:28px 0}
.area summary::-webkit-details-marker{display:none}
.area .ix{font-family:var(--lat);font-size:14px;color:var(--gold-ink)}
.area .tt{display:flex;flex-direction:column;gap:4px}
.area .tag{font-size:14px;color:var(--ink-2)}
.area h3{font-size:clamp(21px,2vw,28px);font-weight:700;letter-spacing:-.01em}
.plus{width:44px;height:44px;border:1px solid var(--rule);display:grid;place-items:center;transition:transform .3s,background .3s}
.plus::before{content:"+";font-family:var(--lat);font-size:22px;line-height:1}
.area[open] .plus{transform:rotate(45deg);background:var(--ink);color:var(--paper);border-color:var(--ink)}
.area summary:hover h3{color:var(--gold-ink)}
.parts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:4px 0 36px;padding-inline-start:84px;animation:open .45s ease-out}
.parts div{padding:18px 0;padding-inline-end:20px;border-top:2px solid var(--ink);display:flex;flex-direction:column;gap:8px}
.parts div+div{padding-inline-start:20px}
.parts b{font-size:13px;font-weight:700;color:var(--gold-ink);letter-spacing:.02em}
.parts p{font-size:15px;line-height:1.6;color:var(--ink)}
@keyframes open{from{opacity:0;transform:translateY(-8px)}}
.results-note{margin-top:36px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;font-size:15px;color:var(--ink-2);max-width:780px}
.results-note b{color:var(--ink)}
.results-note i{font-style:normal;width:10px;height:10px;background:var(--gold);margin-top:8px}

.person{padding-block:clamp(96px,12vw,170px);border-top:1px solid var(--rule)}
.person .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:start}
.person-photo{position:relative;aspect-ratio:3/4;overflow:hidden;background:#C9CCD0}
.person-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;filter:grayscale(.15) contrast(1.04)}
.person-photo::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,rgba(18,26,38,.5))}
.lines{display:flex;flex-direction:column;gap:24px;margin-top:28px}
.lines p{font-size:clamp(22px,2.2vw,32px);line-height:1.35;font-weight:500;letter-spacing:-.01em;color:var(--ink);transition:color .5s}
.lines p.dim{color:#B5AEA3}
.expertise{margin-top:44px}
.expertise dl{margin:14px 0 0;border-top:1px solid var(--ink)}
.expertise dl div{padding:16px 0;border-bottom:1px solid var(--rule);display:flex;flex-direction:column;gap:4px}
.expertise dt{font-weight:700;font-size:18px}
.expertise dd{margin:0;font-size:15px;color:var(--ink-2);line-height:1.55}
.path{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.path div{display:flex;flex-direction:column;gap:6px;padding-top:16px;border-top:1px solid var(--rule)}
.path .k{font-size:12px;font-weight:700;letter-spacing:.06em}
.path .k.m{color:var(--gold-ink)} .path .k.t{color:#3F5B78}
.path b{font-family:var(--lat);font-size:19px;direction:ltr;text-align:right}
.path span{font-size:15px;color:var(--ink-2);line-height:1.5}


.plan90{padding-block:clamp(96px,12vw,170px);background:var(--stage);position:relative}
.plan-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.plan-head h2{font-size:clamp(36px,4.6vw,68px);font-weight:800;letter-spacing:-.025em;margin-top:18px}
.plan-head p{color:var(--on-2);font-size:clamp(17px,1.3vw,20px)}
.plan{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;border-top:2px solid var(--gold)}
.plan li{position:relative;padding:34px 0 8px;padding-inline-end:32px;display:flex;flex-direction:column;gap:12px}
.plan li+li{padding-inline-start:32px;border-inline-start:1px solid var(--stage-rule)}
.plan li::before{content:"";position:absolute;top:-8px;inset-inline-start:0;width:14px;height:14px;border-radius:50%;background:var(--stage);border:2px solid var(--gold)}
.plan li+li::before{inset-inline-start:-7px}
.plan .days{font-size:13px;letter-spacing:.12em;color:var(--gold);text-align:right}
.plan h3{font-size:clamp(26px,2.4vw,34px);font-weight:800}
.plan p{color:var(--on-2);font-size:17px;max-width:34ch}
.sync-tag{font-size:12px;letter-spacing:.06em;color:var(--on-2);border-top:1px solid var(--stage-rule);padding-top:10px;margin-top:6px;text-align:right}
.lines-wrap{display:flex;flex-direction:column;gap:8px}
.person .lines{margin-top:20px}
.person .lines p{font-size:clamp(24px,2.4vw,36px);line-height:1.25;font-weight:600;letter-spacing:-.015em}
.mini-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:8px}
.mini-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--on-2)}
.mini-form .wide{grid-column:1/-1}
.mini-form input,.mini-form textarea{font:inherit;font-size:16px;color:var(--on);background:transparent;border:0;border-bottom:1px solid rgba(243,240,234,.25);padding:10px 0;border-radius:0}
.mini-form textarea{min-height:88px;resize:vertical}
.mini-form input:focus,.mini-form textarea:focus{outline:none;border-color:var(--gold)}
.mini-form button{cursor:pointer;font-family:inherit;justify-self:start}
.mini-form .reply{justify-self:start}
.form-note{grid-column:1/-1;font-size:13px;color:var(--on-2)}
.alt{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px;font-size:15px}
.alt a{color:var(--on);border-bottom:1px solid var(--stage-rule);padding-bottom:2px}.alt a:hover{border-color:var(--gold)}
.alt small{color:var(--on-2);font-size:12px;margin-inline-start:6px}
.pains{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--stage-rule)}
.pains li{padding:16px 0;border-bottom:1px solid var(--stage-rule);font-size:clamp(17px,1.3vw,19px);color:var(--on);display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px}
.pains li::before{content:"";width:8px;height:8px;margin-top:10px;border:1.5px solid var(--gold);border-radius:50%}
.direct{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;border-top:1px solid var(--stage-rule)}
.direct a{display:flex;flex-direction:column;gap:4px;padding:18px 0;padding-inline-end:16px;border-bottom:1px solid var(--stage-rule);transition:color .2s}
.direct a+a{padding-inline-start:16px;border-inline-start:1px solid var(--stage-rule)}
.direct small{font-size:12px;letter-spacing:.08em;color:var(--gold);font-family:var(--lat)}
.direct b{font-size:17px;font-weight:600}
.direct a:hover b{color:var(--gold)}
.where{margin-top:18px;font-size:14px;color:var(--on-2)}
.reply{align-self:center;font-size:14px;color:var(--on-2)}
/* contact */
.contact{position:relative;padding-block:clamp(110px,14vw,200px);overflow:hidden}
.contact .goal{position:absolute;top:clamp(56px,7vw,96px);inset-inline:var(--gut);height:2px}
.contact .goal i{position:absolute;inset:0;background:linear-gradient(to left,rgba(201,169,119,.1),var(--gold));transform:scaleX(0);transform-origin:right;transition:transform 1.6s cubic-bezier(.3,.6,.2,1)}
.contact .goal b{position:absolute;left:0;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 8px rgba(201,169,119,.16);opacity:0;transition:opacity .4s 1.4s}
.contact.in .goal i{transform:scaleX(1)} .contact.in .goal b{opacity:1}
.contact .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:end}
.contact h2{font-size:clamp(56px,8vw,128px);line-height:.95;font-weight:800;letter-spacing:-.035em}
.contact p.l{font-size:clamp(18px,1.5vw,22px);color:var(--on-2);margin-top:24px;max-width:36ch}
.channels{display:flex;flex-direction:column;border-top:1px solid var(--stage-rule)}
.channels a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--stage-rule);font-size:19px;font-weight:600;transition:color .2s,padding .3s}
.channels a:hover{color:var(--gold);padding-inline-start:8px}
.channels small{font-weight:400;font-size:14px;color:var(--on-2)}
footer{border-top:1px solid var(--stage-rule);padding-block:28px calc(28px + env(safe-area-inset-bottom,0px));font-size:14px;color:var(--on-2)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}

.proto-flag{position:fixed;z-index:30;bottom:calc(16px + env(safe-area-inset-bottom,0px));inset-inline-end:16px;background:#F3F0EA;color:#121A26;font-size:13px;font-weight:600;padding:8px 12px;border:1px solid var(--gold)}
.sticky-cta{display:none}

@media (max-width:960px){
  .nav,.langs{display:none}
  .hero-grid,.problem .wrap,.diff-head,.person .wrap,.contact .wrap{grid-template-columns:1fr}
  .hero{padding-top:100px;min-height:auto;padding-bottom:64px}
  .hero-grid{gap:36px}
  .portrait{order:-1;aspect-ratio:5/4;max-height:52svh}
  .portrait img{object-position:50% 20%}
  .portrait figcaption span{display:none}
  .who .lat{font-size:13px}
  .proto-flag{opacity:.85}
  .scrollcue{display:none}
  .sync{height:380vh}
  .sync-sticky{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start;gap:8px;padding-top:84px}
  #syncCanvas{order:-1;max-height:42svh}
  .sync-text{gap:14px}
  .sync-text h2{font-size:22px}
  .beat-wrap{min-height:215px}
  .beat h3{font-size:24px}.beat p{font-size:16px}
  .comp-grid,.pillars,.caps,.path{grid-template-columns:1fr}
  .comp:not(:nth-child(3n+1)),.pillar+.pillar{border-inline-start:0;padding-inline-start:0}
  .pillar+.pillar{border-top:1px solid var(--rule)}
  .caps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .area summary{grid-template-columns:40px minmax(0,1fr) auto;gap:12px}
  .parts{grid-template-columns:1fr;padding-inline-start:0}
  .parts div+div{padding-inline-start:0}
  .person-photo{aspect-ratio:4/3}
  .plan-head{grid-template-columns:1fr}.plan{grid-template-columns:1fr;border-top:0;border-inline-start:2px solid var(--gold)}
  .plan li,.plan li+li{padding:0 0 36px;padding-inline-start:28px;border:0}
  .plan li::before,.plan li+li::before{top:4px;inset-inline-start:-8px}
  .mini-form{grid-template-columns:1fr}
  .direct{grid-template-columns:1fr}.direct a+a{padding-inline-start:0;border-inline-start:0}
  .caps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sticky-cta{display:flex;position:fixed;z-index:25;inset:auto 0 0;padding:12px var(--gut) calc(12px + env(safe-area-inset-bottom,0px));background:rgba(12,20,31,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--stage-rule);transform:translateY(110%);transition:transform .35s}
  .sticky-cta.show{transform:none}
  .sticky-cta .btn{flex:1;justify-content:center}
  .proto-flag{bottom:calc(84px + env(safe-area-inset-bottom,0px));font-size:12px;padding:6px 10px}
  .tracks text{display:none}
  .tracks-legend{display:flex!important}
}
@media (max-width:520px){
  .caps{grid-template-columns:1fr}
  .top .btn{display:none}
  .cols small{font-size:10px;letter-spacing:0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .sync{height:auto}
  .sync-sticky{position:relative;height:auto;padding-block:96px}
  .beat-wrap{min-height:0;display:flex;flex-direction:column;gap:28px}
  .beat{position:relative;opacity:1;transform:none}
  .rail{display:none}
  .tracks .draw{stroke-dashoffset:0}
  .contact .goal i{transform:none}.contact .goal b{opacity:1}
}

/* v3 trilingual additions */
.label + h2{margin-top:18px}
.eyebrow{font-size:15px;color:var(--on-2)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.portrait{margin:0}
.col small{font-family:var(--lat);font-size:12px;letter-spacing:.04em;color:var(--on-2)}
html[lang="he-IL"] .col small{font-family:var(--he)}
html[lang="en"] body,html[lang="fr"] body{font-family:var(--lat)}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="fr"] h1,html[lang="fr"] h2,html[lang="fr"] h3{letter-spacing:-.03em}
html[lang="fr"] .hero h1,html[lang="en"] .hero h1{font-size:clamp(36px,4.2vw,64px)}
[dir="ltr"] .process{justify-content:flex-start}
[dir="ltr"] .comp .lat,[dir="ltr"] .beat .n,[dir="ltr"] .plan .days,[dir="ltr"] .sync-tag,[dir="ltr"] .path b{text-align:left}
[dir="ltr"] .rail i b{transform-origin:left}
[dir="ltr"] .btn:hover .arrow{transform:translateX(4px)}
[dir="ltr"] .contact .goal i{transform-origin:left;background:linear-gradient(to right,rgba(201,169,119,.1),var(--gold))}
[dir="ltr"] .contact .goal b{left:auto;right:0}
[dir="ltr"] .portrait::before{background:linear-gradient(260deg,rgba(201,169,119,.32) 0%,rgba(201,169,119,0) 38%),linear-gradient(180deg,rgba(12,20,31,0) 55%,rgba(12,20,31,.88) 100%),radial-gradient(90% 80% at 55% 30%,transparent 40%,rgba(12,20,31,.78) 100%)}
[dir="ltr"] .hero::before{background:radial-gradient(60% 70% at 82% 40%,rgba(201,169,119,.16),transparent 70%),radial-gradient(40% 50% at 15% 10%,rgba(134,188,205,.06),transparent 70%),var(--stage)}
@media (max-width:960px){.eyebrow{font-size:13px}}

.btn-line{background:transparent}
/* stats band v2 */
.pulse{width:10px;height:10px;border-radius:50%;background:#7FC9A0;box-shadow:0 0 0 0 rgba(127,201,160,.6);animation:pulse 1.8s infinite;flex:none}
@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(127,201,160,0)}100%{box-shadow:0 0 0 0 rgba(127,201,160,0)}}

/* stats band v3: equal, centred tiles */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(48px,7vh,88px);border-top:1px solid var(--stage-rule);border-bottom:1px solid var(--stage-rule)}
.fact{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;min-height:168px;padding:28px 18px 30px;overflow:hidden;transition:background .4s}
.fact+.fact{border-inline-start:1px solid var(--stage-rule)}
.fact:hover{background:rgba(201,169,119,.045)}
.fact b{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;font-size:clamp(34px,3.4vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--on);white-space:nowrap}
.fact .num{font-size:inherit;color:transparent;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#F3F0EA 35%,#C9A977 130%);-webkit-background-clip:text;background-clip:text}
.fact > span{font-size:15px;line-height:1.45;color:var(--on-2);max-width:24ch}
.fact .meter{position:absolute;inset-block-end:0;inset-inline:22%;height:2px;background:var(--gold);transform:scaleX(var(--k,1));opacity:.75}
.fact.live b{font-size:clamp(26px,2.5vw,38px)}
.fact.live{padding-bottom:58px}
.spark{position:absolute;inset-block-end:0;inset-inline:0;width:100%;height:40px;display:block;opacity:.9;pointer-events:none}
@media (max-width:960px){
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fact:nth-child(3){border-inline-start:0}
  .fact:nth-child(n+3){border-top:1px solid var(--stage-rule)}
  .fact{min-height:140px;padding:22px 12px 26px}
  .fact b{font-size:clamp(28px,8vw,38px);min-height:44px}
  .fact.live b{font-size:clamp(22px,6vw,28px)}
  .fact > span{font-size:14px}
}

/* results */
.results{padding-block:clamp(96px,12vw,170px);border-top:1px solid var(--rule)}
.res-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.res-head h2{font-size:clamp(34px,4.4vw,64px);line-height:1.06;font-weight:800;letter-spacing:-.025em}
.res-head p{font-size:clamp(17px,1.3vw,20px)}
.res-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.res-grid .res{flex:0 1 calc((100% - 36px) / 3)}
.res{position:relative;background:var(--paper-2);border:1px solid var(--rule);padding:28px 26px 24px;display:flex;flex-direction:column;gap:10px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .3s}
.res::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--gold),#E3CFA6);transform:scaleX(0);transform-origin:var(--o,right);transition:transform .7s cubic-bezier(.2,.7,.2,1) calc(var(--i)*90ms)}
[dir="ltr"] .res{--o:left}
.res-grid.in .res::before{transform:scaleX(1)}
.res:hover{transform:translateY(-6px);box-shadow:0 24px 50px -28px rgba(18,26,38,.35);border-color:#CDBF9F}
.res-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding-bottom:16px;margin-bottom:4px;border-bottom:1px solid var(--rule)}
.res-logo{height:60px;display:flex;align-items:center;max-width:64%}
.res-logo.dark{background:#0C141F;padding:10px 14px;height:auto}
.res-logo img{max-width:100%;width:auto;object-fit:contain;display:block}
.res-logo .wm{font-family:var(--lat),var(--he);font-size:clamp(22px,2vw,28px);font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1}
.res-ind{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--gold-ink);text-align:end}
.res-name{font-size:clamp(24px,2.2vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.res p{font-size:16px;line-height:1.6;color:var(--ink-2);flex:1}
.kpis{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.kpis li{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;padding:6px 10px;border:1px solid var(--rule);background:var(--paper);opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s;transition-delay:calc(.3s + var(--i)*90ms)}
.res-grid.in .kpis li{opacity:1;transform:none}
.kpis li i{font-style:normal;font-size:10px}
.kpis li.up i{color:#2E8B57}
.kpis li.down i{color:#2E8B57}
@media (max-width:960px){.res-head{grid-template-columns:1fr}.res-grid .res{flex-basis:100%}}
@media (min-width:961px) and (max-width:1180px){.res-grid .res{flex-basis:calc((100% - 18px) / 2)}}
@media (prefers-reduced-motion:reduce){.kpis li{opacity:1;transform:none}.res::before{transform:none}}
.direct.stack{display:flex;flex-direction:column;margin-top:0;border-top:1px solid var(--stage-rule)}
.direct.stack a{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:16px;padding:26px 0;border-inline-start:0!important;padding-inline:0!important;border-bottom:1px solid var(--stage-rule);transition:padding .35s,color .25s}
.direct.stack a:hover{padding-inline-start:10px!important}
.direct.stack b{font-size:clamp(19px,1.6vw,24px)}
.direct.stack .go{color:var(--gold);font-size:20px;transition:transform .3s}
.direct.stack a:hover .go{transform:translateX(-6px)}
[dir="ltr"] .direct.stack a:hover .go{transform:translateX(6px)}
@media (max-width:960px){.direct.stack a{grid-template-columns:90px minmax(0,1fr) auto}}
.contact h2{white-space:nowrap}
html[lang="fr"] .contact h2,html[lang="en"] .contact h2{font-size:clamp(48px,7vw,112px)}

/* ===== inner pages ===== */
.nav a[aria-current="page"]{color:var(--on);box-shadow:0 1px 0 var(--gold)}
.phead{position:relative;isolation:isolate;overflow:hidden;padding-block:calc(76px + clamp(72px,11vw,140px)) clamp(60px,8vw,104px);background:radial-gradient(60% 90% at 85% 0%,rgba(201,169,119,.13),transparent 70%),var(--stage)}
[dir="ltr"] .phead{background:radial-gradient(60% 90% at 15% 0%,rgba(201,169,119,.13),transparent 70%),var(--stage)}
.phead h1{font-size:clamp(40px,6vw,88px);line-height:1.03;font-weight:800;letter-spacing:-.03em;margin-top:18px;max-width:17ch}
.phead .lead{margin-top:24px;max-width:60ch;animation:rise .8s .55s both}
.phead .label{animation:rise .7s .1s both}
.phead .hw{display:inline-block;opacity:0;transform:translateY(.5em);filter:blur(6px);animation:hwin .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.15s + var(--i) * 70ms)}
@keyframes hwin{to{opacity:1;transform:none;filter:none}}
.phead-line{position:absolute;inset-inline:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);animation:pline 1.4s .45s cubic-bezier(.7,0,.2,1) forwards}
@keyframes pline{to{transform:scaleX(1)}}
.tl,.skills,.about-story{padding-block:clamp(80px,10vw,140px)}
.tl-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:40px}
.tl-head h2,.skills h2,.style h2{font-size:clamp(30px,3.6vw,52px);font-weight:800;letter-spacing:-.025em}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters button{font:inherit;font-size:15px;padding:10px 18px;border:1px solid var(--rule);background:transparent;color:var(--ink);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.filters button:hover{border-color:var(--ink)}
.filters button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.roles-tl{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.role[hidden]{display:none}
.role summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:120px minmax(0,1fr) auto 44px;gap:20px;align-items:center;padding:28px 0;border-bottom:1px solid var(--rule)}
.role summary::-webkit-details-marker{display:none}
.role summary:hover .rt b{color:var(--gold-ink)}
.rk{font-size:13px;font-weight:700;letter-spacing:.04em;padding:6px 10px;justify-self:start}
.rk.marketing{color:var(--gold-ink);background:rgba(201,169,119,.16)}.rk.technology{color:#3F5B78;background:rgba(63,91,120,.12)}
.rt{display:flex;flex-direction:column;gap:4px}.rt b{font-size:clamp(22px,2vw,28px);font-weight:800;letter-spacing:-.02em;transition:color .25s}.rt span{color:var(--ink-2);font-size:16px}
[dir="rtl"] .rt b{text-align:right}
.rp{font-size:14px;color:var(--ink-2);white-space:nowrap}
.role details[open] .plus{transform:rotate(45deg);background:var(--ink);color:var(--paper);border-color:var(--ink)}
.rb{padding:8px 0 32px;padding-inline-start:140px;display:flex;flex-direction:column;gap:18px;animation:open .45s ease-out;border-bottom:1px solid var(--rule)}
.rb p{font-size:17px;max-width:70ch}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chips li{font-size:14px;padding:6px 12px;border:1px solid var(--rule);background:var(--paper-2)}
.scope{padding-block:clamp(64px,8vw,110px)}
.scope .facts{margin-top:28px}
.skills h2{margin:18px 0 40px}
.skill-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px)}
.skill-cols h3{font-size:15px;font-weight:700;padding-bottom:12px;border-bottom:1px solid var(--ink)}
.skill-cols ul{list-style:none;margin:0;padding:0}.skill-cols li{padding:14px 0;border-bottom:1px solid var(--rule);font-size:clamp(18px,1.6vw,22px);font-weight:600}
[dir="rtl"] .skill-cols li.lat{text-align:right}
.cta-band{padding-block:clamp(72px,9vw,120px);background:radial-gradient(50% 120% at 50% 0%,rgba(201,169,119,.10),transparent 70%),var(--stage);border-top:1px solid var(--stage-rule)}
.cta-band .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px}
.cta-band h2{font-size:clamp(30px,3.6vw,52px);font-weight:800;letter-spacing:-.025em}
.cta-band p{color:var(--on-2);font-size:clamp(17px,1.3vw,20px);margin-top:10px;max-width:52ch}
.about-story .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.about-story .person-photo{margin:0;aspect-ratio:4/5;position:sticky;top:100px}
.story-body .lines{margin-top:20px}
.story-body .lines p{font-size:clamp(20px,1.9vw,27px);line-height:1.5;font-weight:500}
.quote{margin:44px 0 0;padding:26px 0 0;border-top:2px solid var(--gold);font-size:clamp(22px,2.2vw,32px);font-weight:700;line-height:1.35;letter-spacing:-.01em;color:var(--ink)}
.style{padding-block:clamp(80px,10vw,140px)}
.style h2{margin:18px 0 40px}
.style-grid{list-style:none;margin:0 0 80px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink)}
.style-grid li{padding:26px 0 8px;padding-inline-end:24px;display:flex;flex-direction:column;gap:10px}
.style-grid li+li{border-inline-start:1px solid var(--rule);padding-inline-start:24px}
.style-grid .lat{font-size:13px;color:var(--gold-ink);letter-spacing:.1em}
[dir="rtl"] .style-grid .lat{text-align:right}
.style-grid h3{font-size:20px}.style-grid p{font-size:16px;color:var(--ink-2);line-height:1.6}
.style .expertise{margin-top:0}
.contact-page{padding-block:clamp(64px,8vw,110px)}
.contact-page .wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
.contact-page .where{margin:0 0 18px}
.contact .form-title{font-size:clamp(24px,2.2vw,32px)!important;white-space:normal!important;line-height:1.2;letter-spacing:-.01em;grid-column:1/-1;margin:0 0 6px}
.mini-form select{font:inherit;font-size:16px;color:var(--on);background:transparent;border:0;border-bottom:1px solid rgba(243,240,234,.25);padding:10px 0;border-radius:0}
.mini-form select option{color:#121A26}
.mini-form small{font-size:12px;color:var(--on-2)}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.form-note{grid-column:1/-1;font-size:14px;color:var(--on-2)}
.form-note.ok{color:#7FC9A0}.form-note.err{color:#E8A08A}
.mini-form button[disabled]{opacity:.6;cursor:wait}
.fnav{display:flex;flex-wrap:wrap;gap:8px 20px}.fnav a:hover{color:var(--on)}
footer .wrap{align-items:center}
@media (max-width:960px){
  .role summary{grid-template-columns:minmax(0,1fr) 44px;gap:10px 12px}
  .rk{grid-column:1;grid-row:1}.role summary .plus{grid-column:2;grid-row:1}.rt,.rp{grid-column:1/-1}
  .rb{padding-inline-start:0}
  .skill-cols,.about-story .wrap,.contact-page .wrap{grid-template-columns:1fr}
  .about-story .person-photo{position:relative;top:0;aspect-ratio:4/3}
  .style-grid{grid-template-columns:1fr}.style-grid li+li{border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--rule)}
  .cta-band .wrap{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.phead .hw,.phead .label,.phead .lead{opacity:1;transform:none;filter:none;animation:none}.phead-line{transform:none;animation:none}}
/* platforms marquee */
.platforms{padding-block:28px 34px;border-top:1px solid var(--stage-rule);border-bottom:1px solid var(--stage-rule);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}
.platforms .label{display:block;margin-bottom:18px;color:var(--on-2)}
.marquee{overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.track{display:flex;width:max-content;animation:marq 38s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.pl{font-family:var(--lat);font-size:clamp(20px,2vw,28px);color:rgba(243,240,234,.55);padding-inline:clamp(28px,4vw,56px);white-space:nowrap;letter-spacing:-.01em;transition:color .3s;border-inline-end:1px solid var(--stage-rule)}
.pl b{font-weight:800;color:rgba(243,240,234,.85)}
.pl:hover{color:var(--gold)}
@keyframes marq{to{transform:translateX(-50%)}}
/* opening v3: kinetic SYNC */
html.intro-on{overflow:hidden}
#intro{position:fixed;inset:0;z-index:100;cursor:pointer;display:grid;place-items:center;background:var(--stage)}
#intro.s5{background:transparent}
#intro .ip{position:absolute;z-index:0;inset-inline:0;height:50.5%;background:var(--stage);transition:transform 1s cubic-bezier(.76,0,.24,1)}
#intro .ip-a{top:0;background:radial-gradient(70% 90% at 50% 100%,rgba(201,169,119,.07),transparent 70%),var(--stage)}
#intro .ip-b{bottom:0;background:radial-gradient(70% 90% at 50% 0%,rgba(201,169,119,.07),transparent 70%),var(--stage)}
#intro.s5 .ip-a{transform:translateY(-101%)}
#intro.s5 .ip-b{transform:translateY(101%)}
.iw{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;max-width:min(92vw,1100px);padding-bottom:16px}
.iw::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform .7s .75s cubic-bezier(.2,.8,.2,1)}
#intro.s2 .iw::after{transform:scaleX(1)}
#intro.s3 .iw::after{transform:scaleX(0);transition:transform .3s}
.iw .w{font-size:clamp(22px,2.6vw,40px);font-weight:800;letter-spacing:-.02em;color:var(--on-2);white-space:nowrap;opacity:0;filter:blur(10px);
  transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.9);
  transition:opacity .45s var(--d),filter .45s var(--d),transform .62s cubic-bezier(.7,0,.2,1) var(--d),color .4s}
#intro.s1 .w{opacity:.55;filter:blur(1.5px)}
#intro.s2 .w{opacity:1;filter:none;transform:none;color:var(--on)}
#intro.s2 .w:nth-child(odd){color:var(--gold)}
#intro.s3 .w{opacity:0;transform:translateX(var(--cx)) scale(.2);transition:transform .38s cubic-bezier(.6,0,.4,1),opacity .3s .08s}
#intro .idot{position:absolute;z-index:3;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(201,169,119,.5),0 0 40px rgba(201,169,119,.6);transform:scale(0);transition:transform .3s cubic-bezier(.2,1.6,.4,1)}
#intro.s3 .idot{transform:scale(1);transition-delay:.2s}
#intro.s4 .idot{transform:scale(0);transition:transform .25s}
#intro .iline{position:absolute;z-index:3;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:linear-gradient(90deg,transparent,var(--gold) 20%,#F3E2C2 50%,var(--gold) 80%,transparent);transform:scaleX(0);transition:transform .45s cubic-bezier(.7,0,.2,1),opacity .5s}
#intro.s4 .iline{transform:scaleX(1)}
#intro.s5 .iline{opacity:0;transition-delay:.25s}
@media (max-width:640px){.iw{gap:8px 18px}.iw .w{font-size:clamp(20px,6vw,28px)}}

/* hero entrance */
.hw{display:inline-block}
html.intro-play .hero .hw{opacity:0;transform:translateY(.55em) rotate(2deg);filter:blur(6px)}
html.intro-done .hero .hw{opacity:1;transform:none;filter:none;transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1),filter .7s;transition-delay:calc(.15s + var(--i) * 70ms)}
html.intro-play .hero .who,html.intro-play .hero h1 em,html.intro-play .hero .lead,html.intro-play .hero .ctas,html.intro-play .hero .process,html.intro-play .hero .facts{opacity:0;transform:translateY(22px)}
html.intro-done .hero .who,html.intro-done .hero h1 em,html.intro-done .hero .lead,html.intro-done .hero .ctas,html.intro-done .hero .process,html.intro-done .hero .facts{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
html.intro-done .hero h1 em{transition-delay:.6s}html.intro-done .hero .lead{transition-delay:.72s}html.intro-done .hero .ctas{transition-delay:.84s}html.intro-done .hero .process{transition-delay:.95s}html.intro-done .hero .facts{transition-delay:1.05s}
html.intro-play .hero .portrait{clip-path:inset(100% 0 0 0)}
html.intro-play .hero .portrait img{transform:scale(1.18)}
html.intro-done .hero .portrait{clip-path:inset(0 0 0 0);transition:clip-path 1.2s .1s cubic-bezier(.76,0,.24,1)}
html.intro-done .hero .portrait img{transform:scale(1.04);transition:transform 1.8s .1s cubic-bezier(.2,.7,.2,1)}
.hero .portrait{transition:transform .5s cubic-bezier(.2,.7,.2,1);will-change:transform}
.hero .btn-gold{transition:background .25s,transform .35s cubic-bezier(.2,.7,.2,1)}

/* cursor spotlight on dark sections */
#glow{position:fixed;z-index:1;left:0;top:0;width:600px;height:600px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(201,169,119,.10),rgba(134,188,205,.04) 55%,transparent);opacity:0;transition:opacity .4s;mix-blend-mode:screen}
#glow.on{opacity:1}
@media (max-width:960px){
  .proto-flag{inset-inline-end:16px}
}
@media (prefers-reduced-motion:reduce){.track{animation:none;flex-wrap:wrap;width:auto}.marquee{-webkit-mask-image:none;mask-image:none}}

/* ===== v3.2: mobile menu, contact channels, homepage form ===== */
.burger{display:none;width:44px;height:44px;border:1px solid var(--stage-rule);background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-inline-start:auto}
.burger span{display:block;width:18px;height:1.5px;background:var(--on);transition:transform .3s}
.burger[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.mnav{position:fixed;z-index:19;inset:calc(76px + env(safe-area-inset-top,0px)) 0 0 0;background:var(--stage);padding:28px var(--gut) calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:28px;overflow:auto;animation:mopen .35s ease-out}
.mnav[hidden]{display:none}
@keyframes mopen{from{opacity:0;transform:translateY(-8px)}}
.mnav nav{display:flex;flex-direction:column;border-top:1px solid var(--stage-rule)}
.mnav nav a{padding:16px 0;border-bottom:1px solid var(--stage-rule);font-size:24px;font-weight:700;color:var(--on)}
.mnav nav a[aria-current="page"]{color:var(--gold)}
.mnav-langs{display:flex;gap:10px}
.mnav-langs a,.mnav-langs b{flex:1;text-align:center;padding:12px 8px;border:1px solid var(--stage-rule);font-size:16px;font-weight:600}
.mnav-langs b{background:var(--gold);color:#121A26;border-color:var(--gold)}
.mnav-cta{justify-content:center}
.top .mnav .btn{display:inline-flex;min-height:52px;font-size:17px}
html.menu-open{overflow:hidden}
html.menu-open .top{background:var(--stage);border-color:var(--stage-rule)}
html.menu-open .sticky-cta{display:none}
@media (max-width:960px){.burger{display:flex}.top .wrap{gap:12px}}

.direct.stack{margin-top:28px}
.direct.stack a{grid-template-columns:48px minmax(0,1fr) auto!important;gap:16px;padding:20px 0!important}
.ci{width:48px;height:48px;border:1px solid var(--stage-rule);display:grid;place-items:center;color:var(--gold);transition:border-color .25s,background .25s}
.ci svg{width:22px;height:22px}
.direct.stack a:hover .ci{border-color:var(--gold);background:rgba(201,169,119,.08)}
.cv{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:start}
.cv small{font-size:12px;letter-spacing:.08em;color:var(--gold);font-family:var(--lat)}
.cv b{font-size:clamp(18px,1.5vw,22px);font-weight:600;color:var(--on)}
[dir="rtl"] .cv b.lat,[dir="rtl"] .cv small{text-align:right}
.direct.stack a:hover b{color:var(--gold)}

#contact.contact:not(.contact-page) .wrap{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start}
.contact .mini-form{margin-top:8px}
@media (max-width:960px){#contact.contact:not(.contact-page) .wrap{grid-template-columns:1fr}.contact .mini-form{margin-top:40px}}

/* ===== v3.3: Calendly booking ===== */
.book{padding-block:clamp(80px,10vw,140px);scroll-margin-top:80px}
.book-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:36px}
.book-head h2{font-size:clamp(30px,3.6vw,52px);font-weight:800;letter-spacing:-.025em;margin-top:18px}
.book-head p{font-size:clamp(17px,1.3vw,20px)}
.book-open{display:inline-block;margin-top:10px;color:var(--gold-ink);border-bottom:1px solid currentColor;font-weight:600}
.book-frame{background:#fff;border:1px solid var(--rule);box-shadow:0 30px 60px -40px rgba(18,26,38,.35)}
.book-frame iframe{display:block;width:100%;height:760px;border:0}
@media (max-width:960px){.book-head{grid-template-columns:1fr}.book-frame iframe{height:1000px}}