.page-hero-visual{position:relative;width:100%}.page-hero-visual:before{content:"";position:absolute;inset:-14% -10%;z-index:-1;background:radial-gradient(48% 46% at 55% 50%,rgba(0,233,159,.16),transparent 72%);pointer-events:none}.sv{position:relative;display:flex;flex-direction:column;width:100%;aspect-ratio:25 / 23;overflow:hidden;border:1px solid var(--line-2);border-radius:14px;background:#0d0f0e;box-shadow:0 40px 90px #00000080,inset 0 1px #ffffff0a;color:var(--text);font:400 clamp(9px,2.3vw,12.5px) / 1.65 var(--font);text-align:left}.sv.ill{height:auto;border-bottom:1px solid var(--line-2)}.sv-bar{flex:none;display:flex;align-items:center;gap:12px;height:2.9em;padding:0 12px;border-bottom:1px solid var(--line);background:#131615}.sv-dots{display:flex;flex:none;gap:5px}.sv-dots i{width:8px;height:8px;border-radius:50%;background:var(--line-2)}.sv-title{flex:1;overflow:hidden;color:var(--faint);font-size:.92em;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding-right:30px}.sv-tabs{display:flex;align-self:stretch;gap:2px}.sv-tab{display:flex;align-items:center;padding:0 12px;border-bottom:2px solid transparent;color:var(--faint);font-size:.92em;white-space:nowrap;transition:color .3s,border-color .3s,background-color .3s}.sv[data-active="1"] .sv-tab:nth-child(1),.sv[data-active="2"] .sv-tab:nth-child(2),.sv[data-active="3"] .sv-tab:nth-child(3){border-bottom-color:var(--green);background:#00e99f0f;color:var(--head)}.sv-body{position:relative;flex:1;min-height:0;padding:14px 16px;overflow:hidden}.sv-scene{display:none}.sv-scene.on,.sv-scene.done[data-keep]{display:block}.sv-code{counter-reset:ln;padding-left:2.8em;font-family:var(--mono)}.sv-code .l{position:relative;display:none;padding-left:calc(var(--in, 0) * 2ch);white-space:nowrap}.sv-code .l.typed,.sv-code .l.out.shown{display:block}.sv-code .l:before{counter-increment:ln;content:counter(ln);position:absolute;left:-2.8em;width:2em;color:#3b4542;text-align:right}.sv-term .sv-code{padding-left:0}.sv-term .sv-code .l:before{content:none}.sv-term .l+.l:not(.out){margin-top:.45em}.sv-caret{display:inline-block;width:.55em;height:1.15em;margin-left:1px;vertical-align:-.2em;background:var(--green);animation:svBlink 1s steps(1) infinite}@keyframes svBlink{50%{opacity:0}}.sv .k{color:#c3a6ff}.sv .f{color:#7fd4ff}.sv .s{color:#f2c97d}.sv .t{color:var(--green)}.sv .a{color:#a9b8ff}.sv .n{color:#ff9e7a}.sv .c{color:var(--faint);font-style:italic}.sv .p,.sv .g{color:var(--green)}.sv .m{color:var(--muted)}@keyframes svPop{0%{opacity:0;transform:translateY(10px) scale(.97)}}@keyframes svUp{0%{opacity:0;transform:translateY(6px)}}.sv-react .sv-tabs{margin-left:4px}.sv-react .sv-preview{position:absolute;right:14px;bottom:14px;width:54%;padding:1.1em 1.2em;border:1px solid var(--green-line);border-radius:10px;background:#111413f7;box-shadow:0 24px 60px #0000008c;font-family:var(--font)}.sv-react .sv-preview.on{display:block;animation:svPop .5s var(--ease) both}.sv-prev-url{color:var(--faint);font:.82em var(--font)}.sv-prev-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3em;margin:.5em 0 .2em;color:var(--head);font-size:1.3em;font-weight:600;line-height:1.2}.sv-odo{display:inline-flex;flex-direction:column;height:1.2em;overflow:hidden;color:var(--green)}.sv-odo span{display:block;height:1.2em;line-height:1.2em}.sv-preview.on .sv-odo span{animation:svOdo 4.2s steps(1) .3s infinite}@keyframes svOdo{0%{transform:none}18%{transform:translateY(-100%)}34%{transform:translateY(-200%)}50%{transform:translateY(-300%)}68%{transform:translateY(-400%)}84%{transform:translateY(-500%)}}.sv-range{position:relative;display:block;height:4px;margin:1em 0 1.2em;border-radius:4px;background:var(--line-2)}.sv-range i{position:absolute;top:50%;left:40%;width:13px;height:13px;border:2px solid #0d0f0e;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #00e99f33;transform:translate(-50%,-50%)}.sv-preview.on .sv-range i{animation:svThumb 4.2s var(--ease) .3s infinite}@keyframes svThumb{0%,14%{left:40%}18%,30%{left:52%}34%,46%{left:64%}50%,64%{left:76%}68%,80%{left:16%}84%,to{left:40%}}.sv-prev-btn{display:inline-flex;padding:.45em 1em;border-radius:999px;background:var(--green);color:var(--green-ink);font-size:.92em;font-weight:600}.sv-ide .sv-editor.on{display:block}.ide-main{flex:1;min-height:0;display:flex}.ide-tree{flex:none;display:flex;flex-direction:column;gap:3px;width:31%;max-width:160px;padding:10px;border-right:1px solid var(--line);background:#111413;font-size:.92em}.ide-h{margin-bottom:4px;color:var(--faint);font-size:.82em}.ide-dir{color:var(--muted)}.ide-file{position:relative;padding:2px 6px 2px 20px;border-radius:4px;color:var(--muted);transition:background-color .3s,color .3s}.ide-file:before{content:"";position:absolute;left:7px;top:50%;width:7px;height:7px;border-radius:2px;transform:translateY(-50%)}.f-html:before{background:#ff8a5c}.f-css:before{background:#7fd4ff}.f-js:before{background:#f2c97d}.sv-ide[data-active="1"] .f-html,.sv-ide[data-active="2"] .f-css,.sv-ide[data-active="3"] .f-js{background:#00e99f1a;color:var(--head)}.ide-ed{flex:1;min-width:0;display:flex;flex-direction:column}.ide-tabs{flex:none;height:2.6em;border-bottom:1px solid var(--line);background:#121514}.ide-status{flex:none;display:flex;gap:16px;padding:.35em 12px;border-top:1px solid var(--line);background:#131615;color:var(--faint);font-size:.85em}.ide-ok{margin-right:auto;color:var(--green)}.ide-lang:after{content:"HTML"}.sv-ide[data-active="2"] .ide-lang:after{content:"CSS"}.sv-ide[data-active="3"] .ide-lang:after{content:"JavaScript"}.sv-seo{aspect-ratio:20 / 21}.seo-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);gap:12px 14px;padding:14px;font-family:var(--font)}.seo-serp{min-width:0;padding:.9em 1.1em;border-radius:10px;background:#fafbfa}.seo-url{display:flex;align-items:center;gap:.6em;overflow:hidden;color:#4d5156;font-size:.88em;white-space:nowrap}.seo-fav{display:grid;flex:none;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:#121413;color:var(--green);font-size:.8em;font-weight:700}.seo-title{overflow:hidden;margin:.35em 0 .15em;color:#1a0dab;font-size:1.22em;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.seo-desc{display:-webkit-box;overflow:hidden;min-height:2.9em;color:#4d5156;font-size:.92em;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.seo-serp .empty{color:#aab0ad}.seo-score{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;width:5.4em;height:5.4em;text-align:center}.seo-score svg{position:absolute;inset:0;transform:rotate(-90deg)}.seo-score circle{fill:none;stroke:var(--line-2);stroke-width:3.2}.seo-score .seo-arc{stroke:#ffb35c;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--score, 0) * 100);transition:stroke .4s}.sv-seo.score-good .seo-arc{stroke:var(--green)}.seo-score b{color:var(--head);font-size:1.55em;font-weight:600;line-height:1}.seo-score span{color:var(--faint);font:.68em var(--font)}.seo-fields{grid-column:1 / -1;display:flex;flex-direction:column;gap:.7em;min-height:0}.sv-seo .seo-f.on,.sv-seo .seo-f.done{display:flex;flex-direction:column;gap:.3em;animation:svUp .4s var(--ease) both}.sv-seo .seo-f.done{animation:none}.seo-label{display:flex;justify-content:space-between;color:var(--muted);font:500 .82em var(--font)}.seo-label em{color:var(--faint);font-style:normal}.seo-in{display:flex;align-items:center;overflow:hidden;min-height:2.3em;padding:.35em .75em;border:1px solid var(--line-2);border-radius:7px;background:#0a0c0b;color:var(--head);font-size:.96em;white-space:nowrap;transition:border-color .3s}.seo-f.on .seo-in{border-color:var(--green)}.seo-pre{color:var(--faint)}.seo-in-tall{align-items:flex-start;min-height:3.3em;line-height:1.4;white-space:normal}.sv-meter{display:block;height:3px;overflow:hidden;border-radius:3px;background:var(--line)}.sv-meter i{display:block;width:calc(var(--p, 0) * 100%);height:100%;background:#ffb35c;transition:width .15s}.sv-meter.ok i{background:var(--green)}.fg-tools{display:flex;gap:2px}.fg-tools b{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:5px;color:var(--muted);font-weight:400}.fg-tools b.on{background:#0d99ff;color:#fff}.fg-main{flex:1;min-height:0;display:flex}.fg-layers,.fg-props{flex:none;display:flex;flex-direction:column;gap:3px;width:22%;max-width:128px;padding:10px;background:#121514;font-size:.86em}.fg-layers{border-right:1px solid var(--line)}.fg-props{gap:7px;border-left:1px solid var(--line)}.fg-h{margin-bottom:4px;color:var(--faint);font-size:.82em}.fg-l{padding:1px 6px;border-radius:4px;color:var(--muted);white-space:nowrap}.fg-l.l1,.fg-l.l2,.fg-l.l3,.fg-l.l4{padding-left:14px;opacity:0}.fg-row{display:flex;align-items:center;gap:6px;color:var(--muted)}.fg-row em{flex:1;font-style:normal}.fg-row code{color:var(--text);font:inherit}.fg-swatch{width:11px;height:11px;border-radius:3px;background:#d9d9d9}.fg-hex{position:relative;display:inline-block;width:4.4em;height:1.2em}.fg-hex:before,.fg-hex:after{position:absolute;left:0;top:50%;transform:translateY(-50%)}.fg-hex:before{content:"D9D9D9"}.fg-hex:after{content:"00E99F";opacity:0;color:var(--green)}.fg-canvas{position:relative;flex:1;min-width:0;overflow:hidden;background:radial-gradient(circle,rgba(226,240,233,.07) 1px,transparent 1.2px) 0 0 / 12px 12px,#1a1d1c}.fg-mode{position:absolute;top:4%;left:6%;padding:1px 7px;border-radius:4px;font-size:.78em}.fg-mode.m1{background:#e2f0e91a;color:var(--text)}.fg-mode.m2{background:var(--green-tint);color:var(--green);opacity:0}.fg-frame{position:absolute;inset:15% 7% 7%;display:flex;flex-direction:column;gap:6%;padding:4% 5%;background:#fbfbfa;opacity:0}.fg-frame-label{position:absolute;top:-1.6em;left:0;color:var(--muted);font-size:.76em}.fg-b{border:1px dashed #b9bdbb;border-radius:4px;background:#ececea;transform-origin:0 0;transform:scale(0)}.fg-head{flex:none;display:flex;align-items:center;gap:6%;height:10%;padding:0 4%}.fg-head i{display:block;height:30%;border-radius:2px;background:#c9cdcb}.fg-logo{width:16%;margin-right:auto}.fg-nav{width:9%}.fg-hero{flex:none;display:flex;align-items:center;gap:6%;height:42%;padding:0 5%}.fg-copy{flex:1;display:flex;flex-direction:column;gap:.5em}.fg-copy i{display:block;height:.55em;border-radius:2px;background:#c9cdcb;opacity:0}.fg-copy .fg-t1{width:92%;height:.8em}.fg-copy .fg-t2{width:74%;height:.8em}.fg-copy .fg-t3{width:60%}.fg-copy .fg-btn{width:42%;height:1.4em;margin-top:.3em;border-radius:999px}.fg-img{width:38%;height:76%;border-radius:4px;background:#d6d9d8;opacity:0}.fg-cards{flex:1;display:flex;gap:5%}.fg-card{flex:1}.fg-sel{position:absolute;z-index:2;border:1.5px solid #0d99ff;opacity:0;pointer-events:none}.fg-sel i{position:absolute;width:6px;height:6px;border:1.5px solid #0d99ff;background:#fff}.fg-sel i:nth-child(1){top:-4px;left:-4px}.fg-sel i:nth-child(2){top:-4px;right:-4px}.fg-sel i:nth-child(3){bottom:-4px;left:-4px}.fg-sel i:nth-child(4){bottom:-4px;right:-4px}.fg-cursor{position:absolute;z-index:3;display:flex;align-items:flex-start;gap:1px;left:60%;top:80%}.fg-cursor svg{width:1.3em;fill:#a27bff;stroke:#fff;stroke-width:1.4}.fg-cursor b{margin-top:1.1em;padding:0 .45em;border-radius:4px;background:#a27bff;color:#fff;font-size:.74em;font-weight:500;white-space:nowrap}.fg-c2{opacity:0}.fg-c2 svg{fill:var(--green)}.fg-c2 b{background:var(--green);color:var(--green-ink)}.sv-figma.in-view .fg-frame{animation:fgFrame 12s var(--ease) infinite}.sv-figma.in-view .fg-head{animation:fgHead 12s var(--ease) infinite}.sv-figma.in-view .fg-hero{animation:fgHero 12s var(--ease) infinite}.sv-figma.in-view .fg-card.c1{animation:fgCard1 12s var(--ease) infinite}.sv-figma.in-view .fg-card.c2{animation:fgCard2 12s var(--ease) infinite}.sv-figma.in-view .fg-card.c3{animation:fgCard3 12s var(--ease) infinite}.sv-figma.in-view .fg-copy i{animation:fgCopy 12s var(--ease) infinite}.sv-figma.in-view .fg-copy .fg-btn{animation:fgBtn 12s var(--ease) infinite}.sv-figma.in-view .fg-img{animation:fgImg 12s var(--ease) infinite}.sv-figma.in-view .fg-head i{animation:fgHeadBits 12s var(--ease) infinite}.sv-figma.in-view .fg-mode.m1{animation:fgM1 12s linear infinite}.sv-figma.in-view .fg-mode.m2{animation:fgM2 12s linear infinite}.sv-figma.in-view .fg-l.l1{animation:fgL1 12s linear infinite}.sv-figma.in-view .fg-l.l2{animation:fgL2 12s linear infinite}.sv-figma.in-view .fg-l.l3{animation:fgL3 12s linear infinite}.sv-figma.in-view .fg-l.l4{animation:fgL4 12s linear infinite}.sv-figma.in-view .fg-sel{animation:fgSel 12s var(--ease) infinite}.sv-figma.in-view .fg-cursor{animation:fgCur 12s var(--ease) infinite}.sv-figma.in-view .fg-c2{animation:fgCur2 12s var(--ease) infinite}.sv-figma.in-view .fg-swatch{animation:fgSwatch 12s linear infinite}.sv-figma.in-view .fg-hex:before{animation:fgHexA 12s linear infinite}.sv-figma.in-view .fg-hex:after{animation:fgHexB 12s linear infinite}@keyframes fgFrame{0%{opacity:0;background:#fbfbfa}4%,44%{opacity:1;background:#fbfbfa}52%,90%{opacity:1;background:#101211}96%,to{opacity:0;background:#101211}}@keyframes fgHead{0%,6%{transform:scale(0)}12%,44%{transform:none;background:#ececea;border-color:#b9bdbb}52%,to{transform:none;background:transparent;border-color:transparent}}@keyframes fgHeadBits{0%,44%{background:#c9cdcb}52%,to{background:#e2f0e98c}}@keyframes fgHero{0%,13%{transform:scale(0)}21%,44%{transform:none;background:#ececea;border-color:#b9bdbb}52%,to{transform:none;background:#141716;border-color:#e2f0e91f}}@keyframes fgCard1{0%,24%{transform:scale(0)}29%,44%{transform:none;background:#ececea;border-color:#b9bdbb}52%,to{transform:none;background:#171a19;border-color:#e2f0e924}}@keyframes fgCard2{0%,28%{transform:scale(0)}33%,44%{transform:none;background:#ececea;border-color:#b9bdbb}52%,to{transform:none;background:#171a19;border-color:#e2f0e924}}@keyframes fgCard3{0%,32%{transform:scale(0)}37%,44%{transform:none;background:#ececea;border-color:#b9bdbb}52%,to{transform:none;background:#171a19;border-color:#e2f0e924}}@keyframes fgCopy{0%,19%{opacity:0}23%,44%{opacity:1;background:#c9cdcb}52%,to{opacity:1;background:#e2f0e9cc}}@keyframes fgImg{0%,20%{opacity:0}25%,44%{opacity:1;background:#d6d9d8}52%,to{opacity:1;background:#1f6e53}}@keyframes fgBtn{0%,19%{opacity:0}23%,58%{opacity:1;background:#c9cdcb;box-shadow:none}63%,to{opacity:1;background:#00e99f;box-shadow:0 0 12px #00e99f80}}@keyframes fgM1{0%,42%{opacity:1}45%,to{opacity:0}}@keyframes fgM2{0%,44%{opacity:0}47%,92%{opacity:1}96%,to{opacity:0}}@keyframes fgL1{0%,8%{opacity:0}11%,94%{opacity:1}to{opacity:0}}@keyframes fgL2{0%,15%{opacity:0}18%,94%{opacity:1}to{opacity:0}}@keyframes fgL3{0%,27%{opacity:0}30%,94%{opacity:1}to{opacity:0}}@keyframes fgL4{0%,21%{opacity:0}24%,54%{opacity:1;background:transparent;color:var(--muted)}56%,70%{opacity:1;background:#0d99ff33;color:#fff}74%,94%{opacity:1;background:transparent;color:var(--muted)}to{opacity:0}}@keyframes fgSel{0%,14%{opacity:0;left:12%;top:31%;width:76%;height:32%}16%,22%{opacity:1;left:12%;top:31%;width:76%;height:32%}26%,52%{opacity:0;left:12%;top:31%;width:76%;height:32%}55%,70%{opacity:1;left:17%;top:51%;width:20%;height:6%}74%,to{opacity:0;left:17%;top:51%;width:20%;height:6%}}@keyframes fgCur{0%{left:60%;top:80%}6%{left:12%;top:19%}12%{left:86%;top:26%}14%{left:12%;top:31%}21%{left:86%;top:62%}24%{left:14%;top:67%}37%{left:86%;top:90%}48%{left:60%;top:74%}56%,70%{left:30%;top:55%}82%,to{left:60%;top:80%}}@keyframes fgCur2{0%,50%{left:104%;top:40%;opacity:0}58%{left:78%;top:72%;opacity:1}70%{left:54%;top:76%;opacity:1}84%{left:74%;top:44%;opacity:1}92%,to{left:104%;top:40%;opacity:0}}@keyframes fgSwatch{0%,60%{background:#d9d9d9}63%,to{background:#00e99f}}@keyframes fgHexA{0%,60%{opacity:1}63%,to{opacity:0}}@keyframes fgHexB{0%,60%{opacity:0}63%,to{opacity:1}}.ai-main{flex:1;min-height:0;display:flex}.ai-tools{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;width:2.8em;padding:8px 0;border-right:1px solid var(--line);background:#121514}.ai-tools b{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:5px;color:var(--muted);font-weight:400}.ai-tools b.on{background:var(--green-tint);color:var(--green);box-shadow:inset 0 0 0 1px var(--green-line)}.ai-tools svg{width:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ai-board{flex:1;min-width:0;display:grid;place-items:center;padding:4%;background:#1c1f1e}.ai-paper{position:relative;width:100%;max-height:100%;aspect-ratio:320 / 220;border-radius:3px;background:#f6f4ee;box-shadow:0 10px 30px #0006}.ai-art{display:block;width:100%;height:100%}.ai-art path,.ai-art circle{fill:none;stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round;stroke-linejoin:round}.ai-art .ai-leaf{stroke:#17322a;stroke-width:1.8;fill:url(#ai-leaf);fill-opacity:0}.ai-art .ai-vein{stroke:#0c3d2d;stroke-width:1.4}.ai-art .ai-sun{stroke:#b07a12;stroke-width:1.6;fill:#ffc94d;fill-opacity:0}.ai-art .ai-ground{stroke:#17322a;stroke-width:2.2}.ai-a{opacity:0}.ai-art .ai-a line{stroke:#2b7fff;stroke-width:1}.ai-art .ai-a circle{fill:#2b7fff;stroke:none;stroke-dasharray:none;stroke-dashoffset:0}.ai-art .ai-a rect{fill:#fff;stroke:#2b7fff;stroke-width:1.2}.ai-pen{position:absolute;z-index:2;left:50%;top:11%;width:1.7em;opacity:0;filter:drop-shadow(0 1px 1px rgba(255,255,255,.8))}.ai-pen svg{display:block;width:100%;fill:#fff;stroke:#111;stroke-width:1.6;stroke-linejoin:round}.ai-layers{flex:none;display:flex;flex-direction:column;gap:4px;width:22%;max-width:120px;padding:10px;border-left:1px solid var(--line);background:#121514;font-size:.86em}.ai-h{margin-bottom:4px;color:var(--faint);font-size:.82em}.ai-layer{display:flex;align-items:center;gap:6px;color:var(--muted);opacity:0}.ai-layer i{width:9px;height:9px;border-radius:2px}.y1 i{background:#00c286}.y2 i{background:#0c3d2d}.y3 i{background:#ffc94d}.y4 i{background:#17322a}.ai-export{position:absolute;right:12px;bottom:12px;padding:.3em .8em;border:1px solid var(--green-line);border-radius:999px;background:#0d0f0eeb;color:var(--green);font-size:.82em;opacity:0}.sv-ai.in-view .ai-leaf{animation:aiLeaf 12s var(--ease) infinite}.sv-ai.in-view .ai-vein{animation:aiVein 12s var(--ease) infinite}.sv-ai.in-view .ai-sun{animation:aiSun 12s var(--ease) infinite}.sv-ai.in-view .ai-ground{animation:aiGround 12s var(--ease) infinite}.sv-ai.in-view .a1{animation:aiA1 12s linear infinite}.sv-ai.in-view .a2{animation:aiA2 12s linear infinite}.sv-ai.in-view .a3{animation:aiA3 12s linear infinite}.sv-ai.in-view .a4{animation:aiA4 12s linear infinite}.sv-ai.in-view .ai-pen{animation:aiPen 12s var(--ease) infinite}.sv-ai.in-view .y1{animation:aiY1 12s linear infinite}.sv-ai.in-view .y2{animation:aiY2 12s linear infinite}.sv-ai.in-view .y3{animation:aiY3 12s linear infinite}.sv-ai.in-view .y4{animation:aiY4 12s linear infinite}.sv-ai.in-view .ai-export{animation:aiExport 12s var(--ease) infinite}@keyframes aiLeaf{0%,3%{stroke-dashoffset:1;fill-opacity:0;opacity:1}26%,42%{stroke-dashoffset:0;fill-opacity:0;opacity:1}50%,92%{stroke-dashoffset:0;fill-opacity:1;opacity:1}98%,to{stroke-dashoffset:0;fill-opacity:1;opacity:0}}@keyframes aiVein{0%,28%{stroke-dashoffset:1;opacity:1}38%,92%{stroke-dashoffset:0;opacity:1}98%,to{stroke-dashoffset:0;opacity:0}}@keyframes aiSun{0%,53%{stroke-dashoffset:1;fill-opacity:0;opacity:1}61%{stroke-dashoffset:0;fill-opacity:0;opacity:1}66%,92%{stroke-dashoffset:0;fill-opacity:1;opacity:1}98%,to{stroke-dashoffset:0;fill-opacity:1;opacity:0}}@keyframes aiGround{0%,66%{stroke-dashoffset:1;opacity:1}76%,92%{stroke-dashoffset:0;opacity:1}98%,to{stroke-dashoffset:0;opacity:0}}@keyframes aiA1{0%,3%{opacity:0}4%,40%{opacity:1}43%,to{opacity:0}}@keyframes aiA2{0%,9%{opacity:0}10%,40%{opacity:1}43%,to{opacity:0}}@keyframes aiA3{0%,15%{opacity:0}16%,40%{opacity:1}43%,to{opacity:0}}@keyframes aiA4{0%,21%{opacity:0}22%,40%{opacity:1}43%,to{opacity:0}}@keyframes aiPen{0%{opacity:0;left:50%;top:11%}3%{opacity:1;left:50%;top:11%}10%{left:69.4%;top:50%}16%{left:51.3%;top:90.9%}22%{left:32.5%;top:49.1%}26%{left:50%;top:11%}28%{left:50%;top:14.5%}38%{left:51.3%;top:88%}46%{left:60%;top:60%}53%,61%{left:81.9%;top:13.6%}66%{left:0%;top:90%;opacity:1}76%{left:100%;top:90%;opacity:1}80%,to{left:100%;top:90%;opacity:0}}@keyframes aiY1{0%,3%{opacity:0}5%,94%{opacity:1}to{opacity:0}}@keyframes aiY2{0%,27%{opacity:0}29%,94%{opacity:1}to{opacity:0}}@keyframes aiY3{0%,52%{opacity:0}54%,94%{opacity:1}to{opacity:0}}@keyframes aiY4{0%,65%{opacity:0}67%,94%{opacity:1}to{opacity:0}}@keyframes aiExport{0%,78%{opacity:0;transform:translateY(6px)}81%,92%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}.ba-stage{position:relative;flex:1;min-height:0;overflow:hidden}.ba-old,.ba-new{position:absolute;inset:0;overflow:hidden}.ba-old{background:silver;color:#000;font-family:Times New Roman,Times,serif}.old-banner{overflow:hidden;padding:.35em;border-bottom:2px outset #ddd;background:linear-gradient(#ff6,#fc0);color:#c00;font-size:1.05em;font-weight:700;text-align:center;white-space:nowrap}.old-cols{display:flex;height:calc(100% - 2.2em)}.old-menu{display:flex;flex-direction:column;gap:.5em;width:27%;padding:.8em .6em;background:#039}.old-menu u{color:#ff0;font-size:.95em}.old-main{flex:1;padding:.8em 1em;background:ivory}.old-h{color:#900;font:700 1.55em Comic Sans MS,Comic Sans,cursive;text-decoration:underline}.old-p{margin:.4em 0 .7em;font-size:.95em;line-height:1.3}.old-img{display:inline-block;padding:1.4em 2em;border:2px inset #999;background:#d4d4d4;color:#666;font-size:.8em}.old-btn{display:inline-block;margin-left:.8em;padding:.2em .8em;border:2px outset #eee;background:linear-gradient(#f4f4f4,#bdbdbd);font-size:.9em;vertical-align:top}.old-count{margin-top:.8em;color:#333;font-size:.8em}.old-count b{padding:0 .3em;background:#000;color:#0f0;font-family:monospace}.ba-new{background:radial-gradient(70% 60% at 80% 10%,rgba(0,233,159,.14),transparent 70%),#101211;font-family:var(--font);clip-path:inset(0 0 0 88%)}.new-nav{display:flex;align-items:center;justify-content:space-between;padding:.8em 1.2em;border-bottom:1px solid var(--line)}.new-logo{width:4.6em;height:.8em;border-radius:3px;background:var(--head)}.new-nav span{display:flex;gap:.7em}.new-nav span i{width:2.2em;height:.4em;border-radius:3px;background:var(--line-2)}.new-nav b{padding:.3em .9em;border-radius:999px;background:var(--green);color:var(--green-ink);font-size:.8em;font-weight:600}.new-hero{display:flex;flex-direction:column;align-items:flex-start;gap:.6em;padding:1.4em 1.2em 1em}.new-tag{padding:.1em .6em;border:1px dashed var(--green-line);border-radius:4px;color:var(--green);font:.76em var(--font)}.new-h{max-width:15em;color:var(--head);font-size:1.5em;font-weight:600;line-height:1.12;letter-spacing:-.02em}.new-cta{padding:.45em 1.1em;border-radius:999px;background:var(--green);color:var(--green-ink);font-size:.86em;font-weight:600}.new-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;padding:0 1.2em}.new-cards i{height:3.8em;border:1px solid var(--line);border-radius:8px;background:linear-gradient(160deg,rgba(0,233,159,.14),transparent 60%),#171a19}.ba-line{position:absolute;z-index:2;top:0;bottom:0;left:88%;width:2px;margin-left:-1px;background:var(--green);box-shadow:0 0 14px #00e99f99}.ba-knob{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:2.4em;height:2.4em;border:2px solid var(--green);border-radius:50%;background:#0d0f0e;color:var(--green);font-size:.9em;transform:translate(-50%,-50%)}.ba-lbl{position:absolute;z-index:3;top:.8em;padding:.15em .7em;border-radius:999px;background:#0d0f0ed9;color:var(--text);font-size:.78em}.ba-l{left:.8em}.ba-r{right:.8em;color:var(--green)}.ba-chips{flex:none;display:flex;flex-wrap:wrap;gap:6px;padding:.6em 12px;border-top:1px solid var(--line);background:#131615}.ba-chips span{padding:.1em .7em;border:1px solid var(--line-2);border-radius:999px;color:var(--faint);font-size:.8em}.sv-ba.in-view .ba-new{animation:baClip 10s var(--ease) infinite}.sv-ba.in-view .ba-line{animation:baLine 10s var(--ease) infinite}.sv-ba.in-view .ba-chips span{animation:baChip 10s var(--ease) infinite}.sv-ba.in-view .ba-chips span:nth-child(2){animation-delay:.25s}.sv-ba.in-view .ba-chips span:nth-child(3){animation-delay:.5s}.sv-ba.in-view .old-banner{animation:baBlink 1.2s steps(1) infinite}@keyframes baClip{0%,10%{clip-path:inset(0 0 0 88%)}36%,62%{clip-path:inset(0 0 0 10%)}84%,to{clip-path:inset(0 0 0 88%)}}@keyframes baLine{0%,10%{left:88%}36%,62%{left:10%}84%,to{left:88%}}@keyframes baChip{0%,32%{border-color:#e2f0e938;color:var(--faint);background:transparent}38%,64%{border-color:#00e99f59;color:var(--green);background:#00e99f1a}72%,to{border-color:#e2f0e938;color:var(--faint);background:transparent}}@keyframes baBlink{50%{color:#00c}}.wp-body{position:relative;flex:1;min-height:0;font-family:var(--font)}.wp-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8em;padding:6%;opacity:0}.wp-logo{display:grid;place-items:center;width:3.2em;height:3.2em;border:2px solid var(--head);border-radius:50%;color:var(--head);font:700 1.5em Georgia,Times New Roman,serif}.wp-h{color:var(--head);font-size:1.15em;font-weight:600}.wp-prog{display:block;width:72%;height:6px;overflow:hidden;border-radius:6px;background:var(--line)}.wp-prog i{display:block;width:0;height:100%;background:var(--green);box-shadow:0 0 12px #00e99f99}.wp-check{color:var(--green);font-size:.95em;opacity:0}.wp-plugins{align-items:stretch;gap:.7em}.wp-plugins .wp-h{margin-bottom:.2em}.wp-plug{display:flex;align-items:center;gap:.8em;padding:.8em 1em;border:1px solid var(--line);border-radius:10px;background:#161a19}.wp-ico{display:grid;flex:none;place-items:center;width:2.4em;height:2.4em;border-radius:8px;color:#fff;font-weight:700}.p1 .wp-ico{background:#92003b}.p2 .wp-ico{background:#5b3ce0}.wp-meta{display:flex;flex:1;flex-direction:column;min-width:0}.wp-meta b{color:var(--head);font-weight:600}.wp-meta em{overflow:hidden;color:var(--muted);font-size:.86em;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.wp-btn{position:relative;flex:none;width:7.4em;height:2.2em}.wp-btn b{position:absolute;inset:0;display:grid;place-items:center;border-radius:999px;font-size:.86em;font-weight:500;opacity:0}.wp-btn .s1{border:1px solid var(--line-2);color:var(--text);opacity:1}.wp-btn .s2{color:var(--muted)}.wp-btn .s3{border:1px solid var(--green-line);background:var(--green-tint);color:var(--green)}.wp-site{justify-content:flex-start;align-items:stretch;gap:.7em;padding:7%}.wp-s{border:1px solid var(--line);border-radius:8px;background:#141716;opacity:0;transform:translateY(10px)}.wp-s1{display:flex;align-items:center;justify-content:space-between;padding:.7em 1em}.wp-s1>i{width:4em;height:.7em;border-radius:3px;background:var(--head)}.wp-s1 span{display:flex;gap:.6em}.wp-s1 span i{width:2em;height:.4em;border-radius:3px;background:var(--line-2)}.wp-s2{display:flex;flex-direction:column;align-items:flex-start;gap:.55em;padding:1.2em 1em;background:radial-gradient(70% 90% at 85% 15%,rgba(0,233,159,.16),transparent 70%),#141716}.wp-s2 .h1{width:70%;height:.9em;border-radius:3px;background:var(--head)}.wp-s2 .h2{width:48%;height:.9em;border-radius:3px;background:#e2f0e999}.wp-s2 b{width:7em;height:1.6em;margin-top:.3em;border-radius:999px;background:var(--green)}.wp-s3{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;padding:.7em}.wp-s3 i{height:3.2em;border-radius:6px;background:linear-gradient(160deg,rgba(0,233,159,.14),transparent 60%),#1a1e1c}.wp-toast{position:absolute;right:8%;bottom:7%;padding:.4em 1em;border-radius:999px;background:var(--green);color:var(--green-ink);font-size:.9em;font-weight:600;box-shadow:0 10px 30px #00e99f4d;opacity:0}.sv-wp.in-view .wp-install{animation:wpStage1 12s var(--ease) infinite}.sv-wp.in-view .wp-plugins{animation:wpStage2 12s var(--ease) infinite}.sv-wp.in-view .wp-site{animation:wpStage3 12s var(--ease) infinite}.sv-wp.in-view .wp-prog i{animation:wpProg 12s var(--ease) infinite}.sv-wp.in-view .k1{animation:wpK1 12s linear infinite}.sv-wp.in-view .k2{animation:wpK2 12s linear infinite}.sv-wp.in-view .k3{animation:wpK3 12s linear infinite}.sv-wp.in-view .p1 .s1{animation:wpS1a 12s linear infinite}.sv-wp.in-view .p1 .s2{animation:wpS2a 12s linear infinite}.sv-wp.in-view .p1 .s3{animation:wpS3a 12s linear infinite}.sv-wp.in-view .p2 .s1{animation:wpS1b 12s linear infinite}.sv-wp.in-view .p2 .s2{animation:wpS2b 12s linear infinite}.sv-wp.in-view .p2 .s3{animation:wpS3b 12s linear infinite}.sv-wp.in-view .wp-s1{animation:wpSec1 12s var(--ease) infinite}.sv-wp.in-view .wp-s2{animation:wpSec2 12s var(--ease) infinite}.sv-wp.in-view .wp-s3{animation:wpSec3 12s var(--ease) infinite}.sv-wp.in-view .wp-toast{animation:wpToast 12s var(--ease) infinite}@keyframes wpStage1{0%{opacity:0;transform:translateY(8px)}3%,29%{opacity:1;transform:none}32%,to{opacity:0;transform:none}}@keyframes wpStage2{0%,31%{opacity:0;transform:translateY(8px)}34%,61%{opacity:1;transform:none}64%,to{opacity:0;transform:none}}@keyframes wpStage3{0%,63%{opacity:0}65%,95%{opacity:1}99%,to{opacity:0}}@keyframes wpProg{0%,4%{width:0}26%,to{width:100%}}@keyframes wpK1{0%,9%{opacity:0}11%,to{opacity:1}}@keyframes wpK2{0%,16%{opacity:0}18%,to{opacity:1}}@keyframes wpK3{0%,23%{opacity:0}25%,to{opacity:1}}@keyframes wpS1a{0%,39%{opacity:1}40%,to{opacity:0}}@keyframes wpS2a{0%,39%{opacity:0}40%,45%{opacity:1}46%,to{opacity:0}}@keyframes wpS3a{0%,45%{opacity:0}46%,to{opacity:1}}@keyframes wpS1b{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes wpS2b{0%,48%{opacity:0}49%,54%{opacity:1}55%,to{opacity:0}}@keyframes wpS3b{0%,54%{opacity:0}55%,to{opacity:1}}@keyframes wpSec1{0%,66%{opacity:0;transform:translateY(10px)}70%,to{opacity:1;transform:none}}@keyframes wpSec2{0%,71%{opacity:0;transform:translateY(10px)}76%,to{opacity:1;transform:none}}@keyframes wpSec3{0%,77%{opacity:0;transform:translateY(10px)}82%,to{opacity:1;transform:none}}@keyframes wpToast{0%,84%{opacity:0;transform:translateY(8px)}87%,to{opacity:1;transform:none}}.el-main{flex:1;min-height:0;display:flex}.el-panel{flex:none;width:34%;max-width:180px;padding:10px;border-right:1px solid var(--line);background:#121514}.el-h{color:var(--faint);font-size:.82em}.el-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.el-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.7em .3em;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:.8em}.el-tile b{color:var(--text);font-size:1.35em;font-weight:400;line-height:1.2}.el-canvas{flex:1;min-width:0;display:flex;flex-direction:column;gap:.7em;padding:12px;background:#0f1211;font-family:var(--font)}.el-sec,.el-w{border-radius:6px}.el-header{display:flex;align-items:center;justify-content:space-between;height:2.4em;padding:0 .9em;background:#171b1a}.el-header>i{width:3.6em;height:.6em;border-radius:3px;background:var(--head)}.el-header span{display:flex;gap:.5em}.el-header span i{width:1.6em;height:.35em;border-radius:3px;background:var(--line-2)}.el-w{outline:1.5px solid transparent;outline-offset:3px;opacity:0;transform:scale(.94)}.el-title{display:flex;flex-direction:column;gap:.4em;padding:.6em .2em}.el-title i{display:block;height:.85em;border-radius:3px;background:var(--head)}.el-title i:nth-child(2){width:62%;height:.55em;background:var(--muted)}.el-img{height:8em;background:radial-gradient(50% 70% at 75% 30%,rgba(0,233,159,.35),transparent 70%),linear-gradient(135deg,#00e99f38,#00e99f08),#1a1e1c}.el-btn{align-self:flex-start;padding:.45em 1.1em;border-radius:999px;background:var(--green);color:var(--green-ink);font-size:.86em;font-weight:600}.el-drop{margin-top:auto;padding:.7em;border:1px dashed var(--line-2);border-radius:6px;color:var(--faint);font-size:.86em;text-align:center}.el-ghost{position:absolute;z-index:3;left:9%;top:7.95em;display:grid;place-items:center;width:2.6em;height:2.6em;border:1px solid var(--green);border-radius:6px;background:#00e99f26;color:var(--green);opacity:0;transform:translate(-50%,-50%) rotate(-6deg)}.el-ghost b{grid-area:1 / 1;font-weight:400;opacity:0}.el-cursor{position:absolute;z-index:4;left:60%;top:70%;width:1.4em}.el-cursor svg{display:block;width:100%;fill:#fff;stroke:#0d0f0e;stroke-width:1.4}.el-foot{flex:none;display:flex;align-items:center;justify-content:space-between;padding:.5em 12px;border-top:1px solid var(--line);background:#131615}.el-devices{color:var(--faint);letter-spacing:.3em}.el-update{position:relative;width:8.6em;height:2em}.el-update b{position:absolute;inset:0;display:grid;place-items:center;border-radius:999px;font-size:.85em;font-weight:600}.el-update .u1{background:var(--green);color:var(--green-ink)}.el-update .u2{border:1px solid var(--green-line);background:var(--green-tint);color:var(--green);opacity:0}.sv-el.in-view .el-title{animation:elTitle 10s var(--ease) infinite}.sv-el.in-view .el-img{animation:elImg 10s var(--ease) infinite}.sv-el.in-view .el-btn{animation:elBtn 10s var(--ease) infinite}.sv-el.in-view .el-ghost{animation:elGhost 10s var(--ease) infinite}.sv-el.in-view .el-ghost .g1{animation:elG1 10s steps(1) infinite}.sv-el.in-view .el-ghost .g2{animation:elG2 10s steps(1) infinite}.sv-el.in-view .el-ghost .g3{animation:elG3 10s steps(1) infinite}.sv-el.in-view .el-cursor{animation:elCursor 10s var(--ease) infinite}.sv-el.in-view .t-title{animation:elTileA 10s linear infinite}.sv-el.in-view .t-img{animation:elTileB 10s linear infinite}.sv-el.in-view .t-btn{animation:elTileC 10s linear infinite}.sv-el.in-view .u1{animation:elU1 10s linear infinite}.sv-el.in-view .u2{animation:elU2 10s linear infinite}@keyframes elTitle{0%,18%{opacity:0;transform:scale(.94);outline-color:transparent}20%{opacity:1;transform:none;outline-color:var(--green)}27%,95%{opacity:1;transform:none;outline-color:transparent}99%,to{opacity:0;transform:none}}@keyframes elImg{0%,44%{opacity:0;transform:scale(.94);outline-color:transparent}46%{opacity:1;transform:none;outline-color:var(--green)}53%,95%{opacity:1;transform:none;outline-color:transparent}99%,to{opacity:0;transform:none}}@keyframes elBtn{0%,68%{opacity:0;transform:scale(.94);outline-color:transparent}70%{opacity:1;transform:none;outline-color:var(--green)}77%,95%{opacity:1;transform:none;outline-color:transparent}99%,to{opacity:0;transform:none}}@keyframes elGhost{0%,6%{opacity:0;left:9%;top:7.95em}8%{opacity:1;left:9%;top:7.95em}18%{opacity:1;left:60%;top:8.6em}19%,30%{opacity:0;left:60%;top:8.6em}31%{opacity:0;left:25%;top:7.95em}33%{opacity:1;left:25%;top:7.95em}44%{opacity:1;left:66%;top:14.8em}45%,55%{opacity:0;left:66%;top:14.8em}56%{opacity:0;left:9%;top:12.55em}58%{opacity:1;left:9%;top:12.55em}68%{opacity:1;left:49%;top:20.6em}69%,to{opacity:0;left:49%;top:20.6em}}@keyframes elG1{0%{opacity:1}30%,to{opacity:0}}@keyframes elG2{0%,30%{opacity:0}31%{opacity:1}55%,to{opacity:0}}@keyframes elG3{0%,55%{opacity:0}56%,to{opacity:1}}@keyframes elCursor{0%{left:60%;top:72%}6%,8%{left:9%;top:7.95em}18%,20%{left:60%;top:8.6em}31%,33%{left:25%;top:7.95em}44%,46%{left:66%;top:14.8em}56%,58%{left:9%;top:12.55em}68%,70%{left:49%;top:20.6em}78%,86%{left:87%;top:calc(100% - 1.6em)}to{left:60%;top:72%}}@keyframes elTileA{0%,5%{border-color:#e2f0e91f}6%,18%{border-color:var(--green)}19%,to{border-color:#e2f0e91f}}@keyframes elTileB{0%,30%{border-color:#e2f0e91f}31%,44%{border-color:var(--green)}45%,to{border-color:#e2f0e91f}}@keyframes elTileC{0%,55%{border-color:#e2f0e91f}56%,68%{border-color:var(--green)}69%,to{border-color:#e2f0e91f}}@keyframes elU1{0%,79%{opacity:1}80%,95%{opacity:0}97%,to{opacity:1}}@keyframes elU2{0%,79%{opacity:0}80%,95%{opacity:1}97%,to{opacity:0}}.mt-grid{flex:1;min-height:0;display:grid;grid-template-areas:"upd bak" "upd sec" "up up";grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:1fr 1fr auto;gap:10px;padding:12px;font-family:var(--font)}.mt-card{display:flex;flex-direction:column;gap:.5em;min-height:0;padding:.8em .9em;border:1px solid var(--line);border-radius:10px;background:#141817}.mt-updates{grid-area:upd;justify-content:center;gap:.85em}.mt-backup{grid-area:bak;align-items:center;justify-content:center;text-align:center}.mt-sec{grid-area:sec;align-items:center;justify-content:center;text-align:center}.mt-uptime{grid-area:up}.mt-h{display:flex;align-items:center;justify-content:space-between;align-self:stretch;color:var(--muted);font:500 .8em var(--font);text-align:left}.mt-row{display:grid;grid-template-columns:minmax(0,1fr) 30% 5.4em;align-items:center;gap:.6em;font-size:.9em}.mt-row em{overflow:hidden;color:var(--text);font-style:normal;white-space:nowrap;text-overflow:ellipsis}.mt-bar{display:block;height:4px;overflow:hidden;border-radius:4px;background:var(--line)}.mt-bar i{display:block;width:0;height:100%;background:var(--green)}.mt-st{position:relative;height:1.3em;font-size:.86em;font-weight:500}.mt-st span{position:absolute;right:0;white-space:nowrap}.mt-st .todo{color:var(--faint)}.mt-st .ok{color:var(--green);opacity:0}.mt-ring{position:relative;width:3.4em;height:3.4em}.mt-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.mt-ring circle{fill:none;stroke:var(--line-2);stroke-width:3.4}.mt-ring .mt-arc{stroke:var(--green);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}.mt-ring-ok{position:absolute;inset:0;display:grid;place-items:center;color:var(--green);font-size:1.2em;opacity:0}.mt-sub{color:var(--muted);font-size:.8em;line-height:1.3}.mt-shield{position:relative;width:3em;height:3.2em;overflow:hidden}.mt-shield svg{width:100%;height:100%;fill:#00e99f14;stroke:var(--green);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.mt-tick{fill:none!important;stroke-dasharray:10;stroke-dashoffset:10}.mt-scan{position:absolute;left:0;right:0;top:0;height:2px;background:var(--green);box-shadow:0 0 10px var(--green);opacity:0}.mt-live{display:inline-flex;align-items:center;gap:5px;color:var(--green);text-transform:none;letter-spacing:0}.mt-live i{width:6px;height:6px;border-radius:50%;background:var(--green);animation:svBlink 1.6s ease-in-out infinite}.mt-bars{display:flex;align-items:flex-end;gap:3px;height:2.6em}.mt-bars i{flex:1;height:82%;border-radius:2px;background:#00e99f99;transform-origin:bottom;transform:scaleY(0)}.mt-bars i:nth-child(3n){height:70%}.mt-bars i:nth-child(4n+1){height:92%}.mt-bars i:nth-child(7n){height:60%}.mt-toast{position:absolute;left:50%;bottom:1.2em;padding:.4em 1em;border-radius:999px;background:var(--green);color:var(--green-ink);font:600 .88em var(--font);white-space:nowrap;box-shadow:0 10px 30px #00e99f4d;opacity:0;transform:translate(-50%)}.sv-mt.in-view .r1 .mt-bar i{animation:mtBar1 10s var(--ease) infinite}.sv-mt.in-view .r2 .mt-bar i{animation:mtBar2 10s var(--ease) infinite}.sv-mt.in-view .r3 .mt-bar i{animation:mtBar3 10s var(--ease) infinite}.sv-mt.in-view .r4 .mt-bar i{animation:mtBar4 10s var(--ease) infinite}.sv-mt.in-view .r1 .todo{animation:mtTodo1 10s linear infinite}.sv-mt.in-view .r2 .todo{animation:mtTodo2 10s linear infinite}.sv-mt.in-view .r3 .todo{animation:mtTodo3 10s linear infinite}.sv-mt.in-view .r4 .todo{animation:mtTodo4 10s linear infinite}.sv-mt.in-view .r1 .ok{animation:mtOk1 10s linear infinite}.sv-mt.in-view .r2 .ok{animation:mtOk2 10s linear infinite}.sv-mt.in-view .r3 .ok{animation:mtOk3 10s linear infinite}.sv-mt.in-view .r4 .ok{animation:mtOk4 10s linear infinite}.sv-mt.in-view .mt-arc{animation:mtArc 10s var(--ease) infinite}.sv-mt.in-view .mt-ring-ok{animation:mtRingOk 10s linear infinite}.sv-mt.in-view .mt-scan{animation:mtScan 10s linear infinite}.sv-mt.in-view .mt-tick{animation:mtTick 10s var(--ease) infinite}.sv-mt.in-view .mt-bars i{animation:mtUp 10s var(--ease) infinite;animation-delay:calc(var(--i) * 40ms)}.sv-mt.in-view .mt-toast{animation:mtToast 10s var(--ease) infinite}@keyframes mtBar1{0%,3%{width:0}13%,94%{width:100%}to{width:0}}@keyframes mtBar2{0%,13%{width:0}23%,94%{width:100%}to{width:0}}@keyframes mtBar3{0%,23%{width:0}33%,94%{width:100%}to{width:0}}@keyframes mtBar4{0%,33%{width:0}43%,94%{width:100%}to{width:0}}@keyframes mtTodo1{0%,12%{opacity:1}13%,96%{opacity:0}to{opacity:1}}@keyframes mtTodo2{0%,22%{opacity:1}23%,96%{opacity:0}to{opacity:1}}@keyframes mtTodo3{0%,32%{opacity:1}33%,96%{opacity:0}to{opacity:1}}@keyframes mtTodo4{0%,42%{opacity:1}43%,96%{opacity:0}to{opacity:1}}@keyframes mtOk1{0%,12%{opacity:0}13%,96%{opacity:1}to{opacity:0}}@keyframes mtOk2{0%,22%{opacity:0}23%,96%{opacity:1}to{opacity:0}}@keyframes mtOk3{0%,32%{opacity:0}33%,96%{opacity:1}to{opacity:0}}@keyframes mtOk4{0%,42%{opacity:0}43%,96%{opacity:1}to{opacity:0}}@keyframes mtArc{0%,44%{stroke-dashoffset:100}62%,94%{stroke-dashoffset:0}to{stroke-dashoffset:100}}@keyframes mtRingOk{0%,61%{opacity:0}63%,94%{opacity:1}to{opacity:0}}@keyframes mtScan{0%,4%{top:0;opacity:0}6%{opacity:1}20%{top:96%}34%{top:0}48%{top:96%}62%{top:0;opacity:1}64%,to{top:0;opacity:0}}@keyframes mtTick{0%,63%{stroke-dashoffset:10}70%,94%{stroke-dashoffset:0}to{stroke-dashoffset:10}}@keyframes mtUp{0%{transform:scaleY(0)}14%,94%{transform:none}to{transform:scaleY(0)}}@keyframes mtToast{0%,74%{opacity:0;transform:translate(-50%,8px)}78%,92%{opacity:1;transform:translate(-50%)}96%,to{opacity:0;transform:translate(-50%)}}@media(max-width:640px){.ide-tree,.fg-layers,.fg-props,.ai-layers{display:none}.el-panel{width:38%}.sv-react .sv-preview{width:70%}.sv-bar .sv-tab{padding:0 8px}}@media(prefers-reduced-motion:reduce){.sv .fg-frame,.sv .fg-b,.sv .fg-copy i,.sv .fg-img,.sv .fg-l,.sv .ai-layer,.sv .wp-site,.sv .wp-s,.sv .el-w,.sv .mt-ring-ok,.sv .mt-st .ok{opacity:1;transform:none}.sv .ai-art path,.sv .ai-art circle,.sv .mt-tick{stroke-dashoffset:0}.sv .ai-art .ai-leaf,.sv .ai-art .ai-sun{fill-opacity:1}.sv .mt-bar i{width:100%}.sv .mt-ring .mt-arc{stroke-dashoffset:0}.sv .mt-st .todo,.sv .wp-install,.sv .wp-plugins{opacity:0}.sv .mt-bars i{transform:none}}@media(min-width:1024px){.page-hero .page-hero-in.has-visual{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch}.page-hero .page-hero-in.has-visual .page-hero-text{align-self:center}.page-hero-visual{display:flex;min-height:300px;contain:size}.page-hero-visual .sv{flex:1;aspect-ratio:auto;font-size:11.5px}.sv-seo .seo-body{gap:8px 12px;padding:10px 12px}.sv-seo .seo-serp{padding:.65em 1em}.sv-seo .seo-score{width:4.8em;height:4.8em}.sv-seo .seo-fields{gap:.4em}.sv-seo .seo-f.on,.sv-seo .seo-f.done{gap:.2em}.sv-seo .seo-in{min-height:2em;padding:.2em .7em}.sv-seo .seo-in-tall{min-height:2.9em}}