@property --p{syntax:"<number>";inherits:true;initial-value:0}
/* Maya site v2 — the home page (04.11.2026), both languages. Loaded after site.css. Motion: CSS keyframes for the ambient parts, --p (0…1, set by site.js from scroll) for the two scroll-driven sections. */

/* 01 · hero: no photo — a live phone, a soft glow, floating tasks */
.hero .lead{font-size:clamp(22px,2vw,28px);color:var(--ink);font-weight:600}
.rot{display:inline-block;color:var(--p3)}
.rot.in{animation:rotin .55s var(--ease)}
@keyframes rotin{0%{opacity:0;transform:translateY(.35em);filter:blur(6px)}100%{opacity:1;transform:none;filter:none}}
.hv{position:relative;display:grid;place-items:center;min-height:640px}
.hv .blob{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle at 40% 40%,var(--p1),var(--blush) 55%,transparent 70%);opacity:.75;animation:blob 12s ease-in-out infinite alternate}
@keyframes blob{0%{transform:translate(-24px,16px) scale(1)}100%{transform:translate(28px,-22px) scale(1.12)}}
.hv .phone{width:300px;z-index:2;animation:bob 7s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1deg)}}
.hv .phone .chat-body{min-height:0}
.fchip{position:absolute;z-index:3;background:#fff;border-radius:16px;padding:11px 15px;box-shadow:var(--shadow-m);font-weight:800;font-size:15.5px;display:flex;gap:9px;align-items:center;white-space:nowrap;animation:float 6s ease-in-out infinite}
.fchip svg{width:19px;height:19px;color:var(--p3);flex:none}
.fchip.c1{top:40px;left:calc(50% + 138px);animation-delay:0s}
.fchip.c2{top:330px;right:calc(50% + 138px);animation-delay:-1.5s}
.fchip.c3{bottom:150px;left:calc(50% + 138px);animation-delay:-3s}
.fchip.c4{bottom:40px;right:calc(50% + 138px);animation-delay:-4.5s}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -14px}}
@media (max-width:900px){.hv{min-height:600px;margin-top:12px}.hv .blob{width:400px;height:400px}.fchip{font-size:14px;padding:9px 12px}.fchip.c1{left:auto;right:0;top:-16px}.fchip.c3{left:auto;right:0}.fchip.c2{right:auto;left:0}.fchip.c4{right:auto;left:0;bottom:-12px}}
@media (max-width:560px){.hv .phone{width:250px}.fchip.c2,.fchip.c3{display:none}}

