/* «آريا»: a sheet that rises from the bottom over any page, after the owner's own reference
   (brand/reference/owner-assistant-ref-arya-face-2026-10-12.webp). Every rule is under .va so nothing here touches the page
   behind it. Colours and fonts are the site's own variables. Sizes from the type ladder: heading 20, body 15, controls 14,
   small 13, the price 34. */
.va[hidden],.va [hidden]{display:none!important}
.va{position:fixed;inset:0;z-index:90;pointer-events:none;color:var(--navy,#1F2A4B);font-size:15px;line-height:1.5}
.va button{font:inherit;color:inherit;border:0;background:none;padding:0;margin:0;cursor:pointer}
.va-dim{position:absolute;inset:0;background:rgba(31,42,75,.45);pointer-events:auto;opacity:0;transition:opacity .24s ease}
.va-sheet{position:absolute;left:0;right:0;bottom:0;height:80%;max-height:calc(100% - 48px);box-sizing:border-box;background:#F6F7F8;border-radius:28px 28px 0 0;
  box-shadow:0 -8px 32px rgba(14,20,40,.25);display:flex;flex-direction:column;padding:0 16px calc(10px + env(safe-area-inset-bottom));pointer-events:auto;
  transform:translateY(105%);transition:transform .22s cubic-bezier(.4,0,1,1);outline:0}     /* the site's «sheet» motion (MOTION_SPEC): out in 220ms */
.va.open .va-dim{opacity:1}
.va.open .va-sheet{transform:none;transition:transform .32s cubic-bezier(.2,.7,.2,1)}     /* … in over 320ms */
.va.mini .va-dim,.va.mini .va-sheet{display:none}
html.va-lock,html.va-lock body{overflow:hidden}                    /* no scrolling of the page behind the open sheet */
.va-grab{align-self:center;flex:none;width:44px;height:5px;border-radius:3px;background:#C9CED6;margin-top:8px}
/* her name, what she is doing, and the two ways out */
.va-head{display:flex;align-items:center;justify-content:space-between;height:48px;flex:none}
.va-name{display:flex;align-items:center;gap:10px}
.va-name b{font-family:var(--font-heading);font-weight:700;font-size:20px;line-height:28px}
.va-tag{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:13px;background:#E3F3EF;color:var(--mint-ink,#167565);font-family:var(--font-heading);font-weight:600;font-size:13px}
.va-tag i{width:7px;height:7px;border-radius:50%;background:var(--mint-ink,#167565)}
.va[data-face=sleep] .va-tag,.va[data-face=sad] .va-tag,.va[data-face=shocked] .va-tag{background:#E9EBEF;color:#4F5A73}
.va[data-face=sleep] .va-tag i,.va[data-face=sad] .va-tag i,.va[data-face=shocked] .va-tag i{background:#7A8499}
.va-head-b{display:flex;gap:6px}
.va-ib{width:36px;height:36px;border-radius:50%;background:#fff!important;box-shadow:inset 0 0 0 1px #E1E4EA;display:flex;align-items:center;justify-content:center}
.va-ib svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
/* everything between the head and the microphone scrolls as one */
.va-body{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:4px 0 12px}
/* her face: the designer's LED dots (handoff-designer2-arya, VA00-Character) — 13×13 on a navy disc, one group per expression.
   She blinks every five seconds; her mouth moves while she listens and talks; a bubble of dots while she thinks. */
.va-face{display:block;width:100%;height:100%;overflow:visible}
.va-f-b{fill:var(--navy,#1F2A4B)}
.va-f-g circle{fill:#2A3660}
.va-f-s{display:none}
.va-f-calm{display:block}
.va[data-face=listen] .va-f-calm,.va[data-face=think] .va-f-calm,.va[data-face=talk] .va-f-calm,.va[data-face=love] .va-f-calm,.va[data-face=sleep] .va-f-calm,.va[data-face=sad] .va-f-calm,.va[data-face=shocked] .va-f-calm,.va[data-face=read] .va-f-calm{display:none}
.va[data-face=listen] .va-f-listen,.va[data-face=think] .va-f-think,.va[data-face=talk] .va-f-talk,.va[data-face=love] .va-f-love,.va[data-face=sleep] .va-f-sleep,.va[data-face=sad] .va-f-sad,.va[data-face=shocked] .va-f-shocked,.va[data-face=read] .va-f-read{display:block}
.va-fab .va-f-calm{display:block}
.va-face .va-ec{opacity:0;animation:va-blink-c 5s infinite}
.va-face .va-eo{animation:va-blink-o 5s infinite}
.va-face .va-eq,.va-face .va-eqp{animation:va-eq .9s infinite ease-in-out;opacity:0}
.va-face .va-eq1,.va-face .va-eqp1{animation-delay:.18s}
.va-face .va-eq2,.va-face .va-eqp2{animation-delay:.36s}
.va-face .va-eq3,.va-face .va-eqp3{animation-delay:.12s}
.va-face .va-eq4{animation-delay:.27s}
.va-face .va-eqp{animation-name:va-eqp}
.va-face .va-tb{animation:va-tb 1.6s infinite;opacity:.15}
.va-face .va-d1{animation-delay:0.09s}.va-face .va-d2{animation-delay:0.18s}.va-face .va-d3{animation-delay:0.27s}.va-face .va-d4{animation-delay:0.36s}.va-face .va-d5{animation-delay:0.45s}.va-face .va-d6{animation-delay:0.54s}.va-face .va-d7{animation-delay:0.63s}.va-face .va-d8{animation-delay:0.72s}
.va-face .va-ta{animation:va-ta .75s infinite steps(1)}
.va-face .va-tb2{opacity:0;animation:va-tb2 .75s infinite steps(1)}
.va-face .va-tc{opacity:0;animation:va-tc .75s infinite steps(1)}
.va-face .va-z1{animation:va-z 2.8s infinite}
.va-face .va-z2{animation:va-z 2.8s infinite 1.4s}
@keyframes va-blink-o{0%,92%,100%{opacity:1}94%,97%{opacity:0}}
@keyframes va-blink-c{0%,92%,100%{opacity:0}94%,97%{opacity:1}}
@keyframes va-eq{0%,100%{opacity:.15}35%,65%{opacity:1}}
@keyframes va-eqp{0%,30%,70%,100%{opacity:0}50%{opacity:1}}
@keyframes va-tb{0%{opacity:.15}20%{opacity:1}60%,100%{opacity:.15}}
@keyframes va-ta{0%{opacity:1}33%{opacity:0}66%{opacity:0}}
@keyframes va-tb2{0%{opacity:0}33%{opacity:1}66%{opacity:0}}
@keyframes va-tc{0%{opacity:0}33%{opacity:0}66%{opacity:1}}
@keyframes va-z{0%{opacity:0;transform:translateY(12px)}25%,70%{opacity:1}100%{opacity:0;transform:translateY(-10px)}}
.va-stage{flex:none;display:flex;flex-direction:column;align-items:center;text-align:center}
.va-facebox{position:relative;width:150px;height:150px;margin:0 0 2px}
.va-facebox::before{content:"";position:absolute;inset:2px;border-radius:50%;border:4px dotted var(--mint,#54BAA7);opacity:0}
.va[data-state=listening] .va-facebox::before{opacity:1;animation:va-turn 14s linear infinite}
@keyframes va-turn{to{transform:rotate(360deg)}}
.va-h{font-family:var(--font-heading);font-weight:700;font-size:20px;line-height:30px;display:block}
.va-sub{margin:2px 0 0;padding:0 8px;font-size:15px;line-height:24px;color:#4F5A73}
/* which parts show in which moment */
.va[data-view=talk][data-state=idle] .va-stage,.va[data-view=talk][data-state=speaking] .va-stage,.va[data-view=talk][data-state=stopped] .va-stage,.va[data-view=contact] .va-stage{display:none}
.va:not([data-view=welcome]) .va-try,.va[data-state=listening] .va-try,.va[data-state=thinking] .va-try{display:none}
.va:not([data-view=talk]):not([data-state=listening]) .va-you,.va:not([data-view=talk]) .va-reply,.va:not([data-view=talk]) .va-quick,.va[data-view=welcome] .va-order,.va[data-view=contact] .va-chat{display:none}
.va[data-view=talk][data-state=listening] .va-reply,.va[data-view=talk][data-state=thinking] .va-reply,.va[data-state=listening] .va-quick,.va[data-state=thinking] .va-quick,
.va[data-state=listening] .va-order,.va[data-state=thinking] .va-order{display:none}
.va[data-view=contact] .va-after,.va[data-view=sent] .va-foot,.va[data-view=ended] .va-foot,.va[data-view=contact] .va-foot{display:none}
.va[data-view=sent] .va-edit,.va[data-view=sent] .va-order .va-btn,.va[data-view=contact] .va-edit,.va[data-view=contact] .va-order .va-btn{display:none}
/* no microphone, or no connection: her face says it, the box under it carries the words and the ways on */
.va[data-face=sad] .va-stage,.va[data-face=shocked] .va-stage{display:flex!important}
.va[data-face=sad] .va-stage .va-h,.va[data-face=sad] .va-stage .va-sub,.va[data-face=shocked] .va-stage .va-h,.va[data-face=shocked] .va-stage .va-sub,
.va[data-face=sad] .va-try,.va[data-face=shocked] .va-try,.va[data-face=sad] .va-you,.va[data-face=shocked] .va-you,.va[data-face=sad] .va-reply,.va[data-face=shocked] .va-reply,
.va[data-face=sad] .va-quick,.va[data-face=shocked] .va-quick{display:none}
/* «جرّب أن تقول» */
.va-try{display:grid;gap:8px}
.va-try small{font-size:13px;line-height:20px;color:#7A8499}
.va-sug{display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 14px!important;border-radius:16px;background:#fff!important;box-shadow:inset 0 0 0 1px #E1E4EA;
  font-family:var(--font-heading)!important;font-weight:600;font-size:14px;text-align:start}
.va-sug svg{flex:none;width:16px;height:16px;stroke:#7A8499;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
[dir=ltr] .va-sug svg{transform:scaleX(-1)}
/* what he said, with what she understood marked */
.va-you{background:#fff;border-radius:18px;padding:10px 14px;box-shadow:inset 0 0 0 1px #E1E4EA}
.va-you small{display:flex;justify-content:space-between;font-size:13px;line-height:20px;color:#7A8499}
.va-you p{margin:2px 0 0;font-family:var(--font-heading);font-weight:600;font-size:15px;line-height:28px;overflow-wrap:anywhere}
.va-you mark{background:#E3F3EF;color:var(--mint-ink,#167565);border-radius:6px;padding:1px 5px}
/* her answer, and ready answers to it */
.va-reply{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:start}
.va-av{width:52px;height:52px;margin:-4px}
.va-reply p{margin:0;background:#fff;border-radius:18px;border-start-start-radius:6px;padding:10px 14px;font-size:15px;line-height:24px;box-shadow:inset 0 0 0 1px #E1E4EA;overflow-wrap:anywhere}
.va-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.va-q{min-height:40px;padding:0 16px!important;border-radius:20px;background:#fff!important;box-shadow:inset 0 0 0 1px #E1E4EA;font-family:var(--font-heading)!important;font-weight:600;font-size:14px}
.va-q:first-child{background:var(--navy,#1F2A4B)!important;color:#fff!important;box-shadow:none}
a.va-q{display:inline-flex;align-items:center;text-decoration:none;color:inherit}
/* her one upgrade (the designer's VA05b): a navy card of its own — what it adds, what it costs, and the two answers */
.va-offer{background:var(--navy,#1F2A4B);color:#fff;border-radius:20px;padding:14px}
.va-offer-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.va-offer-h b{font-family:var(--font-heading);font-weight:700;font-size:15px;line-height:24px}
.va-offer-chip{font-family:var(--font-latin);font-weight:700;font-size:13px;line-height:26px;padding:0 10px;border-radius:13px;background:var(--mint,#54BAA7);color:var(--navy,#1F2A4B);white-space:nowrap}
.va-offer p{margin:8px 0 12px;font-family:var(--font-heading);font-weight:600;font-size:15px;line-height:26px}
.va-offer-b{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px}
.va-offer-b button{min-height:48px;border-radius:14px;padding:4px 8px!important;font-family:var(--font-heading)!important;font-weight:700;font-size:14px;line-height:20px}
.va-offer-b button:first-child{background:var(--mint-ink,#167565)!important;color:#fff!important;animation:va-choice 1.8s ease-in-out infinite}      /* the answer that says yes: the request's own colour, and a soft ring so it is seen */
@keyframes va-choice{0%,100%{box-shadow:0 0 0 0 rgba(84,186,167,.55)}50%{box-shadow:0 0 0 7px rgba(84,186,167,0)}}
.va-choose{display:block;font-size:13px;line-height:20px;color:#7A8499;margin-bottom:6px}
.va-offer .va-choose{color:#C9CEDA}
.va-quick .va-choose{flex:1 0 100%;text-align:center;margin:0}
.va-offer-b button:last-child{background:rgba(255,255,255,.14)!important;color:#fff!important}
.va:not([data-view=talk]) .va-offer,.va[data-state=listening] .va-offer,.va[data-state=thinking] .va-offer{display:none}
.va-note{align-self:center;font-size:13px;color:#7A8499}
.va:not([data-view=talk]) .va-note{display:none}
/* a message that stops the flow: the microphone refused, the connection lost */
.va-chat:empty{display:none}
.va-box{text-align:center;padding:16px 14px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #E1E4EA}
.va-box b{display:block;font-family:var(--font-heading);font-weight:700;font-size:15px;line-height:24px}
.va-box p{margin:2px 0 12px;font-size:13px;line-height:21px;color:#4F5A73;white-space:pre-line}
.va-box-b{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}
.va-box-b.col{grid-auto-flow:row}
.va-btn{min-height:48px;border-radius:16px;background:var(--mint-ink,#167565)!important;color:#fff!important;font-family:var(--font-heading)!important;font-weight:600;font-size:15px;
  display:flex;align-items:center;justify-content:center;text-decoration:none;padding:0 16px!important;white-space:nowrap;box-sizing:border-box}
.va-box .va-btn{background:var(--navy,#1F2A4B)!important}
.va-btn.line{background:#fff!important;color:var(--navy,#1F2A4B)!important;box-shadow:inset 0 0 0 1.5px #C9CED6;font-size:14px}
.va-btn.wal{background:#E0F2EE!important;color:var(--mint-ink,#167565)!important;font-size:14px}
.va-btn.wa{background:#25D366!important;width:48px;padding:0!important}
.va-btn.wa svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.va-btn[disabled]{opacity:.6}
/* «طلبك»: each system, its own summary and its own price — all of them the estimator's */
.va-order{flex:none;border-radius:20px;background:#fff;padding:12px 14px;box-shadow:inset 0 0 0 1px #E1E4EA}
.va-order-h{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.va-order-h b{font-family:var(--font-heading);font-weight:700;font-size:15px;line-height:24px}
.va-count{font-size:13px;line-height:22px;padding:0 8px;border-radius:11px;background:#F1F2F4;color:#4F5A73}
.va-count:empty{display:none}
.va-edit{margin-inline-start:auto!important;font-family:var(--font-heading)!important;font-weight:600;font-size:14px;color:var(--mint-ink,#167565)!important;min-height:32px}
.va-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0}
.va-row+.va-row{border-top:1px solid #EDEFF2}
.va-row-i{width:40px;height:40px;border-radius:12px;background:#F1F2F4;display:flex;align-items:center;justify-content:center}
.va-row-i svg{width:22px;height:22px;color:var(--navy,#1F2A4B)}
.va-row-t{display:grid}
.va-row-t b{font-family:var(--font-heading);font-weight:600;font-size:14px;line-height:22px}
.va-row-t small{font-size:13px;line-height:20px;color:#7A8499}
.va-row-p{font-family:var(--font-latin);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}
.va-row.one{grid-template-columns:minmax(0,1fr);font-size:14px}
.va-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding-top:10px;border-top:1px solid #EDEFF2}
.va-total-p{display:grid}
.va-total-p small{font-size:13px;line-height:18px;color:#7A8499}
.va-price{display:inline-flex;align-items:baseline;gap:6px}
.va-price b{font-family:var(--font-accent);font-weight:700;font-size:34px;line-height:40px;letter-spacing:.02em}
.va-price small{font-family:var(--font-latin);font-weight:700;font-size:13px;color:var(--mint-ink,#167565)}
/* «إلى من نرسل العرض؟» and what comes after */
.va-contact{display:grid;gap:10px;background:#fff;border-radius:20px;padding:14px;box-shadow:inset 0 0 0 1px #E1E4EA}
.va-contact label{display:grid;gap:4px;font-family:var(--font-heading);font-weight:600;font-size:14px}
.va-contact input,.va-typing input{width:100%;height:48px;border-radius:14px;border:1.5px solid #C9CED6;box-sizing:border-box;padding:0 14px;font:inherit;font-size:16px;color:inherit;background:#fff}
.va-contact input:focus,.va-typing input:focus{border-color:var(--navy,#1F2A4B);outline:0}
.va-bad{margin:0;font-size:13px;color:#B3261E}
.va-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.va-after{display:grid;gap:8px}
/* the microphone and what it is doing */
.va-foot{flex:none;display:flex;flex-direction:column;align-items:center;padding-top:6px}
.va-voice{display:flex;flex-direction:column;align-items:center}
.va-mic-row{display:grid;grid-template-columns:44px 68px 44px;align-items:center;gap:22px}
.va-kb{order:3;width:44px;height:44px;border-radius:50%;background:#fff!important;box-shadow:inset 0 0 0 1px #E1E4EA;display:flex;align-items:center;justify-content:center}
.va-kb svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.va-mic{order:2;position:relative;width:68px;height:68px;border-radius:50%;background:var(--navy,#1F2A4B)!important;box-shadow:0 0 0 6px rgba(31,42,75,.1);display:flex;align-items:center;justify-content:center}
.va-mic-i{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.va-stop{display:none;width:20px;height:20px;border-radius:5px;background:#fff}
.va-dots{display:none;align-items:center;gap:6px}
.va-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#fff;animation:va-dot 1.1s ease-in-out infinite}
.va-dots i:nth-child(2){animation-delay:.18s}.va-dots i:nth-child(3){animation-delay:.36s}
@keyframes va-dot{0%,100%{opacity:.25}50%{opacity:1}}
.va[data-state=listening] .va-mic{box-shadow:0 0 0 6px rgba(84,186,167,.35)}
.va[data-state=listening] .va-mic::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--mint,#54BAA7);animation:va-pulse 1.6s ease-out infinite}     /* «signal-pulse», 1.6s, while she listens */
@keyframes va-pulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.6);opacity:0}}
.va.nudge[data-state=idle] .va-mic{animation:va-nudge 1.4s ease-in-out infinite}
@keyframes va-nudge{0%,100%{box-shadow:0 0 0 6px rgba(84,186,167,.35)}50%{box-shadow:0 0 0 13px rgba(84,186,167,.12)}}
.va[data-state=listening] .va-kb,.va[data-state=thinking] .va-kb{visibility:hidden}     /* nothing to do but speak, or wait: no other invitation */
.va[data-state=listening] .va-mic-i,.va[data-state=thinking] .va-mic-i{display:none}
.va[data-state=listening] .va-stop{display:block}
.va[data-state=thinking] .va-dots{display:flex}
.va[data-state=speaking] .va-mic{background:#fff!important;box-shadow:inset 0 0 0 2px var(--navy,#1F2A4B)}
.va[data-state=speaking] .va-mic-i{stroke:var(--navy,#1F2A4B)}
.va.stopped .va-mic{background:#E9EBEF!important;box-shadow:none;cursor:default}
.va.stopped .va-mic-i{stroke:#7A8499}
.va-status{margin-top:10px;font-family:var(--font-heading);font-weight:600;font-size:14px;line-height:22px;white-space:nowrap}
.va-alt{font-family:var(--font-heading)!important;font-weight:600;font-size:13px;color:var(--mint-ink,#167565)!important;text-decoration:none;display:inline-flex!important;align-items:center;gap:6px;min-height:28px}
.va-typing{align-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px;justify-items:center}
.va-typing .va-go{width:48px;height:48px;border-radius:16px;background:var(--mint-ink,#167565)!important;display:flex;align-items:center;justify-content:center}
.va-typing .va-go svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
[dir=ltr] .va-typing .va-go svg{transform:scaleX(-1)}
.va-typing .va-alt{grid-column:1 / -1;margin-top:6px}
.va-wa{margin-top:4px}
.va-wa svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
[dir=ltr] .va-wa svg{transform:scaleX(-1)}
.va-priv{margin:8px 0 0;font-size:13px;line-height:18px;color:#7A8499;text-align:center}
/* minimised: a pill above the bottom bar; the page behind works and is not dimmed */
.va-pill{position:absolute;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));height:60px;box-sizing:border-box;border-radius:20px;background:#fff;
  box-shadow:0 8px 24px rgba(14,20,40,.22),inset 0 0 0 1px #E1E4EA;display:none;align-items:center;gap:10px;padding:0 10px;pointer-events:auto}
.va.mini .va-pill{display:flex}
.va-pill-f{flex:none;width:50px;height:50px;margin:0 -5px}
.va-pill-t{flex:1;min-width:0;display:grid;text-align:start}
.va-pill-t b{font-family:var(--font-heading);font-weight:700;font-size:14px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.va-pill-t small{font-size:13px;line-height:18px;color:#4F5A73}
.va-pill-t small:empty{display:none}
.va-pill button.va-pill-b{flex:none;width:40px;height:40px;border-radius:50%;background:#F1F2F4!important;display:flex;align-items:center;justify-content:center}
.va-pill-b svg{width:18px;height:18px;stroke:var(--navy,#1F2A4B);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.va-pill button.va-pill-b.mic{background:var(--navy,#1F2A4B)!important}
.va-pill-b.mic svg{stroke:#fff}
/* her button in the site's bottom bar, where WhatsApp's was */
.va-fabwrap{position:relative;display:flex;align-self:center}
.va-fab{position:relative;display:flex;width:64px;height:64px;border-radius:50%;transition:transform .12s ease;-webkit-tap-highlight-color:transparent}
.va-fab::before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--navy,#1F2A4B);box-shadow:0 0 0 3px #fff,0 8px 20px -6px rgba(31,42,75,.55)}     /* the one corner button of the site (the owner, 2026-10-13): a navy disc, a white ring of 3 and a shadow — 64 across, ring included */
.va-fab .va-face{position:relative}
.va-fab:active{transform:scale(.92)}
.va-fab:focus-visible{outline:3px solid var(--navy,#1F2A4B);outline-offset:2px}
.va-fab-mic{position:absolute;inset-inline-end:2px;bottom:2px;width:22px;height:22px;border-radius:50%;background:var(--mint-ink,#167565);box-shadow:0 0 0 2px #fff;display:flex;align-items:center;justify-content:center}
.va-fab-mic svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.va-fab[data-mood=wink] .va-f-calm{display:none}
.va-fab[data-mood=wink] .va-f-wink{display:block}
.va-fab.va-hop{animation:va-hop .7s ease}
@keyframes va-hop{0%,100%{transform:none}30%{transform:translateY(-9px) scale(1.06)}55%{transform:none}75%{transform:translateY(-3px)}}
/* a small bubble of her own words beside the button: it opens her, closes with its ×, and never covers a price or a button */
.va-bub{position:absolute;bottom:calc(100% + 12px);left:0;display:flex;align-items:center;gap:2px;width:max-content;max-width:min(240px,70vw);padding:6px 6px 6px 12px;border-radius:16px;
  border-bottom-left-radius:4px;background:#fff;color:var(--navy,#1F2A4B);box-shadow:0 8px 22px -8px rgba(31,42,75,.5),inset 0 0 0 1px #E1E4EA;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;z-index:1}
[dir=rtl] .va-bub{padding:6px 12px 6px 6px}
[dir=ltr] .va-bub{left:auto;right:0;border-bottom-left-radius:16px;border-bottom-right-radius:4px}
.va-bub.on{opacity:1;transform:none}
.va-bub-t{font-family:var(--font-heading);font-weight:600;font-size:14px;line-height:22px;color:inherit;text-decoration:none}
.va-bub-x{flex:none;width:28px;height:28px;border:0;padding:0;border-radius:50%;background:none;color:#7A8499;display:flex;align-items:center;justify-content:center;cursor:pointer}
.va-bub-x svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round}
.va-bub[hidden]{display:none}
/* a short screen: her face gives back the room the WhatsApp line took under the microphone (1.79.0), so the three examples stay in sight */
@media (max-height:780px){.va-facebox{width:90px;height:90px}}
/* on a phone her button lives in the middle of the bottom bar (1.81.0, the owner): the bar's hump is its ring, so the disc is
   the whole 64 with no ring and no shadow of its own; her bubble opens upward from the middle, its tail on the button; and the
   minimised pill sits above the hump. The bar, the hump and the place are the page's (app.css). A page of the phone that has
   no bar gives the ring back by setting --va-fab-inset and --va-fab-ring on .fabs. */
@media (max-width:899px){
  .va-fab::before{inset:var(--va-fab-inset,0);box-shadow:var(--va-fab-ring,none)}
  .va-bub,[dir=ltr] .va-bub,[dir=rtl] .va-bub{left:50%;right:auto;bottom:calc(100% + 18px);max-width:min(280px,calc(100vw - 32px));border-radius:16px;transform:translate(-50%,6px)}
  .va-bub.on{transform:translate(-50%,0)}
  .va-bub::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;margin-left:-5px;background:#fff;transform:rotate(45deg);box-shadow:1px 1px 0 0 #E1E4EA}
  .va-pill{bottom:var(--va-pill-bottom,calc(124px + env(safe-area-inset-bottom)))}
}
@media (min-width:900px){
  .va-sheet{left:50%;right:auto;width:480px;margin-left:-240px;height:640px;max-height:calc(100% - 40px);bottom:20px;border-radius:28px}
  .va-pill{left:auto;right:20px;width:360px;bottom:20px}
  [dir=ltr] .va-pill{right:auto;left:20px}
}
@media (prefers-reduced-motion:reduce){
  .va-dim,.va-sheet,.va-fab,.va-bub{transition:none}
  .va-fab.va-hop{animation:none}
  .va-dots i,.va[data-state=listening] .va-facebox::before,.va.nudge[data-state=idle] .va-mic,.va[data-state=listening] .va-mic::after,.va-offer-b button:first-child{animation:none}
  .va.open .va-sheet{transition:none}
  .va-face *{animation:none!important}
  .va-face .va-ec,.va-face .va-tb2,.va-face .va-tc{opacity:0}
  .va-face .va-eq,.va-face .va-tb{opacity:1}
}
.va-page{min-height:60vh;padding:24px 0}