.YngYva_showcase{gap:clamp(1.75rem,1.4rem + 1.5vw,2.75rem);min-width:0;display:grid}.YngYva_controls{text-align:center;justify-items:center;gap:1.1rem;display:grid}.YngYva_switch{background-color:var(--surface);box-shadow:inset 0 0 0 1px var(--rule-strong);border-radius:999px;gap:2px;padding:4px;display:inline-flex;position:relative}.YngYva_indicator{background-color:var(--surface-3);box-shadow:inset 0 0 0 1px var(--rule-strong);opacity:0;pointer-events:none;border-radius:999px;position:absolute;top:0;left:0}.YngYva_switch[data-ready] .YngYva_indicator{opacity:1}.YngYva_switch[data-slide] .YngYva_indicator{transition:translate .45s var(--ease-out), width .45s var(--ease-out), height .45s var(--ease-out)}.YngYva_switch[data-ready] .YngYva_option[aria-pressed=true]{box-shadow:none;background-color:#0000}.YngYva_option{min-height:2.75rem;color:var(--muted);font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .25s var(--ease), background-color .3s var(--ease), box-shadow .3s var(--ease), scale .15s var(--ease);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 1.35rem;font-size:.92rem;font-weight:600;line-height:1.15;display:inline-flex;position:relative}.YngYva_option:before{content:"";background-color:var(--accent-strong);opacity:0;width:.4rem;height:.4rem;transition:opacity .25s var(--ease), scale .3s var(--ease-out);border-radius:50%;margin-top:-.2rem;position:absolute;top:50%;left:.55rem;scale:.4}.YngYva_option:hover{color:var(--ink)}.YngYva_option[aria-pressed=true]{background-color:var(--surface-3);box-shadow:inset 0 0 0 1px var(--rule-strong);color:var(--ink)}.YngYva_option[aria-pressed=true]:before{opacity:1;scale:1}.YngYva_option:active{scale:.97}.YngYva_option:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px;box-shadow:none;border-radius:999px}.YngYva_hint{max-width:46rem;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.3rem .8rem;margin:0;font-size:1rem;line-height:1.55;display:flex}.YngYva_hintLabel{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:.72rem;line-height:1}.YngYva_hintText{animation:YngYva_hint-in .45s var(--ease-out) backwards}@keyframes YngYva_hint-in{0%{opacity:0}}.YngYva_stage{--side:13rem;--gap:1.5rem;min-width:0;position:relative}.YngYva_sprite{width:0;height:0;position:absolute;overflow:hidden}.YngYva_device{isolation:isolate;aspect-ratio:100/84;width:min(100%,54rem);margin-inline:auto;position:relative}.YngYva_browser{width:86%;position:absolute;top:0;left:0}.YngYva_phone{z-index:2;width:23%;position:absolute;bottom:0;right:0}.YngYva_screen{pointer-events:none;-webkit-user-select:none;user-select:none;text-rendering:geometricprecision;width:100%;height:auto;display:block;overflow:visible}.YngYva_dot,.YngYva_note{--x:var(--x-company);--y:var(--y-company)}.YngYva_hlBox{--hx:var(--hx-company);--hy:var(--hy-company);--hw:var(--hw-company);--hh:var(--hh-company);--ho:var(--ho-company)}.YngYva_showcase[data-kind=landing] :is(.YngYva_dot,.YngYva_note){--x:var(--x-landing);--y:var(--y-landing)}.YngYva_showcase[data-kind=blog] :is(.YngYva_dot,.YngYva_note){--x:var(--x-blog);--y:var(--y-blog)}.YngYva_showcase[data-kind=multilingual] :is(.YngYva_dot,.YngYva_note){--x:var(--x-multilingual);--y:var(--y-multilingual)}.YngYva_showcase[data-kind=landing] .YngYva_hlBox{--hx:var(--hx-landing);--hy:var(--hy-landing);--hw:var(--hw-landing);--hh:var(--hh-landing);--ho:var(--ho-landing)}.YngYva_showcase[data-kind=blog] .YngYva_hlBox{--hx:var(--hx-blog);--hy:var(--hy-blog);--hw:var(--hw-blog);--hh:var(--hh-blog);--ho:var(--ho-blog)}.YngYva_showcase[data-kind=multilingual] .YngYva_hlBox{--hx:var(--hx-multilingual);--hy:var(--hy-multilingual);--hw:var(--hw-multilingual);--hh:var(--hh-multilingual);--ho:var(--ho-multilingual)}.YngYva_dots{z-index:3;pointer-events:none;position:absolute;inset:0}.YngYva_dot{top:calc(var(--y) * 1%);left:calc(var(--x) * 1%);background-color:var(--accent-strong);width:1.1rem;height:1.1rem;color:var(--accent-ink);box-shadow:0 0 0 2px var(--bg);font-family:var(--font-mono);transition:top .7s var(--ease-out), left .7s var(--ease-out);border-radius:50%;place-items:center;font-size:.62rem;font-weight:700;line-height:1;display:grid;position:absolute;translate:-50% -50%}.YngYva_notes{grid-template-columns:minmax(0,1fr);gap:1.5rem 2.5rem;margin:clamp(1.5rem,1rem + 2vw,2.5rem) 0 0;padding:0;list-style:none;display:grid}.YngYva_noteLine{display:none}.YngYva_noteText{border-top:1px solid var(--rule-strong);grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:.85rem;padding-top:1rem;display:grid}.YngYva_noteNo{background-color:var(--accent-strong);width:1.5rem;height:1.5rem;color:var(--accent-ink);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.72rem;font-weight:700;line-height:1;display:grid}.YngYva_noteTitle{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:0 0 .3rem;font-size:1rem;font-weight:600;line-height:1.2;display:block}.YngYva_noteBody{color:var(--muted);margin:0;font-size:.86rem;line-height:1.5}.YngYva_noteKinds{display:grid}.YngYva_noteKind{opacity:0;visibility:hidden;transition:opacity .25s var(--ease), translate .25s var(--ease), visibility 0s linear .25s;grid-area:1/1;translate:0 -.4rem}.YngYva_showcase[data-kind=company] .YngYva_noteKind[data-for=company],.YngYva_showcase[data-kind=landing] .YngYva_noteKind[data-for=landing],.YngYva_showcase[data-kind=blog] .YngYva_noteKind[data-for=blog],.YngYva_showcase[data-kind=multilingual] .YngYva_noteKind[data-for=multilingual]{opacity:1;visibility:visible;transition:opacity .45s var(--ease-out) calc(.2s + var(--n,0) * 60ms), translate .55s var(--ease-out) calc(.2s + var(--n,0) * 60ms), visibility 0s linear 0s;translate:0}.YngYva_note:nth-child(2){--n:1}.YngYva_note:nth-child(3){--n:2}.YngYva_note:nth-child(4){--n:3}.YngYva_note:nth-child(5){--n:4}.YngYva_note:nth-child(6){--n:5}.YngYva_fd{font-family:var(--font-display)}.YngYva_fPage{fill:var(--surface)}.YngYva_fS2{fill:var(--surface-2)}.YngYva_fS3{fill:var(--surface-3)}.YngYva_fBg{fill:var(--bg)}.YngYva_fInk{fill:var(--ink)}.YngYva_fMut{fill:var(--muted)}.YngYva_fFaint{fill:var(--faint)}.YngYva_fAcc{fill:var(--accent-strong)}.YngYva_fAccInk{fill:var(--accent-ink)}.YngYva_fNone{fill:none}.YngYva_kRule,.YngYva_kStrong,.YngYva_kInk,.YngYva_kAcc,.YngYva_kFocus{vector-effect:non-scaling-stroke}.YngYva_kRule{stroke:var(--rule);stroke-width:1px}.YngYva_kStrong{stroke:var(--rule-strong);stroke-width:1px}.YngYva_kInk{stroke:var(--ink);stroke-opacity:.28;stroke-width:1px}.YngYva_kAcc{stroke:var(--accent-strong);stroke-width:1px}.YngYva_kFocus{stroke:var(--accent-strong);stroke-width:1.6px}.YngYva_dash{stroke-dasharray:3 3}.YngYva_ring{fill:none;stroke:var(--surface-3)}.YngYva_ringOn{fill:none;stroke:var(--accent-strong);stroke-linecap:round}.YngYva_cInk{color:var(--ink)}.YngYva_cMut{color:var(--muted)}.YngYva_cAcc{color:var(--accent-strong)}.YngYva_cAccInk{color:var(--accent-ink)}.YngYva_sym{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.YngYva_hlBox{x:calc(var(--hx) * 1px);y:calc(var(--hy) * 1px);width:calc(var(--hw) * 1px);height:calc(var(--hh) * 1px);opacity:var(--ho);fill:var(--accent-strong);fill-opacity:.06;stroke:var(--accent-strong);stroke-opacity:.85;stroke-width:1.25px;vector-effect:non-scaling-stroke;transition:x .7s var(--ease-out), y .7s var(--ease-out), width .7s var(--ease-out), height .7s var(--ease-out), opacity .4s var(--ease)}.YngYva_variant{opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}.YngYva_part{--i:0;opacity:0;transition:opacity .3s var(--ease), translate .3s var(--ease);translate:0 10px}.YngYva_part:nth-child(2){--i:1}.YngYva_part:nth-child(3){--i:2}.YngYva_part:nth-child(4){--i:3}.YngYva_part:nth-child(5){--i:4}.YngYva_showcase[data-kind=company] .YngYva_vCompany,.YngYva_showcase[data-kind=landing] .YngYva_vLanding,.YngYva_showcase[data-kind=blog] .YngYva_vBlog,.YngYva_showcase[data-kind=multilingual] .YngYva_vMultilingual{opacity:1;transition:opacity .4s var(--ease) .1s}.YngYva_showcase[data-kind=company] .YngYva_vCompany .YngYva_part,.YngYva_showcase[data-kind=landing] .YngYva_vLanding .YngYva_part,.YngYva_showcase[data-kind=blog] .YngYva_vBlog .YngYva_part,.YngYva_showcase[data-kind=multilingual] .YngYva_vMultilingual .YngYva_part{opacity:1;transition:opacity .5s var(--ease) calc(.12s + var(--i) * 60ms), translate .7s var(--ease-out) calc(.12s + var(--i) * 60ms);translate:0}@media (max-width:639px){.YngYva_device{aspect-ratio:1}.YngYva_browser{width:92%}.YngYva_phone{width:31%}}@media (min-width:640px){.YngYva_notes{grid-template-columns:repeat(2,minmax(0,1fr))}.YngYva_dot{width:1.35rem;height:1.35rem;font-size:.7rem}}@media (min-width:900px){.YngYva_notes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:899px){.YngYva_switch{border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:34rem;display:grid}.YngYva_option{white-space:normal;text-align:center;border-radius:20px;min-height:3rem;padding:.5rem 1.25rem}.YngYva_indicator{border-radius:20px}}@media (min-width:1180px){.YngYva_stage{grid-template-columns:var(--side) minmax(0, 1fr) var(--side);column-gap:var(--gap);display:grid}.YngYva_device{grid-column:2;width:100%}.YngYva_notes{--dw:calc(100% - 2 * (var(--side) + var(--gap)));--leader:color-mix(in oklab, var(--ink) 40%, transparent);pointer-events:none;margin:0;display:block;position:absolute;inset:0}.YngYva_note{--ox:0;--oy:0;--ow:86;--oh:86;--fx:calc((var(--ox) + var(--x) * var(--ow) / 100) / 100);--top:calc((var(--oy) + var(--y) * var(--oh) / 100) * 1%)}.YngYva_notePhone{--ox:77;--oy:45.24;--ow:23;--oh:54.76}.YngYva_noteLine{top:var(--top);background-color:var(--leader);height:1px;transition:top .7s var(--ease-out), left .7s var(--ease-out), width .7s var(--ease-out);display:block;position:absolute}.YngYva_noteText{top:var(--top);width:var(--side);border-top-color:var(--leader);pointer-events:auto;transition:top .7s var(--ease-out);padding-top:.8rem;display:block;position:absolute}.YngYva_noteNo{display:none}.YngYva_noteLeft .YngYva_noteLine{left:var(--side);width:calc(var(--gap) + var(--fx) * var(--dw))}.YngYva_noteLeft .YngYva_noteText{left:0}.YngYva_noteRight .YngYva_noteLine{left:calc(var(--side) + var(--gap) + var(--fx) * var(--dw));width:calc(var(--gap) + (1 - var(--fx)) * var(--dw))}.YngYva_noteRight .YngYva_noteText{right:0}}@media (prefers-reduced-motion:reduce){.YngYva_indicator,.YngYva_switch[data-slide] .YngYva_indicator,.YngYva_variant,.YngYva_variant .YngYva_part,.YngYva_option,.YngYva_option:before,.YngYva_dot,.YngYva_hlBox,.YngYva_noteLine,.YngYva_noteText,.YngYva_noteKind{transition:none!important}.YngYva_hintText{animation:none}}