.s-step-fill{position:absolute;left:0;right:0;top:-1px;height:2px;border-radius:999px;background:var(--t, var(--odeo));transform-origin:left}.s-step-num{transition:background-color .3s var(--ease-out),color .3s var(--ease-out),transform .3s var(--ease-out)}[data-sol-state=idle] .s-step-fill{transform:scaleX(0)}[data-sol-state=idle] .s-step-num{background:var(--line);color:var(--ink-3);transform:scale(.88)}[data-sol-state=play] .s-step-fill{transform:scaleX(1);transition:transform .9s var(--ease-in-out);transition-delay:calc(var(--i, 0) * .26s + .15s)}[data-sol-state=play] .s-step-num{transition-delay:calc(var(--i, 0) * .26s + .7s)}.s-int-dot{position:absolute;top:50%;left:0;width:10px;height:10px;margin-top:-5px;border-radius:999px;background:#fff;box-shadow:0 0 0 3px var(--odeo),0 0 12px #0ea6e0e6;opacity:0;pointer-events:none}@keyframes s-int-travel{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}to{left:calc(100% - 10px);opacity:0}}@keyframes s-int-ping{0%,to{border-color:var(--line);box-shadow:0 1px 2px #17172e0a,0 8px 24px -10px #17172e1a}35%,60%{border-color:color-mix(in srgb,var(--c) 45%,white);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 14%,transparent),0 18px 40px -16px color-mix(in srgb,var(--c) 60%,transparent)}}[data-sol-state=play] .s-int-dot{animation:s-int-travel 1.1s var(--ease-in-out) .25s both}[data-sol-state=play] .s-int-core{animation:s-int-core .9s var(--ease-out) both}[data-sol-state=play] .s-int-sys{animation:s-int-ping 1.4s var(--ease-out) both;animation-delay:calc(1.25s + var(--i, 0) * .11s)}@keyframes s-int-core{0%,to{transform:none}40%{transform:scale(1.05);box-shadow:0 0 0 8px #0ea6e029,0 0 0 20px #0ea6e012,0 22px 50px -12px #0090c899}}.s-link-card{transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .2s ease}.s-link-card:active{transform:scale(.99)}@media (hover: hover) and (pointer: fine){.s-link-card:hover{transform:translateY(-3px);border-color:#cbd3e1;box-shadow:0 1px 2px #17172e0a,0 18px 40px -16px #17172e29,0 32px 64px -28px #0090c833}}.s-pill{transition:border-color .2s ease,color .2s ease,transform .16s var(--ease-out)}.s-pill:active{transform:scale(.97)}@media (hover: hover) and (pointer: fine){.s-pill:hover{border-color:#cbd3e1;color:var(--ink)}}@media (prefers-reduced-motion: reduce){.s-step-fill,.s-step-num,.s-int-dot,.s-int-core,.s-int-sys,.s-link-card,.s-pill{animation:none!important;transition-duration:1ms!important;transition-delay:0ms!important}[data-sol-state] .s-step-fill{transform:none}}.sv{--t: #0ea6e0;--t-deep: #00729e;--t-field: #cfeefb;--sv-out: cubic-bezier(.23, 1, .32, 1);--sv-io: cubic-bezier(.77, 0, .175, 1);--sv-shadow-card: 0 1px 2px rgba(23, 23, 46, .04), 0 8px 24px -10px rgba(23, 23, 46, .1);--sv-shadow-float: 0 1px 2px rgba(23, 23, 46, .04), 0 12px 32px -8px rgba(23, 23, 46, .1), 0 32px 64px -24px rgba(0, 144, 200, .22)}.sv-t-sm{font-size:.875rem;line-height:1.375}.sv-t-cap{font-size:.8125rem;line-height:1.4}.sv-t-lbl{font-size:.75rem;line-height:1.33;font-weight:600}.sv-t-mic{font-size:.6875rem;line-height:1.25;font-weight:600}.sv-t-tag{font-size:.625rem;line-height:1.2;font-weight:600}.sv-t-adapt{font-size:.6875rem;line-height:1.25;font-weight:600}@media (min-width: 640px){.sv-t-adapt{font-size:.8125rem;line-height:1.4}}.sv-t-ticker{font-family:Mona Sans,Inter,system-ui,sans-serif;font-size:2rem;line-height:1.2;font-weight:600;letter-spacing:-.03em}.sv-panel{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;aspect-ratio:5 / 4;padding:1.25rem;border:1px solid #e3e9f0;border-radius:1.75rem;background:radial-gradient(85% 70% at 94% 4%,color-mix(in srgb,var(--t-field) 90%,transparent),transparent 72%),radial-gradient(70% 60% at 2% 100%,rgba(232,248,254,.9),transparent 70%),#f4f8fb}@media (min-width: 640px){.sv-panel{padding:2rem}}.sv-stage{position:relative;width:100%;max-width:26rem}.sv-card{background:#fff;border:1px solid rgba(226,231,240,.95);border-radius:1.25rem;box-shadow:var(--sv-shadow-float)}.sv-tile{background:#fff;border:1px solid #e3e9f0;border-radius:1rem;box-shadow:var(--sv-shadow-card)}.sv-icon{display:grid;place-items:center;flex-shrink:0;border-radius:.75rem;background:color-mix(in srgb,var(--t) 14%,white);color:var(--t-deep)}.sv-badge{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.125rem .5rem;background:color-mix(in srgb,var(--t) 12%,white);color:var(--t-deep)}.sv-mark{display:grid;place-items:center;flex-shrink:0;border-radius:.75rem;background:#e2f5fc}.sv-bubble{max-width:86%;border-radius:1rem;padding:.5rem .75rem}.sv-bubble.is-bot{align-self:flex-start;background:#f4f8fb;border:1px solid #e3e9f0;color:#17172e;border-bottom-left-radius:.375rem}.sv-bubble.is-user{align-self:flex-end;background:#17172e;color:#fff;border-bottom-right-radius:.375rem}.sv-wire{fill:none;stroke:#cdd6e4;stroke-width:1.5;stroke-dasharray:2 6;stroke-linecap:round}.sv-live{fill:none;stroke:color-mix(in srgb,var(--t) 50%,white);stroke-width:1.75;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.sv-pulse{fill:none;stroke:var(--c, var(--t));stroke-width:4;stroke-linecap:round;stroke-dasharray:5 200;stroke-dashoffset:5;opacity:0;filter:drop-shadow(0 0 4px var(--c, var(--t)))}.sv-photo{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-ring{position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--c, var(--t)) 22%,transparent),0 14px 30px -12px color-mix(in srgb,var(--c, var(--t)) 55%,transparent)}.sv-typing{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:.25rem;height:2.125rem;padding:0 .875rem;border-radius:1rem 1rem 1rem .375rem;border:1px solid #e3e9f0;background:#f4f8fb;opacity:0;pointer-events:none}.sv-typing i{width:.3125rem;height:.3125rem;border-radius:999px;background:#5a5a80;opacity:.5}.sv-demo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));width:100%;min-width:0;max-width:28rem}.sv-demo-chat{grid-column:1 / -1;grid-row:1}.sv-demo-result{grid-column:2 / -1;grid-row:2;margin-top:.75rem}@media (min-width: 640px){.sv-demo-chat{grid-column:1 / span 11}.sv-demo-result{grid-column:3 / -1;margin-top:-.5rem;z-index:1}}.sv-ticker{--h: 2.4rem;height:var(--h);overflow:hidden}.sv-ticker-list{transform:translateY(calc(var(--h) * -5))}.sv-ticker-list>span{display:block;height:var(--h)}.sv-code{border-radius:999px;padding:.25rem .5rem;border:1px solid #e3e9f0;background:#fff;color:#3a3a60}.sv-code.is-final{background:#17172e;border-color:#17172e;color:#fff}.sv-slot{height:1.75rem;border-radius:.5rem;display:grid;place-items:center}.sv-slot.is-busy{background:repeating-linear-gradient(135deg,#eef2f7 0 4px,#f6f8fb 4px 8px)}.sv-slot.is-free{background:color-mix(in srgb,var(--t) 12%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t) 40%,white)}.sv-slot.is-pick{background:#17172e;color:#fff;box-shadow:0 6px 16px -6px #17172e80}.sv-switch{position:relative;width:2.25rem;height:1.25rem;border-radius:999px;background:var(--t);flex-shrink:0}.sv-switch:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:999px;background:#fff;box-shadow:0 1px 3px #17172e40;transform:translate(1rem)}.sv-drop{position:relative;height:2.25rem;width:2px;margin:0 auto;background:repeating-linear-gradient(180deg,#cdd6e4 0 2px,transparent 2px 7px)}.sv-drop:after{content:"";position:absolute;left:50%;top:0;width:.5rem;height:.5rem;margin-left:-.25rem;border-radius:999px;background:#fff;border:2px solid var(--t);box-shadow:0 0 6px var(--t);opacity:0}.sv-hub-stage{position:relative;display:grid;gap:.75rem}.sv-hub-center{position:relative;display:grid;place-items:center;height:11rem}.sv-hub-center .o-beam{top:0;bottom:1rem}.sv-hub-core{position:relative;z-index:1;display:grid;place-items:center;width:5.5rem;height:5.5rem;border-radius:1.75rem;background:#fff;box-shadow:var(--sv-shadow-float),0 0 0 1px #17172e0d}.sv-hub-nodes{display:grid;gap:.75rem}@media (min-width: 640px){.sv-hub-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}}.sv-hub-node{--c: var(--t);position:relative;display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;border-radius:1rem;border:1px solid #e3e9f0;background:#fff;box-shadow:var(--sv-shadow-card);transition:border-color .25s var(--sv-out),box-shadow .3s var(--sv-out),transform .16s var(--sv-out)}.sv-hub-node:active{transform:scale(.97)}.sv-hub-node:focus-visible{border-color:color-mix(in srgb,var(--c) 45%,white);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 14%,transparent),var(--sv-shadow-card)}.sv-hub-svg{display:none}.sv-hub-hl{fill:none;stroke:var(--c);stroke-width:2;stroke-linecap:round;opacity:0;transition:opacity .25s var(--sv-out)}@media (min-width: 1024px){.sv-hub-stage{display:block;aspect-ratio:1000 / 500}.sv-hub-svg{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.sv-hub-center{position:absolute;top:0;bottom:0;left:50%;display:block;width:8rem;height:auto;translate:-50% 0}.sv-hub-center .o-beam{top:3%;bottom:auto;height:40%}.sv-hub-core{position:absolute;left:50%;top:41%;translate:-50% -50%}.sv-hub-nodes{display:block}.sv-hub-node{position:absolute;left:var(--x);top:var(--y);width:17.5rem;translate:-50% -50%;z-index:1}}.sv-hub-stage:has([data-hub-i="0"]:focus-visible) .sv-hub-hl[data-hub-i="0"],.sv-hub-stage:has([data-hub-i="1"]:focus-visible) .sv-hub-hl[data-hub-i="1"],.sv-hub-stage:has([data-hub-i="2"]:focus-visible) .sv-hub-hl[data-hub-i="2"],.sv-hub-stage:has([data-hub-i="3"]:focus-visible) .sv-hub-hl[data-hub-i="3"],.sv-hub-stage:has([data-hub-i="4"]:focus-visible) .sv-hub-hl[data-hub-i="4"],.sv-hub-stage:has([data-hub-i="5"]:focus-visible) .sv-hub-hl[data-hub-i="5"]{opacity:1}@media (hover: hover) and (pointer: fine){.sv-hub-node:hover{border-color:color-mix(in srgb,var(--c) 45%,white);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 14%,transparent),0 18px 40px -16px color-mix(in srgb,var(--c) 55%,transparent)}.sv-hub-node:hover .o-arrow{transform:translate(3px)}.sv-hub-stage:has([data-hub-i="0"]:hover) .sv-hub-hl[data-hub-i="0"],.sv-hub-stage:has([data-hub-i="1"]:hover) .sv-hub-hl[data-hub-i="1"],.sv-hub-stage:has([data-hub-i="2"]:hover) .sv-hub-hl[data-hub-i="2"],.sv-hub-stage:has([data-hub-i="3"]:hover) .sv-hub-hl[data-hub-i="3"],.sv-hub-stage:has([data-hub-i="4"]:hover) .sv-hub-hl[data-hub-i="4"],.sv-hub-stage:has([data-hub-i="5"]:hover) .sv-hub-hl[data-hub-i="5"]{opacity:1}}@keyframes sv-rise{0%{opacity:0;transform:translateY(8px) scale(.98);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes sv-float-in{0%{opacity:0;transform:translateY(18px) scale(.97);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes sv-slide{0%{opacity:0;transform:translate(28px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes sv-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:none}}@keyframes sv-in{0%{opacity:0}to{opacity:1}}@keyframes sv-off{0%{opacity:1}to{opacity:0}}@keyframes sv-grow{0%{transform:scaleX(0)}to{transform:none}}@keyframes sv-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes sv-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes sv-pulse-run{0%{opacity:1;stroke-dashoffset:5}88%{opacity:1}to{opacity:0;stroke-dashoffset:-100}}@keyframes sv-window{0%{opacity:0;transform:translateY(4px)}18%,82%{opacity:1;transform:none}to{opacity:0}}@keyframes sv-dot{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-3px);opacity:1}}@keyframes sv-flash{0%,to{opacity:0}30%{opacity:1}}@keyframes sv-focus{0%,to{border-color:#e3e9f0;box-shadow:none}20%,75%{border-color:color-mix(in srgb,var(--t) 55%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--t) 14%,transparent)}}@keyframes sv-free{0%{background:#fff;box-shadow:inset 0 0 0 1px #e3e9f0}to{background:color-mix(in srgb,var(--t) 12%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t) 40%,white)}}@keyframes sv-pick{0%{background:#fff;color:#5a5a80;box-shadow:inset 0 0 0 1px #e3e9f0}45%{background:color-mix(in srgb,var(--t) 12%,white);color:#5a5a80;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t) 40%,white)}70%{background:color-mix(in srgb,var(--t) 12%,white);color:#5a5a80;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t) 40%,white);transform:none}85%{transform:scale(1.08)}to{background:#17172e;color:#fff;box-shadow:0 6px 16px -6px #17172e80;transform:none}}@keyframes sv-ticker{0%,12%{transform:translateY(0)}18%,30%{transform:translateY(calc(var(--h) * -1))}36%,48%{transform:translateY(calc(var(--h) * -2))}54%,66%{transform:translateY(calc(var(--h) * -3))}72%,84%{transform:translateY(calc(var(--h) * -4))}90%,to{transform:translateY(calc(var(--h) * -5))}}@keyframes sv-code-flash{0%,to{background:#fff;border-color:#e3e9f0;color:#3a3a60}15%,80%{background:color-mix(in srgb,var(--t) 12%,white);border-color:color-mix(in srgb,var(--t) 45%,white);color:var(--t-deep)}}@keyframes sv-code-pick{0%{background:#fff;border-color:#e3e9f0;color:#3a3a60}to{background:#17172e;border-color:#17172e;color:#fff}}@keyframes sv-switch-track{0%{background:#cdd6e4}to{background:var(--t)}}@keyframes sv-switch-knob{0%{transform:none}to{transform:translate(1rem)}}@keyframes sv-drop-run{0%{top:0;opacity:1}85%{opacity:1}to{top:calc(100% - .5rem);opacity:0}}@media (prefers-reduced-motion: no-preference){[data-sol-state=idle] :is(.sv-rise,.sv-float-in,.sv-slide,.sv-pop,.sv-in){opacity:0}[data-sol-state=idle] .sv-grow{transform:scaleX(0)}[data-sol-state=idle] .sv-reveal{clip-path:inset(0 100% 0 0)}[data-sol-state=idle] .sv-draw{stroke-dashoffset:1}[data-sol-state=idle] .sv-off{opacity:1}[data-sol-state=idle] .sv-ticker-list{transform:none}[data-sol-state=idle] .sv-code.is-final{background:#fff;border-color:#e3e9f0;color:#3a3a60}[data-sol-state=idle] .sv-slot.is-free{background:#fff;box-shadow:inset 0 0 0 1px #e3e9f0}[data-sol-state=idle] .sv-slot.is-pick{background:#fff;color:#5a5a80;box-shadow:inset 0 0 0 1px #e3e9f0}[data-sol-state=idle] .sv-switch{background:#cdd6e4}[data-sol-state=idle] .sv-switch:after{transform:none}[data-sol-state=play] .sv-rise{animation:sv-rise .45s var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-float-in{animation:sv-float-in .7s var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-slide{animation:sv-slide .65s var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-pop{animation:sv-pop .46s var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-in{animation:sv-in .36s var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-off{animation:sv-off .22s var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-grow{animation:sv-grow .9s var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-reveal{animation:sv-reveal var(--dur, .65s) var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-draw{animation:sv-draw var(--dur, .65s) var(--sv-io) var(--d, 0ms) both}[data-sol-state=play] .sv-pulse{animation:sv-pulse-run var(--dur, .9s) var(--sv-io) var(--d, 0ms) both}[data-sol-state=play] .sv-ring{animation:sv-flash 1.1s var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-focus{animation:sv-focus var(--dur, .9s) var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-typing{animation:sv-window var(--dur, .75s) var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-typing i{animation:sv-dot .56s var(--sv-io) calc(var(--d, 0ms) + var(--i, 0) * .11s) 1}[data-sol-state=play] .sv-ticker-list{animation:sv-ticker 3.6s var(--sv-io) var(--d, 0ms) both}[data-sol-state=play] .sv-code.is-flash{animation:sv-code-flash .7s var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-code.is-final{animation:sv-code-pick .32s var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-slot.is-free{animation:sv-free .42s var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-slot.is-pick{animation:sv-pick 1.5s var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-switch{animation:sv-switch-track .26s var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-switch:after{animation:sv-switch-knob .26s var(--sv-out) var(--d, 0ms) both}[data-sol-state=play] .sv-drop:after{animation:sv-drop-run .7s var(--sv-io) var(--d, 0ms) both}}.sv-off{opacity:0}