.hi-frame{--hi-accent:var(--primary);--hi-paper:var(--background);--hi-ink:var(--foreground)}.hi-frame[data-scene=whatsapp-ai]{--hi-accent:#22c35d}.hi-art{--ig-body:color-mix(in oklab, var(--hi-ink) 3%, color-mix(in oklab, var(--primary) 2%, var(--hi-paper)));--ig-deck:color-mix(in oklab, var(--primary) 1.5%, var(--hi-paper));--ig-line:color-mix(in oklab, var(--hi-ink) 40%, var(--hi-paper));--ig-detail:color-mix(in oklab, var(--hi-ink) 19%, var(--hi-paper));--ig-recess:color-mix(in oklab, var(--hi-ink) 7%, var(--hi-paper));--ig-glass:color-mix(in oklab, var(--hi-ink) 9%, var(--hi-paper));--ig-glass-on:color-mix(in oklab, var(--hi-accent) 9%, var(--hi-paper));--ig-ink:color-mix(in oklab, var(--hi-ink) 58%, var(--hi-paper));--ig-ink-hi:var(--hi-ink);--ig-accent:var(--hi-accent);--ig-accent-hi:color-mix(in oklab, var(--hi-accent) 42%, var(--hi-paper));--ig-accent-soft:color-mix(in oklab, var(--hi-accent) 14%, var(--hi-paper));width:100%;height:auto;display:block;overflow:visible}.hi-art .f{fill:var(--ig-body);stroke:var(--ig-line);stroke-width:1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hi-art .arch-layer{fill-opacity:.05}.hi-art .ft{fill:var(--ig-deck)}.hi-art .fr{fill:var(--ig-recess)}.hi-art .dl{fill:none;stroke:var(--ig-detail);stroke-width:1px;vector-effect:non-scaling-stroke}.hi-art .gl{fill:var(--ig-glass)}.hi-art .go{fill:var(--ig-glass-on);stroke:var(--ig-accent);stroke-width:1px;vector-effect:non-scaling-stroke}.hi-art .pin{fill:var(--ig-recess);stroke:var(--ig-line);stroke-width:1.2px;vector-effect:non-scaling-stroke}.hi-art .pp{fill:var(--hi-paper);stroke:var(--ig-detail);stroke-width:1px;vector-effect:non-scaling-stroke}.hi-art .ac{fill:var(--ig-accent)}.hi-art .ah{fill:var(--ig-accent-hi)}.hi-art .as{fill:var(--ig-accent-soft)}.hi-art .f.ac{fill:var(--ig-accent);stroke:color-mix(in oklab, var(--ig-accent) 70%, var(--hi-ink))}.hi-art .f.ft.ac{fill:var(--ig-accent-hi)}.hi-art .acs{fill:none;stroke:var(--ig-accent);stroke-width:1.2px;vector-effect:non-scaling-stroke}.hi-art text{font-family:var(--font-sans), sans-serif;font-weight:500}.hi-art .lb{fill:var(--ig-ink);letter-spacing:.06em}.hi-art .li{fill:var(--ig-ink-hi)}.hi-art .lm{fill:var(--ig-ink)}.hi-art .aw{fill:var(--hi-paper)}.hi-art .at{fill:var(--ig-accent)}.hi-art .led{fill:var(--ig-detail)}.hi-art .ledh{fill:var(--ig-accent)}.hi-art .w{fill:none;stroke:var(--ig-line);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hi-art .wh{stroke:var(--ig-accent)}.hi-art .wu{fill:none;stroke:var(--hi-paper);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hi-art .pu{fill:none;stroke:var(--ig-accent);stroke-width:2.4px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:70 1200;stroke-dashoffset:70px;opacity:0}@keyframes hi-flow{0%{stroke-dashoffset:70px;opacity:1}38%{opacity:1}42%{stroke-dashoffset:-1000px;opacity:0}to{stroke-dashoffset:-1000px;opacity:0}}@keyframes hi-msg{0%{opacity:0;transform:translateY(4px)}4%,90%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes hi-type{0%,to{opacity:.25}50%{opacity:1}}@keyframes hi-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes hi-blink{50%{opacity:0}}@keyframes hi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hi-lit{0%,30%{opacity:0}36%,70%{opacity:1}76%,to{opacity:0}}@keyframes hi-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hi-art{animation:1s cubic-bezier(.22,1,.36,1) .12s both hi-enter}.hi-art .mv-flow{animation:hi-flow var(--du,4s) linear infinite;animation-delay:var(--dl,0s)}.hi-art .mv-msg{animation:hi-msg var(--cycle,12s) cubic-bezier(.22, 1, .36, 1) infinite backwards;animation-delay:calc(var(--i,0) * var(--step,1.1s))}.hi-art .mv-type{animation:1.1s ease-in-out infinite hi-type;animation-delay:calc(var(--i,0) * .18s)}.hi-art .mv-eq{transform-box:fill-box;transform-origin:50%;animation:hi-eq var(--du,1.4s) ease-in-out infinite;animation-delay:calc(var(--i,0) * -.17s)}.hi-art .mv-blink{animation:1.1s step-end infinite hi-blink}.hi-art .mv-float{animation:6s ease-in-out infinite hi-float}.hi-art .mv-lit{animation:hi-lit var(--cycle,6s) ease-in-out infinite backwards;animation-delay:calc(var(--i,0) * var(--step,1.5s))}.hi-frame[data-paused] .hi-art,.hi-frame[data-paused] .hi-art *{animation-play-state:paused}@keyframes vc-incoming{0%,2%{opacity:0;transform:translateY(7px)}6%,34%{opacity:1;transform:none}40%,to{opacity:0;transform:translateY(-6px)}}@keyframes vc-live{0%,40%{opacity:0;transform:translateY(7px)}45%,66%{opacity:1;transform:none}72%,to{opacity:0;transform:translateY(-5px)}}@keyframes vc-result{0%,70%{opacity:0;transform:translateY(8px)}75%,94%{opacity:1;transform:none}99%,to{opacity:0;transform:translateY(-6px)}}@keyframes vc-tick{0%,74%{opacity:0;transform:scale(.6)}78%,94%{opacity:1;transform:scale(1)}99%,to{opacity:0;transform:scale(1)}}@keyframes vc-ring{0%,to{opacity:.18;transform:scale(.92)}50%{opacity:.65;transform:scale(1.1)}}.hi-art .vc-incoming,.hi-art .vc-live,.hi-art .vc-result,.hi-art .vc-tick{opacity:0}.hi-art .vc-incoming{animation:10s cubic-bezier(.22,1,.36,1) infinite both vc-incoming}.hi-art .vc-live{animation:10s cubic-bezier(.22,1,.36,1) infinite both vc-live}.hi-art .vc-result{animation:10s cubic-bezier(.22,1,.36,1) infinite both vc-result}.hi-art .vc-tick{animation:10s cubic-bezier(.22,1,.36,1) infinite both vc-tick}.hi-art .vc-ring{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite vc-ring}.hi-art .vc-ring2{animation-delay:.35s}.hi-art .vc-island{fill:var(--ig-ink-hi)}@keyframes wa-old{0%,2%{opacity:0;transform:translateY(4px)}5%,88%{opacity:.7;transform:translateY(0)}94%{opacity:.7;transform:translateY(-4px)}99%,to{opacity:0;transform:translateY(-9px)}}@keyframes wa-in{0%,5%{opacity:0;transform:translateY(16px)}10%,90%{opacity:1;transform:translateY(0)}96%{opacity:1;transform:translateY(-6px)}99%,to{opacity:0;transform:translateY(-11px)}}@keyframes wa-typing{0%,38%{opacity:0;transform:translateY(8px)}42%,70%{opacity:1;transform:translateY(0)}73%,to{opacity:0;transform:translateY(0)}}@keyframes wa-reply{0%,71%{opacity:0;transform:translateY(10px)}75%,94%{opacity:1;transform:translateY(0)}98%{opacity:1;transform:translateY(-5px)}to{opacity:0;transform:translateY(-11px)}}@keyframes wa-ticks{0%,75%{opacity:0}79%,94%{opacity:1}99%,to{opacity:0}}@keyframes wa-send{0%,17%{stroke-dashoffset:70px;opacity:0}19%{opacity:1}33%{stroke-dashoffset:-1000px;opacity:1}36%,to{stroke-dashoffset:-1000px;opacity:0}}@keyframes wa-return{0%,54%{stroke-dashoffset:70px;opacity:0}56%{opacity:1}68%{stroke-dashoffset:-1000px;opacity:1}71%,to{stroke-dashoffset:-1000px;opacity:0}}@keyframes wa-process{0%,25%{opacity:0}29%,37%{opacity:1}41%,to{opacity:0}}.hi-art .wa-old,.hi-art .wa-in,.hi-art .wa-typing,.hi-art .wa-reply,.hi-art .wa-ticks,.hi-art .wa-process{opacity:0}.hi-art .wa-old{animation:wa-old var(--wa-cycle,9.6s) cubic-bezier(.22, 1, .36, 1) infinite both}.hi-art .wa-in{animation:wa-in var(--wa-cycle,9.6s) cubic-bezier(.22, 1, .36, 1) infinite both}.hi-art .wa-typing{animation:wa-typing var(--wa-cycle,9.6s) cubic-bezier(.22, 1, .36, 1) infinite both}.hi-art .wa-reply{animation:wa-reply var(--wa-cycle,9.6s) cubic-bezier(.22, 1, .36, 1) infinite both}.hi-art .wa-ticks{animation:wa-ticks var(--wa-cycle,9.6s) ease-in-out infinite both}.hi-art .wa-send,.hi-art .wa-return{stroke-width:3px;stroke-dasharray:120 1200;animation-duration:var(--wa-cycle,9.6s);animation-timing-function:linear;animation-iteration-count:infinite}.hi-art .wa-send{animation-name:wa-send}.hi-art .wa-return{animation-name:wa-return}.hi-art .wa-process{animation:wa-process var(--wa-cycle,9.6s) ease-in-out infinite both}.hi-art .wa-blue{fill:var(--primary);stroke:var(--primary);vector-effect:non-scaling-stroke}.hi-art .wa-ac{fill:var(--primary)}.hi-art .wa-link{fill:none;stroke:color-mix(in oklab, var(--hi-accent) 34%, var(--ig-line));stroke-width:1.3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.hi-art .wa-tick{fill:none;stroke:var(--hi-paper);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}@media (prefers-reduced-motion:reduce){.hi-art .vc-incoming,.hi-art .vc-live,.hi-art .vc-ring{opacity:0;animation:none}.hi-art .vc-result,.hi-art .vc-tick{opacity:1;animation:none;transform:none}.hi-art .wa-old,.hi-art .wa-typing,.hi-art .wa-send,.hi-art .wa-return,.hi-art .wa-process{opacity:0;animation:none}.hi-art .wa-in,.hi-art .wa-reply{opacity:1;animation:none;transform:none}.hi-art .wa-ticks{opacity:1;animation:none}.hi-art,.hi-art .mv-flow,.hi-art .mv-msg,.hi-art .mv-type,.hi-art .mv-eq,.hi-art .mv-blink,.hi-art .mv-float,.hi-art .mv-lit{animation:none}}.hi-art .lmf{fill:var(--ig-ink)}.hi-frame{inset-inline:0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;bottom:.5rem;-webkit-mask-image:linear-gradient(#0000 0%,#000 10%);mask-image:linear-gradient(#0000 0%,#000 10%)}.hi-frame .hi-art{width:100%;height:auto;max-height:var(--hi-band)}.hi-spacer{height:var(--hi-band,14rem)}section:has(.hi-frame){--hi-band:14rem}section:has(.hi-frame[data-fit=contain]){--hi-band:17rem}@media (min-width:640px){section:has(.hi-frame){--hi-band:17rem}section:has(.hi-frame[data-fit=contain]){--hi-band:20rem}}@media (min-width:1024px){.hi-frame{--hi-x:46%;--hi-h:112%;--hi-top:1.5rem;inset-inline-start:var(--hi-x);inset-inline-end:auto;top:var(--hi-top);width:auto;max-width:none;height:var(--hi-h);-webkit-mask-composite:source-in;bottom:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22%),linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 22%),linear-gradient(#000 78%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.hi-frame .hi-art{width:auto;height:100%;max-height:none}.hi-frame[data-fit=contain]{--hi-x:45%;width:53%;height:auto;top:4%;bottom:4%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10%);mask-image:linear-gradient(90deg,#0000 0%,#000 10%)}.hi-frame[data-fit=contain] .hi-art{width:100%;height:100%}.hi-spacer{display:none}[dir=rtl] .hi-frame{-webkit-mask-image:linear-gradient(270deg,#0000 0%,#000 22%),linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(270deg,#0000 0%,#000 22%),linear-gradient(#000 78%,#0000 100%)}}@media (max-width:639px){.hi-art .dt{display:none}}.hi-art .tick{fill:none;stroke:var(--hi-paper);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hi-art .tk{stroke:color-mix(in oklab, var(--hi-paper) 55%, transparent)}
