.wf{position:relative}.wf__side{display:flex;flex-direction:column;grid-column:1;grid-row:1}.wf__view{position:relative;grid-column:2;grid-row:1;align-self:center;justify-self:center;width:min(100%,(100svh - var(--nav-h) - 72px) * 1.25)}.wf__stage{position:relative;aspect-ratio:5 / 4;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle,rgba(245,238,228,.07) 1px,transparent 1.4px) 0 0 / 16px 16px,var(--surface-sunk);container-type:size}.wf__scenes{--u: 1cqw;position:absolute;top:0;right:0;bottom:0;left:0;font-size:calc(var(--u) * 1.6)}.wf-scene{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0}.wf-scene.is-play{visibility:visible;opacity:1;transition:opacity .45s ease}.wf-scene>*{position:absolute}.wf:not(.is-running) .wf__stage *,.wf.is-paused .wf__stage *{animation-play-state:paused!important}.wf.is-held .flow__step.is-active .flow__bar i{animation-play-state:paused!important}@keyframes wf-in{0%{opacity:0;transform:translateY(4%)}to{opacity:1;transform:none}}@keyframes wf-pop{0%{opacity:0;transform:translateY(30%) scale(.96)}to{opacity:1;transform:none}}@keyframes wf-fade{0%{opacity:0}to{opacity:1}}@keyframes wf-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes wf-draw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes wf-window{0%,99%{opacity:1}to{opacity:0}}.wf-form{left:19%;top:12%;z-index:2;display:grid;gap:calc(var(--u) * 1.6);width:62%;padding:calc(var(--u) * 3);border-radius:calc(var(--u) * 2);background:var(--crema);color:var(--espresso);box-shadow:0 calc(var(--u) * 4) calc(var(--u) * 8) calc(var(--u) * -3) #000c;opacity:0}.wf-form__title{font-size:calc(var(--u) * 2.8);font-weight:800;line-height:1.05;letter-spacing:-.03em}.wf-form__title span{color:var(--mocha)}.wf-form__row{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 1.4)}.wf-field{display:grid;gap:calc(var(--u) * .6);min-width:0}.wf-field small{color:var(--paper-muted);font-family:var(--font-mono);font-size:calc(var(--u) * 1.3)}.wf-input{display:block;min-height:calc(var(--u) * 4);padding:calc(var(--u) * 1) calc(var(--u) * 1.4);overflow:hidden;border:1px solid var(--paper-line);border-radius:calc(var(--u) * .9);background:var(--paper-surface);font-size:calc(var(--u) * 1.5);line-height:1.45;white-space:nowrap}.wf-input--select{position:relative}.wf-input--select:after{content:"";position:absolute;right:calc(var(--u) * 1.6);top:42%;width:calc(var(--u) * .9);height:calc(var(--u) * .9);border-right:1.5px solid var(--paper-muted);border-bottom:1.5px solid var(--paper-muted);transform:translateY(-50%) rotate(45deg)}.wf-input--area{min-height:calc(var(--u) * 7.4);white-space:normal}.wf-type{display:inline-block}.wf-form__send{justify-self:start;padding:calc(var(--u) * 1.2) calc(var(--u) * 2.6);border-radius:var(--radius-pill);background:var(--brand);font-size:calc(var(--u) * 1.5);font-weight:600}.wf-env{display:contents}.wf-env>i{position:absolute;left:35%;top:56%;width:30%;aspect-ratio:16 / 10;opacity:0}.wf-env__back{z-index:1;border-radius:calc(var(--u) * .8);background:#d9c3ac}.wf-env__front{z-index:3;border-radius:0 0 calc(var(--u) * .8) calc(var(--u) * .8);background:#eadbc8;clip-path:polygon(0 28%,50% 66%,100% 28%,100% 100%,0 100%)}.wf-env__flap{z-index:4;background:#c8b095;clip-path:polygon(0 0,100% 0,50% 60%);transform-origin:top;transform:perspective(600px) rotateX(0)}.wf-chat{left:17%;top:9%;display:grid;align-content:start;gap:calc(var(--u) * 1.5);width:66%;min-height:62%;padding:calc(var(--u) * 2.4);border:1px solid var(--line);border-radius:calc(var(--u) * 2);overflow:hidden;background:#1e1814;opacity:.32}.wf-chat__head{display:flex;align-items:center;gap:calc(var(--u) * 1.2);padding-bottom:calc(var(--u) * 1.4);border-bottom:1px solid var(--line);color:var(--crema);font-size:calc(var(--u) * 1.7);font-weight:600}.wf-chat__head img{width:calc(var(--u) * 3.4);height:auto;border-radius:22%}.wf-chat__head span{display:grid;line-height:1.2}.wf-chat__head small{color:var(--ink-faint);font-family:var(--font-mono);font-size:calc(var(--u) * 1.2);font-weight:400}.wf-chat__note{justify-self:center;padding:calc(var(--u) * .5) calc(var(--u) * 1.4);border-radius:var(--radius-pill);background:#f5eee40f;color:var(--ink-faint);font-family:var(--font-mono);font-size:calc(var(--u) * 1.2)}.wf-msg{max-width:78%;padding:calc(var(--u) * 1.2) calc(var(--u) * 1.6);font-size:calc(var(--u) * 1.45);line-height:1.4}.wf-msg--out{justify-self:end;border-radius:calc(var(--u) * 1.6) calc(var(--u) * 1.6) calc(var(--u) * .4) calc(var(--u) * 1.6);background:var(--caramel);color:var(--espresso)}.wf-msg--in{justify-self:start;border-radius:calc(var(--u) * 1.6) calc(var(--u) * 1.6) calc(var(--u) * 1.6) calc(var(--u) * .4);background:#2e2621;color:var(--crema)}.wf-msg--doc{justify-self:end;display:flex;align-items:center;gap:calc(var(--u) * 1);border:1px solid rgba(200,150,106,.6);border-radius:calc(var(--u) * 1.2);color:var(--caramel);font-family:var(--font-mono);font-size:calc(var(--u) * 1.3)}.wf-msg--doc svg{width:calc(var(--u) * 2.2);fill:none;stroke:currentColor;stroke-width:1.8}.wf-prop{left:19%;top:14%;z-index:5;display:grid;gap:calc(var(--u) * 1.2);width:62%;padding:calc(var(--u) * 3.2);border-radius:calc(var(--u) * 2);background:var(--crema);color:var(--espresso);box-shadow:0 calc(var(--u) * 5) calc(var(--u) * 10) calc(var(--u) * -3) #000000e6;transform-origin:90% 85%}.wf-prop__eyebrow{color:var(--mocha);font-family:var(--font-mono);font-size:calc(var(--u) * 1.3)}.wf-prop__plan{font-size:calc(var(--u) * 4.4);font-weight:800;line-height:1;letter-spacing:-.035em}.wf-prop__plan span{margin-left:calc(var(--u) * 1);color:var(--mocha);font-family:var(--font-mono);font-size:calc(var(--u) * 1.3);font-weight:400;letter-spacing:0;vertical-align:middle}.wf-prop__price{padding-bottom:calc(var(--u) * 1.4);border-bottom:1px solid var(--paper-line);font-size:calc(var(--u) * 3);font-weight:800;letter-spacing:-.03em}.wf-prop__price small{color:var(--paper-muted);font-size:.5em;font-weight:400;letter-spacing:0}.wf-prop ul{display:grid;gap:calc(var(--u) * .9)}.wf-prop li{position:relative;padding-left:calc(var(--u) * 2.6);font-size:calc(var(--u) * 1.5);line-height:1.35}.wf-prop li:before{content:"";position:absolute;left:0;top:.3em;width:calc(var(--u) * 1.2);height:calc(var(--u) * 1.2);border:2px solid var(--mocha);border-radius:50%}.wf-prop__stamp{position:absolute;right:calc(var(--u) * 3);bottom:calc(var(--u) * 3);padding:calc(var(--u) * .7) calc(var(--u) * 1.6);border:2px solid var(--paper-success);border-radius:calc(var(--u) * .8);color:var(--paper-success);font-family:var(--font-mono);font-size:calc(var(--u) * 1.9);letter-spacing:.08em;text-transform:uppercase;transform:rotate(-9deg)}.wf-scene--1.is-play .wf-form{animation:wf-in .56s var(--ease-out) 0s forwards,wf-to-env 1232ms var(--ease-in-out) 5.04s forwards}.wf-scene--1.is-play .wf-type--name{animation:wf-type 672ms steps(11) .67s both}.wf-scene--1.is-play .wf-type--mail{animation:wf-type 1008ms steps(22) 1.52s both}.wf-scene--1.is-play .wf-type--select{animation:wf-fade 224ms ease 2.8s both}.wf-scene--1.is-play .wf-type--msg{animation:wf-type 1456ms steps(34) 3.14s both}.wf-scene--1.is-play .wf-form__send{animation:wf-press 358ms ease 4.65s both}.wf-scene--1.is-play .wf-env>i{animation:wf-env-in 448ms var(--ease-out) 4.93s forwards,wf-env-fly 784ms var(--ease-in-out) 6.72s forwards}.wf-scene--1.is-play .wf-env__flap{animation:wf-env-in 448ms var(--ease-out) 4.93s forwards,wf-flap .47s var(--ease-in-out) 6.16s both,wf-env-fly 784ms var(--ease-in-out) 6.72s forwards}.wf-scene--1.is-play .wf-chat{animation:wf-in 672ms var(--ease-out) 6.83s both,wf-dim .56s ease 11.09s forwards}.wf-scene--1.is-play .wf-chat>:not(.wf-chat__head){animation:wf-pop 504ms var(--ease-out) var(--t) both}.wf-scene--1.is-play .wf-prop{animation:wf-expand 952ms var(--ease-in-out) 11.09s both}.wf-scene--1.is-play .wf-prop li{animation:wf-pop 448ms var(--ease-out) both;animation-delay:calc(11.98s + var(--i) * 202ms)}.wf-scene--1.is-play .wf-prop__stamp{animation:wf-stamp 426ms var(--ease-out) 13.33s both}@keyframes wf-to-env{70%{opacity:1;transform:translateY(12%) scale(.34) rotate(-3deg)}to{opacity:0;transform:translateY(24%) scale(.34) rotate(-3deg)}}@keyframes wf-press{50%{transform:scale(.93)}}@keyframes wf-env-in{0%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:none}}@keyframes wf-flap{0%{transform:perspective(600px) rotateX(180deg)}to{transform:perspective(600px) rotateX(0)}}@keyframes wf-env-fly{to{opacity:0;transform:translateY(-170%) scale(.35) rotate(8deg)}}@keyframes wf-dim{0%{opacity:1}to{opacity:.32}}@keyframes wf-expand{0%{opacity:0;transform:translate(22%,34%) scale(.18)}30%{opacity:1}to{opacity:1;transform:none}}@keyframes wf-stamp{0%{opacity:0;transform:scale(1.8) rotate(-9deg)}to{opacity:1;transform:rotate(-9deg)}}.wf-design{top:3%;right:3%;bottom:3%;left:3%;width:94%;height:94%;overflow:visible}.wf-rough{fill:none;stroke:var(--latte);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000}.wf-note{fill:var(--caramel);font-family:var(--font-mono);font-size:11px}.wf-board{opacity:0;transform-origin:0 0}.wf-g{fill:none}.wf-g--frame{stroke:#f5eee473;stroke-width:1;stroke-dasharray:100}.wf-g--cols{stroke:#c8966a38;stroke-width:1}.wf-g--rows{stroke:#f5eee41a;stroke-width:1}.wf-g--circle{stroke:var(--caramel);stroke-width:1.2;stroke-dasharray:100}.wf-g--diag{stroke:#f5eee438;stroke-width:1;stroke-dasharray:100}.wf-wire rect{fill:#c8966a24;stroke:var(--caramel);stroke-width:1}.wf-measure{fill:var(--caramel);font-family:var(--font-mono);font-size:11px;text-anchor:middle}.wf-grid{opacity:0}.wf-ver{transform-box:fill-box;transform-origin:50% 100%}.wf-ver__frame{fill:#1e1814;stroke:#f5eee480;stroke-width:1.2}.wf-ver__b{fill:#f5eee429}.wf-ver__t{fill:#f5eee4bf}.wf-ver__c{fill:var(--caramel)}.wf-ver__img{fill:var(--mocha)}.wf-ver__label{fill:var(--ink-muted);font-family:var(--font-mono);font-size:12px;text-anchor:middle}.wf-scene--2.is-play .wf-board{animation:wf-vanish 728ms var(--ease-in-out) 3.47s both}.wf-scene--2.is-play .wf-sketch path{animation:wf-draw 1232ms var(--ease-out) both;animation-delay:calc(.22s + var(--i) * .78s)}.wf-scene--2.is-play .wf-note{animation:wf-fade 448ms ease both;animation-delay:calc(1.01s + var(--i) * .78s)}.wf-scene--2.is-play .wf-arrow{animation:wf-draw 672ms var(--ease-out) 2.69s both}.wf-scene--2.is-play .wf-grid{animation:wf-window 3.7s linear 3.58s both}.wf-scene--2.is-play .wf-g--frame{animation:wf-draw-100 1008ms var(--ease-out) 3.7s both}.wf-scene--2.is-play .wf-g--cols{animation:wf-fade 672ms ease 4.03s both}.wf-scene--2.is-play .wf-g--rows{animation:wf-fade 672ms ease 4.26s both}.wf-scene--2.is-play .wf-g--circle{animation:wf-draw-100 896ms var(--ease-out) both;animation-delay:calc(4.48s + var(--i) * 246ms)}.wf-scene--2.is-play .wf-g--diag{animation:wf-draw-100 1008ms var(--ease-out) 4.82s both}.wf-scene--2.is-play .wf-measure{animation:wf-fade 448ms ease 5.04s both}.wf-scene--2.is-play .wf-wire rect{animation:wf-fade 392ms ease both;animation-delay:calc(5.38s + var(--i) * 123ms)}.wf-scene--2.is-play .wf-ver{animation:wf-pop 728ms var(--ease-out) both;animation-delay:calc(7.39s + var(--i) * 392ms)}@keyframes wf-vanish{0%{opacity:1;transform:none}to{opacity:0;transform:translate(4%,-6%) scale(.82)}}@keyframes wf-draw-100{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.wf-mini>i,.wf-pub-page>i,.wf-live>i{position:absolute;border-radius:2cqw}.m-nav{left:7%;right:7%;top:3%;height:3%;background:#2e21404d}.m-h1{background:#2e2140}.m-p{background:#2e21404d}.m-cta{border-radius:10cqw!important;background:#7a5ab5}.m-img{background:radial-gradient(circle at 30% 30%,#A386D6 0 12%,transparent 13%),radial-gradient(circle at 70% 60%,#7A5AB5 0 14%,transparent 15%),linear-gradient(160deg,#efe6f9,#dccdf1)}.wf-ide{left:4%;top:7%;display:grid;grid-template-rows:auto auto 1fr auto;width:46%;height:80%;overflow:hidden;border:1px solid var(--line);border-radius:calc(var(--u) * 1.6);background:#0f0b09;box-shadow:0 calc(var(--u) * 4) calc(var(--u) * 8) calc(var(--u) * -3) #000c}.wf-ide__bar{display:flex;align-items:center;gap:calc(var(--u) * .8);padding:0 calc(var(--u) * 1.4);border-bottom:1px solid var(--line);background:#17110e}.wf-ide__bar>i{width:calc(var(--u) * 1);height:calc(var(--u) * 1);border-radius:50%;background:var(--inactive)}.wf-ide__bar>i:last-of-type{margin-right:calc(var(--u) * 1)}.wf-tab{padding:calc(var(--u) * 1.1) calc(var(--u) * 1.4);border-bottom:2px solid transparent;color:var(--ink-faint);font-family:var(--font-mono);font-size:calc(var(--u) * 1.2)}.wf-tab--css{border-bottom-color:var(--caramel);color:var(--crema)}.wf-ide__body{position:relative;height:calc(var(--u) * 21)}.wf-ide__log{display:grid;align-content:start;gap:calc(var(--u) * .7);padding:calc(var(--u) * 1.4);border-top:1px solid var(--line);background:#0c0907;color:var(--success);font-family:var(--font-mono);font-size:calc(var(--u) * 1.15)}.wf-ide__log:before{content:"consola";margin-bottom:calc(var(--u) * .3);color:var(--ink-faint)}.wf-ide__log .is-link{color:var(--caramel)}.wf-ide__code{position:absolute;top:0;right:0;bottom:0;left:0;padding:calc(var(--u) * 1.4) calc(var(--u) * 1.2);counter-reset:ln;color:var(--ink-muted);font-family:var(--font-mono);font-size:calc(var(--u) * 1.3);line-height:2}.wf-ide__code li:not(.wf-ide__line){position:relative;z-index:1;counter-increment:ln;white-space:pre}.wf-ide__code li:not(.wf-ide__line):before{content:counter(ln);display:inline-block;width:2.6em;color:var(--inactive)}.wf-ide__code b{color:var(--caramel);font-weight:400}.wf-ide__code em{color:var(--latte);font-style:normal}.wf-ide__code u{color:#c9b6e8;text-decoration:none}.wf-ide__code i{color:var(--crema);font-style:normal}.wf-ide__code s{display:inline-block;width:.8em;height:.8em;margin-right:.35em;border-radius:2px;background:var(--c);box-shadow:inset 0 0 0 1px #f5eee44d;vertical-align:-.05em}.wf-ide__code--html{opacity:0}.wf-ide__line{position:absolute;left:0;right:0;top:calc(var(--u) * 1.4);height:2em;background:#c8966a14;box-shadow:inset 2px 0 var(--caramel)}.wf-ide__code--css .wf-ide__line{transform:translateY(500%)}.wf-ide__status{display:flex;align-items:center;gap:calc(var(--u) * .8);padding:calc(var(--u) * .9) calc(var(--u) * 1.4);border-top:1px solid var(--line);color:var(--ink-faint);font-family:var(--font-mono);font-size:calc(var(--u) * 1.1)}.wf-ide__status i{width:calc(var(--u) * .8);height:calc(var(--u) * .8);border-radius:50%;background:var(--success);animation:wf-live 1.6s ease-out infinite}.wf-prev{--pw: calc(var(--u) * 15);--ph: calc(var(--u) * 31);--tw: calc(var(--u) * 27);--th: calc(var(--u) * 35);--dw: calc(var(--u) * 41);--dh: calc(var(--u) * 27);left:53%;top:7%;width:43%;height:80%}.wf-prev__size{position:absolute;left:0;right:0;top:0;display:grid;justify-items:center;color:var(--caramel);font-family:var(--font-mono);font-size:calc(var(--u) * 1.25)}.wf-prev__size span{grid-area:1 / 1;opacity:0}.wf-prev__size span:last-child{opacity:1}.wf-prev__frame{position:absolute;left:50%;top:52%;width:var(--dw);height:var(--dh);overflow:hidden;border:calc(var(--u) * .55) solid #0B0807;border-radius:calc(var(--u) * 1.2);outline:1px solid #3A302A;background:#1e1814;box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 7) calc(var(--u) * -2) #000000d9;transform:translate(-50%,-50%);contain:layout paint}.wf-site{position:absolute;top:0;right:0;bottom:0;left:0;background:#fbf4ec;opacity:0}.wf-site--web{opacity:1}.wf-site>i,.wf-site__page>i{position:absolute;border-radius:calc(var(--u) * .5);outline:1px dashed transparent;outline-offset:-1px}.wf-site__page{position:absolute;inset:0 0 auto;height:135%;transform:translateY(-22%)}.s-nav{left:7%;right:7%;top:4%;height:3.5%;background:#2e214047}.s-h1{background:#2e2140}.s-p{background:#2e214047}.s-cta{border-radius:calc(var(--u) * 3)!important;background:#7a5ab5}.s-img{background:radial-gradient(circle at 30% 30%,#A386D6 0 12%,transparent 13%),radial-gradient(circle at 70% 62%,#7A5AB5 0 14%,transparent 15%),linear-gradient(160deg,#efe6f9,#dccdf1)}.s-card{background:#f1e9f8}.s-band{left:0;right:0;top:76%;height:18%;border-radius:0!important;background:#2e2140}.wf-site--phone .s-h1{left:9%;top:12%;width:82%;height:9%}.wf-site--phone .s-cta{left:9%;top:24%;width:82%;height:5%}.wf-site--phone .s-img{left:9%;top:33%;width:82%;height:28%;border-radius:calc(var(--u) * 1.2)}.wf-site--phone .s-card{left:9%;width:82%;height:13%}.wf-site--phone .s-card:nth-of-type(5){top:65%}.wf-site--phone .s-card:nth-of-type(6){top:81%}.wf-site--tab .s-img{left:8%;top:11%;width:84%;height:30%;border-radius:calc(var(--u) * 6) calc(var(--u) * 6) calc(var(--u) * .5) calc(var(--u) * .5)}.wf-site--tab .s-h1{left:8%;top:46%;width:64%;height:8%}.wf-site--tab .s-cta{left:8%;top:58%;width:34%;height:5%}.wf-site--tab .s-card{top:69%;width:40%;height:22%}.wf-site--tab .s-card:nth-of-type(5){left:8%}.wf-site--tab .s-card:nth-of-type(6){left:52%}.wf-site--web .s-nav{top:4%;height:2.6%}.wf-site--web .s-h1{left:7%;top:13%;width:40%;height:9%}.wf-site--web .s-p{left:7%;top:25%;width:32%;height:2.6%}.wf-site--web .s-cta{left:7%;top:31%;width:15%;height:4.4%}.wf-site--web .s-img{left:55%;top:10%;width:38%;height:30%;border-radius:calc(var(--u) * 8) calc(var(--u) * 8) calc(var(--u) * .5) calc(var(--u) * .5)}.wf-site--web .s-card{top:48%;width:27%;height:20%}.wf-site--web .s-card:nth-of-type(6){left:7%}.wf-site--web .s-card:nth-of-type(7){left:36.5%}.wf-site--web .s-card:nth-of-type(8){left:66%}.wf-prev__chip{position:absolute;left:50%;bottom:0;display:flex;align-items:center;gap:calc(var(--u) * .8);padding:calc(var(--u) * .8) calc(var(--u) * 1.6);border:1px solid rgba(127,191,142,.4);border-radius:var(--radius-pill);background:#13201a;color:var(--crema);font-family:var(--font-mono);font-size:calc(var(--u) * 1.2);white-space:nowrap;transform:translate(-50%)}.wf-prev__chip i{width:calc(var(--u) * .8);height:calc(var(--u) * .8);border-radius:50%;background:var(--success)}.wf-scene--3.is-play .wf-ide{animation:wf-in .5s var(--ease-out) both}.wf-scene--3.is-play .wf-ide__code--html{animation:wf-window 3.9s linear .1s forwards}.wf-scene--3.is-play .wf-ide__code--css{animation:wf-fade .3s ease 4s both}.wf-scene--3.is-play .wf-tab--html{animation:wf-tab-on 3.9s steps(1) .1s both}.wf-scene--3.is-play .wf-tab--css{animation:wf-tab-off 4s steps(1) both}.wf-scene--3.is-play .wf-ide__code--html li:not(.wf-ide__line){animation:wf-type .42s steps(20) both;animation-delay:calc(.3s + var(--i) * .5s)}.wf-scene--3.is-play .wf-ide__code--css li:not(.wf-ide__line){animation:wf-type .42s steps(20) both;animation-delay:calc(4.2s + var(--i) * .5s)}.wf-scene--3.is-play .wf-ide__code--html .wf-ide__line{animation:wf-curline 3.5s steps(7,end) .3s both}.wf-scene--3.is-play .wf-ide__code--css .wf-ide__line{animation:wf-curline-css 2.5s steps(5,end) 4.2s both}.wf-scene--3.is-play .wf-prev__frame{animation:wf-to-tab .9s var(--ease-in-out) 6.9s both,wf-to-web .9s var(--ease-in-out) 8.3s both}.wf-scene--3.is-play .wf-ide__log li{animation:wf-pop .35s var(--ease-out) var(--t) both}.wf-scene--3.is-play .wf-site--tab{animation:wf-site-in .4s ease 7.05s forwards,wf-site-out .3s ease 8.4s forwards}.wf-scene--3.is-play .wf-site--web{animation:wf-fade .4s ease 8.45s both}.wf-scene--3.is-play .wf-site--phone>i{animation:wf-block-in .38s var(--ease-out) both,wf-block-paint .5s ease both;animation-delay:var(--in),var(--paint)}.wf-scene--3.is-play .wf-site--phone{animation:wf-window 7.1s linear forwards,wf-site-paint .6s ease 4.4s both}.wf-site--phone .s-nav{--in: .72s;--paint: 4.6s}.wf-site--phone .s-h1{--in: 1.72s;--paint: 5.1s}.wf-site--phone .s-cta{--in: 2.22s;--paint: 5.6s}.wf-site--phone .s-img{--in: 2.72s;--paint: 5.1s}.wf-site--phone .s-card{--in: 3.72s;--paint: 6.1s}.wf-scene--3.is-play .wf-prev__size span:nth-child(1){animation:wf-window 7.05s linear forwards}.wf-scene--3.is-play .wf-prev__size span:nth-child(2){animation:wf-window 1.4s linear 7.05s forwards}.wf-scene--3.is-play .wf-prev__size span:nth-child(3){animation:wf-fade .3s ease 8.45s both}.wf-scene--3.is-play .wf-site__page{animation:wf-scroll 1.3s var(--ease-in-out) 9.4s both}.wf-scene--3.is-play .wf-prev__chip{animation:wf-pop .45s var(--ease-out) 10.1s both}@keyframes wf-tab-on{0%{border-bottom-color:var(--caramel);color:var(--crema)}}@keyframes wf-tab-off{0%{border-bottom-color:transparent;color:var(--ink-faint)}}@keyframes wf-curline{0%{transform:translateY(0)}to{transform:translateY(700%)}}@keyframes wf-curline-css{0%{transform:translateY(0)}to{transform:translateY(500%)}}@keyframes wf-to-tab{0%{width:var(--pw);height:var(--ph)}to{width:var(--tw);height:var(--th)}}@keyframes wf-to-web{to{width:var(--dw);height:var(--dh)}}@keyframes wf-site-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes wf-site-out{to{opacity:0}}@keyframes wf-block-in{0%{opacity:0;transform:scale(.9)}}@keyframes wf-block-paint{0%{background-color:transparent;background-image:none;outline-color:#c8966ad9}}@keyframes wf-site-paint{0%{background-color:#1e1814}}@keyframes wf-scroll{0%{transform:none}}.wf-cloud{left:50%;top:4%;opacity:1;width:30%;overflow:visible;fill:#c8966a0f;stroke:var(--caramel);stroke-width:2;stroke-linejoin:round;stroke-dasharray:100;transform:translate(-50%)}.wf-cloud__label{left:0;right:0;top:27%;color:var(--ink-faint);font-family:var(--font-mono);font-size:calc(var(--u) * 1.3);text-align:center}.wf-pub-page,.wf-pub-code{left:12%;top:44%;width:32%;aspect-ratio:4 / 3;border-radius:calc(var(--u) * 1.4)}.wf-pub-page{overflow:hidden;background:#fbf4ec;opacity:0;container-type:inline-size}.wf-pub-page>i,.wf-live>i{position:absolute;border-radius:2cqw}.wf-pub-page .m-nav{top:6%;height:5%}.wf-pub-page .m-h1{left:7%;top:20%;width:46%;height:14%}.wf-pub-page .m-cta{left:7%;top:42%;width:26%;height:8%}.wf-pub-page .m-img{left:58%;top:18%;width:35%;height:50%;border-radius:20cqw 20cqw 2cqw 2cqw}.wf-pub-code{margin:0;padding:calc(var(--u) * 1.6);overflow:hidden;border:1px solid rgba(200,150,106,.5);background:#0f0b09;color:var(--caramel);font-family:var(--font-mono);font-size:calc(var(--u) * 1.2);line-height:1.8;white-space:pre;opacity:0}.wf-files{left:56%;top:46%;display:grid;gap:calc(var(--u) * 1.2)}.wf-files li{display:flex;align-items:center;gap:calc(var(--u) * 1);padding:calc(var(--u) * .9) calc(var(--u) * 1.6) calc(var(--u) * .9) calc(var(--u) * .9);border:1px solid var(--line);border-radius:var(--radius-pill);background:#1e1814;color:var(--ink-muted);font-family:var(--font-mono);font-size:calc(var(--u) * 1.3);opacity:0}.wf-files b{padding:calc(var(--u) * .3) calc(var(--u) * .9);border-radius:var(--radius-pill);background:#c8966a29;color:var(--caramel);font-weight:400}.wf-lock{left:50%;top:33%;display:flex;align-items:center;gap:calc(var(--u) * 1);transform:translate(-50%);color:var(--caramel);font-family:var(--font-mono);font-size:calc(var(--u) * 1.3);white-space:nowrap}.wf-lock svg{width:calc(var(--u) * 3.4);overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.wf-lock rect{fill:#c8966a40}.wf-laptop{left:50%;top:43%;width:62%;transform:translate(-50%)}.wf-laptop__screen{overflow:hidden;border:calc(var(--u) * .6) solid #0B0807;border-radius:calc(var(--u) * 1.2);outline:1px solid #3A302A;background:#0b0807}.wf-laptop__bar{display:flex;align-items:center;gap:calc(var(--u) * .6);padding:calc(var(--u) * .8) calc(var(--u) * 1.2);background:#1b1512}.wf-laptop__bar>i{width:calc(var(--u) * .8);height:calc(var(--u) * .8);border-radius:50%;background:var(--inactive)}.wf-laptop__bar span{display:inline-flex;align-items:center;gap:calc(var(--u) * .6);margin-inline:auto;padding:calc(var(--u) * .3) calc(var(--u) * 2);border-radius:var(--radius-pill);background:#f5eee40f;color:var(--crema);font-family:var(--font-mono);font-size:calc(var(--u) * 1.15)}.wf-laptop__bar svg{width:calc(var(--u) * 1.3);fill:none;stroke:var(--caramel);stroke-width:2.4}.wf-laptop__bar b{display:inline-flex;align-items:center;gap:calc(var(--u) * .5);color:var(--success);font-family:var(--font-mono);font-size:calc(var(--u) * 1.1);font-weight:400}.wf-laptop__bar b:before{content:"";width:calc(var(--u) * .8);height:calc(var(--u) * .8);border-radius:50%;background:var(--success);animation:wf-live 1.6s ease-out infinite}.wf-live{position:relative;aspect-ratio:16 / 9;background:#fbf4ec;container-type:inline-size}.wf-live .m-nav{top:5%;height:4%}.wf-live .m-h1{left:7%;top:18%;width:42%;height:14%}.wf-live .m-p{left:7%;top:37%;width:34%;height:4%}.wf-live .m-cta{left:7%;top:47%;width:16%;height:7%}.wf-live .m-img{left:55%;top:14%;width:38%;height:62%;border-radius:20cqw 20cqw 1.4cqw 1.4cqw}.wf-laptop__base{display:block;height:calc(var(--u) * 1.4);margin:0 -7%;border-radius:0 0 calc(var(--u) * 1.4) calc(var(--u) * 1.4);background:linear-gradient(#4a3f38,#221b17)}.wf-scene--4.is-play .wf-pub-page{animation:wf-pop .56s var(--ease-out) .22s forwards,wf-wipe-out 672ms var(--ease-in-out) 1.46s forwards}.wf-scene--4.is-play .wf-pub-code{animation:wf-wipe-in 672ms var(--ease-in-out) 1.46s forwards,wf-to-cloud 1008ms var(--ease-in-out) 2.91s forwards}.wf-scene--4.is-play .wf-files li{animation:wf-pop 448ms var(--ease-out) forwards,wf-file-up 896ms var(--ease-in-out) forwards;animation-delay:calc(2.8s + var(--i) * 246ms),calc(3.47s + var(--i) * 291ms)}.wf-scene--4.is-play .wf-cloud{animation:wf-fade 336ms ease 2.35s both,wf-draw-100 896ms var(--ease-out) 2.35s both,wf-swell 672ms var(--ease-out) 4.03s both}.wf-scene--4.is-play .wf-cloud__label{animation:wf-fade 448ms ease 3.14s both}.wf-scene--4.is-play .wf-lock{animation:wf-fade 448ms ease 5.15s both}.wf-scene--4.is-play .wf-lock path{animation:wf-shackle .47s var(--ease-out) 5.82s both}.wf-scene--4.is-play .wf-laptop{animation:wf-laptop 896ms var(--ease-out) 6.72s both}.wf-scene--4.is-play .wf-live>i{animation:wf-fade 448ms ease both;animation-delay:calc(7.28s + var(--k, 0) * 134ms)}@keyframes wf-wipe-out{to{clip-path:inset(0 0 0 100%);opacity:1}}@keyframes wf-wipe-in{0%{opacity:1;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes wf-to-cloud{to{opacity:0;transform:translate(70%,-140%) scale(.2)}}@keyframes wf-file-up{to{opacity:0;transform:translate(-16cqw,calc(-30cqh - var(--i) * 7cqh)) scale(.3)}}@keyframes wf-swell{50%{transform:translate(-50%) scale(1.06)}}@keyframes wf-shackle{0%{transform:translateY(-22%)}}@keyframes wf-laptop{0%{opacity:0;transform:translate(-50%,8%) scale(.96)}}@keyframes wf-live{0%{box-shadow:0 0 #7fbf8e99}to{box-shadow:0 0 0 calc(var(--u) * 1) #7fbf8e00}}.wf-live>i:nth-child(2){--k: 1}.wf-live>i:nth-child(3){--k: 2}.wf-live>i:nth-child(4){--k: 3}.wf-live>i:nth-child(5){--k: 4}.wf-care{left:5%;top:6%;display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto auto 1fr;gap:calc(var(--u) * 1.8);width:90%;height:66%;padding:calc(var(--u) * 2.4);border:1px solid var(--line);border-radius:calc(var(--u) * 2);background:#1e1814}.wf-care__head{grid-column:1 / -1;display:flex;align-items:center;gap:calc(var(--u) * 1.6);color:var(--crema);font-size:calc(var(--u) * 1.6)}.wf-care__head span{display:inline-flex;align-items:center;gap:calc(var(--u) * .7);padding:calc(var(--u) * .4) calc(var(--u) * 1.2);border-radius:var(--radius-pill);background:#7fbf8e1f;color:var(--success);font-family:var(--font-mono);font-size:calc(var(--u) * 1.25)}.wf-care__head span i{width:calc(var(--u) * .9);height:calc(var(--u) * .9);border-radius:50%;background:var(--success);animation:wf-live 1.6s ease-out infinite}.wf-care__head b{font-weight:600}.wf-care__head small{margin-left:auto;color:var(--ink-faint);font-family:var(--font-mono);font-size:calc(var(--u) * 1.2)}.wf-care__pulse{grid-column:1 / -1;height:calc(var(--u) * 7);padding:calc(var(--u) * .6) 0;border-block:1px solid var(--line)}.wf-care__pulse svg{display:block;width:100%;height:100%;fill:none;stroke:var(--caramel);stroke-width:2;stroke-linejoin:round;stroke-dasharray:400;vector-effect:non-scaling-stroke;animation:wf-beat 2.8s linear infinite}.wf-care__visits{display:grid;grid-template-rows:auto 1fr;gap:calc(var(--u) * 1)}.wf-care__visits small,.wf-care__checks li{color:var(--ink-muted);font-family:var(--font-mono);font-size:calc(var(--u) * 1.25)}.wf-bars{display:flex;align-items:flex-end;gap:calc(var(--u) * .7)}.wf-bars i{flex:1;height:calc(var(--h) * 100%);border-radius:calc(var(--u) * .5) calc(var(--u) * .5) 0 0;background:linear-gradient(var(--caramel),var(--mocha));transform-origin:bottom}.wf-care__checks{display:grid;align-content:center;gap:calc(var(--u) * 1.4)}.wf-care__checks li{display:flex;align-items:center;gap:calc(var(--u) * 1)}.wf-care__checks li:before{content:"✓";display:grid;place-items:center;width:calc(var(--u) * 2.2);height:calc(var(--u) * 2.2);border-radius:50%;background:#7fbf8e26;color:var(--success);font-size:calc(var(--u) * 1.2)}.wf-report{left:30%;top:34%;z-index:3;display:grid;gap:calc(var(--u) * 1);width:34%;padding:calc(var(--u) * 2.2);border-radius:calc(var(--u) * 1.4);background:var(--crema);box-shadow:0 calc(var(--u) * 4) calc(var(--u) * 8) calc(var(--u) * -2) #000000e6;opacity:0}.wf-report p{color:var(--espresso);font-size:calc(var(--u) * 1.8);font-weight:800;letter-spacing:-.02em}.wf-report i{height:calc(var(--u) * .9);border-radius:1em;background:var(--paper-line)}.wf-report i:nth-of-type(3){width:80%}.wf-report i:nth-of-type(4){width:60%}.wf-report__chart{height:calc(var(--u) * 7)!important;border-radius:calc(var(--u) * .8)!important;background:linear-gradient(to top,rgba(122,85,65,.35) 0 40%,transparent 40%) 0 100% / 12% 100% repeat-x,linear-gradient(to top,rgba(122,85,65,.6) 0 70%,transparent 70%) 6% 100% / 12% 100% repeat-x,var(--paper-surface)!important}.wf-toast{left:5%;bottom:7%;display:flex;align-items:center;gap:calc(var(--u) * 1);padding:calc(var(--u) * 1.2) calc(var(--u) * 2);border:1px solid rgba(127,191,142,.4);border-radius:var(--radius-pill);background:#13201a;color:var(--crema);font-size:calc(var(--u) * 1.45)}.wf-toast svg{width:calc(var(--u) * 2);fill:none;stroke:var(--success);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.wf-scene--5.is-play .wf-care{animation:wf-in 672ms var(--ease-out) .11s both}.wf-scene--5.is-play .wf-bars i{animation:wf-grow 784ms var(--ease-out) both;animation-delay:calc(.78s + var(--i) * 90ms)}.wf-scene--5.is-play .wf-care__checks li{animation:wf-pop 448ms var(--ease-out) both;animation-delay:calc(2.13s + var(--i) * 448ms)}.wf-scene--5.is-play .wf-report{animation:wf-report-in 784ms var(--ease-out) 4.93s forwards,wf-report-send 896ms var(--ease-in-out) 7.06s forwards}.wf-scene--5.is-play .wf-toast{animation:wf-pop 504ms var(--ease-out) 7.84s both}@keyframes wf-beat{0%{stroke-dashoffset:400}to{stroke-dashoffset:-400}}@keyframes wf-grow{0%{transform:scaleY(0)}}@keyframes wf-report-in{0%{opacity:0;transform:translateY(40%) scale(.96)}to{opacity:1;transform:none}}@keyframes wf-report-send{40%{opacity:1;transform:scale(.45) rotate(-4deg)}to{opacity:0;transform:translate(95%,95%) scale(.18) rotate(6deg)}}@media (max-width: 959px){.wf__side{grid-row:2}.wf__view{grid-column:1;grid-row:1;align-self:auto;width:min(100%,720px,(100svh - var(--nav-h) - 72px) * 1.25)}}@media (max-width: 599px){.wf-section .sp-head{margin-bottom:24px}.wf-section.is-tight .section-lead{display:none}.wf{row-gap:12px}.wf__view{width:clamp(min(100%,240px),(100svh - var(--nav-h) - var(--wf-reserve, 0px)) * 5 / 6,100%)}.wf__stage{aspect-ratio:5 / 6;border-radius:var(--radius-md)}.wf__scenes{--u: 1.55cqw}.wf-form{left:5%;top:12%;width:90%}.wf-env>i{left:30%;top:58%;width:40%}.wf-chat{left:5%;top:5%;width:90%;min-height:70%}.wf-prop{left:7%;top:16%;width:86%}@keyframes wf-to-env{70%{opacity:1;transform:translateY(30%) scale(.4) rotate(-3deg)}to{opacity:0;transform:translateY(42%) scale(.4) rotate(-3deg)}}@keyframes wf-expand{0%{opacity:0;transform:translate(20%,40%) scale(.2)}30%{opacity:1}to{opacity:1;transform:none}}.wf-design{top:2%;height:96%}.wf-ide{left:5%;top:3%;width:90%;height:44%}.wf-ide__code{line-height:1.75;font-size:calc(var(--u) * 1.15)}.wf-ide__line{height:1.75em}.wf-ide__body{height:calc(var(--u) * 14.5)}.wf-ide__log{gap:calc(var(--u) * .4);padding-block:calc(var(--u) * .9)}.wf-ide__log:before{display:none}.wf-prev{--pw: calc(var(--u) * 14);--ph: calc(var(--u) * 26);--tw: calc(var(--u) * 22);--th: calc(var(--u) * 28);--dw: calc(var(--u) * 44);--dh: calc(var(--u) * 27.5);left:5%;top:50%;width:90%;height:47%}.wf-cloud{width:44%;top:3%}.wf-cloud__label{top:23%}.wf-pub-page,.wf-pub-code{left:6%;top:40%;width:46%}.wf-files{left:56%;top:42%}.wf-lock{top:29%}.wf-laptop{top:40%;width:88%}.wf-care{left:5%;top:4%;width:90%;height:70%;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.wf-care__head small{display:none}.wf-report{left:18%;top:30%;width:64%}.wf-toast{left:5%;right:16%;bottom:5%;justify-content:center}}@media (prefers-reduced-motion: reduce){.wf__stage *,.wf-scene{animation:none!important;transition:none!important}.wf__pause{display:none}}.sx-code{left:4%;top:7%;width:40%;height:84%;overflow:hidden;border:1px solid var(--line);border-radius:calc(var(--u) * 1.6);background:#0f0b09}.sx-code__head{display:flex;align-items:center;gap:calc(var(--u) * .8);padding:calc(var(--u) * 1.2) calc(var(--u) * 1.6);border-bottom:1px solid var(--line);color:var(--ink-faint);font-family:var(--font-mono);font-size:calc(var(--u) * 1.2)}.sx-code__head i{width:calc(var(--u) * 1);height:calc(var(--u) * 1);border-radius:50%;background:var(--inactive)}.sx-code__head span{margin-left:calc(var(--u) * 1)}.sx-code__head b{margin-left:auto;padding:calc(var(--u) * .2) calc(var(--u) * 1);border-radius:var(--radius-pill);background:#c8966a29;color:var(--caramel);font-weight:400}.sx-code ol{display:grid;gap:calc(var(--u) * 1.2);padding:calc(var(--u) * 2) calc(var(--u) * 1.6);color:var(--ink-muted);font-family:var(--font-mono);font-size:calc(var(--u) * 1.25);line-height:1.5;counter-reset:ln}.sx-code li{counter-increment:ln}.sx-code li:before{content:counter(ln);display:inline-block;width:2.2em;color:var(--inactive)}.sx-code b{color:var(--caramel);font-weight:400}.sx-code u{color:#c9b6e8;text-decoration:none}.sx-code i{color:var(--success);font-style:normal}.sx-board{left:47%;top:7%;display:grid;grid-template-rows:auto 1fr;width:49%;height:84%;overflow:hidden;border:calc(var(--u) * .5) solid #0B0807;border-radius:calc(var(--u) * 1.2);outline:1px solid #3A302A;background:#f6f3ee}.sx-board__bar{display:flex;align-items:center;gap:calc(var(--u) * .6);padding:calc(var(--u) * .8) calc(var(--u) * 1.2);background:#1b1512}.sx-board__bar i{width:calc(var(--u) * .8);height:calc(var(--u) * .8);border-radius:50%;background:var(--inactive)}.sx-board__bar span{margin-inline:auto;color:var(--ink-muted);font-family:var(--font-mono);font-size:calc(var(--u) * 1.05)}.sx-board__body{display:grid;grid-template-columns:calc(var(--u) * 5) 1fr;grid-template-rows:auto 1fr auto;gap:calc(var(--u) * 1.2);padding:calc(var(--u) * 1.2);color:#1f1a16}.sx-side{grid-row:1 / -1;display:grid;align-content:start;justify-items:center;gap:calc(var(--u) * 1.4);padding-top:calc(var(--u) * .6);border-radius:calc(var(--u) * 1);background:#1f1a16}.sx-side b{color:var(--caramel);font-size:calc(var(--u) * 1.3)}.sx-side i{width:50%;height:calc(var(--u) * .5);border-radius:1em;background:#f5eee440}.sx-side .is-on{background:var(--caramel)}.sx-kpis3{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u) * .8)}.sx-kpis3 p{display:grid;gap:calc(var(--u) * .2);padding:calc(var(--u) * .9);border-radius:calc(var(--u) * .9);background:#fff;box-shadow:0 1px #0000000f}.sx-kpis3 small{color:#7a6f66;font-size:calc(var(--u) * .95)}.sx-kpis3 b{font-size:calc(var(--u) * 1.6);letter-spacing:-.02em}.sx-chart3{position:relative;border-radius:calc(var(--u) * .9);background:#fff}.sx-bars3{position:absolute;top:14%;right:6%;bottom:10%;left:6%;display:flex;align-items:flex-end;gap:4%}.sx-bars3 i{flex:1;height:calc(var(--h) * 100%);border-radius:calc(var(--u) * .3) calc(var(--u) * .3) 0 0;background:linear-gradient(#d9b08c,#7a5541);transform-origin:bottom}.sx-chart3 svg{position:absolute;top:14%;right:6%;bottom:10%;left:6%;width:88%;height:76%;overflow:visible;fill:none;stroke:#1f1a16;stroke-width:1.8;vector-effect:non-scaling-stroke}.sx-table{display:grid;gap:calc(var(--u) * .5)}.sx-table li{display:grid;grid-template-columns:auto 1fr auto;gap:calc(var(--u) * 1);align-items:center;padding:calc(var(--u) * .6) calc(var(--u) * .9);border-radius:calc(var(--u) * .7);background:#fff;font-size:calc(var(--u) * 1.05)}.sx-table span:first-child{color:#7a6f66;font-family:var(--font-mono)}.sx-table b{padding:calc(var(--u) * .2) calc(var(--u) * .8);border-radius:var(--radius-pill);font-size:calc(var(--u) * .9);font-weight:600}.sx-table .is-ok{background:#ddefe2;color:#2f6b3d}.sx-table .is-wait{background:#f7e5cf;color:#8a5522}.wf--sx .wf-scene--3.is-play .sx-code li{animation:wf-type .52s steps(24) both;animation-delay:calc(.3s + var(--i) * .65s)}.wf--sx .wf-scene--3.is-play .sx-board{animation:wf-in .6s var(--ease-out) .2s both}.wf--sx .wf-scene--3.is-play .sx-kpis3 p{animation:wf-pop .45s var(--ease-out) both;animation-delay:calc(1.6s + var(--k) * .3s)}.wf--sx .wf-scene--3.is-play .sx-bars3 i{animation:sxf-grow .65s var(--ease-out) both;animation-delay:calc(3s + var(--k) * 90ms)}.wf--sx .wf-scene--3.is-play .sx-chart3 svg{animation:sxf-reveal 1.1s var(--ease-out) 4.2s both}.wf--sx .wf-scene--3.is-play .sx-table li{animation:wf-pop .45s var(--ease-out) both;animation-delay:calc(5.4s + var(--k) * .45s)}.wf--sx .wf-scene--3.is-play .sx-table .is-wait{animation:sxf-flag 1.4s ease-in-out 6.6s 3 both}.sx-env{left:50%;top:34%;display:flex;align-items:center;gap:calc(var(--u) * 1.2);transform:translate(-50%);font-family:var(--font-mono);font-size:calc(var(--u) * 1.3);white-space:nowrap}.sx-env span{padding:calc(var(--u) * .5) calc(var(--u) * 1.4);border:1px solid var(--line);border-radius:var(--radius-pill)}.sx-env__beta{color:var(--ink-faint);text-decoration:line-through}.sx-env__prod{border-color:#7fbf8e80!important;background:#7fbf8e1f;color:var(--success)}.sx-env i{width:calc(var(--u) * 5);height:1px;background:var(--caramel)}.sx-users{left:6%;right:6%;top:46%;display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u) * 1.4)}.sx-users li{position:relative;display:grid;justify-items:center;gap:calc(var(--u) * .8);padding:calc(var(--u) * 1.6) calc(var(--u) * 1);border:1px solid var(--line);border-radius:calc(var(--u) * 1.4);background:#1e1814;text-align:center}.sx-users li:after{content:"";position:absolute;top:calc(var(--u) * 1);right:calc(var(--u) * 1);width:calc(var(--u) * .9);height:calc(var(--u) * .9);border-radius:50%;background:var(--success)}.sx-users b{display:grid;place-items:center;width:calc(var(--u) * 4.4);height:calc(var(--u) * 4.4);border-radius:50%;background:var(--caramel);color:var(--espresso);font-size:calc(var(--u) * 1.8)}.sx-users span{display:grid;gap:calc(var(--u) * .2);color:var(--crema);font-size:calc(var(--u) * 1.4);font-weight:600}.sx-users small{color:var(--ink-faint);font-family:var(--font-mono);font-size:calc(var(--u) * 1.1);font-weight:400}.sx-feed{left:6%;right:6%;bottom:6%;display:grid;gap:calc(var(--u) * .8)}.sx-feed li{display:flex;align-items:center;gap:calc(var(--u) * .8);padding:calc(var(--u) * .8) calc(var(--u) * 1.4);border-radius:calc(var(--u) * 1);background:#f5eee40a;color:var(--ink-muted);font-size:calc(var(--u) * 1.3)}.sx-feed li:before{content:"✓";color:var(--success)}.sx-feed b{color:var(--crema);font-weight:600}.wf--sx .wf-scene--4.is-play .sx-env{animation:wf-fade .4s ease 2.6s both}.wf--sx .wf-scene--4.is-play .sx-env__beta{animation:sxf-strike .5s ease 3.2s both}.wf--sx .wf-scene--4.is-play .sx-env__prod{animation:wf-pop .45s var(--ease-out) 3.6s both}.wf--sx .wf-scene--4.is-play .sx-users li{animation:wf-pop .5s var(--ease-out) both;animation-delay:calc(4.4s + var(--k) * .35s)}.wf--sx .wf-scene--4.is-play .sx-users li:after{animation:sxf-online .5s ease both;animation-delay:calc(4.9s + var(--k) * .35s)}.wf--sx .wf-scene--4.is-play .sx-feed li{animation:wf-pop .45s var(--ease-out) both;animation-delay:calc(6.6s + var(--k) * .8s)}.sx-live{left:4%;top:7%;display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto 1fr;gap:calc(var(--u) * 1.4);width:58%;height:84%;padding:calc(var(--u) * 2);border:1px solid var(--line);border-radius:calc(var(--u) * 2);background:#1e1814}.sx-live__head{grid-column:1 / -1;display:flex;align-items:center;gap:calc(var(--u) * 1.2);color:var(--crema);font-size:calc(var(--u) * 1.5)}.sx-live__head span{display:inline-flex;align-items:center;gap:calc(var(--u) * .6);padding:calc(var(--u) * .3) calc(var(--u) * 1);border-radius:var(--radius-pill);background:#7fbf8e1f;color:var(--success);font-family:var(--font-mono);font-size:calc(var(--u) * 1.15)}.sx-live__head span i{width:calc(var(--u) * .8);height:calc(var(--u) * .8);border-radius:50%;background:var(--success);animation:wf-live 1.6s ease-out infinite}.sx-live__head b{font-weight:600}.sx-live__head small{margin-left:auto;color:var(--ink-faint);font-family:var(--font-mono);font-size:calc(var(--u) * 1.05)}.sx-live__kpis{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 1)}.sx-live__kpis p{display:grid;gap:calc(var(--u) * .3);padding:calc(var(--u) * 1.2);border-radius:calc(var(--u) * 1.2);background:#f5eee40a}.sx-live__kpis small{color:var(--ink-faint);font-family:var(--font-mono);font-size:calc(var(--u) * 1.1)}.sx-roll{display:block;height:1.15em;overflow:hidden;color:var(--crema);font-size:calc(var(--u) * 2.4);line-height:1.15;letter-spacing:-.02em}.sx-roll span{display:block;transform:translateY(-200%)}.sx-live__chart{position:relative}.sx-live__chart svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.sx-area{fill:#c8966a29}.sx-line5{fill:none;stroke:var(--caramel);stroke-width:1.8;vector-effect:non-scaling-stroke}.sx-donut5{display:grid;justify-items:center;align-content:center;gap:calc(var(--u) * 1)}.sx-donut5 span{width:calc(var(--u) * 9);height:calc(var(--u) * 9);border-radius:50%;background:radial-gradient(circle,#1E1814 52%,transparent 53%),conic-gradient(#c8966a 0,#c8966a 58%,#7fbf8e 58%,#7fbf8e 82%,#d9c3ac 82%)}.sx-donut5 ul{display:grid;gap:calc(var(--u) * .4);color:var(--ink-muted);font-family:var(--font-mono);font-size:calc(var(--u) * 1.05)}.sx-donut5 i{display:inline-block;width:calc(var(--u) * .9);height:calc(var(--u) * .9);margin-right:calc(var(--u) * .6);border-radius:50%;background:var(--c)}.sx-rep{left:65%;top:16%;display:grid;gap:calc(var(--u) * 1.4);width:31%}.sx-rep__doc{display:flex;align-items:center;gap:calc(var(--u) * 1.2);padding:calc(var(--u) * 1.8);border-radius:calc(var(--u) * 1.6);background:var(--crema);color:var(--espresso);box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 6) calc(var(--u) * -2) #000c}.sx-rep__doc svg{flex:none;width:calc(var(--u) * 3.4);height:calc(var(--u) * 3.4);fill:none;stroke:var(--mocha);stroke-width:1.6}.sx-rep__doc span{display:grid;gap:calc(var(--u) * .2);color:var(--paper-muted);font-size:calc(var(--u) * 1.15)}.sx-rep__doc b{color:var(--espresso);font-size:calc(var(--u) * 1.6)}.sx-rep__to{display:grid;gap:calc(var(--u) * .8)}.sx-rep__to li{display:flex;align-items:center;gap:calc(var(--u) * 1);padding:calc(var(--u) * .8) calc(var(--u) * 1.2);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-muted);font-family:var(--font-mono);font-size:calc(var(--u) * 1.15)}.sx-rep__to b{display:grid;place-items:center;width:calc(var(--u) * 2.6);height:calc(var(--u) * 2.6);border-radius:50%;background:var(--caramel);color:var(--espresso);font-family:var(--font-sans);font-size:calc(var(--u) * 1.1)}.sx-rep__to em{margin-left:auto;color:var(--success);font-style:normal}.wf--sx .wf-scene--5.is-play .sx-live{animation:wf-in .6s var(--ease-out) .1s both}.wf--sx .wf-scene--5.is-play .sx-roll span{animation:sxf-roll 6s var(--ease-in-out) .8s both}.wf--sx .wf-scene--5.is-play .sx-live__chart svg{animation:sxf-reveal 1.4s var(--ease-out) 1.2s both}.wf--sx .wf-scene--5.is-play .sx-donut5 span{animation:sxf-donut .9s var(--ease-out) 2s both}.wf--sx .wf-scene--5.is-play .sx-rep__doc{animation:wf-pop .55s var(--ease-out) 4.4s both}.wf--sx .wf-scene--5.is-play .sx-rep__to li{animation:wf-pop .45s var(--ease-out) both;animation-delay:calc(5.4s + var(--k) * .55s)}.wf--sx .wf-scene--5.is-play .sx-rep__to em{animation:sxf-check .4s var(--ease-out) both;animation-delay:calc(5.8s + var(--k) * .55s)}@keyframes sxf-grow{0%{transform:scaleY(0)}}@keyframes sxf-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes sxf-flag{50%{box-shadow:0 0 0 calc(var(--u) * .5) #c8966a59}}@keyframes sxf-strike{0%{color:var(--ink-muted);text-decoration-color:transparent}}@keyframes sxf-online{0%{opacity:0;transform:scale(.4)}}@keyframes sxf-roll{0%{transform:none}45%{transform:translateY(-100%)}90%,to{transform:translateY(-200%)}}@keyframes sxf-donut{0%{opacity:0;transform:rotate(-120deg) scale(.7)}}@keyframes sxf-check{0%{opacity:0;transform:scale(.4)}}@media (max-width: 599px){.sx-code{left:5%;top:3%;width:90%;height:36%}.sx-code ol{gap:calc(var(--u) * .7);padding-block:calc(var(--u) * 1.2)}.sx-board{left:5%;top:42%;width:90%;height:55%}.sx-env{top:30%}.sx-users{top:39%;grid-template-columns:repeat(2,1fr);gap:calc(var(--u) * 1)}.sx-users li{padding-block:calc(var(--u) * 1.1)}.sx-feed{bottom:4%}.sx-live{left:5%;top:4%;width:90%;height:57%}.sx-live__head small{display:none}.sx-rep{left:5%;top:64%;width:90%;gap:calc(var(--u) * .9)}.sx-rep__to{grid-template-columns:repeat(3,1fr)}.sx-rep__to li{justify-content:center;padding-inline:calc(var(--u) * .6)}.sx-rep__to li em{display:none}}@media (prefers-reduced-motion: reduce){.sx-roll span{transform:translateY(-200%)}}