.gs{--g-a:hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%);--g-b:hsl(calc(var(--th) + 344) calc(74% * var(--ts)) 58%);--g-d:hsl(calc(var(--th) + 347) calc(58% * var(--ts)) 17%);--g-e:hsl(calc(var(--th) + 347) calc(58% * var(--ts)) 10%);--g-w:hsl(calc(var(--th) + 76) calc(70% * var(--ts)) 86%);--lx:0;--ly:0;padding:14px 14px 12px;border:1px solid hsl(calc(var(--th) + 354) calc(60% * var(--ts)) 80%/.14);border-radius:28px;background:linear-gradient(165deg,hsl(calc(var(--th) + 349) calc(46% * var(--ts)) 13%),hsl(calc(var(--th) + 349) calc(46% * var(--ts)) 7.5%));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 80px -30px rgba(0,0,0,.75)}.gs,.gs-stage{position:relative}.gs-stage{aspect-ratio:480/300;perspective:900px}.gs-svg{display:block;width:100%;height:100%;overflow:visible;--wa:hsl(calc(var(--th) + var(--wh, 0) + 354) calc(100% * var(--ts)) 72%)}.gs-stage[data-tilt] .gs-svg{transform:rotateX(calc(var(--ly) * -5deg)) rotateY(calc(var(--lx) * 7deg));transition:transform .25s ease-out}.gs-bubble{position:absolute;z-index:3;left:22px;top:56%;max-width:min(38%,220px);margin:0;padding:9px 13px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.96);color:hsl(calc(var(--th) + 349) calc(58% * var(--ts)) 14%);font-size:.875rem;font-weight:600;line-height:1.35;box-shadow:0 10px 28px -8px rgba(0,0,0,.6);animation:gs-bubble-in .45s cubic-bezier(.2,.9,.3,1.3) both;pointer-events:none}@keyframes gs-bubble-in{0%{opacity:0;transform:translateY(8px) scale(.92)}}.gs-hint{margin:6px 0 0;color:var(--g-w);font-size:.875rem;text-align:center;opacity:.55}.gs .ch-front .ch-eyes{transform:translate(calc(var(--lx) * 2.4px),calc(var(--ly) * 1.8px));transition:transform .14s ease-out}.gs .ch-front .ch-head{animation:none;transform:rotate(calc(var(--lx) * 5deg)) translate(calc(var(--lx) * 1.2px),calc(var(--ly) * .6px));transition:transform .22s ease-out}.gs .ch-front .ch-eye{transform-box:fill-box;transform-origin:center;animation:gs-blink 5s ease-in-out infinite}.gs[data-talk="1"] .ch-front .ch-mouth{transform-box:fill-box;transform-origin:50% 0;animation:gs-talk .2s ease-in-out infinite alternate}@keyframes gs-talk{to{transform:scaleY(.5)}}.gs-av{cursor:pointer}.gs-av:hover .ch-front .ch-arm-r{animation:ch-wave .7s ease-in-out infinite alternate}.gs-av:hover .ch-front .ch-arm-r .ch-fore{animation:ch-wave-fore .36s ease-in-out infinite alternate}.gs-av-g.gs-hop{animation:gs-hop .6s cubic-bezier(.3,1.5,.5,1)}.gs-float{animation:gs-float 4.2s ease-in-out infinite}.gs-pulse{animation:gs-pulse 1.8s ease-in-out infinite}.gs-pop,.gs-pulse{transform-box:fill-box;transform-origin:center}.gs-pop{animation:gs-pop .45s cubic-bezier(.3,1.5,.5,1) both}.gs-wag{animation:gs-wag .6s ease-in-out infinite alternate}.gs-type>:first-child{transform-origin:141px 138px;animation:gs-tap .26s ease-in-out 8 alternate}.gs-type>:nth-child(2){transform-origin:199px 138px;animation:gs-tap .26s ease-in-out -.13s 8 alternate}@keyframes gs-tap{0%{transform:rotate(-2deg)}to{transform:rotate(2.4deg)}}.gs-orbit{animation:gs-spin 24s linear infinite}@keyframes gs-spin{to{transform:rotate(1turn)}}.gs-ring{animation:gs-ring 2.7s ease-out infinite}.gs-portal,.gs-ring{transform-box:fill-box;transform-origin:center}.gs-portal{animation:gs-portal 3s ease-in-out infinite}.gs-flash{position:absolute;inset:0;border-radius:18px;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.75),transparent 70%);pointer-events:none;animation:gs-flash .7s ease-out both}.gs-steam{animation:gs-steam 2.4s ease-out infinite}.gs-clap{animation:gs-clap 3.2s ease-in-out infinite}.gs-spinshape{animation:gs-turn .8s cubic-bezier(.3,1.4,.5,1)}@keyframes gs-turn{0%{transform:rotate(-180deg) scale(.6);opacity:0}}.gs-burst circle{transform-box:fill-box;transform-origin:center;animation:gs-burst .8s ease-out both}.gs-draw{stroke-dasharray:130;stroke-dashoffset:130;animation:gs-drawline 3.4s ease-in-out infinite}@keyframes gs-drawline{60%,to{stroke-dashoffset:0}}.gs-card,.gs-row{transition:transform .55s cubic-bezier(.3,1.2,.4,1)}.gs-wire rect{transition:fill .5s,stroke-opacity .5s}.gs-robot-eyes{transform:translate(calc(var(--lx) * 3px),calc(var(--ly) * 2px));transition:transform .15s ease-out}.gs-ai-answer{margin:0;color:var(--g-e);font-size:.875rem;font-weight:600;line-height:1.3}.gs-cube-wrap{position:absolute;top:18%;right:4%;display:grid;width:38%;place-items:center;aspect-ratio:1;perspective:700px;cursor:grab;touch-action:none}.gs-cube-wrap:active{cursor:grabbing}.gs-cube{position:relative;width:108px;height:108px;transform-style:preserve-3d}.gs-face{position:absolute;inset:0;border:2px solid var(--g-a);background:linear-gradient(135deg,hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.22),hsl(calc(var(--th) + 344) calc(74% * var(--ts)) 58%/.06)),linear-gradient(45deg,transparent 49%,hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.3) 50%,transparent 51%);box-shadow:inset 0 0 22px hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.3)}.gs-controls{gap:10px 12px;padding:10px 6px 2px}.gs-chips,.gs-controls{display:flex;flex-wrap:wrap;align-items:center}.gs-chips{gap:8px}.gs-chip{padding:6px 14px;border:1px solid hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.4);border-radius:999px;background:hsl(calc(var(--th) + 349) calc(46% * var(--ts)) 16%/.7);color:#fff;font-size:.875rem;cursor:pointer;transition:background .25s,color .25s,transform .25s}.gs-chip:hover{transform:translateY(-1px);border-color:var(--g-a)}.gs-chip[data-on=true]{background:var(--g-a);color:var(--g-e);font-weight:600}.gs-chip:disabled{opacity:.6;cursor:default}.gs-field{display:flex;width:100%;flex-direction:column;gap:5px}.gs-field span{color:var(--g-w);font-size:.875rem;opacity:.8}.gs-field input{padding:12px 16px}.gs-swatches{display:flex;gap:10px}.gs-swatch{width:30px;height:30px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:transform .25s}.gs-swatch[data-on=true]{border-color:#fff;transform:scale(1.18)}.gs-readout{margin:0;color:var(--g-w);font-size:.875rem;opacity:.9}.gs-readout b{color:#fff}.gs-readout span{opacity:.7}.gs-scrub{display:flex;width:100%;align-items:center;gap:12px}.gs-scrub input{flex:1;accent-color:var(--g-a)}@media (max-width:640px){.gs{padding:10px;border-radius:22px}.gs-bubble{left:14px;max-width:44%;font-size:.875rem}}@media (prefers-reduced-motion:reduce){.gs *,.gs-bubble{animation:none!important;transition:none!important}}.ob-sec{min-height:100vh;padding:2.5rem 0 2rem}.ob-sec,.ob.gs{position:relative}.ob.gs{width:min(100%,1800px);max-height:100vh;padding:0;overflow:hidden;aspect-ratio:16/9;container-type:inline-size}.ob-head{position:absolute;top:4%;left:3%;z-index:4;max-width:34%}.ob-chip{display:inline-flex;padding:.35em 1em;border:1px solid hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.35);border-radius:999px;background:hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.1);color:var(--g-a);font-size:clamp(.875rem,1.05cqw,.9rem);font-weight:500}.ob-head h2{margin:.5em 0 0;padding-bottom:.1em;font-size:clamp(1.4rem,2.6cqw,2.9rem);font-weight:600;letter-spacing:-.04em;line-height:1.06;white-space:pre-line;background-image:linear-gradient(0deg,hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76.47%) 0,hsl(calc(var(--th) + 351.38) calc(40.21% * var(--ts)) 19.02%) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.ob-stage{z-index:1}.ob-stage,.ob-svg{position:absolute;inset:0;pointer-events:none}.ob-svg{width:100%;height:100%}.ob-svg .gs-av{pointer-events:auto}.ob-bubble{top:23.5%;left:2.4%;z-index:4;max-width:24cqw;font-size:clamp(.875rem,1.1cqw,.95rem)}.ob-arms>g:first-child{animation:ob-idle 3.4s ease-in-out infinite alternate}.ob-arms>g:nth-child(2){animation:ob-idle 3.4s ease-in-out infinite alternate-reverse}.ob[data-phase=coding] .ob-arms>g:first-child{animation:ob-tap .17s ease-in-out infinite alternate}.ob[data-phase=coding] .ob-arms>g:nth-child(2){animation:ob-tap .21s ease-in-out infinite alternate-reverse}@keyframes ob-idle{to{transform:rotate(1.4deg)}}@keyframes ob-tap{0%{transform:rotate(-1.6deg)}to{transform:rotate(2.6deg)}}.ob-key{opacity:.45}.ob[data-phase=coding] .ob-key{animation:ob-key .55s ease-in-out infinite}.ob-screenwrap{position:absolute;top:9.1%;left:37.4%;z-index:3;width:59.75%;height:52.9%}.ob-screen{position:absolute;inset:0;overflow:hidden;border-radius:1cqw;background:#0b0818;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 6cqw hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 70%/.25);container-type:size}.ob-chrome{position:absolute;top:0;right:0;left:0;z-index:3;display:flex;height:7.4cqh;align-items:center;gap:.7cqw;padding:0 1.4cqw;background:#15102a;border-bottom:1px solid rgba(255,255,255,.07)}.ob-chrome>i{width:1.1cqw;height:1.1cqw;border-radius:50%;background:#ff5f57}.ob-chrome>i:nth-child(2){background:#febc2e}.ob-chrome>i:nth-child(3){background:#28c840}.ob-tabs{display:flex;height:100%;margin-left:1cqw;gap:.3cqw}.ob-tabs button{padding:0 1.4cqw;border:0;border-bottom:2px solid transparent;background:transparent;color:#8f87ad;font:500 1.3cqw ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.ob-tabs button[data-on=true]{border-bottom-color:var(--g-a);background:#1d1638;color:#fff}.ob-tabs button:disabled{opacity:.35;cursor:default}.ob-url{display:flex;min-width:0;flex:1;align-items:center;gap:.8cqw;height:70%;margin:0 1cqw;padding:0 1.2cqw;border-radius:999px;background:#0b0818;color:#cfc8ea;font-size:max(.875rem,1.25cqw)}.ob-url span{display:grid;width:1.9cqw;height:1.9cqw;place-items:center;border-radius:50%;background:var(--g-a);color:var(--g-e);font-size:max(.875rem,1.1cqw);font-weight:800}.ob-live{margin-left:auto;padding:.3cqw 1.1cqw;background:rgba(255,255,255,.08);color:#cfc8ea;font-size:max(.875rem,1cqw)}.ob-live[data-on=true]{background:#28c840;color:#06220d}.ob-browser,.ob-code-view{position:absolute;top:7.4cqh;right:0;bottom:0;left:0;transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1)}.ob-code-view{display:grid;grid-template-columns:15cqw minmax(0,1fr) 15.5cqw;background:#0f0b20}.ob-browser{opacity:0;transform:translateY(3cqh) scale(.985);pointer-events:none;background:#0e0a1a}.ob-screenwrap[data-view=site] .ob-browser{opacity:1;transform:none;pointer-events:auto}.ob-screenwrap[data-view=site] .ob-code-view{opacity:0;transform:translateY(-3cqh) scale(1.01);pointer-events:none}.ob-explorer,.ob-plan{display:flex;flex-direction:column;gap:.5cqw;padding:1.4cqw 1.2cqw;background:#120d26;color:#9a92b8;font:500 1.15cqw ui-monospace,SFMono-Regular,Menlo,monospace}.ob-explorer b,.ob-plan b{margin-bottom:.4cqw;color:#6f6890;font-size:max(.875rem,.95cqw);letter-spacing:.14em}.ob-explorer p{margin:0 0 .3cqw;color:#cfc8ea}.ob-explorer span{padding:.3cqw .8cqw;border-radius:.5cqw;opacity:.25;transition:opacity .4s}.ob-explorer span[data-made=true]{opacity:1}.ob-explorer span[data-on=true]{background:rgba(255,255,255,.08);color:#fff}.ob-plan{border-left:1px solid rgba(255,255,255,.06)}.ob-plan span{display:flex;align-items:center;gap:.7cqw;opacity:.4;transition:opacity .4s,color .4s}.ob-plan i{width:1.2cqw;height:1.2cqw;border:1.5px solid;border-radius:50%}.ob-plan span[data-done=true]{color:#7ee787;opacity:1}.ob-plan span[data-done=true] i{background:#7ee787}.ob-plan span[data-now=true]{color:var(--g-a);opacity:1}.ob-plan span[data-now=true] i{border-top-color:transparent;animation:ob-spin .8s linear infinite}.ob-editor{position:relative;display:flex;min-width:0;flex-direction:column}.ob-code{flex:1;overflow:hidden;padding:1.2cqw 0 1cqw}.ob-code pre{margin:0;color:#d9d3f0;font:400 1.38cqw/1.62 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}.ob-ln{display:flex}.ob-no{width:3.4cqw;flex:none;padding-right:1.2cqw;color:#51496f;text-align:right;user-select:none}.ob-caret,.ob-no{display:inline-block}.ob-caret{width:.55cqw;height:1.3em;margin-left:1px;background:var(--g-a);vertical-align:text-bottom;animation:ob-blink .9s steps(2) infinite}@keyframes ob-blink{50%{opacity:0}}.ob-status{display:flex;align-items:center;gap:2cqw;padding:.6cqw 1.4cqw;background:#15102a;border-top:1px solid rgba(255,255,255,.07);color:#8f87ad;font:500 1cqw ui-monospace,SFMono-Regular,Menlo,monospace}.ob-bar{flex:1;height:.5cqw;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.ob-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--g-b),var(--g-a));transition:width .1s linear}.ob-term{position:absolute;right:1.2cqw;bottom:4cqw;left:1.2cqw;padding:1cqw 1.4cqw;border:1px solid rgba(255,255,255,.1);border-radius:1cqw;background:rgba(8,5,20,.94);color:#7ee787;font:500 1.2cqw/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.ob-term p{margin:0;animation:gs-pop .3s ease-out both}.ob-viewport{position:absolute;inset:0;overflow:hidden;cursor:grab}.ob-viewport:active{cursor:grabbing}.ob-frame{position:relative;margin:0 auto;overflow:hidden;background:var(--bg,#fff);transition:width .5s cubic-bezier(.2,.8,.2,1)}.ob-frame[data-device=tablet]{margin-top:1.4cqh;height:96%!important;border:.5cqw solid #2c2447;border-radius:2cqw}.ob-frame[data-device=phone]{margin-top:1.4cqh;height:96%!important;border:.55cqw solid #2c2447;border-radius:3cqw}.ob-inner{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.ob-sb{top:1cqh;right:.5cqw;bottom:1cqh;z-index:3;width:.45cqw;background:rgba(255,255,255,.06);pointer-events:none}.ob-sb,.ob-sb-thumb{position:absolute;border-radius:999px}.ob-sb-thumb{right:0;left:0;background:var(--g-a);opacity:.8}.ob-toast{position:absolute;bottom:2cqh;left:50%;z-index:4;margin:0;padding:.5cqw 1.6cqw;border-radius:999px;background:rgba(15,10,30,.9);color:#fff;font-size:max(.875rem,1.2cqw);font-weight:600;transform:translateX(-50%);animation:gs-pop .3s ease-out both}.ob-ctl{position:absolute;right:14%;left:17%;z-index:5;display:flex;flex-direction:column;gap:.7cqw;pointer-events:auto}.ob-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.7cqw 1cqw;padding:.6cqw 1cqw;border:1px solid hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.25);border-radius:999px;background:rgba(10,6,18,.72);backdrop-filter:blur(10px);animation:gs-pop .4s ease-out both}.ob-sw{display:flex;gap:.6cqw}.ob-sw button{width:1.9cqw;height:1.9cqw;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:transform .25s}.ob-sw button[data-on=true]{border-color:#fff;transform:scale(1.2)}.ob-seg{display:flex;padding:.2cqw;border-radius:999px;background:rgba(255,255,255,.07)}.ob-mini,.ob-seg button{padding:.35cqw 1.1cqw;border:0;border-radius:999px;background:transparent;color:#d8d1f0;font-size:clamp(.875rem,1cqw,.875rem);text-transform:capitalize;cursor:pointer;transition:background .25s,color .25s}.ob-mini[data-on=true],.ob-seg button[data-on=true]{background:var(--g-a);color:var(--g-e);font-weight:700}.ob-mini{background:rgba(255,255,255,.07);text-transform:none}.ob-form label{display:flex;align-items:center;gap:.6cqw;margin:0 0 .35cqw 1.4cqw;color:var(--g-w);font-size:clamp(.875rem,1cqw,.875rem);font-weight:600;letter-spacing:.04em}.ob-form label b{display:grid;width:1.5cqw;height:1.5cqw;place-items:center;border-radius:50%;background:var(--g-a);color:var(--g-e);font-size:max(.875rem,.9cqw)}.ob-pill{position:relative;display:flex;height:clamp(46px,4.6cqw,78px);align-items:center;gap:1cqw;padding:0 .7cqw 0 2cqw;overflow:hidden;border:1.5px solid hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.45);border-radius:999px;background:linear-gradient(180deg,rgba(20,12,36,.92),rgba(8,5,18,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 40px -12px rgba(0,0,0,.8),0 0 3cqw hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 70%/.18);transition:box-shadow .3s,border-color .3s}.ob-pill[data-focus=true]{border-color:var(--g-a);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 40px -12px rgba(0,0,0,.8),0 0 0 4px hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.22),0 0 4cqw hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 70%/.35)}.ob-pill[data-shake=true]{animation:ob-shake .45s}@keyframes ob-shake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}.ob-pill input{min-width:0;flex:1;border:0;background:transparent;color:#fff;font-size:clamp(1rem,1.9cqw,1.9rem);font-weight:700;letter-spacing:-.01em;outline:none}.ob-pill input::placeholder{color:rgba(255,255,255,.34);font-weight:500}.ob-pill input:disabled{opacity:.7}.ob-ring{width:clamp(20px,2.1cqw,34px);height:clamp(20px,2.1cqw,34px);flex:none;transform:rotate(-90deg)}.ob-ring circle{fill:none;stroke:rgba(255,255,255,.14);stroke-width:2.4}.ob-ring circle+circle{stroke:var(--g-a);stroke-dasharray:62.8;stroke-linecap:round;transition:stroke-dashoffset .2s}.ob-pill button{position:relative;display:inline-flex;height:80%;align-items:center;gap:.8cqw;padding:0 clamp(14px,2.2cqw,40px);overflow:hidden;border:0;border-radius:999px;background:linear-gradient(135deg,var(--g-b),var(--g-a));color:var(--g-e);font-size:clamp(.875rem,1.35cqw,1.3rem);font-weight:800;white-space:nowrap;cursor:pointer;transition:transform .25s,filter .25s}.ob-pill button:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);animation:ob-shine 3.2s ease-in-out infinite}@keyframes ob-shine{50%,to{transform:translateX(120%)}}.ob-pill button:hover:not(:disabled){transform:translateY(-1px) scale(1.02);filter:brightness(1.08)}.ob-pill button:disabled{cursor:default;filter:saturate(.7)}.ob-pill button i{font-style:normal}.ob-pbar{position:absolute;bottom:0;left:0;height:4px;background:var(--g-a);box-shadow:0 0 12px var(--g-a);transition:width .1s linear}.ob-eg{display:flex;flex-wrap:wrap;align-items:center;gap:.6cqw;margin-left:1.4cqw;color:var(--g-w);font-size:clamp(.875rem,.95cqw,.875rem)}.ob-eg span{opacity:.6}.ob-eg button{padding:.25cqw 1cqw;border:1px solid hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.3);border-radius:999px;background:rgba(10,6,18,.6);color:#fff;font-size:inherit;cursor:pointer;transition:border-color .2s,background .2s}.ob-eg button:hover:not(:disabled){border-color:var(--g-a);background:hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.15)}.ob-eg button:disabled{opacity:.4}.ob-note{display:none}.ws-root{--a:hsl(calc(var(--th) + var(--wo, 354)) calc(88% * var(--ts)) 58%);--a2:hsl(calc(var(--th) + var(--wo, 354) + 44) calc(90% * var(--ts)) 64%);--asoft:hsl(calc(var(--th) + var(--wo, 354)) calc(80% * var(--ts)) 95%);width:100%}.ws{--bg:#ffffff;--ink:#17122b;--mute:#7a7494;--card:hsl(calc(var(--th) + var(--wo, 354)) calc(60% * var(--ts)) 97%);--line:rgba(23,18,43,0.08);--line2:rgba(23,18,43,0.12);width:100%;background:var(--bg);color:var(--ink);font:16px/1.5 var(--font-sans),system-ui,sans-serif;transition:background .5s,color .5s}.ws[data-mode=dark]{--bg:#0f0b1c;--ink:#f3efff;--mute:#9a93b8;--card:#181230;--line:rgba(255,255,255,0.08);--line2:rgba(255,255,255,0.14);--asoft:rgba(255,255,255,0.05)}.ws-sec{position:relative;cursor:pointer;opacity:0;filter:blur(10px);transform:translateY(46px) scale(.985);transition:opacity .9s,filter .9s,transform 1s cubic-bezier(.2,.8,.2,1)}.ws-sec[data-shown=true]{opacity:1;filter:none;transform:none}.ws-sec:hover{outline:3px dashed var(--a);outline-offset:-8px}.ws-tag{position:absolute;top:12px;right:14px;z-index:2;padding:4px 12px;border-radius:999px;background:var(--a);color:#fff;font-size:.875rem;font-weight:700;opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s;pointer-events:none}.ws-sec:hover .ws-tag{opacity:1;transform:none}.ws-line{display:block;height:12px;margin:10px 0;border-radius:6px;background:var(--line2)}.ws-btn{padding:14px 28px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--a),var(--a2));color:#fff;font:700 16px var(--font-sans),system-ui,sans-serif;box-shadow:0 10px 30px -10px var(--a);cursor:pointer}.ws-btn-sm{padding:10px 20px;font-size:14px}.ws-btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--line2);box-shadow:none}.ws em{font-style:normal;background:linear-gradient(90deg,var(--a),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}.ws .ws-h1,.ws h1,.ws h2,.ws h3{margin:0;letter-spacing:-.035em}.ws-eyebrow{display:inline-block;padding:6px 16px;border-radius:999px;background:var(--asoft);color:var(--a);font-size:14px;font-weight:700}.ws header{margin-bottom:48px;text-align:center}.ws header h2{margin-top:16px;font-size:46px;line-height:1.1}.ws-nav{display:flex;justify-content:space-between;padding:22px 56px;border-bottom:1px solid var(--line)}.ws-logo,.ws-nav{align-items:center}.ws-logo{display:inline-flex;gap:12px;font-size:22px}.ws-logo i{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--a2));color:#fff;font-style:normal;font-weight:800}.ws-nav nav{display:flex;gap:34px;color:var(--mute);font-weight:600}.ws-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:80px 56px 90px;overflow:hidden;background:radial-gradient(60% 80% at 80% 20%,var(--asoft),transparent 70%)}.ws-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border:1px solid var(--line2);border-radius:999px;font-size:14px;font-weight:600}.ws-badge i{width:9px;height:9px;border-radius:50%;background:#28c840;box-shadow:0 0 0 4px rgba(40,200,64,.2);animation:ws-pulse 1.6s ease-in-out infinite}@keyframes ws-pulse{50%{transform:scale(1.35)}}.ws-hero .ws-h1,.ws-hero h1{margin:26px 0 22px;font-size:78px;font-weight:800;line-height:1.02}.ws-lines{max-width:520px}.ws-row{display:flex;gap:16px;margin-top:30px}.ws-proof{display:flex;align-items:center;margin-top:36px;color:var(--mute);font-size:15px}.ws-proof i{width:38px;height:38px;margin-right:-10px;border:3px solid var(--bg);border-radius:50%;background:hsl(calc(var(--th) + var(--wo, 354) + var(--k) * 50) calc(80% * var(--ts)) 66%)}.ws-proof span{margin-left:24px}.ws-proof b{color:var(--ink)}.ws-hero-art{position:relative;height:440px}.ws-blob{position:absolute;inset:20px 10px 0 30px;border-radius:42% 58% 55% 45%/48% 42% 58% 52%;background:linear-gradient(140deg,var(--a),var(--a2));opacity:.9;animation:ws-morph 9s ease-in-out infinite alternate}@keyframes ws-morph{50%{border-radius:58% 42% 40% 60%/55% 60% 40% 45%;transform:rotate(8deg) scale(1.03)}}.ws-card{position:absolute;padding:18px 22px;border-radius:20px;background:var(--bg);box-shadow:0 24px 50px -20px rgba(23,18,43,.5);animation:ws-float 4.6s ease-in-out infinite}.ws-c1{top:36px;left:-6px;width:190px}.ws-c1 i{display:block;width:42px;height:42px;border-radius:12px;background:var(--a)}.ws-c2{right:0;bottom:54px;width:170px;animation-delay:-2s}.ws-c2 b{color:var(--a);font-size:30px}@keyframes ws-float{50%{transform:translateY(-14px)}}.ws-phone{position:absolute;top:40px;left:50%;width:190px;height:360px;padding:14px;border:6px solid #17122b;border-radius:34px;background:var(--bg);transform:translateX(-30%) rotate(6deg);box-shadow:0 30px 60px -20px rgba(23,18,43,.6)}.ws-phone i{display:block;width:60px;height:8px;margin:0 auto 16px;border-radius:4px;background:#17122b}.ws-phone div{height:74px;margin-bottom:12px;border-radius:14px;background:var(--card);animation:ws-shimmer 2.4s ease-in-out infinite}.ws-phone div:nth-child(2){background:var(--a);opacity:.8}@keyframes ws-shimmer{50%{opacity:.55}}.ws-logos{padding:40px 0;border-block:1px solid var(--line);text-align:center}.ws-logos p{margin:0 0 22px;color:var(--mute);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ws-marquee{overflow:hidden}.ws-marquee>div{display:flex;width:max-content;gap:24px;animation:ws-marq 26s linear infinite}@keyframes ws-marq{to{transform:translateX(-50%)}}.ws-marquee span{display:flex;align-items:center;gap:12px;padding:14px 26px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.ws-marquee i{width:26px;height:26px;border-radius:8px;background:var(--a);opacity:.8}.ws-marquee span[data-k="1"] i,.ws-marquee span[data-k="4"] i{border-radius:50%}.ws-marquee span[data-k="2"] i,.ws-marquee span[data-k="5"] i{transform:rotate(45deg) scale(.8)}.ws-gallery,.ws-process,.ws-reviews,.ws-services{padding:96px 56px}.ws-grid3{grid-template-columns:repeat(3,1fr)}.ws-grid2,.ws-grid3{display:grid;gap:28px}.ws-grid2{grid-template-columns:repeat(2,1fr)}.ws-box{padding:34px;border:1px solid var(--line);border-radius:26px;background:var(--card);transition:transform .35s,box-shadow .35s}.ws-box:hover{transform:translateY(-8px);box-shadow:0 30px 60px -30px var(--a)}.ws-box h3{margin:20px 0 8px;font-size:24px}.ws-ico{display:block;width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,var(--a),var(--a2));box-shadow:0 14px 30px -12px var(--a)}.ws-ico[data-k="1"]{border-radius:50%}.ws-ico[data-k="2"]{border-radius:8px;transform:rotate(45deg) scale(.86)}.ws-more{display:inline-block;margin-top:14px;color:var(--a);font-weight:700}.ws-services[data-v="1"] .ws-grid3{grid-template-columns:1fr}.ws-services[data-v="1"] .ws-box{display:grid;grid-template-columns:80px 220px 1fr auto;align-items:center;gap:24px;padding:24px 34px}.ws-services[data-v="1"] .ws-box h3{margin:0}.ws-services[data-v="1"] .ws-line{margin:4px 0}.ws-services[data-v="2"] .ws-box{border:0;background:linear-gradient(145deg,var(--a),var(--a2));color:#fff}.ws-services[data-v="2"] .ws-line{background:rgba(255,255,255,.4)}.ws-services[data-v="2"] .ws-more{color:#fff}.ws-about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:96px 56px;background:var(--card)}.ws-pic{position:relative;height:400px;overflow:hidden;border-radius:32px;background:linear-gradient(180deg,var(--a2),var(--asoft))}.ws-sun{position:absolute;top:54px;left:66px;width:80px;height:80px;border-radius:50%;background:#fff;box-shadow:0 0 0 20px rgba(255,255,255,.3),0 0 0 44px rgba(255,255,255,.16);animation:ws-pulse 4s ease-in-out infinite}.ws-pic svg{position:absolute;bottom:0;left:0;width:100%;height:56%}.ws-pic path:first-child{fill:var(--a);opacity:.55}.ws-pic path:last-child{fill:var(--a)}.ws-pic-badge{position:absolute;right:22px;bottom:22px;padding:14px 20px;border-radius:18px;background:var(--bg);box-shadow:0 16px 30px -12px rgba(23,18,43,.5);animation:ws-float 5s ease-in-out infinite}.ws-pic-badge b{color:var(--a);font-size:26px}.ws-about-text h2{margin:16px 0 22px;font-size:46px;line-height:1.1}.ws-about-text ul{display:grid;gap:12px;margin:24px 0 30px;padding:0;list-style:none;font-weight:600}.ws-about-text li{display:flex;align-items:center;gap:12px}.ws-about-text li i{width:24px;height:24px;border-radius:50%;background:var(--a) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center /70% no-repeat}.ws-about[data-v="1"] .ws-pic{order:2}.ws-about[data-v="2"]{grid-template-columns:1fr;text-align:center}.ws-about[data-v="2"] .ws-about-text li{justify-content:center}.ws-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:70px 56px;background:linear-gradient(120deg,var(--a),var(--a2));color:#fff;text-align:center}.ws-stat b{display:block;font-size:64px;font-weight:800;letter-spacing:-.04em;line-height:1.1}.ws-stat span{font-size:17px;font-weight:600;opacity:.85}.ws-stats[data-v="1"]{background:#17122b}.ws-stats[data-v="2"]{background:var(--bg);color:var(--ink);gap:22px}.ws-stats[data-v="2"] .ws-stat{padding:28px 10px;border:1px solid var(--line2);border-radius:24px}.ws-stats[data-v="2"] .ws-stat b{color:var(--a)}.ws-process ol{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:0;padding:0;list-style:none}.ws-process ol:before{content:"";position:absolute;top:31px;right:12%;left:12%;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--a),var(--a2));opacity:.35}.ws-process li{position:relative;text-align:center}.ws-process li i{display:grid;width:64px;height:64px;margin:0 auto 20px;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--a2));color:#fff;font-size:24px;font-style:normal;font-weight:800;box-shadow:0 0 0 8px var(--asoft)}.ws-process li h3{margin-bottom:10px;font-size:22px}.ws-process li .ws-line{margin-inline:auto}.ws-process[data-v="1"] ol{grid-template-columns:1fr}.ws-process[data-v="1"] ol:before{display:none}.ws-process[data-v="1"] li{display:grid;grid-template-columns:64px 160px 1fr;align-items:center;gap:24px;text-align:left}.ws-process[data-v="1"] li i{margin:0}.ws-process[data-v="2"] li{padding:26px 18px;border:1px solid var(--line2);border-radius:24px;background:var(--card)}.ws-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ws-tiles figure{position:relative;height:250px;margin:0;overflow:hidden;border-radius:24px;background:var(--card)}.ws-tile-art{position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,hsl(calc(var(--th) + var(--wo, 354) + var(--tk, 0)) 90% 82%/.9) 0 18%,transparent 19%),linear-gradient(140deg,hsl(calc(var(--th) + var(--wo, 354) + var(--tk, 0)) calc(80% * var(--ts)) 60%),hsl(calc(var(--th) + var(--wo, 354) + var(--tk, 0) + 50) calc(80% * var(--ts)) 40%));transition:transform .6s}.ws-tiles figure:hover .ws-tile-art{transform:scale(1.12) rotate(1.5deg)}.ws-tiles figure[data-k="0"]{--tk:0}.ws-tiles figure[data-k="1"]{--tk:50}.ws-tiles figure[data-k="2"]{--tk:100}.ws-tiles figure[data-k="3"]{--tk:150}.ws-tiles figure[data-k="4"]{--tk:200}.ws-tiles figure[data-k="5"]{--tk:250}.ws-tiles figcaption{position:absolute;right:0;bottom:0;left:0;padding:14px 22px;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)}.ws-tiles figcaption .ws-line{background:rgba(255,255,255,.7)}.ws-gallery[data-v="1"] .ws-tiles figure:first-child,.ws-gallery[data-v="1"] .ws-tiles figure:nth-child(4){grid-column:span 2}.ws-gallery[data-v="2"] .ws-tiles{grid-template-columns:repeat(2,1fr)}.ws-gallery[data-v="2"] .ws-tiles figure{height:200px;border-radius:100px}.ws-stars{margin-bottom:14px;color:#ffb81c;font-size:22px;letter-spacing:3px}.ws-box footer{display:flex;align-items:center;gap:14px;margin-top:22px;text-align:left}.ws-box footer i{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--a2))}.ws-box footer i[data-k="1"]{background:linear-gradient(135deg,var(--a2),var(--a))}.ws-box footer .ws-line{margin:6px 0}.ws-reviews[data-v="1"] .ws-grid2{grid-template-columns:1fr}.ws-reviews[data-v="2"] .ws-box{border:0;background:var(--asoft)}.ws-contact{padding:40px 56px 0}.ws-banner{padding:70px 60px;border-radius:36px;background:linear-gradient(120deg,var(--a),var(--a2));color:#fff;text-align:center}.ws-banner h2{font-size:52px;font-weight:800}.ws-banner em{background:none;color:#fff;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:8px}.ws-banner .ws-line{margin:20px auto 30px;background:rgba(255,255,255,.5)}.ws-mail{display:flex;max-width:560px;align-items:center;justify-content:space-between;margin:0 auto;padding:8px 8px 8px 28px;border-radius:999px;background:#fff;color:#9a93b8}.ws-mail .ws-btn{box-shadow:none}.ws-contact[data-v="1"] .ws-banner,.ws-mail .ws-btn{background:#17122b}.ws-contact[data-v="2"] .ws-banner{border:3px solid var(--a);background:var(--card);color:var(--ink)}.ws-contact[data-v="2"] .ws-banner em{color:var(--a)}.ws-contact[data-v="2"] .ws-banner .ws-line{background:var(--line2)}.ws-foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding:60px 0 30px}.ws-foot p{grid-column:1/-1;margin:20px 0 0;padding-top:24px;border-top:1px solid var(--line);color:var(--mute);font-size:14px}.ws-root[data-device=tablet] .ws-about,.ws-root[data-device=tablet] .ws-hero{grid-template-columns:1fr}.ws-root[data-device=tablet] .ws-hero .ws-h1,.ws-root[data-device=tablet] .ws-hero h1{font-size:60px}.ws-root[data-device=tablet] .ws-about,.ws-root[data-device=tablet] .ws-gallery,.ws-root[data-device=tablet] .ws-hero,.ws-root[data-device=tablet] .ws-nav,.ws-root[data-device=tablet] .ws-process,.ws-root[data-device=tablet] .ws-reviews,.ws-root[data-device=tablet] .ws-services{padding-inline:36px}.ws-root[data-device=tablet] .ws-grid3,.ws-root[data-device=tablet] .ws-process ol{grid-template-columns:repeat(2,1fr)}.ws-root[data-device=tablet] .ws-stats{grid-template-columns:repeat(2,1fr);gap:30px}.ws-root[data-device=phone] .ws-nav{padding:16px 20px}.ws-root[data-device=phone] .ws-nav nav{display:none}.ws-root[data-device=phone] .ws-about,.ws-root[data-device=phone] .ws-foot,.ws-root[data-device=phone] .ws-grid2,.ws-root[data-device=phone] .ws-grid3,.ws-root[data-device=phone] .ws-hero,.ws-root[data-device=phone] .ws-process ol,.ws-root[data-device=phone] .ws-stats,.ws-root[data-device=phone] .ws-tiles{grid-template-columns:1fr}.ws-root[data-device=phone] .ws-hero{padding:36px 20px}.ws-root[data-device=phone] .ws-hero .ws-h1,.ws-root[data-device=phone] .ws-hero h1{font-size:40px}.ws-root[data-device=phone] .ws-hero-art{height:300px}.ws-root[data-device=phone] .ws-about,.ws-root[data-device=phone] .ws-gallery,.ws-root[data-device=phone] .ws-process,.ws-root[data-device=phone] .ws-reviews,.ws-root[data-device=phone] .ws-services,.ws-root[data-device=phone] .ws-stats{padding:50px 20px}.ws-root[data-device=phone] .ws header h2,.ws-root[data-device=phone] .ws-about-text h2,.ws-root[data-device=phone] .ws-banner h2{font-size:30px}.ws-root[data-device=phone] .ws-banner{padding:40px 20px}.ws-root[data-device=phone] .ws-contact{padding:20px 20px 0}.ws-root[data-device=phone] .ws-process ol:before,.ws-root[data-device=phone] .ws-process:before{display:none}.ws-root[data-device=phone] .ws-process[data-v="1"] li,.ws-root[data-device=phone] .ws-services[data-v="1"] .ws-box{grid-template-columns:1fr}.ws-root[data-device=phone] .ws-row{flex-wrap:wrap}@media (max-width:760px){.ob-sec{min-height:0;padding:1.5rem 0}.ob.gs{display:flex;max-height:none;flex-direction:column;aspect-ratio:auto}.ob-head{position:static;max-width:none;padding:0 1rem .8rem}.ob-head h2{font-size:1.9rem}.ob-screenwrap{position:relative;top:auto;left:auto;width:94%;height:auto;margin:0 auto;aspect-ratio:16/11}.ob-stage{position:relative;inset:auto;z-index:1;width:100%;aspect-ratio:390/520;margin-top:.4rem;overflow:hidden}.ob-svg{top:-29%;left:-11%;width:300%;height:auto;aspect-ratio:16/9}.ob-bubble{top:1.5%;left:3%;max-width:62%;font-size:.875rem}.ob-ctl{right:3%;bottom:2%;left:3%;gap:6px}.ob-pill{height:50px}.ob-pill input{font-size:1rem}.ob-pill button{font-size:.875rem;padding:0 14px}.ob-tools{gap:6px 8px;border-radius:18px;padding:6px 10px}.ob-sw button{width:20px;height:20px}.ob-mini,.ob-seg button{padding:4px 9px;font-size:.875rem}.ob-eg,.ob-form label{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.ob *,.ws *{animation:none!important}}.ob[data-phase=coding] .rg-body{animation:rg-type .34s ease-in-out infinite alternate}@keyframes rg-type{to{transform:translateY(-3px)}}.ob[data-talk="1"] .rg-head{animation:rg-talk .24s ease-in-out infinite alternate}@keyframes rg-talk{to{translate:0 -4px}}.ob-hand{transform-box:fill-box;transform-origin:50% 0}.ob[data-phase=coding] .ob-hand-l{animation:ob-press .17s ease-in-out infinite alternate}.ob[data-phase=coding] .ob-hand-r{animation:ob-press .21s ease-in-out infinite alternate-reverse}@keyframes ob-press{0%{transform:translateY(-3px) rotate(-2deg)}to{transform:translateY(3px) rotate(2deg)}}.ob-cast[data-on=true] path{animation:ob-cast 1.2s ease-in-out infinite}.ob-cast[data-on=true] path:nth-child(2){animation-delay:.2s}@keyframes ob-cast{50%{opacity:.2}}.ob-beam{opacity:.25;transition:opacity .6s}.ob-beam[data-on=true]{opacity:1}.ob-beam[data-on=true] path{animation:ob-dash .9s linear infinite}@keyframes ob-dash{to{stroke-dashoffset:-24}}.ob-live svg{width:1.25cqw;height:1.25cqw;margin-right:.5cqw;vertical-align:-.2cqw;fill:none;stroke:currentcolor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.ob-bubble.lg{padding:.7cqw 1.2cqw;border-radius:1.4cqw 1.4cqw 1.4cqw .3cqw;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.05) 40%,hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76.47%/.12));color:#fff;font-weight:500;text-shadow:0 1px 6px rgba(0,0,0,.5)}.ob-bubble.lg:before{border-radius:inherit}.ob-tools.lg{border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 40%,hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76.47%/.1));backdrop-filter:blur(22px) saturate(1.8)}.ob-pill.lg{border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.05) 38%,hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76.47%/.13));overflow:hidden}.ob-pill.lg,.ob-pill.lg:before{border-radius:999px}.ob-pill.lg[data-focus=true]{box-shadow:inset 0 1px 1px rgba(255,255,255,.6),0 0 0 3px hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.28),0 24px 60px hsl(calc(var(--th) + 337) calc(100% * var(--ts)) 7.84%/.55)}.ob-pill button,.ob-pill input,.ob-ring{position:relative;z-index:3}.ob-pbar{z-index:3}.ob-form label{text-shadow:0 1px 6px rgba(0,0,0,.7)}.ob-ctl{bottom:3%}.ob.gs{-webkit-mask-image:linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}.ob-bubble{top:1.6%;left:37.6%;max-width:34cqw}@media (max-width:760px){.ob-bubble{top:1.5%}.ob.gs{-webkit-mask-image:none;mask-image:none}}.ob-tools{position:absolute;top:65.2%;right:2.6%;left:44%;z-index:5;justify-content:center;pointer-events:auto}@media (max-width:760px){.ob-tools{top:auto;right:3%;bottom:27%;left:3%}}.ob-frame{background:#0e0a1a}.ws[data-empty=true]{background:transparent}.ob-sec{min-height:0;padding:3.5rem 1rem}.ob.gs{width:min(100%,1180px);margin:0 auto;border:1px solid rgba(255,255,255,.1);border-radius:34px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 50px 120px -50px rgba(0,0,0,.85);aspect-ratio:5/3;-webkit-mask-image:none;mask-image:none}.ob-screenwrap{top:10.3%;left:31.8%;width:62%;height:47.5%}.ob-bubble{top:18%;max-width:26cqw}.ob-ctl{right:6%;bottom:2.4%;left:31%;gap:.5cqw}.ob-tools{top:60.2%;right:12%;left:31.8%}.ob-pill{height:clamp(44px,4.6cqw,64px)}.ob-code{scroll-behavior:auto}.ob-code pre{font-size:max(.875rem,1.62cqw)}.ob-no{width:3.8cqw}.ob-explorer,.ob-plan{font-size:max(.875rem,1.3cqw)}.ob-code-view{grid-template-columns:13.5cqw minmax(0,1fr) 14.5cqw}.ob-status{font-size:max(.875rem,1.15cqw)}.ob-tabs button{font-size:max(.875rem,1.45cqw)}.ob-live{font-size:max(.875rem,1.1cqw)}.ob-url{font-size:max(.875rem,1.4cqw)}.ob[data-phase=coding] .dg-head{animation:dg-nod .9s ease-in-out infinite alternate}@keyframes dg-nod{0%{transform:rotate(4deg) translate(2px)}to{transform:rotate(7deg) translate(4px,3px)}}.ob[data-talk="1"] .dg-head{animation:rg-talk .24s ease-in-out infinite alternate}.ob[data-phase=coding] .dg-fore{animation:dg-type .2s ease-in-out infinite alternate}.ob[data-phase=coding] .dg-arm{animation:dg-type2 .34s ease-in-out infinite alternate}@keyframes dg-type{0%{transform:rotate(-1.4deg)}to{transform:rotate(1.2deg) translateY(1.6px)}}@keyframes dg-type2{to{transform:rotate(.8deg)}}@media (max-width:760px){.ob-sec{padding:1.5rem 0}.ob.gs{width:100%;border-radius:24px;aspect-ratio:auto}.ob-svg{top:-41%;left:0;width:286%}.ob-screenwrap{top:auto;left:auto;width:94%;height:auto}.ob-ctl{right:3%;bottom:2%;left:3%}.ob-tools{top:auto;right:3%;bottom:22%;left:3%}.ob-bubble{top:2%;left:3%;max-width:60%}}.ob-screenwrap{top:10%;left:37.67%;width:57.33%;height:44.7%}.ob-bubble{top:14%;left:3%}.ob-ctl,.ob-tools{left:37.7%;right:5.5%}.ob-tools{top:58%}@media (max-width:760px){.ob-screenwrap{top:auto;left:auto;width:94%;height:auto}.ob-ctl,.ob-tools{left:3%;right:3%}.ob-tools{top:auto}.ob-svg{top:-26%;width:286%}}.ob-code-view{grid-template-rows:minmax(0,1fr)}.ob-editor{min-height:0;overflow:hidden}.ob-code{flex:1 1 0;min-height:0}.ob-explorer,.ob-plan{min-height:0;overflow:hidden}@media (min-width:761px){.ob-tools{flex-wrap:nowrap;justify-content:space-between;gap:.5cqw;padding:.35cqw .9cqw;top:57.8%}.ob-sw button{width:1.5cqw;height:1.5cqw}.ob-mini,.ob-seg button{padding:.3cqw .8cqw;font-size:max(.875rem,.92cqw);white-space:nowrap}}@media (max-width:760px){.ob-stage{aspect-ratio:390/430}.ob-svg{top:-20%;left:-14.7%;width:220%}.ob-bubble{top:3%;left:4%;max-width:58%}.ob-tools{bottom:27%}}.ob-screenwrap{top:2.8%;left:20.4%;width:59.2%;height:37.2%}.ob-bubble{top:3.2%;font-size:clamp(.875rem,1.12cqw,.92rem);line-height:1.38}.ob-tools{top:46.2%;right:20.4%;left:20.4%}.ob[data-phase=coding] .pb-0 .pb-head{animation:pb-look-a 2.6s ease-in-out infinite alternate}.ob[data-phase=coding] .pb-1 .pb-head{animation:pb-nod .7s ease-in-out infinite alternate}.ob[data-phase=coding] .pb-2 .pb-head{animation:pb-look-b 3.1s ease-in-out infinite alternate}@keyframes pb-look-a{0%{transform:rotate(-4deg) translateX(-3px)}to{transform:rotate(5deg) translateX(4px)}}@keyframes pb-look-b{0%{transform:rotate(3deg) translateY(1px)}to{transform:rotate(-5deg) translateY(-1px)}}@keyframes pb-nod{0%{transform:translateY(0)}to{transform:translateY(5px) rotate(1.2deg)}}.ob[data-phase=building] .pb-elbow-l,.ob[data-phase=coding] .pb-elbow-l{animation:pb-type .22s ease-in-out infinite alternate}.ob[data-phase=building] .pb-elbow-r,.ob[data-phase=coding] .pb-elbow-r{animation:pb-type .28s ease-in-out infinite alternate-reverse}.ob[data-phase=coding] .pb-0 .pb-elbow-r{animation-duration:1.6s;animation-name:pb-mouse}@keyframes pb-type{to{transform:translateY(5px)}}@keyframes pb-mouse{0%{transform:translate(0)}to{transform:translate(-10px,6px)}}.ob[data-phase=live] .pb-elbow{opacity:0}.ob[data-phase=live] .pb-cheer{opacity:1}.ob[data-phase=live] .pb-up-l{animation:pb-wave .7s ease-in-out infinite alternate}.ob[data-phase=live] .pb-up-r{animation:pb-wave .7s ease-in-out infinite alternate-reverse}@keyframes pb-wave{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}.ob-caret-svg{animation:gs-blink-c .8s steps(2) infinite}@keyframes gs-blink-c{50%{opacity:0}}.ob-spin-svg{transform-box:fill-box;transform-origin:center;animation:ob-spin .9s linear infinite}.ob[data-phase=idle] .pb-head{animation:pb-look-b 5s ease-in-out infinite alternate}@media (max-width:760px){.ob-stage{aspect-ratio:390/410}.ob-svg{top:-14%;left:-20%;width:140%}.ob-bubble{top:2%;left:3%;max-width:94%}.ob-tools{bottom:24%}.ob-screenwrap{position:relative;top:auto;left:auto;width:94%;height:auto;margin:0 auto;aspect-ratio:16/11}.ob-stage{aspect-ratio:auto;height:calc(92px + 56cqw);overflow:hidden}.ob-svg{top:calc(92px - 34cqw);left:-9%;width:118%;height:auto;aspect-ratio:5/3}.ob-bubble{position:relative;top:auto;left:auto;max-width:none;min-height:3.6rem;margin:.5rem .75rem 0;font-size:.875rem}.ob-tools{top:auto;right:3%;bottom:104px;left:3%}.ob-ctl{right:3%;bottom:2%;left:3%}}.ob-sec{display:grid;min-height:100svh;place-items:center;padding:16px 16px 88px}.ob.gs{width:min(100%,calc((100svh - 108px) * 1.5));aspect-ratio:3/2;max-height:none;border-radius:30px}.ob-screenwrap{top:2.5%;left:20.33%;width:59.33%;height:37.25%}.ob-screen{border-radius:14px}.ob-bubble{top:2.5%;left:1.6%;width:17.2cqw;max-width:17.2cqw;padding:.9cqw 1.1cqw 1cqw;font-size:clamp(.875rem,1.08cqw,.9rem);line-height:1.42}.ob-b-eye{display:flex;align-items:center;gap:.5cqw;margin-bottom:.4cqw;color:var(--g-a);font-size:clamp(.875rem,.78cqw,.875rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-shadow:none}.ob-b-eye i{width:.6cqw;height:.6cqw;border-radius:50%;background:var(--g-a);box-shadow:0 0 .8cqw var(--g-a);animation:gs-blink-c 1.2s ease-in-out infinite}.ob-tools.lg{top:2.5%;right:1.2%;bottom:auto;left:81.8%;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:.75cqw;padding:1cqw 1.1cqw 1.1cqw;border-radius:1.5cqw}.ob-tg,.ob-tools.lg{flex-direction:column}.ob-tg{display:flex;gap:.3cqw}.ob-lab{color:rgba(255,255,255,.55);font-size:clamp(.875rem,.76cqw,.875rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ob-tools .ob-sw{display:grid;grid-template-columns:repeat(6,1fr);gap:.4cqw}.ob-tools .ob-sw button{width:100%;height:auto;aspect-ratio:1;border:2px solid transparent;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.ob-tools .ob-sw button[data-on=true]{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.18),0 0 1.2cqw rgba(255,255,255,.35);transform:scale(1.12)}.ob-tools .ob-seg{padding:.18cqw}.ob-tools .ob-seg button{flex:1;padding:.42cqw .1cqw}.ob-tools .ob-mini,.ob-tools .ob-seg button{font-size:clamp(.875rem,.88cqw,.875rem);white-space:nowrap}.ob-tools .ob-mini{padding:.5cqw .8cqw}.ob-ctl{right:20%;bottom:1.8%;left:20%}.ob-lrow{display:flex;align-items:center;justify-content:space-between;margin:0 0 .4cqw 1.4cqw}.ob-lrow label{margin:0}.ob-skip{padding:.25cqw 1cqw;border:1px solid hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.35);border-radius:999px;background:rgba(10,6,18,.6);color:#fff;font-size:clamp(.875rem,.9cqw,.875rem);cursor:pointer;transition:border-color .2s,background .2s}.ob-skip:hover{border-color:var(--g-a);background:hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.18)}.ob-pill.lg[data-idle=true]{border:2px solid transparent;background:linear-gradient(rgba(20,11,36,.88),rgba(20,11,36,.88)) padding-box,conic-gradient(from var(--ob-a),var(--g-a),transparent 26%,var(--g-b) 50%,transparent 76%,var(--g-a)) border-box;animation:ob-spin-a 3.2s linear infinite,ob-glow 2.2s ease-in-out infinite}.ob-pill.lg[data-idle=true][data-shake=true]{animation:ob-shake .45s,ob-spin-a 3.2s linear infinite,ob-glow 2.2s ease-in-out infinite}@keyframes ob-spin-a{to{--ob-a:360deg}}@keyframes ob-glow{0%,to{box-shadow:0 0 1.6cqw hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 70%/.35),0 20px 50px -20px rgba(0,0,0,.8)}50%{box-shadow:0 0 3.6cqw hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 70%/.75),0 0 0 .5cqw hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.14),0 20px 50px -20px rgba(0,0,0,.8)}}.ob-pill.lg[data-idle=true] input::placeholder{color:rgba(255,255,255,.55)}.ob-live{display:inline-flex;flex:none;align-items:center;gap:.6cqw;margin-right:.3cqw;padding:.4cqw 1.2cqw;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.07);color:#d9d3f0;font-size:max(.875rem,1.35cqw);font-weight:700;letter-spacing:.1em;line-height:1;white-space:nowrap}.ob-live svg{display:none}.ob-live:before{content:"";width:.95cqw;height:.95cqw;border-radius:50%;background:var(--g-a);box-shadow:0 0 .9cqw var(--g-a);animation:gs-blink-c 1.1s ease-in-out infinite}.ob-live[data-on=true]{border-color:rgba(40,200,64,.6);background:rgba(40,200,64,.16);color:#8bf29a}.ob-live[data-on=true]:before{background:#28c840;box-shadow:0 0 .9cqw #28c840}.ob-url{font-size:max(.875rem,1.5cqw)}.ob-secs{animation:ob-sec 60s linear infinite;transform-origin:0 0}.ob-scan{animation:ob-scan 2.2s linear infinite}@media (prefers-reduced-motion:reduce){.ob-pill.lg[data-idle=true],.ob-scan,.ob-secs{animation:none!important}}@media (max-width:900px){.ob-sec{min-height:0;padding:1.5rem .5rem}.ob.gs{display:flex;width:100%;flex-direction:column;aspect-ratio:auto;border-radius:24px}.ob-screenwrap{top:auto;left:auto;width:94%;margin:0 auto;aspect-ratio:16/11}.ob-screenwrap,.ob-stage{position:relative;height:auto}.ob-stage{inset:auto;display:flex;flex-direction:column;aspect-ratio:auto;margin-top:.4rem;padding-bottom:.9rem;overflow:hidden}.ob-svg{top:calc(92px - 37cqw);left:-9%;width:118%;height:auto;aspect-ratio:3/2}.ob-bubble{position:relative;top:auto;left:auto;width:auto;max-width:none;min-height:3.6rem;margin:.5rem .75rem 0;padding:.6rem .9rem}.ob-b-eye,.ob-bubble{font-size:.875rem}.ob-ctl{position:relative;right:auto;bottom:auto;left:auto;margin:calc(38px + 32cqw) .75rem 0}.ob-lrow label,.ob-skip{font-size:.875rem}.ob-pill{height:52px}.ob-pill input{font-size:1.05rem}.ob-pill button{padding:0 16px;font-size:.875rem}.ob-tools.lg{position:relative;top:auto;right:auto;bottom:auto;left:auto;order:3;flex-wrap:wrap;gap:.6rem 1rem;margin:.7rem .75rem 0;padding:.7rem .8rem;border-radius:20px}.ob-tg,.ob-tools.lg{flex-direction:row;align-items:center}.ob-tg{gap:.5rem}.ob-lab{font-size:.875rem}.ob-tools .ob-sw{display:flex;gap:.4rem}.ob-tools .ob-sw button{width:1.5rem;height:1.5rem}.ob-tools .ob-mini,.ob-tools .ob-seg button{padding:.35rem .7rem;font-size:.875rem}}.ob-sec{padding:0 0 72px}.ob.gs{width:min(100%,calc((100svh - 72px) * 1.5));max-width:2400px;border:0;border-radius:0;background:transparent;box-shadow:none}.ob-svg{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 90%,transparent);mask-composite:intersect}@media (max-width:900px){.ob-sec{padding:1.5rem 0}.ob.gs{border-radius:0}.ob-svg{-webkit-mask-image:none;mask-image:none}}.gs .ch-front .ch-eyes{transform:translate(calc(var(--lx) * 1.5px),calc(var(--ly) * 1.2px))}.gs .ch-front .ch-eye{animation:none}.gs .ch-front .ch-eyeb{transform-box:fill-box;transform-origin:center;animation:gs-blink 5s ease-in-out infinite}.gs-podium-fill{fill:hsl(calc(var(--th) + 347) calc(58% * var(--ts)) 14%)}.gs-podium-ring{fill:none;stroke:var(--g-a);stroke-width:2;filter:drop-shadow(0 0 6px var(--g-a))}.gs-podium-side{fill:hsl(calc(var(--th) + 347) calc(58% * var(--ts)) 9%);stroke:var(--g-a);stroke-opacity:.35}.gs-podium-glow{fill:var(--g-a);fill-opacity:.18}.gs-spark{fill:none;stroke:var(--g-a);stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--g-a));animation:gs-spark 2.6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.gs-spark{animation:none}}.gs-field input{--ios-fill:hsl(calc(var(--th) + 350) calc(26% * var(--ts)) 82%/0.13);--ios-fill-solid:hsl(calc(var(--th) + 349) calc(20% * var(--ts)) 17%);--ios-tint:hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%);border:0;border-radius:12px;background:var(--ios-fill);box-shadow:none;color:#fff;caret-color:var(--ios-tint);font:inherit;font-size:1.0625rem;letter-spacing:0;outline:none;-webkit-appearance:none;appearance:none;transition:background-color .2s,box-shadow .2s}.gs-field input::placeholder{color:hsl(calc(var(--th) + 352) calc(14% * var(--ts)) 92%/.52);font-family:var(--font-sans);font-size:1.0625rem;letter-spacing:0;opacity:1}.gs-field input:focus{border:0;background:hsl(calc(var(--th) + 350) calc(26% * var(--ts)) 82%/.18);box-shadow:0 0 0 2px hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 76%/.5)}.gs-field input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:var(--ios-tint);box-shadow:0 0 0 100px var(--ios-fill-solid) inset;transition:background-color 9999s ease-out}