/* 01b · the day's overload, absorbed by Maya on scroll (04.11, Liav) */
.mess{height:230vh}
.mess .stage{align-items:flex-start}
.mess .stage .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,64px);align-items:start;padding-top:clamp(8px,2vh,24px)}
.mess .stage .wrap>.rv{padding-top:clamp(24px,7vh,80px)}
.mess-h{display:grid}
.mess-h span{grid-area:1/1;--f:clamp(0,(var(--p) - .5) / .18,1)}
.mess-h .m0{opacity:calc(1 - var(--f));transform:translateY(calc(-16px * var(--f)))}
.mess-h .m1{opacity:var(--f);transform:translateY(calc(16px * (1 - var(--f))))}
.mess-field{position:relative;height:min(540px,calc(100svh - 240px));--s:.8}
.mess .maya{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:2}
.mess .maya img{width:calc(200px + 60px * var(--p));height:auto;filter:drop-shadow(0 18px 30px rgba(58,30,44,.18));animation:beefloat 5s ease-in-out infinite}
.mess .ring{position:absolute;width:calc(300px + 140px * var(--p));height:calc(300px + 140px * var(--p));z-index:-1;fill:none;overflow:visible}
.mess .ring circle{transform-origin:50% 50%}
.mess .ring .r1{stroke:var(--p2);stroke-width:1;stroke-dasharray:3 7;opacity:.6;animation:ringspin 40s linear infinite}
.mess .ring .r2{stroke:var(--p3);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p));transform:rotate(-90deg);opacity:.9;stroke-linecap:round}
.mess .ring .r3{stroke:var(--line-2);stroke-width:1;opacity:.7}
@keyframes ringspin{to{transform:rotate(360deg)}}
.mess .maya .think-mark{position:absolute;top:-40px;left:50%;width:64px;height:auto;translate:-50% 0;opacity:clamp(0,(var(--p) - .15) * 4,1);animation:markbreathe 2.4s ease-in-out infinite}
.mess .maya .think-mark circle{transform-origin:center;transform-box:fill-box;animation:dotpulse 2.4s ease-in-out infinite}.mess .maya .think-mark circle:nth-child(2){animation-delay:.3s}.mess .maya .think-mark circle:nth-child(3){animation-delay:.6s}
.mess .mres{position:absolute;bottom:-58px;left:50%;background:#fff;border-radius:999px;padding:11px 18px;box-shadow:var(--shadow-m);font-weight:800;font-size:16px;white-space:nowrap;display:flex;gap:8px;align-items:center;--g:clamp(0,(var(--p) - .8) / .15,1);opacity:var(--g);transform:translate(-50%,calc(12px * (1 - var(--g))))}
.mess .mres svg{width:20px;height:20px;color:var(--p3)}
.mi{position:absolute;left:50%;top:50%;z-index:1;background:#fff;border-radius:14px;padding:9px 13px;box-shadow:var(--shadow-m);font-weight:800;font-size:14.5px;display:flex;gap:8px;align-items:center;white-space:nowrap;--q:clamp(0,(var(--p) - var(--k) * .45) / .45,1);transform:translate(-50%,-50%) translate(calc(var(--x) * 1px * var(--s) * (1 - var(--q))),calc(var(--y) * 1px * var(--s) * (1 - var(--q)))) rotate(calc(var(--r) * 1deg * (1 - var(--q)))) scale(calc(1 - .92 * var(--q)));opacity:calc(1 - clamp(0,(var(--q) - .72) / .22,1));animation:float 6s ease-in-out infinite;animation-delay:calc(var(--k) * -6s)}
.mi svg{width:18px;height:18px;color:var(--p3);flex:none}
.mess-hint{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);font-size:13px;font-weight:800;color:var(--ink-3);opacity:clamp(0,1 - var(--p) * 5,1)}
@media (max-width:900px){.mess{height:200vh}.mess .stage .wrap{grid-template-columns:1fr;gap:8px;align-content:center}.mess-field{height:360px;--s:.5;margin-top:8px}.mi{font-size:12.5px;padding:6px 9px;gap:6px}.mi svg{width:15px;height:15px}.mess .maya img{width:calc(130px + 40px * var(--p))}.mess .ring{width:calc(190px + 90px * var(--p));height:calc(190px + 90px * var(--p))}.mess .mres{bottom:-46px;font-size:14px}.mess .maya .think-mark{width:44px;top:-28px}}
@media (prefers-reduced-motion:reduce){.mi,.mess .maya img,.mess .ring .r1,.sig-think,.sig-think circle,.think-mark,.think-mark circle{animation:none!important}}

/* 02 · one signal across six screens — scroll-driven, in the logo's «thinking» motion (04.11, Liav): the thought travels
   the line as you scroll, three dots growing one after the other, and each screen lights up when the thought is on it. */
.think{height:200vh}
.think .stage{display:block}
.think .stage .wrap{min-height:calc(100svh - 84px);display:flex;flex-direction:column;justify-content:center}
.think-sec{padding:0}
.sig-head{text-align:center;margin-bottom:40px}
.sig-head p{margin-top:8px;font-size:17px}
.sig{position:relative;display:grid;grid-template-columns:repeat(6,1fr);padding-top:66px;--t:calc(var(--p) * 5)}
.sig-line{position:absolute;left:8.33%;right:8.33%;top:95px;height:2px;background:linear-gradient(90deg,transparent,var(--line-2) 8%,var(--line-2) 92%,transparent)}
.sig-line::after{content:"";position:absolute;inset-inline-start:0;top:-0.5px;height:3px;width:calc(var(--p) * 100%);background:linear-gradient(90deg,var(--p1),var(--p3));border-radius:2px;opacity:.85}
.sig-think{position:absolute;top:95px;inset-inline-start:calc(8.33% + var(--p) * 83.34%);width:72px;height:auto;translate:-50% -50%;z-index:0;overflow:visible;filter:drop-shadow(0 0 10px rgba(214,90,140,.55));animation:markbreathe 2.4s ease-in-out infinite}
[dir=rtl] .sig-think{translate:50% -50%}
.sig-think circle{transform-origin:center;transform-box:fill-box;animation:dotpulse 2.4s ease-in-out infinite}
.sig-think circle:nth-child(2){animation-delay:.3s}.sig-think circle:nth-child(3){animation-delay:.6s}
@keyframes markbreathe{0%,100%{scale:.92;filter:drop-shadow(0 0 6px rgba(214,90,140,.35))}50%{scale:1.08;filter:drop-shadow(0 0 16px rgba(214,90,140,.7))}}
@keyframes dotpulse{0%,100%{opacity:.55}50%{opacity:1}}
.sig-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;--d:max(var(--t) - var(--i), var(--i) - var(--t));--a:clamp(0, 1 - var(--d) * 2.4, 1);--done:clamp(0, (var(--t) - var(--i)) * 2, 1)}
.sig-node .ic{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;position:relative;z-index:1;transform:scale(calc(1 + .24 * var(--a)));background:color-mix(in srgb,var(--p3) calc(var(--a) * 100%),#fff);color:color-mix(in srgb,#fff calc(var(--a) * 100%),var(--ink-3));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--p2) calc(var(--done) * 100%),var(--line-2)),0 0 0 calc(8px * var(--a)) rgba(214,90,140,calc(.16 * var(--a))),0 12px 26px -10px rgba(214,90,140,calc(.7 * var(--a)))}
.sig-node .ic svg{width:26px;height:26px}
.sig-node small{font-size:14.5px;font-weight:800;color:color-mix(in srgb,var(--p3) calc(var(--a) * 100%),var(--ink-2));opacity:calc(.85 + .15 * max(var(--a),var(--done)))}
.sig-msg{position:absolute;top:-62px;left:50%;white-space:nowrap;background:var(--plum);color:#fff;font-size:13.5px;font-weight:800;padding:9px 13px;border-radius:12px;display:flex;align-items:center;gap:7px;opacity:var(--a);transform:translateX(-50%) translateY(calc(8px * (1 - var(--a))));z-index:3}
.sig-msg svg{width:16px;height:16px;color:var(--p1)}
.sig-msg::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:var(--plum);transform:translateX(-50%) rotate(45deg)}
.sig-once{display:none}
@media (max-width:760px){
  .think{height:auto}.think .stage{position:static;height:auto;padding:56px 0;overflow:visible}.think .stage .wrap{min-height:0}
  .sig{grid-template-columns:repeat(3,1fr);gap:36px 8px;padding-top:0;--t:-9}
  .sig-line,.sig-think,.sig-msg{display:none}
  .sig-once{display:inline-flex;align-items:center;gap:7px;margin:0 auto 32px;background:var(--plum);color:#fff;font-size:13.5px;font-weight:800;padding:9px 13px;border-radius:12px}
  .sig-once svg{width:16px;height:16px;color:var(--p1)}
  .sig-wrap{display:flex;flex-direction:column;align-items:center}
}

/* 03 · three real runs, one at a time, no device */
.reel{max-width:980px;margin:0 auto}
.reel-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:30px}
.reel-tab{position:relative;text-align:start;padding:14px 16px 17px;border-radius:16px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);display:flex;flex-direction:column;gap:4px;overflow:hidden;transition:background .25s;--prog:0}
.reel-tab:hover{background:rgba(255,255,255,.09)}
.reel-tab .n{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--p1)}
.reel-tab b{font-size:16.5px;line-height:1.25}
.reel-tab .prog{position:absolute;inset-inline-start:0;bottom:0;height:3px;width:100%;background:var(--p2);transform-origin:left;transform:scaleX(var(--prog));opacity:0}
[dir=rtl] .reel-tab .prog{transform-origin:right}
.reel-tab[aria-pressed=true]{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px var(--p2)}
.reel-tab[aria-pressed=true] .prog{opacity:1}
.reel-stage{display:grid;grid-template-columns:320px 1fr;gap:clamp(28px,4vw,60px);align-items:center}
.reel-vid{border-radius:28px;overflow:hidden;background:#000;box-shadow:var(--shadow-l);aspect-ratio:9/16}
.reel-vid video{width:100%;height:100%;object-fit:cover}
.reel-cap{font-size:clamp(24px,2.6vw,34px);font-weight:900;line-height:1.2;letter-spacing:-.02em;color:#fff;min-height:4.8em}
.reel-cap.in{animation:capin .45s var(--ease)}
@keyframes capin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.reel-try{margin-top:28px}
@media (max-width:860px){
  .reel-tabs{grid-template-columns:1fr;gap:8px}
  .reel-tab{flex-direction:row;align-items:center;gap:12px;padding:12px 14px 14px}
  .reel-stage{grid-template-columns:1fr;justify-items:center;text-align:center}
  .reel-vid{width:min(300px,78vw)}
  .reel-cap{min-height:0;font-size:22px}
}

/* 04 · ask → she does, with the recorded call */
.ask{display:grid;grid-template-columns:1fr 420px;gap:clamp(28px,4vw,56px);align-items:start}
.asklist{display:flex;flex-direction:column;gap:8px}
.ask-i{position:relative;display:flex;align-items:center;gap:14px;text-align:start;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.55);transition:background .3s var(--ease),box-shadow .3s var(--ease);overflow:hidden}
.ask-i:hover{background:#fff}
.ask-i .ic{width:44px;height:44px;border-radius:14px;background:#fff;display:grid;place-items:center;color:var(--p3);flex:none;box-shadow:var(--shadow-s);transition:background .3s,color .3s}
.ask-i .ic svg{width:22px;height:22px}
.ask-i b{display:block;font-size:17px;line-height:1.25}
.ask-i small{display:block;font-size:14px;color:var(--ink-2);margin-top:2px;line-height:1.35}
.ask-i .bar{position:absolute;inset-inline-start:0;bottom:0;height:3px;width:100%;background:var(--p2);transform:scaleX(0);transform-origin:left;opacity:0}
[dir=rtl] .ask-i .bar{transform-origin:right}
.ask-i[aria-pressed=true]{background:#fff;box-shadow:var(--shadow-m)}
.ask-i[aria-pressed=true] .ic{background:var(--plum);color:#fff}
.ask.auto .ask-i[aria-pressed=true] .bar{opacity:1;animation:askbar 7s linear forwards}
@keyframes askbar{to{transform:scaleX(1)}}
.askout .chat-body{min-height:400px}
.askout .callcard{margin:0}
.askout .callcard .lines{min-height:0}
.picker-cta{margin-top:18px;display:flex;justify-content:center}
.eq{display:flex;gap:4px;align-items:center;height:36px;margin:16px 0 6px;justify-content:center}
.eq i{width:5px;height:6px;border-radius:3px;background:var(--line-2);transition:background .3s}
.callcard.playing .eq i{background:var(--p2);animation:eq 1s ease-in-out infinite}
.eq i:nth-child(3n){animation-delay:-.2s!important}.eq i:nth-child(3n+1){animation-delay:-.45s!important}.eq i:nth-child(4n){animation-delay:-.7s!important}.eq i:nth-child(5n){animation-delay:-.1s!important}
@keyframes eq{0%,100%{height:6px}50%{height:32px}}
@media (max-width:960px){
  .ask{grid-template-columns:1fr}
  .asklist{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .ask-i small{display:none}.ask-i{padding:12px}.ask-i b{font-size:15.5px}
  .askout .chat-body{min-height:320px}
}
@media (max-width:440px){.asklist{grid-template-columns:1fr}}

/* scroll-driven sections: a tall wrapper, a sticky stage, --p from 0 to 1 */
.scrub{position:relative;height:260vh;--p:0}
.scrub .stage{position:sticky;top:0;height:100vh;height:100svh;padding-top:84px;display:flex;align-items:center;overflow:hidden}
.scrub .stage .wrap{width:100%}
.flow-sec,.gather-sec{padding:0}
.scrub .sec-head{margin-bottom:clamp(12px,2vw,28px)}
.scrub .sec-head .h-l{font-size:clamp(28px,3.8vw,52px)}
.scrub .sec-head .lead{margin-top:10px;font-size:clamp(17px,1.4vw,20px)}
.static .scrub{height:auto}.static .scrub .stage{position:static;height:auto;padding:80px 0}
/* 📱 phones (04.11, Liav «במכשיר זה מרגיש תקוע»): no sticky scrubbing — each scroll-driven section plays once, by time, when it comes into view
   (site.js adds .playing; --p is a registered property, so the same CSS that follows the scroll on desktop follows the clock here). */
@media (max-width:900px){
  .scrub,.mess,.think{height:auto}
  .scrub .stage{position:static;height:auto;padding:48px 0;overflow:hidden;display:block}
  .mess-field{--s:.4}
  .scrub.playing{animation:scrubplay 2.8s cubic-bezier(.45,0,.2,1) forwards}
  .mess.playing{animation-duration:3.4s;animation-delay:.6s}
  .mess .stage{padding:16px 0 40px}
}
@keyframes scrubplay{from{--p:0}to{--p:1}}

/* 05 · every task goes to the leading model */
.flow{--pa:clamp(0,var(--p) * 2.1,1);--pb:clamp(0,var(--p) * 2.1 - 1.1,1)}
.flow-net svg{width:100%;height:auto;max-height:calc(100svh - 380px);margin:0 auto}
.flow-net svg.m{display:none}
.flow .node rect{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.16)}
.flow .node .glow{fill:var(--p3);stroke:none;opacity:clamp(0,(var(--pa) - .72 - var(--d)) * 5,1)}
.flow .node text,.flow .hub text{fill:#fff;font-family:inherit;font-weight:800;font-size:15px}
.flow .hub.in rect{fill:var(--p3);stroke:none}
.flow .hub.out rect{fill:var(--p3);fill-opacity:calc(.12 + .88 * var(--pb));stroke:rgba(244,163,196,.5);stroke-opacity:calc(1 - var(--pb))}
.flow .ring{fill:none;stroke:var(--p1);stroke-width:1.5;opacity:calc(var(--pb) * .55);transform-box:fill-box;transform-origin:center;transform:scale(calc(.6 + .6 * var(--pb)))}
.flow .wire{fill:none;stroke:rgba(244,163,196,.14);stroke-width:1.5}
.flow .a{--ph:clamp(0,var(--pa) * 1.3 - var(--d),1)}
.flow .b{--ph:clamp(0,var(--pb) * 1.3 - var(--d),1)}
.flow .draw{fill:none;stroke:var(--p2);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--ph));opacity:.75}
.flow .pulse{fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:.07 1;stroke-dashoffset:calc(.07 - var(--ph));filter:drop-shadow(0 0 6px var(--p1));opacity:calc(clamp(0,var(--ph) * 25,1) * clamp(0,(1 - var(--ph)) * 25,1))}
.flow-state{position:relative;height:1.7em;text-align:center;margin-top:14px;font-size:16.5px;color:#D9C3CF;font-weight:700}
.flow-state span{position:absolute;left:0;right:0;transition:opacity .25s}
.flow-state .s0{opacity:calc(1 - clamp(0,var(--p) * 5,1))}
.flow-state .s1{opacity:calc(clamp(0,(var(--p) - .22) * 5,1) * (1 - clamp(0,(var(--p) - .9) * 12,1)))}
.flow-state .s2{opacity:clamp(0,(var(--p) - .9) * 12,1);color:#fff;font-weight:900}
@media (max-width:760px){.flow-net svg.d{display:none}.flow-net svg.m{display:block;max-width:420px;max-height:calc(100svh - 290px)}.flow .node text,.flow .hub text{font-size:14px}}

/* 06 · one search, with its sources */
.narrow{max-width:760px}
.src-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px}
.src{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:800;border-radius:999px;padding:8px 14px;background:var(--canvas);box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--ink-2);transition:all .4s var(--ease)}
.src svg{width:17px;height:17px}
.src.on{background:var(--plum);color:#fff;box-shadow:none;transform:translateY(-2px)}
.narrow .search{margin:0 auto}

/* 07 · for life and for the business */
.biz3{display:grid;grid-template-columns:1fr 300px 1fr;gap:22px;align-items:stretch}
.biz3 .side{border-radius:var(--r-l);padding:22px;background:#fff;box-shadow:var(--shadow-s)}
.biz3 .side.biz{background:var(--plum);color:#fff}
.biz3 .lbl{font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--p3);margin-bottom:14px}
.biz3 .side.biz .lbl{color:var(--p1)}
.biz3 .chat{box-shadow:none}.biz3 .chat-body{min-height:210px}.biz3 .side.biz .chat{color:#111B21}
.biz3 .mid{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:24px 8px;justify-content:center}
.orb{position:relative;width:100px;height:100px;display:grid;place-items:center}
.orb img{width:72px;height:72px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px #fff;position:relative;z-index:1}
.orb i{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--p2);animation:orb 3s ease-out infinite}
.orb i:nth-child(2){animation-delay:1.5s}
@keyframes orb{from{transform:scale(.7);opacity:.9}to{transform:scale(1.55);opacity:0}}
.biz3 .mid>b{font-size:19px;line-height:1.25}
.brief{display:flex;flex-direction:column;gap:8px;width:100%}
.brief div{display:flex;align-items:center;gap:10px;text-align:start;background:#fff;border-radius:14px;padding:10px 12px;font-size:14.5px;font-weight:700;box-shadow:var(--shadow-s)}
.brief .ic{width:32px;height:32px;border-radius:10px;background:var(--blush);color:var(--p3);display:grid;place-items:center;flex:none}
.brief .ic svg{width:17px;height:17px}
.center-cta{text-align:center;margin-top:32px}
@media (max-width:960px){.biz3{grid-template-columns:1fr}}

/* 08 · every app gathers into the logo */
.gather .field{position:relative;height:min(520px,calc(100svh - 380px));display:grid;place-items:center;--s:1}
.gather .app{position:absolute;width:76px;height:76px;border-radius:22px;background:#fff;box-shadow:var(--shadow-m);display:grid;place-items:center;color:var(--plum);transform:translate(calc(var(--x) * 1px * var(--s) * (1 - var(--p))),calc(var(--y) * 1px * var(--s) * (1 - var(--p)))) rotate(calc(var(--r) * 1deg * (1 - var(--p)))) scale(calc(1 - .85 * var(--p)));opacity:calc(1 - clamp(0,(var(--p) - .62) / .3,1))}
.gather .app svg{width:34px;height:34px}
.gather .app small{position:absolute;top:84px;font-size:13.5px;font-weight:800;color:var(--ink-2);white-space:nowrap;opacity:calc(1 - clamp(0,var(--p) * 2.5,1))}
.gather .mark{position:absolute;display:flex;flex-direction:column;align-items:center;gap:18px;opacity:clamp(0,(var(--p) - .68) / .28,1);transform:scale(calc(.5 + .5 * clamp(0,(var(--p) - .68) / .32,1)))}
.gather .mark img{width:200px}
.gather .mark b{font-size:22px;opacity:clamp(0,(var(--p) - .9) * 10,1)}
@media (max-width:760px){.gather .field{--s:.42;height:min(380px,calc(100svh - 330px))}.gather .app{width:56px;height:56px;border-radius:16px}.gather .app svg{width:26px;height:26px}.gather .app small{display:none}.gather .mark img{width:140px}}

/* 09 · trust, three lines */
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.trust-row>div{display:flex;align-items:center;gap:14px;background:#fff;border-radius:var(--r-l);padding:22px 24px;box-shadow:var(--shadow-s);font-size:19px}
.trust-row .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--blush);color:var(--p3);flex:none}
.trust-row .ic svg{width:24px;height:24px}
.sec-tight:has(.trust-row){padding:8px 0 clamp(40px,5vw,72px)}
@media (max-width:860px){.trust-row{grid-template-columns:1fr}}

/* 10 · price, no photo */
.priceband.solo{grid-template-columns:1fr;text-align:center}
.priceband.solo .txt{padding:clamp(48px,6vw,88px) clamp(24px,5vw,72px)}
.priceband.solo h2{margin-top:16px}
.priceband.solo .lead{margin-inline:auto}
.priceband.solo .cta-row{justify-content:center}

@media (prefers-reduced-motion:reduce){.hv .phone,.hv .blob,.fchip,.orb i{animation:none!important}.scrub{--p:1}}

/* the bee — where the live site puts her: on the hero card, on results, at the end */
.bee-hero{position:absolute;top:110px;left:-118px;width:150px;height:auto;z-index:4;filter:drop-shadow(0 18px 30px rgba(58,30,44,.18));animation:beefloat 5s ease-in-out infinite;pointer-events:none}
@keyframes beefloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(2deg)}}
.callres img{width:36px;height:36px;flex:none}
.orb img{width:84px;height:84px;border-radius:0;box-shadow:none;object-fit:contain}
.bee-s{width:56px;height:56px;flex:none}
.gather .mark b{display:inline-flex;align-items:center;gap:10px}
.gather .mark b .bee-s{width:48px;height:48px}
.bee-price{position:absolute;top:-70px;inset-inline-end:40px;width:150px;height:auto;filter:drop-shadow(0 18px 30px rgba(58,30,44,.25));animation:beefloat 6s ease-in-out infinite;pointer-events:none}
.priceband.solo{position:relative;overflow:visible}
.bee-bye{display:inline-flex;align-items:center;gap:8px}
.bee-bye img{width:40px;height:40px}
.fcta .btn img{width:34px;height:34px}
@media (max-width:900px){.bee-hero{width:90px;top:100px;left:-60px}.bee-price{width:104px;top:-50px;inset-inline-end:16px}}
@media (prefers-reduced-motion:reduce){.bee-hero,.bee-price{animation:none!important}}