.demo-rcb{width:100%;height:100%;min-height:150px}.anim-thumb>.demo-rcb{position:absolute;inset:0}.demo-rcb-lg{height:clamp(240px,50vw,320px)}.demo-rcb-face{color:#fff;letter-spacing:-.02em;font-weight:800;font-size:clamp(14px, calc(var(--rcb-s,100px) * .16), 30px);border-radius:10%;box-shadow:inset 0 0 0 2px #ffffff59}.demo-rcb-face.f1{background:linear-gradient(135deg,#7c3aed,#a855f7)}.demo-rcb-face.f2{background:linear-gradient(135deg,#db2777,#f472b6)}.demo-rcb-face.f3{background:linear-gradient(135deg,#2563eb,#60a5fa)}.demo-rcb-face.f4{background:linear-gradient(135deg,#0d9488,#2dd4bf)}.demo-rcb-face.f5{background:linear-gradient(135deg,#ea580c,#fbbf24)}.demo-rcb-face.f6{background:linear-gradient(135deg,#4c1d95,#6d28d9)}.demo-ibg{width:100%;height:100%}.anim-thumb>.demo-ibg{position:absolute;inset:0}.anim-stage .demo-ibg{height:380px}@media (width<=640px){.anim-stage .demo-ibg{height:300px}}.demo-ias{width:auto;max-width:100%;height:100%;max-height:170px;overflow:visible}.demo-ias-lg{width:min(440px,100%);height:auto;max-height:none}.demo-exv{text-align:left;width:18em;height:12em;font-size:9px;position:relative}.demo-exv-lg{margin:64px 0;font-size:clamp(12px,3.6vw,17px)}.demo-exv .exv-layer{border-radius:1.2em}.demo-exv-base{background:#fff;width:100%;height:100%;box-shadow:0 1.5em 3em #3c146e38}.demo-exv-img{background:linear-gradient(160deg,#c4b5fd 0%,#a855f7 45%,#4c1d95 100%);border-radius:.8em;width:6.6em;height:9.6em;position:absolute;top:1.2em;left:1.2em;box-shadow:0 .6em 1.4em #4c1d954d}.demo-exv-img:after{content:"";opacity:.85;clip-path:polygon(0 100%,38% 20%,55% 55%,72% 0,100% 100%);background:#fff;height:34%;position:absolute;bottom:18%;left:12%;right:12%}.demo-exv-title{letter-spacing:-.02em;color:#1e1b4b;white-space:nowrap;font-size:1.3em;font-weight:800;position:absolute;top:1.2em;left:6.92em}.demo-exv-line{background:#ddd6fe;border-radius:1em;width:7.4em;height:.7em;position:absolute;top:4.4em;left:9em}.demo-exv-line.short{width:5em;top:5.7em}.demo-exv-btn{background:var(--accent);color:#fff;border-radius:999px;padding:.55em 1.6em;font-size:1.05em;font-weight:700;position:absolute;bottom:1.3em;left:8.57em;box-shadow:0 .6em 1.4em #6a0dad59}.demo-bkc{aspect-ratio:2/3;text-align:left;width:84px}.demo-bkc-lg{width:clamp(120px,30vw,180px)}.demo-bkc-cover{color:#fff;background:radial-gradient(circle at 80% 18%,#f0abfc 0 12%,#0000 13%),linear-gradient(160deg,#7c3aed,#4c1d95 70%,#2e1065);flex-direction:column;padding:14% 12% 10% 16%;display:flex}.demo-bkc-kicker{text-transform:uppercase;letter-spacing:.12em;opacity:.75;font-size:.6em}.demo-bkc-lg .demo-bkc-kicker,.demo-bkc-lg .demo-bkc-ch{font-size:clamp(8px,1.8vw,11px)}.demo-bkc-title{letter-spacing:-.02em;margin-top:auto;font-size:13px;font-weight:800;line-height:1.05}.demo-bkc-lg .demo-bkc-title{font-size:clamp(18px,4.4vw,27px)}.demo-bkc-author{opacity:.8;margin-top:8%;font-size:.55em;font-weight:600}.demo-bkc-lg .demo-bkc-author{font-size:clamp(9px,2vw,12px)}.demo-bkc{font-size:12px}.demo-bkc-page{color:#3b0764;flex-direction:column;padding:16% 12% 0 14%;display:flex;position:absolute;inset:0}.demo-bkc-ch{text-transform:uppercase;letter-spacing:.14em;opacity:.7;font-size:.55em}.demo-bkc-h{margin-top:6%;font-family:Georgia,serif;font-size:13px;font-style:italic}.demo-bkc-lg .demo-bkc-h{font-size:clamp(16px,3.6vw,24px)}.demo-ihx{width:100%;height:100%}.anim-thumb>.demo-ihx{position:absolute;inset:0}.demo-ihx-lg{background:radial-gradient(ellipse at 50% 55%, #fff 0%, var(--accent-soft) 70%);height:400px}@media (width<=640px){.demo-ihx-lg{height:340px}}.demo-ihx-tile{background:radial-gradient(circle at var(--sun) 34%, #fff 0 9%, transparent 10%), linear-gradient(180deg, var(--a), var(--b));border-radius:8px;overflow:hidden;box-shadow:0 6px 18px #280a5040}.demo-ihx-tile:after{content:"";clip-path:polygon(0 40%,25% 0,50% 45%,70% 15%,100% 55%,100% 100%,0 100%);background:#14082859;height:38%;position:absolute;bottom:0;left:0;right:0}.demo-tgs{width:100%;height:100%}.anim-thumb>.demo-tgs{position:absolute;inset:0}.demo-tgs-lg{height:400px}@media (width<=640px){.demo-tgs-lg{height:330px}}.demo-tgs-tag{color:#4c1d95;letter-spacing:-.01em;font-size:12px;font-weight:700}.demo-tgs-tag.hi{color:#db2777}.demo-tgs-lg .demo-tgs-tag{font-size:clamp(14px,2.4vw,20px)}.demo-wft{background:linear-gradient(#0b0320 0%,#2a0b4a 46%,#12052a 46.5%);width:100%;height:100%}.anim-thumb>.demo-wft{position:absolute;inset:0}.anim-stage .demo-wft{height:400px}@media (width<=640px){.anim-stage .demo-wft{height:300px}}.demo-tsr{background:radial-gradient(#2a0f4d 0%,#0f0720 70%);width:100%;height:100%}.anim-thumb>.demo-tsr{position:absolute;inset:0}.anim-stage .demo-tsr{height:400px}@media (width<=640px){.anim-stage .demo-tsr{height:320px}}.demo-wfp{background:radial-gradient(ellipse at 50% 45%, #fff 0%, var(--accent-soft) 85%);width:100%;height:100%}.anim-thumb>.demo-wfp{position:absolute;inset:0}.anim-stage .demo-wfp{height:380px}@media (width<=640px){.anim-stage .demo-wfp{height:340px}}.demo-tfl{aspect-ratio:15/8;text-align:left;width:248px;font-size:6px}.demo-tfl-lg{width:min(560px,100%);margin:24px 0;font-size:clamp(9px,2.6vw,16px)}.demo-tfl-p{color:#1e1b4b;background:#fff;flex-direction:column;gap:.7em;padding:1.4em 1.2em;display:flex;box-shadow:0 1em 2em #280a501a}.demo-tfl-p2{background:#fdfcff}.demo-tfl-k{text-transform:uppercase;letter-spacing:.14em;color:#db2777;font-size:.85em;font-weight:700}.demo-tfl-h{letter-spacing:-.02em;font-size:1.5em;font-weight:800;line-height:1.05}.demo-tfl-l{background:#ddd6fe;border-radius:1em;flex:none;height:.55em}.demo-tfl-l.s{width:60%}.demo-tfl-pic{background:radial-gradient(circle at 70% 35%,#fff7d6 0 9%,#0000 10%),linear-gradient(#fbcfe8 0%,#c4b5fd 50%,#0ea5e9 51%,#0369a1 100%);border-radius:.6em;flex:none;height:42%}.demo-tfl-pic.b{background:linear-gradient(160deg,#a7f3d0,#0d9488);height:30%;margin-top:auto}.demo-tfl-dot{align-items:center;gap:.6em;font-size:.95em;font-weight:600;display:flex}.demo-tfl-dot:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:.8em;height:.8em}.demo-tfl-cover{text-align:center;color:#fff;background:linear-gradient(#7c3aed 0%,#db2777 58%,#f59e0b 100%);justify-content:center;align-items:center}.demo-tfl-cover .demo-tfl-k{color:#fff;opacity:.85}.demo-tfl-ct{letter-spacing:-.03em;font-size:2.3em;font-weight:800;line-height:1}.demo-tfl-sun{background:#fde68a;border-radius:50%;width:2.6em;height:2.6em;box-shadow:0 0 0 .5em #fde68a4d}.demo-puc{width:132px;height:80px;font-size:6px}.demo-puc-lg{aspect-ratio:330/200;width:clamp(190px,52vw,300px);height:auto;font-size:clamp(9px,2.6vw,15px)}.demo-puc-cover{background:radial-gradient(circle at 20% 25%,#fde68a 0 4%,#0000 5%),radial-gradient(circle at 78% 70%,#a5f3fc 0 5%,#0000 6%),radial-gradient(circle at 70% 22%,#fff 0 3%,#0000 4%),linear-gradient(135deg,#7c3aed,#db2777);place-items:center;display:grid}.demo-puc-for{color:#fff;letter-spacing:-.02em;font-size:2.2em;font-weight:800}.demo-puc-sky{background:radial-gradient(circle at 78% 30%,#fff7d6 0 7%,#fff7d600 8%),linear-gradient(#c4b5fd 0%,#fbcfe8 60%,#fed7aa 100%);justify-content:center;padding-top:9%;display:flex}.demo-puc-msg{color:#6d28d9;font-family:Georgia,serif;font-size:1.7em;font-style:italic;font-weight:700}.demo-puc-hills{clip-path:polygon(0 100%,0 52%,14% 30%,28% 50%,44% 18%,60% 46%,74% 26%,90% 48%,100% 36%,100% 100%);background:linear-gradient(#a78bfa,#7c3aed);width:100%;height:70%;left:0}.demo-puc-tree{clip-path:polygon(50% 0,88% 62%,58% 62%,58% 100%,42% 100%,42% 62%,12% 62%);background:linear-gradient(90deg,#16a34a,#15803d);width:18%;height:42%}.demo-puc-house{clip-path:polygon(50% 0,100% 42%,92% 42%,92% 100%,8% 100%,8% 42%,0 42%);background:linear-gradient(#f472b6 0 42%,#fff 42%);width:32%;height:46%;left:34%}.demo-puc-house:before{content:"";background:#7c3aed;width:18%;height:32%;position:absolute;bottom:0;left:41%}.demo-puc-house:after{content:"";background:#fbbf24;width:16%;height:18%;position:absolute;top:52%;left:20%;box-shadow:4.2em 0 #fbbf24}.demo-puc-grass{clip-path:polygon(0 100%,0 40%,6% 0,12% 45%,20% 10%,28% 50%,36% 5%,44% 45%,52% 15%,60% 50%,68% 0,76% 45%,84% 12%,92% 48%,100% 20%,100% 100%);background:#4ade80;width:100%;height:22%;left:0}.demo-dpp{background:#2e1065;width:100%;height:100%}.anim-thumb>.demo-dpp{position:absolute;inset:0}.demo-dpp-lg{height:420px}@media (width<=640px){.demo-dpp-lg{height:250px}}.demo-ibc{width:100%;max-width:280px;height:100%;max-height:175px}.demo-ibc-lg{width:min(420px,100%);max-width:none;height:auto;max-height:none}.demo-drm{aspect-ratio:16/10;width:190px}.demo-drm-lg{width:min(500px,82%);margin:28px 0}.demo-drm-sky{background:radial-gradient(circle at 20% 30%,#fff 0 .6%,#0000 .9%),radial-gradient(circle at 42% 18%,#fff 0 .5%,#0000 .8%),radial-gradient(circle at 60% 40%,#fff 0 .4%,#0000 .7%),radial-gradient(circle at 85% 15%,#fff 0 .6%,#0000 .9%),radial-gradient(circle at 10% 60%,#fff 0 .4%,#0000 .7%),linear-gradient(#1e1b4b 0%,#4c1d95 55%,#be185d 100%)}.demo-drm-moon{aspect-ratio:1;background:#fef3c7;border-radius:50%;width:15%;position:absolute;top:14%;left:66%;box-shadow:0 0 0 .5em #fef3c726,0 0 2em #fef3c780}.demo-drm-hills{clip-path:polygon(0 100%,0 58%,16% 44%,34% 60%,52% 38%,70% 56%,86% 42%,100% 52%,100% 100%);background:linear-gradient(#7c3aed,#4c1d95)}.demo-drm-trees{clip-path:polygon(0 100%,0 80%,6% 52%,12% 80%,16% 60%,22% 82%,70% 82%,76% 50%,82% 82%,86% 62%,92% 82%,96% 58%,100% 80%,100% 100%);background:#312e81}.demo-drm-hut{clip-path:polygon(50% 0,100% 40%,100% 100%,0 100%,0 40%);background:#1e1b4b;width:18%;height:26%;position:absolute;bottom:14%;left:36%}.demo-drm-hut:after{content:"";background:#fbbf24;width:30%;height:26%;position:absolute;top:52%;left:34%;box-shadow:0 0 .6em #fbbf24}.demo-drm-grass{clip-path:polygon(0 100%,0 86%,4% 78%,8% 86%,13% 80%,20% 88%,30% 84%,40% 90%,55% 86%,66% 90%,76% 82%,84% 88%,92% 78%,100% 86%,100% 100%);background:#052e16}.demo-cnf{width:170px;height:150px}.demo-cnf-lg{width:min(300px,100%);height:260px;margin-bottom:24px}@media (width<=640px){.demo-cnf-lg{height:200px}}.demo-dsr{aspect-ratio:9/17;width:64px;margin-top:8px}.demo-dsr-lg{width:clamp(100px,26vw,140px);margin:12px 0 44px}.demo-dsr-room{background:radial-gradient(at 50% 18%,#fff7d6 0%,#fcd34d 22%,#f97316 62%,#9a3412 100%);flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:22%;display:flex}.demo-dsr-lamp{background:#78350f;width:1px;height:16%;position:absolute;top:0;left:50%}.demo-dsr-lamp:after{content:"";background:#78350f;border-radius:1em 1em 0 0;width:1em;height:.5em;font-size:10px;position:absolute;top:100%;left:-.5em}.demo-dsr-hi{color:#7c2d12;white-space:nowrap;font-family:Georgia,serif;font-size:11px;font-style:italic;font-weight:700}.demo-dsr-lg .demo-dsr-hi{font-size:clamp(16px,4vw,22px)}.demo-vxb{background:radial-gradient(ellipse at 50% 40%, #fff 0%, var(--accent-soft) 80%);width:100%;height:100%}.anim-thumb>.demo-vxb{position:absolute;inset:0}.anim-stage .demo-vxb{height:400px}@media (width<=640px){.anim-stage .demo-vxb{height:320px}}.demo-lpg{background:radial-gradient(ellipse at 50% 40%, #fff 0%, var(--accent-soft) 85%);width:100%;height:100%}.anim-thumb>.demo-lpg{position:absolute;inset:0}.anim-stage .demo-lpg{height:400px}@media (width<=640px){.anim-stage .demo-lpg{height:320px}}.demo-tws{background:radial-gradient(ellipse at 50% 40%, #fff 0%, var(--accent-soft) 85%);width:100%;height:100%}.anim-thumb>.demo-tws{position:absolute;inset:0}.anim-stage .demo-tws{height:400px}@media (width<=640px){.anim-stage .demo-tws{height:320px}}.demo-bst{background:linear-gradient(#3b1d0a,#57300f);border-radius:.6em .6em 0 0;justify-content:center;align-items:flex-end;gap:.2em;padding-top:2em;font-size:7px;display:flex;box-shadow:inset 0 1.2em 1.6em #00000073,inset .8em 0 1em #0000004d,inset -.8em 0 1em #0000004d}.demo-bst-lg{font-size:clamp(7px,2.2vw,12px)}.demo-bst>span{writing-mode:vertical-rl;color:#fff;letter-spacing:.04em;white-space:nowrap;background-image:linear-gradient(90deg,#00000040,#ffffff1f 30%,#fff0 60%,#00000040),linear-gradient(#0000 9%,#fde68abf 9% 10.5%,#0000 10.5% 89.5%,#fde68abf 89.5% 91%,#0000 91%);border-radius:.25em .25em .1em .1em;flex:none;justify-content:center;align-items:center;font-size:1em;font-weight:700;display:flex}.demo-bst-lg>span{font-size:1.1em}.demo-dvt{aspect-ratio:9/19;width:66px;margin-top:-10px}.demo-dvt-lg{width:clamp(104px,30vw,156px);margin:8px 0 32px}.demo-dvt-app{text-align:left;color:#fff;background:linear-gradient(#7c3aed 0%,#db2777 70%,#f59e0b 100%);flex-direction:column;align-items:flex-start;gap:4%;padding:22% 10% 10%;font-size:6px;display:flex}.demo-dvt-lg .demo-dvt-app{font-size:clamp(9px,2.6vw,14px)}.demo-dvt-city{opacity:.9;font-size:1.1em;font-weight:600}.demo-dvt-temp{letter-spacing:-.04em;font-size:3.6em;font-weight:800;line-height:1}.demo-dvt-sun{aspect-ratio:1;background:#fde68a;border-radius:50%;width:26%;position:absolute;top:20%;right:12%;box-shadow:0 0 0 .5em #fde68a40}.demo-dvt-row{gap:6%;width:100%;margin-top:auto;display:flex}.demo-dvt-row i{aspect-ratio:3/4;background:#ffffff38;border-radius:.6em;flex:1}.demo-dvt-card{background:#ffffffe6;border-radius:.8em;flex:none;width:100%;height:18%}.demo-mbs{background:radial-gradient(ellipse at 50% 45%, #fff 0%, var(--accent-soft) 85%);width:100%;height:100%}.anim-thumb>.demo-mbs{position:absolute;inset:0}.anim-stage .demo-mbs{height:400px}@media (width<=640px){.anim-stage .demo-mbs{height:300px}}.demo-tkn{background:radial-gradient(ellipse at 50% 45%, #fff 0%, var(--accent-soft) 85%);width:100%;height:100%}.anim-thumb>.demo-tkn{position:absolute;inset:0}.anim-stage .demo-tkn{height:400px}@media (width<=640px){.anim-stage .demo-tkn{height:320px}}.demo-cnu{width:240px;height:170px}.demo-cnu-lg{width:min(560px,100%);height:clamp(230px,50vw,380px)}.demo-stx{text-align:left;gap:10px;width:100%;max-width:280px;font-size:12.5px;line-height:1.5;display:grid}.demo-stx-q{background:var(--accent);color:#fff;border-radius:14px 14px 4px;justify-self:end;max-width:80%;padding:6px 12px;font-weight:600}.demo-stx-a{color:var(--text);min-height:5.6em;margin:0}.demo-stx-lg{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;gap:16px;max-width:min(560px,100%);padding:clamp(16px,3vw,24px);font-size:clamp(15px,2vw,17px);line-height:1.6;box-shadow:0 10px 30px #1e0a3c14}.demo-stx-lg .demo-stx-q{border-radius:18px 18px 4px;padding:9px 15px}.demo-stx-lg .demo-stx-a{min-height:6.6em}.demo-thk{color:var(--text);font-size:18px;font-weight:600}.demo-thk-lg{background:var(--bg-card);border:1px solid var(--border);text-align:left;border-radius:18px;gap:18px;width:min(520px,100%);padding:clamp(18px,3vw,26px);font-size:clamp(16px,2.2vw,19px);display:grid;box-shadow:0 10px 30px #1e0a3c14}.demo-thk-q{background:var(--accent);color:#fff;border-radius:18px 18px 4px;justify-self:end;max-width:85%;padding:9px 15px;font-size:15px}.demo-vor{color:#fff;background:radial-gradient(at 50% 45%,#1e1240,#0a0618 70%)}.anim-thumb>.demo-vor{position:absolute;inset:0}.anim-stage .demo-vor{width:100%;height:360px}@media (width<=900px){.anim-stage .demo-vor{height:320px}}.demo-vwf{width:80%;height:56%;color:var(--accent)}.demo-vwf-stage{color:#fff;background:radial-gradient(at 50% 40%,#1e1240,#0a0618 75%);align-content:center;gap:22px;width:100%;min-height:360px;padding:28px 20px;display:grid}.demo-vwf-stage .demo-vwf-bars{color:#c4b5fd;outline-offset:6px;border-radius:16px;justify-self:center;width:min(520px,100%);height:110px}.demo-vwf-stage .demo-vwf-wave{justify-self:center;width:min(620px,100%);height:90px}.demo-vwf-stage .demo-hint{color:#fff9;margin:0}.demo-sedg{color:#fff;letter-spacing:-.01em;background:radial-gradient(at 50% 60%,#1b1433,#07050f 75%);place-items:center;font-weight:700;display:grid}.anim-thumb>.demo-sedg{font-size:18px;position:absolute;inset:0}.demo-sedg-lg{aspect-ratio:16/10;border-radius:26px;width:min(640px,100%);font-size:clamp(18px,3vw,26px);box-shadow:0 20px 50px #140a2840,0 0 0 6px #111018,0 0 0 7px #2a2833}.demo-sedg span{opacity:.85}.demo-pbg{background:var(--bg-card);border:1px solid var(--border);width:86%;color:var(--text);text-align:left;border-radius:16px;align-items:center;gap:10px;padding:12px 12px 12px 16px;font-size:13px;display:flex;box-shadow:0 6px 20px #1e0a3c0f}.demo-pbg-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.demo-pbg-text:empty:before{content:"Ask anything";color:var(--text-muted)}.demo-pbg-send{background:var(--accent);color:#fff;width:28px;height:28px;font:inherit;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;font-weight:700;display:grid}.demo-pbg-send svg{width:16px;height:16px}.demo-pbg-lg{border-radius:22px;width:min(560px,100%);padding:14px 14px 14px 18px;font-size:16px}.demo-pbg-lg textarea{resize:none;min-width:0;height:1.5em;color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0;line-height:1.5}.demo-pbg-lg textarea::placeholder{color:var(--text-muted)}.demo-pbg-lg .demo-pbg-send{width:36px;height:36px}.demo-pbg-lg .demo-pbg-send svg{width:18px;height:18px}.demo-igr{background:#120d20}.anim-thumb>.demo-igr{position:absolute;inset:0}.demo-igr-lg{aspect-ratio:16/10;border-radius:18px;width:min(560px,100%);box-shadow:0 16px 40px #1e0a3c33}.demo-rsf{background:var(--bg-card);border:1px solid var(--border);width:88%;color:var(--text);border-radius:14px;padding:12px 14px;font-size:12px;line-height:1.45}.demo-rsf-lg{border-radius:18px;width:min(460px,100%);padding:18px 20px;font-size:15px;box-shadow:0 10px 30px #1e0a3c14}.demo-rsf-lg .rsf-head{font-size:16px}.demo-tcc{width:100%;max-width:260px;color:var(--text);font-size:12px;font-weight:600}.demo-tcc-lg{background:var(--bg-card);border:1px solid var(--border);text-align:left;border-radius:18px;gap:16px;max-width:min(480px,100%);padding:clamp(18px,3vw,24px);font-size:14.5px;display:grid;box-shadow:0 10px 30px #1e0a3c14}.demo-tcc-q{background:var(--accent);color:#fff;border-radius:18px 18px 4px;justify-self:end;max-width:85%;margin:0;padding:9px 15px;font-size:14px;line-height:1.45}.demo-chc{color:var(--text);text-align:left}.demo-chc p{margin:0}.anim-thumb>.demo-chc{padding:18px 20px;font-size:15px;font-weight:600;line-height:1.45;position:absolute;inset:0}.anim-thumb>.demo-chc .chc-card{font-size:11.5px}.demo-chc-lg{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;width:min(560px,100%);min-height:300px;padding:clamp(18px,3vw,26px);font-size:clamp(15px,2vw,17px);line-height:1.65;box-shadow:0 10px 30px #1e0a3c14}@media (width>=700px){.demo-chc-lg{min-height:240px}}.demo-rwd{width:100%;max-width:270px;color:var(--text);text-align:left;margin:0;font-size:15px;font-weight:600;line-height:1.5}.demo-rwd-card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;width:min(540px,100%);padding:44px clamp(18px,3vw,26px) clamp(18px,3vw,26px);box-shadow:0 10px 30px #1e0a3c14}.demo-rwd-lg{max-width:none;min-height:4.8em;font-size:clamp(16px,2.2vw,19px);font-weight:500;line-height:1.6}.demo-nnp{background:radial-gradient(at 50% 45%,#1a1036,#08050f 75%)}.anim-thumb>.demo-nnp{position:absolute;inset:0}.demo-nnp-lg{cursor:pointer;width:100%;height:360px}@media (width<=900px){.demo-nnp-lg{height:320px}}.demo-ltr{color:#fff;text-align:left;background:#0c0818e0;border-radius:12px;width:100%;max-width:280px;padding:12px 14px;font-size:13.5px;font-weight:500;line-height:1.5}.demo-ltr p{min-height:6em;margin:0}.demo-ltr-lg{background:#120c22;border-radius:18px;max-width:min(560px,100%);padding:clamp(18px,3vw,24px);font-size:clamp(16px,2.2vw,19px);box-shadow:0 16px 40px #140a2840}.demo-ltr-lg p{min-height:4.8em}.demo-ltr-who{color:#ffffffbf;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.demo-ltr-who span{color:#fff;background:linear-gradient(135deg,#f472b6,#8b5cf6);border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.demo-dse{width:100%;max-width:290px;color:var(--text);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:12px;font-size:10.5px;display:grid}.demo-dse-doc{color:#2a2438;border:1px solid var(--border);text-align:left;background:#fff;border-radius:6px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 11px;display:flex;box-shadow:0 6px 18px #1e0a3c1f}.demo-dse-doc i{background:#e9e5f2;border-radius:3px;width:100%;height:5px;display:block}.demo-dse-doc i:nth-of-type(2n){width:72%}.demo-dse-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;width:100%;margin-bottom:2px;display:flex}.demo-dse-doc [data-field]{white-space:nowrap}.demo-dse-top b{letter-spacing:.08em;color:#6a0dad;font-size:1.15em}.demo-dse-total{border-top:1px solid #e9e5f2;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:2px;padding-top:6px;font-weight:700;display:flex}.demo-dse-total i{width:30%}.demo-dse .dse-row{padding:4px 7px}.demo-dse-lg{gap:clamp(12px,3vw,28px);max-width:min(560px,100%);font-size:clamp(11.5px,1.8vw,14px)}.demo-dse-lg .demo-dse-doc{gap:9px;padding:clamp(14px,3vw,22px)}.demo-dse-lg .demo-dse-doc i{height:7px}.demo-dse-lg .dse-row{padding:.45em .6em}.demo-smc{width:100%;max-width:290px;color:var(--text);text-align:left;font-size:11.5px;line-height:1.5}.demo-smc p{margin:0}.demo-smc .smc-short p{font-size:1.2em;font-weight:600;line-height:1.45}.demo-smc-lg{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;max-width:min(560px,100%);padding:clamp(18px,3vw,26px);font-size:clamp(14.5px,2vw,16.5px);line-height:1.6;box-shadow:0 10px 30px #1e0a3c14}.demo-tfl{color:var(--text);text-align:center;font-size:17px;font-weight:700;line-height:1.35}.demo-tfl p{margin:0}.demo-tfl-lg{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;width:min(520px,100%);padding:clamp(20px,3vw,28px);font-size:clamp(20px,3.4vw,30px);line-height:1.4;box-shadow:0 10px 30px #1e0a3c14}.demo-tfl-lg .tfl-lang{font-size:14px}.demo-sso{color:var(--text);font-size:14px}.demo-sso-lg{background:var(--bg-card);border:1px solid var(--border);text-align:left;border-radius:18px;justify-items:start;gap:14px;width:min(520px,100%);padding:clamp(18px,3vw,26px);font-size:clamp(14px,2vw,16px);display:grid;box-shadow:0 10px 30px #1e0a3c14}.demo-sso-q{background:var(--accent);color:#fff;border-radius:18px 18px 4px;justify-self:end;max-width:85%;margin:0 0 4px;padding:9px 15px;font-size:14px;line-height:1.45}.demo-sso-line{background:color-mix(in srgb, var(--text) 8%, transparent);border-radius:5px;width:100%;height:9px;display:block}.demo-sso-line+.demo-sso-line{width:68%}.demo-mwt{width:100%;max-width:270px;color:var(--text);text-align:left;cursor:pointer;font-size:15px;line-height:1.45}.demo-mwt p{align-self:center;margin:0}.demo-mwt-a{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.demo-mwt-b{font-weight:700}.demo-mwt-card{background:var(--bg-card);border:1px solid var(--border);text-align:left;border-radius:18px;gap:14px;width:min(520px,100%);padding:clamp(18px,3vw,26px) clamp(20px,4vw,32px);display:grid;box-shadow:0 10px 30px #1e0a3c14}.demo-mwt-tag{background:var(--accent-soft);color:var(--accent);border-radius:99px;justify-self:start;margin:0;padding:4px 11px;font-size:12.5px;font-weight:700}.demo-mwt-lg{max-width:none;min-height:4.4em;font-size:clamp(16px,2.4vw,20px)}.demo-mwt-lg .demo-mwt-b{font-weight:600}.demo-atb{max-width:300px;font-size:10px}.demo-atb-lg{max-width:min(720px,100%);font-size:clamp(11.5px,1.8vw,15px)}@media (width<=480px){.demo-atb-lg{gap:5px;font-size:11px}.demo-atb-lg .atb-col{padding:5px}.demo-atb-lg .atb-card{gap:4px;padding:6px 5px}}.demo-ths{width:100%;max-width:280px;color:var(--text);text-align:left;font-size:13.5px;line-height:1.6}.demo-ths p{margin:0}.demo-ths .ths-text{min-height:4.8em}.demo-ths-lg{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;gap:14px;max-width:min(580px,100%);padding:clamp(18px,3vw,26px);font-size:clamp(15px,2vw,17px);line-height:1.7;display:grid;box-shadow:0 10px 30px #1e0a3c14}.demo-ths-lg .ths-text{min-height:11.9em}@media (width>=640px){.demo-ths-lg .ths-text{min-height:6.8em}}.demo-ths-q{background:var(--accent);color:#fff;border-radius:18px 18px 4px;justify-self:end;max-width:85%;padding:9px 15px;font-size:14px;line-height:1.45}.demo-ebc{background:radial-gradient(at 50% 40%,#fff,#f5f2fb 80%)}.anim-thumb>.demo-ebc{position:absolute;inset:0}.demo-ebc-lg{width:100%;height:360px}@media (width<=900px){.demo-ebc-lg{height:320px}}.demo-prx{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:280px;color:var(--text);text-align:left;border-radius:14px;justify-items:start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:grid;box-shadow:0 6px 20px #1e0a3c0f}.demo-prx p{min-height:4.5em;margin:0}.demo-prx-chip{background:var(--accent-soft);color:var(--accent);border-radius:99px;justify-self:end;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:background-color .3s,color .3s,box-shadow .3s;display:inline-flex}.demo-prx-chip svg{width:1em;height:1em}.demo-prx:has(.prx-busy) .demo-prx-chip{background:var(--accent);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}.demo-prx:has(.prx-busy) .demo-prx-chip svg{animation:1.2s linear infinite demo-prx-spin}@keyframes demo-prx-spin{to{transform:rotate(360deg)}}.demo-prx-lg{border-radius:20px;gap:14px;max-width:min(560px,100%);padding:clamp(16px,3vw,22px) clamp(18px,3vw,24px);font-size:clamp(15px,2.1vw,17.5px);line-height:1.6}.demo-prx-lg p{min-height:6.4em}.demo-prx-lg .demo-prx-chip{padding:6px 13px;font-size:13px}@media (width>=640px){.demo-prx-lg p{min-height:4.8em}}.demo-bnc{justify-items:center;padding-top:34px;display:grid}.demo-bnc-tile{color:#fff;background:linear-gradient(160deg,#fb923c,#ea580c);border-radius:18px;place-items:center;width:64px;height:64px;display:grid;position:relative;box-shadow:0 8px 18px #ea580c47}.demo-bnc-tile svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:52%;height:52%}.demo-bnc-tile i{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:12px;min-width:24px;height:24px;padding:0 6px;font:700 12px/20px system-ui,sans-serif;position:absolute;top:-7px;right:-7px}.demo-bnc-floor{background:radial-gradient(closest-side,#0f0f1e38,#0f0f1e00);border-radius:50%;width:54px;height:8px;margin-top:6px}.demo-bnc-lg{padding-top:64px}.demo-bnc-lg .demo-bnc-tile{border-radius:26px;width:96px;height:96px}.demo-bnc-lg .demo-bnc-tile i{border-radius:16px;min-width:32px;height:32px;font-size:15px;line-height:28px;top:-9px;right:-9px}.demo-bnc-lg .demo-bnc-floor{width:82px;height:12px;margin-top:8px}.demo-fls{justify-items:center;gap:12px;display:grid}.demo-fls-pill{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#dc2626;border-radius:8px;align-items:center;gap:8px;padding:8px 18px 8px 14px;font-size:20px;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #dc26264d}.demo-fls-pill i{background:#fff;border-radius:50%;width:10px;height:10px}.demo-fls small{color:var(--text-muted);font-size:13px}.demo-fls-lg .demo-fls-pill{border-radius:12px;gap:12px;padding:12px 26px 12px 20px;font-size:30px}.demo-fls-lg .demo-fls-pill i{width:14px;height:14px}.demo-fls-lg small{font-size:16px}.demo-psw{white-space:nowrap}.demo-nod{align-items:center;gap:14px;display:flex}.demo-nod-face{width:72px;height:72px;display:block}.demo-nod-face svg{width:100%;height:100%;display:block}.demo-nod-bubble{white-space:nowrap;background:#fff;border-radius:14px;padding:10px 14px;font-size:14px;font-weight:600;position:relative;box-shadow:0 6px 18px #0f0f1e14}.demo-nod-bubble:before{content:"";background:#fff;border-radius:2px;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;left:-6px;transform:rotate(45deg)}.demo-nod-lg{gap:20px}.demo-nod-lg .demo-nod-face{width:110px;height:110px}.demo-nod-lg .demo-nod-bubble{border-radius:18px;padding:14px 20px;font-size:18px}.demo-swg{padding-top:4px;display:inline-block;position:relative}.demo-swg-nail{z-index:1;background:#57534e;border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:0;left:50%;box-shadow:inset -2px -2px #00000040}.demo-swg-sign{justify-items:center;display:grid}.demo-swg-sign svg{width:100%;height:30px;display:block;overflow:visible}.demo-swg-sign path{fill:none;stroke:#78716c;stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round}.demo-swg-board{color:#fef3c7;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#a16207,#854d0e);border:3px solid #713f12;border-radius:10px;margin-top:-2px;padding:10px 26px;font-size:24px;font-weight:800;display:block;box-shadow:0 10px 18px #713f1240}.demo-swg-lg .demo-swg-sign svg{height:44px}.demo-swg-lg .demo-swg-board{border-width:4px;border-radius:14px;padding:14px 40px;font-size:38px}.demo-tda{background:#fff;border-radius:18px;justify-items:center;gap:2px;padding:16px 26px;line-height:1.25;display:grid;box-shadow:0 10px 26px #0f0f1e1a}.demo-tda-ic{color:#fff;background:linear-gradient(160deg,#fcd34d,#f59e0b);border-radius:50%;place-items:center;width:50px;height:50px;margin-bottom:8px;display:grid;box-shadow:0 6px 14px #f59e0b59}.demo-tda-ic svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:56%;height:56%}.demo-tda b{letter-spacing:-.01em;font-size:16px}.demo-tda small{color:var(--text-muted);font-size:13px}.demo-tda-lg{border-radius:24px;padding:24px 40px}.demo-tda-lg .demo-tda-ic{width:72px;height:72px;margin-bottom:12px}.demo-tda-lg b{font-size:21px}.demo-tda-lg small{font-size:15px}.demo-wbl{text-align:left;justify-items:start;gap:8px;width:min(240px,88%);display:grid}.demo-wbl-field{background:#fff;border:2px solid #ef4444;border-radius:12px;gap:2px;width:100%;padding:9px 14px;display:grid;box-shadow:0 0 0 4px #ef44441f}.demo-wbl-field span{color:var(--text-muted);font-size:11.5px;font-weight:600}.demo-wbl-field b{letter-spacing:.14em;font-size:18px;line-height:1.2}.demo-wbl small{color:#dc2626;padding-left:4px;font-size:12.5px;font-weight:600}.demo-wbl-lg{gap:10px;width:min(340px,92%)}.demo-wbl-lg .demo-wbl-field{border-radius:14px;padding:12px 18px}.demo-wbl-lg .demo-wbl-field span{font-size:13px}.demo-wbl-lg .demo-wbl-field b{font-size:24px}.demo-wbl-lg small{font-size:14.5px}.demo-bzz{background:#1f2937;border-radius:18px;width:74px;height:138px;padding:5px;display:block;box-shadow:0 12px 24px #0f0f1e38}.demo-bzz-screen{color:#fff;background:linear-gradient(#4c1d95,#7c3aed);border-radius:14px;flex-direction:column;align-items:center;height:100%;padding-top:14px;line-height:1.2;display:flex}.demo-bzz-avatar{background:#ffffff38;border-radius:50%;place-items:center;width:30px;height:30px;margin-bottom:6px;font-size:15px;font-weight:700;display:grid}.demo-bzz b{font-size:13px}.demo-bzz small{opacity:.8;font-size:10px}.demo-bzz-keys{gap:12px;margin-top:auto;margin-bottom:12px;display:flex}.demo-bzz-keys i{background:#ef4444;border-radius:50%;flex:none;width:18px;height:18px}.demo-bzz-keys i+i{background:#22c55e}.demo-bzz-lg{border-radius:26px;width:124px;height:232px;padding:7px}.demo-bzz-lg .demo-bzz-screen{border-radius:20px;padding-top:28px}.demo-bzz-lg .demo-bzz-avatar{width:52px;height:52px;margin-bottom:10px;font-size:22px}.demo-bzz-lg b{font-size:18px}.demo-bzz-lg small{font-size:13px}.demo-bzz-lg .demo-bzz-keys{gap:22px;margin-bottom:22px}.demo-bzz-lg .demo-bzz-keys i{width:28px;height:28px}@media (width<=600px){.demo-bzz-lg{width:104px;height:196px}.demo-bzz-lg .demo-bzz-screen{padding-top:20px}.demo-bzz-lg .demo-bzz-avatar{width:44px;height:44px;font-size:19px}.demo-bzz-lg .demo-bzz-keys{margin-bottom:16px}.demo-bzz-lg .demo-bzz-keys i{width:24px;height:24px}}.demo-flt{color:#fff;background:linear-gradient(160deg,#a78bfa,#6a0dad);border-radius:22px;place-items:center;width:72px;height:72px;margin-bottom:18px;display:grid;box-shadow:0 10px 22px #6a0dad40}.demo-flt svg{fill:#ffffff40;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:56%;height:56%}.demo-flt-lg{border-radius:32px;width:110px;height:110px;margin-bottom:26px}.demo-ndg{text-align:left;background:#fff;border-radius:18px;justify-items:start;gap:2px;width:min(250px,100%);padding:16px 18px;line-height:1.3;display:grid;box-shadow:0 10px 26px #0f0f1e1a}.demo-ndg>b{font-size:16px}.demo-ndg>small{color:var(--text-muted);font-size:12.5px}.demo-ndg-foot{justify-content:space-between;align-items:center;width:100%;margin-top:14px;display:flex}.demo-ndg-dots{gap:6px;display:flex}.demo-ndg-dots i{background:var(--accent-line);border-radius:4px;width:7px;height:7px}.demo-ndg-dots i:first-child{background:var(--accent);width:18px}.demo-ndg-btn{gap:6px;padding:9px 14px 9px 18px;font-size:14px}.demo-ndg-btn svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.demo-ndg-lg{border-radius:24px;width:min(380px,100%);padding:24px 26px}.demo-ndg-lg>b{font-size:22px}.demo-ndg-lg>small{font-size:15px}.demo-ndg-lg .demo-ndg-foot{margin-top:22px}.demo-ndg-lg .demo-ndg-btn{padding:12px 18px 12px 24px;font-size:16px}.demo-sno{text-align:left;align-items:center;gap:14px;display:flex}.demo-sno-star{color:#fff;flex:none;place-items:center;width:84px;height:84px;display:grid;position:relative}.demo-sno-star svg{filter:drop-shadow(0 6px 10px #db27774d);width:100%;height:100%;position:absolute;inset:0}.demo-sno-star polygon{fill:#ec4899}.demo-sno-star circle{fill:none;stroke:#ffffff8c;stroke-width:1.6px;stroke-dasharray:3 3}.demo-sno-star b{letter-spacing:.06em;text-transform:uppercase;font-size:17px;font-weight:800;position:relative;transform:rotate(-12deg)}.demo-sno-text{line-height:1.25;display:grid}.demo-sno-text b{font-size:17px}.demo-sno-text small{color:var(--text-muted);font-size:13px}.demo-sno-lg{gap:22px}.demo-sno-lg .demo-sno-star{width:124px;height:124px}.demo-sno-lg .demo-sno-star b{font-size:25px}.demo-sno-lg .demo-sno-text b{font-size:24px}.demo-sno-lg .demo-sno-text small{font-size:15px}.demo-flo{justify-items:center;gap:12px;display:grid}.demo-flo-coin{color:#fff;background:radial-gradient(circle at 35% 30%,#fde68a,#f59e0b 60%,#d97706);border:4px solid #fbbf24;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;box-shadow:inset 0 0 0 3px #b4530959,0 10px 20px #d977064d}.demo-flo-coin svg{fill:#fffbeb;stroke:#b45309;stroke-width:1px;stroke-linejoin:round;width:52%;height:52%}.demo-flo b{color:#b45309;font-size:16px}.demo-flo-lg{gap:18px}.demo-flo-lg .demo-flo-coin{border-width:6px;width:116px;height:116px}.demo-flo-lg b{font-size:22px}.demo-pkb{background:linear-gradient(#ede9fe,#ddd6fe);border-radius:18px;width:min(250px,100%);height:150px;position:relative;overflow:hidden;box-shadow:inset 0 -10px #c4b5fd}.demo-pkb-text{color:#6d28d9;font-size:13px;font-weight:600;position:absolute;top:18px;left:0;right:0}.demo-pkb-critter{width:80px;height:72px;display:block;position:absolute;bottom:0;left:calc(50% - 40px)}.demo-pkb-critter svg{width:100%;height:100%;display:block}.demo-pkb-eyes{transform:translateX(calc(var(--pkb-look,0) * 3.5px))}.demo-pkb-lg{border-radius:24px;width:min(420px,100%);height:220px;box-shadow:inset 0 -14px #c4b5fd}.demo-pkb-lg .demo-pkb-text{font-size:17px;top:26px}.demo-pkb-lg .demo-pkb-critter{width:120px;height:108px;left:calc(50% - 60px)}.demo-bap{justify-items:center;padding-left:48px;display:grid}.demo-bap-btn{white-space:nowrap}.demo-bap .demo-hint{margin:14px 0 0}.anim-stage .demo-bap{padding-left:56px}@media (width<=400px){.anim-stage .demo-bap .demo-btn-lg{padding:15px 24px;font-size:16px}}.demo-obh{background:#fff;border:2px solid #ddd6fe;border-radius:18px;justify-items:center;gap:2px;min-width:150px;padding:16px 26px;line-height:1.25;display:grid;box-shadow:0 10px 26px #6a0dad1a}.demo-obh small{background:var(--accent-soft);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:700}.demo-obh b{margin-top:6px;font-size:16px}.demo-obh-price{letter-spacing:-.02em;font-size:28px;font-weight:800}.demo-obh-price i{color:var(--text-muted);font-size:13px;font-style:normal;font-weight:500}.demo-obh-lg{border-radius:24px;min-width:min(260px,100%);padding:26px 38px}.demo-obh-lg small{font-size:12px}.demo-obh-lg b{font-size:20px}.demo-obh-lg .demo-obh-price{font-size:40px}.demo-obh-lg .demo-obh-price i{font-size:15px}.demo-obh-list{color:var(--text-muted);gap:4px;margin-top:12px;font-size:14px;display:grid}.demo-obh-list span:before{content:"✓";color:var(--accent);margin-right:8px;font-weight:700}.demo-emj{background:linear-gradient(160deg,#312e81,#6a0dad);border-radius:20px;grid-template-columns:repeat(4,auto);gap:14px 16px;padding:16px 18px;display:grid}.demo-emj-app{justify-items:center;gap:5px;display:grid}.demo-emj-icon{border-radius:11px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 3px 8px #00000040}.demo-emj-icon svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:58%;height:58%}.demo-emj .emj-badge{width:18px;height:18px;top:-6px;left:-6px}.demo-emj .emj-badge:before{width:8px}.demo-emj-app small{color:#fff;opacity:.9;font-size:11px}.demo-emj-lg{border-radius:28px;gap:18px 26px;padding:26px 30px}.demo-emj-lg .demo-emj-icon{border-radius:16px;width:60px;height:60px}.demo-emj-lg .emj-badge{width:22px;height:22px;top:-7px;left:-7px}.demo-emj-lg .emj-badge:before{width:10px}@media (width<=400px){.demo-emj-lg{gap:14px;padding:20px 18px}.demo-emj-lg .demo-emj-icon{border-radius:13px;width:50px;height:50px}}.demo-idw{justify-items:center;display:grid}.demo-idw-btn{background:var(--accent);color:#fff;font:inherit;cursor:pointer;transform-origin:20% 100%;border:0;border-radius:999px 999px 999px 6px;align-items:center;gap:8px;padding:12px 20px 12px 16px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 10px 24px #6a0dad47}.demo-idw-btn svg{fill:#ffffff40;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:20px;height:20px}.demo-idw-lg .demo-idw-btn{padding:16px 28px 16px 22px;font-size:18px}.demo-idw-lg .demo-idw-btn svg{width:24px;height:24px}.demo-idw .demo-hint{margin:18px 0 0}@media (width<=600px){.demo-pkb-lg{height:196px}.demo-pkb-lg .demo-pkb-critter{width:100px;height:90px;left:calc(50% - 50px)}}.demo-bg-silk{text-shadow:0 2px 18px #14002873;background:#4c1d95}.demo-bg-rays{text-shadow:0 2px 16px #00000080;background:linear-gradient(#123247,#071521)}.demo-bg-meteor{text-shadow:0 0 18px #a5b4fc80;background:radial-gradient(at 50% 120%,#312e81,#0b1026 60%,#050714)}.demo-bg-bokeh{text-shadow:0 2px 16px #0000008c;background:radial-gradient(at 50% 100%,#2a1240,#0d0716 70%)}.demo-bg-lava{text-shadow:0 2px 18px #1e0a3c99;background:linear-gradient(#2e1065,#1e1b4b)}.demo-bg-paint{text-shadow:0 2px 16px #0f172a99,0 0 2px #0f172a66;background:#1e3a8a}.demo-bg-topo{text-shadow:0 2px 14px #0b1220,0 0 4px #0b1220;background:radial-gradient(at 50% 40%,#10213a,#0b1220 75%)}.demo-bg-hex{text-shadow:0 0 18px #22d3ee73;background:radial-gradient(#0c1730,#070b18 75%)}.demo-bg-plasma{text-shadow:0 2px 16px #00000073;background:#4c1d95}.demo-bg-clouds{text-shadow:0 2px 14px #1e408c8c;background:linear-gradient(#2f6fdf,#6aa5f0 60%,#bcdcfb)}.demo-bg-storm{text-shadow:0 2px 16px #000000b3;background:linear-gradient(#0d0b1a,#1c1934 60%,#26213f)}.demo-bg-trails{text-shadow:0 2px 14px #000,0 0 3px #0009;background:linear-gradient(#070b1f,#1b1438 34%,#3a1d45 45%,#0a0910 45%,#050508)}.demo-bg-ocean{text-shadow:0 2px 16px #07598599;background:linear-gradient(#60a5fa,#bae6fd 40%,#e0f2fe)}.demo-bg-pool{text-shadow:0 2px 16px #08334499;background:#0e7490}.demo-bg-northern{text-shadow:0 2px 16px #0009;background:linear-gradient(#030712,#0b1530 70%,#10203a)}.demo-bg-vortex{text-shadow:0 2px 16px #07040f,0 0 4px #07040f;background:radial-gradient(#1a0b2e,#07040f 70%)}.demo-bg-flicker{text-shadow:0 0 18px #0a0612,0 0 6px #0a0612;background:#0a0612}.demo-bg-network{text-shadow:0 2px 14px #0b0a1a;background:radial-gradient(at 50% 30%,#1b1840,#0b0a1a 70%)}.demo-bg-blinds{text-shadow:0 2px 18px #140824bf,0 0 3px #14082480;background:#140b24}.demo-bg-daynight{text-shadow:0 2px 14px #00000073,0 0 3px #00000040;background:#2c3a7a}.demo-bg-fog{text-shadow:0 2px 16px #0f172ab3;background:linear-gradient(#0f172a,#1e293b 55%,#334155)}.demo-bg-tiles{text-shadow:0 2px 14px #28004680;background:#6a0dad}.demo-apt{grid-template-columns:repeat(3,1fr);width:100%;min-height:360px;display:grid}.demo-apt-panel{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 12px #0000004d;place-items:center;padding:12px;font-size:clamp(16px,3vw,30px);font-weight:800;display:grid}.demo-apt-stripes{background:#6a0dad}.demo-apt-dots{background:#db2777}.demo-apt-zigzag{background:#0f766e}.demo-bg-beams{text-shadow:0 2px 14px #0a0a14;background:#0a0a14}.demo-bg-orb{text-shadow:0 2px 18px #0c071799;background:#0c0717}.demo-bg-concert{text-shadow:0 2px 16px #0009;background:linear-gradient(#05040a,#120a1f)}.demo-bg-codewall{text-shadow:0 2px 16px #0b1020,0 0 6px #0b1020;background:#0b1020}.demo-bg-ripples{text-shadow:0 2px 16px #08334499;background:radial-gradient(at 30% 20%,#22d3ee,#0e7490 55%,#155e75)}.demo-bg-glass{text-shadow:0 2px 16px #1e1b4bb3,0 0 3px #1e1b4b66;background:#1e1b4b}.demo-bg-sheen{text-shadow:0 2px 16px #000000b3,0 0 4px #00000080;background:#08080f}.demo-bg.demo-bg-halftone{color:#4a044e;text-shadow:0 0 14px #fde68a,0 0 4px #fde68a;background:#fde68a}.demo-bg-conic{background:#09090f}.demo-cgs-card{background:#09090fd1;border:1px solid #ffffff1f;border-radius:14px;padding:.5em .9em;font-size:22px;display:inline-block}.anim-stage .demo-cgs-card{border-radius:20px;padding:.55em 1em;font-size:clamp(24px,4.4vw,48px)}.demo-bg-rainglass{text-shadow:0 2px 16px #000000bf,0 0 4px #00000080;background:#160f2c}.demo-bg.demo-bg-sunburst{color:#451a03;text-shadow:0 2px #ffedc88c;background:#f59e0b}.demo-bg-warp{text-shadow:0 2px 14px #0b0a1a;background:radial-gradient(at 50% 40%,#17112e,#0b0a1a 75%)}.demo-bg-blueprint{text-shadow:0 2px 14px #0b3b8c,0 0 4px #0b3b8c;background:radial-gradient(at 50% 45%,#1450b8,#0b3b8c 70%,#082d6b)}.demo-lth,.demo-ntk,.demo-bnb,.demo-lvi,.demo-scb,.demo-ecr,.demo-ttc{color:#fff;text-align:left;background:radial-gradient(60% 80% at 78% 18%,#a855f773,#0000 70%),radial-gradient(50% 70% at 12% 85%,#38bdf847,#0000 70%),radial-gradient(30% 40% at 40% 35%,#ffffff12,#0000 70%),linear-gradient(160deg,#1e1b4b,#0f172a 55%,#0b0f1c);position:relative;overflow:hidden;container-type:inline-size}.demo-lth:before,.demo-ntk:before,.demo-bnb:before,.demo-lvi:before,.demo-scb:before,.demo-ecr:before,.demo-ttc:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.anim-thumb>.demo-lth,.anim-thumb>.demo-ntk,.anim-thumb>.demo-bnb,.anim-thumb>.demo-lvi,.anim-thumb>.demo-scb,.anim-thumb>.demo-ecr,.anim-thumb>.demo-ttc,.anim-thumb>.demo-sss{position:absolute;inset:0}.demo-lth-lg,.demo-ntk-lg,.demo-bnb-lg,.demo-lvi-lg,.demo-scb-lg,.demo-ecr-lg,.demo-ttc-lg,.demo-sss-lg{width:100%;height:360px}@media (width<=900px){.demo-lth-lg,.demo-ntk-lg,.demo-bnb-lg,.demo-lvi-lg,.demo-scb-lg,.demo-ecr-lg,.demo-ttc-lg,.demo-sss-lg{height:280px}}.demo-lth-bar{max-width:88%;font-size:clamp(9px,3.6cqw,21px);position:absolute;bottom:13%;left:6%}.demo-ntk-bar{font-size:clamp(10px,3.6cqw,18px);position:absolute;bottom:0;left:0;right:0}.demo-bnb-bar{font-size:clamp(10px,3.8cqw,22px);position:absolute;bottom:12%;left:5%;right:5%}.demo-lvi{place-items:center;display:grid}.demo-lvi [data-live-indicator]{font-size:clamp(14px,6cqw,30px)}.demo-lvi-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.4em;font-size:clamp(14px,4cqw,26px);display:flex}.demo-lvi-row [data-live-indicator]{font-size:inherit}.demo-scb{background:radial-gradient(70% 60% at 50% 0,#ffffff2e,#0000 70%),repeating-linear-gradient(90deg,#ffffff0b 0 12.5%,#0000 12.5% 25%),linear-gradient(#14532d,#166534 60%,#0f3d22)}.demo-scb-bug{font-size:clamp(10px,3.6cqw,20px);position:absolute;top:9%;left:5%}.demo-ecr{background:#07070c}.demo-ecr-roll{padding:0 8%;font-size:clamp(11px,3.4cqw,17px);line-height:1.35;position:absolute;inset:0}.demo-ttc{text-align:center;place-items:center;display:grid}.demo-ttc-card{max-width:92%;font-size:clamp(9px,3.3cqw,20px)}.demo-sss{font-size:clamp(10px,3.6cqw,20px);container-type:inline-size}.demo-sss h2{font-size:2.1em}.demo-fla,.demo-sbr,.demo-npl,.demo-qcr,.demo-poc,.demo-bcp,.demo-wcf,.demo-tow{color:#fff;text-align:left;background:radial-gradient(60% 80% at 78% 18%,#a855f773,#0000 70%),radial-gradient(50% 70% at 12% 85%,#38bdf847,#0000 70%),radial-gradient(30% 40% at 40% 35%,#ffffff12,#0000 70%),linear-gradient(160deg,#1e1b4b,#0f172a 55%,#0b0f1c);place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.demo-fla:before,.demo-sbr:before,.demo-npl:before,.demo-qcr:before,.demo-poc:before,.demo-bcp:before,.demo-wcf:before,.demo-tow:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.anim-thumb>.demo-fla,.anim-thumb>.demo-sbr,.anim-thumb>.demo-npl,.anim-thumb>.demo-qcr,.anim-thumb>.demo-poc,.anim-thumb>.demo-bcp,.anim-thumb>.demo-wcf,.anim-thumb>.demo-tow{position:absolute;inset:0}.demo-fla-lg,.demo-sbr-lg,.demo-npl-lg,.demo-qcr-lg,.demo-poc-lg,.demo-bcp-lg,.demo-wcf-lg,.demo-tow-lg{width:100%;height:360px}@media (width<=900px){.demo-fla-lg,.demo-sbr-lg,.demo-npl-lg,.demo-qcr-lg,.demo-poc-lg,.demo-bcp-lg,.demo-wcf-lg,.demo-tow-lg{height:280px}}.demo-fla-alert{font-size:clamp(10px,3.6cqw,20px)}.demo-sbr-card{font-size:clamp(9px,3.6cqw,18px)}.demo-npl-card{font-size:clamp(10px,3.8cqw,20px)}.demo-qcr-card{max-width:min(92%,34em);font-size:clamp(9px,3.1cqw,19px)}.demo-poc-host{aspect-ratio:.9;background:radial-gradient(circle at 50% 38%,#ffffff29 0 17%,#0000 17.5%),radial-gradient(48% 40% at 50% 100%,#ffffff1a 0 97%,#0000 100%);border-radius:50% 50% 0 0;height:80%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.demo-poc-cc{margin:0;font-size:clamp(11px,3.6cqw,22px);position:absolute;bottom:10%;left:6%;right:6%}.demo-bcp{background:radial-gradient(50% 60% at 20% 20%,#fb71858c,#0000 70%),radial-gradient(50% 60% at 85% 80%,#38bdf880,#0000 70%),linear-gradient(135deg,#7c3aed,#db2777 55%,#f59e0b)}.demo-bcp-cc{width:90%;margin:0;font-size:clamp(20px,7.4cqw,46px);position:relative}.demo-wcf{background:linear-gradient(#0000 62%,#10b98140 62% 63%,#0000 63%),radial-gradient(40% 50% at 70% 30%,#facc1540,#0000 70%),linear-gradient(160deg,#1e1b4b,#0f172a 55%,#052e2b)}.demo-wcf-cam{aspect-ratio:16/9;width:58%;font-size:clamp(10px,3cqw,16px);position:relative}.demo-wcf-lg .demo-wcf-cam{width:min(440px,66%)}.demo-wcf-feed{background:radial-gradient(70% 90% at 50% 20%,#4c1d95,#1e1b4b 70%,#111827);position:absolute;inset:0;overflow:hidden}.demo-wcf-feed svg{fill:#ffffff38;width:100%;height:100%;position:absolute;bottom:0;left:0}.demo-tow-box{width:86%;font-size:clamp(10px,3.4cqw,18px);position:relative}.demo-tow-lg .demo-tow-box{width:min(640px,86%)}.demo-tow-q{text-align:center;margin:0 0 1em;font-size:1.3em;font-weight:800}.demo-vsc,.demo-pdm,.demo-clb,.demo-srd,.demo-chlc,.demo-wfst{color:#fff;text-align:left;background:radial-gradient(60% 80% at 78% 18%,#a855f773,#0000 70%),radial-gradient(50% 70% at 12% 85%,#38bdf847,#0000 70%),radial-gradient(30% 40% at 40% 35%,#ffffff12,#0000 70%),linear-gradient(160deg,#1e1b4b,#0f172a 55%,#0b0f1c);place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.demo-vsc:before,.demo-pdm:before,.demo-clb:before,.demo-srd:before,.demo-chlc:before,.demo-wfst:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.anim-thumb>.demo-vsc,.anim-thumb>.demo-pdm,.anim-thumb>.demo-clb,.anim-thumb>.demo-srd,.anim-thumb>.demo-chlc,.anim-thumb>.demo-wfst,.anim-thumb>.demo-stgw,.anim-thumb>.demo-tlu{position:absolute;inset:0}.demo-vsc-lg,.demo-pdm-lg,.demo-clb-lg,.demo-srd-lg,.demo-chlc-lg,.demo-wfst-lg,.demo-stgw-lg,.demo-tluw{width:100%;height:360px}@media (width<=900px){.demo-vsc-lg,.demo-pdm-lg,.demo-clb-lg,.demo-srd-lg,.demo-chlc-lg,.demo-wfst-lg,.demo-stgw-lg,.demo-tluw{height:280px}}.demo-vsc-card{width:92%;font-size:clamp(9px,3.3cqw,21px)}.demo-vsc-lg .demo-vsc-card{width:min(760px,92%)}.demo-pdm-floor{background:linear-gradient(#ffffff1a,#0000),radial-gradient(50% 120% at 50% 0,#facc1540,#0000 70%);border-top:1px solid #ffffff2e;height:14%;position:absolute;bottom:0;left:0;right:0}.demo-pdm .demo-pdm-pod{font-size:clamp(8px,3.4cqw,15px);position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.demo-pdm-lg .demo-pdm-pod{font-size:clamp(9px,3.3cqw,17px)}.demo-stgw{color:#fff;text-align:center;container-type:inline-size}.demo-stgw-scene{flex-direction:column;justify-content:center;align-items:center;gap:.3em;font-size:clamp(11px,3.8cqw,22px);display:flex}.demo-stgw-scene strong{letter-spacing:-.01em;font-size:2em;font-weight:900}.demo-stgw-scene span{opacity:.8;font-weight:600}.demo-stgw-a{background:radial-gradient(50% 70% at 30% 30%,#f472b680,#0000 70%),linear-gradient(150deg,#312e81,#1e1b4b 60%,#0f172a)}.demo-stgw-b{background:radial-gradient(50% 60% at 70% 30%,#7dd3fc8c,#0000 70%),linear-gradient(#0000 70%,#ffffff1f 70%),linear-gradient(170deg,#0e7490,#164e63 60%,#082f49)}.demo-stgw-c{background:radial-gradient(50% 60% at 50% 40%,#fbbf2473,#0000 70%),linear-gradient(160deg,#7c2d12,#431407 70%,#1c0a05)}.demo-clb{background:radial-gradient(70% 60% at 50% 100%,#fb923c59,#0000 70%),linear-gradient(#1e3a8a,#6d28d9 55%,#f97316)}.demo-clb-sun{aspect-ratio:1;background:radial-gradient(circle,#fde68a,#fb923c 70%);border-radius:50%;width:22%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 3em #fdba74b3}.demo-clb-hills{background:radial-gradient(60% 100% at 20% 100%,#1e1b4b 98%,#0000 100%),radial-gradient(70% 90% at 85% 100%,#312e81 98%,#0000 100%);height:45%;position:absolute;bottom:0;left:0;right:0}.demo-clb-logo{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#0f172a8c;border:1px solid #ffffff40;border-radius:.5em;align-items:center;gap:.45em;padding:.45em .8em;font-size:clamp(11px,3.6cqw,18px);font-weight:900;display:inline-flex}.demo-clb-logo i{background:linear-gradient(135deg,#f472b6,#a855f7 50%,#38bdf8);border-radius:.2em;width:.9em;height:.9em;display:block;transform:rotate(45deg)}.demo-srd .demo-srd-list{width:86%;font-size:clamp(8px,3.1cqw,15px)}.demo-srd-lg .demo-srd-list{width:min(520px,86%)}.demo-chlc{background:linear-gradient(#0000 66%,#10b9814d 66% 67%,#064e3b80 67%),radial-gradient(35% 45% at 30% 30%,#facc154d,#0000 70%),linear-gradient(160deg,#1e1b4b,#0f172a 55%,#052e2b)}.demo-chlc-scene{aspect-ratio:.7;background:#f472b6;border-radius:40% 40% 10% 10%;width:7%;position:absolute;bottom:33%;left:22%;box-shadow:0 0 1.5em #f472b699}.demo-chlc .demo-chlc-box{position:absolute;inset:0}.demo-tlu{font-size:clamp(7px,2.6cqw,14px);container-type:inline-size}.demo-tluw{background:radial-gradient(60% 80% at 50% 0,#ffffff1f,#0000 70%),linear-gradient(#0b2a17,#052e16);place-items:center;display:grid;container-type:size}.demo-tluw .demo-tlu-lg{aspect-ratio:105/68;width:min(100%,154.412cqh);font-size:clamp(9px,2.6cqw,14px)}.demo-wfst{background:radial-gradient(40% 50% at 85% 10%,#fde04773,#0000 70%),radial-gradient(60% 50% at 15% 90%,#7dd3fc59,#0000 70%),linear-gradient(170deg,#1d4ed8,#0e7490 60%,#164e63)}.demo-wfst .demo-wfst-strip{width:92%;font-size:clamp(8px,3cqw,16px)}.demo-wfst-lg .demo-wfst-strip{width:min(820px,92%);font-size:clamp(8px,2.8cqw,17px)}.demo-bdw{font:inherit;border:1px solid var(--accent-line);color:var(--accent);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.demo-bdw-lg{padding:17px 34px;font-size:18px}.demo-bdw-sq{color:var(--text);border-radius:10px}.demo-lfb{font:inherit;color:#6a0dad;cursor:pointer;background:#fff;border:2px solid #6a0dad;border-radius:999px;justify-content:center;align-items:center;padding:12px 26px;font-size:15px;font-weight:700;display:inline-flex}.demo-lfb-lg{padding:17px 36px;font-size:18px}.demo-lfb-teal{color:#0891b2;border-color:#0891b2;border-radius:14px}.demo-gyb-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:44px;display:flex}.demo-btn.demo-gyb-pink{background:#db2777}.demo-neb{background:radial-gradient(at 50% 110%,#1b1530,#07060d 65%);flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 48px;padding-bottom:18px;display:flex}.anim-thumb>.demo-neb{position:absolute;inset:0}.demo-neb-lg{width:100%;min-height:360px;padding:40px 20px 64px}.demo-neb-btn{font:inherit;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:10px;padding:11px 26px;font-size:15px;font-weight:700}.demo-neb-lg .demo-neb-btn{padding:15px 34px;font-size:18px}.demo-prb{font-size:17px}.demo-prb-lg{font-size:21px}.demo-prb-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;display:flex}.demo-asb{min-width:150px}.demo-asb-lg{min-width:200px}.demo-btn.demo-bbb{background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 10px 26px #db277747}.demo-btn.demo-pps{background:linear-gradient(135deg,#4f46e5,#6a0dad);box-shadow:0 10px 26px #4f46e54d}.demo-pps-lg{min-width:170px}.demo-btn.demo-dpb{min-width:150px}.demo-btn-lg.demo-dpb{min-width:200px}.demo-btn.demo-bsb{background:var(--text);transition:background-color .3s,color .3s,box-shadow .3s;box-shadow:0 10px 26px #0a0a0b38}.demo-btn.demo-bsb.bsb-on{color:var(--text);background:#ece8f3;box-shadow:0 4px 14px #0f0f1e14}.demo-dnn-panel{background:linear-gradient(#e0f2fe,#f0f9ff);align-content:center;place-items:center;gap:18px;transition:background .7s;display:grid}.anim-thumb>.demo-dnn-panel{position:absolute;inset:0}.demo-dnn-panel.dark{background:linear-gradient(#0b1026,#1e1b4b)}.demo-dnn{font-size:30px}.demo-dnn-panel-lg{width:100%;min-height:360px;padding:32px 20px}.demo-dnn-lg{font-size:clamp(32px,9vw,46px)}.demo-dnn-caption{color:#0c4a6e;margin:0;font-size:17px;font-weight:700;transition:color .7s}.demo-dnn-panel.dark .demo-dnn-caption{color:#e0e7ff}.demo-dnn-night,.demo-dnn-panel.dark .demo-dnn-day{display:none}.demo-dnn-panel.dark .demo-dnn-night{display:inline}@media (width<=900px){.demo-dnn-panel-lg{min-height:240px}}.demo-rsc{justify-items:center;gap:16px;display:grid}.demo-rsc-hint{color:var(--text-muted);margin:0;font-size:15px}.demo-rsc-lg{font-size:17px}.demo-slc{width:min(19em,100%);font-size:13px}.demo-slc-lg{width:min(22em,100%);font-size:clamp(14px,4.2vw,18px)}.demo-flw{font-size:15px}.demo-flw-lg{font-size:19px}.demo-rxp{padding-top:3.6em;font-size:15px;display:block}.demo-rxp-lg{padding-top:4.4em;font-size:clamp(15px,4.4vw,18px)}.demo-clp{margin-top:1.6em;font-size:18px}.demo-clp-lg{font-size:clamp(20px,6vw,24px)}.demo-upv{font-size:18px}.demo-upv-lg{font-size:clamp(20px,6vw,24px)}.demo-bkm{font-size:17px}.demo-bkm-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;font-size:clamp(18px,5.4vw,21px);display:flex}.demo-pfb{font:inherit;color:#6a0dad;cursor:pointer;background:#fff;border:2px solid #6a0dad;border-radius:999px;justify-content:center;align-items:center;padding:14px 30px;font-size:16px;font-weight:700;display:inline-flex}.demo-pfb-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.demo-pfb-lg{padding:18px 40px;font-size:18px}.demo-pfb-pink{color:#db2777;border-color:#db2777;border-radius:14px}.demo-fbn{font-size:16px}.demo-fbn-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;font-size:18px;display:flex}.demo-pcd{background:linear-gradient(#fffbeb,#fde7c8);align-content:start;justify-items:center;transition:background .5s;display:grid;position:relative;overflow:hidden}.anim-thumb>.demo-pcd{position:absolute;inset:0}.demo-pcd.dark{background:linear-gradient(#0b1026,#1e1b4b)}.demo-pcd [data-pull-cord-light-switch]{font-size:15px}.demo-pcd-lg{width:100%;min-height:360px}.demo-pcd-lg [data-pull-cord-light-switch]{font-size:26px}.demo-pcd-caption{text-align:center;color:#78350f;margin:0;font-size:16px;font-weight:700;transition:color .5s;position:absolute;bottom:18px;left:0;right:0}.demo-pcd.dark .demo-pcd-caption{color:#c7d2fe}.demo-pcd-off,.demo-pcd.dark .demo-pcd-on{display:none}.demo-pcd.dark .demo-pcd-off{display:inline}@media (width<=900px){.demo-pcd-lg{min-height:240px}.demo-pcd-lg [data-pull-cord-light-switch]{font-size:17px}.demo-pcd-caption{font-size:14px;bottom:12px}}.demo-sgl{isolation:isolate;background:radial-gradient(circle at 18% 28%,#f472b6 0 14%,#0000 38%),radial-gradient(circle at 82% 72%,#38bdf8 0 14%,#0000 40%),radial-gradient(circle at 64% 18%,#facc15 0 8%,#0000 26%),linear-gradient(135deg,#5b21b6,#1e1b4b);flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:flex;position:relative;overflow:hidden}.demo-sgl:before{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(circle,#fb923c,#0000 68%);border-radius:50%;width:38%;animation:9s ease-in-out infinite alternate demo-sgl-drift;position:absolute;top:30%;left:30%}@keyframes demo-sgl-drift{to{transform:translate(40%,-30%)scale(1.2)}}.anim-thumb>.demo-sgl{position:absolute;inset:0}.demo-sgl [data-specular-glass-button]{font-size:16px}.demo-sgl-lg{width:100%;min-height:360px;padding:32px 20px}.demo-sgl-lg [data-specular-glass-button]{font-size:19px}@media (width<=900px){.demo-sgl-lg{min-height:240px}}@media (prefers-reduced-motion:reduce){.demo-sgl:before{animation:none}}.demo-lvr{justify-content:center;align-items:center;gap:22px;font-size:24px;display:flex}.demo-lvr-lg{flex-wrap:wrap;gap:14px 4%;width:100%;font-size:clamp(18px,5.6vw,36px)}.demo-wbb{font-size:17px}.demo-wbb-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;font-size:19px;display:flex}.demo-crg{width:100%}.demo-crg figure{background:#ddd;border-radius:8px;width:62px;height:84px;overflow:hidden;box-shadow:0 8px 20px #0f0f1e33}.demo-crg figure>svg{width:100%;height:100%;display:block}.demo-crg .demo-cover{font-size:10px}.demo-crg figcaption{color:#fff;text-align:left;background:linear-gradient(#0000,#0009);padding:26px 10px 9px;font-size:13px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.demo-crg-lg figure{aspect-ratio:3/4;border-radius:12px;width:clamp(92px,21vw,176px);height:auto}.demo-crg-lg .demo-cover{font-size:clamp(14px,2vw,20px)}.demo-crg-lg .demo-cover>span{opacity:0}.demo-ecc{text-align:left;flex-direction:column;width:100%;display:flex}.anim-thumb>.demo-ecc{position:absolute;inset:0}.demo-ecc .ecc-track{flex:1;align-items:stretch;gap:10px;padding:18px 0}.demo-ecc-card{color:#fff;background:#ddd;border-radius:12px;width:84px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0f0f1e2e}.demo-ecc-card>svg,.demo-ecc-card>.demo-cover{width:100%;height:100%;position:absolute;inset:0}.demo-ecc-text{background:linear-gradient(#0000,#020617a6);gap:2px;padding:26px 10px 10px;display:grid;position:absolute;bottom:0;left:0;right:0}.demo-ecc-text b{letter-spacing:-.01em;font-size:12px;line-height:1.15}.demo-ecc-text span{opacity:.8;font-size:10px}.demo-ecc-text p{opacity:.92;max-width:46ch;margin:6px 0 0;font-size:15px;line-height:1.5}.demo-ecc .ecc-open .demo-ecc-text{padding:50px 16px 14px}.demo-ecc .ecc-open .demo-ecc-text b{font-size:18px}.demo-ecc .ecc-open .demo-ecc-text span{font-size:12px}.demo-ecc-lg{background:linear-gradient(#f6efff,#ede4fb);height:clamp(360px,52vw,460px)}.demo-ecc-lg .ecc-track{gap:16px;padding:28px 0 14px}.demo-ecc-lg .demo-ecc-card{border-radius:18px;width:clamp(150px,40vw,220px)}.demo-ecc-lg .demo-ecc-text{padding:50px 16px 16px}.demo-ecc-lg .demo-ecc-text b{font-size:18px}.demo-ecc-lg .demo-ecc-text span{font-size:13px}.demo-ecc-lg .ecc-nav{margin:0 0 20px}.demo-ecc-lg .ecc-open .demo-ecc-text{padding:90px clamp(20px,5vw,40px) clamp(20px,5vw,36px)}.demo-ecc-lg .ecc-open .demo-ecc-text b{letter-spacing:-.03em;font-size:clamp(26px,5vw,40px)}.demo-ecc-lg .ecc-open .demo-ecc-text span{font-size:15px}.demo-plr{text-align:left;width:100%;height:100%}.anim-thumb>.demo-plr{position:absolute;inset:0}.demo-plr>figure{width:70px}.demo-plr>figure.plr-frame{padding:5px 5px 0}.demo-plr>figure>.demo-cover{aspect-ratio:1;width:100%;display:block}.demo-plr>figure>figcaption{padding:4px 1px 6px;font-size:9px}.demo-plr-lg{height:clamp(300px,46vw,420px)}.demo-plr-lg>figure{width:clamp(100px,18vw,176px)}.demo-plr-lg>figure.plr-frame{padding:8px 8px 0}.demo-plr-lg>figure>figcaption{padding:7px 2px 9px;font-size:clamp(12px,2.4vw,15px)}.demo-stg{grid-template-columns:repeat(3,1fr);gap:8px;width:min(240px,100%);display:grid}.demo-stg-photo{aspect-ratio:4/3;background:#ddd;border:3px solid #fff;border-radius:6px;transition:box-shadow .5s;overflow:hidden;box-shadow:0 3px 8px #0f0f1e1f}.demo-stg-photo>svg,.demo-stg-photo>.demo-cover{width:100%;height:100%;display:block}.stg-stacked>.demo-stg-photo{box-shadow:0 6px 18px #0f0f1e38}.demo-stg-lg{grid-template-columns:repeat(4,1fr);gap:clamp(8px,2vw,16px);width:min(640px,100%)}.demo-stg-lg .demo-stg-photo{border-width:4px;border-radius:10px}.demo-stg-wrap{justify-items:center;width:100%;display:grid}.demo-stg-wrap>p{color:var(--text-muted);margin-top:22px;font-size:14px}.demo-hlc{aspect-ratio:63/88;color:#1f1f24;text-align:left;background:linear-gradient(150deg,#fde68a,#f59e0b 28%,#a855f7 68%,#6a0dad);border-radius:9px;flex-direction:column;gap:4px;width:104px;padding:6px;display:flex;box-shadow:0 14px 30px #3c0a6e4d}.demo-hlc-top{background:#ffffffe0;border-radius:4px;justify-content:space-between;align-items:baseline;padding:2px 5px;font-size:8px;font-weight:700;display:flex}.demo-hlc-top b{letter-spacing:-.01em;font-size:10px}.demo-hlc-art{border:2px solid #ffffffd9;border-radius:5px;flex:1;min-height:0;overflow:hidden}.demo-hlc-art>svg{width:100%;height:100%;display:block}.demo-hlc-type{text-align:center;text-transform:uppercase;letter-spacing:.06em;background:#ffffffe0;border-radius:4px;padding:2px 5px;font-size:7px;font-weight:700}.demo-hlc-lg{border-radius:18px;gap:8px;width:min(250px,68vw);padding:12px}.demo-hlc-lg .demo-hlc-top{border-radius:8px;padding:5px 10px;font-size:12px}.demo-hlc-lg .demo-hlc-top b{font-size:18px}.demo-hlc-lg .demo-hlc-art{border-width:3px;border-radius:10px;flex:1.4}.demo-hlc-lg .demo-hlc-type{border-radius:6px;padding:4px 8px;font-size:11px}.demo-hlc-lg p{background:#ffffffe0;border-radius:8px;margin:0;padding:8px 10px;font-size:12px;line-height:1.4}.demo-hlc-lg .demo-hlc-stats{color:#fff;justify-content:space-between;padding:0 4px;font-size:12px;font-weight:700;display:flex}.demo-tmr{width:min(270px,100%);color:var(--text)}.demo-tmr figure{align-content:center;justify-items:center;gap:10px;display:grid}.demo-tmr blockquote{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:700;line-height:1.3}.demo-tmr figcaption{align-items:center;gap:8px;font-size:12px;display:flex}.demo-tmr-ava{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid;box-shadow:0 0 0 2px #fff}.demo-tmr-ava.t1{background:linear-gradient(135deg,#f472b6,#a855f7)}.demo-tmr-ava.t2{background:linear-gradient(135deg,#38bdf8,#6366f1)}.demo-tmr-ava.t3{background:linear-gradient(135deg,#fbbf24,#f97316)}.demo-tmr-ava.t4{background:linear-gradient(135deg,#34d399,#0ea5e9)}.demo-tmr .tmr-dots{color:var(--accent);margin-top:14px}.demo-tmr-lg{width:min(640px,100%)}.demo-tmr-lg figure{gap:22px}.demo-tmr-lg blockquote{font-size:clamp(19px,3vw,28px);line-height:1.35}.demo-tmr-lg figcaption{text-align:left;grid-template-columns:auto auto;column-gap:12px;font-size:14px;display:grid}.demo-tmr-lg figcaption .demo-tmr-ava{grid-row:span 2;width:48px;height:48px;font-size:16px}.demo-tmr-lg figcaption b{align-self:end;font-size:16px}.demo-tmr-lg figcaption>span:last-child{color:var(--text-muted);align-self:start}.demo-tmr-lg .tmr-dots{margin-top:26px}.demo-stv{aspect-ratio:9/16;color:#fff;text-align:left;background:#0f0f1a;border-radius:10px;height:150px;box-shadow:0 12px 28px #0f0f1e40}.demo-stv-cap{z-index:2;letter-spacing:-.02em;text-shadow:0 2px 10px #00000080;margin:0;font-size:17px;font-weight:800;line-height:1.2;position:absolute;bottom:18px;left:14px;right:14px}.demo-stv-head{z-index:2;text-shadow:0 1px 6px #0006;align-items:center;gap:7px;font-size:13px;display:flex;position:absolute;top:20px;left:10px;right:10px}.demo-stv-head>span:last-child{opacity:.75}.demo-stv-ava{background:var(--gradient);width:26px;height:26px;text-shadow:none;border:2px solid #fff;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.demo-stv-end{background:linear-gradient(160deg,#6a0dad,#db2777);place-items:center;display:grid}.demo-stv-end p{text-align:center;margin:0;display:grid}.demo-stv-end b{letter-spacing:-.02em;font-size:15px}.demo-stv-end span{opacity:.85;font-size:15px}.demo-stv-lg{border-radius:22px;width:min(250px,60vw);height:auto}.demo-stv-lg .demo-stv-end b{font-size:32px}.demo-stv-wrap{justify-items:center;width:100%;display:grid}.demo-stv-wrap>p{color:var(--text-muted);margin-top:18px;font-size:14px}.demo-bul{width:100%;height:100%;margin:0}.anim-thumb>.demo-bul{position:absolute;inset:0}.demo-bul-lg{aspect-ratio:16/9;height:auto;min-height:240px;max-height:480px}.demo-tir{width:100%;height:100%;margin:0}.anim-thumb>.demo-tir{position:absolute;inset:0}.demo-tir-lg{aspect-ratio:16/10;border-radius:14px;width:min(720px,100%);height:auto;box-shadow:0 14px 34px #0f0f1e33}.demo-pcc{filter:drop-shadow(0 6px 12px #0f0f1e29);text-align:left;width:150px;height:112px;position:relative}.demo-pcc-under{color:var(--accent);background:linear-gradient(135deg,#ede4fb,#d8c4f5);border-radius:6px;justify-content:flex-end;align-items:flex-end;padding:8px 10px;font-size:11px;font-weight:800;display:flex;position:absolute;inset:0}.demo-pcc-page{height:100%;color:var(--text);background:#fffdf8;border-radius:6px;align-content:start;gap:7px;padding:14px;display:grid;position:relative}.demo-pcc-page b{letter-spacing:-.01em;font-size:13px}.demo-pcc-page i{background:#e5e1d8;border-radius:3px;height:5px;display:block}.demo-pcc-page i:nth-of-type(2){width:88%}.demo-pcc-page i:nth-of-type(4){width:60%}.demo-pcc-lg{aspect-ratio:4/3.2;width:min(340px,86%);height:auto}.demo-pcc-lg .demo-pcc-under{border-radius:10px;padding:18px 22px;font-size:15px}.demo-pcc-lg .demo-pcc-page{border-radius:10px;gap:12px;padding:clamp(20px,6vw,30px)}.demo-pcc-lg .demo-pcc-page b{letter-spacing:-.02em;font-size:clamp(20px,5vw,26px)}.demo-pcc-lg .demo-pcc-page p{color:var(--text-muted);margin:0;font-size:clamp(13px,3.4vw,15px);line-height:1.6}.demo-skp{aspect-ratio:1;width:112px}.demo-skp .skp-front{filter:drop-shadow(0 1px 1.5px #0f0f1e38)}.demo-skp-lg{width:min(230px,50vw)}.demo-skp-wrap{justify-items:center;width:100%;display:grid}.demo-skp-wrap>p{color:var(--text-muted);margin-top:26px;font-size:14px}.demo-fdo{text-align:left;width:124px;margin-top:56px}.demo-fdo-file{background:#fff;border-radius:5px;flex-direction:column;gap:5px;padding:8px;display:flex;overflow:hidden;box-shadow:0 2px 6px #0f0f1e29}.demo-fdo-file>i{opacity:.85;border-radius:3px;height:22%;display:block}.demo-fdo-file>b{color:var(--text);white-space:nowrap;font-size:8px}.demo-fdo-file>span{background:#e8e6ef;border-radius:2px;height:4px;display:block}.demo-fdo-file>span:last-child{width:70%}.demo-fdo-photo{padding:5px 5px 6px}.demo-fdo-photo>svg{border-radius:3px;flex:1;width:100%;min-height:0;display:block}.demo-fdo-lg{width:min(250px,54vw);margin-top:clamp(76px,20vw,110px)}.demo-fdo-lg .demo-fdo-file{border-radius:8px;gap:8px;padding:12px}.demo-fdo-lg .demo-fdo-file>b{font-size:clamp(10px,2.6vw,13px)}.demo-fdo-lg .demo-fdo-file>span{height:6px}.demo-fdo-lg .demo-fdo-photo{padding:7px 7px 9px}.demo-tkt{filter:drop-shadow(0 8px 14px #3c0a6e38);color:#fff;text-align:left;width:min(240px,100%)}.demo-tkt-main{background:radial-gradient(circle at 85% 20%,#ffffff38,#0000 45%),linear-gradient(120deg,#6a0dad,#db2777);align-content:center;gap:3px;padding:14px 12px 14px 16px;display:grid}.demo-tkt-main span{letter-spacing:.14em;text-transform:uppercase;opacity:.8;font-size:8px;font-weight:700}.demo-tkt-main b{letter-spacing:-.03em;font-size:19px;line-height:1.1}.demo-tkt-main em{opacity:.85;font-size:9px;font-style:normal}.demo-tkt-stub{color:#6a0dad;background:#fdf2f8;align-content:center;justify-items:center;gap:2px;width:62px;padding:10px 6px;display:grid}.demo-tkt-stub span{letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-size:7px;font-weight:700}.demo-tkt-stub b{letter-spacing:-.02em;font-size:16px}.demo-tkt-stub i{opacity:.7;background:repeating-linear-gradient(90deg,currentColor 0 1px,#0000 1px 3px,currentColor 3px 5px,#0000 5px 6px);width:36px;height:14px;margin-top:3px;display:block}.demo-tkt-lg{width:min(480px,100%)}.demo-tkt-lg .demo-tkt-main{gap:6px;padding:clamp(20px,5vw,32px) clamp(16px,4vw,28px)}.demo-tkt-lg .demo-tkt-main span{font-size:clamp(9px,2.4vw,11px)}.demo-tkt-lg .demo-tkt-main b{font-size:clamp(24px,6.4vw,38px)}.demo-tkt-lg .demo-tkt-main em{font-size:clamp(11px,2.8vw,14px)}.demo-tkt-lg .demo-tkt-stub{gap:4px;width:clamp(84px,22vw,120px)}.demo-tkt-lg .demo-tkt-stub span{font-size:clamp(8px,2.2vw,10px)}.demo-tkt-lg .demo-tkt-stub b{font-size:clamp(22px,6vw,30px)}.demo-tkt-lg .demo-tkt-stub i{width:70%;height:22px;margin-top:6px}.demo-swb{width:100%;height:100%}.anim-thumb>.demo-swb{position:absolute;inset:0}.demo-swb-card{width:74px;color:var(--text);text-align:center;background:#fff;border-radius:8px;justify-items:center;gap:2px;padding:0 0 8px;display:grid;overflow:visible;box-shadow:0 8px 18px #0f0f1e33}.demo-swb-top{background:var(--gradient);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:8px 8px 0 0;width:100%;margin-bottom:4px;padding:7px 4px 5px;font-size:7px;font-weight:800}.demo-swb-ava{color:#fff;background:linear-gradient(135deg,#f472b6,#a855f7);border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:grid}.demo-swb-card>b{letter-spacing:-.01em;margin-top:3px;font-size:9px}.demo-swb-card>span:last-of-type{color:var(--text-muted);font-size:7px}.demo-swb-lg{height:clamp(300px,52vw,440px)}.demo-swb-lg .demo-swb-card{border-radius:14px;gap:4px;width:clamp(130px,34vw,160px);padding-bottom:16px}.demo-swb-lg .demo-swb-top{border-radius:14px 14px 0 0;margin-bottom:8px;padding:14px 8px 10px;font-size:11px}.demo-swb-lg .demo-swb-ava{width:56px;height:56px;font-size:19px}.demo-swb-lg .demo-swb-card>b{font-size:16px}.demo-swb-lg .demo-swb-card>span:last-of-type{font-size:12px}.demo-vss{width:104px}.demo-vss .demo-cover{place-items:end start;padding:10%;font-size:15px}.demo-vss-lg{width:min(230px,50vw)}.demo-vss-lg .demo-cover{font-size:clamp(18px,5vw,28px)}.demo-vss-wrap{justify-items:center;width:100%;display:grid}.demo-vss-wrap>p{color:var(--text-muted);margin-top:26px;font-size:14px}.demo-pss{aspect-ratio:9/19.5;width:76px;font-size:3.6px;overflow:hidden}.demo-pss-app{color:var(--text);text-align:left;padding:9em 1.6em 3em}.demo-pss-app header{justify-content:space-between;align-items:center;margin-bottom:1.6em;display:flex}.demo-pss-app header b{color:var(--accent);letter-spacing:-.02em;font-size:1.5em}.demo-pss-app header span{background:linear-gradient(135deg,#f472b6,#a855f7);border-radius:50%;width:2.6em;height:2.6em}.demo-pss-app h4{letter-spacing:-.03em;margin:0 0 .8em;font-size:2em;line-height:1.15}.demo-pss-search{color:var(--text-muted);background:#f1f0f5;border-radius:1.2em;margin-bottom:1.2em;padding:.9em 1.2em;font-size:1.1em}.demo-pss-app nav{white-space:nowrap;gap:.5em;margin-bottom:1.4em;display:flex;overflow:hidden}.demo-pss-app nav span{background:#f1f0f5;border-radius:999px;padding:.4em .9em;font-size:1em;font-weight:600}.demo-pss-app nav span.on{background:var(--accent);color:#fff}.demo-pss-app figure{margin:0 0 1.4em}.demo-pss-app figure>svg{aspect-ratio:4/3;border-radius:1.2em;width:100%;height:auto;display:block}.demo-pss-app figcaption{gap:.2em;margin-top:.6em;display:grid}.demo-pss-app figcaption b{font-size:1.3em}.demo-pss-app figcaption span,.demo-pss-row span{color:var(--text-muted);font-size:1em}.demo-pss-app h5{margin:.4em 0 .8em;font-size:1.4em}.demo-pss-row{align-items:center;gap:1em;margin-bottom:1em;display:flex}.demo-pss-row i{border-radius:.9em;flex:none;width:4.4em;height:4.4em}.demo-pss-row p{margin:0;display:grid}.demo-pss-row b{font-size:1.2em}.demo-pss-cta{background:var(--gradient);color:#fff;text-align:center;border-radius:1.2em;margin:.6em 0 1.4em;padding:1em;font-size:1.2em;font-weight:700}.demo-pss-app footer{color:var(--text-muted);text-align:center;font-size:1em}.demo-pss-lg{width:min(196px,46vw);font-size:clamp(7.5px,2.1vw,9.5px)}.demo-vhp{width:min(230px,100%)}.demo-vhp-card{text-align:left;margin:0}.demo-vhp-card [data-video-hover-preview]{aspect-ratio:16/9;background:#1e1b4b;border-radius:10px;box-shadow:0 8px 22px #0f0f1e33}.demo-vhp-card svg{width:100%;height:100%;display:block}.demo-vhp-card figcaption{gap:1px;margin-top:8px;display:grid}.demo-vhp-card figcaption b{letter-spacing:-.01em;font-size:13px}.demo-vhp-card figcaption span{color:var(--text-muted);font-size:11px}.demo-vhp-lg{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,3vw,28px);width:min(720px,100%);display:grid}.demo-vhp-lg .demo-vhp-card [data-video-hover-preview]{border-radius:14px}.demo-vhp-lg .demo-vhp-card figcaption{margin-top:10px}.demo-vhp-lg .demo-vhp-card figcaption b{font-size:clamp(13px,2vw,16px)}.demo-vhp-lg .demo-vhp-card figcaption span{font-size:clamp(11px,1.6vw,13px)}.demo-vhp-clip{opacity:0;position:absolute;inset:0}.demo-vhp-clip .demo-vhp-sun{animation:6s linear infinite demo-vhp-sink}.demo-vhp-clip .demo-vhp-glint{animation:.8s ease-in-out infinite alternate demo-vhp-glint}.demo-vhp-clip .demo-vhp-boat{animation:6s linear infinite demo-vhp-sail}.demo-vhp-clip .demo-vhp-birds{animation:6s linear infinite demo-vhp-fly}.demo-vhp-clip .demo-vhp-dusk{animation:6s ease-in infinite demo-vhp-dusk}.demo-vhp-clip .demo-vhp-cloud{animation:6s linear infinite demo-vhp-drift}.demo-vhp-clip .demo-vhp-cloud2{animation:6s linear infinite demo-vhp-drift2}.demo-vhp-clip .demo-vhp-canoe{animation:6s linear infinite demo-vhp-paddle}.demo-vhp-clip .demo-vhp-ripple{transform-box:fill-box;transform-origin:50%;animation:1.5s ease-in-out infinite alternate demo-vhp-ripple}@keyframes demo-vhp-sink{to{transform:translateY(40px)}}@keyframes demo-vhp-glint{to{opacity:.35}}@keyframes demo-vhp-sail{0%{transform:translate(-110px)}to{transform:translate(290px)}}@keyframes demo-vhp-fly{0%{transform:translate(-70px,14px)}to{transform:translate(330px,-18px)}}@keyframes demo-vhp-dusk{to{opacity:.4}}@keyframes demo-vhp-drift{to{transform:translate(70px)}}@keyframes demo-vhp-drift2{to{transform:translate(-50px)}}@keyframes demo-vhp-paddle{0%{transform:translate(80px)}to{transform:translate(-300px)}}@keyframes demo-vhp-ripple{to{opacity:.4;transform:scaleX(1.4)}}.demo-icg{width:100%;height:100%;overflow:hidden}.anim-thumb>.demo-icg{position:absolute;inset:0}.demo-icg .demo-cover{font-size:11px}.demo-icg .icg-tile{border-radius:8px}.demo-icg-wrap{width:100%;position:relative}.demo-icg-lg{background:linear-gradient(#f6efff,#ede4fb);height:clamp(300px,50vw,470px)}.demo-icg-lg .demo-cover{font-size:17px}.demo-icg-lg .icg-tile{border-radius:12px}.demo-icg-wrap>p{color:#fff;white-space:nowrap;pointer-events:none;background:#14141eb8;border-radius:999px;margin:0;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.demo-fst{white-space:nowrap;--fst-w:96px;--fst-h:68px;width:100%;overflow:hidden}.demo-fst>svg,.demo-fst>.demo-cover{width:var(--fst-w);height:var(--fst-h);display:inline-block}.anim-thumb>.demo-fst{width:124%;position:absolute;top:50%;left:-12%;translate:0 -50%;rotate:-5deg;box-shadow:0 10px 24px #0f0f1e40}.demo-fst .demo-cover{font-size:10px}.demo-fst-wrap{align-content:center;gap:clamp(20px,4vw,36px);width:100%;min-height:clamp(280px,40vw,380px);padding:24px 0;display:grid}.demo-fst-lg{--fst-w:clamp(110px, 20vw, 168px);--fst-h:clamp(78px, 14vw, 118px);box-shadow:0 10px 26px #0f0f1e38}.demo-fst-lg .demo-cover{font-size:clamp(13px,2vw,18px)}.demo-ptb{filter:drop-shadow(0 10px 18px #1e0a3c38);width:min(250px,100%);container-type:inline-size}.demo-ptb>.demo-ptb-p~.demo-ptb-p{display:none}.demo-ptb-p{color:#2b2533;text-align:left;flex-direction:column;gap:3cqw;padding:6cqw 5cqw;font-family:Georgia,Times New Roman,serif;display:flex;position:relative}.demo-ptb-p h4{letter-spacing:-.01em;margin:0;font-size:5.4cqw;line-height:1.1}.demo-ptb-p h5{color:var(--accent);margin:0;font-size:3.4cqw}.demo-ptb-p small{color:#8a7f96;text-transform:uppercase;letter-spacing:.08em;font-size:2.2cqw}.demo-ptb-p p{margin:0;font-size:2.7cqw;line-height:1.5}.demo-ptb-p i{background:#e4dcea;border-radius:1cqw;height:1.6cqw;display:block}.demo-ptb-p i:last-of-type{width:60%}.demo-ptb-pic{border-radius:1.2cqw;flex:1;min-height:0;overflow:hidden}.demo-ptb-pic>svg{width:100%;height:100%;display:block}.demo-ptb-p>.demo-ptb-pic:first-child{flex:1;margin:-1cqw}.demo-ptb-p em{color:#6b6175;font-size:2.6cqw}.demo-ptb-n{color:#a59bb0;text-align:center;font-size:2.2cqw;position:absolute;bottom:2.4cqw;left:0;right:0}.demo-ptb-cover{color:#fff;background:linear-gradient(160deg,#7c3aed,#4c0a8f)}.demo-ptb-cover small{color:#e9d5ff}.demo-ptb-end{justify-content:center;align-items:center}.demo-ptb-lg{width:min(600px,100%)}.demo-ptb-wrap{justify-items:center;width:100%;display:grid}.demo-ptb-wrap>p{color:var(--text-muted);text-align:center;margin-top:22px;font-size:14px}.demo-cdd{width:100%;height:100%}.anim-thumb>.demo-cdd{position:absolute;inset:0}.demo-cdd-card{color:#1f1f24;text-align:left;background:#fff;border-radius:6px;flex-direction:column;justify-content:space-between;width:50px;height:70px;padding:4px 5px;font-family:Georgia,serif;display:flex;box-shadow:0 1px 2px #0003,0 6px 14px #0f0f1e24}.demo-cdd-card.red{color:#dc2626}.demo-cdd-card b{font-size:10px;line-height:1}.demo-cdd-card b:last-child{align-self:flex-end;rotate:180deg}.demo-cdd-card i{align-self:center;font-size:24px;font-style:normal;line-height:1}.demo-cdd-lg{height:clamp(200px,34vw,300px)}.demo-cdd-lg .demo-cdd-card{aspect-ratio:5/7;border-radius:clamp(6px,1.2vw,10px);width:clamp(58px,15vw,96px);height:auto;padding:clamp(5px,1vw,8px)}.demo-cdd-lg .demo-cdd-card b{font-size:clamp(11px,2vw,16px)}.demo-cdd-lg .demo-cdd-card i{font-size:clamp(26px,6vw,46px)}.demo-cdd-wrap{justify-items:center;width:100%;display:grid}.demo-cdd-wrap>p{color:var(--text-muted);margin-top:12px;font-size:14px}.demo-ihs{width:min(290px,100%)}.demo-ihs>[data-hotspot]{display:none}.demo-ihs>svg{aspect-ratio:8/5;border-radius:10px;box-shadow:0 8px 22px #0f0f1e2e}.demo-ihs .ihs-dot{width:20px;height:20px;margin:-10px 0 0 -10px}.demo-ihs .ihs-dot>i{inset:4.5px}.demo-ihs .ihs-dot>i:before,.demo-ihs .ihs-dot>i:after{width:6px;margin-left:-3px}.demo-ihs .ihs-tip{border-radius:7px;padding:5px 8px;font-size:10px}.demo-ihs .ihs-tip b{font-size:11px}.demo-ihs-lg{width:min(680px,100%)}.demo-ihs-lg>svg{border-radius:14px}.demo-ihs-lg .ihs-dot{width:28px;height:28px;margin:-14px 0 0 -14px}.demo-ihs-lg .ihs-dot>i{inset:6px}.demo-ihs-lg .ihs-dot>i:before,.demo-ihs-lg .ihs-dot>i:after{width:8px;margin-left:-4px}.demo-ihs-lg .ihs-tip{border-radius:10px;padding:9px 12px;font-size:13px}.demo-ihs-lg .ihs-tip b{font-size:14px}.demo-psn{background:radial-gradient(circle at 50% 62%,#fff,#f1ebfa 55%,#0000 72%);border-radius:50%;width:140px;position:relative}.demo-psn-lg{width:min(300px,80%);color:var(--accent);background:radial-gradient(at 50% 70%,#fff,#f3eefb 60%,#ebe3f7);border-radius:18px}.demo-psn-lg .psn-hint{bottom:12px}.demo-psn-lg .psn-track{display:none}.demo-psn .psn-track{color:var(--accent);bottom:4px}.demo-psn>svg{width:100%;height:auto;display:block}.demo-psn>svg+svg{visibility:hidden;position:absolute;top:0;left:0}.demo-ipd{width:112px;font-size:10px;rotate:-2deg}.demo-ipd-lg{width:min(250px,66vw);font-size:clamp(15px,3.6vw,19px)}.demo-ipd-wrap{justify-items:center;width:100%;display:grid}.demo-ipd-wrap>p{color:var(--text-muted);margin-top:26px;font-size:14px}.demo-oav{width:150px;color:var(--accent)}.demo-oav-lg{width:min(380px,100%)}.demo-oav-logo{background:var(--gradient);color:#fff;box-sizing:border-box;border-radius:50%;place-items:center;width:46px;height:46px;padding-bottom:4px;font-size:26px;font-weight:800;line-height:1;display:grid;box-shadow:0 6px 16px #6a0dad59}.demo-oav-lg .demo-oav-logo{width:clamp(72px,20vw,92px);height:clamp(72px,20vw,92px);padding-bottom:8px;font-size:clamp(40px,11vw,52px)}.demo-oav-ava{color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:9px;font-weight:800;display:grid;box-shadow:0 0 0 2px #fff,0 3px 8px #1e0a3c33}.demo-oav-lg .demo-oav-ava{width:clamp(38px,10vw,48px);height:clamp(38px,10vw,48px);font-size:clamp(12px,3vw,15px)}.demo-oav-ava.a1{background:linear-gradient(135deg,#f472b6,#a855f7)}.demo-oav-ava.a2{background:linear-gradient(135deg,#38bdf8,#6366f1)}.demo-oav-ava.a3{background:linear-gradient(135deg,#fbbf24,#f97316)}.demo-oav-ava.a4{background:linear-gradient(135deg,#34d399,#0ea5e9)}.demo-oav-ava.a5{background:linear-gradient(135deg,#fb7185,#e11d48)}.demo-oav-ava.a6{background:linear-gradient(135deg,#a3e635,#16a34a)}.demo-lws{gap:8px;width:min(270px,100%)}.demo-lws-logo{width:100%;height:44px;box-shadow:0 0 0 1px var(--border);color:#5b5566;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:5px;display:flex}.demo-lws-logo svg{width:15px;height:15px;color:var(--accent);flex:none}.demo-lws-logo b{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.demo-lws-lg{--lws-cols:4;gap:clamp(8px,1.6vw,14px);width:min(760px,100%)}.demo-lws-lg .demo-lws-logo{border-radius:12px;gap:8px;height:clamp(52px,9vw,76px)}.demo-lws-lg .demo-lws-logo svg{width:clamp(16px,3vw,24px);height:clamp(16px,3vw,24px)}.demo-lws-lg .demo-lws-logo b{font-size:clamp(12px,2.1vw,18px)}@media (width<=600px){.demo-lws-lg{--lws-cols:3}.demo-lws-lg .demo-lws-logo{gap:5px}}.demo-tsc{width:100%;height:100%}.anim-thumb>.demo-tsc{width:auto;height:auto;position:absolute;inset:0 14%}.demo-tsc-card{box-shadow:0 1px 2px #140a2814, 0 0 0 1px var(--border);color:var(--text);text-align:left;background:#fff;border-radius:9px;padding:8px 9px}.demo-tsc-card p{margin:3px 0 5px;font-size:9.5px;font-weight:600;line-height:1.35}.demo-tsc-stars{color:#f59e0b;letter-spacing:1px;font-size:9px;display:block}.demo-tsc-who{color:var(--text-muted);align-items:center;gap:5px;font-size:8.5px;font-weight:700;display:flex}.demo-tsc-who .demo-oav-ava{width:16px;height:16px;box-shadow:none;font-size:6px}.demo-tsc-lg{background:linear-gradient(#faf7ff,#f2ecfb);height:clamp(360px,50vw,460px);padding:0 clamp(14px,3vw,32px)}.demo-tsc-lg .demo-tsc-card{border-radius:14px;margin:0;padding:clamp(12px,2vw,18px)}.demo-tsc-lg .demo-tsc-stars{font-size:13px}.demo-tsc-lg blockquote{margin:6px 0 12px;font-size:clamp(13px,1.7vw,16px);font-weight:600;line-height:1.45}.demo-tsc-lg figcaption{grid-template-columns:auto 1fr;align-items:center;column-gap:9px;font-size:12px;display:grid}.demo-tsc-lg figcaption .demo-oav-ava{width:32px;height:32px;box-shadow:none;grid-row:span 2;font-size:11px}.demo-tsc-lg figcaption b{font-size:13px;line-height:1.2}.demo-tsc-lg figcaption>span:last-child{color:var(--text-muted);line-height:1.2}.demo-mmc{--mmc-gap:7px;--mmc-r:7px;width:200px}.demo-mmc .mmc-back{border-width:2px}.demo-mmc-lg{--mmc-gap:clamp(8px, 2vw, 12px);--mmc-r:12px;width:min(400px,100%)}.demo-mmc-lg .mmc-back{border-width:4px}.demo-mmc svg{width:64%;height:auto}.demo-mmc-wrap{justify-items:center;width:100%;display:grid}.demo-mmc-wrap>p{color:var(--text-muted);margin-top:18px;font-size:14px}.demo-pbs{--pbs-w:60px}.demo-pbs .pbs-slot{height:14px;width:calc(var(--pbs-w) + 26px)}.demo-pbs .pbs-slot:after{height:3px;bottom:3px;left:8px;right:8px}.demo-pbs .pbs-win{margin-top:-5px}.anim-thumb>.demo-pbs{align-self:start;margin-top:-6px}.demo-pbs .pbs-ph>svg{filter:saturate(.85)sepia(.12)}.demo-pbs-lg{--pbs-w:clamp(110px, 24vw, 140px)}.demo-pbs-wrap{justify-items:center;width:100%;display:grid}.demo-pbs-wrap>p{color:var(--text-muted);margin-top:6px;font-size:14px}.demo-jga{border-radius:8px;width:200px}.demo-jga svg{border-radius:8px}.demo-jga-lg{border-radius:12px;width:min(560px,100%)}.demo-jga-lg svg{border-radius:12px}.demo-jga-wrap{justify-items:center;width:100%;display:grid}.demo-jga-wrap>p{color:var(--text-muted);margin-top:20px;font-size:14px}.demo-cpo{width:100%;height:100%}.anim-thumb>.demo-cpo{position:absolute;inset:0}.demo-cpo-card{color:#1f1f24;text-align:center;background:#fff;border-radius:6px;flex-direction:column;align-items:center;gap:2px;width:46px;height:64px;padding:4px;display:flex;box-shadow:0 1px 2px #0003,0 6px 14px #0f0f1e24}.demo-cpo-art{background:color-mix(in srgb, var(--c) 18%, #fff);border-radius:4px;flex:1;place-items:center;width:100%;min-height:0;display:grid}.demo-cpo-art svg{width:60%;height:60%}.demo-cpo-card b{white-space:nowrap;font-size:7px;line-height:1.1}.demo-cpo-card small{color:#8a7f96;font-size:5.5px;font-weight:700}.demo-cpo-card.rare{background:linear-gradient(135deg,#fef3c7,#fbcfe8 50%,#c7d2fe);box-shadow:0 0 0 1.5px #f59e0b,0 6px 14px #0f0f1e24}.demo-cpo-lg{height:clamp(250px,38vw,330px)}.demo-cpo-lg .demo-cpo-card{aspect-ratio:5/7;border-radius:clamp(6px,1.2vw,10px);gap:clamp(2px,.6vw,5px);width:clamp(64px,16vw,104px);height:auto;padding:clamp(4px,1vw,7px)}.demo-cpo-lg .demo-cpo-card b{font-size:clamp(7px,1.5vw,12px)}.demo-cpo-lg .demo-cpo-card small{font-size:clamp(6.5px,1.3vw,10px)}.demo-cpo-wrap{justify-items:center;width:100%;display:grid}.demo-cpo-wrap>p{color:var(--text-muted);margin-top:8px;font-size:14px}.demo-skn{background:radial-gradient(#5a320a2e 1px,#0000 1.5px) 0 0/7px 7px,#c99a68;border-radius:10px;grid-template-columns:repeat(3,52px);gap:14px 16px;padding:18px 20px 16px;display:grid;box-shadow:inset 0 0 0 5px #8a5a2b,0 8px 20px #28140033}.demo-skn-note{aspect-ratio:1;color:#3f3426;text-align:center;overflow-wrap:anywhere;border-radius:2px 2px 4px 4px;align-content:center;gap:5px;padding:8px 7px;font:600 15px/1.25 Segoe Print,Bradley Hand,Comic Sans MS,cursive;display:grid}.demo-skn-note i{background:#3f342659;border-radius:2px;height:3px;display:block}.demo-skn-note i+i{width:65%}.demo-skn-note.y{background:#fde68a}.demo-skn-note.p{background:#fbcfe8}.demo-skn-note.b{background:#bae6fd}.demo-skn-note.g{background:#bbf7d0}.demo-skn-note.o{background:#fed7aa}.demo-skn-lg{grid-template-columns:repeat(4,minmax(0,120px));justify-content:center;gap:clamp(18px,3vw,28px) clamp(14px,3vw,28px);width:min(640px,100%);padding:clamp(22px,4vw,34px) clamp(14px,4vw,34px);box-shadow:inset 0 0 0 8px #8a5a2b,0 10px 26px #28140038}.demo-skn-lg .demo-skn-note{padding:12px 8px;font-size:clamp(11px,2.2vw,16px)}@media (width<=600px){.demo-skn-lg{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-skn-lg .demo-skn-note:nth-child(n+7){display:none}}.demo-oav{aspect-ratio:1}.demo-oav:not(.oav)>*,.demo-mmc:not(.mmc)>*,.demo-pbs:not(.pbs)>*{display:none}.demo-lws:not(.lws){grid-template-columns:repeat(var(--lws-cols,3), minmax(0, 1fr));display:grid}.demo-lws:not(.lws)>:nth-child(n+7){display:none}.demo-lws-lg:not(.lws)>:nth-child(n+7){display:flex}.demo-lws-lg:not(.lws)>:nth-child(n+13){display:none}.demo-mmc:not(.mmc){aspect-ratio:1.58}.demo-mmc-lg:not(.mmc){aspect-ratio:1}.demo-pbs:not(.pbs){width:var(--pbs-w);height:calc(var(--pbs-w) * 2.14 + 31px)}.demo-pbs-lg:not(.pbs){height:calc(var(--pbs-w) * 3 + 51px)}.demo-acf{width:86%;height:82%;color:var(--text)}.demo-acf-lg{width:min(620px,94%);height:280px}.demo-sbb{width:84%;height:86%;color:var(--text)}.demo-sbb-lg{width:min(560px,94%);height:280px}.demo-rcg{width:100%;height:100%;color:var(--text)}.anim-thumb>.demo-rcg{width:auto;height:auto;position:absolute;inset:10px}.anim-thumb>.demo-rcg .rcg-label{font-size:10px}.demo-rcg-lg{width:min(560px,100%);height:296px}.demo-spp{width:86%;height:84%;color:var(--text)}.demo-spp-lg{width:min(620px,100%);height:290px}.demo-bbc{width:100%;height:100%}.anim-thumb>.demo-bbc{width:auto;height:auto;position:absolute;inset:8px}.demo-bbc-lg{width:min(640px,100%);height:296px}.demo-htf{width:86%;height:82%;color:var(--text)}.demo-htf-lg{width:min(560px,100%);height:290px}.demo-ccal{width:92%;color:var(--text)}.demo-ccal-lg{width:min(820px,100%)}.demo-tmb{width:88%;height:84%}.demo-tmb-lg{width:min(640px,100%);height:296px}.demo-skf{width:86%;height:84%;color:var(--text)}.demo-skf-lg{width:min(680px,100%);height:296px}.demo-fns{width:88%;height:88%;color:var(--text)}.demo-fns-lg{width:min(560px,100%);height:290px}.demo-wfc{width:88%;height:88%;color:var(--text)}.demo-wfc-lg{width:min(640px,100%);height:290px}.demo-cdl{width:92%;height:88%;color:var(--text)}.demo-cdl-lg{width:min(720px,100%);height:290px}.demo-rtl{width:90%;height:88%;color:var(--text)}.demo-rtl-lg{width:min(720px,100%);height:280px}.demo-pac{width:100%;height:100%;color:var(--text)}.anim-thumb>.demo-pac{width:auto;height:auto;position:absolute;inset:12px}.demo-pac-lg{width:min(560px,100%);height:300px}.demo-snb{width:100%;height:100%;color:var(--text)}.anim-thumb>.demo-snb{width:auto;height:auto;position:absolute;inset:16px}.demo-snb-lg{width:min(560px,100%);height:300px}.demo-gnt{width:92%;height:88%;color:var(--text)}.demo-gnt-lg{width:min(720px,100%);height:280px}.demo-wff{--wff-size:min(150px, 42vw);--wff-big:34px;--wff-gap:2px;color:var(--text)}.anim-thumb>.demo-wff{flex-wrap:nowrap}.anim-thumb>.demo-wff .wff-cap{max-width:9em}.demo-wff-lg{--wff-size:min(240px, 72vw);--wff-big:48px;--wff-gap:3px}.demo-iar{--iar-size:26px;--iar-gap:4px;width:100%;color:var(--text)}.demo-iar-lg{--iar-size:46px;--iar-gap:8px;--iar-text:clamp(15px, 4.4vw, 18px);width:min(560px,100%)}.demo-hwc{width:88%;height:86%;color:var(--text)}.demo-hwc-lg{width:min(640px,100%);height:280px}.demo-bpd{width:88%;height:88%;color:var(--text)}.demo-bpd-lg{width:min(600px,100%);height:290px}.demo-slg{width:92%;height:88%;color:var(--text)}.demo-slg-lg{width:min(520px,100%);height:290px}.demo-sgr{width:100%;height:100%;color:var(--text)}.anim-thumb>.demo-sgr{width:auto;height:auto;position:absolute;inset:14px 0}.demo-sgr-lg{width:100%;height:296px}.demo-chd{width:100%;height:100%;color:var(--text)}.anim-thumb>.demo-chd{width:auto;height:auto;position:absolute;inset:12px}.demo-chd-lg{width:min(560px,100%);height:300px}.demo-ctm{width:90%;height:90%;color:var(--text)}.demo-ctm-lg{width:min(560px,100%);height:320px}.demo-bgh{width:94%;color:var(--text);--bgh-h:18px}.anim-thumb>.demo-bgh{gap:12px 10px}.demo-bgh-lg{--bgh-h:26px;width:min(600px,100%)}.anim-stage .demo-bgh-lg{gap:22px 14px}.demo-dpl{width:94%;color:var(--text)}.anim-thumb>.demo-dpl .dpl-lane{height:26px}.demo-dpl-lg{width:min(600px,100%)}.demo-dpl-lg .dpl-lane{height:38px}.demo-llp{width:88%;height:86%;color:var(--text)}.demo-llp-lg{width:min(680px,100%);height:280px}.demo-lcr{width:94%;height:90%;color:var(--text)}.demo-lcr-lg{width:min(680px,100%);height:290px}.demo-axr{width:90%;height:92%;color:var(--text)}.demo-axr-lg{width:min(640px,100%);height:300px}.demo-cxt{width:90%;height:88%;color:var(--text)}.demo-cxt-lg{width:min(680px,100%);height:290px}.demo-srh{width:94%;height:94%;color:var(--text)}.demo-srh-lg{width:min(680px,100%);height:310px}.demo-ppy{width:92%;height:96%;color:var(--text)}.demo-ppy-lg{width:min(600px,100%);height:320px}.demo-smm{width:100%;height:100%;color:var(--text)}.anim-thumb>.demo-smm{width:auto;height:auto;position:absolute;inset:14px}.demo-smm-lg{width:min(720px,100%);height:auto}.demo-smm-lg .smm-plot{min-height:60px}.demo-wcl{width:100%;height:100%}.anim-thumb>.demo-wcl{width:auto;height:auto;position:absolute;inset:10px}.demo-wcl-lg{width:min(720px,100%);height:300px}.demo-tso{color:var(--text);max-width:100%}.demo-tso table{--tso-bg:#fff;background:#fff;border-radius:8px;font-size:11px;overflow:hidden;box-shadow:0 1px 3px #140a280f}.demo-tso-lg table{font-size:clamp(11px,3.1vw,15px)}.demo-tso-lg{width:min(600px,100%);padding-bottom:4px;overflow-x:auto}@media (width<=480px){.demo-tso-lg .tso td,.demo-tso-lg .tso-btn{padding-left:.5em;padding-right:.5em}}.demo-tso-lg table{width:100%}.demo-rbc{width:100%;height:100%;color:var(--text)}.anim-thumb>.demo-rbc{width:auto;height:auto;position:absolute;inset:12px}.demo-rbc-lg{width:min(560px,100%);height:300px}.demo-psp{width:100%;height:100%;color:var(--text)}.anim-thumb>.demo-psp{width:auto;height:auto;position:absolute;inset:12px}.anim-thumb>.demo-psp .psp-key{padding:1px 6px;font-size:11px}.demo-psp-lg{width:min(560px,100%);height:300px}.demo-dss{width:92%;height:94%;color:var(--text)}.demo-dss-lg{width:min(640px,100%);height:300px}.demo-bmp{width:94%;height:88%;color:var(--text)}.demo-bmp-lg{width:min(680px,100%);height:300px}.demo-dmb{width:92%;height:92%;color:var(--text)}.demo-dmb-lg{width:min(600px,100%);height:300px}.demo-pco{width:100%;height:100%;color:var(--text)}.anim-thumb>.demo-pco{width:auto;height:auto;position:absolute;inset:10px 8px 4px}.demo-pco-lg{width:min(680px,100%);height:320px}.demo-sptc{width:100%;height:100%;color:var(--text)}.anim-thumb>.demo-sptc{width:auto;height:auto;position:absolute;inset:6px}.demo-sptc-lg{width:min(560px,100%);height:330px}.demo-fcb{width:100%;max-width:980px;font-size:11px}.anim-thumb>.demo-fcb{width:auto;max-width:none;position:absolute;inset:14px}.demo-fcb-lg{font-size:clamp(12px,1.4vw,16px)}.demo-ocg{width:100%;max-width:820px;margin:0;font-size:10px}.anim-thumb>.demo-ocg{width:auto;max-width:none;position:absolute;inset:14px}.demo-ocg-lg{font-size:clamp(11px,1.5vw,14px)}.demo-mmp{width:100%;max-width:860px;margin:0;font-size:10px}.anim-thumb>.demo-mmp{width:auto;max-width:none;position:absolute;inset:14px}.demo-mmp-lg{font-size:clamp(12px,1.5vw,15px)}.demo-dct{width:100%;max-width:680px;margin:0;font-size:10px}.anim-thumb>.demo-dct{width:auto;max-width:none;position:absolute;inset:14px}.demo-dct-lg{font-size:clamp(12px,1.5vw,15px)}.demo-hbs{font-size:12px}.anim-thumb>.demo-hbs{width:auto;height:100%;font-size:10px}.demo-hbs-lg{font-size:clamp(13px,1.6vw,16px)}.demo-cyd{font-size:12px}.anim-thumb>.demo-cyd{width:auto;height:100%;font-size:10px}.demo-cyd-lg{font-size:clamp(12px,1.5vw,15px)}.demo-vnd{width:100%;max-width:380px}.anim-thumb>.demo-vnd{width:auto;max-width:none;position:absolute;inset:14px}.demo-vnd-lg{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px 40px;max-width:820px;display:flex}.demo-vnd-lg>div{flex:240px;min-width:0;max-width:380px}.demo-pyb{width:100%;max-width:300px}.anim-thumb>.demo-pyb{width:auto;max-width:none;position:absolute;inset:14px}.demo-pyb-lg{max-width:440px}.demo-qdm{width:100%;max-width:320px}.anim-thumb>.demo-qdm{width:auto;max-width:none;position:absolute;inset:14px}.demo-qdm-lg{max-width:500px}.demo-fdg{width:100%;height:180px}.anim-thumb>.demo-fdg{width:auto;height:auto;min-height:0;position:absolute;inset:8px}.demo-fdg-lg{max-width:900px;height:clamp(300px,46vw,440px)}.demo-rqf{width:100%;max-width:900px;font-size:9px}.demo-rqf-lg{font-size:clamp(10px,1.45vw,15px)}.demo-sqd{width:100%;max-width:300px;font-size:9px}.demo-sqd-lg{max-width:720px;font-size:clamp(10px,1.5vw,15px)}.demo-wrm{width:100%;max-width:320px;font-size:9px}.demo-wrm-lg{max-width:900px;font-size:clamp(11px,1.5vw,15px)}.demo-cll{width:100%;max-width:300px;font-size:9.5px}.demo-cll-lg{max-width:560px;font-size:clamp(10px,1.5vw,15px)}.demo-dml{font-size:10px}.demo-dml>svg{width:min(190px,60vw)}.demo-dml-lg{font-size:clamp(11px,1.5vw,15px)}.demo-dml-lg>svg{width:min(420px,62vw)}.demo-dzc{width:min(250px,100%)}.demo-dzc-lg{width:min(560px,100%)}.demo-dzc>svg{border-radius:10px}.anim-thumb>.demo-mlm{width:100%;height:100%;position:absolute;inset:0}.demo-mlm-wrap{width:100%}.demo-mlm-lg{height:clamp(220px,40vw,320px)}.demo-mlm-wrap .demo-hint{margin:4px 0 0}.anim-thumb>.demo-cct{width:100%;height:100%;position:absolute;inset:0}.demo-cct-lg{height:360px}.demo-pip{width:100%;max-width:300px;font-size:10px}.demo-pip-lg{max-width:760px;font-size:clamp(11px,1.6vw,16px)}.demo-mpd{width:min(280px,100%);font-size:10px}.demo-mpd-lg{width:min(640px,100%);font-size:clamp(11px,1.6vw,15px)}.demo-fta{width:100%;max-width:300px;font-size:10px}.demo-fta-lg{max-width:980px;font-size:clamp(10px,1.4vw,14px)}.anim-thumb>.demo-dgl{background:radial-gradient(circle at 50% 40%,#241544,#0b0618);width:100%;height:100%;position:absolute;inset:0}.demo-dgl-lg{background:radial-gradient(circle at 50% 40%,#241544,#0b0618);height:clamp(320px,52vw,480px)}.demo-dwm{width:100%;max-width:300px;font-size:10px}.demo-dwm-lg{max-width:980px;font-size:clamp(10px,1.4vw,14px)}.demo-cpl{width:min(220px,100%);font-size:9px}.demo-cpl-lg{width:min(520px,100%);font-size:clamp(11px,1.5vw,14px)}.demo-ztl{width:100%;max-width:300px;font-size:10px}.anim-thumb>.demo-ztl{aspect-ratio:auto;border-radius:0;max-width:none;position:absolute;inset:0}.demo-ztl-lg{max-width:860px;font-size:clamp(11px,1.5vw,15px)}.demo-ttr{width:min(280px,100%);font-size:10px}.demo-ttr-lg{width:min(640px,100%);font-size:clamp(11px,1.6vw,15px)}.anim-thumb>.demo-wrl{border-radius:0;height:100%;font-size:10px;position:absolute;inset:0}.demo-wrl-lg{border-radius:0;height:clamp(260px,48vw,460px);font-size:clamp(11px,1.5vw,14px)}.demo-pnc{width:min(280px,100%);font-size:9px}.demo-pnc-lg{width:min(680px,100%);font-size:clamp(10px,1.5vw,14px)}.demo-fpl{width:min(260px,100%);font-size:8.5px}.demo-fpl-lg{width:min(620px,100%);font-size:clamp(9.5px,1.6vw,15px)}.demo-bgg{width:100%;max-width:300px;font-size:9px}.demo-bgg-lg{max-width:860px;font-size:clamp(10px,1.5vw,14px)}.demo-stm{width:100%;max-width:300px;font-size:9px}.demo-stm-lg{max-width:600px;font-size:clamp(10px,1.4vw,13px)}.demo-mtl{width:min(270px,100%);font-size:9px}.demo-mtl-lg{width:min(680px,100%);font-size:clamp(9px,1.5vw,14px)}.demo-ced{max-width:290px;font-size:7.5px}.demo-ced-lg{max-width:720px;font-size:clamp(9.5px,1.5vw,14px)}.demo-elp{max-width:290px;font-size:8px}.anim-thumb .demo-elp{aspect-ratio:auto;height:150px}.demo-elp-lg{max-width:820px;font-size:clamp(9.5px,1.5vw,14px)}.demo-ctt{background:#fff;border-radius:12px;max-width:280px;font-size:9.5px;box-shadow:0 4px 16px #28145014}.demo-ctt-lg{max-width:640px;font-size:clamp(10.5px,1.6vw,15px)}.anim-thumb .demo-ctt{font-size:9px}.anim-thumb .demo-ctt th,.anim-thumb .demo-ctt td{white-space:nowrap;padding:.5em .55em}.demo-atc{place-items:center;width:100%;height:100%;display:grid;position:relative}.anim-thumb>.demo-atc{position:absolute;inset:0}.demo-atc-cart{width:40px;height:40px;color:var(--text);background:#fff;border-radius:12px;place-items:center;display:grid;position:absolute;top:14px;right:16px;box-shadow:0 4px 14px #0f0f1e14}.demo-atc-cart svg{width:22px;height:22px}.demo-atc-card{text-align:left;background:#fff;border-radius:16px;align-items:center;gap:14px;margin-top:26px;padding:10px 16px 10px 10px;display:flex;box-shadow:0 8px 24px #0f0f1e14}.demo-atc-img{aspect-ratio:1;background:#efe7fb;border-radius:12px;place-items:center;width:88px;display:grid}.demo-atc-img svg{width:86%}.demo-atc-info{flex-direction:column;align-items:flex-start;gap:2px;font-size:13px;display:flex}.demo-atc-info b{font-size:15px}.demo-atc-info>span:not(.demo-atc-btn){color:var(--text-muted)}.demo-atc-btn{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;margin-top:6px;padding:7px 14px;font-size:12px;font-weight:600}.demo-atc-lg{min-height:300px}.demo-atc-lg .demo-atc-cart{width:52px;height:52px;top:0;right:0}.demo-atc-lg .demo-atc-cart svg{width:26px;height:26px}.demo-atc-lg .demo-atc-card{gap:20px;margin-top:40px;padding:14px 24px 14px 14px}.demo-atc-lg .demo-atc-img{width:clamp(110px,30vw,160px)}.demo-atc-lg .demo-atc-info{font-size:15px}.demo-atc-lg .demo-atc-info b{font-size:clamp(17px,2vw,20px)}.demo-atc-lg .demo-atc-btn{padding:10px 18px;font-size:14px}.demo-cbm{font-size:15px}.demo-cbm-lg{text-align:left;background:#fff;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 20px;max-width:100%;padding:16px 20px;font-size:17px;display:flex;box-shadow:0 8px 24px #0f0f1e14}.demo-cbm-img{aspect-ratio:1;background:#e6f4fc;border-radius:12px;place-items:center;width:84px;display:grid}.demo-cbm-img svg{width:86%}.demo-cbm-info{flex-direction:column;min-width:120px;display:flex}.demo-cbm-info span{color:var(--text-muted);font-size:15px}.anim-thumb .demo-otb{font-size:15px}.anim-stage .demo-otb-lg{font-size:18px}.anim-demo.demo-pds{font-size:clamp(34px,7vw,80px)}.demo-pis{text-align:left;background:#fff;border-radius:16px;width:min(220px,64%);position:relative;overflow:hidden;box-shadow:0 8px 24px #0f0f1e14}.demo-pis-photos{aspect-ratio:16/10}.demo-pis-photo{background:#efe7fb;place-items:center;display:grid}.demo-pis-photo svg{width:78%}.demo-pis-photo-alt{background:#fde8dc}.demo-pis-caption{justify-content:space-between;align-items:baseline;gap:8px;padding:8px 12px 10px;font-size:13px;display:flex}.demo-pis-caption span{color:var(--text-muted)}.demo-pis-lg{border-radius:20px;width:min(320px,100%)}.demo-pis-lg .demo-pis-photos{aspect-ratio:1}.demo-pis-lg .demo-pis-caption{padding:14px 18px 16px;font-size:16px}.demo-hzp{aspect-ratio:4/3;background:#fff;border-radius:16px;width:min(260px,72%);box-shadow:0 8px 24px #0f0f1e1a}.demo-hzp-photo{background:radial-gradient(circle at 50% 45%,#fff 0 30%,#0000 70%),repeating-linear-gradient(45deg,#fdeef1 0 6px,#fbe2e8 6px 12px);place-items:center;display:grid}.demo-hzp-photo svg{width:80%}.demo-hzp-lg{border-radius:20px;width:min(460px,100%)}.demo-scs{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.demo-scs-photo{aspect-ratio:16/9;background:#fff;border-radius:14px;place-items:center;width:min(190px,62%);display:grid;box-shadow:0 6px 18px #0f0f1e12}.demo-scs-photo svg{width:76%}.demo-scs-pick{flex-direction:column;align-items:center;gap:8px;display:flex}.demo-scs-name{color:var(--text-muted);font-size:14px;display:none}.demo-scs-name b{color:var(--text);display:inline-block}.demo-scs-swatches{gap:12px;display:flex}.demo-scs-swatch{border:2px solid #fff;border-radius:50%;width:16px;height:16px;padding:0;box-shadow:0 1px 4px #0f0f1e33}.demo-scs-lg{gap:20px}.demo-scs-lg .demo-scs-photo{border-radius:20px;width:min(420px,100%)}.demo-scs-lg .demo-scs-name{display:block}.demo-scs-lg .demo-scs-swatches{gap:16px}.demo-scs-lg .demo-scs-swatch{border-width:3px;width:30px;height:30px}.demo-fsp{background:#fff;border-radius:14px;width:88%;padding:14px 16px 12px;font-size:13px;box-shadow:0 6px 18px #0f0f1e12}.demo-fsp-lg{border-radius:18px;width:min(480px,100%);padding:22px 24px 20px;font-size:clamp(14px,3.6vw,17px)}.demo-otr{background:#fff;border-radius:14px;width:94%;padding:6px 6px 12px;font-size:12px;box-shadow:0 6px 18px #0f0f1e12}.demo-otr-lg{border-radius:18px;width:min(680px,100%);padding:14px 12px 20px;font-size:clamp(14px,2.4vw,17px)}.demo-scr{aspect-ratio:2;color:#fff;background:radial-gradient(circle at 20% 20%,#ffffff40,#0000 50%),linear-gradient(135deg,#6a0dad,#db2777);border-radius:14px;width:min(230px,80%);box-shadow:0 8px 24px #0f0f1e1f}.demo-scr .scr-prize{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute;inset:0}.demo-scr b{letter-spacing:-.03em;font-size:32px;font-weight:800}.demo-scr-kicker,.demo-scr-small{opacity:.85;font-size:12px}.demo-scr-kicker{text-transform:uppercase;letter-spacing:.12em;font-weight:700}.demo-scr-lg{border-radius:20px;width:min(400px,100%)}.demo-scr-lg b{font-size:clamp(40px,9vw,60px)}.demo-scr-lg .demo-scr-kicker,.demo-scr-lg .demo-scr-small{font-size:clamp(13px,3vw,16px)}.anim-thumb .demo-pzw{width:150px;font-size:12px}.anim-stage .demo-pzw-lg{width:min(340px,100%);font-size:16px}.demo-gbo{font-size:14px}.demo-gbo-lg{font-size:clamp(20px,4vw,30px)}.demo-gbo-card{box-sizing:border-box;color:#1a1a2e;text-align:left;background:linear-gradient(135deg,#fde68a,#f59e0b);border-radius:.4em;flex-direction:column;justify-content:center;width:5.4em;height:3.2em;padding-left:.55em;line-height:1;display:flex;box-shadow:0 .2em .6em #0f0f1e33}.demo-gbo-card b{font-size:1.15em;font-weight:800}.demo-gbo-card small{text-transform:uppercase;letter-spacing:.1em;margin-top:.2em;font-size:.5em;font-weight:600}.anim-thumb .demo-psf{font-size:10px}.anim-stage .demo-psf-lg{font-size:clamp(17px,3.4vw,22px)}.demo-rcp{font-size:12.5px}.demo-rcp-lg{font-size:clamp(15px,3.2vw,19px)}.demo-rcp .demo-rcp-head{justify-content:center}.demo-fph{gap:8px;width:100%;max-width:280px;padding-top:14px;font-size:12px;display:flex}.demo-fph-plan{background:#fff;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:12px 6px 10px;display:flex;box-shadow:0 4px 14px #0f0f1e12}.demo-fph-name{color:var(--text-muted);font-weight:700}.demo-fph-price{letter-spacing:-.03em;font-size:20px;font-weight:800}.demo-fph-price small{color:var(--text-muted);letter-spacing:0;font-size:.5em;font-weight:600}.demo-fph-plan ul{border-top:1px solid var(--border);text-align:center;width:100%;margin:6px 0 0;padding:8px 0 0;list-style:none}.demo-fph-plan li{color:var(--text-muted);padding:2px 0;font-size:12px}.demo-fph-lg{gap:clamp(8px,2vw,20px);max-width:640px;padding-top:22px;font-size:clamp(12px,2vw,15px)}.demo-fph-lg .demo-fph-plan{border-radius:16px;padding:clamp(14px,3vw,26px) 6px clamp(12px,2.4vw,22px)}.demo-fph-lg .demo-fph-price{font-size:clamp(22px,5vw,38px)}.demo-fph-lg .demo-fph-plan li{font-size:clamp(11px,1.8vw,14px)}.demo-bcs{font-size:13px}.demo-bcs-lg{font-size:clamp(18px,4vw,26px)}.demo-gwr{font-size:15px}.demo-gwr-lg{font-size:clamp(24px,5.5vw,36px)}.demo-skc{font-size:10px}.demo-skc-lg{font-size:clamp(14px,3vw,18px)}.demo-entc{text-align:left;background:#fff;border-radius:14px;align-items:center;gap:12px;width:min(250px,84%);padding:12px 14px;line-height:1.25;display:flex;box-shadow:0 8px 24px #0f0f1e1a}.demo-entc-ic{color:#fff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.demo-entc-ic svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:58%;height:58%}.demo-entc b{letter-spacing:-.01em;font-size:14px;display:block}.demo-entc small{color:var(--text-muted);margin-top:2px;font-size:12.5px;display:block}.demo-entc-lg{border-radius:18px;gap:14px;width:min(340px,84%);padding:16px 18px;box-shadow:0 12px 32px #0f0f1e1a}.demo-entc-lg .demo-entc-ic{border-radius:14px;width:50px;height:50px}.demo-entc-lg b{font-size:17px}.demo-entc-lg small{font-size:14.5px}.demo-rli{border-bottom:2px solid var(--accent-line);justify-items:center;width:100%;padding-bottom:2px;display:grid}.demo-rli-badge{background:var(--gradient);color:#fff;letter-spacing:.02em;text-transform:uppercase;border-radius:50%;place-items:center;width:92px;height:92px;font-size:20px;font-weight:800;display:grid;position:relative;box-shadow:0 8px 20px #6a0dad40}.demo-rli-badge:before{content:"";border:2px dashed #ffffff8c;border-radius:50%;position:absolute;inset:7px}.demo-rli-lg{padding-bottom:3px}.demo-rli-lg .demo-rli-badge{width:132px;height:132px;font-size:28px}.demo-rli-lg .demo-rli-badge:before{inset:10px}.demo-fdi{place-items:center;width:100%;display:grid;position:relative}.demo-fdi-card{text-align:center;background:linear-gradient(160deg,#fff 0%,#fdf2f8 100%);border:1px solid #fbcfe8;border-radius:14px;gap:4px;width:min(220px,80%);padding:16px 18px;line-height:1.2;display:grid;box-shadow:0 8px 24px #0f0f1e1a}.demo-fdi-card small{letter-spacing:.12em;text-transform:uppercase;color:#db2777;font-size:11px;font-weight:600}.demo-fdi-card b{letter-spacing:-.02em;font-size:20px}.demo-fdi-card span{color:var(--text-muted);font-size:13px}.demo-fdi-lg .demo-fdi-card{border-radius:18px;gap:6px;width:min(300px,84%);padding:28px 24px}.demo-fdi-lg .demo-fdi-card small{font-size:12.5px}.demo-fdi-lg .demo-fdi-card b{font-size:28px}.demo-fdi-lg .demo-fdi-card span{font-size:15px}.demo-sdi{justify-items:center;width:100%;padding-top:56px;display:grid}.demo-sdi-sign{background:var(--gradient);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:12px;padding:10px 26px;font-size:22px;font-weight:800;position:relative;box-shadow:0 10px 22px #6a0dad40}.demo-sdi-sign:before{content:"";background:var(--text-muted);opacity:.6;width:2px;height:56px;margin-left:-1px;position:absolute;bottom:100%;left:50%}.demo-sdi-sign:after{content:"";background:#ffffffb3;border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:6px;left:50%}.demo-sdi-lg{padding-top:96px}.demo-sdi-lg .demo-sdi-sign{border-radius:16px;padding:16px 40px;font-size:34px}.demo-sdi-lg .demo-sdi-sign:before{height:96px}.demo-unr{color:#4a3418;text-align:center;background:linear-gradient(#fbf3df 0%,#f6e7c1 100%);gap:4px;width:min(210px,72%);padding:18px 18px 16px;line-height:1.2;display:grid;box-shadow:inset 0 0 18px #8b5a2b2e}.demo-unr small{letter-spacing:.16em;text-transform:uppercase;color:#8b5a2b;font-size:11px;font-weight:700}.demo-unr b{letter-spacing:-.01em;font-family:Georgia,Times New Roman,serif;font-size:22px}.demo-unr span{color:#7a5a35;font-size:13px}.demo-unr-lg{gap:8px;width:min(300px,74%);padding:34px 26px 30px}.demo-unr-lg small{font-size:12.5px}.demo-unr-lg b{font-size:32px}.demo-unr-lg span{font-size:15px}.demo-rlo{border-bottom:2px solid var(--accent-line);justify-items:center;width:100%;padding-bottom:2px;display:grid}.demo-rlo-badge{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#f97316 0%,#e11d48 100%);border-radius:50%;place-items:center;width:92px;height:92px;font-size:20px;font-weight:800;display:grid;position:relative;box-shadow:0 8px 20px #e11d4840}.demo-rlo-badge:before{content:"";border:2px dashed #fff9;border-radius:50%;position:absolute;inset:7px}.demo-rlo-lg{padding-bottom:3px}.demo-rlo-lg .demo-rlo-badge{width:132px;height:132px;font-size:28px}.demo-rlo-lg .demo-rlo-badge:before{inset:10px}.demo-tvo{place-items:center;width:100%;display:grid}.demo-tvo-set{background:linear-gradient(160deg,#3a3a44 0%,#1d1d24 100%);border-radius:16px;width:min(200px,64%);padding:9px;box-shadow:0 10px 26px #0f0f1e38,inset 0 1px #ffffff14}.demo-tvo-screen{aspect-ratio:4/3;background:linear-gradient(90deg,#c8c8c8 0 14.3%,#d6c700 0 28.6%,#00b8c8 0 42.9%,#00b84a 0 57.1%,#c400b8 0 71.4%,#d61f1f 0 85.7%,#1f3fd6 0) top/100% 70% no-repeat,linear-gradient(90deg,#1f3fd6 0 14.3%,#111 0 28.6%,#c400b8 0 42.9%,#111 0 57.1%,#00b8c8 0 71.4%,#111 0 85.7%,#c8c8c8 0) 0 77.5%/100% 10% no-repeat,linear-gradient(90deg,#0d2a4a 0 18%,#f5f5f5 0 36%,#2a0d4a 0 54%,#111 0) bottom/100% 20% no-repeat,#111;border-radius:12%/14%;position:relative;overflow:hidden}.demo-tvo-screen:after{content:"";background:repeating-linear-gradient(#00000029 0 1px,#0000 1px 3px),radial-gradient(#0000 55%,#00000059 100%);position:absolute;inset:0}.demo-tvo-screen span{z-index:1;color:#7cfc7c;letter-spacing:.08em;text-shadow:0 0 4px #7cfc7cb3;font:700 11px/1 ui-monospace,Menlo,Consolas,monospace;position:absolute;top:7%;right:9%}.demo-tvo-lg .demo-tvo-set{border-radius:26px;width:min(380px,72%);padding:16px}.demo-tvo-lg .demo-tvo-screen span{font-size:16px}.demo-rwc{text-align:left;width:min(280px,92%);min-height:131px}.demo-rwc-row{background:#fff;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:6px 10px;line-height:1.2;display:flex;box-shadow:0 2px 8px #0f0f1e0f}.demo-rwc-row:last-child{margin-bottom:0}.demo-rwc-row i{color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-style:normal;font-weight:700;display:grid}.demo-rwc-row span{flex:1;min-width:0}.demo-rwc-row b,.demo-rwc-row small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.demo-rwc-row b{font-size:12px}.demo-rwc-row small{color:var(--text-muted);font-size:11px}.demo-rwc-row em{color:var(--text-muted);flex:none;align-self:flex-start;font-size:10.5px;font-style:normal}.demo-rwc-lg{width:min(420px,100%);min-height:278px}.demo-rwc-lg .demo-rwc-row{border-radius:14px;gap:14px;margin-bottom:10px;padding:12px 16px}.demo-rwc-lg .demo-rwc-row:last-child{margin-bottom:0}.demo-rwc-lg .demo-rwc-row i{width:38px;height:38px;font-size:15px}.demo-rwc-lg .demo-rwc-row b{font-size:15px}.demo-rwc-lg .demo-rwc-row small{margin-top:2px;font-size:13.5px}.demo-rwc-lg .demo-rwc-row em{font-size:12.5px}.demo-mtc{background:linear-gradient(150deg,#ede9fe 0%,#e0f2fe 100%);place-items:center;width:100%;padding:14px 14px 44px;display:grid;position:relative}.anim-thumb>.demo-mtc{position:absolute;inset:0}.demo-mtc-win{text-align:left;background:#fff;border-radius:10px;width:min(190px,62%);line-height:1.2;display:block;overflow:hidden;box-shadow:0 10px 26px #0f0f1e29}.demo-mtc-bar{background:#fef3c7;border-bottom:1px solid #fde68a;align-items:center;gap:4px;padding:6px 8px;display:flex}.demo-mtc-bar i{background:#f87171;border-radius:50%;width:7px;height:7px}.demo-mtc-bar i:nth-child(2){background:#fbbf24}.demo-mtc-bar i:nth-child(3){background:#34d399}.demo-mtc-bar b{color:#92400e;margin-left:6px;font-size:11px}.demo-mtc-body{gap:6px;padding:9px 10px 12px;display:grid}.demo-mtc-body b{letter-spacing:-.01em;font-size:13px}.demo-mtc-body span{background:#e5e7eb;border-radius:3px;height:6px}.demo-mtc-body span:nth-of-type(2){width:80%}.demo-mtc-body span:nth-of-type(3){width:60%}.demo-mtc-dock{background:#ffffffb3;border-radius:10px;gap:6px;padding:5px;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 14px #0f0f1e1a}.demo-mtc-dock i{border-radius:6px;width:20px;height:20px;display:block}.demo-mtc-dock .demo-mtc-app{background:linear-gradient(#fde68a 0 30%,#fff 30%);box-shadow:inset 0 0 0 1px #fcd34d}.anim-stage .demo-mtc-lg{min-height:360px;padding:24px 24px 76px}.demo-mtc-lg .demo-mtc-win{border-radius:14px;width:min(340px,78%)}.demo-mtc-lg .demo-mtc-bar{gap:6px;padding:10px 12px}.demo-mtc-lg .demo-mtc-bar i{width:11px;height:11px}.demo-mtc-lg .demo-mtc-bar b{margin-left:8px;font-size:14px}.demo-mtc-lg .demo-mtc-body{gap:10px;padding:16px 18px 22px}.demo-mtc-lg .demo-mtc-body b{font-size:18px}.demo-mtc-lg .demo-mtc-body span{border-radius:5px;height:9px}.demo-mtc-lg .demo-mtc-dock{border-radius:14px;gap:10px;padding:8px;bottom:16px;right:16px}.demo-mtc-lg .demo-mtc-dock i{border-radius:10px;width:36px;height:36px}.demo-fbi{justify-items:center;gap:12px;font-size:64px;display:grid}.demo-fbi-lg{gap:18px;font-size:clamp(64px,16vw,104px)}.demo-fbi-cap{letter-spacing:-.01em;color:var(--text);font-size:16px;font-weight:700}.demo-fbi-lg .demo-fbi-cap{text-align:center;font-size:clamp(15px,3.6vw,18px)}.demo-fbi-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(28px,8vw,96px);display:flex}.demo-ach{color:var(--text);font-size:15px}.demo-ach-lg{font-size:clamp(14px,4.2vw,22px)}.demo-xpb{color:#1a1625;background:#fff;border-radius:16px;width:min(440px,100%);padding:16px 18px;font-size:14px;box-shadow:0 6px 20px #0f0f1e14}.demo-xpb-lg{padding:clamp(18px,4vw,28px) clamp(16px,4vw,30px);font-size:clamp(14px,3.8vw,18px)}.demo-sfl{color:var(--text);font-size:20px}.demo-sfl-lg{font-size:clamp(22px,6vw,34px)}.anim-thumb>.demo-csb-wrap{padding:16px 20px 0;display:grid;position:absolute;inset:0}.demo-csb{text-align:left;background:#fff;border-radius:14px 14px 0 0;width:100%;height:100%;padding:14px;font-size:13px;overflow:hidden;box-shadow:0 6px 24px #0f0f1e1a}.demo-csb .demo-row{margin-bottom:8px;padding:9px;transition:opacity .4s,filter .4s}.demo-csb .demo-row b{width:24px;height:24px}.demo-csb.csb-offline .demo-row{opacity:.45;filter:grayscale()}.demo-csb-top{align-items:center;gap:10px;margin:2px 0 14px;display:flex}.demo-csb-top b{background:var(--gradient);border-radius:50%;width:22px;height:22px}.demo-csb-top span{opacity:.75;background:#1a1625;border-radius:99px;width:40%;height:10px}.anim-stage .demo-csb-lg{background:var(--accent-soft);width:100%;height:360px;box-shadow:none;border-radius:0;padding:clamp(48px,9vw,64px) clamp(20px,6vw,64px) 20px;font-size:clamp(13px,3.4vw,16px)}.demo-csb-lg .demo-row{max-width:560px;margin:0 auto 12px;padding:14px}.demo-csb-lg .demo-csb-top{max-width:560px;margin:0 auto 20px}@media (width<=899px){.anim-stage .demo-csb-lg{height:240px}.demo-csb-lg .demo-row+.demo-row+.demo-row{display:none}}.demo-ssi{color:var(--text);font-size:88px}.demo-ssi-lg{font-size:clamp(84px,22vw,150px)}.demo-ssi .ssi-label{font-size:.24em}.demo-asi{color:#1a1625;text-align:left;background:#fff;border-radius:14px;width:min(300px,100%);padding:14px 16px 16px;font-size:14px;box-shadow:0 6px 20px #0f0f1e14}.demo-asi-top{letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-weight:800;display:flex}.demo-asi-top .asi{color:#4b4458;letter-spacing:0;font-size:12px}.demo-asi-line{background:#ece9f2;border-radius:99px;height:8px;margin-top:9px;display:block}.demo-asi-line:nth-of-type(2){width:86%}.demo-asi-line:nth-of-type(3){width:58%}.demo-asi-lg{width:min(520px,100%);padding:clamp(16px,4vw,24px);font-size:clamp(15px,3.8vw,17px)}.demo-asi-lg .demo-asi-top .asi{font-size:13px}.demo-asi-field{resize:none;width:100%;min-height:7.5em;font:inherit;color:inherit;background:0 0;border:0;border-radius:8px;outline:none;line-height:1.5;display:block}.demo-asi-field:focus-visible{box-shadow:0 0 0 2px var(--accent-line)}.demo-rrc{background:#efeae2;border-radius:16px;flex-direction:column;gap:8px;width:min(290px,100%);padding:14px;font-size:14px;display:flex}.demo-rrc-in{color:#111b21;text-align:left;background:#fff;border-radius:1em 1em 1em .3em;align-self:flex-start;max-width:80%;padding:.5em .8em;line-height:1.35;box-shadow:0 1px 1.5px #00000021}.demo-rrc-lg{gap:10px;width:min(440px,100%);padding:clamp(14px,4vw,24px);font-size:clamp(14px,3.8vw,16px)}.demo-skc{color:#1a1625;text-align:left;background:#fff;border-radius:14px;width:min(290px,100%);padding:14px 16px;box-shadow:0 6px 20px #0f0f1e14}.demo-skc-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.demo-skc-av{background:var(--gradient);border-radius:50%;flex:none;width:38px;height:38px}.demo-skc h4{letter-spacing:-.01em;font-size:15px;line-height:1.3}.demo-skc-sub{color:#6b6478;font-size:12px;line-height:1.4}.demo-skc-body{font-size:13px;line-height:1.45}.demo-skc-pic{background:linear-gradient(135deg,#a855f7,#ec4899 60%,#f59e0b);border-radius:10px;height:clamp(110px,30vw,170px);margin-bottom:12px}.demo-skc-lg{width:min(460px,100%);padding:clamp(16px,4vw,22px)}.demo-skc-lg .demo-skc-av{width:46px;height:46px}.demo-skc-lg h4{font-size:clamp(16px,4vw,18px)}.demo-skc-lg .demo-skc-sub{font-size:clamp(12px,3.2vw,14px)}.demo-skc-lg .demo-skc-body{font-size:clamp(14px,3.6vw,16px)}.demo-spm{font-size:22px}.demo-spm-list{color:#1a1625;background:#fff;border-radius:16px;width:min(380px,100%);padding:8px 18px;font-size:clamp(14px,3.8vw,16px);box-shadow:0 6px 20px #0f0f1e14}.demo-spm-row{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-weight:700;display:flex}.demo-spm-row+.demo-spm-row{border-top:1px solid #eeebf3}.demo-tfb{color:#1a1625;font-size:15px}.demo-tfb-lg{font-size:clamp(15px,4.2vw,20px)}.demo-vtc{color:var(--text);font-size:124px}.demo-vtc-lg{font-size:clamp(130px,38vw,190px)}@media (width<=899px){.demo-vtc-lg{font-size:150px}}.demo-crt{color:#4ade80;text-shadow:0 0 6px #4ade80bf;background:radial-gradient(at 50% 45%,#0d3b20,#03140a 75%);padding:14px 18px;font:600 12px/1.5 ui-monospace,Menlo,Consolas,monospace;position:absolute;inset:14px 20px;box-shadow:0 0 0 6px #2b2b30,0 10px 30px #0f0f1e4d}.demo-crt-lg{aspect-ratio:4/3;width:min(620px,100% - 20px);max-height:440px;padding:clamp(18px,5vw,44px);font-size:clamp(12px,2.4vw,20px);position:relative;inset:auto;box-shadow:0 0 0 10px #2b2b30,0 20px 50px #0f0f1e4d}.demo-crt-term{text-align:left;justify-items:start;gap:.2em;width:100%;display:grid}.demo-crt-term b{letter-spacing:.02em;margin-top:.3em;font-size:1.9em;line-height:1.15}.demo-crt-term i{vertical-align:-.05em;background:currentColor;width:.55em;height:.9em;margin-left:.15em;animation:1s step-end infinite demo-crt-blink;display:inline-block;box-shadow:0 0 8px}@keyframes demo-crt-blink{50%{opacity:0}}.demo-vhs{color:#fff;background:linear-gradient(#170b3b,#5b1d7a 45%,#f0607a 68%,#ffb86b 74%,#1d0d3a 74%,#2d1257);place-items:center;display:grid;position:absolute;inset:0}.demo-vhs-lg{width:100%;min-height:360px;position:relative;inset:auto}.demo-vhs p{text-transform:uppercase;text-align:center;letter-spacing:-.02em;text-shadow:0 4px 24px #ff50a099;margin:0;font-size:34px;font-style:italic;font-weight:900;line-height:.95}.demo-vhs-lg p{font-size:clamp(48px,10vw,96px)}@media (width<=900px){.demo-vhs-lg{min-height:240px}}.demo-fgr{place-items:end start;margin:0;padding:16px 18px;display:grid;position:absolute;inset:0}.demo-fgr-lg{width:100%;min-height:360px;padding:clamp(20px,4vw,40px);position:relative;inset:auto}.demo-fgr>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.demo-fgr figcaption{color:#fff;letter-spacing:-.03em;text-shadow:0 2px 16px #50140073;font-size:26px;font-weight:800;position:relative}.demo-fgr-lg figcaption{font-size:clamp(32px,6vw,60px)}@media (width<=900px){.demo-fgr-lg{min-height:240px}}.demo-ofr{background:#2a2016;position:absolute;inset:0}.demo-ofr-lg{width:100%;min-height:360px;position:relative;inset:auto}.demo-ofr svg{width:100%;height:100%;display:block;position:absolute;inset:0}.demo-ofr p{color:#fffaf0;text-shadow:0 2px 14px #0000008c;justify-items:center;margin:0;font:italic 700 40px/1 Georgia,Times New Roman,serif;display:grid;position:relative}.demo-ofr p small{letter-spacing:.2em;text-transform:uppercase;margin-top:8px;font-size:13px;font-style:normal}.demo-ofr-lg p{font-size:clamp(48px,9vw,88px)}.demo-ofr-lg p small{font-size:clamp(12px,1.8vw,16px)}@media (width<=900px){.demo-ofr-lg{min-height:240px}}.demo-hft,.demo-dth,.demo-asc,.demo-pxs{margin:0;position:absolute;inset:0}.demo-hft-lg,.demo-dth-lg,.demo-asc-lg,.demo-pxs-lg{width:100%;height:360px;position:relative;inset:auto}.demo-hft>svg,.demo-dth>svg,.demo-asc>svg,.demo-pxs>svg{width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=900px){.demo-hft-lg,.demo-dth-lg,.demo-asc-lg,.demo-pxs-lg{height:240px}}.demo-rsh,.demo-dts,.demo-pxh,.demo-gim,.demo-nvs,.demo-thc{margin:0;position:absolute;inset:0}.demo-rsh-lg,.demo-dts-lg,.demo-pxh-lg,.demo-gim-lg,.demo-nvs-lg,.demo-thc-lg{width:100%;height:360px;position:relative;inset:auto}.demo-rsh>svg,.demo-dts>svg,.demo-pxh>svg,.demo-gim>svg,.demo-nvs>svg,.demo-thc>svg{width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=900px){.demo-rsh-lg,.demo-dts-lg,.demo-pxh-lg,.demo-gim-lg,.demo-nvs-lg,.demo-thc-lg{height:240px}}.demo-sws{place-items:start center;padding-top:18px;display:grid;position:absolute;inset:0}.demo-sws-lg{width:100%;height:360px;padding-top:clamp(24px,5vw,48px);position:relative;inset:auto}.demo-sws p{text-align:center;text-transform:uppercase;letter-spacing:-.01em;background:linear-gradient(#fff 30%,#9be7ff 52%,#2a1060 54%,#ff5fd2 80%,#fff);color:#0000;filter:drop-shadow(0 2px #3a0a6a)drop-shadow(0 0 14px #ff3df08c);-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-style:italic;font-weight:900;line-height:.9}.demo-sws-lg p{font-size:clamp(40px,8vw,76px)}@media (width<=900px){.demo-sws-lg{height:240px}}.demo-rbr{position:absolute;inset:0}.demo-rbr-lg{width:100%;height:360px;position:relative;inset:auto}@media (width<=900px){.demo-rbr-lg{height:240px}}.demo-lfl,.demo-lqg{margin:0;position:absolute;inset:0}.demo-lfl-lg,.demo-lqg-lg{width:100%;height:360px;position:relative;inset:auto}.demo-lfl>svg,.demo-lqg>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.demo-lqg-label{letter-spacing:.02em;font-size:15px;font-weight:800}@media (width<=900px){.demo-lfl-lg,.demo-lqg-lg{height:240px}}.demo-fgp{background:#fff;position:absolute;inset:0;overflow:hidden}.demo-fgp-lg{width:100%;height:360px;position:relative;inset:auto}.demo-fgp-scroll{scrollbar-width:none;position:absolute;inset:0;overflow-y:auto}.demo-fgp-scroll::-webkit-scrollbar{display:none}.demo-fgp-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 10px 34px;display:grid}.demo-fgp-grid span{aspect-ratio:1;border-radius:12px;place-items:end start;padding:8px;display:grid}.demo-fgp-grid span:nth-child(3n+2){transform:translateY(24px)}.demo-fgp-grid b{color:#fff;font-size:12px;font-weight:800}.demo-fgp-lg .demo-fgp-grid{grid-template-columns:repeat(6,1fr);gap:16px;padding:16px 16px 40px}.demo-fgp-lg .demo-fgp-grid b{font-size:16px}.demo-fgp-panel{text-align:center;color:#1e1b2e;gap:2px;width:min(78%,420px);padding:12px 16px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-fgp-panel strong{letter-spacing:-.02em;font-size:17px;font-weight:800}.demo-fgp-panel small{color:#1e1b2ebf;font-size:11px}.demo-fgp-lg .demo-fgp-panel{padding:clamp(16px,4vw,32px)}.demo-fgp-lg .demo-fgp-panel strong{font-size:clamp(22px,4vw,36px)}.demo-fgp-lg .demo-fgp-panel small{font-size:clamp(13px,1.8vw,16px)}@media (width<=900px){.demo-fgp-lg{height:240px}}@media (width<=600px){.demo-fgp-lg .demo-fgp-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 10px 34px}.demo-fgp-lg .demo-fgp-grid b{font-size:12px}}.demo-tsm,.demo-pag,.demo-wcb,.demo-stph{margin:0;position:absolute;inset:0}.demo-tsm-lg,.demo-pag-lg,.demo-wcb-lg,.demo-stph-lg{width:100%;height:360px;position:relative;inset:auto}.demo-tsm>svg,.demo-pag>svg,.demo-wcb>svg,.demo-stph>svg{width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=900px){.demo-tsm-lg,.demo-pag-lg,.demo-wcb-lg,.demo-stph-lg{height:240px}}.demo-pgbl{scrollbar-width:none;background:#fff;position:absolute;inset:0;overflow-y:auto}.demo-pgbl::-webkit-scrollbar{display:none}.demo-pgbl-lg{width:100%;height:360px;position:relative;inset:auto}.demo-pgbl-list{gap:8px;padding:10px 16px;display:grid}.demo-pgbl-card{text-align:left;background:#f6f3fb;border-radius:12px;align-items:center;gap:10px;padding:6px;display:flex}.demo-pgbl-card i{border-radius:9px;flex:none;width:34px;height:34px}.demo-pgbl-card span{min-width:0;display:grid}.demo-pgbl-card b{color:#1e1b2e;font-size:13px;font-weight:800}.demo-pgbl-card small{color:#6b6780;font-size:10px}.demo-pgbl-lg .demo-pgbl-list{gap:12px;width:min(560px,100%);margin:0 auto;padding:20px}.demo-pgbl-lg .demo-pgbl-card{border-radius:16px;gap:14px;padding:10px}.demo-pgbl-lg .demo-pgbl-card i{border-radius:12px;width:56px;height:56px}.demo-pgbl-lg .demo-pgbl-card b{font-size:17px}.demo-pgbl-lg .demo-pgbl-card small{font-size:13px}@media (width<=900px){.demo-pgbl-lg{height:240px}}.demo-kld,.demo-izm,.demo-ccv{margin:0;position:absolute;inset:0}.demo-kld-lg,.demo-izm-lg,.demo-ccv-lg{width:100%;height:360px;position:relative;inset:auto}.demo-kld>svg,.demo-izm>svg{width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=900px){.demo-kld-lg,.demo-izm-lg,.demo-ccv-lg{height:240px}}.demo-nss{position:absolute;inset:0}.demo-nss-lg{background:radial-gradient(at 50% 30%,#3b3550,#1a1726 75%);place-items:center;width:100%;height:360px;display:grid;position:relative;inset:auto}.demo-nss-tv{aspect-ratio:4/3;background:linear-gradient(160deg,#3a3a40,#17171b);border-radius:clamp(16px,3vw,26px);max-width:calc(100% - 32px);height:calc(100% - 56px);padding:clamp(10px,2.4vw,18px);box-shadow:inset 0 2px #ffffff1f,0 18px 40px #00000073}.demo-nss-screen{border-radius:clamp(10px,2vw,18px);width:100%;height:100%}@media (width<=900px){.demo-nss-lg{height:240px}.demo-nss-tv{height:calc(100% - 36px)}}.demo-rso,.demo-neg,.demo-dex{margin:0;position:absolute;inset:0}.demo-rso-lg,.demo-neg-lg,.demo-dex-lg{width:100%;height:360px;position:relative;inset:auto}.demo-rso>svg,.demo-neg>svg,.demo-dex>svg{width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=900px){.demo-rso-lg,.demo-neg-lg,.demo-dex-lg{height:240px}}.demo-hlg{background:radial-gradient(at 50% 85%,#10324a,#050b14 70%);place-items:center;display:grid;position:absolute;inset:0}.demo-hlg-lg{width:100%;height:360px;position:relative;inset:auto}.demo-hlg-card{color:#fff;text-align:center;justify-items:center;gap:6px;display:grid}.demo-hlg-globe{fill:none;stroke:currentColor;stroke-width:2.5px;width:70px;height:70px;overflow:visible}.demo-hlg-m{animation:4s linear infinite demo-hlg-turn}.demo-hlg-m2{animation-delay:-2s}@keyframes demo-hlg-turn{0%{transform:scaleX(1)}50%{transform:scaleX(0)}to{transform:scaleX(-1)}}.demo-hlg-text{gap:2px;display:grid}.demo-hlg-text b{letter-spacing:.08em;text-transform:uppercase;font-size:17px;font-weight:800}.demo-hlg-text small{letter-spacing:.12em;opacity:.8;font:600 11px/1.2 ui-monospace,Menlo,Consolas,monospace}.demo-hlg-lg .demo-hlg-card{gap:12px}.demo-hlg-lg .demo-hlg-globe{width:clamp(80px,16vw,130px);height:clamp(80px,16vw,130px)}.demo-hlg-lg .demo-hlg-text b{font-size:clamp(18px,3.4vw,30px)}.demo-hlg-lg .demo-hlg-text small{font-size:clamp(11px,1.6vw,14px)}@media (width<=900px){.demo-hlg-lg{height:240px}}@media (prefers-reduced-motion:reduce){.demo-hlg-m{animation:none}}.demo-flb input,.demo-flb [data-field],.demo-prt input,.demo-prt [data-field],.demo-psm input,.demo-psm [data-field],.demo-pcl input,.demo-pcl [data-field],.demo-ccrg textarea,.demo-ccrg [data-field]{box-sizing:border-box;border:1.5px solid var(--border-strong);width:100%;height:48px;color:var(--text);font:inherit;text-align:left;white-space:nowrap;background:#fff;border-radius:12px;outline:none;margin:0;padding:0 14px;font-size:15px;line-height:45px;transition:border-color .2s,box-shadow .2s;display:block;overflow:hidden}.demo-flb input:focus,.demo-flb .flb-focus [data-field],.demo-flb .flb-focus input,.demo-prt input:focus,.demo-psm input:focus,.demo-pcl input:focus,.demo-ccrg textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6a0dad1f}.demo-flb{gap:18px;width:min(300px,100%);font-size:15px;display:grid}.demo-flb-lg{gap:22px;width:min(360px,100%)}.demo-flb-lg input{height:56px;padding:0 16px;font-size:17px}.demo-flb-lg .flb-label{font-size:17px}.demo-iug{width:min(280px,100%);color:var(--text);gap:22px;display:grid}.demo-iug input,.demo-iug [data-field]{box-sizing:border-box;width:100%;height:44px;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0 2px;font-size:18px;line-height:44px;display:block}.demo-iug input::placeholder{color:var(--text-dim)}.demo-iug [data-field]:not(:has(.iug-text:not(:empty))):before{content:"Your name";color:var(--text-dim)}.demo-iug-lg{gap:28px;width:min(380px,100%)}.demo-iug-lg input{height:52px;font-size:20px}.demo-prt{width:min(280px,100%);font-size:15px}.demo-prt [data-field],.demo-prt input{letter-spacing:0;font-size:16px}.demo-prt-lg{width:min(340px,100%);font-size:17px}.demo-prt-lg input{height:56px;padding:0 16px;font-size:18px}.demo-psm{width:min(280px,100%);font-size:14px}.demo-psm-lg{width:min(360px,100%);font-size:16px}.demo-psm-lg input{height:56px;padding:0 16px;font-size:18px}.demo-pcl{width:min(250px,100%);color:var(--text);font-size:12.5px}.demo-pcl [data-field]{height:36px;font-size:14px;line-height:33px}.demo-pcl .pcl-list{gap:5px;margin-top:10px}.demo-pcl-lg{width:min(340px,100%);font-size:16px}.demo-pcl-lg input{height:54px;padding:0 16px;font-size:18px}.demo-pcl-lg .pcl-list{gap:9px;margin-top:14px;padding-left:4px}.demo-otc{color:var(--text);font-size:18px}.demo-otc-lg{font-size:clamp(17px,5.6vw,28px)}.demo-otc-lg .demo-hint{margin:18px 0 0}.demo-ccrg{width:min(280px,100%);color:var(--text);font-size:13px}.demo-ccrg [data-field]{white-space:normal;height:78px;padding:9px 12px;font-size:13px;line-height:1.45}.demo-ccrg .ccrg-bar{margin-top:8px;font-size:15px}.demo-ccrg-lg{width:min(420px,100%);font-size:16px}.demo-ccrg-lg textarea{white-space:pre-wrap;resize:none;height:120px;padding:12px 14px;font-size:16px;line-height:1.5;overflow:auto}.demo-ccrg-lg .ccrg-bar{font-size:18px}.demo-srx{color:var(--text);text-align:center;contain:inline-size;width:100%;font-size:16px}.demo-srx-lg{font-size:18px}.demo-flb input::-ms-reveal{display:none}.demo-psm input::-ms-reveal{display:none}.demo-pcl input::-ms-reveal{display:none}.demo-bti{text-align:center;width:100%;color:var(--text);contain:inline-size;font-size:15px}.demo-bti-lg{font-size:18px}.demo-ilv{width:min(290px,100%);color:var(--text);gap:14px;font-size:15px;display:grid}.demo-ilv input,.demo-ilv [data-field]{box-sizing:border-box;border:1.5px solid var(--border-strong);width:100%;height:46px;color:var(--text);font:inherit;text-align:left;white-space:nowrap;background:#fff;border-radius:12px;outline:none;margin:0;padding:0 14px;line-height:43px;transition:border-color .2s,box-shadow .2s;display:block;overflow:hidden}.demo-ilv input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6a0dad1f}.demo-ilv input::placeholder{color:var(--text-dim)}.demo-ilv-lg{gap:20px;width:min(380px,100%);font-size:17px}.demo-ilv-lg input{height:54px;padding:0 16px;line-height:51px}.demo-fdz{width:min(270px,100%);font-size:13px}.demo-fdz-lg{width:min(460px,100%);font-size:16px}.demo-fdz-lg .fdz{padding:2.6em 1.5em}.demo-fup{width:min(270px,100%);font-size:11px}.demo-fup .fup{gap:6px}.demo-fup-lg{width:min(460px,100%);font-size:15px}.demo-fup-lg .fup{gap:.6em}.demo-rsb{width:min(250px,88%);font-size:16px}.demo-rsb-lg{gap:22px;width:min(420px,92%);font-size:18px;display:grid}.demo-esl{width:min(250px,84%);font-size:15px}.demo-esl-lg{width:min(420px,80%);font-size:18px}.demo-nsr{font-size:17px}.demo-nsr-lg{font-size:22px}.demo-srt{font-size:26px}.demo-srt-lg{font-size:clamp(24px,7.4vw,40px)}.demo-ems{width:min(220px,80%);font-size:13px}.demo-ems-lg{width:min(360px,88%);font-size:clamp(16px,5vw,20px)}.demo-tgi{width:min(280px,100%);font-size:13px}.demo-tgi-lg{width:min(440px,100%);font-size:16px}.demo-tgi-lg .demo-hint{margin:14px 0 0}.demo-dps{font-size:7.6px}.demo-dps-lg{font-size:clamp(13px,4vw,16px)}.demo-whp{font-size:12px}.demo-whp-lg{font-size:clamp(16px,5vw,20px)}.demo-pgs{width:min(300px,100%);font-size:11px}.demo-pgs-lg{width:min(560px,100%);font-size:clamp(12px,3.8vw,16px)}.demo-mstf{text-align:left;width:min(240px,100%);color:var(--text);font-size:10.5px}.demo-mstf .mstf{background:#fff;border-radius:1.1em;padding:1.3em;box-shadow:0 0 0 1px #0000000f,0 10px 30px #0f0f1e14}.demo-mstf label,.demo-mstf .mstf-l{color:var(--text-muted);font-size:.9em;font-weight:600;display:block}.demo-mstf label+label{margin-top:.9em}.demo-mstf input,.demo-mstf select,.demo-mstf textarea,.demo-mstf [data-field]{box-sizing:border-box;border:1.5px solid var(--border-strong);width:100%;height:2.9em;color:var(--text);font:inherit;white-space:nowrap;background:#fff;border-radius:.7em;outline:none;margin:.4em 0 0;padding:0 .9em;font-size:1.11em;font-weight:400;line-height:2.7em;transition:border-color .2s,box-shadow .2s;display:block;overflow:hidden}.demo-mstf textarea{white-space:pre-wrap;resize:none;height:auto;padding:.6em .9em;line-height:1.45}.demo-mstf input:focus,.demo-mstf select:focus,.demo-mstf textarea:focus,.demo-mstf .mstf-typing{border-color:var(--accent);box-shadow:0 0 0 3px #6a0dad1f}.demo-mstf-lg{width:min(420px,100%);font-size:15px}.demo-fsf{text-align:left;width:min(240px,100%);color:var(--text);font-size:10.5px}.demo-fsf-card{box-sizing:border-box;background:#fff;border-radius:1.1em;gap:.75em;padding:1.4em;display:grid;box-shadow:0 0 0 1px #0000000f,0 10px 30px #0f0f1e14}.demo-fsf input,.demo-fsf textarea,.demo-fsf [data-field]{box-sizing:border-box;border:1.5px solid var(--border-strong);width:100%;height:2.9em;color:var(--text);font:inherit;white-space:nowrap;background:#fff;border-radius:.7em;outline:none;margin:0;padding:0 .9em;font-size:1.1em;line-height:2.7em;transition:border-color .2s,box-shadow .2s;display:block;overflow:hidden}.demo-fsf textarea{white-space:pre-wrap;resize:none;height:auto;padding:.6em .9em;line-height:1.45}.demo-fsf input::placeholder,.demo-fsf textarea::placeholder{color:var(--text-dim)}.demo-fsf [data-field]:empty:before{content:attr(data-ph);color:var(--text-dim)}.demo-fsf input:focus,.demo-fsf textarea:focus,.demo-fsf .fsf-typing{border-color:var(--accent);box-shadow:0 0 0 3px #6a0dad1f}.demo-fsf-send{background:var(--accent);color:#fff;height:3.2em;font:inherit;cursor:pointer;border:0;border-radius:2em;justify-content:center;align-items:center;margin:.2em 0 0;padding:0 1em;font-size:1.05em;font-weight:600;transition:transform .15s,filter .15s;display:flex}.demo-fsf-lg{width:min(400px,100%);font-size:15px}.demo-lcp{font-size:11px}.demo-lcp-lg{width:min(380px,100%);font-size:clamp(12px,3.9vw,16px)}.demo-lcp-lg .demo-hint{margin:0}.demo-lcp-fields{text-align:left;grid-template-columns:1fr 1fr;gap:.9em .8em;width:100%;font-size:14px;display:grid}.demo-lcp-fields label{min-width:0;color:var(--text-muted);font-size:13px;font-weight:600;display:block}.demo-lcp-wide{grid-column:1/-1}.demo-lcp-fields input{box-sizing:border-box;border:1.5px solid var(--border-strong);width:100%;height:44px;color:var(--text);font:inherit;background:#fff;border-radius:10px;outline:none;margin:6px 0 0;padding:0 12px;font-size:15px;font-weight:400;transition:border-color .2s,box-shadow .2s;display:block}.demo-lcp-fields input::placeholder{color:var(--text-dim)}.demo-lcp-fields input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6a0dad1f}.demo-wml{text-align:left;width:min(250px,100%);color:var(--text);font-size:10.5px}.demo-wml-card{background:#fff;border-radius:1.1em;gap:.8em;padding:1.4em;display:grid;position:relative;box-shadow:0 0 0 1px #0000000f,0 10px 30px #0f0f1e14}.demo-wml .wml-bear{width:10em}.demo-wml input,.demo-wml [data-field]{box-sizing:border-box;border:1.5px solid var(--border-strong);width:100%;height:3em;color:var(--text);font:inherit;white-space:nowrap;background:#fff;border-radius:.75em;outline:none;margin:0;padding:0 1em;font-size:1.15em;line-height:2.8em;transition:border-color .2s,box-shadow .2s;display:block;overflow:hidden}.demo-wml input::placeholder{color:var(--text-dim)}.demo-wml input:focus,.demo-wml .wml-on{border-color:var(--accent);box-shadow:0 0 0 3px #6a0dad1f}.demo-wml input::-ms-reveal{display:none}.demo-wml-btn{background:var(--accent);color:#fff;height:3.2em;font:inherit;cursor:pointer;border:0;border-radius:2em;justify-content:center;align-items:center;margin-top:.2em;font-size:1.1em;font-weight:600;display:flex}.demo-wml-lg{width:min(360px,100%);font-size:14px}.demo-wml-lg .wml-bear{width:11em}.demo-agt{text-align:left;width:min(270px,100%);color:var(--text);font-size:13px}.demo-agt textarea,.demo-agt [data-field]{box-sizing:border-box;border:1.5px solid var(--border-strong);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:1em;outline:none;margin:0;padding:.7em 1em;font-size:1em;line-height:1.45;transition:border-color .2s,box-shadow .2s;display:block}.demo-agt textarea::placeholder{color:var(--text-dim)}.demo-agt textarea:focus,.demo-agt [data-field]{border-color:var(--accent);box-shadow:0 0 0 3px #6a0dad1f}.demo-agt-lg{width:min(420px,100%);font-size:16px}.demo-agt-lg .demo-hint{text-align:center;margin:14px 0 0}.demo-vni{text-align:left;width:min(280px,100%);color:var(--text);font-size:13px}.demo-vni input,.demo-vni [data-field]{box-sizing:border-box;border:1.5px solid var(--border-strong);width:100%;height:3.6em;color:var(--text);font:inherit;white-space:nowrap;background:#fff;border-radius:2em;outline:none;margin:0;padding:0 3.4em 0 1.3em;font-size:1em;line-height:3.4em;transition:border-color .2s,box-shadow .2s;display:block;overflow:hidden;box-shadow:0 6px 20px #0f0f1e0f}.demo-vni input::placeholder{color:var(--text-dim)}.demo-vni input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6a0dad1f}.demo-vni-lg{width:min(460px,100%);font-size:16px}.demo-vni-lg .demo-hint{text-align:center;margin:14px 0 0}.demo-sgp{width:min(280px,100%);color:var(--text);font-size:11px}.demo-sgp-lg{width:min(520px,100%);font-size:clamp(13px,3.9vw,16px)}.demo-sgp-lg .sgp-pad{height:13em}.demo-rtk{font-size:15px}.demo-rtk-lg{flex-wrap:wrap;justify-content:center;gap:1em 2.4em;font-size:clamp(15px,4.6vw,22px);display:flex}.demo-rtk-lg [data-rotary-knob]+[data-rotary-knob]{align-self:center;font-size:.7em}.demo-cwp{font-size:15px}.demo-cwp-lg{font-size:clamp(20px,6.2vw,26px)}.demo-ief{text-align:left;width:min(250px,100%);color:var(--text);font-size:12px}.demo-ief-card{background:#fff;border-radius:1.1em;gap:1.1em;padding:1.4em 1.5em;display:grid;box-shadow:0 0 0 1px #0000000f,0 10px 30px #0f0f1e14}.demo-ief-row{gap:.3em;min-width:0;display:grid}.demo-ief-l{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);font-size:.85em;font-weight:600}.demo-ief-v{min-height:1.6em;font-size:1.55em;font-weight:600;line-height:1.35}.demo-ief-lg{width:min(380px,100%);font-size:14px}.demo-fch{width:min(300px,100%);font-size:12px}.demo-fch-lg{width:min(520px,100%);font-size:clamp(13px,3.9vw,15px)}.demo-fch-lg .demo-hint{text-align:center;margin:16px 0 0}.demo-gol,.demo-lga,.demo-eca,.demo-fsd,.demo-rxd,.demo-bds,.demo-slm,.demo-ptl,.demo-lsy{display:block}.anim-thumb>.demo-gol,.anim-thumb>.demo-lga,.anim-thumb>.demo-eca,.anim-thumb>.demo-fsd,.anim-thumb>.demo-rxd,.anim-thumb>.demo-bds,.anim-thumb>.demo-slm,.anim-thumb>.demo-ptl,.anim-thumb>.demo-lsy{position:absolute;inset:0}.anim-stage .demo-gol,.anim-stage .demo-lga,.anim-stage .demo-eca,.anim-stage .demo-fsd,.anim-stage .demo-rxd,.anim-stage .demo-bds,.anim-stage .demo-slm,.anim-stage .demo-ptl,.anim-stage .demo-lsy{width:100%;height:380px}@media (width<=640px){.anim-stage .demo-gol,.anim-stage .demo-lga,.anim-stage .demo-eca,.anim-stage .demo-fsd,.anim-stage .demo-rxd,.anim-stage .demo-bds,.anim-stage .demo-slm,.anim-stage .demo-ptl,.anim-stage .demo-lsy{height:340px}}.demo-gol-hint,.demo-fsd-hint,.demo-bds-hint,.demo-slm-hint,.demo-ptl-hint,.demo-lsy-hint{color:#ffffffe0;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a05148c;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;bottom:10px;left:12px}.demo-gol{background:radial-gradient(at 50% 40%,#1f1238,#120a24 70%)}.demo-lga{background:#fbf8ff}.demo-eca{background:#0f0a1e}.demo-fsd{cursor:crosshair;background:linear-gradient(#24124a 0%,#4c1d7a 60%,#8f3a8a 100%)}.demo-rxd{background:#f4dfb8}.demo-bds{background:linear-gradient(#fbcfe8 0%,#fde2c4 55%,#fef3c7 100%)}.demo-slm{background:#07040d}.demo-ptl{background:#0b0815}.demo-lsy{background:linear-gradient(#eef6ff 0%,#f8f5ff 100%)}.demo-bds-hint,.demo-lsy-hint{color:#1e0f32b3;background:#1e0f3214}.demo-frt,.demo-sfl,.demo-mbz,.demo-jsm,.demo-cgt,.demo-kch,.demo-drc,.demo-hlb,.demo-bfn{display:block}.anim-thumb>.demo-frt,.anim-thumb>.demo-sfl,.anim-thumb>.demo-mbz,.anim-thumb>.demo-jsm,.anim-thumb>.demo-cgt,.anim-thumb>.demo-kch,.anim-thumb>.demo-drc,.anim-thumb>.demo-hlb,.anim-thumb>.demo-bfn{position:absolute;inset:0}.anim-stage .demo-frt,.anim-stage .demo-sfl,.anim-stage .demo-mbz,.anim-stage .demo-jsm,.anim-stage .demo-cgt,.anim-stage .demo-kch,.anim-stage .demo-drc,.anim-stage .demo-hlb,.anim-stage .demo-bfn{width:100%;height:380px}@media (width<=640px){.anim-stage .demo-frt,.anim-stage .demo-sfl,.anim-stage .demo-mbz,.anim-stage .demo-jsm,.anim-stage .demo-cgt,.anim-stage .demo-kch,.anim-stage .demo-drc,.anim-stage .demo-hlb,.anim-stage .demo-bfn{height:340px}}.demo-frt-hint{color:#1e0f32b3;pointer-events:none;-webkit-user-select:none;user-select:none;background:#1e0f3214;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;bottom:10px;left:12px}.demo-frt{cursor:pointer;background:linear-gradient(#ede9fe 0%,#fdf2f8 65%,#fff7ed 100%)}.demo-sfl{background:radial-gradient(circle,#2a1846,#140a26 70%)}.demo-mbz,.demo-jsm{background:#0b0614}.demo-cgt{background:#0f0a1e}.demo-kch{background:radial-gradient(at 50% 40%,#1e2a5e,#0c1230 75%)}.demo-drc{background:radial-gradient(#1d1338,#0d0820 75%)}.demo-hlb{background:#faf7ff}.demo-bfn{background:radial-gradient(at 50% 70%,#0f2a18,#06140c 75%)}.demo-lrz,.demo-sat,.demo-spg,.demo-lsj,.demo-hmg,.demo-mzs,.demo-vrn,.demo-tms,.demo-cpk{display:block}.anim-thumb>.demo-lrz,.anim-thumb>.demo-sat,.anim-thumb>.demo-spg,.anim-thumb>.demo-lsj,.anim-thumb>.demo-hmg,.anim-thumb>.demo-mzs,.anim-thumb>.demo-vrn,.anim-thumb>.demo-tms,.anim-thumb>.demo-cpk{position:absolute;inset:0}.anim-stage .demo-lrz,.anim-stage .demo-sat,.anim-stage .demo-spg,.anim-stage .demo-lsj,.anim-stage .demo-hmg,.anim-stage .demo-mzs,.anim-stage .demo-vrn,.anim-stage .demo-tms,.anim-stage .demo-cpk{width:100%;height:380px}@media (width<=640px){.anim-stage .demo-lrz,.anim-stage .demo-sat,.anim-stage .demo-spg,.anim-stage .demo-lsj,.anim-stage .demo-hmg,.anim-stage .demo-mzs,.anim-stage .demo-vrn,.anim-stage .demo-tms,.anim-stage .demo-cpk{height:340px}}.demo-lrz{background:radial-gradient(#1a0f33,#0b0618 75%)}.demo-sat{background:radial-gradient(#140b26,#0a0614 75%)}.demo-spg{background:linear-gradient(#fdf8f0 0%,#f8f1ff 100%)}.demo-lsj{background:radial-gradient(at 50% 45%,#1d1338,#0f0a1e 75%)}.demo-hmg{background:linear-gradient(#fbf7ef 0%,#fdf2f8 100%)}.demo-mzs{background:#1a1033}.demo-vrn{cursor:crosshair;background:#1a1033}.demo-tms{background:#2a1450}.demo-cpk{background:radial-gradient(at 50% 40%,#1f1238,#120a24 75%)}.demo-vrn-hint,.demo-tms-hint{color:#ffffffe0;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a05148c;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;bottom:10px;left:12px}.demo-trc,.demo-wvc,.demo-pnr,.demo-mnd,.demo-crl,.demo-cry,.demo-vng,.demo-moi,.demo-opa{display:block}.anim-thumb>.demo-trc,.anim-thumb>.demo-wvc,.anim-thumb>.demo-pnr,.anim-thumb>.demo-mnd,.anim-thumb>.demo-crl,.anim-thumb>.demo-cry,.anim-thumb>.demo-vng,.anim-thumb>.demo-moi,.anim-thumb>.demo-opa{position:absolute;inset:0}.anim-stage .demo-trc,.anim-stage .demo-wvc,.anim-stage .demo-pnr,.anim-stage .demo-mnd,.anim-stage .demo-crl,.anim-stage .demo-cry,.anim-stage .demo-vng,.anim-stage .demo-moi,.anim-stage .demo-opa{width:100%;height:380px}@media (width<=640px){.anim-stage .demo-trc,.anim-stage .demo-wvc,.anim-stage .demo-pnr,.anim-stage .demo-mnd,.anim-stage .demo-crl,.anim-stage .demo-cry,.anim-stage .demo-vng,.anim-stage .demo-moi,.anim-stage .demo-opa{height:340px}}.demo-trc{cursor:crosshair;background:radial-gradient(at 50% 45%,#22123f,#120a24 75%)}.demo-wvc{background:#0f172a}.demo-pnr{background:#1a1033}.demo-mnd{background:#f4efe3}.demo-crl{background:radial-gradient(at 50% 30%,#0e4a6e,#082f49 75%)}.demo-cry{background:radial-gradient(#151b3d,#0b1026 75%)}.demo-vng{background:radial-gradient(#1d3524,#14261a 75%)}.demo-moi{cursor:crosshair;background:#fdfbff}.demo-opa{cursor:crosshair;background:#f5f5f0}.demo-trc-hint,.demo-moi-hint,.demo-opa-hint{color:#ffffffe6;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a051499;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;bottom:10px;left:12px}.demo-cym,.demo-nbd,.demo-sgx,.demo-eac,.demo-tcl,.demo-glt,.demo-pxf,.demo-rwk,.demo-ffs{display:block}.anim-thumb>.demo-cym,.anim-thumb>.demo-nbd,.anim-thumb>.demo-sgx,.anim-thumb>.demo-eac,.anim-thumb>.demo-tcl,.anim-thumb>.demo-glt,.anim-thumb>.demo-pxf,.anim-thumb>.demo-rwk,.anim-thumb>.demo-ffs{position:absolute;inset:0}.anim-stage .demo-cym,.anim-stage .demo-nbd,.anim-stage .demo-sgx,.anim-stage .demo-eac,.anim-stage .demo-tcl,.anim-stage .demo-glt,.anim-stage .demo-pxf,.anim-stage .demo-rwk,.anim-stage .demo-ffs{width:100%;height:380px}@media (width<=640px){.anim-stage .demo-cym,.anim-stage .demo-nbd,.anim-stage .demo-sgx,.anim-stage .demo-eac,.anim-stage .demo-tcl,.anim-stage .demo-glt,.anim-stage .demo-pxf,.anim-stage .demo-rwk,.anim-stage .demo-ffs{height:340px}}.demo-cym{cursor:pointer;background:radial-gradient(at 50% 45%,#1f1238,#120a24 75%)}.demo-nbd{cursor:pointer;background:radial-gradient(#170d2e,#0b0618 75%)}.demo-sgx{background:radial-gradient(#120a24,#07040f 70%)}.demo-eac{cursor:crosshair;background:radial-gradient(#150c2c,#0a0618 75%)}.demo-tcl{background:linear-gradient(#1f1238 0%,#1a1033 60%,#120a24 100%)}.demo-glt{background:radial-gradient(at 50% 30%,#241446,#1a1033 75%)}.demo-pxf{cursor:crosshair;background:#070707}.demo-rwk{cursor:pointer;background:#0f0a1e}.demo-ffs{cursor:pointer;background:linear-gradient(#050b14 0%,#071a14 70%,#0b2418 100%)}.demo-cym-hint,.demo-nbd-hint,.demo-eac-hint,.demo-tcl-hint,.demo-pxf-hint,.demo-rwk-hint,.demo-ffs-hint{color:#ffffffe0;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a051499;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;bottom:10px;left:12px}.demo-fep,.demo-dpd,.demo-pdw,.demo-srv,.demo-pfv,.demo-mdp,.demo-mts{display:block}.anim-thumb>.demo-fep,.anim-thumb>.demo-dpd,.anim-thumb>.demo-pdw,.anim-thumb>.demo-srv,.anim-thumb>.demo-pfv,.anim-thumb>.demo-mdp,.anim-thumb>.demo-mts{position:absolute;inset:0}.anim-stage .demo-fep,.anim-stage .demo-dpd,.anim-stage .demo-pdw,.anim-stage .demo-srv,.anim-stage .demo-pfv,.anim-stage .demo-mdp,.anim-stage .demo-mts{width:100%;height:380px}@media (width<=640px){.anim-stage .demo-fep,.anim-stage .demo-dpd,.anim-stage .demo-pdw,.anim-stage .demo-srv,.anim-stage .demo-pfv,.anim-stage .demo-mdp,.anim-stage .demo-mts{height:340px}}.demo-fep{background:radial-gradient(#1f1238,#120a24 75%)}.demo-dpd{cursor:pointer;background:radial-gradient(#1d1138,#0e0820 75%)}.demo-pdw{background:linear-gradient(#1f1238 0%,#160c2c 70%,#0f0820 100%)}.demo-srv{background:#140b28}.demo-pfv{background:#120a24}.demo-mdp{background:radial-gradient(circle,#1a0f33,#0b0618 75%)}.demo-mts{background:#1a1033}.demo-dpd-hint,.demo-mdp-hint{color:#ffffffe0;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a051499;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;bottom:10px;left:12px}.demo-dwi{background-color:#ffffff8c;background-image:radial-gradient(var(--accent-line) 1.2px, transparent 1.6px);background-size:18px 18px;border-radius:14px;width:100%;height:100%}.anim-thumb>.demo-dwi{width:auto;height:auto;position:absolute;inset:12px}.demo-dwi-lg{background-color:#fff;border-radius:16px;height:300px;box-shadow:0 6px 24px #0f0f1e0f}.demo-dwi-piece{background:var(--gradient);color:#fff;border-radius:18px;place-items:center;width:74px;height:74px;font-size:12px;font-weight:700;line-height:1.1;display:grid;box-shadow:0 10px 24px #6a0dad47}.demo-dwi-ball{background:radial-gradient(circle at 32% 30%,#fde68a,#f59e0b 55%,#c2410c);border-radius:50%;width:46px;height:46px;box-shadow:0 8px 18px #c2410c4d}.demo-dwi-lg .demo-dwi-piece{border-radius:24px;width:104px;height:104px;font-size:15px}.demo-dwi-lg .demo-dwi-ball{width:62px;height:62px}.demo-swc{width:112px;height:142px;margin-bottom:22px;display:grid}.demo-swc>.demo-swc-card{grid-area:1/1}.demo-swc-lg{width:min(250px,72%);height:300px;margin-bottom:24px}.demo-swc-card{color:#fff;text-align:left;border-radius:16px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;padding:12px;display:flex;overflow:hidden;box-shadow:0 10px 26px #0f0f1e29}.demo-swc-card b{letter-spacing:-.01em;font-size:15px}.demo-swc-sub{opacity:.85;font-size:14px}.demo-swc-lg .demo-swc-card{border-radius:22px;padding:20px}.demo-swc-lg .demo-swc-card b{font-size:24px}.demo-swc-card.c1{background:linear-gradient(160deg,#fbbf24,#ea580c 60%,#9a3412)}.demo-swc-card.c2{background:linear-gradient(160deg,#f9a8d4,#db2777 60%,#831843)}.demo-swc-card.c3{background:linear-gradient(160deg,#67e8f9,#0e7490 60%,#164e63)}.demo-swc-card.c4{background:linear-gradient(160deg,#c4b5fd,#7c3aed 60%,#4c1d95)}.demo-swc:not(.demo-swc-lg) .swc-stamp{border-width:2px;padding:2px 5px;font-size:10px;top:8px}.demo-swc:not(.demo-swc-lg) .swc-like{left:8px}.demo-swc:not(.demo-swc-lg) .swc-nope{right:8px}.demo-swc .swc-stamp{background:#ffffffe6}.demo-std{text-align:left;width:82%;margin:0;padding:0;list-style:none}.demo-std-lg{width:min(440px,100%)}.demo-std-row{color:var(--text-muted);background:#fff;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;font-size:12px;display:flex;box-shadow:0 4px 6px -3px #0f0f1e14}.demo-std-row:last-child{margin-bottom:0}.demo-std-row>i{background:var(--gradient);border-radius:50%;flex:none;width:26px;height:26px}.demo-std-row>i.c2{background:linear-gradient(135deg,#fbbf24,#ea580c)}.demo-std-row>i.c3{background:linear-gradient(135deg,#67e8f9,#0e7490)}.demo-std-row>i.c4{background:linear-gradient(135deg,#f9a8d4,#db2777)}.demo-std-row>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;display:grid;overflow:hidden}.demo-std-row b{color:var(--text);font-size:13px}.demo-std-lg .demo-std-row{border-radius:14px;gap:14px;margin-bottom:10px;padding:14px 16px;font-size:15px}.demo-std-lg .demo-std-row>i{width:40px;height:40px}.demo-std-lg .demo-std-row b{font-size:16px}:is(.anim-stage:has(>.demo-swc-lg),.anim-stage:has(>.demo-dwi-lg)){overflow:hidden}.demo-ptf{text-align:left;background:#fff;border-radius:16px;flex-direction:column;width:188px;height:100%;display:flex;overflow:hidden;box-shadow:0 8px 24px #0f0f1e1a}.anim-thumb>.demo-ptf{height:auto;margin-left:-94px;position:absolute;top:14px;bottom:-14px;left:50%}.demo-ptf-lg{border-radius:22px;width:min(320px,100%);height:340px}.demo-ptf-bar{letter-spacing:-.01em;border-bottom:1px solid var(--border);z-index:4;background:#fff;flex:none;padding:9px 12px;font-size:13px;font-weight:800;position:relative}.demo-ptf-lg .demo-ptf-bar{padding:16px 18px;font-size:18px}.demo-ptf-list{scrollbar-width:none;background:var(--accent-soft);flex:1;min-height:0;overflow:auto}.demo-ptf-list::-webkit-scrollbar{display:none}.demo-ptf-list .ptf-body{padding:6px}.demo-ptf-lg .demo-ptf-list .ptf-body{padding:10px}.demo-ptf-row{color:var(--text-muted);background:#fff;border-radius:10px;align-items:center;gap:8px;margin-bottom:5px;padding:6px 8px;font-size:10px;display:flex}.demo-ptf-row>i{background:var(--gradient);border-radius:50%;flex:none;width:20px;height:20px}.demo-ptf-row>i.c2{background:linear-gradient(135deg,#fbbf24,#ea580c)}.demo-ptf-row>i.c3{background:linear-gradient(135deg,#67e8f9,#0e7490)}.demo-ptf-row>i.c4{background:linear-gradient(135deg,#f9a8d4,#db2777)}.demo-ptf-row>i.c5{background:linear-gradient(135deg,#86efac,#16a34a)}.demo-ptf-row>i.c6{background:linear-gradient(135deg,#a5b4fc,#4338ca)}.demo-ptf-row>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;display:grid;overflow:hidden}.demo-ptf-row b{color:var(--text);font-size:11px}.demo-ptf-lg .demo-ptf-row{border-radius:14px;gap:12px;margin-bottom:8px;padding:12px 14px;font-size:14px}.demo-ptf-lg .demo-ptf-row>i{width:36px;height:36px}.demo-ptf-lg .demo-ptf-row b{font-size:15px}.demo-dtr{counter-reset:demo-dtr;text-align:left;width:72%;margin:0;padding:0;list-style:none}.demo-dtr-lg{width:min(400px,100%)}.demo-dtr-item{counter-increment:demo-dtr;background:#fff;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:6px 4px 6px 8px;font-size:12px;font-weight:600;display:flex;box-shadow:0 2px 6px #0f0f1e0d}.demo-dtr-item:last-child{margin-bottom:0}.demo-dtr-item:before{content:counter(demo-dtr);background:var(--accent-soft);width:20px;height:20px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.demo-dtr-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.demo-dtr-grip{color:#a8a2b8;flex:none;place-items:center;width:28px;height:24px;display:grid}.demo-dtr-grip svg{width:8px;height:13px}.demo-dtr-lg .demo-dtr-item{border-radius:14px;gap:14px;margin-bottom:10px;padding:12px 8px 12px 14px;font-size:16px}.demo-dtr-lg .demo-dtr-item:before{width:28px;height:28px;font-size:14px}.demo-dtr-lg .demo-dtr-grip{width:40px;height:36px}.demo-dtr-lg .demo-dtr-grip svg{width:10px;height:16px}.demo-kbd{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;width:100%;display:grid}.demo-kbd-lg{gap:12px;width:min(680px,100%)}.demo-kbd-col{background:#fff9;border-radius:10px;min-height:150px;padding:6px}.demo-kbd-lg .demo-kbd-col{border-radius:14px;min-height:250px;padding:10px}.demo-kbd .kbd-head{color:var(--text-muted);padding:2px 2px 6px;font-size:10px;font-weight:700}.demo-kbd .kbd-count{background:var(--accent-soft);min-width:16px;color:var(--accent);text-align:center;border-radius:99px;padding:1px 5px;font-size:9px}.demo-kbd-lg .kbd-head{padding:2px 4px 10px;font-size:13px}.demo-kbd-lg .kbd-count{min-width:22px;padding:2px 7px;font-size:12px}.demo-kbd-card{overflow-wrap:anywhere;background:#fff;border-radius:8px;gap:4px;margin-bottom:5px;padding:6px 7px;font-size:10.5px;font-weight:600;line-height:1.2;display:grid;box-shadow:0 2px 6px #0f0f1e0f}.demo-kbd-card>i{background:var(--accent);border-radius:99px;width:22px;height:4px;display:block}.demo-kbd-card.c2>i{background:#ea580c}.demo-kbd-card.c3>i{background:#0e7490}.demo-kbd-card.c4>i{background:#db2777}.demo-kbd-lg .demo-kbd-card{border-radius:12px;gap:6px;margin-bottom:8px;padding:10px 12px;font-size:14px}.demo-kbd-lg .demo-kbd-card>i{width:30px;height:5px}@media (width<=640px){.demo-kbd-lg{gap:6px}.demo-kbd-lg .demo-kbd-col{min-height:230px;padding:6px}.demo-kbd-lg .demo-kbd-card{padding:8px;font-size:12px}.demo-kbd-lg .kbd-head{font-size:11px}}.demo-dtd{text-align:left;background:#fff;border-radius:16px;width:188px;height:100%;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f0f1e1a}.anim-thumb>.demo-dtd{height:auto;margin-left:-94px;position:absolute;top:14px;bottom:-14px;left:50%}.demo-dtd-lg{border-radius:22px;width:min(320px,100%);height:340px}.demo-dtd-app{gap:8px;padding:12px;display:grid}.demo-dtd-photo{background:linear-gradient(160deg,#fde68a,#f97316 45%,#7c3aed);border-radius:10px;height:74px}.demo-dtd-app>span{background:var(--accent-line);border-radius:99px;height:8px}.demo-dtd-app>span:last-child{width:60%}.demo-dtd-lg .demo-dtd-app{gap:12px;padding:18px}.demo-dtd-lg .demo-dtd-photo{border-radius:14px;height:150px}.demo-dtd-lg .demo-dtd-app>span{height:12px}.demo-dtd-overlay{align-items:flex-end;display:flex;position:absolute;inset:0}.demo-dtd-sheet{background:#fff;border-radius:16px 16px 0 0;justify-items:center;gap:8px;width:100%;padding:7px 12px 26px;display:grid;box-shadow:0 -8px 24px #0f0a1e24}.demo-dtd-grab{background:#d4d0dc;border-radius:99px;width:30px;height:4px}.demo-dtd-sheet>b{justify-self:start;font-size:12px}.demo-dtd-apps{justify-content:space-between;width:100%;display:flex}.demo-dtd-ic{justify-items:center;gap:5px;display:grid}.demo-dtd-ic>i{background:var(--gradient);border-radius:50%;width:30px;height:30px}.demo-dtd-ic.c2>i{background:linear-gradient(135deg,#67e8f9,#0e7490)}.demo-dtd-ic.c3>i{background:linear-gradient(135deg,#fbbf24,#ea580c)}.demo-dtd-ic.c4>i{background:#e7e3ef}.demo-dtd-ic small{color:var(--text-muted);white-space:nowrap;font-size:11px}.demo-dtd-lg .demo-dtd-sheet{border-radius:22px 22px 0 0;gap:14px;padding:10px 20px 34px}.demo-dtd-lg .demo-dtd-grab{width:40px;height:5px}.demo-dtd-lg .demo-dtd-sheet>b{font-size:17px}.demo-dtd-lg .demo-dtd-ic>i{width:48px;height:48px}.demo-eos{scrollbar-width:none;background:#fff;border-radius:14px;flex-direction:column;gap:6px;width:78%;height:100%;padding:10px;display:flex;overflow:auto;box-shadow:0 8px 24px #0f0f1e14}.demo-eos::-webkit-scrollbar{display:none}.anim-thumb>.demo-eos{width:220px;height:auto;margin-left:-110px;position:absolute;top:14px;bottom:14px;left:50%}.demo-eos-lg{border-radius:20px;gap:8px;width:min(360px,100%);height:320px;padding:14px}.demo-eos-msg{text-align:left;background:#f0edf6;border-radius:14px 14px 14px 4px;flex:none;align-self:flex-start;max-width:80%;margin:0;padding:6px 10px;font-size:11px;line-height:1.3}.demo-eos-msg.me{background:var(--gradient);color:#fff;border-radius:14px 14px 4px;align-self:flex-end}.demo-eos-lg .demo-eos-msg{border-radius:18px 18px 18px 6px;padding:9px 14px;font-size:15px}.demo-eos-lg .demo-eos-msg.me{border-radius:18px 18px 6px}.demo-mcr{contain:inline-size;width:100%;min-width:0;color:var(--accent)}.demo-mcr-car{--mcr-gap:10px;padding:4px 0 18px}.demo-mcr-car:not(.mcr){gap:var(--mcr-gap);display:flex;overflow:hidden}.demo-mcr-car:not(.mcr)>*{flex:none}.demo-mcr-slide{color:#fff;text-align:left;border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:42%;height:116px;padding:10px 12px;display:flex;box-shadow:0 6px 12px #0f0f1e1a}.demo-mcr-slide b{letter-spacing:-.01em;font-size:15px}.demo-mcr-slide small{opacity:.75;font-size:10px;font-weight:700}.demo-mcr .mcr-dots{gap:6px;margin-top:0}.demo-mcr-lg .demo-mcr-car{--mcr-gap:16px;padding:8px 0 20px}.demo-mcr-lg .demo-mcr-slide{border-radius:22px;width:min(250px,68%);height:240px;padding:18px 20px}.demo-mcr-lg .demo-mcr-slide b{font-size:24px}.demo-mcr-lg .demo-mcr-slide small{font-size:13px}.demo-mcr-lg .mcr-dots{margin-top:2px}.demo-mcr-slide.c1{background:linear-gradient(160deg,#a5b4fc,#4338ca)}.demo-mcr-slide.c2{background:linear-gradient(160deg,#67e8f9,#0e7490)}.demo-mcr-slide.c3{background:linear-gradient(160deg,#fde68a,#ea580c)}.demo-mcr-slide.c4{background:linear-gradient(160deg,#86efac,#15803d)}.demo-mcr-slide.c5{background:linear-gradient(160deg,#7dd3fc,#1d4ed8)}.demo-mcr-slide.c6{background:linear-gradient(160deg,#fca5a5,#b91c1c)}.demo-mcr-slide.c7{background:linear-gradient(160deg,#e9d5ff,#7c3aed)}.demo-pzi{background:#4c1d95;border-radius:14px;width:100%;height:100%;box-shadow:0 8px 24px #0f0f1e24}.anim-thumb>.demo-pzi{width:auto;height:auto;position:absolute;inset:12px}.demo-pzi-wrap{width:min(560px,100%)}.demo-pzi-lg{aspect-ratio:4/3;border-radius:20px;height:auto}.demo-pzi-wrap .demo-hint{margin:12px 0 0}.demo-vjs{color:#fff;background-color:#1b1035;background-image:radial-gradient(#ffffff80 1px,#0000 1.4px),radial-gradient(#c4b5fd2e 1px,#0000 1.4px);background-position:7px 11px,0 0;background-size:46px 46px,18px 18px;border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden}.anim-thumb>.demo-vjs{width:auto;height:auto;position:absolute;inset:12px}.demo-vjs-lg{border-radius:20px;height:320px}.demo-vjs-ship{filter:drop-shadow(0 0 8px #c084fccc);width:22px;height:26px}.demo-vjs-ship svg{width:100%;height:100%;display:block}.demo-vjs-lg .demo-vjs-ship{width:30px;height:35px}.demo-vjs .demo-vjs-stick{position:absolute;bottom:12px;right:12px}.demo-vjs-lg .demo-vjs-stick{bottom:20px;right:20px}.demo-vjs-hint{text-align:left;color:#fff9;pointer-events:none;margin:0;font-size:13px;position:absolute;top:12px;left:16px;right:16px}.demo-lpm{cursor:pointer;background-position:50%;background-size:cover;border-radius:14px;width:100%;height:100%;box-shadow:0 8px 24px #0f0f1e24}.anim-thumb>.demo-lpm{width:auto;height:auto;position:absolute;inset:12px}.demo-lpm-lg{border-radius:20px;width:min(460px,100%);height:280px}.demo-lpm-tag{color:#fff;white-space:nowrap;pointer-events:none;background:#140c248c;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.demo-lpm-lg .demo-lpm-tag{padding:7px 16px;font-size:14px;bottom:16px}.demo-lpm:not(.demo-lpm-lg) .lpm-item{padding:6px 10px;font-size:11px}.demo-swp-wrap{width:220px;color:var(--accent)}.demo-swp-lg{contain:inline-size;width:min(420px,100%);min-width:0}.demo-swp{border-radius:16px;height:128px;box-shadow:0 8px 24px #0f0f1e1f}.demo-swp-lg .demo-swp{border-radius:22px;height:300px}.demo-swp-page{color:#fff;place-items:center;display:grid}.demo-swp-in{text-align:center;justify-items:center;gap:2px;padding:12px;display:grid}.demo-swp-in>i{background:#ffffff47;border-radius:50%;width:34px;height:34px;margin-bottom:6px;box-shadow:14px -8px 0 -6px #ffffff80}.demo-swp-in small{opacity:.75;font-size:10px;font-weight:700}.demo-swp-in b{letter-spacing:-.02em;font-size:20px;line-height:1.1}.demo-swp-in span{opacity:.85;margin-top:4px;font-size:15px}.demo-swp-lg .demo-swp-in>i{width:72px;height:72px;margin-bottom:14px;box-shadow:30px -16px 0 -12px #ffffff80}.demo-swp-lg .demo-swp-in small{font-size:13px}.demo-swp-lg .demo-swp-in b{font-size:34px}.demo-swp-page.c1{background:linear-gradient(160deg,#a78bfa,#6d28d9)}.demo-swp-page.c2{background:linear-gradient(160deg,#67e8f9,#0e7490)}.demo-swp-page.c3{background:linear-gradient(160deg,#fdba74,#ea580c)}.demo-swp-page.c4{background:linear-gradient(160deg,#86efac,#15803d)}.demo-swp-wrap .swp-dots{margin-top:10px}.demo-dtp{background:linear-gradient(#1e1b4b,#5b21b6 55%,#e879f9);border-radius:14px;width:100%;height:100%;box-shadow:0 10px 28px #2e10654d}.anim-thumb>.demo-dtp{width:auto;height:auto;position:absolute;inset:14px 22px}.demo-dtp-lg{aspect-ratio:16/10;border-radius:22px;width:min(560px,100%);height:auto}.demo-dtp-layer{pointer-events:none;position:absolute;inset:-8%}.demo-dtp-layer svg{width:100%;height:100%;display:block}.demo-dtp-label{text-align:center;color:#fff;letter-spacing:-.01em;text-shadow:0 2px 10px #00000059;pointer-events:none;font-size:15px;font-weight:800;position:absolute;top:12px;left:0;right:0}.demo-dtp-lg .demo-dtp-label{font-size:clamp(18px,4vw,26px);top:20px}.demo-ptn{color:#fff;background:linear-gradient(160deg,#2e1065,#1e1b4b);border-radius:18px;width:150px;padding:6px;box-shadow:0 10px 26px #1e1b4b4d}.demo-ptn-lg{border-radius:26px;width:min(320px,100%);padding:22px 26px 18px}.demo-ptn-title{margin:0;font-size:17px;font-weight:700}.demo-ptn .ptn-status{color:#e9d5ff}.demo-scn{--scn-size:80px;--scn-turn:15deg;--scn-round:16px;--scn-hue:270;text-align:left;background:#fff;border-radius:16px;align-items:center;gap:14px;width:270px;padding:10px;display:flex;box-shadow:0 8px 24px #0f0f1e14}.demo-scn-lg{border-radius:20px;gap:22px;width:min(460px,100%);padding:18px}.demo-scn-view{background:var(--accent-soft);border-radius:12px;flex:none;place-items:center;width:104px;height:104px;display:grid;overflow:hidden}.demo-scn-lg .demo-scn-view{border-radius:14px;width:176px;height:176px}.demo-scn-box{width:var(--scn-size);height:var(--scn-size);border-radius:var(--scn-round);transform:rotate(var(--scn-turn));background:linear-gradient(135deg, hsl(var(--scn-hue) 85% 68%), hsl(var(--scn-hue) 70% 45%));box-shadow:0 6px 16px hsl(var(--scn-hue) 60% 40% / .35);display:block}.demo-scn:not(.demo-scn-lg) .demo-scn-box{width:calc(var(--scn-size) * .75);height:calc(var(--scn-size) * .75)}.demo-scn-rows{flex:1;gap:6px;min-width:0;display:grid}.demo-scn-row{border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:baseline;gap:10px;padding:6px 2px 6px 0;font-size:13px;display:flex}.demo-scn-row:last-child{border-bottom:0}.demo-scn-row>span:last-child{color:var(--text);white-space:nowrap;font-size:15px;font-weight:700}.demo-scn-lg .demo-scn-row{padding:9px 4px 9px 0;font-size:15px}.demo-scn-lg .demo-scn-row>span:last-child{font-size:18px}@media (width<=520px){.demo-scn-lg{flex-direction:column;align-items:stretch}.demo-scn-lg .demo-scn-view{width:100%;height:170px}}.demo-stp{width:142px;box-shadow:0 8px 22px #0f0f1e26}.demo-stp-wrap{width:min(320px,100%)}.demo-stp-lg{border-radius:18px;width:100%}.demo-stp-wrap .demo-hint{margin:12px 0 0}.demo-dbh{text-align:left;background:#fff;border-radius:14px;width:168px;overflow:hidden;box-shadow:0 8px 24px #0f0f1e1f}.demo-dbh-lg{border-radius:20px;width:min(360px,100%)}.demo-dbh-head{align-items:center;gap:6px;padding:6px 8px;font-size:10px;display:flex}.demo-dbh-head>i{background:var(--gradient);border-radius:50%;width:16px;height:16px}.demo-dbh-lg .demo-dbh-head{gap:10px;padding:12px 14px;font-size:14px}.demo-dbh-lg .demo-dbh-head>i{width:30px;height:30px}.demo-dbh-photo{cursor:pointer;background-position:50%;background-size:cover;height:96px}.demo-dbh-lg .demo-dbh-photo{aspect-ratio:1;height:auto}.demo-dbh-foot{padding:5px 8px 7px}.demo-dbh-lg .demo-dbh-foot{padding:10px 12px 14px}.demo-dbh-like{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:10px;display:inline-flex}.demo-dbh-like svg{flex:none;width:14px;height:14px}.demo-dbh-lg .demo-dbh-like{gap:10px;padding:4px 2px;font-size:14px}.demo-dbh-lg .demo-dbh-like svg{width:26px;height:26px}.demo-dah{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.demo-dah-tile{aspect-ratio:3/4;color:#fff;border-radius:10px;text-decoration:none;display:block;position:relative;overflow:hidden}.demo-dah-tile svg{width:100%;height:100%;display:block}.demo-dah-tile [data-overlay]{visibility:hidden;position:absolute;inset:0}.demo-dah-tile [data-overlay] b{letter-spacing:-.02em;font-size:16px}.demo-dah-tile [data-overlay] small{opacity:.85;font-size:11px;font-weight:500}.demo-dah-lg{gap:14px;width:min(720px,100%)}.demo-dah-lg .demo-dah-tile{border-radius:16px}.demo-dah-lg .demo-dah-tile [data-overlay] b{font-size:clamp(15px,3vw,26px)}.demo-dah-lg .demo-dah-tile [data-overlay] small{font-size:clamp(11px,1.6vw,14px)}.demo-fcd{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.demo-fcd figure{text-align:left;background:#fff;border-radius:12px;margin:0;padding:6px;box-shadow:0 6px 18px #3c14641f}.demo-fcd svg{aspect-ratio:1;border-radius:8px;width:100%;height:auto;display:block}.demo-fcd figcaption{padding:6px 2px 2px;line-height:1.25;display:grid}.demo-fcd figcaption b{color:var(--text);font-size:13px}.demo-fcd figcaption span{color:var(--text-muted);font-size:10px}.demo-fcd figure:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-fcd-lg{gap:clamp(10px,2.4vw,20px);width:min(760px,100%)}.demo-fcd-lg figure{border-radius:16px;padding:clamp(6px,1.2vw,10px)}.demo-fcd-lg svg{border-radius:10px}.demo-fcd-lg figcaption{padding:8px 4px 4px}.demo-fcd-lg figcaption b{font-size:clamp(13px,2.4vw,20px)}.demo-fcd-lg figcaption span{font-size:clamp(10px,1.6vw,14px)}.demo-epn{gap:6px;width:100%;height:100%;display:flex}.anim-thumb>.demo-epn{width:auto;height:auto;position:absolute;inset:16px}.demo-epn-panel{background:#1e1b4b;border-radius:10px;min-width:0;position:relative;overflow:hidden}.demo-epn-panel svg{width:100%;height:100%;display:block;position:absolute;inset:0}.demo-epn-alt svg{filter:hue-rotate(140deg)saturate(1.2)}.demo-epn-cap{color:#fff;white-space:nowrap;background:linear-gradient(#0000,#0a051ea6);align-items:baseline;gap:6px;padding:24px 9px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.demo-epn-cap small{opacity:.85;font-size:11px;font-weight:700}.demo-epn-cap b{letter-spacing:-.02em;opacity:0;font-size:15px;transition:opacity .3s,transform .4s;transform:translateY(8px)}.demo-epn .epn-open .demo-epn-cap b{opacity:1;transition:opacity .5s .25s,transform .6s cubic-bezier(.2,.8,.2,1) .25s;transform:none}.demo-epn-panel:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-epn-lg{gap:clamp(6px,1.2vw,10px);width:min(880px,100%);height:clamp(220px,38vw,340px)}.demo-epn-lg .demo-epn-panel{border-radius:16px}.demo-epn-lg .demo-epn-cap{padding:40px clamp(10px,2vw,18px) clamp(10px,2vw,16px)}.demo-epn-lg .demo-epn-cap small{font-size:clamp(11px,1.4vw,13px)}.demo-epn-lg .demo-epn-cap b{font-size:clamp(16px,2.8vw,28px)}.demo-rth{letter-spacing:-.03em;flex-wrap:wrap;justify-content:center;gap:4px 22px;margin:0;font-size:28px;font-weight:800;display:flex}.demo-rth-lg{gap:8px 40px;font-size:clamp(36px,6vw,60px)}.demo-rth-lg a{color:inherit}.demo-rth-wrap{justify-items:center;gap:28px;display:grid}.demo-rth-small{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:6px 26px;margin:0;font-size:18px;font-weight:600;display:flex}.demo-rth-small a{color:inherit}.demo-sth{justify-items:center;gap:6px;display:grid}.demo-sth .anim-demo{text-transform:uppercase;margin:0}.anim-thumb>.demo-sth-thumb{text-transform:uppercase;margin:0;font-size:46px}.demo-tfs{justify-items:center;gap:2px;display:grid}.demo-tfs a{color:var(--text);letter-spacing:-.045em;font-size:clamp(38px,6.5vw,72px);font-weight:800;line-height:1.1}.anim-thumb>.demo-tfs-thumb{margin:0;font-size:48px}.demo-wvu{letter-spacing:-.03em;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:0;font-size:28px;font-weight:800;display:flex}.demo-wvu-lg{gap:16px 40px;font-size:clamp(36px,6vw,60px)}.demo-wvu-lg a{color:inherit}.demo-wvu-wrap{justify-items:center;gap:32px;display:grid}.demo-wvu-text{max-width:520px;color:var(--text-muted);text-align:center;margin:0;font-size:18px;line-height:1.8}.demo-wvu-text a{color:var(--accent);font-weight:600}.demo-izh{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.demo-izh figure{text-align:left;margin:0}.demo-izh-frame{aspect-ratio:4/3;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px #3c146424}.demo-izh-frame svg{width:100%;height:100%;display:block}.demo-izh-frame:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-izh figcaption{color:var(--text);margin-top:6px;font-size:12px;font-weight:700}.demo-izh figcaption code{color:var(--accent);font-size:.85em;font-weight:500}.demo-izh-lg{grid-template-columns:repeat(3,1fr);gap:clamp(10px,2.4vw,18px);width:min(760px,100%)}.demo-izh-lg .demo-izh-frame{aspect-ratio:4/5;border-radius:14px}.demo-izh-lg figcaption{margin-top:10px;font-size:clamp(12px,1.8vw,15px)}.demo-cbh{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.demo-cbh figure{text-align:left;margin:0}.demo-cbh-frame{aspect-ratio:3/4;border-radius:10px;overflow:hidden}.demo-cbh-frame svg{width:100%;height:100%;display:block}.demo-cbh-frame:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-cbh figcaption{color:var(--text);margin-top:8px;font-size:clamp(12px,1.8vw,15px);font-weight:700}.demo-cbh-lg{gap:clamp(10px,2.4vw,18px);width:min(720px,100%)}.demo-cbh-lg .demo-cbh-frame{border-radius:16px}.demo-csu{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.demo-csu-fig{aspect-ratio:3/4;text-align:left;border-radius:10px;margin:0;overflow:hidden}.demo-csu-fig svg{width:100%;height:100%;display:block}.demo-csu-fig figcaption{gap:1px;padding:26px 9px 8px;line-height:1.2;display:grid}.demo-csu-fig figcaption b{letter-spacing:-.01em;font-size:13px}.demo-csu-fig figcaption span{opacity:.85;font-size:10px;font-weight:500}.demo-csu-fig:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-csu-lg{gap:clamp(8px,2.4vw,18px);width:min(720px,100%)}.demo-csu-lg .demo-csu-fig{border-radius:16px}.demo-csu-lg .demo-csu-fig figcaption{padding:clamp(28px,6vw,56px) clamp(8px,2vw,18px) clamp(8px,2vw,16px)}.demo-csu-lg .demo-csu-fig figcaption b{font-size:clamp(13px,2.6vw,22px)}.demo-csu-lg .demo-csu-fig figcaption span{font-size:clamp(10px,1.6vw,14px)}.demo-ldh-frame{aspect-ratio:16/10;border-radius:14px;overflow:hidden}.demo-ldh-frame svg{width:100%;height:100%;display:block}.anim-thumb>.demo-ldh-thumb{aspect-ratio:auto;border-radius:0;position:absolute;inset:0}.demo-ldh{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(14px,2.4vw,22px);width:min(860px,100%);display:grid}.demo-ldh figure{text-align:left;margin:0}.demo-ldh figcaption{color:var(--text);margin-top:8px;font-size:14px;font-weight:700}.demo-ldh figcaption code{color:var(--accent);font-size:.9em;font-weight:500}.demo-cmr{background:#f6f3fb;width:100%;height:100%}.anim-thumb>.demo-cmr{position:absolute;inset:0}.demo-cmr-top,.demo-cmr-under{text-align:center;place-content:center;gap:10px;height:100%;padding:20px;display:grid}.demo-cmr-under{color:#fff;background:radial-gradient(#ffffff29 1.5px,#0000 2px) 0 0/18px 18px,linear-gradient(135deg,#6a0dad,#db2777)}.demo-cmr h3{letter-spacing:-.04em;margin:0;font-size:34px;font-weight:800;line-height:1.05}.demo-cmr-top h3{color:var(--text)}.demo-cmr p{margin:0;font-size:15px;font-weight:500}.demo-cmr-top p{color:var(--text-muted)}.demo-cmr-lg,.demo-cmr-lg .demo-cmr-top{min-height:360px}.demo-cmr-lg h3{max-width:12ch;margin:0 auto;font-size:clamp(34px,7vw,76px)}.demo-cmr-lg p{font-size:clamp(14px,2vw,18px)}@media (width<=900px){.demo-cmr-lg,.demo-cmr-lg .demo-cmr-top{min-height:300px}}.demo-mgl{aspect-ratio:16/10;border-radius:16px;width:min(640px,100%);box-shadow:0 10px 30px #3c146424}.demo-mgl>svg{width:100%;height:100%;display:block}.anim-thumb>.demo-mgl{aspect-ratio:auto;width:auto;box-shadow:none;border-radius:0;position:absolute;inset:0}.demo-loh{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.demo-loh-card{text-align:left;background:#fff;border-radius:14px;align-content:start;justify-items:start;gap:8px;padding:14px 12px;display:grid;box-shadow:0 2px 6px #2e106514}.demo-loh-card b{letter-spacing:-.02em;color:var(--text);font-size:14px}.demo-loh-card>span:not(.demo-loh-icon){color:var(--text-muted);font-size:clamp(11px,1.6vw,14px);line-height:1.35}.demo-loh-icon{color:#fff;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.demo-loh-icon svg{width:18px;height:18px}.demo-loh-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-loh-lg{gap:clamp(10px,2.4vw,22px);width:min(720px,100%)}.demo-loh-lg .demo-loh-card{border-radius:clamp(12px,2vw,18px);gap:clamp(6px,1.4vw,12px);padding:clamp(12px,3vw,26px) clamp(10px,2.4vw,22px)}.demo-loh-lg .demo-loh-card b{font-size:clamp(14px,2.6vw,21px)}.demo-loh-lg .demo-loh-icon{border-radius:12px;width:clamp(30px,5vw,44px);height:clamp(30px,5vw,44px)}.demo-loh-lg .demo-loh-icon svg{width:55%;height:55%}.demo-goh{background:radial-gradient(circle at 50% 40%,#1c1530,#0a0812 75%);place-items:center;width:100%;height:100%;padding:20px;display:grid}.anim-thumb>.demo-goh{position:absolute;inset:0}.demo-goh-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:flex}.demo-goh-btn{font:inherit;color:#fff;cursor:pointer;background:#17121f;border:1px solid #ffffff24;border-radius:999px;align-items:center;padding:12px 22px;font-size:15px;font-weight:700;display:inline-flex}.demo-goh-round{color:#fbbf24;cursor:pointer;background:#17121f;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:grid}.demo-goh-round svg{width:22px;height:22px}.demo-goh-card{color:#fff;text-align:left;background:#15111d;border:1px solid #ffffff1f;border-radius:16px;gap:2px;padding:16px 22px;display:grid}.demo-goh-card small{color:#a1a1aa;font-size:12px;font-weight:700}.demo-goh-card b{letter-spacing:-.04em;font-size:30px;line-height:1.1}.demo-goh-card span{color:#71717a;font-size:12px}.demo-goh-icon{width:46px;height:46px;display:inline-grid}.demo-goh-icon svg{width:100%;height:100%}.demo-goh [tabindex]:focus-visible,.demo-goh button:focus-visible{outline-offset:4px;outline:2px solid #fff}.demo-goh-lg{min-height:360px;padding:32px 20px}.demo-goh-lg .demo-goh-row{gap:clamp(22px,5vw,44px)}.demo-goh-lg .demo-goh-btn{padding:15px 28px;font-size:17px}.demo-goh-lg .demo-goh-round{width:54px;height:54px}@media (width<=900px){.demo-goh-lg{min-height:300px}}.demo-anu{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.demo-anu-round{color:#fff;background:var(--text);cursor:pointer;border:0;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;font-size:20px;display:grid}.demo-anu-round .anu-auto{margin:0}.demo-anu-link{color:var(--accent);align-items:center;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.demo-anu-lg{gap:18px 22px;max-width:560px}.demo-anu-lg .demo-anu-round{width:52px;height:52px}.demo-blc{background:radial-gradient(circle at 50% 40%, #fff, var(--accent-soft) 75%);text-align:center;place-content:center;gap:6px;width:100%;height:100%;display:grid}.anim-thumb>.demo-blc{position:absolute;inset:0}.demo-blc p{letter-spacing:-.045em;color:var(--text);margin:0;font-size:40px;font-weight:800}.demo-blc small{color:var(--text-muted);font-size:15px;font-weight:500}.demo-blc-lg{min-height:380px}.demo-blc-lg p{font-size:clamp(48px,10vw,110px)}@media (width<=900px){.demo-blc-lg{min-height:300px}}.demo-imt{background:radial-gradient(circle at 50% 45%, #fff, var(--accent-soft) 75%);place-items:center;width:100%;height:100%;display:grid}.anim-thumb>.demo-imt{position:absolute;inset:0}.demo-imt p{letter-spacing:-.04em;color:var(--accent-line);margin:0;font-size:26px;font-weight:800}.demo-imt>.demo-imt-pic{opacity:0;width:2px;height:2px;position:absolute;overflow:hidden}.demo-imt-pic svg{width:100%;height:100%;display:block}.demo-imt-alt svg{filter:hue-rotate(140deg)saturate(1.2)}.demo-imt-lg{min-height:400px}.demo-imt-lg p{font-size:clamp(32px,6vw,64px)}@media (width<=900px){.demo-imt-lg{min-height:320px}}.demo-fic{text-align:center;background:radial-gradient(circle at 50% 40%,#1c1530,#09070f 75%);place-content:center;gap:6px;width:100%;height:100%;display:grid}.anim-thumb>.demo-fic{position:absolute;inset:0}.demo-fic p{z-index:2;letter-spacing:-.04em;color:#ffffffeb;pointer-events:none;margin:0;font-size:34px;font-weight:800;position:relative}.demo-fic small{z-index:2;color:#ffffff8c;pointer-events:none;font-size:15px;font-weight:500;position:relative}.demo-fic-lg{min-height:380px}.demo-fic-lg p{font-size:clamp(40px,8vw,88px)}@media (width<=900px){.demo-fic-lg{min-height:300px}}.demo-rbt{background:radial-gradient(circle at 50% 45%, #fff, var(--accent-soft) 75%);place-items:center;width:100%;height:100%;display:grid}.anim-thumb>.demo-rbt{position:absolute;inset:0}.demo-rbt p{letter-spacing:-.045em;color:var(--accent-line);margin:0;font-size:36px;font-weight:800}.demo-rbt-lg{min-height:380px}.demo-rbt-lg p{font-size:clamp(44px,9vw,100px)}@media (width<=900px){.demo-rbt-lg{min-height:300px}}.demo-crh{background:radial-gradient(#6a0dad29 1px,#0000 1.5px) 0 0/16px 16px,#fbf9fe;place-items:center;width:100%;height:100%;display:grid}.anim-thumb>.demo-crh{position:absolute;inset:0}.demo-crh-card{border:1px dashed var(--accent-line);text-align:center;background:#fff;border-radius:12px;gap:2px;padding:14px 20px;display:grid}.demo-crh-card b{letter-spacing:-.03em;color:var(--text);font-size:20px}.demo-crh-card span{color:var(--text-muted);font-size:13px}.demo-crh-lg{background-size:24px 24px,auto;min-height:380px}.demo-crh-lg .demo-crh-card{padding:clamp(16px,4vw,32px) clamp(22px,6vw,56px)}.demo-crh-lg .demo-crh-card b{font-size:clamp(22px,4vw,36px)}.demo-crh-lg .demo-crh-card span{font-size:clamp(13px,2vw,16px)}@media (width<=900px){.demo-crh-lg{min-height:300px}}.demo-sbk{background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;padding:14px 16px;display:flex;box-shadow:0 6px 20px #2e10651a}.demo-sbk>span,.demo-sbk>a{color:var(--text);padding:4px 2px;font-size:14px;font-weight:600;text-decoration:none}.demo-sbk .demo-sbk-btn{font:inherit;color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:700}.demo-sbk-logo{letter-spacing:-.03em;color:var(--accent);margin-right:auto;font-weight:800}.demo-sbk-lg{gap:10px clamp(14px,3vw,30px);width:min(640px,100%);padding:clamp(14px,3vw,22px) clamp(16px,4vw,30px)}.demo-sbk-lg>a{font-size:clamp(14px,2vw,17px)}.demo-sbk-lg .demo-sbk-logo{font-size:clamp(17px,2.4vw,21px)}.demo-sbk-lg .demo-sbk-btn{padding:9px 18px;font-size:clamp(14px,2vw,16px)}.demo-sbk a:focus-visible,.demo-sbk button:focus-visible{outline:none}@media (width<=480px){.demo-sbk-lg .demo-sbk-logo{text-align:center;flex-basis:100%;margin:0 0 4px}}.demo-tlc{background:#0b1a2a;width:100%;height:100%}.anim-thumb>.demo-tlc{position:absolute;inset:0}.demo-tlc>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.demo-tlc-text{text-align:center;color:#fff;text-shadow:0 2px 14px #0006;pointer-events:none;place-content:center;gap:6px;display:grid;position:absolute;inset:0}.demo-tlc-text b{letter-spacing:-.04em;font-size:34px;font-weight:800}.demo-tlc-text span{font-size:15px;font-weight:500}.demo-tlc-lg{min-height:380px}.demo-tlc-lg .demo-tlc-text b{font-size:clamp(40px,8vw,88px)}@media (width<=900px){.demo-tlc-lg{min-height:300px}}.demo-cul{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.demo-cul-tile{aspect-ratio:3/4;color:#fff;border-radius:12px;text-decoration:none;display:block;position:relative;overflow:hidden}.demo-cul-tile svg{width:100%;height:100%;display:block}.demo-cul-tile b{text-shadow:0 1px 8px #0006;font-size:13px;position:absolute;bottom:8px;left:10px}.demo-cul-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-cul-lg{gap:clamp(10px,2.4vw,20px);width:min(720px,100%)}.demo-cul-lg .demo-cul-tile{border-radius:clamp(12px,2vw,18px)}.demo-cul-lg .demo-cul-tile b{font-size:clamp(13px,2vw,17px);bottom:clamp(8px,1.6vw,14px);left:clamp(10px,2vw,16px)}@media (width<=900px){.demo-cul-lg .demo-cul-tile{aspect-ratio:3/4.4}}.demo-cks{background:radial-gradient(circle at 50% 45%, #fff, var(--accent-soft) 75%);place-content:center;justify-items:center;gap:14px;width:100%;height:100%;display:grid}.anim-thumb>.demo-cks{position:absolute;inset:0}.demo-cks p{letter-spacing:-.04em;color:var(--accent-line);-webkit-user-select:none;user-select:none;margin:0;font-size:30px;font-weight:800}.demo-cks-lg{cursor:pointer;min-height:380px}.demo-cks-lg p{font-size:clamp(36px,7vw,76px)}@media (width<=900px){.demo-cks-lg{min-height:300px}}.demo-cgr{background:radial-gradient(circle at 50% 40%,#1a1428,#08070d 80%);place-items:center;width:100%;height:100%;display:grid}.anim-thumb>.demo-cgr{position:absolute;inset:0}.demo-cgr p{letter-spacing:-.04em;color:#fff;pointer-events:none;margin:0;font-size:32px;font-weight:800}.demo-cgr-lg{min-height:380px}.demo-cgr-lg p{font-size:clamp(40px,8vw,88px)}@media (width<=900px){.demo-cgr-lg{min-height:300px}}.demo-mgn{background:radial-gradient(circle at 50% 50%, #fff, var(--accent-soft) 80%);width:100%;height:100%}.anim-thumb>.demo-mgn{position:absolute;inset:0}.demo-mgn-lg{min-height:380px}@media (width<=900px){.demo-mgn-lg{min-height:300px}}.demo-gge{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;display:flex}.demo-gge-mon{border-radius:50% 50% 42% 42%/58% 58% 42% 42%;align-content:start;justify-items:center;gap:10px;padding:16px 12px 22px;display:grid;position:relative;box-shadow:inset 0 -8px #0000001f,0 8px 18px #2e10652e}.demo-gge-mon i{background:#2e1065;border-radius:0 0 14px 14px;width:26px;height:10px;display:block}.demo-gge-a{background:#a855f7}.demo-gge-b{background:#f472b6;padding-top:20px}.demo-gge-c{background:#facc15}.demo-gge-b i{border-radius:50%;width:18px;height:18px}.demo-gge-lg{gap:clamp(14px,4vw,40px)}.demo-gge-lg .demo-gge-mon{gap:14px;padding:22px 18px 30px}.demo-gge-lg .demo-gge-mon i{width:36px;height:14px}.demo-gge-lg .demo-gge-b i{width:24px;height:24px}@media (width<=480px){.demo-gge-lg{gap:12px}.demo-gge-lg .demo-gge-mon{padding:18px 12px 24px}}.demo-rnb{background:radial-gradient(circle at 50% 30%, #fff, var(--accent-soft) 80%);place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.demo-rnb p{letter-spacing:-.03em;color:var(--text);margin:0;font-size:22px;font-weight:800}.demo-rnb-row{align-items:center;gap:12px;display:flex}.demo-rnb .demo-btn{white-space:nowrap}.demo-rnb-lg{border-radius:20px;width:min(560px,100%);min-height:280px;position:relative;inset:auto;box-shadow:0 10px 30px #2e10651f}.demo-rnb-lg p{font-size:clamp(24px,4vw,34px)}.demo-rnb-lg .demo-rnb-row{gap:16px}.demo-pnt{text-align:center;background:radial-gradient(circle at 50% 40%,#fffdf8,#f6efe3 80%);place-content:center;gap:6px;width:100%;height:100%;display:grid}.anim-thumb>.demo-pnt{position:absolute;inset:0}.demo-pnt p{letter-spacing:-.04em;color:#2e1065;pointer-events:none;margin:0;font-size:34px;font-weight:800}.demo-pnt small{color:var(--text-muted);pointer-events:none;font-size:15px;font-weight:500}.demo-pnt-lg{touch-action:none;min-height:380px}.demo-pnt-lg p{font-size:clamp(40px,8vw,88px)}@media (width<=900px){.demo-pnt-lg{min-height:300px}}.demo-cln{background:#cbc2db;justify-content:center;align-items:center;gap:22px;width:100%;height:100%;display:flex}.anim-thumb>.demo-cln{position:absolute;inset:0}.demo-cln-card{text-align:left;background:#fff;border-radius:12px;gap:0;padding:12px 16px;display:grid}.demo-cln-card b{letter-spacing:-.03em;color:var(--text);font-size:22px}.demo-cln-card span{color:var(--text-muted);font-size:13px}.demo-cln-ball{background:radial-gradient(circle at 35% 30%,#d8b4fe,#7e22ce 70%);border-radius:50%;width:44px;height:44px}.demo-cln-cube{background:linear-gradient(135deg,#fde68a,#f59e0b);border-radius:6px;width:34px;height:34px;transform:rotate(12deg)}.demo-cln-lg{gap:clamp(22px,6vw,64px);min-height:380px}.demo-cln-lg .demo-cln-card{border-radius:16px;padding:clamp(14px,3vw,26px) clamp(18px,4vw,34px)}.demo-cln-lg .demo-cln-card b{font-size:clamp(24px,4.4vw,40px)}.demo-cln-lg .demo-cln-card span{font-size:clamp(13px,2vw,17px)}.demo-cln-lg .demo-cln-ball{width:clamp(48px,10vw,96px);height:clamp(48px,10vw,96px)}.demo-cln-lg .demo-cln-cube{border-radius:10px;width:clamp(36px,7vw,68px);height:clamp(36px,7vw,68px)}@media (width<=900px){.demo-cln-lg{min-height:300px}}.demo-psg{text-align:left;width:min(240px,100%);color:var(--text);gap:14px;display:grid}.demo-psg b{letter-spacing:-.03em;font-size:24px}.demo-psg span{color:var(--text-muted);font-size:14px}.demo-psg-lg{gap:22px;width:min(560px,100%)}.demo-psg-lg h3{letter-spacing:-.035em;margin:0;font-size:clamp(26px,4.4vw,40px)}.demo-psg-lg p{color:var(--text-muted);margin:0;font-size:clamp(15px,2vw,17px);line-height:1.65}.demo-psg-lg small{color:var(--text-muted);font-size:14px}.demo-sih{width:100%;height:100%}.anim-thumb>.demo-sih{place-items:center;padding:18px 28px;display:grid;position:absolute;inset:0}.demo-sih-frame{border-radius:12px;width:100%;height:100%}.demo-sih-frame svg{width:100%;height:100%;display:block}.demo-sih-frame:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-sih-lg{grid-template-columns:repeat(2,1fr);gap:clamp(12px,3vw,28px);width:min(720px,100%);height:auto;display:grid}.demo-sih-lg figure{text-align:left;margin:0}.demo-sih-lg .demo-sih-frame{aspect-ratio:4/5;border-radius:clamp(12px,2vw,18px);height:auto}.demo-sih-lg figcaption{color:var(--text);margin-top:10px;font-size:clamp(12px,1.8vw,15px);font-weight:700}.demo-sih-lg figcaption code{color:var(--accent);font-size:.9em;font-weight:500}.demo-tsb-frame{position:relative;overflow:hidden}.demo-tsb-frame svg{width:100%;height:100%;display:block}.demo-tsb-frame>svg+svg{visibility:hidden;position:absolute;inset:0}.anim-thumb>.demo-tsb{position:absolute;inset:0}.demo-tsb-lg{text-align:left;width:min(560px,100%);margin:0}.demo-tsb-lg .demo-tsb-frame{aspect-ratio:16/9;cursor:ew-resize;border-radius:14px;box-shadow:0 10px 28px #2e10652e}.demo-tsb-lg figcaption{grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;margin-top:14px;display:grid}.demo-tsb-lg figcaption i{background:var(--gradient);border-radius:50%;grid-row:span 2;width:38px;height:38px}.demo-tsb-lg figcaption b{color:var(--text);font-size:clamp(15px,2.2vw,18px)}.demo-tsb-lg figcaption span{color:var(--text-muted);font-size:13px}.anim-thumb>.demo-fa4,.anim-thumb>.demo-ufb,.anim-thumb>.demo-cfr{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-fa4,.anim-stage .demo-ufb,.anim-stage .demo-cfr{aspect-ratio:auto;width:100%;height:clamp(260px,42vw,440px)}.anim-thumb>.demo-ucb,.anim-thumb>.demo-eib,.anim-thumb>.demo-nrs,.anim-thumb>.demo-umt,.anim-thumb>.demo-ucn{aspect-ratio:auto;width:auto;position:absolute;inset:8px}.anim-stage .demo-ucb,.anim-stage .demo-eib,.anim-stage .demo-nrs,.anim-stage .demo-umt,.anim-stage .demo-ucn{width:min(560px,100%)}.anim-thumb>.demo-gpl,.anim-thumb>.demo-cst,.anim-thumb>.demo-ftk,.anim-thumb>.demo-bfy{aspect-ratio:auto;width:auto;position:absolute;inset:8px}.anim-stage .demo-gpl,.anim-stage .demo-cst,.anim-stage .demo-ftk,.anim-stage .demo-bfy{width:min(560px,100%)}.anim-thumb>.demo-wtb,.anim-thumb>.demo-hab,.anim-thumb>.demo-sls,.anim-thumb>.demo-skl{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-wtb,.anim-stage .demo-hab,.anim-stage .demo-sls,.anim-stage .demo-skl{aspect-ratio:auto;width:100%;height:clamp(260px,42vw,440px)}.anim-thumb>.demo-rdt,.anim-thumb>.demo-bbt,.anim-thumb>.demo-lhs{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-rdt,.anim-stage .demo-bbt,.anim-stage .demo-lhs{aspect-ratio:auto;width:100%;height:clamp(260px,42vw,440px)}.anim-thumb>.demo-wrb,.anim-thumb>.demo-szz,.anim-thumb>.demo-cyl,.anim-thumb>.demo-mbf,.anim-thumb>.demo-srb{aspect-ratio:auto;width:auto;position:absolute;inset:8px}.anim-stage .demo-wrb,.anim-stage .demo-szz,.anim-stage .demo-cyl,.anim-stage .demo-mbf,.anim-stage .demo-srb{width:min(560px,100%)}.anim-thumb>.demo-bsv,.anim-thumb>.demo-jfs{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-bsv,.anim-stage .demo-jfs{aspect-ratio:auto;width:100%;height:clamp(260px,42vw,440px)}.anim-thumb>.demo-wcy,.anim-thumb>.demo-fwh,.anim-thumb>.demo-brg{aspect-ratio:auto;width:auto;position:absolute;inset:8px}.anim-stage .demo-wcy,.anim-stage .demo-fwh,.anim-stage .demo-brg{width:min(560px,100%)}.demo-loader.demo-nwc{font-size:30px}.demo-loader.demo-nwc-lg{font-size:clamp(34px,9vw,52px)}.demo-loader.demo-ifl{font-size:44px}.demo-loader.demo-grl{font-size:46px}.demo-loader.demo-gdt{font-size:40px}.demo-loader.demo-spi{font-size:42px}.demo-lde{justify-items:center;gap:18px;display:grid}.demo-lde p{margin:0}.demo-lde p:not(.anim-demo){color:var(--text-muted);font-size:clamp(16px,4.4vw,20px);font-weight:600}.demo-ppl{background:#fff;border-radius:10px;position:relative;overflow:hidden}.anim-thumb>.demo-ppl{border-radius:0;position:absolute;inset:0}.demo-ppl-lg{border-radius:0;width:100%;height:360px}.demo-ppl-page{text-align:left;align-content:center;justify-items:start;gap:10px;padding:0 12%;display:grid;position:absolute;inset:0}.demo-ppl-page b{letter-spacing:-.03em;color:var(--text);font-size:clamp(24px,6vw,56px);font-weight:800}.demo-ppl-page span{background:var(--accent-line);border-radius:5px;width:70%;height:10px;display:block}.demo-ppl-page span+span{width:45%}@media (width<=900px){.demo-ppl-lg{height:300px}}.demo-loader.demo-lqf{font-size:36px}.demo-lqf-row{gap:clamp(20px,5vw,56px)}.demo-lqf-row .demo-loader{font-size:clamp(22px,6.4vw,34px)}.demo-loader.demo-rds{font-size:40px}.demo-loader.demo-mpl{font-size:46px}.demo-loader.demo-mpl-gold{color:#d97706}.demo-loader.demo-mpl-pale{color:#a5b4fc}.demo-loader.demo-hcp{font-size:40px}.demo-loader.demo-stb{font-size:36px}.demo-loader.demo-pfl{font-size:42px}.demo-loader.demo-pfl-brown{color:#92400e}.demo-loader.demo-ccf{font-size:48px}.demo-loader.demo-cks{font-size:46px}.demo-loader.demo-rlc{font-size:36px}.demo-scl{color:var(--text);font-size:15px;font-weight:500}.demo-scl-card{border:1px solid var(--border);text-align:left;background:#fff;border-radius:14px;gap:16px;width:min(360px,100%);padding:clamp(18px,5vw,26px);display:grid;box-shadow:0 10px 30px -14px #00000040}.demo-scl-card b{color:var(--text);font-size:clamp(17px,4.6vw,20px)}.demo-scl-card .demo-scl{font-size:clamp(15px,4vw,17px)}.demo-loader.demo-cca{font-size:46px}.demo-loader.demo-rlp{font-size:26px}.demo-loader.demo-rlp-lg{font-size:clamp(24px,6.6vw,36px)}.demo-loader.demo-pxn{font-size:46px}.demo-loader.demo-pxn-lg{font-size:28px}.demo-loader.demo-hmw{font-size:46px}.demo-loader.demo-hmw-lg{font-size:clamp(30px,8.4vw,46px)}.demo-loader.demo-ens{font-size:44px}.demo-loader.demo-ens-lg{font-size:clamp(30px,8.4vw,44px)}.demo-loader.demo-csp{font-size:46px}.demo-tlb{border:1px solid var(--border);text-align:left;background:#fff;border-radius:10px;width:min(280px,92%);overflow:hidden;box-shadow:0 10px 28px -14px #0000004d}.demo-tlb-lg{width:min(560px,100%)}.demo-tlb-chrome{border-bottom:1px solid var(--border);background:#f3f4f6;align-items:center;gap:5px;padding:7px 10px;display:flex}.demo-tlb-chrome i{background:#f87171;border-radius:50%;flex:none;width:8px;height:8px}.demo-tlb-chrome i:nth-child(2){background:#fbbf24}.demo-tlb-chrome i:nth-child(3){background:#34d399}.demo-tlb-chrome span{min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:6px;flex:1;margin-left:6px;padding:2px 10px;font-size:11px;overflow:hidden}.demo-tlb-page{gap:9px;padding:20px 18px 22px;display:grid;position:relative}.demo-tlb-page b{background:var(--text);opacity:.8;border-radius:7px;width:62%;height:14px;margin-bottom:4px;display:block}.demo-tlb-page span{background:var(--accent-line);border-radius:4px;height:8px;display:block}.demo-tlb-page span:nth-of-type(2){width:88%}.demo-tlb-page span:nth-of-type(3){width:54%}.demo-tlb-lg .demo-tlb-chrome{gap:7px;padding:10px 14px}.demo-tlb-lg .demo-tlb-chrome i{width:11px;height:11px}.demo-tlb-lg .demo-tlb-chrome span{padding:4px 12px;font-size:13px}.demo-tlb-lg .demo-tlb-page{gap:14px;padding:clamp(24px,6vw,40px) clamp(20px,5vw,36px) clamp(30px,7vw,48px)}.demo-tlb-lg .demo-tlb-page b{border-radius:11px;height:22px}.demo-tlb-lg .demo-tlb-page span{border-radius:6px;height:11px}.demo-pap{width:min(300px,86%);color:var(--accent);font-size:30px}.demo-pap-lg{text-align:left;gap:10px;width:min(520px,100%);font-size:clamp(26px,7vw,34px);display:grid}.demo-pap-lg p{color:var(--text);margin:0;font-size:15px;font-weight:600}.demo-pap-lg p+div+p{margin-top:18px}.demo-tis{flex-direction:column;align-items:center;gap:16px;max-width:100%;display:flex}.demo-tis-nav{background:#fff;border-radius:14px;max-width:100%;padding:2px 8px;box-shadow:0 10px 26px #6a0dad1a}.demo-tis-nav.demo-tis-pills{border-radius:999px;padding:5px}.demo-tis-nav .tis-tab{font:inherit;color:#6b7280;white-space:nowrap;background:0 0;border:0;padding:9px 10px;font-size:13px;font-weight:600}.demo-tis-nav.tis-underline .tis-tab.tis-on{color:#6a0dad}.demo-tis-lg{gap:28px}.demo-tis-lg .tis-tab{padding:13px clamp(8px,2.6vw,20px);font-size:clamp(13px,3.8vw,16px)}.demo-tis-lg .demo-tis-pills .tis-tab{padding:10px clamp(9px,2.8vw,20px)}.demo-gnv{background:#fff;border-radius:999px;max-width:100%;padding:6px;box-shadow:0 10px 26px #6a0dad1a}.demo-gnv .gnv-item{color:#4b5563;white-space:nowrap;padding:9px 12px;font-size:13px;font-weight:600;text-decoration:none}.demo-gnv .gnv-item.gnv-on{color:#fff}.demo-gnv-lg{padding:8px}.demo-gnv-lg .gnv-item{padding:12px clamp(11px,3.2vw,24px);font-size:clamp(14px,3.9vw,17px)}.demo-btb{background:#fff;border-radius:20px;width:100%;max-width:300px;padding:7px 6px;box-shadow:0 12px 30px #6a0dad1f}.demo-btb .btb-tab{font:inherit;color:#9ca3af;background:0 0;border:0;padding:9px 11px;font-size:12px;font-weight:700}.demo-btb .btb-icon svg{width:20px;height:20px;display:block}.demo-btb-lg{border-radius:26px;max-width:400px;padding:10px 8px}.demo-btb-lg .btb-tab{padding:11px 14px;font-size:14px}.demo-btb-lg .btb-icon svg{width:23px;height:23px}.demo-ctb{color:#9ca3af;width:100%;max-width:300px}.demo-ctb .ctb-label{color:#6a0dad}.demo-ctb-lg{max-width:420px}.demo-fsm,.demo-lms{text-align:left;color:var(--text);background:#fff;position:relative;overflow:hidden}.anim-thumb>.demo-fsm,.anim-thumb>.demo-lms{position:absolute;inset:0}.demo-fsm-lg,.demo-lms-lg{border-radius:18px;width:min(560px,100%);height:clamp(200px,52vw,296px);box-shadow:0 14px 36px #6a0dad1f}.demo-fsm-head,.demo-lms-head{justify-content:space-between;align-items:center;padding:10px 12px 10px 18px;font-weight:800;display:flex}.demo-fsm-head .demo-sh-logo,.demo-lms-head .demo-sh-logo{font-size:16px}.demo-fsm-body,.demo-lms-body{flex-direction:column;gap:10px;padding:12px 18px;display:flex}.demo-fsm-body span,.demo-lms-body span{background:#ede9f3;border-radius:6px;height:10px;display:block}.demo-fsm-body span:first-child,.demo-lms-body span:first-child{background:#e4dbf0;width:70%;height:18px}.demo-fsm-body span:last-child,.demo-lms-body span:last-child{width:55%}.demo-fsm .fsm-panel nav,.demo-lms .lms-menu nav{font-size:20px}.demo-fsm-lg .fsm-panel nav,.demo-lms-lg .lms-menu nav{font-size:clamp(22px,6vw,36px)}.demo-fsm-lg .demo-fsm-head,.demo-lms-lg .demo-lms-head{padding:14px 16px 14px 22px}.demo-fsm-lg .demo-sh-logo,.demo-lms-lg .demo-sh-logo{font-size:19px}.demo-fsm-lg .demo-fsm-body,.demo-lms-lg .demo-lms-body{gap:14px;padding:18px 22px}.demo-rdm .rdm-btn{width:50px;height:50px}.demo-rdm .rdm-item{color:#6a0dad;background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 16px #6a0dad2e}.demo-rdm .rdm-item svg{width:18px;height:18px}.demo-rdm-lg .rdm-btn{width:62px;height:62px}.demo-rdm-lg .rdm-item{width:46px;height:46px}.demo-rdm-lg .rdm-item svg{width:22px;height:22px}.demo-sdl{text-align:left;background:#fff;position:relative;overflow:hidden}.anim-thumb>.demo-sdl{position:absolute;inset:0}.demo-sdl-lg{border-radius:18px;width:min(440px,100%);height:330px;box-shadow:0 14px 36px #6a0dad1f}.demo-sdl-page{flex-direction:column;gap:10px;padding:18px;display:flex}.demo-sdl-page>*{background:#ede9f3;border-radius:6px;height:10px;display:block}.demo-sdl-page b{background:#e4dbf0;width:60%;height:18px;margin-bottom:4px}.demo-sdl-page span:nth-child(3){width:85%}.demo-sdl-page span:last-child{width:45%}.demo-sdl-scrim{opacity:0;pointer-events:none;background:#ffffffb3;transition:opacity .35s;position:absolute;inset:0}.demo-sdl:has(.sdl-open) .demo-sdl-scrim{opacity:1}.demo-sdl .demo-sdl-dial{position:absolute;bottom:12px;right:14px}.demo-sdl-dial.sdl{gap:9px}.demo-sdl .sdl-btn{width:44px;height:44px}.demo-sdl .sdl-item{color:#6a0dad;background:#fff;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;box-shadow:0 5px 14px #6a0dad33}.demo-sdl .sdl-item svg{width:16px;height:16px}.demo-sdl .sdl-tip{padding:4px 8px;font-size:11px}.demo-sdl-lg .demo-sdl-page{gap:14px;padding:26px}.demo-sdl-lg .demo-sdl-dial{bottom:20px;right:22px}.demo-sdl-lg .demo-sdl-dial.sdl{gap:12px}.demo-sdl-lg .sdl-btn{width:56px;height:56px}.demo-sdl-lg .sdl-item{width:44px;height:44px}.demo-sdl-lg .sdl-item svg{width:20px;height:20px}.demo-sdl-lg .sdl-tip{padding:5px 10px;font-size:13px}.demo-mdd{text-align:left;justify-content:center;align-items:flex-start;display:flex;position:relative}.anim-thumb>.demo-mdd{padding:16px 10px 0;position:absolute;inset:0}.demo-mdd-lg{width:min(640px,100%);height:300px}.demo-mdd-nav{background:#fff;border-radius:999px;gap:2px;padding:4px;display:flex;box-shadow:0 8px 22px #6a0dad1a}.demo-mdd-nav .mdd-trigger{font:inherit;color:#4b5563;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;transition:color .2s,background-color .2s}.demo-mdd-nav .mdd-trigger.mdd-active{color:#6a0dad;background:#f3ebfb}.demo-mdd .mdd-panel{color:var(--text);padding:10px}.demo-mdd-prod{grid-template-columns:1fr 1fr;gap:6px 10px;width:210px;display:grid}.demo-mdd-sol{gap:4px;width:150px;display:grid}.demo-mdd-co{gap:18px;width:170px;display:flex}.demo-mdd-tile{align-items:center;gap:6px;font-size:11px;display:flex}.demo-mdd-tile b,.demo-mdd-row b{font-weight:700;display:block}.demo-mdd small{color:var(--text-muted);margin-top:1px;font-size:12px;font-weight:500;display:block}.demo-mdd-ic{background:linear-gradient(135deg,#c084fc,#6a0dad);border-radius:6px;flex:none;width:18px;height:18px}.demo-mdd-ic2{background:linear-gradient(135deg,#7dd3fc,#0369a1)}.demo-mdd-ic3{background:linear-gradient(135deg,#f9a8d4,#be185d)}.demo-mdd-ic4{background:linear-gradient(135deg,#fcd34d,#c2410c)}.demo-mdd-row{border-radius:8px;padding:4px 6px;font-size:11px;display:block}.demo-mdd-row:first-child{background:#f6f1fb}.demo-mdd-col{flex-direction:column;gap:4px;font-size:11px;display:flex}.demo-mdd-col em{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:9px;font-style:normal;font-weight:700}.demo-mdd-link{font-weight:600}.demo-mdd-lg .demo-mdd-nav{gap:4px;padding:5px}.demo-mdd-lg .mdd-trigger{padding:9px clamp(10px,3vw,18px);font-size:clamp(13px,3.7vw,15px)}.demo-mdd-lg .mdd-panel{padding:16px}.demo-mdd-lg .demo-mdd-prod{gap:12px 16px;width:380px}.demo-mdd-lg .demo-mdd-sol{gap:6px;width:250px}.demo-mdd-lg .demo-mdd-co{gap:32px;width:250px}.demo-mdd-lg .demo-mdd-tile{align-items:flex-start;gap:10px;font-size:14px}.demo-mdd-lg .demo-mdd-ic{border-radius:9px;width:30px;height:30px}.demo-mdd-lg .demo-mdd-row{padding:8px 10px;font-size:14px}.demo-mdd-lg .demo-mdd-col{gap:8px;font-size:15px}.demo-mdd-lg .demo-mdd-col em{font-size:11px}.demo-sbc{text-align:left;background:#f7f4fb;display:flex;position:relative;overflow:hidden}.anim-thumb>.demo-sbc{position:absolute;inset:0}.demo-sbc-lg{border-radius:18px;width:min(600px,100%);height:330px;box-shadow:0 14px 36px #6a0dad1f}.demo-sbc .demo-sbc-side{background:#fff;gap:2px;padding:8px;box-shadow:1px 0 #ece6f3}.demo-sbc-side>*{color:#6b7280;border-radius:9px;gap:9px;padding:7px;font-size:12px;font-weight:600;text-decoration:none}.demo-sbc-side svg{width:16px;height:16px;display:block}.demo-sbc-side .demo-sbc-on{color:#6a0dad;background:#f3ebfb}.demo-sbc-side .demo-sbc-brand{color:var(--text);letter-spacing:-.02em;margin-bottom:4px;font-size:13px;font-weight:800}.demo-sbc-brand i{background:var(--gradient);border-radius:5px;width:16px;height:16px}.demo-sbc-side .sbc-chev{width:16px;height:16px}.demo-sbc-main{flex-direction:column;flex:1;gap:10px;min-width:0;padding:14px;display:flex}.demo-sbc-main>b{background:#e4dbf0;border-radius:6px;width:55%;height:14px;display:block}.demo-sbc-cards{flex:1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.demo-sbc-cards span{background:#fff;border-radius:10px;box-shadow:0 3px 10px #6a0dad12}.demo-sbc-cards span:first-child{background:linear-gradient(135deg,#e9d5ff,#c4b5fd)}.demo-sbc-lg .demo-sbc-side{gap:3px;padding:10px}.demo-sbc-lg .demo-sbc-side>*{border-radius:11px;gap:12px;padding:10px 11px;font-size:14px}.demo-sbc-lg .demo-sbc-side svg,.demo-sbc-lg .demo-sbc-brand i,.demo-sbc-lg .sbc-chev{width:20px;height:20px}.demo-sbc-lg .demo-sbc-side .demo-sbc-brand{font-size:16px}.demo-sbc-lg .demo-sbc-main{gap:14px;padding:20px}.demo-sbc-lg .demo-sbc-main>b{height:20px}.demo-sbc-lg .demo-sbc-cards{gap:12px}.demo-ahh{text-align:left;scrollbar-width:none;background:#fff;position:relative;overflow:hidden auto}.demo-ahh::-webkit-scrollbar{display:none}.anim-thumb>.demo-ahh{position:absolute;inset:0}.demo-ahh-lg{border-radius:18px;width:min(560px,100%);height:330px;box-shadow:0 14px 36px #6a0dad1f}.demo-ahh .demo-ahh-head{background:#ffffffeb;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin:8px 8px 0;padding:8px 10px;font-weight:800;display:flex;position:sticky;top:8px;box-shadow:0 6px 18px #1e0f3c1a}.demo-ahh-head .demo-sh-logo{gap:6px;font-size:14px}.demo-ahh-head .demo-sh-logo i{border-radius:4px;width:14px;height:14px}.demo-ahh-links{color:var(--text-muted);align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.demo-ahh-cta{background:var(--accent);color:#fff;border-radius:99px;padding:4px 9px}.demo-ahh-article{flex-direction:column;gap:12px;padding:16px 18px 24px;display:flex}.demo-ahh-title{opacity:.85;background:#2a1f3d;border-radius:6px;width:75%;height:18px;display:block}.demo-ahh-meta{background:#e4dbf0;border-radius:4px;width:35%;height:8px;margin-top:-4px;display:block}.demo-ahh-p{flex-direction:column;gap:6px;display:flex}.demo-ahh-p span{background:#ede9f3;border-radius:4px;height:8px;display:block}.demo-ahh-p span:last-child{width:60%}.demo-ahh-img{background:linear-gradient(135deg,#c4b5fd,#f9a8d4);border-radius:12px;height:80px;display:block}.demo-ahh-img2{background:linear-gradient(135deg,#7dd3fc,#a78bfa)}.demo-ahh-lg .demo-ahh-head{margin:10px 10px 0;padding:10px 14px;top:10px}.demo-ahh-lg .demo-ahh-head .demo-sh-logo{font-size:17px}.demo-ahh-lg .demo-ahh-head .demo-sh-logo i{width:18px;height:18px}.demo-ahh-lg .demo-ahh-links{gap:14px;font-size:13px}.demo-ahh-lg .demo-ahh-article{gap:16px;padding:22px clamp(18px,5vw,32px) 32px}.demo-ahh-lg .demo-ahh-title{height:24px}.demo-ahh-lg .demo-ahh-p{gap:8px}.demo-ahh-lg .demo-ahh-p span{height:10px}.demo-ahh-lg .demo-ahh-img{height:130px}.demo-ssn{text-align:left;flex-direction:column;gap:8px;display:flex;position:relative}.anim-thumb>.demo-ssn{padding:10px 12px 0;position:absolute;inset:0}.demo-ssn-nav{scrollbar-width:none;background:#fff;border-radius:999px;align-self:center;gap:2px;max-width:100%;padding:3px;display:flex;overflow-x:auto;box-shadow:0 6px 18px #6a0dad1a}.demo-ssn-nav>*{color:#6b7280;white-space:nowrap;border-radius:999px;flex:none;padding:5px 10px;font-size:11px;font-weight:700;text-decoration:none}.demo-ssn-box{scrollbar-width:none;flex-direction:column;flex:1;gap:10px;min-height:0;padding:0 2px 6px;display:flex;overflow-y:auto}.demo-ssn-box::-webkit-scrollbar{display:none}.demo-ssn-sec{background:#fff;border-radius:12px;flex-direction:column;flex:none;gap:6px;padding:12px;display:flex;box-shadow:0 3px 10px #6a0dad12}.demo-ssn-sec b{color:#fff;background:#8b5cf6;border-radius:99px;align-self:flex-start;margin-bottom:4px;padding:2px 9px;font-size:11px}.demo-ssn-sec1 b{background:#0ea5e9}.demo-ssn-sec2 b{background:#ec4899}.demo-ssn-sec3 b{background:#f59e0b}.demo-ssn-sec span{background:#ede9f3;border-radius:4px;height:8px;display:block}.demo-ssn-sec span:nth-child(3){width:85%}.demo-ssn-sec span:last-child{width:55%}.demo-ssn-sec:not(:last-child){min-height:110px}.demo-ssn-lg{gap:12px;width:min(640px,100%);height:330px}.demo-ssn-lg .demo-ssn-nav{padding:4px}.demo-ssn-lg .demo-ssn-nav>*{padding:7px 14px;font-size:13px}.demo-ssn-lg .demo-ssn-box{background:#faf7fd;border-radius:16px;gap:14px;padding:12px}.demo-ssn-lg .demo-ssn-sec{gap:9px;padding:18px}.demo-ssn-lg .demo-ssn-sec:not(:last-child){min-height:200px}.demo-ssn-lg .demo-ssn-sec b{padding:3px 11px;font-size:13px}.demo-ssn-lg .demo-ssn-sec span{height:10px}@media (width>=720px){.demo-ssn-lg{flex-direction:row;gap:20px}.demo-ssn-lg .demo-ssn-nav{border-radius:18px;flex-direction:column;align-self:flex-start;gap:4px;padding:6px}.demo-ssn-lg .demo-ssn-nav>*{padding:9px 22px 9px 16px}}.demo-btr{text-align:left;background:#fff;position:relative;overflow:hidden}.anim-thumb>.demo-btr{position:absolute;inset:0}.demo-btr-lg{border-radius:18px;width:min(560px,100%);height:330px;box-shadow:0 14px 36px #6a0dad1f}.demo-btr-box{scrollbar-width:none;position:absolute;inset:0;overflow:hidden auto}.demo-btr-box::-webkit-scrollbar{display:none}.demo-btr .btr{position:absolute;bottom:12px;right:12px}.demo-btr-lg .btr{bottom:18px;right:18px}.demo-btr-art{flex-direction:column;gap:12px;padding:18px 18px 28px;display:flex}.demo-btr-title{opacity:.85;background:#2a1f3d;border-radius:6px;width:70%;height:18px;margin-bottom:2px;display:block}.demo-btr-p{flex-direction:column;gap:6px;display:flex}.demo-btr-p span{background:#ede9f3;border-radius:4px;height:8px;display:block}.demo-btr-p span:last-child{width:60%}.demo-btr-img{background:linear-gradient(135deg,#fcd34d,#fb7185);border-radius:12px;height:80px;display:block}.demo-btr-img2{background:linear-gradient(135deg,#6ee7b7,#38bdf8)}.demo-btr-lg .demo-btr-art{gap:16px;padding:26px clamp(18px,5vw,32px) 40px}.demo-btr-lg .demo-btr-title{height:24px}.demo-btr-lg .demo-btr-p{gap:8px}.demo-btr-lg .demo-btr-p span{height:10px}.demo-btr-lg .demo-btr-img{height:130px}.demo-pgd{flex-direction:column;align-items:center;gap:14px;width:min(300px,100%);display:flex}.demo-pgd-view{contain:inline-size;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 12px 28px #6a0dad24}.demo-pgd-slide{box-sizing:border-box;color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#a855f7,#6a0dad);flex-direction:column;justify-content:flex-end;height:112px;padding:14px 16px;font-size:20px;font-weight:800;display:flex}.demo-pgd-slide b{letter-spacing:.08em;opacity:.75;font-size:12px;font-weight:700}.demo-pgd-s1{background:linear-gradient(135deg,#38bdf8,#4f46e5)}.demo-pgd-s2{background:linear-gradient(135deg,#f472b6,#be185d)}.demo-pgd-s3{background:linear-gradient(135deg,#fbbf24,#ea580c)}.demo-pgd-s4{background:linear-gradient(135deg,#34d399,#0f766e)}.demo-pgd-lg{gap:22px;width:min(440px,100%)}.demo-pgd-lg .demo-pgd-view{border-radius:20px}.demo-pgd-lg .demo-pgd-slide{height:clamp(150px,42vw,220px);padding:22px 24px;font-size:clamp(24px,7vw,34px)}.demo-pgd-lg .demo-pgd-slide b{font-size:14px}.demo-pgd-lg .demo-pgd-dots{--pgd-size:10px;--pgd-pill:34px;gap:10px}.demo-tme{place-items:center;width:100%;display:grid}.demo-tme-card{box-sizing:border-box;text-align:left;color:#3b2a52;background:#fff;border-radius:14px;width:min(210px,100%);height:160px;padding:10px;font-size:12px;display:block;overflow:hidden;box-shadow:0 10px 26px #6a0dad1a}.demo-tme .tme-row>a,.demo-tme .tme-row>span,.demo-tme .tme-toggle{color:inherit;border-radius:7px;padding:2px 6px;line-height:1.35;text-decoration:none;display:inline-flex}.demo-tme .tme-toggle{font-weight:700}.demo-tme .tme-row>a:hover,.demo-tme .tme-toggle:hover{background:#f5effb}.demo-tme .tme-open>.tme-row>.tme-toggle{color:#6a0dad}.demo-tme .tme-sub .tme-row>*{color:#5b4a70}.demo-tme-lg .demo-tme-card{border-radius:18px;width:min(320px,100%);height:410px;padding:18px 16px;font-size:15px;box-shadow:0 14px 36px #6a0dad1f}.demo-tme-lg .tme-row>a,.demo-tme-lg .tme-toggle{border-radius:9px;padding:4px 8px}.demo-tme-lg .tme-row>a:focus-visible,.demo-tme-lg .tme-toggle:focus-visible{outline-offset:1px;outline:2px solid #6a0dad}.demo-mmh{border-bottom:1px solid #e4dbf0;width:min(280px,100%)}.demo-mmh .mmh-row{letter-spacing:-.02em;text-align:center;color:#2a1f3d;border-top:1px solid #e4dbf0;padding:5px 0;font-size:21px;font-weight:800;line-height:1.15;text-decoration:none}.demo-mmh-lg{width:min(640px,100%)}.demo-mmh-lg .mmh-row{padding:.22em 0;font-size:clamp(30px,9vw,54px)}.demo-mmh-lg .mmh-row:focus-visible{outline-offset:-2px;outline:2px solid #6a0dad}.demo-mmh .mmh-track{font-size:.82em}.demo-cnv{text-align:left;color:#2a1f3d;background:#f6f2fb;position:relative;overflow:hidden}.anim-thumb>.demo-cnv{position:absolute;inset:0}.demo-cnv-lg{border-radius:18px;width:min(640px,100%);height:340px;box-shadow:0 14px 36px #6a0dad1f}.demo-cnv-page{flex-direction:column;gap:10px;padding:66px 22px 18px;display:flex}.demo-cnv-page>*{background:#e6ddf1;border-radius:6px;height:10px;display:block}.demo-cnv-page b{background:#dccdee;width:62%;height:22px;margin-bottom:6px}.demo-cnv-page span:nth-child(3){width:88%}.demo-cnv-page span:last-child{width:46%}.demo-cnv .demo-cnv-nav{z-index:1;--cnv-bar:40px;background:#fff;border-radius:12px;position:absolute;top:10px;left:10px;right:10px;box-shadow:0 8px 22px #3c146e24}.demo-cnv .cnv-bar{padding:0 6px}.demo-cnv .cnv-btn{width:32px;height:32px}.demo-cnv .cnv-line{left:8px;right:8px}.demo-cnv .demo-sh-logo{gap:6px;font-size:14px;font-weight:800}.demo-cnv .demo-sh-logo i{border-radius:4px;width:14px;height:14px}.demo-cnv .cnv-body{padding:0 6px 6px}.demo-cnv .cnv-cards{grid-template-columns:repeat(3,1fr);gap:6px}.demo-cnv .cnv-card{border-radius:9px;padding:8px 9px;font-size:10px}.demo-cnv .cnv-card>:first-child{padding-bottom:14px;font-size:13px}.demo-cnv-lg .demo-cnv-page{gap:14px;padding:96px 30px 24px}.demo-cnv-lg .demo-cnv-nav{--cnv-bar:56px;border-radius:16px;top:16px;left:16px;right:16px}.demo-cnv-lg .cnv-bar{padding:0 8px}.demo-cnv-lg .cnv-btn{width:40px;height:40px}.demo-cnv-lg .cnv-line{left:11px;right:11px}.demo-cnv-lg .demo-sh-logo{font-size:18px}.demo-cnv-lg .demo-sh-logo i{border-radius:6px;width:18px;height:18px}.demo-cnv-lg .cnv-btn:focus-visible,.demo-cnv-lg .cnv-card a:focus-visible,.demo-cnv-cta:focus-visible{outline-offset:2px;outline:2px solid #6a0dad}.demo-cnv-cta{color:#fff;white-space:nowrap;background:#1e0b36;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none}.demo-cnv-lg .cnv-body{padding:0 8px 8px}.demo-cnv-lg .cnv-cards{gap:8px}.demo-cnv-lg .cnv-card{border-radius:12px;min-height:150px;padding:14px 16px;font-size:15px}.demo-cnv-lg .cnv-card>:first-child{font-size:22px}@media (width<=560px){.demo-cnv-lg .demo-cnv-nav{top:12px;left:12px;right:12px}.demo-cnv-lg .demo-sh-logo{font-size:16px}.demo-cnv-lg .demo-sh-logo i{width:16px;height:16px}.demo-cnv-cta{padding:8px 10px;font-size:12px}.demo-cnv-lg .cnv-cards{grid-template-columns:1fr;gap:6px}.demo-cnv-lg .cnv-card{flex-flow:wrap;align-items:baseline;gap:2px 14px;min-height:0;padding:10px 14px;font-size:13px}.demo-cnv-lg .cnv-card>:first-child{flex:1 0 100%;margin:0;padding-bottom:2px;font-size:17px}}.demo-sro{text-align:left;color:#2a1f3d;background:#fff;position:relative;overflow:hidden}.anim-thumb>.demo-sro{position:absolute;inset:0}.demo-sro-lg{border-radius:18px;width:min(600px,100%);height:360px;box-shadow:0 14px 36px #6a0dad1f}.demo-sro-head{border-bottom:1px solid #f0eaf6;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px 10px 16px;display:flex}.demo-sro-head .demo-sh-logo{gap:6px;font-size:14px;font-weight:800}.demo-sro-head .demo-sh-logo i{border-radius:4px;width:14px;height:14px}.demo-sro-btn{color:#6b5d80;font:inherit;cursor:pointer;background:#faf7fd;border:1px solid #e4dbf0;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.demo-sro-btn svg{color:#6a0dad;width:13px;height:13px}.demo-sro-body{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 16px;display:grid}.demo-sro-body>b,.demo-sro-body>span{background:#ede9f3;border-radius:6px;grid-column:1/-1;height:9px;display:block}.demo-sro-body>b{background:#e4dbf0;width:64%;height:18px}.demo-sro-body>span:nth-of-type(2){width:85%}.demo-sro-body>span:nth-of-type(3){width:50%}.demo-sro-body>i{background:linear-gradient(135deg,#efe6fa,#e2d3f3);border-radius:10px;height:48px;display:block}.demo-sro .sro-overlay{padding:14px 14px 12px}.demo-sro .sro-panel{border-radius:12px}.demo-sro .sro-field{gap:7px;padding:7px 10px}.demo-sro .sro-field svg{width:15px;height:15px}.demo-sro .sro-input{font-size:13px}.demo-sro .sro-esc{padding:2px 5px;font-size:9px}.demo-sro .sro-head{padding:7px 12px 2px;font-size:9px}.demo-sro .sro-list{padding:2px 6px 6px;font-size:12px}.demo-sro .sro-list>li>*{border-radius:7px;padding:4px 8px}.demo-sro .sro-none{padding:6px 14px 10px;font-size:12px}.demo-sro-lg .demo-sro-head{padding:14px 16px 14px 22px}.demo-sro-lg .demo-sro-head .demo-sh-logo{font-size:18px}.demo-sro-lg .demo-sro-head .demo-sh-logo i{border-radius:6px;width:18px;height:18px}.demo-sro-lg .demo-sro-btn{gap:8px;padding:8px 14px;font-size:14px}.demo-sro-lg .demo-sro-btn svg{width:16px;height:16px}.demo-sro-lg .demo-sro-btn:focus-visible{outline-offset:2px;outline:2px solid #6a0dad}.demo-sro-lg .demo-sro-body{gap:14px;padding:22px}.demo-sro-lg .demo-sro-body>b{height:24px}.demo-sro-lg .demo-sro-body>i{height:90px}.demo-sro-lg .sro-overlay{padding:clamp(16px,6%,40px) 14px 14px}.demo-sro-lg .sro-panel{border-radius:16px}.demo-sro-lg .sro-field{gap:10px;padding:12px 14px}.demo-sro-lg .sro-field svg{width:20px;height:20px}.demo-sro-lg .sro-input{font-size:16px}.demo-sro-lg .sro-esc{padding:3px 7px;font-size:11px}.demo-sro-lg .sro-head{padding:12px 16px 4px;font-size:11px}.demo-sro-lg .sro-list{padding:4px 8px 10px;font-size:15px}.demo-sro-lg .sro-list>li>*{border-radius:10px;padding:8px 10px}.demo-sro-lg .sro-list a:focus-visible{outline-offset:-2px;outline:2px solid #6a0dad}.demo-pbm{text-align:left}.anim-thumb>.demo-pbm{position:absolute;inset:0}.demo-pbm-lg{border-radius:18px;width:min(600px,100%);height:330px;box-shadow:0 14px 36px #6a0dad29}.demo-pbm .pbm-menu{padding-left:9%;font-size:19px}.demo-pbm-lg .pbm-menu{font-size:clamp(22px,6vw,34px)}.demo-pbm-lg .pbm-menu a:hover{color:#d8b4fe}.demo-pbm-lg .pbm-menu a:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #d8b4fe}.demo-pbm .demo-pbm-page{color:#2a1f3d;background:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden}.demo-pbm-head{align-items:center;gap:4px;padding:6px 12px 6px 6px;display:flex}.demo-pbm .pbm-btn{width:32px;height:32px}.demo-pbm .pbm-line{left:8px;right:8px}.demo-pbm-head .demo-sh-logo{gap:6px;font-size:14px;font-weight:800}.demo-pbm-head .demo-sh-logo i{border-radius:4px;width:14px;height:14px}.demo-pbm-hero{box-sizing:border-box;background:linear-gradient(135deg,#a855f7,#6a0dad);border-radius:12px;flex-direction:column;justify-content:flex-end;gap:7px;height:70px;margin:2px 12px 0;padding:12px;display:flex}.demo-pbm-hero>*{background:#ffffffd9;border-radius:6px;width:60%;height:10px;display:block}.demo-pbm-hero>span{background:#ffffff80;width:40%;height:7px}.demo-pbm-lines{flex-direction:column;gap:9px;padding:14px;display:flex}.demo-pbm-lines>span{background:#ede9f3;border-radius:6px;height:9px;display:block}.demo-pbm-lines>span:nth-child(2){width:82%}.demo-pbm-lines>span:nth-child(3){width:55%}.demo-pbm-lg .demo-pbm-head{padding:10px 18px 10px 10px}.demo-pbm-lg .pbm-btn{width:40px;height:40px}.demo-pbm-lg .pbm-line{left:11px;right:11px}.demo-pbm-lg .pbm-btn:focus-visible{outline-offset:1px;outline:2px solid #6a0dad}.demo-pbm-lg .demo-pbm-head .demo-sh-logo{font-size:18px}.demo-pbm-lg .demo-pbm-head .demo-sh-logo i{border-radius:6px;width:18px;height:18px}.demo-pbm-lg .demo-pbm-hero{border-radius:16px;gap:10px;height:clamp(110px,30vw,150px);margin:4px 18px 0;padding:20px}.demo-pbm-lg .demo-pbm-hero>b{height:16px}.demo-pbm-lg .demo-pbm-lines{gap:12px;padding:20px}.demo-ftb{text-align:left;background:#fff;position:relative;overflow:hidden}.anim-thumb>.demo-ftb{position:absolute;inset:0}.demo-ftb-lg{border-radius:18px;width:min(440px,100%);height:330px;box-shadow:0 14px 36px #6a0dad1f}.demo-ftb-page{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.demo-ftb-page b{background:#e4dbf0;border-radius:6px;width:45%;height:16px;display:block}.demo-ftb-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.demo-ftb-grid i{aspect-ratio:1.35;background:linear-gradient(135deg,#c4b5fd,#8b5cf6);border-radius:8px;display:block}.demo-ftb-grid i:nth-child(2){background:linear-gradient(135deg,#fbcfe8,#ec4899)}.demo-ftb-grid i:nth-child(3){background:linear-gradient(135deg,#bae6fd,#3b82f6)}.demo-ftb-grid i:nth-child(4){background:linear-gradient(135deg,#fde68a,#f97316)}.demo-ftb-grid i:nth-child(5){background:linear-gradient(135deg,#a7f3d0,#10b981)}.demo-ftb-grid i:nth-child(6){background:linear-gradient(135deg,#e9d5ff,#a855f7)}.demo-ftb .demo-ftb-dock{position:absolute;bottom:0;left:0;right:0}.demo-ftb .ftb-bar>*{width:38px;height:38px}.demo-ftb .ftb-bar>* svg{width:19px;height:19px}.demo-ftb-lg .demo-ftb-page{gap:14px;padding:22px}.demo-ftb-lg .demo-ftb-grid{gap:10px}.demo-ftb-lg .demo-ftb-grid i{border-radius:12px}.demo-ftb-lg .ftb-bar>*{width:44px;height:44px}.demo-ftb-lg .ftb-bar>* svg{width:22px;height:22px}.demo-ftb-lg .ftb-fab:focus-visible,.demo-ftb-lg .ftb-bar>:focus-visible{outline-offset:-4px;outline:2px solid #fff}.demo-flc{font-size:46px}.demo-flc.demo-flc-lg{font-size:clamp(54px,16vw,140px)}.demo-alc{color:#18181b;filter:drop-shadow(0 8px 18px #3c146e24);width:132px}.demo-alc-row{justify-content:center;align-items:center;gap:clamp(10px,4vw,56px);display:flex}.demo-alc-row .demo-alc{width:clamp(88px,24vw,220px)}.demo-stw{--stw-size:112px;color:#18181b;gap:.8em 1.2em;font-size:11px}.demo-stw .stw-side{width:10.5em}.demo-stw .stw-dial{filter:drop-shadow(0 6px 16px #3c146e1f)}.demo-stw.demo-stw-lg{--stw-size:clamp(180px, 48vw, 230px);gap:20px 40px;font-size:15px}.demo-stw.demo-stw-lg .stw-side{justify-content:flex-start;width:15em;min-height:11.5em}.demo-tmc{font-size:27px}.demo-tmc.demo-tmc-lg{font-size:clamp(30px,9.4vw,84px)}.demo-ccd{color:#18181b;filter:drop-shadow(0 8px 18px #3c146e1f);width:128px}.demo-ccd-quiz{flex-direction:column;align-items:center;gap:18px;display:flex}.demo-ccd-quiz p{color:var(--text);margin:0;font-size:clamp(16px,2.2vw,20px);font-weight:700}.demo-ccd.demo-ccd-lg{width:clamp(150px,40vw,220px)}.demo-sdt{width:74px;color:var(--text);filter:drop-shadow(0 8px 14px #3c146e24)}.demo-sdt.demo-sdt-lg{width:clamp(100px,26vw,140px);font-size:18px}.demo-ptr{color:var(--text);flex-direction:column;align-items:center;gap:10px;font-size:13px;display:flex}.demo-ptr p{margin:0}.demo-ptr-price{letter-spacing:-.03em;font-size:46px;font-weight:800;line-height:1.1}.demo-ptr-price small{letter-spacing:0;color:var(--text-muted);margin-left:2px;font-size:.36em;font-weight:600}.demo-ptr-note{color:var(--text-muted);font-size:13px}.demo-ptr.demo-ptr-lg{gap:22px;width:100%;font-size:15px}.demo-ptr-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,20px);width:min(760px,100%);display:grid}.demo-ptr-plans>div{background:#fff;border:2px solid #0000;border-radius:16px;justify-items:center;gap:6px;padding:clamp(14px,3vw,28px) clamp(6px,2vw,24px);display:grid;box-shadow:0 8px 24px #3c146e14}.demo-ptr-plans>div.demo-ptr-pick{border-color:var(--accent)}.demo-ptr-plans b{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(12px,1.6vw,15px)}.demo-ptr-plans .demo-ptr-price{font-size:clamp(26px,6vw,52px)}.demo-ptr-plans .demo-ptr-note{font-size:clamp(10px,1.5vw,13px)}.demo-scp{color:var(--text);background:radial-gradient(circle,#6a0dad24 1.4px,#0000 1.6px) 0 0/22px 22px,#f7f1fd;font-size:13px}.anim-thumb>.demo-scp{position:absolute;inset:0}.anim-stage .demo-scp{width:100%;height:360px;font-size:16px}.demo-scp-hint{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);pointer-events:none;font-size:13px;font-weight:600;position:absolute;bottom:18px;left:0;right:0}@media (width<=900px){.anim-stage .demo-scp{height:260px}}.anim-thumb-text.demo-rkc{font-size:54px}.demo-rkc-board{gap:12px;width:min(520px,100%);display:grid}.demo-rkc-row{text-align:left;background:#fff;border-radius:16px;align-items:center;gap:clamp(10px,3vw,18px);padding:clamp(10px,2.5vw,16px) clamp(12px,3vw,22px);display:flex;box-shadow:0 8px 24px #3c146e14}.demo-rkc-av{aspect-ratio:1;background:var(--gradient);color:#fff;border-radius:50%;flex:none;place-items:center;width:clamp(36px,9vw,48px);font-size:clamp(14px,3.5vw,18px);font-weight:800;display:grid}.demo-rkc-row+.demo-rkc-row .demo-rkc-av{background:linear-gradient(135deg,#38bdf8,#0369a1)}.demo-rkc-who{flex:1;min-width:0;display:grid}.demo-rkc-who b{font-size:clamp(15px,3.8vw,18px)}.demo-rkc-who small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.demo-rkc-rank{letter-spacing:-.03em;font-size:clamp(30px,8vw,52px);font-weight:800}.demo-mph{color:var(--accent);margin:0;font-size:64px}.demo-mph-stage{flex-direction:column;align-items:center;gap:clamp(14px,3vw,28px);display:flex}.demo-mph.demo-mph-lg{color:var(--text);font-size:clamp(50px,14vw,132px)}.demo-mph.demo-mph-sub{font-size:clamp(34px,8vw,64px)}.demo-nxt{background:radial-gradient(at 50% 40%,#2a1a12,#0d0907 75%);place-items:center;font-size:50px;display:grid}.anim-thumb>.demo-nxt{position:absolute;inset:0}.demo-nxt.demo-nxt-lg{align-content:center;gap:clamp(18px,4vw,34px);width:100%;min-height:360px;font-size:clamp(36px,11.5vw,104px)}.demo-nxt .demo-nxt-sub{font-size:.55em}@media (width<=900px){.demo-nxt.demo-nxt-lg{min-height:260px}}.demo-dmx{width:100%;height:64px}.demo-dmx-stack{justify-items:center;gap:clamp(14px,3vw,24px);width:100%;display:grid}.demo-dmx.demo-dmx-lg{height:clamp(78px,14vw,132px)}.demo-dmx.demo-dmx-sub{width:min(320px,70%);height:clamp(48px,8vw,72px)}.demo-toc{font-size:20px}.demo-toc.demo-toc-lg{font-size:clamp(26px,7.5vw,44px)}.demo-acr{color:#fff;background:#000;place-items:center;font-size:17px;display:grid}.anim-thumb>.demo-acr{position:absolute;inset:0}.demo-acr.demo-acr-lg{width:100%;min-height:360px;padding:24px 16px;font-size:clamp(15px,4.2vw,28px)}.demo-acr-lg .acr{flex-wrap:wrap;justify-content:center}@media (width<=900px){.demo-acr.demo-acr-lg{min-height:260px}}.demo-hrm{width:100%;height:132px;font-size:12px}.demo-hrm.demo-hrm-lg{width:min(760px,100%);height:clamp(150px,28vw,240px);font-size:clamp(13px,2.4vw,22px)}.demo-thf{color:var(--text);font-size:17px}.demo-thf-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px clamp(16px,6vw,72px);display:flex}.demo-thf.demo-thf-lg{font-size:clamp(13px,3.4vw,26px)}.demo-btl{color:var(--text);font-size:26px}.demo-btl-stack{justify-items:start;gap:clamp(10px,2.5vw,22px);display:grid}.demo-btl.demo-btl-lg{font-size:clamp(20px,5vw,34px)}.demo-sgn{color:var(--text);justify-content:center;align-items:center;gap:.5em;font-size:64px;display:flex}.demo-sgn [data-shape]{color:var(--accent)}.demo-sgn.demo-sgn-lg{flex-wrap:wrap;gap:.3em .6em;font-size:clamp(46px,12vw,104px)}.demo-ltb{color:var(--text);font-size:12px}.demo-ltb.demo-ltb-lg{font-size:clamp(16px,4.4vw,30px)}.demo-dcr{color:var(--text);font-size:22px}.demo-dcr.demo-dcr-lg{font-size:clamp(24px,6.4vw,42px)}.demo-lvt{color:var(--text);font-size:54px}.demo-lvt-board{width:min(900px,100%);color:var(--text);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:clamp(10px,2vw,20px);display:grid}.demo-lvt-board>div{background:#fff;border-radius:16px;place-items:center;padding:clamp(14px,3vw,28px) 12px;font-size:clamp(34px,5vw,50px);display:grid;box-shadow:0 8px 24px #3c146e14}.demo-lvt-board>div:first-child{color:var(--accent)}.demo-ctl{color:var(--text);font-size:21px}.demo-ctl.demo-ctl-lg{font-size:clamp(30px,7vw,52px)}.demo-bnr{color:var(--text);font-size:14px}.demo-bnr-stack{justify-items:center;gap:clamp(18px,4vw,36px);display:grid}.demo-bnr.demo-bnr-lg{font-size:clamp(14px,4.2vw,34px)}.demo-bnr.demo-bnr-sub{font-size:clamp(12px,3vw,22px)}.demo-abk{color:var(--text);font-size:11px}.demo-abk.demo-abk-lg{font-size:clamp(13px,3.9vw,26px)}.demo-tlm{color:var(--text);font-size:26px}.demo-tlm-board{box-sizing:border-box;color:#f4f1e8;background:radial-gradient(at 30% 20%,#ffffff12,#0000 60%),#1f3b2d;place-content:center;justify-items:center;gap:14px;width:100%;min-height:360px;padding:24px 16px;display:grid;box-shadow:inset 0 0 0 10px #6b4423,inset 0 0 40px #00000059}.demo-tlm-board p{letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin:0;font-size:clamp(14px,2.4vw,20px);font-weight:700}.demo-tlm.demo-tlm-lg{color:#f4f1e8;filter:drop-shadow(0 0 1px #ffffff59);font-size:clamp(22px,5.6vw,48px)}@media (width<=900px){.demo-tlm-board{min-height:260px}}.demo-fps{width:100%;color:var(--text);font-size:15px}.demo-fps.demo-fps-lg{font-size:clamp(17px,3.6vw,28px)}.demo-sdr{text-align:left;background:#f6f3fa;flex-direction:column;display:flex;position:relative;overflow:hidden}.anim-thumb>.demo-sdr{position:absolute;inset:0}.demo-sdr-top{box-shadow:0 1px 0 var(--border);background:#fff;align-items:center;gap:12px;padding:10px 14px;display:flex}.demo-sdr-burger{cursor:pointer;background:0 0;border:0;gap:3px;width:18px;padding:0;display:grid}.demo-sdr-burger i{background:var(--text);border-radius:2px;height:2px;display:block}.demo-sdr-top b{background:var(--accent-line);border-radius:99px;width:38%;height:10px}.demo-sdr-page{padding:12px 16px}.demo-sdr-page .demo-row{margin-bottom:8px;padding:8px}.demo-sdr-panel{gap:2px;padding:14px 10px}.demo-sdr-panel>b{margin:0 8px 6px;font-size:13px}.demo-sdr-panel>span{border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;font-weight:600;display:flex}.demo-sdr-panel>span:nth-child(2){background:var(--accent-soft);color:var(--accent)}.demo-sdr-panel i{font-style:normal}.demo-sdr-lg{border-radius:18px;width:min(640px,100%);height:330px;box-shadow:0 8px 30px #0f0f1e14}.demo-sdr-lg .demo-sdr-top{padding:14px 18px}.demo-sdr-lg .demo-sdr-burger{gap:4px;width:22px;padding:4px 0}.demo-sdr-lg .demo-sdr-page{padding:18px 20px}.demo-sdr-lg .demo-sdr-page .demo-row{margin-bottom:10px;padding:12px}.demo-sdr-lg .demo-sdr-panel{padding:16px 12px}.demo-sdr-head{justify-content:space-between;align-items:center;margin:0 4px 10px 10px;display:flex}.demo-sdr-head b{font-size:17px}.demo-sdr-head button{width:34px;height:34px;color:var(--text);cursor:pointer;background:#f3eff8;border:0;border-radius:50%;font-size:20px;line-height:1}.demo-sdr-lg .demo-sdr-panel>button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-weight:600;display:flex}.demo-sdr-lg .demo-sdr-panel>button:hover,.demo-sdr-lg .demo-sdr-panel>button:focus-visible{background:var(--accent-soft);color:var(--accent)}.demo-bpm{text-align:left;align-content:start;justify-items:center;display:grid}.anim-thumb>.demo-bpm{padding-top:22px;position:absolute;inset:0}.demo-bpm-btn{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:99px;padding:10px 22px;font-size:14px;font-weight:700;display:inline-block;box-shadow:0 8px 20px #6a0dad40}.demo-bpm-pop{width:220px;color:var(--text);background:#fff;border-radius:18px;padding:14px}.demo-bpm-pop>b{margin-bottom:10px;font-size:13px;display:block}.demo-bpm-apps{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.demo-bpm-apps>*{color:var(--text-muted);justify-items:center;gap:4px;font-size:9.5px;font-weight:600;display:grid}.demo-bpm-apps i{background:var(--accent-soft);border-radius:12px;place-items:center;width:36px;height:36px;font-size:16px;font-style:normal;display:grid}.demo-bpm-lg{width:100%;height:300px;padding-top:24px}.demo-bpm-lg .demo-bpm-btn{padding:14px 30px;font-size:16px}.demo-bpm-lg .demo-bpm-pop{border-radius:22px;width:min(320px,100vw - 72px);padding:18px}.demo-bpm-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.demo-bpm-head b{font-size:16px}.demo-bpm-head button{width:32px;height:32px;color:var(--text);cursor:pointer;background:#f3eff8;border:0;border-radius:50%;font-size:19px;line-height:1}.demo-bpm-lg .demo-bpm-apps button{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px;font-weight:600}.demo-bpm-lg .demo-bpm-apps i{border-radius:16px;width:50px;height:50px;font-size:22px;transition:transform .2s}.demo-bpm-lg .demo-bpm-apps button:hover i{transform:translateY(-2px)}.demo-usn{text-align:left;background:#f6f3fa;position:relative;overflow:hidden}.anim-thumb>.demo-usn{padding:14px 18px;position:absolute;inset:0}.demo-usn-list{margin:0;padding:0;list-style:none}.demo-usn-list li{background:#fff;border-radius:10px;align-items:center;gap:10px;margin-bottom:7px;padding:8px 10px;font-size:12px;font-weight:600;display:flex;box-shadow:0 2px 8px #0f0f1e0d}.demo-usn-list i{font-style:normal}.demo-usn-list span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.demo-usn-list em{color:var(--accent);font-size:10px;font-style:normal}.anim-thumb .demo-usn .usn{border-radius:10px;gap:8px;width:calc(100% - 28px);min-width:0;padding:8px 8px 10px 12px;font-size:11px;bottom:10px}.anim-thumb .demo-usn .usn-btn{padding:3px 6px}.demo-usn-lg{border-radius:18px;width:min(560px,100%);height:320px;padding:20px}.demo-usn-lg .demo-usn-list li{gap:12px;margin-bottom:10px;padding:12px 12px 12px 16px;font-size:15px}.demo-usn-lg .demo-usn-list i{font-size:20px}.demo-usn-lg .demo-usn-list button{border:1px solid var(--accent-line);color:var(--accent);font:inherit;cursor:pointer;background:#fff;border-radius:99px;flex:none;padding:7px 14px;font-size:13px;font-weight:700}.demo-usn-lg .demo-usn-list button:hover{background:var(--accent-soft)}.demo-dnt{color:#fff;text-align:left;background:radial-gradient(120% 90% at 20% 0,#c084fc 0%,#6a0dad 45%,#1e1b4b 100%);flex-direction:column;align-items:center;padding-top:10px;display:flex;position:relative;overflow:hidden}.anim-thumb>.demo-dnt{position:absolute;inset:0}.demo-dnt-notch{z-index:1;flex:none;font-size:12px}.demo-dnt-clock{text-shadow:0 2px 12px #0003;justify-items:center;margin-top:18px;display:grid}.demo-dnt-clock b{letter-spacing:-.02em;font-size:46px;font-weight:700;line-height:1}.demo-dnt-clock span{opacity:.85;margin-top:4px;font-size:12px}.demo-dnt-call,.demo-dnt-timer,.demo-dnt-up{align-items:center;gap:8px;display:flex}.demo-dnt-call{padding:6px 7px}.demo-dnt-call span{margin-right:14px;line-height:1.2;display:grid}.demo-dnt-call small{opacity:.6;font-size:.8em;font-weight:500}.demo-dnt-call i,.demo-dnt-up i{font-style:normal}.demo-dnt-av{background:linear-gradient(135deg,#f472b6,#a855f7);border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.demo-dnt-no,.demo-dnt-yes{background:#ef4444;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.demo-dnt-yes{background:#22c55e}.demo-dnt-no svg{transform:rotate(135deg)}.demo-dnt-call svg{width:14px;height:14px}.demo-dnt-timer{color:#fb923c;gap:36px;padding:7px 14px}.demo-dnt-timer b{font-size:1.5em;font-weight:700}.demo-dnt-up{width:190px;padding:8px 14px}.demo-dnt-up>span:last-child{flex:1;gap:6px;display:grid}.demo-dnt-up [data-notch-progress]{--dnt-fill:#a3e635}.demo-dnt-lg{border:8px solid #0b0a12;border-radius:44px;width:min(330px,100%);height:360px;padding-top:12px;box-shadow:0 18px 50px #1e1b4b40}.demo-dnt-lg .demo-dnt-notch{font-size:13px}.demo-dnt-lg .demo-dnt-call{padding:8px}.demo-dnt-lg .demo-dnt-av,.demo-dnt-lg .demo-dnt-no,.demo-dnt-lg .demo-dnt-yes{width:34px;height:34px}.demo-dnt-lg .demo-dnt-up{width:220px}.demo-dnt-lg .demo-dnt-clock{margin-top:34px}.demo-dnt-lg .demo-dnt-clock b{font-size:64px}.demo-dnt-lg .demo-dnt-clock span{font-size:14px}.demo-dnt-btns{gap:8px;margin-top:auto;margin-bottom:26px;display:flex}.demo-dnt-btns button{color:#fff;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #ffffff4d;border-radius:99px;padding:9px 16px;font-size:14px;font-weight:600}.demo-dnt-btns button:hover,.demo-dnt-btns button:focus-visible{background:#ffffff42}.demo-eip{text-align:left;background:#f6f3fa;flex-direction:column;display:flex;position:relative;overflow:hidden}.anim-thumb>.demo-eip{position:absolute;inset:0}.demo-eip-chrome{background:#e7e1f0;align-items:flex-end;gap:10px;height:30px;padding:0 10px;display:flex}.demo-eip-dots{align-self:center;gap:4px;display:flex}.demo-eip-dots i{background:#f87171;border-radius:50%;width:7px;height:7px}.demo-eip-dots i:nth-child(2){background:#fbbf24}.demo-eip-dots i:nth-child(3){background:#34d399}.demo-eip-tab{white-space:nowrap;background:#fff;border-radius:8px 8px 0 0;padding:5px 14px;font-size:11px;font-weight:600}.demo-eip-url{background:#ffffffb3;border-radius:99px;flex:1;height:12px;margin-bottom:9px}.demo-eip-page{background:#fff;flex:1;padding:12px 16px}.demo-eip-hero{background:var(--gradient);opacity:.85;border-radius:10px;height:44px;margin-bottom:10px}.demo-eip-page .demo-row{box-shadow:none;background:#f6f3fa;margin-bottom:6px;padding:6px}.demo-eip-pop{border-radius:16px;justify-items:center;gap:4px;padding:14px 16px;display:grid}.demo-eip-pop>b{font-size:14px}.demo-eip-pop p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4}.demo-eip-pop code{background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:1px 5px;font-weight:700}.demo-eip-gift{font-size:24px;line-height:1.1;display:block}.demo-eip-acts{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin-top:6px;display:flex}.demo-eip-yes{background:var(--accent);color:#fff;border-radius:99px;padding:5px 12px;font-size:11px;font-weight:700}.demo-eip-no{color:var(--text-muted);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:4px;font-size:11px;font-weight:600;text-decoration:underline;display:inline-block}.demo-eip-lg{border-radius:16px;width:min(640px,100%);height:340px;box-shadow:0 8px 30px #0f0f1e14}.demo-eip-lg .demo-eip-chrome{gap:14px;height:40px;padding:0 14px}.demo-eip-lg .demo-eip-dots i{width:10px;height:10px}.demo-eip-lg .demo-eip-tab{padding:8px 18px;font-size:13px}.demo-eip-lg .demo-eip-url{height:18px;margin-bottom:11px}.demo-eip-lg .demo-eip-page{padding:18px 22px}.demo-eip-lg .demo-eip-hero{height:80px;margin-bottom:14px}.demo-eip-lg .demo-eip-page .demo-row{margin-bottom:10px;padding:10px}.demo-eip-lg .demo-eip-pop{border-radius:20px;gap:6px;padding:22px 20px}.demo-eip-lg .demo-eip-pop>b{font-size:19px}.demo-eip-lg .demo-eip-pop p{font-size:14px}.demo-eip-lg .demo-eip-gift{font-size:36px}.demo-eip-lg .demo-eip-acts{margin-top:10px}.demo-eip-lg .demo-eip-acts .demo-btn{padding:11px 22px;font-size:14px}.demo-eip-lg .demo-eip-no{font-size:13px}.demo-fbk{text-align:left;background:#fff;position:relative;overflow:hidden}.anim-thumb>.demo-fbk{position:absolute;inset:0}.demo-fbk-page{gap:9px;padding:18px 56px 18px 22px;display:grid}.demo-fbk-page b{background:var(--accent-line);border-radius:6px;width:60%;height:16px;margin-bottom:4px}.demo-fbk-page span{background:#eeeaf4;border-radius:99px;height:8px}.demo-fbk-page span.short{width:70%}.demo-fbk-page i{background:var(--accent-soft);border-radius:10px;height:46px;margin:4px 0}.anim-thumb .demo-fbk .fbk{font-size:12px}.anim-thumb .demo-fbk .fbk-tab{padding:10px 6px;font-size:10px}.anim-thumb .demo-fbk .fbk-panel{border-radius:12px 0 0 12px;padding:12px}.anim-thumb .demo-fbk .fbk-q{margin-bottom:8px;font-size:12px}.anim-thumb .demo-fbk .fbk-rate{margin-bottom:9px}.anim-thumb .demo-fbk .fbk-face{width:28px;height:28px;font-size:15px}.anim-thumb .demo-fbk .fbk-send{border-radius:8px;padding:6px;font-size:11px}.anim-thumb .demo-fbk .fbk-thanks{gap:6px;font-size:11px}.anim-thumb .demo-fbk .fbk-tick{width:32px;height:32px}.anim-thumb .demo-fbk .fbk-tick svg{width:17px;height:17px}.demo-fbk-lg{border-radius:16px;width:min(640px,100%);height:340px;box-shadow:0 8px 30px #0f0f1e14}.demo-fbk-lg .demo-fbk-page{gap:12px;padding:28px 70px 28px 30px}.demo-fbk-lg .demo-fbk-page b{height:24px}.demo-fbk-lg .demo-fbk-page span{height:10px}.demo-fbk-lg .demo-fbk-page i{height:80px}.demo-bcn{text-align:left;align-content:start;gap:14px;width:100%;display:grid;position:relative}.anim-thumb>.demo-bcn{background:#f6f3fa;padding:18px 20px;position:absolute;inset:0}.demo-bcn-bar{background:#fff;border-radius:12px;align-items:center;gap:4px;width:max-content;max-width:100%;padding:5px;display:flex;box-shadow:0 4px 14px #0f0f1e12}.demo-bcn-tool{width:28px;height:28px;color:var(--text);font:inherit;background:0 0;border:0;border-radius:8px;place-items:center;font-size:14px;display:grid}.demo-bcn-new{background:var(--accent-soft);color:var(--accent);font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:8px;margin-left:6px;padding:6px 11px;font-size:12px;font-weight:700}.demo-bcn-doc{background:#fff;border-radius:12px;gap:9px;padding:14px 16px;display:grid}.demo-bcn-doc b{background:var(--accent-line);border-radius:6px;width:50%;height:14px;margin-bottom:2px}.demo-bcn-doc span{background:#eeeaf4;border-radius:99px;height:7px}.demo-bcn-doc span.short{width:65%}.anim-thumb .demo-bcn .bcn-tip{border-radius:11px;max-width:190px;padding:10px 12px;font-size:10.5px;line-height:1.4}.anim-thumb .demo-bcn .bcn-tip b{font-size:12px}.anim-thumb .demo-bcn .bcn-tip p{margin-bottom:7px}.anim-thumb .demo-bcn .bcn-ok{padding:4px 11px}.demo-bcn-lg{justify-items:center;width:min(560px,100%);min-height:290px}.demo-bcn-lg .demo-bcn-bar{border-radius:14px;gap:6px;padding:7px}.demo-bcn-lg .demo-bcn-tool{cursor:default;width:36px;height:36px;font-size:17px}.demo-bcn-lg .demo-bcn-new{padding:9px 15px;font-size:15px}.demo-bcn-lg .demo-bcn-new:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.demo-bcn-lg .demo-bcn-doc{box-sizing:border-box;border-radius:16px;gap:12px;width:100%;padding:22px 24px;box-shadow:0 6px 24px #0f0f1e0f}.demo-bcn-lg .demo-bcn-doc b{height:20px}.demo-bcn-lg .demo-bcn-doc span{height:10px}.demo-sts{text-align:left;font-size:12px}.anim-thumb>.demo-sts{position:absolute;inset:0}.demo-sts-page{background:#fff;padding:14px 16px}.demo-sts-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.demo-sts-head b{font-size:16px}.demo-sts-pill{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:99px;padding:5px 12px;font-weight:700}.demo-sts-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.demo-sts-grid i{aspect-ratio:4/3;background:linear-gradient(135deg,#f0abfc,#a78bfa);border-radius:6px}.demo-sts-grid i:nth-child(2n){background:linear-gradient(135deg,#93c5fd,#a78bfa)}.demo-sts-grid i:nth-child(3n){background:linear-gradient(135deg,#fde68a,#f9a8d4)}.demo-sts-sheet{border-radius:14px 14px 0 0;padding:8px 14px 14px}.demo-sts-grab{background:#ddd6e8;border-radius:4px;width:34px;height:4px;margin:0 auto 8px;display:block}.demo-sts-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.demo-sts-title b{font-size:14px}.demo-sts-x{width:24px;height:24px;color:var(--text);font:inherit;cursor:pointer;background:#f3eff8;border:0;border-radius:50%;place-items:center;font-size:16px;line-height:1;display:grid}.demo-sts-done{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.demo-sts-apps{gap:8px;margin-bottom:10px;display:flex}.demo-sts-apps i{background:var(--accent-soft);border-radius:10px;place-items:center;width:34px;height:34px;font-size:16px;font-style:normal;display:grid}.demo-sts-row{box-sizing:border-box;width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#f6f3fa;border:0;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 10px;font-weight:600;display:flex}.demo-sts-row small{color:var(--text-muted);font-weight:500}.demo-sts-lg{border-radius:26px;width:min(360px,100%);height:420px;margin:0 auto;font-size:14px;box-shadow:0 18px 50px #1e1b4b33}.demo-sts-lg .demo-sts-page{padding:22px 20px}.demo-sts-lg .demo-sts-head b{font-size:22px}.demo-sts-lg .demo-sts-pill{padding:8px 16px;font-size:14px}.demo-sts-lg .demo-sts-grid{gap:6px}.demo-sts-lg .demo-sts-sheet{border-radius:18px 18px 0 0;padding:10px 18px 18px}.demo-sts-lg .demo-sts-grab{width:40px;height:5px;margin-bottom:12px}.demo-sts-lg .demo-sts-title{margin-bottom:16px}.demo-sts-lg .demo-sts-title b{font-size:17px}.demo-sts-lg .demo-sts-x{width:30px;height:30px;font-size:19px}.demo-sts-lg .demo-sts-apps{gap:12px;margin-bottom:16px}.demo-sts-lg .demo-sts-apps i{border-radius:14px;width:50px;height:50px;font-size:22px}.demo-sts-lg .demo-sts-row{border-radius:12px;margin-bottom:8px;padding:13px 14px}.demo-sts-lg .demo-sts-row:hover,.demo-sts-lg .demo-sts-row:focus-visible{background:var(--accent-soft)}.demo-scta{text-align:left;background:#fff;position:relative;overflow:hidden}.anim-thumb>.demo-scta{position:absolute;inset:0}.demo-scta-scroll{scrollbar-width:none;position:absolute;inset:0;overflow-y:auto}.demo-scta-scroll::-webkit-scrollbar{display:none}.demo-scta-hero{background:var(--gradient);color:#fff;justify-items:start;gap:6px;padding:18px 18px 20px;display:grid}.demo-scta-hero small{opacity:.85;font-size:10px;font-weight:600}.demo-scta-hero b{letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1.1}.demo-scta-hero .demo-scta-cta{color:var(--accent);box-shadow:none;background:#fff;margin-top:4px}.demo-scta-cta{background:var(--accent);color:#fff;white-space:nowrap;border-radius:99px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 6px 14px #6a0dad40}.demo-scta-body{padding:14px 18px 6px}.demo-scta-p{gap:7px;margin:0 0 14px;display:grid}.demo-scta-p span{background:#eeeaf4;border-radius:99px;height:7px}.demo-scta-p span.short{width:60%}.demo-scta-cards{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.demo-scta-cards i{background:var(--accent-soft);border-radius:10px;height:56px}.demo-scta-foot{background:#1e1b2e;gap:8px;padding:18px;display:grid}.demo-scta-foot b{background:#ffffff4d;border-radius:99px;width:30%;height:10px}.demo-scta-foot span{background:#ffffff26;border-radius:99px;width:60%;height:7px}.demo-scta-bar{border-radius:14px 14px 0 0;flex-wrap:nowrap;justify-content:space-between;gap:10px;padding:10px 14px;font-size:12px}.demo-scta-txt{min-width:0;line-height:1.25;display:grid}.demo-scta-txt b{font-size:13px}.demo-scta-txt small{color:var(--text-muted);font-size:10px;font-weight:500}.demo-scta-lg{border-radius:18px;width:min(560px,100%);height:340px;box-shadow:0 8px 30px #0f0f1e14}.demo-scta-lg .demo-scta-hero{gap:8px;padding:34px 26px 30px}.demo-scta-lg .demo-scta-hero small{font-size:13px}.demo-scta-lg .demo-scta-hero b{font-size:clamp(26px,6vw,34px)}.demo-scta-lg .demo-scta-cta{padding:9px 18px;font-size:14px}.demo-scta-lg .demo-scta-body{padding:22px 26px 8px}.demo-scta-lg .demo-scta-p{gap:10px;margin-bottom:20px}.demo-scta-lg .demo-scta-p span{height:10px}.demo-scta-lg .demo-scta-cards i{height:90px}.demo-scta-lg .demo-scta-bar{border-radius:18px 18px 0 0;padding:14px 20px}.demo-scta-lg .demo-scta-txt b{font-size:clamp(14px,3.8vw,16px)}.demo-scta-lg .demo-scta-txt small{font-size:12px}.demo-scta-lg .demo-scta-bar .demo-btn{flex:none;padding:10px 20px;font-size:14px}.demo-abr{text-align:left;background:#fff;position:relative;overflow:hidden}.anim-thumb>.demo-abr{position:absolute;inset:0}.demo-abr-bar{background:linear-gradient(90deg,#4c0f86,#6a0dad 50%,#9d4edd);padding:8px 12px;font-size:12px}.demo-abr-bar p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-abr-bar u{text-underline-offset:2px;opacity:.9;margin-left:4px}.demo-abr-nav{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.demo-abr-nav b{letter-spacing:-.02em;color:var(--accent);margin-right:auto;font-size:15px;font-weight:800}.demo-abr-nav span{background:#e6e0ee;border-radius:99px;width:32px;height:7px}.demo-abr-hero{gap:8px;padding:18px 16px;display:grid}.demo-abr-hero b{background:var(--accent-line);border-radius:6px;width:70%;height:16px}.demo-abr-hero span{background:#eeeaf4;border-radius:99px;height:8px}.demo-abr-hero span.short{width:55%}.demo-abr-hero i{background:var(--accent);opacity:.85;border-radius:99px;width:90px;height:24px;margin-top:4px}.demo-abr-lg{border-radius:16px;width:min(640px,100%);height:300px;box-shadow:0 8px 30px #0f0f1e14}.demo-abr-lg .demo-abr-bar{padding:6px 8px;font-size:clamp(12px,3.4vw,14px)}.demo-abr-lg .demo-abr-nav{gap:14px;padding:16px 22px}.demo-abr-lg .demo-abr-nav b{font-size:20px}.demo-abr-lg .demo-abr-nav span{width:46px;height:9px}.demo-abr-lg .demo-abr-hero{gap:12px;padding:30px 22px}.demo-abr-lg .demo-abr-hero b{height:26px}.demo-abr-lg .demo-abr-hero span{height:11px}.demo-abr-lg .demo-abr-hero i{width:130px;height:38px;margin-top:8px}.demo-lbx{text-align:left;background:#fff;place-items:center;display:grid;position:relative;overflow:hidden}.anim-thumb>.demo-lbx{padding:16px;position:absolute;inset:0}.demo-lbx-inner{width:100%}.demo-lbx-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.demo-lbx-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%;height:auto;display:block}.demo-lbx-grid img:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.anim-thumb .demo-lbx .lbx-c .lbx-slide{padding:34px 10px 26px}.anim-thumb .demo-lbx .lbx-top{padding:6px 6px 0 12px;font-size:11px}.anim-thumb .demo-lbx .lbx-btn{width:24px;height:24px;font-size:16px}.anim-thumb .demo-lbx .lbx-prev,.anim-thumb .demo-lbx .lbx-next{display:none}.anim-thumb .demo-lbx .lbx-cap{font-size:11px;bottom:7px}.demo-lbx-lg{box-sizing:border-box;width:100%;min-height:360px;padding:28px 20px}.demo-lbx-lg .demo-lbx-inner{width:min(560px,100%)}.demo-lbx-title{justify-content:space-between;align-items:baseline;margin:0 0 12px;display:flex}.demo-lbx-title b{font-size:18px}.demo-lbx-title span{color:var(--text-muted);font-size:13px;font-weight:600}.demo-lbx-lg .demo-lbx-grid{gap:10px}.demo-lbx-lg .demo-lbx-grid img{border-radius:12px}.demo-fvp{text-align:left;background:#fff;position:relative;overflow:hidden}.anim-thumb>.demo-fvp{position:absolute;inset:0}.demo-fvp-scroll{scrollbar-width:none;padding:14px 18px 20px;position:absolute;inset:0;overflow-y:auto}.demo-fvp-scroll::-webkit-scrollbar{display:none}.demo-fvp-h{background:var(--accent-line);border-radius:6px;width:60%;height:14px;margin-bottom:12px;display:block}.demo-fvp-video{aspect-ratio:16/9;background:linear-gradient(#f9a8d4,#fcd34d 75%);border-radius:10px;position:relative;overflow:hidden}.demo-fvp-video i{display:block;position:absolute}.demo-fvp-sun{aspect-ratio:1;background:#fff7ed;border-radius:50%;width:22%;animation:6s ease-in-out infinite alternate demo-fvp-sun;top:30%;left:50%;box-shadow:0 0 30px #fff7ed}.demo-fvp-hill{background:#a855f7;border-radius:50% 50% 0 0;height:70%;bottom:-30%;left:-10%;right:-10%}.demo-fvp-hill2{background:#6b21a8;border-radius:50% 50% 0 0;height:70%;animation:6s ease-in-out infinite alternate demo-fvp-drift;bottom:-40%;left:30%;right:-40%}.demo-fvp-tag{color:#fff;background:#0f0a1e8c;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;bottom:10px;left:8px}.demo-fvp-prog{background:#ffffff59;height:3px;position:absolute;bottom:0;left:0;right:0}.demo-fvp-prog i{transform-origin:0;background:#fff;animation:12s linear infinite demo-fvp-prog;inset:0}@keyframes demo-fvp-sun{0%{transform:translate(-80%,10%)}to{transform:translate(-20%,-15%)}}@keyframes demo-fvp-drift{0%{transform:translate(0)}to{transform:translate(-12%)}}@keyframes demo-fvp-prog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.demo-fvp-p{gap:7px;margin:14px 0 0;display:grid}.demo-fvp-p span{background:#eeeaf4;border-radius:99px;height:7px}.demo-fvp-p span.short{width:55%}.demo-fvp-lg{background:#f6f3fa;width:100%;height:360px}.demo-fvp-lg .demo-fvp-scroll{background:linear-gradient(90deg,#0000 calc(50% - 310px),#fff 0 calc(50% + 310px),#0000 0);padding:24px max(20px,50% - 280px) 28px}.demo-fvp-lg .demo-fvp-h{height:22px;margin-bottom:16px}.demo-fvp-lg .demo-fvp-video{border-radius:14px}.demo-fvp-lg .demo-fvp-tag{font-size:12px}.demo-fvp-lg .demo-fvp-p{gap:10px;margin-top:20px}.demo-fvp-lg .demo-fvp-p span{height:10px}.anim-thumb .demo-fvp .fvp-x{width:18px;height:18px;font-size:12px;top:3px;right:3px}.anim-thumb .demo-fvp .fvp-float .demo-fvp-tag{font-size:8px;bottom:6px;left:5px}.demo-nse{color:#fff;text-align:left;background:radial-gradient(120% 90% at 20% 0,#c084fc 0%,#6a0dad 50%,#1e1b4b 100%);align-content:start;justify-items:center;display:grid}.anim-thumb>.demo-nse{padding:12px 20px;position:absolute;inset:0}.demo-nse-stack{width:100%;font-size:12px}.demo-nse-stack .nse-head{margin-bottom:6px}.demo-nse-stack .nse-btn{background:#fff3}.demo-nse-card{background:#fbf9fe;border-radius:12px;align-items:center;gap:9px;padding:7px 10px;display:flex;box-shadow:0 6px 18px #140a2840}.demo-nse-card>i{background:var(--accent-soft);border-radius:7px;flex:none;place-items:center;width:24px;height:24px;font-size:13px;font-style:normal;display:grid}.demo-nse-card>span{flex:1;min-width:0;line-height:1.3;display:grid}.demo-nse-card b{justify-content:space-between;gap:8px;font-size:11px;display:flex}.demo-nse-card small{color:var(--text-muted);font-weight:500}.demo-nse-card em{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:normal;overflow:hidden}.demo-nse-lg{box-sizing:border-box;border-radius:26px;width:min(400px,100%);min-height:380px;padding:22px 18px;box-shadow:0 18px 50px #1e1b4b33}.demo-nse-lg .demo-nse-stack{font-size:15px}.demo-nse-lg .demo-nse-stack .nse-head{margin-bottom:10px}.demo-nse-lg .demo-nse-card{border-radius:18px;gap:12px;padding:11px 14px}.demo-nse-lg .demo-nse-card>i{border-radius:10px;width:36px;height:36px;font-size:19px}.demo-nse-lg .demo-nse-card b{font-size:14px}.demo-nse-lg .demo-nse-card small{font-size:12px}.demo-nse-lg .demo-nse-card em{white-space:normal;font-size:14px}.demo-icf{text-align:left;justify-items:center;gap:16px;display:grid}.demo-icf-row{background:#fff;border-radius:12px;align-items:center;gap:10px;width:210px;padding:10px 12px;display:flex;box-shadow:0 6px 18px #0f0f1e12}.demo-icf-row i,.demo-icf-lg li>i{background:var(--accent-soft);border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:16px;font-style:normal;display:grid}.demo-icf-row span,.demo-icf-lg li>span{flex:1;min-width:0;line-height:1.3;display:grid}.demo-icf-row b,.demo-icf-lg b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.demo-icf-row small,.demo-icf-lg small{color:var(--text-muted);font-size:11px}.demo-icf-del{color:#dc2626;height:34px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:99px;align-items:center;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.demo-icf-del:hover{background:#fef2f2}.demo-icf-del:focus-visible{outline-offset:2px;outline:2px solid #dc2626}.demo-icf-lg{box-sizing:border-box;background:#fff;border-radius:18px;justify-items:stretch;gap:0;width:min(480px,100%);margin:0;padding:8px;list-style:none;box-shadow:0 8px 30px #0f0f1e14}.demo-icf-lg li{border-radius:12px;align-items:center;gap:10px;min-height:56px;padding:8px 8px 8px 10px;display:flex}.demo-icf-lg li+li{border-top:1px solid var(--border);border-radius:0}.demo-icf-lg b{font-size:14px}.demo-icf-lg .icf{flex:none}@media (width<=400px){.demo-icf-lg li>i{display:none}}.demo-pnd-wrap{justify-items:center;gap:18px;display:grid}.anim-thumb>.demo-pnd-wrap{position:absolute;inset:0}.demo-pnd{color:#fff;text-align:left;background:radial-gradient(110% 80% at 80% 100%,#f9a8d4 0%,#a855f7 40%,#312e81 100%);align-content:center;justify-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.demo-pnd-clock{text-shadow:0 2px 14px #0003;justify-items:center;margin-top:46px;display:grid}.demo-pnd-clock b{letter-spacing:-.02em;font-size:48px;font-weight:700;line-height:1}.demo-pnd-clock span{opacity:.85;margin-top:4px;font-size:12px}.demo-pnd .demo-pnd-n.pnd-c{border-radius:16px;align-items:flex-start;gap:10px;width:min(300px,100% - 24px);padding:9px 12px;font-size:11px;display:flex;top:10px}.demo-pnd-ic{background:linear-gradient(135deg,#f0abfc,#a855f7);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:15px;font-style:normal;display:grid}.demo-pnd-tx{flex:1;min-width:0;line-height:1.3;display:grid}.demo-pnd-app{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;justify-content:space-between;font-size:.9em;font-weight:600;display:flex}.demo-pnd-app small{text-transform:none;letter-spacing:0;font-size:1em;font-weight:500}.demo-pnd-tx>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-pnd-lg{box-sizing:border-box;border:8px solid #0b0a12;border-radius:44px;align-content:start;width:min(320px,100%);height:400px;box-shadow:0 18px 50px #1e1b4b40}.demo-pnd-lg:before{content:"";z-index:6;background:#0b0a12;border-radius:99px;width:90px;height:24px;margin-left:-45px;position:absolute;top:10px;left:50%}.demo-pnd-lg .demo-pnd-clock{margin-top:158px}.demo-pnd-lg .demo-pnd-clock b{font-size:64px}.demo-pnd-lg .demo-pnd-clock span{font-size:14px}.demo-pnd-lg .demo-pnd-n.pnd-c{border-radius:20px;width:calc(100% - 20px);padding:11px 13px;font-size:13px;top:44px}.demo-pnd-lg .demo-pnd-ic{border-radius:10px;width:36px;height:36px;font-size:18px}.demo-pnd-lg .demo-pnd-tx>span:last-child{white-space:normal}.demo-pnd-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.demo-pnd-btns button{border:1px solid var(--accent-line);color:var(--text);font:inherit;cursor:pointer;background:#fff;border-radius:99px;padding:9px 14px;font-size:14px;font-weight:600}.demo-pnd-btns button:hover,.demo-pnd-btns button:focus-visible{background:var(--accent-soft);color:var(--accent)}.demo-bg.demo-bg-pst{color:var(--text);background:#faf5ff}.demo-bg-emb{text-shadow:0 0 22px #ff8a1f73;background:radial-gradient(at 50% 125%,#7c2d12,#2a0f08 50%,#0d0504)}.demo-bg-sps{text-shadow:0 2px 14px #000000b3;background:radial-gradient(at 50% 100%,#1f1a24,#0b0b10 70%)}.demo-bg-dmt{text-shadow:0 2px 16px #0009;background:radial-gradient(at 25% 0,#3a2a1c,#17120e 60%,#0c0907)}.demo-bg.demo-bg-flv{color:#431407;background:linear-gradient(#fff7ed,#fde7cf)}.demo-bg.demo-bg-cbp{color:#4a1d3a;background:linear-gradient(#dbeafe,#fdf2f8 85%)}.demo-bg-rnf{text-shadow:0 2px 16px #0009;background:linear-gradient(#253246,#111827 82%,#1c2534)}.demo-bg-fht{text-shadow:0 2px 16px #14002880;cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(at 80% 110%,#6d28d9,#2e1065 55%,#160531)}.demo-bg.demo-bg-bln{color:#1e1b4b;text-shadow:0 1px 12px #ffffffb3;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#bae6fd,#e0f2fe 55%,#fdf4ff)}.demo-cnb{justify-items:center;gap:56px;display:grid}.demo-cnb-wallet{color:#78350f;font-variant-numeric:tabular-nums;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 10px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 6px 18px #b453091f}.demo-cnb-icon{background:radial-gradient(circle at 34% 28%,#fffbe0,#facc15 45%,#b45309);border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1.5px #a16207,inset 0 0 0 3px #fde047}.anim-thumb .demo-cnb-btn{margin-top:30px}.demo-bg-glp{text-shadow:0 2px 16px #0009;background:radial-gradient(at 50% 0,#4c1d95,#1e1033 55%,#0f0820)}.demo-bg-smp{text-shadow:0 2px 16px #000000b3;cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 120%,#44403c,#1c1917 60%,#0c0a09)}.demo-bg-gvw{text-shadow:0 2px 16px #000c;-webkit-user-select:none;user-select:none;background:radial-gradient(#1e1036,#0b0616 70%)}.demo-bg-prp{text-shadow:0 2px 16px #000c;-webkit-user-select:none;user-select:none;cursor:crosshair;background:radial-gradient(at 50% 40%,#241544,#120a24 70%)}.demo-itp{background:radial-gradient(at 50% 45%,#241433,#0e0a18 75%);place-items:center;width:100%;display:grid;position:relative}.anim-thumb>.demo-itp{position:absolute;inset:0}.anim-stage .demo-itp{min-height:360px}.demo-itp-img{border-radius:10px;width:48%;height:auto;display:block;box-shadow:0 10px 30px #00000073}.anim-stage .demo-itp-img{border-radius:14px;width:min(340px,72%)}.demo-gsh{background:linear-gradient(135deg,#6d28d9,#db2777 58%,#f59e0b);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.anim-thumb>.demo-gsh{position:absolute;inset:0}.anim-stage .demo-gsh{min-height:360px}.demo-gsh-pane{aspect-ratio:16/10;color:#fff;width:58%;font:inherit;text-align:center;text-shadow:0 1px 8px #3c003c59;background:linear-gradient(135deg,#ffffff6b,#ffffff1f 60%,#ffffff42);border:1px solid #fff9;border-radius:14px;place-content:center;gap:6px;padding:0;display:grid;box-shadow:inset 0 1px #ffffffb3,0 12px 30px #28003c40}.demo-gsh-pane strong{letter-spacing:-.03em;font-size:26px;font-weight:800}.demo-gsh-pane span{opacity:.9;font-size:15px;font-weight:600}.anim-stage .demo-gsh-pane{width:min(340px,80%)}.anim-stage .demo-gsh-pane strong{font-size:clamp(30px,6vw,40px)}.demo-gsh-pane:focus-visible{outline-offset:4px;outline:3px solid #fff}.demo-bg.demo-bg-fwm{cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 130%,#312e81,#0f0b2e 55%,#05040f);align-items:end}.demo-fwm-cap{letter-spacing:0;opacity:.7;font-size:15px;font-weight:600}.anim-stage .demo-fwm-cap{font-size:16px}.demo-bg.demo-bg-pfn{text-shadow:0 2px 16px #000c;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 115%,#0e3a52,#08152a 55%,#050a17);align-items:start;padding-top:14%}.anim-stage .demo-bg.demo-bg-pfn{padding-top:56px}.demo-swv{cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;background-color:#4c1d95;background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px),linear-gradient(135deg,#7c3aed,#db2777 60%,#f97316);background-size:24px 24px,24px 24px,100% 100%;place-items:center;width:100%;display:grid;position:relative}.anim-thumb>.demo-swv{position:absolute;inset:0}.anim-stage .demo-swv{background-size:32px 32px,32px 32px,100% 100%;min-height:360px}.demo-swv-t{letter-spacing:-.04em;text-shadow:0 3px 18px #3c003c66;justify-items:center;gap:4px;font-size:40px;font-weight:800;display:grid}.demo-swv-t small{letter-spacing:0;opacity:.85;font-size:15px;font-weight:600}.anim-stage .demo-swv-t{font-size:clamp(48px,9vw,96px)}.anim-stage .demo-swv-t small{font-size:16px}.demo-bg.demo-bg-bpt{color:#2e1065;-webkit-user-select:none;user-select:none;background:linear-gradient(#f5f3ff,#ede9fe);grid-template-rows:1fr 1fr}.demo-stl{color:#fff;background:linear-gradient(#0f1e3d,#1e3a6e 70%,#2c4a80);align-content:center;justify-items:center;gap:22px;width:100%;padding:30px 20px 20px;display:grid;position:relative}.anim-thumb>.demo-stl{gap:16px;padding-top:26px;position:absolute;inset:0}.anim-stage .demo-stl{gap:30px;min-height:360px;padding-top:44px}.demo-stl-card{color:#1e293b;text-align:left;background:#fff;border-radius:14px;gap:4px;width:min(300px,80%);padding:14px 18px;display:grid;box-shadow:0 10px 30px #00001459}.demo-stl-card strong{letter-spacing:-.02em;font-size:20px;font-weight:800}.demo-stl-card small{color:#64748b;font-size:14px}.anim-thumb .demo-stl-card{width:70%;padding:10px 14px}.anim-thumb .demo-stl-card strong{font-size:17px}.demo-stl-btn{color:#fff;background:#e11d48;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:700;display:inline-block;box-shadow:0 6px 16px #0000144d}.demo-bg.demo-iiw{color:#0f172a;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#f8fbff,#e6f0f7);align-items:start;padding-top:14%}.anim-stage .demo-bg.demo-iiw{padding-top:48px}.demo-iiw span{opacity:.85}.demo-bg-swm{text-shadow:0 2px 16px #000c;-webkit-user-select:none;user-select:none;background:radial-gradient(#0c1f3a,#050b18 75%)}.demo-bbw{background:linear-gradient(135deg,#a855f7,#ec4899 55%,#f97316);place-items:center;width:100%;padding:20px;display:grid;position:relative}.anim-thumb>.demo-bbw{padding:14px;position:absolute;inset:0}.anim-stage .demo-bbw{min-height:360px}.demo-bbw-sheet{color:#fff;background:#ffffff29;border-radius:14px;width:min(560px,100%);padding:14px 10px;box-shadow:inset 0 0 0 1px #ffffff59,0 12px 30px #3c003c33}.anim-thumb .demo-bbw-sheet{width:100%;padding:10px 6px}.anim-demo.demo-ewr{text-align:center;max-width:12em;font-size:clamp(32px,6vw,72px)}.anim-demo.demo-hhp{text-align:center;max-width:11em;font-size:clamp(32px,6vw,72px)}.demo-syt{padding:0 6%}.demo-syt-graphic{width:100%;max-width:420px}.demo-syt-graphic svg{width:100%;height:auto;max-height:calc(var(--syt-view,300px) * .86);filter:drop-shadow(0 8px 20px #1e1b4b1a);margin:0 auto;display:block}.demo-syt-title{letter-spacing:-.02em;fill:var(--text);font-size:15px;font-weight:800}.demo-syt-tag{fill:var(--accent);font-size:12px;font-weight:700}.demo-syt-tag.demo-syt-on{fill:#fff}.demo-syt [data-step] p{color:var(--text-muted);margin:0;font-size:16px;line-height:1.45}.demo-syt [data-step] b{letter-spacing:-.03em;color:var(--text);margin-bottom:4px;font-size:22px;display:block}.demo-syt.syt-over [data-step] p{width:min(280px,92%);margin:0 auto;font-size:14px}.demo-syt.syt-over [data-step] b{font-size:17px}.anim-thumb .demo-syt.syt-over [data-step] p{width:78%;padding:9px 12px;font-size:12px;line-height:1.35}.anim-thumb .demo-syt.syt-over [data-step] b{margin-bottom:2px;font-size:14px}.demo-sfs svg{aspect-ratio:1;width:auto;height:92%}.demo-ssv{background:#0b1026;border-radius:14px;width:88%;overflow:hidden;box-shadow:0 14px 34px #1e1b4b38}.demo-glide-lg .demo-ssv{width:min(580px,88%)}.demo-szt-head{letter-spacing:-.05em;font-size:22cqw;font-weight:900;line-height:1}.demo-szt-next{color:#fff;text-align:center;background:radial-gradient(circle at 25% 20%,#f472b6,#f472b600 55%),linear-gradient(135deg,#4c1d95,#a855f7 45%,#f59e0b);flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;padding:0 6%;display:flex}.demo-szt-next b{letter-spacing:-.04em;font-size:12cqw;line-height:1}.demo-szt-next span{opacity:.9;font-size:14px}.demo-glide-lg .demo-szt-next b{font-size:clamp(36px,9cqw,72px)}.demo-glide-lg .demo-szt-next span{font-size:17px}.demo-sef{aspect-ratio:16/10;border-radius:14px;place-items:center;width:88%;margin:0 auto;display:grid;position:relative;overflow:hidden}.demo-sef>svg{width:100%;height:100%;position:absolute;inset:0}.demo-sef [data-caption]{color:#fff;letter-spacing:-.04em;text-shadow:0 4px 24px #50143280;margin:0;font-size:11cqw;font-weight:800}.demo-glide-lg .demo-sef [data-caption]{font-size:clamp(34px,8cqw,64px)}.demo-stf-app{text-align:left;background:#faf8ff;grid-template-columns:17% 1fr;width:100%;height:100%;display:grid;overflow:hidden;container-type:inline-size}.demo-stf-side{background:#1e1b4b;flex-direction:column;gap:2.4cqw;padding:4cqw 2.6cqw;display:flex}.demo-stf-side i{aspect-ratio:1;background:var(--gradient);border-radius:1.4cqw;width:5cqw;margin-bottom:1.6cqw}.demo-stf-side b{background:#ffffff38;border-radius:99px;height:1.3cqw}.demo-stf-side b:nth-child(2){background:#ffffffbf}.demo-stf-main{flex-direction:column;gap:3cqw;min-width:0;padding:3.6cqw 4cqw;display:flex}.demo-stf-top{justify-content:space-between;align-items:center;display:flex}.demo-stf-top b{background:#1e1b4b;border-radius:99px;width:32%;height:2.6cqw}.demo-stf-top span{aspect-ratio:1;background:linear-gradient(135deg,#f9a8d4,#db2777);border-radius:50%;width:6cqw}.demo-stf-tiles{grid-template-columns:repeat(3,1fr);gap:2.4cqw;display:grid}.demo-stf-tiles span{background:#fff;border-radius:1.8cqw;flex-direction:column;gap:1.4cqw;padding:2.2cqw;display:flex;box-shadow:0 .4cqw 1.6cqw #1e1b4b14}.demo-stf-tiles em{letter-spacing:-.03em;color:#1e1b4b;font-size:4.4cqw;font-style:normal;font-weight:800;line-height:1}.demo-stf-tiles i{background:#ede9fe;border-radius:99px;width:60%;height:1.2cqw}.demo-stf-chart{background:#fff;border-radius:1.8cqw;flex:1;min-height:0;padding:2cqw;box-shadow:0 .4cqw 1.6cqw #1e1b4b14}.demo-stf-chart svg{width:100%;height:100%;display:block}.demo-los{width:78%;margin:0 auto}.demo-glide-lg .demo-los{width:min(420px,84%)}.demo-stf-intro{text-align:center;align-content:center;gap:4px;min-height:88%;padding:0 6%;display:grid}.demo-stf-intro b{letter-spacing:-.04em;font-size:9cqw;font-weight:800;line-height:1.1}.demo-stf-intro span{color:var(--text-muted);font-size:13px}.demo-glide-lg .demo-stf-intro{min-height:300px}.demo-glide-lg .demo-stf-intro b{font-size:clamp(26px,6cqw,44px)}.demo-glide-lg .demo-stf-intro span{font-size:16px}.demo-stf{background:#1e1b4b;border:5px solid #1e1b4b;border-radius:14px;width:86%;margin:0 auto;overflow:hidden;box-shadow:0 30px 60px -24px #1e1b4b73}.demo-stf .demo-stf-app{aspect-ratio:16/10}.demo-glide-lg .demo-stf{border-width:8px;border-radius:22px;width:min(600px,88%)}.demo-sclr section{text-align:center;place-content:center;justify-items:center;gap:4px;height:170px;padding:0 6%;display:grid}.demo-sclr section i{border-radius:50%;width:26px;height:26px;margin-bottom:6px;box-shadow:0 0 0 7px #ffffff47}.demo-sclr section b{letter-spacing:-.04em;font-size:11cqw;font-weight:800;line-height:1}.demo-sclr section span{opacity:.8;font-size:13px}.demo-sclr.demo-glide-lg section{height:330px}.demo-sclr.demo-glide-lg section i{width:44px;height:44px;margin-bottom:10px;box-shadow:0 0 0 12px #ffffff47}.demo-sclr.demo-glide-lg section b{font-size:clamp(40px,9cqw,72px)}.demo-sclr.demo-glide-lg section span{font-size:17px}.demo-sclr .demo-hint{color:inherit;opacity:.7}.demo-ocp{border-radius:12px;grid-template-rows:100%;grid-template-columns:repeat(3,1fr);align-items:center;gap:8px;width:88%;height:170px;margin:0 auto;display:grid}.demo-ocp>div{flex-direction:column;gap:8px;display:flex}.demo-ocp i{aspect-ratio:4/5;border-radius:8px;display:block}.demo-glide-lg .demo-ocp{border-radius:18px;gap:14px;width:min(460px,90%);height:320px}.demo-glide-lg .demo-ocp>div{gap:14px}.demo-glide-lg .demo-ocp i{border-radius:12px}.demo-ocp-t0{background:radial-gradient(circle at 50% 60%,#fde68a 0 15%,#0000 16%),linear-gradient(#7c3aed,#f472b6 58%,#fb923c 58%,#c2410c)}.demo-ocp-t1{background:radial-gradient(circle at 70% 24%,#fff 0 10%,#0000 11%),linear-gradient(#7dd3fc 58%,#0284c7 58%,#075985)}.demo-ocp-t2{background:linear-gradient(160deg,#0000 58%,#14532d 58%),linear-gradient(20deg,#166534 42%,#0000 42%),linear-gradient(#bbf7d0,#4ade80)}.demo-ocp-t3{background:radial-gradient(circle at 30% 30%,#f8fafc 0 11%,#0000 12%),radial-gradient(circle at 75% 22%,#fff 0 2%,#0000 3%),radial-gradient(circle at 60% 62%,#fff 0 1.6%,#0000 2.6%),linear-gradient(#020617,#312e81)}.demo-ocp-t4{background:radial-gradient(90% 38% at 25% 100%,#b45309 98%,#0000),radial-gradient(80% 45% at 85% 92%,#f59e0b 98%,#0000),linear-gradient(#fde68a,#fdba74)}.demo-ocp-t5{background:radial-gradient(circle at 50% 45%,#fdf4ff 0 18%,#0000 19%),linear-gradient(135deg,#c084fc,#6366f1)}.anim-thumb>.demo-sns-wrap{position:absolute;inset:0}.demo-sns{color:#fff;text-align:center;height:100%;overflow:hidden}.demo-sns section{place-content:center;justify-items:center;gap:2px;height:100%;padding:0 14%;display:grid}.demo-sns section:first-of-type{background:linear-gradient(135deg,#6d28d9,#c026d3)}.demo-sns section:nth-of-type(2){background:linear-gradient(135deg,#0369a1,#22d3ee)}.demo-sns section:nth-of-type(3){background:linear-gradient(135deg,#be185d,#fb923c)}.demo-sns section:nth-of-type(4){background:linear-gradient(135deg,#1e1b4b,#4338ca)}.demo-sns section b{letter-spacing:.2em;opacity:.75;font-size:12px;font-weight:700}.demo-sns section strong{letter-spacing:-.04em;font-size:32px;font-weight:800;line-height:1.1}.demo-sns section span{opacity:.85;font-size:13px}.demo-sns-stage{width:min(720px,100%)}.demo-sns-lg{scrollbar-width:none;border-radius:16px;height:380px;overflow-y:auto;box-shadow:0 6px 24px #0f0f1e1a}.demo-sns-lg::-webkit-scrollbar{display:none}.demo-sns-lg section b{font-size:14px}.demo-sns-lg section strong{font-size:clamp(36px,7vw,64px)}.demo-sns-lg section span{font-size:17px}@media (width<=640px){.demo-sns-lg{height:320px}}.demo-rtlf{background:#fff;border-radius:12px;margin:12px 6% 16px;padding:12px 7% 18px;box-shadow:0 4px 16px #1e1b4b12}.demo-rtlf h3{letter-spacing:-.03em;margin:40px 0 12px;font-size:18px;line-height:1.2}.demo-rtlf p{margin:0 0 14px}.demo-rtlf p i{background:var(--accent-line);border-radius:99px;height:8px;margin-bottom:7px;display:block}.demo-rtlf p i:nth-child(2){width:92%}.demo-rtlf p i:nth-child(3){width:62%}.demo-rtlf-lg{max-width:600px;box-shadow:none;margin:0 auto 24px;padding:4px 6% 24px}.demo-rtlf-lg h3{margin:48px 0 16px;font-size:clamp(24px,5cqw,32px)}.demo-rtlf-lg p{color:var(--text-muted);font-size:16px;line-height:1.65}.demo-slmq{gap:10px;margin:0 -8%;display:grid;transform:rotate(-4deg)}.demo-slmq-row{letter-spacing:-.03em;text-transform:uppercase;padding:8px 0;font-size:26px;font-weight:800;line-height:1.1}.demo-slmq-row span{padding:0 14px}.demo-slmq-row i{font-size:.6em;font-style:normal}.demo-slmq-a{background:var(--accent);color:#fff}.demo-slmq-b{color:#fde68a;background:#1e1b4b}.demo-slmq-c{color:var(--accent);background:#fff}.demo-glide-lg .demo-slmq{gap:16px}.demo-glide-lg .demo-slmq-row{padding:12px 0;font-size:clamp(30px,7cqw,56px)}.demo-glide-lg .demo-slmq-c{background:var(--accent-soft)}.demo-srot{justify-content:center;align-items:center;gap:6%;padding:0 6%;display:flex}.demo-srot-badge{aspect-ratio:1;flex:none;width:36%;max-width:200px;position:relative}.demo-srot-badge>svg:first-child{width:100%;height:100%;display:block}.demo-srot-badge text{letter-spacing:.5px;fill:#fff;font-size:12px;font-weight:800}.demo-srot-mid{color:#fde68a;width:38%;height:38%;position:absolute;inset:31%}.demo-srot-gears{flex:none;width:52%;max-width:300px;height:auto;display:block}.demo-srs-cover{place-items:center;height:180px;display:grid;position:relative;overflow:hidden}.demo-srs-cover svg{width:100%;height:100%;position:absolute;inset:0}.demo-srs-cover b{color:#fff;letter-spacing:-.05em;text-shadow:0 4px 22px #07598580;font-size:14cqw;font-weight:900;line-height:1;position:relative}.demo-srs-next{text-align:center;color:#fff;background:radial-gradient(circle at 25% 20%,#f472b6,#f472b600 55%),linear-gradient(135deg,#4c1d95,#a855f7 50%,#f59e0b);place-content:center;gap:6px;min-height:180px;padding:0 8%;display:grid}.demo-srs-next b{letter-spacing:-.04em;font-size:10cqw;line-height:1.05}.demo-srs-next span{opacity:.9;font-size:13px}.demo-glide-lg .demo-srs-cover b{font-size:clamp(44px,12cqw,96px)}.demo-glide-lg .demo-srs-next b{font-size:clamp(32px,8cqw,60px)}.demo-glide-lg .demo-srs-next span{font-size:17px}.demo-secu section{text-align:center;place-content:center;justify-items:center;gap:4px;height:180px;padding:0 8%;display:grid}.demo-secu b{letter-spacing:-.04em;font-size:11cqw;font-weight:800;line-height:1.05}.demo-secu span{opacity:.85;font-size:13px}.demo-secu-top{color:#1e1b4b;background:radial-gradient(circle at 80% 15%,#fde68a,#fde68a00 45%),linear-gradient(160deg,#fef3c7,#fbcfe8);border-radius:0 0 18px 18px}.demo-secu-under{color:#fff;background:radial-gradient(circle at 25% 20%,#f472b6,#f472b600 55%),linear-gradient(135deg,#4c1d95,#a855f7 50%,#f59e0b)}.demo-glide-lg .demo-secu section{height:320px}.demo-glide-lg .demo-secu b{font-size:clamp(36px,9cqw,68px)}.demo-glide-lg .demo-secu span{font-size:17px}.demo-glide-lg .demo-secu-top{border-radius:0 0 28px 28px}.demo-ssm svg{aspect-ratio:1;filter:drop-shadow(0 10px 18px #1e1b4b2e);width:auto;max-width:80%;height:62%;display:block;overflow:visible}.demo-ssm [data-caption]{letter-spacing:-.03em;min-height:1.2em;color:var(--text);margin:8px 0 0;font-size:20px;font-weight:800}.demo-glide-lg .demo-ssm [data-caption]{margin-top:16px;font-size:clamp(24px,5cqw,34px)}.demo-sptv{width:72%;max-width:300px;margin:0 auto}.demo-sptv svg{width:100%;height:auto;display:block;overflow:visible}.demo-sptv [data-at] circle:first-child{fill:#e9d5ff;transition:fill .3s}.demo-sptv [data-at] text{letter-spacing:-.02em;fill:#a1a1aa;font-size:22px;font-weight:800;transition:fill .3s}.demo-sptv [data-at].sptv-on circle:first-child{fill:var(--accent)}.demo-sptv [data-at].sptv-on text{fill:var(--text)}.demo-glide-lg .demo-sptv{width:min(300px,70%)}.demo-zog{aspect-ratio:3/2;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:6px;width:80%;display:grid}.demo-zog>i,.demo-zog-hero{border-radius:8px;display:block;overflow:hidden}.demo-zog-hero{place-items:center;margin:0;display:grid;position:relative}.demo-zog-hero svg{width:100%;height:100%;position:absolute;inset:0}.demo-zog-hero b{color:#fff;white-space:nowrap;letter-spacing:-.03em;text-shadow:0 2px 10px #07598580;font-size:30px;font-weight:900;position:absolute;top:50%;left:50%;translate:-50% -50%}.demo-glide-lg .demo-zog{gap:10px;width:min(480px,90%)}.demo-glide-lg .demo-zog>i,.demo-glide-lg .demo-zog-hero{border-radius:12px}.demo-glide-lg .demo-zog-hero b{font-size:clamp(40px,9cqw,72px)}.demo-gex{aspect-ratio:16/10;grid-template-columns:repeat(4,1fr);gap:5px;width:76%;display:grid}.demo-gex i{border-radius:6px;display:block}.demo-gex-behind{text-align:center;justify-items:center;gap:4px;margin:0;padding:0 8%;display:grid}.demo-gex-behind b{letter-spacing:-.05em;background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:13cqw;font-weight:900;line-height:1}.demo-gex-behind span{color:var(--text-muted);font-size:12px}.demo-glide-lg .demo-gex{gap:8px;width:min(480px,90%)}.demo-glide-lg .demo-gex i{border-radius:10px}.demo-glide-lg .demo-gex-behind b{font-size:clamp(40px,11cqw,84px)}.demo-glide-lg .demo-gex-behind span{font-size:16px}.demo-scue{text-align:center;color:#fff;background:radial-gradient(circle at 80% 10%,#f472b6,#f472b600 50%),linear-gradient(150deg,#312e81,#6a0dad 60%,#a855f7);place-content:center;justify-items:center;gap:4px;height:100%;padding:0 8% 40px;display:grid;position:relative}.demo-scue>b{letter-spacing:-.04em;font-size:12cqw;font-weight:800;line-height:1.05}.demo-scue>span:not([data-scroll-cue]){opacity:.85;font-size:13px}.demo-scue [data-scroll-cue]{color:#fff;font:inherit;background:0 0;border:0;padding:6px}.demo-glide-lg .demo-scue{padding-bottom:70px}.demo-glide-lg .demo-scue>b{font-size:clamp(38px,10cqw,76px)}.demo-glide-lg .demo-scue>span:not([data-scroll-cue]){font-size:17px}.demo-scue+.demo-glide-rows{padding-top:16px}.demo-ild-box{text-align:left;scrollbar-width:none;overflow:hidden auto}.demo-ild-box::-webkit-scrollbar{display:none}.anim-thumb>.demo-ild-box{position:absolute;inset:0}.demo-ild{color:var(--text-muted);gap:8px;margin:0;padding:12px 8%;list-style:none;display:grid}.demo-ild>li{min-width:0}.demo-ild>li:not(.ild-loader){background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex;box-shadow:0 2px 10px #1e1b4b12}.demo-ild>li>i{border-radius:50%;flex:none;width:30px;height:30px;box-shadow:inset 0 -6px 10px #0000001f}.demo-ild>li>span{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.demo-ild b:empty,.demo-ild em:empty{background:#ddd6fe;border-radius:99px;width:55%;height:8px;display:block}.demo-ild em:empty{background:#ede9fe;width:85%}.demo-ild-lg{background:var(--accent-soft);scrollbar-width:thin;border-radius:16px;width:min(560px,100%);height:380px}.demo-ild-lg .demo-ild{gap:10px;padding:16px 5%}.demo-ild-lg .demo-ild>li:not(.ild-loader){gap:14px;padding:14px 16px}.demo-ild-lg .demo-ild>li>i{width:44px;height:44px}.demo-ild-lg .demo-ild>li>span{gap:2px}.demo-ild-lg .demo-ild b{color:var(--text);font-size:16px}.demo-ild-lg .demo-ild em{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-style:normal;overflow:hidden}@media (width<=640px){.demo-ild-lg{height:320px}}.demo-scor{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 6%;display:grid}.demo-scor>i{aspect-ratio:4/3;border-radius:8px;display:block}.demo-scor.scor{padding:0;display:block}.demo-scor .scor-pin{background:radial-gradient(circle,#fde68a80,#fde68a00 16%),linear-gradient(#0f0a2e 0%,#2e1065 49.5%,#4c1d95 50.5%,#1e1b4b 100%)}.demo-scor .scor-world>i{border-radius:8px;display:block;box-shadow:0 0 0 3px #ffffffe6,0 10px 30px #00000059}.demo-scor-end{color:#fff;text-align:center;justify-items:center;gap:4px;margin:0;display:grid}.demo-scor-end b{letter-spacing:-.04em;font-size:30px;font-weight:900;line-height:1}.demo-scor-end span{opacity:.8;font-size:13px}.demo-glide-lg .demo-scor-end b{font-size:clamp(34px,9cqw,64px)}.demo-glide-lg .demo-scor-end span{font-size:16px}.demo-smsc{text-align:left;scrollbar-width:none;gap:10px;padding:14px 8%;display:grid;overflow:hidden auto}.demo-smsc::-webkit-scrollbar{display:none}.anim-thumb>.demo-smsc{position:absolute;inset:0}.demo-smsc-card{color:#fff;border-radius:14px;align-items:center;gap:14px;min-height:70px;padding:12px 16px;display:flex;box-shadow:0 8px 20px #1e1b4b1f}.demo-smsc-card:nth-child(6n+1){background:linear-gradient(135deg,#a855f7,#6a0dad)}.demo-smsc-card:nth-child(6n+2){background:linear-gradient(135deg,#f472b6,#be185d)}.demo-smsc-card:nth-child(6n+3){background:linear-gradient(135deg,#38bdf8,#0369a1)}.demo-smsc-card:nth-child(6n+4){background:linear-gradient(135deg,#34d399,#047857)}.demo-smsc-card:nth-child(6n+5){background:linear-gradient(135deg,#fbbf24,#ea580c)}.demo-smsc-card:nth-child(6n+6){background:linear-gradient(135deg,#818cf8,#3730a3)}.demo-smsc-card b{letter-spacing:-.04em;opacity:.75;font-size:30px;line-height:1}.demo-smsc-card strong{letter-spacing:-.03em;font-size:20px;line-height:1.15;display:block}.demo-smsc-card span{opacity:.92;font-size:14px}.demo-smsc-stage{gap:10px;width:min(560px,100%);display:grid}.demo-smsc-stage .demo-hint{margin:0}.demo-smsc-lg{background:var(--accent-soft);scrollbar-width:thin;border-radius:16px;gap:14px;height:340px;padding:16px 5%}.demo-smsc-lg .demo-smsc-card{gap:20px;min-height:120px;padding:18px 22px}.demo-smsc-lg .demo-smsc-card b{font-size:44px}.demo-smsc-lg .demo-smsc-card strong{margin-bottom:2px;font-size:26px}@media (width<=640px){.demo-smsc-lg{height:290px}}.demo-sctw{letter-spacing:-.03em;color:var(--text);margin:10px 0;padding:0 8%;font-size:8cqw;font-weight:800;line-height:1.15}.demo-sctw b{color:var(--accent)}.demo-glide-lg .demo-sctw{margin:24px 0;font-size:clamp(24px,5.2cqw,40px)}.demo-zpc{aspect-ratio:16/11;width:84%;position:relative}.demo-zpc>*{border-radius:8px;margin:0;display:block;position:absolute;overflow:hidden;box-shadow:0 6px 16px #1e1b4b24}.demo-zpc-mid{place-items:center;width:30%;height:36%;display:grid;top:32%;left:35%}.demo-zpc>.demo-zpc-mid{box-shadow:none}.demo-zpc-mid svg{width:100%;height:100%;position:absolute;inset:0}.demo-zpc-mid b{white-space:nowrap;opacity:0;color:#fff;letter-spacing:-.03em;text-shadow:0 2px 10px #07598580;font-size:30px;font-weight:900;position:absolute;top:50%;left:50%;translate:-50% -50%}.demo-zpc-0{width:22%;height:26%;top:3%;left:8%}.demo-zpc-1{width:22%;height:27%;top:0;left:38%}.demo-zpc-2{width:27%;height:30%;top:6%;left:66%}.demo-zpc-3{width:31%;height:28%;top:36%;left:0}.demo-zpc-4{width:25%;height:26%;top:42%;left:69%}.demo-zpc-5{width:22%;height:27%;top:71%;left:12%}.demo-zpc-6{width:25%;height:26%;top:74%;left:39%}.demo-zpc-7{width:21%;height:23%;top:74%;left:69%}.demo-glide-lg .demo-zpc{width:min(500px,90%)}.demo-glide-lg .demo-zpc>*{border-radius:12px}.demo-glide-lg .demo-zpc-mid b{font-size:clamp(36px,9cqw,72px)}.demo-hlth-bar{z-index:2;background:#ffffffeb;justify-content:space-between;align-items:center;gap:10px;height:44px;padding:0 6%;transition:box-shadow .3s;display:flex;position:sticky;top:0}.demo-hlth-bar.hlth-docked{box-shadow:0 4px 16px #1e1b4b1a}.demo-hlth-slot{flex:none;width:70px;height:21px}.demo-hlth-nav{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.demo-hlth-cta{white-space:nowrap;background:var(--accent);color:#fff;border-radius:99px;padding:5px 10px}.demo-hlth-hero{text-align:center;justify-items:center;gap:8px;padding:16px 6% 20px;display:grid}.demo-hlth-hero>span{color:var(--text-muted);font-size:13px}.demo-hlth-logo{letter-spacing:-.05em;color:#1e1b4b;align-items:center;gap:.22em;font-size:15cqw;font-weight:900;line-height:1;display:inline-flex}.demo-hlth-logo i{background:var(--gradient);border-radius:.22em;width:.78em;height:.78em}.demo-glide-lg .demo-hlth-bar{height:58px}.demo-glide-lg .demo-hlth-slot{width:84px;height:25px}@container (width>=480px){.demo-glide-lg .demo-hlth-slot{width:96px;height:29px}.demo-glide-lg .demo-hlth-nav{gap:18px;font-size:14px}.demo-glide-lg .demo-hlth-cta{padding:7px 14px}}@container (width<=300px){.demo-hlth-nav>span:first-child{display:none}}.demo-glide-lg .demo-hlth-hero{gap:12px;padding:40px 6% 44px}.demo-glide-lg .demo-hlth-hero>span{font-size:16px}.demo-glide-lg .demo-hlth-logo{font-size:clamp(54px,16cqw,120px)}.demo-cfs{text-align:center;gap:4px;margin:0;padding:92px 8%;list-style:none;display:grid}.demo-cfs li{letter-spacing:-.03em;color:var(--text);font-size:26px;font-weight:800;line-height:1.1;transition:color .3s}.demo-cfs li.cfs-focus{color:var(--accent)}.demo-cfs i{letter-spacing:.12em;color:var(--text-muted);margin-bottom:2px;font-size:11px;font-style:normal;font-weight:700;display:block}.demo-glide-lg .demo-cfs{gap:10px;padding:120px 8% 170px}.demo-glide-lg .demo-cfs li{font-size:clamp(30px,7cqw,48px)}.demo-glide-lg .demo-cfs i{font-size:13px}.demo-swh-box{width:100%;min-width:0}.demo-swh{scrollbar-width:none;gap:10px;padding:4px 0;display:flex;overflow:auto hidden}.demo-swh::-webkit-scrollbar{display:none}.demo-swh-card{aspect-ratio:4/5;color:#fff;border-radius:12px;flex:none;align-items:flex-end;width:36%;padding:10px;display:flex;box-shadow:inset 0 -40px 30px -20px #0f0f1e59}.demo-swh-card b{letter-spacing:-.01em;font-size:14px}.anim-stage .demo-swh-box{width:min(720px,100%)}.anim-stage .demo-swh{scrollbar-width:thin;gap:14px;padding:6px 2px}.anim-stage .demo-swh-card{aspect-ratio:3/4;border-radius:16px;width:min(210px,44%);padding:14px 16px}.anim-stage .demo-swh-card b{font-size:18px}.anim-stage .demo-swh-box .swh-hand{width:58px;height:58px}.demo-fyl{text-shadow:0 2px 16px #ffd23f40;background:radial-gradient(80% 70% at 50% 100%,#24345e,#0f1730 70%);padding-top:64px}.anim-thumb>.demo-fyl{font-size:24px}.anim-stage .demo-fyl{min-height:360px}.anim-thumb>.demo-sgb{aspect-ratio:auto;width:auto;position:absolute;inset:10px}.anim-stage .demo-sgb{aspect-ratio:auto;width:100%;height:clamp(240px,40vw,420px)}.anim-thumb>.demo-slf{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-slf{aspect-ratio:auto;width:100%;height:clamp(280px,42vw,440px)}.demo-twt{background:radial-gradient(60% 70% at 50% 45%,#1e3a5f,#0b1324 75%)}.anim-thumb>.demo-twt{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-twt{aspect-ratio:auto;width:100%;height:clamp(280px,42vw,440px)}.demo-fbt{text-shadow:0 2px 18px #00000080;background:radial-gradient(circle at 84% 20%,#fef3c7 0 30px,#fdba7473 33px,#f973161f 90px,#0000 160px),linear-gradient(200deg,#7c2d12,#4c1d95 55%,#1e0b3d)}.anim-stage .demo-fbt{min-height:360px}.demo-fgh{background:radial-gradient(80% 70% at 50% 30%,#3b2a6b,#140d2b 75%)}.anim-thumb>.demo-fgh{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-fgh{aspect-ratio:auto;width:100%;height:clamp(280px,42vw,440px)}.demo-pkf{background:radial-gradient(70% 60% at 50% 60%,#2a1436,#0d0814 75%)}.anim-thumb>.demo-pkf{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-pkf{aspect-ratio:auto;width:100%;height:clamp(280px,42vw,440px)}.demo-bg.demo-spd{color:#431407;background:linear-gradient(170deg,#fff7ed,#fed7aa 60%,#fdba74)}.anim-thumb>.demo-spd{padding-right:34%;font-size:24px}.anim-stage .demo-spd{min-height:360px;padding-right:30%}.demo-cpa{background:radial-gradient(70% 70% at 60%,#ffe4ec,#fecdd3 80%)}.anim-thumb>.demo-cpa{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-cpa{aspect-ratio:auto;width:100%;height:clamp(260px,40vw,420px)}.demo-swl{background:radial-gradient(80% 80% at 50% 30%,#3b0d1a,#120612 75%)}.anim-thumb>.demo-swl{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-swl{aspect-ratio:auto;width:100%;height:clamp(260px,38vw,400px)}.demo-dya{background:radial-gradient(80% 60% at 50% 70%,#3b1a4a,#120a1f 75%)}.anim-thumb>.demo-dya{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-dya{aspect-ratio:auto;width:100%;height:clamp(260px,38vw,400px)}.demo-egc{background:radial-gradient(70% 70% at 50% 45%,#f0fdf4,#bbf7d0 85%)}.anim-thumb>.demo-egc{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-egc{aspect-ratio:auto;width:100%;height:clamp(260px,40vw,420px)}.demo-chp{background:radial-gradient(70% 80% at 55% 30%,#1e2a5a,#0a0f24 75%)}.anim-thumb>.demo-chp{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-chp{aspect-ratio:auto;width:100%;height:clamp(260px,40vw,420px)}.demo-bdc{background:radial-gradient(70% 70% at 50% 40%,#4c1d95,#1e1036 80%)}.anim-thumb>.demo-bdc{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-bdc{aspect-ratio:auto;width:100%;height:clamp(260px,40vw,420px)}.demo-blf{background:linear-gradient(#bae6fd,#e0f2fe 70%,#f0fdf4)}.anim-thumb>.demo-blf{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-blf{aspect-ratio:auto;width:100%;height:clamp(260px,40vw,420px)}.anim-thumb>.demo-cmn{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-cmn{aspect-ratio:auto;width:100%;height:clamp(280px,42vw,440px)}.demo-mnr{background:radial-gradient(70% 70% at 50% 40%,#1e3a8a,#0b1230 78%)}.anim-thumb>.demo-mnr{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-mnr{aspect-ratio:auto;width:100%;height:clamp(260px,40vw,420px)}.demo-bg.demo-cpb{color:#3b0764;cursor:pointer;text-shadow:0 1px #fffc;background:#fffaf0}.anim-thumb>.demo-cpb{font-size:26px}.anim-stage .demo-cpb{min-height:360px}.demo-smb{background:linear-gradient(#5b7fbf,#9cc0ea 70%,#c9dcf3)}.anim-thumb>.demo-smb{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-smb{aspect-ratio:auto;width:100%;height:clamp(260px,40vw,420px)}.demo-ilr{background:radial-gradient(70% 70% at 50% 45%,#fff7ed,#fde2e4 85%)}.anim-thumb>.demo-ilr{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-ilr{aspect-ratio:auto;width:100%;height:clamp(260px,40vw,420px)}.demo-bg.demo-gct{color:#172554;text-shadow:0 1px #fff9;cursor:pointer;background:radial-gradient(90% 80% at 50% 105%,#f0f9ff,#bae6fd 55%,#7dd3fc)}.anim-thumb>.demo-gct{font-size:26px}.anim-stage .demo-gct{min-height:360px}.demo-acd{background:radial-gradient(80% 80% at 50% 40%,#166534,#052e16 85%)}.anim-thumb>.demo-acd{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-acd{aspect-ratio:auto;width:100%;height:clamp(260px,40vw,420px)}.demo-bg.demo-eid{color:#9ca3af;text-shadow:0 2px 12px #000;background:radial-gradient(80% 70% at 50% 60%,#111827,#030712 80%)}.anim-thumb>.demo-eid{font-size:26px}.anim-stage .demo-eid{min-height:360px}.demo-bg.demo-fwe{text-shadow:0 2px 16px #0006;background:radial-gradient(70% 60%,#f59e0b33,#0000 70%),linear-gradient(160deg,#1e3a8a,#0f172a)}.anim-thumb>.demo-fwe{font-size:28px}.anim-stage .demo-fwe{min-height:360px}.demo-nyb{background:linear-gradient(#020617,#1e1b4b 70%,#312e81)}.anim-thumb>.demo-nyb{aspect-ratio:auto;width:auto;position:absolute;inset:0}.anim-stage .demo-nyb{aspect-ratio:auto;width:100%;height:clamp(260px,40vw,420px)}.demo-pdl{color:var(--accent);place-items:center;font-size:84px;display:grid}.demo-pdl-lg{gap:12px;font-size:clamp(110px,18vw,150px)}.demo-pdl-lg .demo-hint{margin:8px 0 0;font-size:13px}.demo-env{place-items:center;font-size:132px;display:grid}.demo-env-lg{font-size:clamp(180px,30vw,240px)}.demo-awi{justify-content:center;align-items:center;gap:6px;font-size:48px;display:flex}.demo-awi-lg{grid-template-columns:repeat(3,auto);gap:20px clamp(16px,5vw,56px);font-size:clamp(60px,10vw,88px);display:grid}.demo-awi-lg figure{justify-items:center;gap:8px;margin:0;display:grid}.demo-awi-lg figcaption{color:var(--text-muted);font-size:13px}@media (width>=900px){.demo-awi-lg{grid-template-columns:repeat(6,auto)}}.demo-svw{color:var(--accent);place-items:center;font-size:96px;display:grid}.demo-svw-lg{gap:4px;font-size:clamp(120px,18vw,160px)}.demo-svw-lg .demo-hint{margin:0;font-size:13px}.demo-wvh{justify-content:center;align-items:center;gap:10px;font-size:92px;display:flex}.demo-wvh-hi{letter-spacing:-.03em;font-size:26px;font-weight:800}.demo-wvh-lg{flex-direction:column;gap:18px;font-size:clamp(110px,18vw,150px)}.demo-wvh-hello{letter-spacing:-.03em;margin:0;font-size:clamp(26px,5vw,40px);font-weight:800}.demo-aem{justify-content:center;align-items:center;gap:10px;font-size:58px;display:flex}.demo-aem-lg{grid-template-columns:repeat(2,auto);gap:14px clamp(28px,8vw,56px);font-size:clamp(64px,11vw,104px);display:grid}.demo-aem-lg figure{justify-items:center;gap:6px;margin:0;display:grid}.demo-aem-lg figcaption{color:var(--text-muted);font-size:13px}@media (width>=900px){.demo-aem-lg{grid-template-columns:repeat(4,auto)}}.demo-lsr{place-items:center;width:100%;display:grid}.demo-lsr [data-logo-split-reveal]{letter-spacing:-.04em;gap:.22em;font-size:30px;font-weight:800}.demo-lsr [data-logo-split-reveal] svg{flex:none;width:1.15em;height:1.15em}.demo-lsr .lsr-tag-in{letter-spacing:.02em;color:var(--text-muted);font-size:.42em}.demo-lsr-lg [data-logo-split-reveal]{font-size:clamp(36px,6vw,64px)}.demo-ltl{background:radial-gradient(#241238,#0c0716 70%);place-items:center;display:grid}.anim-thumb>.demo-ltl{position:absolute;inset:0}.demo-ltl svg{width:46%;max-height:82%;overflow:visible}.demo-ltl-lg{width:100%;min-height:360px;padding:32px 20px}.demo-ltl-lg svg{width:min(560px,92%);max-height:none}@media (width<=899px){.demo-ltl-lg{min-height:240px}}.anim-thumb .demo-lsr [data-logo-split-reveal]{font-size:22px}.anim-thumb .demo-lsr .lsr-tag-in{font-size:.52em}.demo-lst{color:#f5f3ff;background:radial-gradient(#2a1245,#0d0718 72%);place-items:center;display:grid}.anim-thumb>.demo-lst{position:absolute;inset:0}.demo-lst-logo{letter-spacing:-.04em;gap:.22em;font-size:26px;font-weight:800}.demo-lst-logo svg{flex:none;width:1.15em;height:1.15em}.demo-lst-lg{width:100%;min-height:360px;padding:32px 20px}.demo-lst-lg .demo-lst-logo{font-size:clamp(30px,6.5vw,60px)}@media (width<=899px){.demo-lst-lg{min-height:240px}}.demo-lsh{place-items:center;display:grid}.demo-lsh-logo{letter-spacing:-.04em;color:var(--text);align-items:center;gap:.22em;font-size:28px;font-weight:800;display:inline-flex}.demo-lsh-logo svg{flex:none;width:1.15em;height:1.15em}.demo-lsh-lg{gap:20px;width:100%;padding:24px 0;overflow:hidden}.demo-lsh-lg .demo-lsh-logo{font-size:clamp(30px,7vw,60px)}.demo-lsh-lg .demo-hint{margin:0;font-size:13px}.demo-wsd{letter-spacing:-.03em;flex-direction:column;font-size:20px;font-weight:800;display:flex;overflow:hidden}.anim-thumb>.demo-wsd{position:absolute;inset:0}.demo-wsd-top{color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777);flex:1.15;place-items:center;padding-bottom:40px;display:grid}.demo-wsd-edge{color:#faf5ff;margin-top:-46px}.demo-wsd-bottom{color:var(--text);background:#faf5ff;flex:1;place-items:center;display:grid}.demo-wsd-lg{width:100%;min-height:360px;font-size:clamp(22px,4vw,36px)}.demo-wsd-lg .demo-wsd-top{padding-bottom:80px}.demo-wsd-lg .demo-wsd-edge{margin-top:-90px}@media (width<=899px){.demo-wsd-lg{min-height:240px}}.demo-gom{place-items:center;display:grid}.anim-thumb>.demo-gom{padding:10px;position:absolute;inset:0}.demo-gom-field{width:100%;height:100%}.demo-gom-lg{width:100%}.demo-gom-lg .demo-gom-field{width:min(600px,100%);height:clamp(200px,38vw,320px)}.demo-tbw{position:relative;overflow:hidden}.anim-thumb>.demo-tbw{position:absolute;inset:0}.demo-tbw-warp{background:linear-gradient(#fde68a,#fb923c 52%,#f43f5e);place-items:center;display:grid;position:absolute;inset:-14px}.demo-tbw-sun{aspect-ratio:1;background:#fff7ed;border-radius:50%;width:18%;position:absolute;top:16%;left:60%;box-shadow:0 0 40px 12px #ffedd5b3}.demo-tbw-dunes{width:100%;height:46%;position:absolute;bottom:0;left:0}.demo-tbw-text{color:#fff;letter-spacing:-.04em;text-shadow:0 2px 18px #7c2d1273;font-size:30px;font-weight:800;position:relative}.demo-tbw-lg{width:100%;min-height:360px}.demo-tbw-lg .demo-tbw-sun{width:clamp(70px,14vw,130px)}.demo-tbw-lg .demo-tbw-text{font-size:clamp(40px,9vw,88px)}@media (width<=899px){.demo-tbw-lg{min-height:240px}}.demo-cnb{place-items:center;width:100%;display:grid}.demo-cnb-wrap{justify-content:space-between;align-items:center;width:80%;display:flex}.demo-cnb-col{flex-direction:column;gap:10px;display:flex}.demo-cnb-node{border:1px solid var(--border);width:40px;height:40px;color:var(--accent);background:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 4px 14px #4c1d951f}.demo-cnb-node svg{width:50%;height:50%}.demo-cnb-hub{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:0;width:54px;height:54px}.demo-cnb-lg .demo-cnb-wrap{width:min(460px,92%)}.demo-cnb-lg .demo-cnb-col{gap:clamp(14px,3vw,22px)}.demo-cnb-lg .demo-cnb-node{width:52px;height:52px}.demo-cnb-lg .demo-cnb-hub{width:72px;height:72px}.demo-scf{width:92%;height:auto;color:var(--text);overflow:visible}.demo-scf-lg{width:min(640px,100%)}.demo-trp{width:92%;height:auto;overflow:visible}.demo-trp-lg{width:min(640px,100%)}.demo-oor{width:92%;height:auto;overflow:visible}.demo-oor-wrap{justify-items:center;gap:28px;width:100%;display:grid}.demo-oor-lg{width:min(560px,90%)}.demo-oor-btn{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:0;border-radius:999px;padding:12px 24px;font-size:15px;font-weight:700;position:relative}.demo-oor-btn:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);outline:none}.demo-bsl{letter-spacing:-.03em;color:var(--text);font-size:44px;font-weight:900;line-height:1.1;display:inline-block}.demo-bsl-wrap{justify-items:center;gap:44px;display:grid}.demo-bsl-row{align-items:center;gap:clamp(56px,12vw,110px);display:flex}.demo-bsl-lg{font-size:clamp(48px,10vw,80px)}.demo-bsl-heart{border:1px solid var(--border);color:#ec4899;cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 6px 18px #ec48992e}.demo-bsl-heart svg{width:30px;height:30px}.demo-bsl-wrap .demo-hint{margin:0;font-size:13px}.demo-spdl{background:linear-gradient(#0000 62%,#8b5cf612 62%);place-items:center;display:grid;overflow:hidden}.anim-thumb>.demo-spdl{position:absolute;inset:0}.demo-spdl-pill{color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:20px;font-weight:800;display:inline-flex;box-shadow:0 8px 22px #7c3aed47}.demo-spdl-pill svg{color:#fde68a;width:1em;height:1em}.demo-spdl-lg{width:100%;min-height:360px}.demo-spdl-lg .demo-spdl-pill{padding:.5em .95em;font-size:clamp(22px,4.5vw,34px)}@media (width<=899px){.demo-spdl-lg{min-height:240px}}.demo-dda{letter-spacing:-.03em;color:var(--text);text-align:center;margin:0;font-size:30px;font-weight:800;line-height:1.1}.demo-dda-lg{padding:.5em 0;font-size:clamp(32px,8vw,64px)}.demo-chvf{font-size:64px}.demo-chvf-wrap{justify-items:center;gap:28px;display:grid}.demo-chvf-lg{font-size:clamp(64px,14vw,104px)}.demo-chvf-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 36px;display:flex}.demo-chvf-btn{align-items:center;gap:4px;display:inline-flex}.demo-chvf-scroll{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.demo-chvf-scroll [data-chevron-flow]{color:var(--accent);font-size:22px}.demo-wvf{justify-content:center;align-items:flex-start;display:flex}.demo-wvf-pole{background:linear-gradient(90deg,#9ca3af,#e5e7eb 45%,#6b7280);border-radius:3px;flex:none;width:6px;height:170px;margin-top:-6px;position:relative}.demo-wvf-pole:before{content:"";background:radial-gradient(circle at 35% 35%,#fde68a,#d97706);border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:-9px;left:50%}.demo-wvf-flag{width:150px;line-height:0}.demo-wvf-flag svg{width:100%;height:auto}.demo-wvf-lg .demo-wvf-pole{width:8px;height:clamp(220px,52vw,320px)}.demo-wvf-lg .demo-wvf-flag{width:clamp(190px,46vw,300px)}.demo-kar{color:#cdb9ea}.anim-thumb .demo-kar{max-width:280px}.demo-ext{color:#b26df8;letter-spacing:.02em}.anim-thumb .demo-ext{font-size:52px}.demo-dpt{color:var(--text)}.anim-thumb .demo-dpt{font-size:54px}.demo-fir-bg{background:radial-gradient(120% 90% at 50% 100%,#3a1205 0%,#140804 55%,#0a0503 100%);padding-top:40px}.anim-stage .demo-fir-bg{padding-top:80px}.demo-frt-bg{background:radial-gradient(120% 100% at 50% 0,#1d3a5f 0%,#0b1a2e 60%,#07111f 100%)}.demo-frt{color:#8ec9ff}.demo-lqc-bg{background:linear-gradient(160deg,#1b1d24 0%,#0c0d11 60%,#22252e 100%)}.anim-thumb .demo-lqc{font-size:50px}.demo-hof-bg{background:radial-gradient(120% 100% at 50% 30%,#2a2140 0%,#120e1c 60%,#09070f 100%)}.anim-thumb .demo-hof{font-size:46px}.demo-wrt-bg{background:linear-gradient(#141b3a 0%,#2b2a5c 45%,#173554 62%,#0a1c30 100%);padding-bottom:30%}.anim-stage .demo-wrt-bg{padding-bottom:150px}.demo-wrt{color:#f5e9ff;text-shadow:0 0 24px #fde6ff59}.anim-thumb .demo-wrt{font-size:44px}.demo-bgl-bg{background:radial-gradient(110% 100%,#1c1230 0%,#0c0816 70%)}.demo-bgl{color:#f3e8ff}.anim-thumb .demo-bgl{font-size:44px}.demo-vdt{letter-spacing:-.04em;font-weight:900}.anim-thumb .demo-vdt{font-size:76px}.anim-stage .demo-vdt{font-size:clamp(56px,13vw,150px)}.demo-blt-bg{background:#fdf6e3}.demo-blt{color:#fde047;-webkit-text-stroke:.035em #1c1917;paint-order:stroke fill;text-shadow:.06em .06em #1c1917;letter-spacing:0}.anim-thumb .demo-blt{font-size:48px}.demo-pxw{letter-spacing:-.02em}.demo-lsc{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.demo-lsc-box{place-items:center;width:100%;min-height:360px;padding:24px;display:grid;overflow:hidden}@media (width<=899px){.demo-lsc-box{min-height:240px}}.demo-fll{text-align:center;letter-spacing:-.03em;color:var(--text);background:linear-gradient(#faf5ff,#f3e8ff);border-bottom:3px solid #d8b4fe;align-content:start;place-items:start center;font-weight:800;line-height:1.1;display:grid}.anim-thumb>.demo-fll{padding:34px 16px 0;font-size:34px;position:absolute;inset:0}.anim-stage .demo-fll{width:100%;height:360px;padding:64px 20px 0;font-size:clamp(36px,7vw,72px)}@media (width<=899px){.anim-stage .demo-fll{height:300px;padding-top:44px}}.demo-dmn{padding-right:.5em}.demo-lmp-bg{background:radial-gradient(90% 80% at 50% 20%,#f6efe4 0%,#e6dccd 60%,#d4c7b4 100%);align-content:start}.anim-thumb>.demo-lmp-bg{padding-top:92px}.anim-stage .demo-lmp-bg{padding-top:190px}.demo-lmp{color:#3b2f45}.anim-stage .demo-lmp{font-size:clamp(40px,7vw,72px)}@media (width<=899px){.anim-stage .demo-lmp-bg{padding-top:130px}}.demo-txr{color:var(--accent)}.anim-thumb .demo-txr{letter-spacing:0;font-size:28px}.anim-stage .demo-txr{letter-spacing:-.01em;font-size:clamp(26px,4.4vw,46px)}.demo-ptt{color:#fff;letter-spacing:.02em;background:radial-gradient(60% 60%,#000 0%,#120a24 45%,#1e1038 100%);font-weight:900}.anim-thumb>.demo-ptt{font-size:34px;position:absolute;inset:0}.anim-stage .demo-ptt{width:100%;height:360px;font-size:clamp(36px,7vw,64px)}@media (width<=899px){.anim-stage .demo-ptt{height:300px}}.demo-cmp-bg{background-color:#bae6fd;background-image:radial-gradient(circle,#0e749038 28%,#0000 32%);background-size:12px 12px}.demo-cmp{letter-spacing:.01em;font-style:italic}.anim-thumb .demo-cmp{font-size:36px}.anim-stage .demo-cmp{font-size:clamp(42px,8.5vw,84px)}.demo-sst{color:var(--text);letter-spacing:.01em}.anim-thumb .demo-sst{font-size:64px}.anim-stage .demo-sst{font-size:clamp(48px,10vw,112px)}.demo-infl{color:#c026d3;letter-spacing:.04em;cursor:default;-webkit-user-select:none;user-select:none;touch-action:pan-y}.anim-thumb .demo-infl{font-size:40px}.demo-tpt-bg{background:radial-gradient(120% 100% at 30% 20%,#c79a6b 0%,#a87a4f 60%,#8a5f3a 100%)}.demo-tpt{color:#2b1d3d;letter-spacing:-.03em;cursor:default;-webkit-user-select:none;user-select:none}.anim-thumb .demo-tpt{font-size:38px}.anim-stage .demo-tpt{font-size:clamp(38px,8vw,88px)}.demo-lpp-bg{background-color:#efe8dc;background-image:radial-gradient(#7864460d 1px,#0000 1.2px),radial-gradient(#7864460a 1px,#0000 1.2px),radial-gradient(130% 100% at 50% 0,#f6f1e8 0%,#e8dfd0 100%);background-position:0 0,3px 5px,0 0;background-size:7px 7px,11px 11px,100% 100%}.demo-lpp{letter-spacing:-.02em;cursor:pointer}.anim-thumb .demo-lpp{font-size:36px}.anim-stage .demo-lpp{font-size:clamp(42px,9vw,100px)}.demo-smr{background:var(--gradient);color:#fff;border-radius:.22em;padding:.12em .4em .16em;display:inline-block}.demo-str,.demo-brn{text-align:center;place-items:center;padding:20px;display:grid}.demo-str{color:#fdf8ef;background:radial-gradient(at 50% 120%,#1e1533,#0b0912 70%)}.demo-brn{color:#f3e7da;background:radial-gradient(at 50% 120%,#2a1206,#0d0805 70%)}.anim-thumb>.demo-str,.anim-thumb>.demo-brn{position:absolute;inset:0}.anim-stage .demo-str,.anim-stage .demo-brn{width:100%;min-height:360px;padding:32px 24px}@media (width<=900px){.anim-stage .demo-str,.anim-stage .demo-brn{min-height:240px}}.demo-lshr{text-align:center;color:#fff;background:#6d28d9;place-items:center;padding:20px;display:grid;overflow:hidden}.anim-thumb>.demo-lshr{position:absolute;inset:0}.anim-stage .demo-lshr{width:100%;min-height:360px;padding:32px 24px}@media (width<=900px){.anim-stage .demo-lshr{min-height:240px}}.demo-shlb{line-height:1}.demo-sprv{text-align:center;color:#f5f0ff;background:radial-gradient(at 30% 20%,#2d2836,#15131a 75%);place-items:center;padding:20px;display:grid;overflow:hidden}.anim-thumb>.demo-sprv{position:absolute;inset:0}.anim-stage .demo-sprv{width:100%;min-height:360px;padding:32px 24px}@media (width<=900px){.anim-stage .demo-sprv{min-height:240px}}.demo-kpt{text-transform:uppercase;width:100%}.anim-thumb>.demo-kpt{width:auto;position:absolute;inset:14px}.anim-stage .demo-kpt{height:300px}@media (width<=900px){.anim-stage .demo-kpt{height:220px}}.demo-rws{width:100%}.anim-thumb-text.demo-rws{font-size:46px}.anim-demo.demo-rws{font-size:clamp(52px,11vw,128px)}.demo-arsc{padding-bottom:.9em}.demo-vtm{text-align:left;width:100%;color:var(--text)}.anim-thumb>.demo-vtm{padding:14px 16px;position:absolute;inset:0}.anim-stage .demo-vtm{width:min(640px,100%);height:clamp(230px,42vw,300px)}.demo-vtm>*{align-self:center}.demo-vtm-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.demo-vtm-card{background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:7px;display:flex;box-shadow:0 6px 18px -10px #280a5073}.demo-vtm-card>i,.demo-vtm-text>i{background:var(--border);border-radius:3px;width:70%;height:6px;display:block}.demo-vtm-pic{aspect-ratio:1;border-radius:8px;display:block}.demo-vtm-pic.p1{background:radial-gradient(60% 35% at 40% 45%,#34d399e6,#0000 70%),linear-gradient(170deg,#0f172a,#312e81 60%,#1e1b4b)}.demo-vtm-pic.p2{background:radial-gradient(circle at 62% 42%,#fde68a 0 13%,#0000 14%),linear-gradient(176deg,#7c3aed,#f472b6 48%,#fb923c 49%,#c2410c)}.demo-vtm-pic.p3{background:linear-gradient(#7dd3fc,#e0f2fe 52%,#0e7490 53%,#164e63)}.demo-vtm-name{letter-spacing:-.02em;width:fit-content;font-size:12px;font-weight:800;line-height:1.2;display:block}.demo-vtm-detail{background:#fff;border-radius:14px;grid-template-columns:46% 1fr;align-items:center;gap:14px;padding:12px;display:grid;box-shadow:0 10px 28px -14px #280a5080}.demo-vtm-detail .demo-vtm-pic{aspect-ratio:4/3;border-radius:10px}.demo-vtm-detail .demo-vtm-name{font-size:20px}.demo-vtm-text{flex-direction:column;gap:8px;display:flex}.demo-vtm-text>i{width:100%}.demo-vtm-text>i:last-of-type{width:60%}.demo-vtm-text small{color:var(--text-muted);font-size:12px}.demo-vtm-text .demo-vtm-cta{color:#fff;background:var(--accent);border-radius:999px;align-self:flex-start;margin-top:4px;padding:6px 12px;font-size:13px;font-weight:700}.anim-stage .demo-vtm-list{gap:14px}.anim-stage .demo-vtm-card{gap:8px;padding:9px}.anim-stage .demo-vtm-name{font-size:clamp(12px,2.4vw,16px)}.anim-stage .demo-vtm-detail{gap:clamp(12px,3vw,24px);padding:clamp(10px,2.5vw,18px)}.anim-stage .demo-vtm-detail .demo-vtm-name{font-size:clamp(20px,4.4vw,32px)}.demo-cet{width:88%;font-size:10px}.demo-cet-lg{width:min(520px,100%);font-size:clamp(12px,3.4vw,15px)}.demo-cdx{width:84%;font-size:10px}.demo-cdx-lg{width:min(500px,100%);font-size:clamp(12px,3.5vw,15px)}.demo-cpt{width:80%;font-size:10px}.demo-cpt-lg{width:min(440px,100%);font-size:clamp(13px,3.6vw,16px)}.demo-phw{border:1px solid var(--border);text-align:left;background:#fff;border-radius:999px;align-items:center;gap:10px;width:86%;padding:12px 16px;font-size:14px;display:flex;box-shadow:0 10px 28px #6a0dad1f}.demo-phw svg{width:18px;height:18px;color:var(--accent);flex:none}.demo-phw-field{color:#9ca3af;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.demo-phw-lg{cursor:text;width:min(460px,100%);padding:14px 20px;font-size:clamp(15px,4vw,18px)}.demo-phw-lg svg{width:22px;height:22px}.demo-phw input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:0}.demo-phw input::placeholder{color:#9ca3af;opacity:1}.demo-phw-lg:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), 0 10px 28px #6a0dad1f}.demo-gta{border:1px solid var(--border);text-align:left;background:#fff;border-radius:14px;width:86%;padding:14px 16px;font-size:15px;line-height:1.5;box-shadow:0 10px 28px #6a0dad1a}.demo-gta p{margin:0}.demo-gta-lg{width:min(520px,100%);padding:20px 22px;font-size:clamp(16px,4.2vw,20px)}.demo-gta-label{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.demo-ipl{width:90%;font-size:9.5px}.demo-ipl-lg{width:min(540px,100%);font-size:clamp(11px,3.2vw,14px)}.demo-kso{aspect-ratio:16/9;border:1px solid var(--border);background:#fff;border-radius:10px;width:92%;font-size:9.5px;position:relative;overflow:hidden;box-shadow:0 12px 30px #6a0dad1f}.demo-kso-lg{aspect-ratio:16/10;border-radius:14px;width:min(640px,100%);font-size:clamp(11px,3.2vw,15px)}.demo-kso-app{display:flex;position:absolute;inset:0}.demo-kso-side{background:var(--accent-soft);flex-direction:column;gap:8%;width:24%;padding:10% 4% 0;display:flex}.demo-kso-side i,.demo-kso-main i{background:#6a0dad24;border-radius:4px;height:6%;min-height:5px;display:block}.demo-kso-side i{height:7px}.demo-kso-main{flex-direction:column;flex:1;gap:6%;padding:8% 7%;display:flex}.demo-kso-main b{background:#18181b24;border-radius:5px;width:55%;height:10%;display:block}.demo-kso-main i:nth-child(3){width:80%}.demo-kso-main i:nth-child(4){width:65%}.demo-kso-hint{color:var(--text-muted);margin:0;font-size:12px;font-weight:600;display:none;position:absolute;top:10px;right:12px}@media (hover:hover) and (pointer:fine){.demo-kso-hint{display:block}}.demo-osk{width:74%;font-size:8.5px}.demo-osk-lg{width:min(400px,100%);font-size:clamp(11px,3.6vw,15px)}.demo-emc{width:86%;font-size:9px}.demo-emc-lg{width:min(480px,100%);font-size:clamp(12px,3.6vw,15px)}.demo-faf{width:72%;font-size:8.5px}.demo-faf-lg{width:min(380px,100%);font-size:clamp(13px,3.8vw,15px)}.demo-qry{width:88%;font-size:8.5px}.demo-qry-lg{width:min(560px,100%);font-size:clamp(11px,3.3vw,14px)}.demo-msx{width:66%;height:18em;font-size:9px}.demo-msx-lg{width:min(360px,100%);height:23em;font-size:clamp(13px,3.8vw,15px)}.demo-ccu{width:86%;font-size:9.5px}.demo-ccu-lg{width:min(540px,100%);font-size:clamp(13px,3.8vw,16px)}.demo-mdr{width:80%;font-size:9.5px}.demo-mdr-lg{width:min(480px,100%);font-size:clamp(13px,3.8vw,16px)}.demo-clh{width:84%;font-size:8.5px}.demo-clh-lg{width:min(520px,100%);font-size:clamp(12px,3.6vw,15px)}.demo-tsp{color:#e4e4e7;text-align:left;background:#101015;border-radius:12px;width:82%;padding:.9em 1.2em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;box-shadow:0 18px 40px #0a0a1447}.demo-tsp p{white-space:nowrap;align-items:baseline;gap:1em;margin:0;line-height:1.75;display:flex}.demo-tsp p>span{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.demo-tsp i{color:#6b6b75;font-size:.85em;font-style:normal}.demo-tsp-lg{width:min(620px,100%);padding:1.1em 1.4em;font-size:clamp(13px,3.6vw,15px)}@media (width>=720px){.demo-tsp-lg{grid-template-columns:1fr 1fr;column-gap:2.5em;display:grid}}.demo-tlp{width:88%;height:150px;font-size:13px}.demo-tlp-lg{width:min(620px,100%);height:clamp(220px,46vw,300px);font-size:clamp(17px,4.6vw,26px)}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fff;--bg-elev:#fafafa;--bg-card:#fff;--border:#ececef;--border-strong:#dcdce1;--text:#0a0a0b;--text-muted:#52525b;--text-dim:#8a8a93;--accent:#6a0dad;--accent-soft:#f6efff;--accent-line:#e2cffa;--gradient:linear-gradient(135deg, #a855f7 0%, #6a0dad 100%);--radius:14px;--maxw:1160px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.gradient-text{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.nav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--border);background:#ffffffd1;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.logo-mark{place-items:center;display:grid}.logo-mark img{width:30px;height:23px}.nav-links{color:var(--text-muted);align-items:center;gap:28px;font-size:14px;display:flex}.nav-links a:hover{color:var(--text)}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--text);color:#fff}.btn-primary:hover{box-shadow:0 8px 24px #0a0a0b2e}.btn-gradient{background:var(--text);color:#fff;box-shadow:0 8px 24px #0a0a0b29}.btn-gradient:hover{box-shadow:0 12px 32px #0a0a0b3d}.btn-ghost{border-color:var(--border-strong);color:var(--text);background:#fff}.btn-ghost:hover{background:var(--bg-elev)}.btn-lg{padding:14px 26px;font-size:16px}.btn svg{width:18px;height:18px}.hero{text-align:center;padding:96px 0 40px;position:relative}.hero-glow{pointer-events:none;z-index:-1;height:800px;display:none;position:absolute;inset:-200px 0 auto}.pill{border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;font-size:13px;display:inline-flex}.pill .dot{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #22c55e2e}.hero h1{letter-spacing:-.045em;max-width:900px;margin:0 auto 24px;font-size:clamp(42px,7vw,84px);font-weight:800;line-height:1.02}.hero p.lead{color:var(--text-muted);max-width:620px;margin:0 auto 40px;font-size:clamp(17px,2vw,20px)}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.platforms{color:var(--text-dim);margin-top:18px;font-size:13px}.demo-wrap{max-width:1040px;margin:72px auto 0;position:relative}.demo-wrap:before{content:"";z-index:-1;background:var(--gradient);opacity:.14;filter:blur(60px);border-radius:22px;position:absolute;inset:40px 6% -20px}.window{--border:#ffffff14;--border-strong:#ffffff24;--text:#f4f4f5;--text-muted:#a1a1aa;--text-dim:#71717a;color:var(--text);background:#0d0d10;border:1px solid #1f1f24;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #0f0f1e38,0 2px 6px #0f0f1e14}.window-bar{border-bottom:1px solid var(--border);background:#111115;align-items:center;gap:8px;padding:12px 16px;display:flex}.window-bar span{background:#2a2a30;border-radius:50%;width:12px;height:12px}.window-bar span:first-child{background:#ff5f57}.window-bar span:nth-child(2){background:#febc2e}.window-bar span:nth-child(3){background:#28c840}.window-title{color:var(--text-dim);margin-left:12px;font-size:12px}.window-body{grid-template-columns:1fr 220px;min-height:440px;display:grid}.stage{background:radial-gradient(circle,#1a1325,#0d0d10 70%);place-items:center;padding:40px;display:grid;position:relative;overflow:hidden}.canvas{aspect-ratio:16/9;background:linear-gradient(135deg,#312e81,#701a75 55%,#9d174d);border-radius:12px;width:100%;max-width:520px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.canvas .shape{border-radius:16px;position:absolute}.canvas .s1{aspect-ratio:1;background:#ffffffeb;width:22%;animation:5s ease-in-out infinite float1;top:22%;left:12%}.canvas .s2{aspect-ratio:1;background:#fbbf24;border-radius:50%;width:14%;animation:4s ease-in-out infinite float2;top:18%;right:18%}.canvas .s3{background:#ffffff40;border-radius:999px;width:40%;height:10%;bottom:18%;left:30%;overflow:hidden}.canvas .s3:after{content:"";transform-origin:0;background:#fff;animation:3s ease-in-out infinite grow;position:absolute;inset:0}.canvas .caption{letter-spacing:-.03em;color:#fff;text-shadow:0 6px 30px #00000059;font-size:clamp(16px,3vw,30px);font-weight:800;animation:3s cubic-bezier(.34,1.56,.64,1) infinite pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float1{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-18%)rotate(12deg)}}@keyframes float2{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes grow{0%{transform:scaleX(0)}60%,to{transform:scaleX(1)}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}20%,80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}.inspector{border-left:1px solid var(--border);text-align:left;background:#0f0f12;padding:18px;font-size:12px}.inspector h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:12px;font-size:11px;font-weight:600}.preset{color:var(--text-muted);border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px;display:flex}.preset.active{color:var(--text);background:#8b5cf626;border:1px solid #8b5cf659}.preset i{background:#26262c;border-radius:5px;flex-shrink:0;width:18px;height:18px}.preset.active i{background:var(--gradient)}.slider{margin-top:18px}.slider label{color:var(--text-muted);justify-content:space-between;margin-bottom:6px;display:flex}.slider .track{background:#26262c;border-radius:4px;height:4px;position:relative}.slider .track b{background:var(--gradient);border-radius:4px;position:absolute;top:0;bottom:0;left:0}.timeline{border-top:1px solid var(--border);background:#0f0f12;grid-column:1/-1;padding:14px 18px}.tracks{gap:8px;display:grid;position:relative}.track-row{background:#17171b;border-radius:6px;height:22px;position:relative;overflow:hidden}.clip{border-radius:4px;position:absolute;top:3px;bottom:3px}.clip.a{background:linear-gradient(90deg,#6d28d9,#8b5cf6);width:38%;left:2%}.clip.b{background:linear-gradient(90deg,#a21caf,#d946ef);width:30%;left:42%}.clip.c{background:linear-gradient(90deg,#be185d,#f472b6);width:26%;left:20%}.clip.d{background:linear-gradient(90deg,#c2410c,#fb923c);width:40%;left:55%}.playhead{background:#fff;width:2px;animation:6s linear infinite play;position:absolute;top:-6px;bottom:-6px;box-shadow:0 0 10px #fff}@keyframes play{0%{left:0}to{left:100%}}section{padding:120px 0}.section-head{text-align:center;max-width:680px;margin:0 auto 64px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:600}.section-head h2{letter-spacing:-.035em;margin-bottom:16px;font-size:clamp(32px,4.5vw,52px);font-weight:800;line-height:1.08}.section-head p{color:var(--text-muted);font-size:18px}.logos{text-align:center;color:var(--text-dim);padding:40px 0 0;font-size:13px}.grid{gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:border-color .2s,transform .2s;position:relative}.card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 12px 32px #0f0f1e0f}.card .icon{background:var(--accent-soft);border:1px solid var(--accent-line);width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:20px;display:grid}.card .icon svg{width:22px;height:22px}.card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:18px}.card p{color:var(--text-muted);font-size:15px}.feature-big{grid-template-columns:1fr 1fr;align-items:center;gap:56px;margin-bottom:96px;display:grid}.feature-big.reverse .feature-visual{order:-1}.feature-big h3{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(28px,3.4vw,40px);line-height:1.1}.feature-big p{color:var(--text-muted);margin-bottom:20px;font-size:17px}.checklist{color:var(--text-muted);gap:10px;list-style:none;display:grid}.checklist li{align-items:flex-start;gap:10px;display:flex}.checklist li:before{content:"✓";color:var(--accent);font-weight:700}.feature-visual{aspect-ratio:4/3;border:1px solid var(--border-strong);background:var(--bg-elev);border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden}.curve-box{aspect-ratio:1.4;width:70%;position:relative}.curve-box svg{width:100%;height:100%;overflow:visible}.curve-dot{offset-path:path("M 0 200 C 120 200, 160 0, 280 0");animation:2.4s cubic-bezier(.65,0,.35,1) infinite alternate along}@keyframes along{0%{offset-distance:0%}to{offset-distance:100%}}.type-demo{letter-spacing:-.03em;gap:.25em;font-size:clamp(28px,4vw,48px);font-weight:800;display:flex}.type-demo span{opacity:0;animation:2.8s cubic-bezier(.34,1.56,.64,1) infinite rise;display:inline-block}.type-demo span:nth-child(2){animation-delay:.12s}.type-demo span:nth-child(3){animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(60%)}25%,75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40%)}}.lock-ring{border-radius:50%;place-items:center;width:160px;height:160px;display:grid;position:relative}.lock-ring:before,.lock-ring:after{content:"";border:1px solid var(--accent-line);border-radius:50%;animation:3s ease-out infinite ripple;position:absolute;inset:0}.lock-ring:after{animation-delay:1.5s}@keyframes ripple{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.8)}}.lock-core{background:var(--gradient);border-radius:24px;place-items:center;width:88px;height:88px;display:grid;box-shadow:0 16px 40px #6a0dad40}.lock-core svg{color:#fff;width:40px;height:40px}.pricing{grid-template-columns:repeat(2,minmax(0,380px));justify-content:center;gap:20px;display:grid}.price-card{padding:36px}.price-card.featured{border-color:var(--text);box-shadow:0 16px 40px #0f0f1e14}.price-card .tag{background:var(--text);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:20px;right:20px}.price{letter-spacing:-.04em;margin:12px 0 4px;font-size:52px;font-weight:800}.price small{color:var(--text-muted);letter-spacing:0;font-size:16px;font-weight:500}.price-card .note{color:var(--text-muted);margin-bottom:24px;font-size:14px}.price-card .checklist{margin:24px 0 0;font-size:15px}.price-card .btn{width:100%}.faq{max-width:760px;margin:0 auto}.faq details{border-bottom:1px solid var(--border);padding:22px 0}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;font-size:17px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--text-dim);font-size:22px;line-height:1;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--text-muted);margin-top:12px}.download{text-align:center;border:1px solid var(--border-strong);background:var(--bg-elev);border-radius:28px;padding:88px 24px;position:relative;overflow:hidden}.download h2{letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(34px,5vw,60px);font-weight:800;line-height:1.05}.download p{color:var(--text-muted);margin-bottom:40px;font-size:18px}.os-grid{grid-template-columns:repeat(2,minmax(0,220px));justify-content:center;gap:14px;display:grid}.os-btn{border:1px solid var(--border-strong);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;transition:all .2s;display:flex}.os-btn:hover{border-color:var(--text-dim);transform:translateY(-2px)}.os-btn.detected{border-color:var(--text);box-shadow:0 10px 30px #0f0f1e1a}.os-btn svg{width:32px;height:32px}.os-btn strong{font-size:16px}.os-btn small{color:var(--text-dim);font-size:12px}footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:120px;padding:56px 0 40px;font-size:14px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;display:grid}.footer-grid .footer-title{color:var(--text);margin-bottom:14px;font-size:13px;font-weight:600}.footer-grid ul{gap:10px;list-style:none;display:grid}.footer-grid a:hover{color:var(--text)}.footer-bottom{color:var(--text-dim);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;font-size:13px;display:flex}.legal-hero{text-align:center;padding:88px 0 40px;position:relative}.legal-hero h1{letter-spacing:-.04em;margin-bottom:12px;font-size:clamp(36px,5vw,56px);font-weight:800}.legal-hero p{color:var(--text-muted)}.legal{max-width:760px;margin:0 auto;padding:40px 0 0}.legal h2{letter-spacing:-.02em;margin:44px 0 14px;font-size:22px}.legal h3{margin:28px 0 10px;font-size:17px}.legal p,.legal li{color:#3f3f46;margin-bottom:14px}.legal ul,.legal ol{margin-bottom:14px;padding-left:22px}.legal li{margin-bottom:8px}.legal a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.legal strong{color:var(--text)}.callout{border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:var(--radius);margin:24px 0;padding:20px 24px}.callout p:last-child{margin-bottom:0}.toc{border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius);margin-bottom:16px;padding:20px 24px}.toc ol{columns:2;column-gap:32px;margin:0}.toc li{margin-bottom:6px;font-size:14px}.toc a{color:var(--text-muted);text-decoration:none}.toc a:hover{color:var(--text)}.contact-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:40px auto 0;display:grid}.contact-grid .card a{color:var(--accent)}@media (width<=900px){.grid-3{grid-template-columns:1fr 1fr}.feature-big{grid-template-columns:1fr;gap:32px}.feature-big.reverse .feature-visual{order:0}.window-body,.window-body.editor{grid-template-columns:1fr}.inspector,.media{display:none}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}}@media (width<=640px){.container{padding:0 16px}.nav-links a:not(.btn){display:none}section{padding:80px 0}.hero{padding-top:64px}.grid-3,.grid-2,.pricing,.os-grid{grid-template-columns:1fr}.stage{padding:20px}.toc ol{columns:1}.footer-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.canvas .caption,.type-demo span{opacity:1}}.hero-title .w,.hero-title .line2{opacity:0;filter:blur(8px);animation:.8s cubic-bezier(.22,1,.36,1) forwards word-in;display:inline-block;transform:translateY(40%)}.hero-title .w:first-child{animation-delay:50ms}.hero-title .w:nth-child(2){animation-delay:.17s}.hero-title .w:nth-child(3){animation-delay:.29s}.hero-title .line2{animation-delay:.5s}@keyframes word-in{to{opacity:1;filter:blur();transform:none}}.gradient-text.flow{background-image:linear-gradient(90deg,#a855f7 0%,#6a0dad 35%,#b26bff 65%,#a855f7 100%);background-size:200% 100%;animation:6s linear infinite flow}@keyframes flow{0%{background-position:0 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.hero-title .w,.hero-title .line2{opacity:1;filter:none;transform:none}}.cookie-banner{z-index:1000;border-radius:var(--radius);background:var(--bg-card);max-width:720px;color:var(--text);border:1px solid var(--border-strong);margin:0 auto;padding:16px 20px;font-size:14px;line-height:1.5;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 16px 48px #0a0a0b29}.cookie-banner [hidden]{display:none!important}.cookie-main{align-items:center;gap:20px;display:flex}.cookie-banner p{color:var(--text-muted);margin:0}.cookie-banner a{color:var(--accent);text-decoration:underline}.cookie-actions{flex-shrink:0;gap:8px;display:flex}.cookie-actions .btn{padding:9px 18px;font-size:14px}.cookie-prefs{flex-direction:column;gap:12px;display:flex}.cookie-prefs .cookie-actions{justify-content:flex-end}.cookie-opt{color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:12px;display:flex}.cookie-opt strong{color:var(--text);display:block}.cookie-opt input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.cookie-opt input:disabled{cursor:not-allowed}@media (width<=600px){.cookie-banner{padding:16px}.cookie-main{flex-direction:column;align-items:stretch;gap:14px}.cookie-actions{flex-wrap:wrap}.cookie-actions .btn{flex:auto;justify-content:center;padding:9px 14px}}#animations{padding-top:40px}.anim-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.anim-card{border:1px solid var(--border);background:var(--bg-card);border-radius:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:block;overflow:hidden}.anim-card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 14px 36px #0f0f1e14}.anim-thumb{aspect-ratio:16/10;background:var(--accent-soft);text-align:center;place-items:center;padding:20px;display:grid}.anim-thumb-text{letter-spacing:-.04em;font-size:clamp(28px,3.2vw,36px);font-weight:800;line-height:1.1}.anim-card-title{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.anim-card-title h3{letter-spacing:-.01em;font-size:17px}.anim-card-title span{color:var(--text-dim);font-size:14px}.anim-card:hover .anim-card-title span{color:var(--accent)}.detail{padding-top:48px;padding-bottom:96px}.back-link{color:var(--text-muted);margin-bottom:20px;font-size:14px;display:inline-block}.back-link:hover{color:var(--text)}.detail h1{letter-spacing:-.04em;margin-bottom:12px;font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.05}.detail-lead{color:var(--text-muted);max-width:640px;margin-bottom:32px;font-size:18px}.anim-stage{background:var(--accent-soft);text-align:center;border-radius:20px;place-items:center;min-height:360px;margin-bottom:48px;padding:32px;display:grid}.anim-demo{letter-spacing:-.045em;font-size:clamp(40px,7vw,88px);font-weight:800;line-height:1.1}.anim-demo.demo-cdt-lg{font-size:clamp(24px,7vw,88px)}.detail-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:48px;display:grid}.detail-grid h2{letter-spacing:-.02em;margin-bottom:12px;font-size:20px}.detail-grid h2+.anim-steps{margin-bottom:32px}.detail-note{color:var(--text-muted);margin-bottom:12px;font-size:15px}.anim-steps{color:var(--text-muted);padding-left:20px;font-size:15px}.anim-steps li{margin-bottom:6px}.anim-steps code,.opt-table code{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:13px}.opt-table{border-collapse:collapse;width:100%;color:var(--text-muted);font-size:14px}.opt-table td{border-top:1px solid var(--border);vertical-align:top;padding:10px 0}.opt-table td:first-child{width:1%;padding-right:16px}.code-box{background:#0f0f12;border:1px solid #1f1f24;border-radius:12px;margin-bottom:16px;overflow:hidden}.code-bar{color:#a1a1aa;border-bottom:1px solid #23232a;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;font-size:13px;font-weight:500;display:flex}.code-bar .btn{padding:6px 14px;font-size:13px}.code-bar .btn-primary{color:var(--text);background:#fff}.code-bar .btn-ghost{color:#e4e4e7;background:0 0;border-color:#3a3a44}.code-box pre{max-height:420px;margin:0;padding:16px;overflow:auto}.code-box code{color:#e4e4e7;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.6}@media (width<=900px){.detail-grid{grid-template-columns:minmax(0,1fr);gap:32px}.anim-stage{min-height:240px;margin-bottom:32px}}@media (width<=640px){.anim-stage{padding:20px}.anim-steps code,.opt-table code,.detail-note code{white-space:normal;overflow-wrap:anywhere}.opt-table,.opt-table tbody,.opt-table tr,.opt-table td{display:block}.opt-table td:first-child{width:auto;padding:10px 0 4px}.opt-table td+td{border-top:0;padding-top:0}}.accent-text{color:var(--accent)}.cat-chips{flex-wrap:wrap;justify-content:center;gap:8px;max-width:980px;margin:0 auto 36px;display:flex}.cat-chip{font:inherit;color:var(--text-muted);cursor:pointer;border:1px solid var(--border-strong);background:#fff;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.cat-chip span{color:var(--text-dim);margin-left:2px;font-size:12px}.cat-chip:hover{color:var(--text);border-color:var(--text-dim)}.cat-chip.is-active{background:var(--text);border-color:var(--text);color:#fff}.cat-chip.is-active span{color:#fff9}.cat-section{margin-bottom:56px;padding:0;scroll-margin-top:88px}.cat-section[hidden]{display:none}.cat-heading{letter-spacing:-.02em;border-bottom:1px solid var(--border);margin:0 0 18px;padding-bottom:12px;font-size:22px;font-weight:700}@media (width<=640px){.cat-chips{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin:0 -16px 28px;padding:2px 16px;scroll-padding-inline:16px;overflow-x:auto}.cat-chips::-webkit-scrollbar{display:none}.cat-chip{white-space:nowrap;flex:none}}.anim-thumb{position:relative;overflow:hidden}.anim-stage-flush{padding:0;overflow:hidden}.demo-btn{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 8px 22px #6a0dad40}.demo-btn-lg{padding:18px 34px;font-size:18px}.demo-btn-ghost{color:var(--text);background:#fff;box-shadow:0 4px 14px #0f0f1e14}.demo-toast-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.demo-scroll{text-align:left;scrollbar-width:thin;width:100%;height:100%;padding:4px 6px;overflow-y:auto}.demo-scroll-lg{max-width:520px;height:300px}.demo-hint{color:var(--text-muted);text-align:center;margin:6px 0 14px;font-size:13px}.demo-row{background:#fff;border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex;box-shadow:0 2px 8px #0f0f1e0d}.demo-row b{background:var(--gradient);border-radius:8px;flex:none;width:30px;height:30px}.demo-row span{background:var(--accent-line);border-radius:99px;flex:1;height:10px}.demo-tilt{aspect-ratio:16/10;background:var(--gradient);color:#fff;border-radius:16px;place-items:center;width:70%;font-size:18px;font-weight:700;display:grid;box-shadow:0 18px 40px #6a0dad4d}.demo-tilt-lg{width:min(420px,90%);font-size:20px}.demo-loader{color:var(--accent);font-size:22px}.demo-loader-lg{font-size:34px}.demo-svg{width:72%;color:var(--accent)}.demo-svg-lg{width:min(420px,90%)}.anim-thumb>.demo-aurora,.anim-thumb>.demo-curtain{position:absolute;inset:0}.demo-aurora{color:#fff;letter-spacing:-.03em;background:#1a0b2e;place-items:center;font-size:28px;font-weight:800;display:grid}.anim-stage .demo-aurora{width:100%;min-height:360px;font-size:clamp(32px,5vw,56px);position:relative}.demo-stack{width:58%}.demo-stack-lg{width:min(340px,80%)}.demo-stack-card{aspect-ratio:16/10;color:#fff;border-radius:16px;place-items:center;font-size:22px;font-weight:800;display:grid;box-shadow:0 10px 30px #0f0f1e26}.demo-stack-card.c1{background:#6a0dad}.demo-stack-card.c2{background:#ec4899}.demo-stack-card.c3{background:#0ea5e9}.anim-stage .demo-curtain{width:100%;min-height:360px;position:relative}.demo-slide{letter-spacing:-.03em;color:var(--text);background:#fff;place-items:center;font-size:28px;font-weight:800;display:grid}.demo-slide.alt{background:var(--accent-soft);color:var(--accent)}.anim-stage .demo-slide{font-size:clamp(32px,5vw,56px)}.demo-toast-area{position:absolute;inset:0}.demo-bars{width:80%;height:75%;color:var(--text-muted)}.demo-bars-lg{width:min(520px,90%);height:280px;font-size:15px}.demo-small-text{font-size:clamp(24px,2.8vw,30px)}.demo-mid-text{max-width:760px;font-size:clamp(26px,3.6vw,40px);line-height:1.35}.demo-mono{letter-spacing:-.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.demo-chat{width:82%;font-size:13px}.demo-chat-lg{width:min(420px,90%);min-height:200px;font-size:16px}.demo-stats{flex-wrap:wrap;justify-content:center;gap:clamp(24px,6vw,72px);display:flex}.demo-stats div{flex-direction:column;align-items:center;display:flex}.demo-stats b{letter-spacing:-.04em;font-size:clamp(36px,5vw,56px);font-weight:800}.demo-stats span{color:var(--text-muted)}.demo-progress-wrap{background:#fff;border-radius:12px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 16px #0f0f1e0f}.demo-progress-wrap .demo-scroll{flex:1;min-height:0;padding:12px}.demo-progress-lg{max-width:520px;height:300px}.demo-btn-dark{background:var(--text);box-shadow:0 10px 26px #0a0a0b38}.demo-like{color:var(--text-muted);font-size:34px}.demo-like-lg{font-size:64px}.demo-morph{width:38%;max-height:80%}.demo-morph-lg{width:min(220px,60%)}.demo-space{color:#fff;letter-spacing:-.03em;background:#06061a;place-items:center;font-size:26px;font-weight:800;display:grid}.anim-thumb>.demo-space,.anim-thumb>.demo-ba{position:absolute;inset:0}.anim-stage .demo-space{width:100%;min-height:360px;font-size:clamp(32px,5vw,56px)}.demo-ba-pane{letter-spacing:-.03em;align-items:center;padding:0 8%;font-size:24px;font-weight:800;display:grid}.demo-ba-pane.before{color:#6b7280;background:repeating-linear-gradient(45deg,#e5e7eb 0 12px,#d1d5db 12px 24px)}.demo-ba-pane.after{background:var(--gradient);color:#fff;justify-items:end}.anim-stage .demo-ba{width:100%;min-height:360px}.anim-stage .demo-ba-pane{font-size:clamp(32px,5vw,56px)}.demo-tabs{flex-direction:column;align-items:center;gap:14px;width:88%;font-size:13px;display:flex}.demo-tabs>div:last-child{width:100%}.demo-tab-panel{text-align:left;background:#fff;border-radius:12px;padding:16px;font-weight:600;box-shadow:0 4px 14px #0f0f1e0f}.demo-tab-panel b{color:var(--accent);margin-right:8px}.demo-tabs-lg{gap:20px;width:min(480px,92%);font-size:16px}.demo-tabs-lg .demo-tab-panel{padding:28px;font-size:20px}.demo-accordion{text-align:left;width:86%;font-size:13px}.demo-accordion details{background:#fff;border-radius:10px;margin-bottom:6px;box-shadow:0 2px 8px #0f0f1e0d}.demo-accordion summary{padding:9px 14px;font-weight:600}.demo-accordion details p{color:var(--text-muted);margin:0;padding:0 14px 10px}.demo-accordion-lg{width:min(520px,92%);font-size:16px}.demo-accordion-lg summary{padding:16px 20px}.demo-accordion-lg details p{padding:0 20px 16px}.demo-line{width:84%;height:70%;color:var(--text)}.demo-line-lg{width:min(620px,92%);height:280px}.demo-term{width:86%;font-size:11.5px}.demo-term-lg{width:min(560px,92%);font-size:15px}.demo-flap{font-size:clamp(30px,3.6vw,40px)}.demo-flap-lg{font-size:clamp(20px,4.4vw,46px)}.demo-scrub p[data-scroll-scrubbed-text]{letter-spacing:-.02em;padding:0 6px;font-size:19px;font-weight:700;line-height:1.3}.demo-scrub-gap{height:70%}.demo-scroll-lg.demo-scrub p[data-scroll-scrubbed-text]{font-size:clamp(22px,3vw,30px)}.demo-spot{background:#0c0b16;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.anim-thumb>.demo-spot{position:absolute;inset:0}.demo-spot>div:not(.sph-light){color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;place-items:center;font-weight:700;display:grid}.demo-spot-lg{gap:16px;width:100%;min-height:360px;padding:24px;font-size:22px}.demo-skel{background:#fff;border-radius:14px;gap:8px;width:66%;padding:14px;display:grid;box-shadow:0 4px 16px #0f0f1e0f}.demo-skel-head{align-items:center;gap:10px;display:flex}.demo-skel-head>[data-sk]{flex:none;width:34px;height:34px}.demo-skel-head>div:last-child{flex:1;gap:6px;display:grid}.demo-skel-head>div:last-child>:first-child{width:55%}.demo-skel-head>div:last-child>:last-child{width:35%;height:.7em}.demo-skel-img{height:52px;border-radius:10px!important}.demo-skel>[data-sk]:last-child{width:70%}.demo-skel-lg{gap:12px;width:min(380px,90%);padding:22px;font-size:18px}.demo-skel-lg .demo-skel-head>[data-sk]{width:52px;height:52px}.demo-skel-lg .demo-skel-img{height:120px}.demo-path{width:82%}.anim-thumb>.demo-marquee{position:absolute;inset:0}.demo-marquee{flex-direction:column;justify-content:center;gap:12px;font-size:15px;display:flex}.demo-marquee span{background:#fff;border-radius:999px;padding:8px 18px;font-weight:700;box-shadow:0 3px 10px #0f0f1e0f}.demo-marquee>:last-child span{background:var(--accent);color:#fff}.demo-marquee-lg{gap:20px;width:100%;min-height:360px;font-size:22px}.demo-flip{aspect-ratio:16/10;width:56%}.demo-flip-lg{width:min(360px,84%)}.demo-flip-face{letter-spacing:-.02em;background:var(--gradient);color:#fff;border-radius:16px;place-items:center;font-size:22px;font-weight:800;display:grid;box-shadow:0 12px 30px #6a0dad40}.demo-flip-face.back{color:var(--accent);background:#fff;box-shadow:0 12px 30px #0f0f1e1f}.demo-flip-lg .demo-flip-face{padding:16px;font-size:26px}.demo-modal-area{place-items:center;display:grid;position:absolute;inset:0}.demo-modal-page{width:82%}.demo-modal{text-align:left;background:#fff;border-radius:14px;flex-direction:column;gap:4px;width:62%;height:fit-content;margin:auto;padding:16px 18px;display:flex;inset:0;box-shadow:0 18px 40px #0a0a1933}.demo-modal b{font-size:17px}.demo-modal span{color:var(--text-muted);font-size:13px}.demo-dialog{text-align:left}.demo-dialog h2{letter-spacing:-.02em;margin:0 0 8px;font-size:24px}.demo-dialog p{color:var(--text-muted);margin:0 0 20px}.demo-donut{width:120px;font-size:26px}.demo-donuts{flex-wrap:wrap;justify-content:center;gap:clamp(20px,5vw,56px);display:flex}.demo-donuts>div{width:clamp(120px,18vw,170px)}.demo-path-text{width:100%;color:var(--accent)}.demo-path-text-lg{width:min(760px,100%)}.demo-badge-dot{aspect-ratio:1;background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:40%;font-size:24px;display:grid;box-shadow:0 8px 22px #6a0dad40}.demo-badge-dot-lg{font-size:40px}.demo-cursors{flex-direction:column;align-items:center;gap:14px;display:flex}.demo-seg{color:#ff3b6b;font-size:50px}.demo-seg-panel{gap:22px}.demo-seg-lg{font-size:clamp(52px,11vw,112px)}.demo-seg-sub{color:#22d3ee;font-size:clamp(30px,5vw,48px)}.demo-ring{width:150px;font-size:13px}.demo-rings{flex-wrap:wrap;justify-content:center;gap:clamp(20px,5vw,56px);display:flex}.demo-rings>div{width:clamp(140px,19vw,180px)}.demo-cascade{grid-template-columns:repeat(4,1fr);gap:10px;width:84%;display:grid}.demo-cascade>div{background:#fff;border-radius:10px;padding:6px;box-shadow:0 4px 14px #0f0f1e12}.demo-cascade i{aspect-ratio:4/3;background:linear-gradient(135deg, var(--c1), var(--c2));border-radius:6px;margin-bottom:6px;display:block}.demo-cascade span{background:var(--accent-line);border-radius:99px;width:70%;height:6px;display:block}.demo-cascade>:nth-child(6n+1){--c1:#c084fc;--c2:#7e22ce}.demo-cascade>:nth-child(6n+2){--c1:#f9a8d4;--c2:#db2777}.demo-cascade>:nth-child(6n+3){--c1:#7dd3fc;--c2:#0284c7}.demo-cascade>:nth-child(6n+4){--c1:#fcd34d;--c2:#ea580c}.demo-cascade>:nth-child(6n+5){--c1:#6ee7b7;--c2:#059669}.demo-cascade>:nth-child(6n+6){--c1:#a5b4fc;--c2:#4f46e5}.demo-cascade-lg{gap:16px;width:min(560px,94%)}.demo-cascade-lg>div{border-radius:14px;padding:10px}.demo-cascade-lg span{height:9px}.demo-glide{text-align:left;scrollbar-width:none;overflow:hidden auto;container-type:inline-size}.demo-glide::-webkit-scrollbar{display:none}.anim-thumb>.demo-glide{position:absolute;inset:0}.demo-glide-lg{scrollbar-width:thin;background:#fff;border-radius:16px;width:min(720px,100%);height:380px;position:relative;box-shadow:0 6px 24px #0f0f1e12}.demo-glide-lg::-webkit-scrollbar{display:block}.demo-glide .demo-hint{margin:0;padding:14px 0}.demo-gap{height:45%}.demo-gap-sm{height:20%}.demo-plx{background:linear-gradient(#1e1b4b 0%,#6d28d9 42%,#f472b6 78%,#fdba74 100%);border-radius:14px;width:88%;height:80%;margin:0 auto;position:relative;overflow:hidden}.demo-plx>*{width:100%;position:absolute;left:0}.demo-plx svg{bottom:-25%}.demo-plx-sun{aspect-ratio:1;background:radial-gradient(#fff7d6,#fde68a 60%,#fbbf24);border-radius:50%;width:22%;margin-left:-11%;top:22%;left:50%;box-shadow:0 0 40px 10px #fde68a8c}.demo-plx-title{text-align:center;color:#fff;letter-spacing:-.04em;text-shadow:0 4px 18px #1e0a3c73;font-size:10cqw;font-weight:800;top:30%}.demo-glide-lg .demo-plx{height:300px}.demo-glide-lg .demo-plx-title{font-size:8cqw}.demo-sc{width:84%;margin:0 auto}.demo-sc-card{color:#fff;border-radius:14px;flex-direction:column;justify-content:space-between;height:38cqw;padding:14px 16px;display:flex;box-shadow:0 -6px 20px #0f0f1e1f}.demo-sc-card+.demo-sc-card{margin-top:22cqw}.demo-sc-card b{opacity:.7;letter-spacing:.1em;font-size:12px}.demo-sc-card strong{letter-spacing:-.03em;font-size:24px;line-height:1.1}.demo-sc-card strong,.demo-sc-card span{display:block}.demo-sc-card span{opacity:.85;font-size:13px}.demo-sc-card:first-child{background:linear-gradient(135deg,#a855f7,#6a0dad)}.demo-sc-card:nth-child(2){background:linear-gradient(135deg,#f472b6,#be185d)}.demo-sc-card:nth-child(3){background:linear-gradient(135deg,#38bdf8,#0369a1)}.demo-sc-card:nth-child(4){background:linear-gradient(135deg,#fbbf24,#c2410c)}.demo-sc-tail{height:max(0px,24.5cqw - 40px)}.demo-glide-lg .demo-sc{width:min(460px,86%)}.demo-glide-lg .demo-sc-card{height:220px;padding:22px 24px}.demo-glide-lg .demo-sc-card+.demo-sc-card{margin-top:120px}.demo-glide-lg .demo-sc-card strong{font-size:34px}.demo-glide-lg .demo-sc-card span{font-size:16px}.demo-glide-lg .demo-sc-tail{height:100px}.demo-hz-panel{color:#fff;border-radius:14px;flex-direction:column;justify-content:flex-end;width:62cqw;height:42cqw;padding:14px 16px;display:flex;box-shadow:0 10px 26px #0f0f1e26}.demo-hz-panel b{letter-spacing:-.04em;opacity:.9;font-size:34px;line-height:1}.demo-hz-panel span{font-size:15px;font-weight:700}.demo-hz-panel:nth-child(5n+1){background:linear-gradient(135deg,#a855f7,#6a0dad)}.demo-hz-panel:nth-child(5n+2){background:linear-gradient(135deg,#f472b6,#be185d)}.demo-hz-panel:nth-child(5n+3){background:linear-gradient(135deg,#38bdf8,#0369a1)}.demo-hz-panel:nth-child(5n+4){background:linear-gradient(135deg,#34d399,#047857)}.demo-hz-panel:nth-child(5n+5){background:linear-gradient(135deg,#fbbf24,#c2410c)}.demo-hz-tail{padding:20px 6%}.demo-glide-lg .demo-hz-panel{width:56cqw;height:250px;padding:24px 26px}.demo-glide-lg .demo-hz-panel b{font-size:64px}.demo-glide-lg .demo-hz-panel span{font-size:22px}.demo-drawn{width:74%;color:var(--text);margin:0 auto;display:block;overflow:visible}.demo-drawn text{letter-spacing:-.02em;fill:currentColor;font-size:22px;font-weight:800}.demo-glide-lg .demo-drawn{width:min(380px,80%)}.demo-skew{flex-direction:column;align-items:center;gap:14px;padding:0 6%;display:flex}.demo-skew p{letter-spacing:-.05em;font-size:13cqw;font-weight:800;line-height:1}.demo-skew p:nth-child(2n){color:var(--accent)}.demo-skew-tiles{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.demo-skew-tiles i{aspect-ratio:1;background:linear-gradient(135deg, var(--c1), var(--c2));border-radius:12px}.demo-skew-tiles i:first-child{--c1:#c084fc;--c2:#7e22ce}.demo-skew-tiles i:nth-child(2){--c1:#f9a8d4;--c2:#db2777}.demo-skew-tiles i:nth-child(3){--c1:#7dd3fc;--c2:#0284c7}.demo-glide-lg .demo-skew p{font-size:11cqw}.demo-photo{aspect-ratio:16/10;border-radius:14px;width:88%;margin:0 auto;box-shadow:0 12px 30px #0f0f1e26}.demo-photo>svg{width:100%;height:100%;display:block}.demo-glide-lg .demo-photo{width:min(560px,88%);margin-bottom:40px}.demo-photo-caption{text-align:center;color:var(--text-muted);margin:10px 0 0;font-size:14px}.demo-glide-rows{padding:12px 6% 2px}.demo-glide-lg .demo-row{background:var(--accent-soft);box-shadow:none}.demo-sh{justify-content:space-between;align-items:center;gap:10px;padding:18px 6%;display:flex}.demo-sh-logo{letter-spacing:-.03em;align-items:center;gap:7px;font-size:19px;display:inline-flex}.demo-sh-logo i{background:var(--gradient);border-radius:6px;width:18px;height:18px}.demo-sh-nav{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.demo-sh-cta{background:var(--text);color:#fff;border-radius:99px;padding:5px 11px}.demo-sh-hero{gap:8px;padding:6px 6% 16px;display:grid}.demo-sh-hero b{background:var(--text);opacity:.85;border-radius:99px;width:70%;height:18px}.demo-sh-hero span{background:var(--accent-line);border-radius:99px;height:9px}.demo-sh-hero span:last-child{width:60%}.demo-glide-lg .demo-sh{padding:28px 5%}.demo-glide-lg .demo-sh-logo{font-size:26px}.demo-glide-lg .demo-sh-logo i{width:24px;height:24px}.demo-glide-lg .demo-sh-nav{gap:20px;font-size:15px}.demo-glide-lg .demo-sh-hero{gap:12px;padding:10px 5% 28px}.demo-glide-lg .demo-sh-hero b{height:30px}.demo-glide-lg .demo-sh-hero span{height:12px}.demo-cc{color:#fff;text-align:left;background:#0c0b16;justify-content:space-between;align-items:center;gap:18px;padding:0 9%;display:flex}.anim-thumb>.demo-cc,.anim-thumb>.demo-trail,.anim-thumb>.demo-glow,.anim-thumb>.demo-desk,.anim-thumb>.demo-ppx{position:absolute;inset:0}.demo-cc-links{letter-spacing:-.04em;flex-direction:column;align-items:flex-start;gap:2px;font-size:26px;font-weight:800;line-height:1.15;display:flex}.demo-cc-links p{letter-spacing:.14em;text-transform:uppercase;color:#a1a1aa;margin:0 0 6px;font-size:11px;font-weight:600}.demo-cc-links a{color:inherit}.demo-cc-tile{aspect-ratio:4/5;background:linear-gradient(150deg,#f472b6,#7e22ce 55%,#1e1b4b);border-radius:14px;width:38%;box-shadow:0 14px 36px #00000059}.demo-cc-tile.alt{background:linear-gradient(150deg,#fcd34d,#ea580c 55%,#7c2d12)}.demo-cc-lg{gap:28px;width:100%;min-height:380px;padding:40px 8%}.demo-cc-lg .demo-cc-links{margin-right:auto;font-size:clamp(36px,6vw,60px)}.demo-cc-lg .demo-cc-links p{font-size:13px}.demo-cc-lg .demo-cc-tile{width:min(200px,22%)}.demo-trail{background:radial-gradient(circle at 50% 40%, #fff, var(--accent-soft) 70%);place-items:center;display:grid}.demo-trail p{letter-spacing:-.03em;color:var(--accent-line);margin:0;font-size:24px;font-weight:800}.demo-trail-lg{width:100%;min-height:380px}.demo-trail-lg p{font-size:clamp(32px,5vw,52px)}.demo-glow{background:#08070f;justify-content:center;align-items:center;gap:14px;padding:0 8%;display:flex}.demo-glow>div{text-align:left;color:#fff;background:#ffffff08;border:1px solid #ffffff17;border-radius:14px;flex-direction:column;flex:1;gap:4px;padding:16px;display:flex}.demo-glow span{color:#a1a1aa;font-size:12px;font-weight:600}.demo-glow b{letter-spacing:-.04em;font-size:30px;line-height:1.1}.demo-glow small{color:#71717a;margin-left:2px;font-size:12px;font-weight:500}.demo-glow em{color:#a1a1aa;font-size:12px;font-style:normal}.demo-glow-lg{flex-wrap:wrap;gap:20px;width:100%;min-height:380px;padding:40px 6%}.demo-glow-lg>div{gap:8px;min-width:180px;max-width:260px;padding:28px 24px}.demo-glow-lg b{font-size:44px}.demo-glow-lg span,.demo-glow-lg em{font-size:14px}.demo-ihr{text-align:left;width:84%;margin:0;padding:0;list-style:none}.demo-ihr [data-reveal]{display:none}.demo-ihr li>*{border-bottom:1px solid var(--accent-line);letter-spacing:-.04em;color:var(--text);justify-content:space-between;align-items:baseline;padding:4px 2px;font-size:28px;font-weight:800;line-height:1.15;display:flex}.demo-ihr small{letter-spacing:0;color:var(--text-dim);font-size:12px;font-weight:600}.demo-ihr-lg{width:min(620px,92%)}.demo-ihr-lg li>*{padding:10px 4px;font-size:clamp(40px,7vw,64px)}.demo-ihr-lg small{font-size:14px}.demo-desk{background:radial-gradient(circle at 20% 15%,#f0abfc,#0000 45%),radial-gradient(circle at 85% 30%,#93c5fd,#0000 50%),linear-gradient(160deg,#c4b5fd,#6d28d9);justify-content:center;align-items:flex-end;padding-bottom:14px;display:flex}.demo-dock{-webkit-backdrop-filter:blur(12px);background:#ffffff47;border:1px solid #ffffff73;border-radius:16px;gap:6px;padding:6px 8px;box-shadow:0 10px 30px #1e0a3c40}.demo-dock>*{width:34px;height:34px}.demo-dock i{background:linear-gradient(150deg, var(--c1), var(--c2));border-radius:24%;place-items:center;width:100%;height:100%;display:grid;box-shadow:0 3px 8px #1e0a3c40}.demo-dock svg{width:58%;height:58%}.demo-desk-lg{width:100%;min-height:380px;padding-bottom:28px}.demo-desk-lg .demo-dock{border-radius:22px;gap:min(10px,1.6vw);padding:9px min(12px,2vw)}.demo-desk-lg .demo-dock>*{width:min(52px,14.2857vw - 17.1429px);height:min(52px,14.2857vw - 17.1429px)}.demo-lus{letter-spacing:-.03em;flex-wrap:wrap;justify-content:center;gap:4px 22px;margin:0;font-size:28px;font-weight:800;display:flex}.demo-lus-wrap{justify-items:center;gap:28px;display:grid}.demo-lus-lg{gap:8px 40px;font-size:clamp(36px,6vw,60px)}.demo-lus-lg a{color:inherit}.demo-lus-text{max-width:520px;color:var(--text-muted);margin:0;font-size:18px}.demo-lus-text a{color:var(--accent);font-weight:600}.demo-ppx{background:linear-gradient(160deg,#fdf4ff,#ede9fe 50%,#e0f2fe);place-items:center;display:grid;position:relative;overflow:hidden}.demo-ppx>*{position:absolute}.demo-ppx-blob{filter:blur(2px);border-radius:50%}.demo-ppx-blob.b1{aspect-ratio:1;opacity:.7;background:radial-gradient(circle at 35% 35%,#f0abfc,#c084fc 60%,#0000 72%);width:70%;top:-40%;left:-18%}.demo-ppx-blob.b2{aspect-ratio:1;opacity:.6;background:radial-gradient(circle at 40% 40%,#7dd3fc,#38bdf8 60%,#0000 72%);width:55%;bottom:-38%;right:-12%}.demo-ppx-ring{aspect-ratio:1;opacity:.9;border:6px solid #fbbf24;border-radius:50%;width:30%;top:14%;left:56%}.demo-ppx-bit{aspect-ratio:1;width:7%}.demo-ppx-bit.s1{background:#ec4899;border-radius:50%;top:22%;left:16%}.demo-ppx-bit.s2{background:#6a0dad;border-radius:22%;top:66%;left:74%;rotate:18deg}.demo-ppx-bit.s3{clip-path:polygon(50% 0,100% 100%,0 100%);background:#10b981;top:70%;left:22%}.demo-ppx-bit.s4{background:#0ea5e9;border-radius:50%;width:5%;top:18%;left:84%}.demo-ppx-title{letter-spacing:-.05em;color:var(--text);text-shadow:0 10px 24px #6a0dad33;margin:0;font-size:44px;font-weight:800;position:relative}.demo-ppx-lg{width:100%;min-height:380px}.demo-ppx-lg .demo-ppx-title{font-size:clamp(56px,10vw,110px)}.demo-ppx-lg .demo-ppx-ring{border-width:10px;width:22%}.demo-ppx-lg .demo-ppx-bit{width:5%}.demo-btn-squash{background:linear-gradient(#f472b6,#db2777);box-shadow:0 8px 22px #db27774d}.demo-btn-shine{background:linear-gradient(135deg,#312e81,#6a0dad 55%,#a855f7);box-shadow:0 10px 26px #6a0dad52}.demo-btn-sweep{color:var(--accent);border:2px solid var(--accent);background:#fff;box-shadow:0 6px 18px #6a0dad1f}.demo-btn-sweep-pink{color:#db2777;border-color:#db2777;box-shadow:0 6px 18px #db27771f}.demo-btn-danger{background:linear-gradient(#ef4444,#dc2626);box-shadow:0 8px 22px #dc26264d}.demo-gbs{background:radial-gradient(circle at 50% 120%,#2a1650,#0c0b16 70%);flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;display:flex}.anim-thumb>.demo-gbs,.anim-thumb>.demo-burger,.anim-thumb>.demo-esh{position:absolute;inset:0}.demo-btn-gbs{color:#fff;box-shadow:none;background:#15131f}.demo-gbs-lg{gap:40px;width:100%;min-height:360px;padding:40px 24px}.demo-burger{place-items:center;display:grid}.demo-burger [data-hamburger-to-x]{box-sizing:content-box;color:var(--text);background:#fff;border-radius:18px;padding:10px;font-size:44px;box-shadow:0 10px 28px #6a0dad24}.demo-burger-lg{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;width:min(560px,100%);padding:14px 16px 14px 24px;display:flex;box-shadow:0 12px 32px #0f0f1e14}.demo-burger-lg .demo-sh-logo{font-size:22px;font-weight:800}.demo-burger-lg [data-hamburger-to-x]{box-shadow:none;padding:6px;font-size:34px}.demo-settings{background:#fff;border-radius:16px;gap:4px;width:min(250px,84%);padding:6px 14px;font-size:14px;font-weight:600;display:grid;box-shadow:0 10px 28px #6a0dad1a}.demo-settings .tsw{text-align:left;justify-content:space-between;width:100%;padding:6px 0;display:flex}.demo-settings .tsw+.tsw{border-top:1px solid var(--border)}.demo-settings-lg{gap:6px;width:min(380px,100%);padding:10px 22px;font-size:18px}.demo-settings-lg .tsw{padding:12px 0}.demo-todo{text-align:left;background:#fff;border-radius:16px;gap:10px;padding:16px 20px;font-size:16px;font-weight:600;display:grid;box-shadow:0 10px 28px #6a0dad1a}.demo-todo-lg{gap:16px;padding:28px 34px;font-size:22px}.demo-copy{color:#e4e4e7;background:#15131f;border-radius:12px;align-items:center;gap:12px;padding:6px 6px 6px 16px;display:inline-flex;box-shadow:0 10px 28px #0f0f1e33}.demo-copy code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.demo-copy code:before{content:"$ ";color:#71717a}.demo-copy-btn{font:inherit;color:#fff;background:#ffffff1a;border:0;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}.demo-copy-btn:hover{background:#ffffff29}.demo-copy-lg{border-radius:16px;gap:18px;padding:10px 10px 10px 24px}.demo-copy-lg code{font-size:18px}.demo-copy-lg .demo-copy-btn{border-radius:10px;padding:10px 16px;font-size:16px}.demo-esh{justify-content:center;align-items:center;gap:10px;display:flex}.demo-esh-field{position:relative}.demo-esh-input,.demo-esh input{box-sizing:border-box;border:2px solid var(--border-strong);width:170px;height:46px;font:inherit;text-align:left;color:var(--text);background:#fff;border-radius:12px;padding:0 14px;font-size:15px;line-height:42px;display:block}.demo-esh input:focus{border-color:var(--accent);outline:none}.demo-esh .esh-msg{white-space:nowrap;position:absolute;top:100%;left:2px}.demo-esh .demo-btn{height:46px;padding-top:0;padding-bottom:0}.demo-esh-lg{padding:0 0 28px}.demo-esh-lg input{width:min(280px,60vw);height:54px;font-size:18px}.demo-esh-lg .demo-btn{height:54px;padding:0 26px;font-size:17px}@media (width<=480px){.demo-esh-lg input{width:150px}.demo-esh-lg .demo-btn{padding:0 18px;font-size:16px}}.demo-bell{width:64px;height:64px;color:var(--text);font:inherit;cursor:pointer;background:#fff;border:0;border-radius:20px;place-items:center;font-size:20px;display:inline-grid;position:relative;box-shadow:0 10px 28px #6a0dad24}.demo-bell svg{width:30px;height:30px}.demo-bell [data-badge-bump]{position:absolute;top:-6px;right:-8px;box-shadow:0 0 0 3px #fff}.demo-bell-lg{border-radius:28px;width:96px;height:96px;font-size:26px}.demo-bell-lg svg{width:44px;height:44px}.demo-badge-wrap{justify-items:center;gap:36px;display:grid}.demo-typing{color:#a1a1aa;background:#fff;border-radius:20px 20px 20px 6px;padding:12px 16px;font-size:18px;display:inline-flex;box-shadow:0 6px 18px #6a0dad1a}.demo-typing-chat{justify-items:start;gap:8px;width:80%;display:grid}.demo-typing-chat p{background:#fff;border-radius:18px 18px 18px 6px;margin:0;padding:10px 14px;font-size:15px;font-weight:500;box-shadow:0 6px 18px #6a0dad1a}.demo-typing-lg{padding:16px 22px;font-size:26px}.demo-dots-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:56px;display:flex}.demo-loader-xl{font-size:34px}.demo-pink{color:#db2777}.demo-green{color:#059669}.demo-live{color:var(--text);background:#fff;border-radius:999px;align-items:center;gap:2px;padding:8px 18px 8px 6px;font-size:18px;font-weight:700;display:inline-flex;box-shadow:0 8px 22px #0f0f1e14}.demo-live [data-pulse-loader]{color:#16a34a;font-size:12px}.demo-pgb{text-align:left;background:#fff;border-radius:16px;gap:14px;width:min(320px,86%);padding:18px 20px;display:grid;box-shadow:0 10px 28px #6a0dad1a}.demo-pgb p{justify-content:space-between;gap:12px;margin:0 0 -6px;font-size:14px;display:flex}.demo-pgb p span{color:var(--text-dim)}.demo-pgb .pgb-num{font-size:13px}.demo-pgb-lg{gap:18px;width:min(520px,100%);padding:28px 32px}.demo-pgb-lg p{margin-top:6px;font-size:16px}.demo-pgb-lg p:first-child{margin-top:0}.demo-pgb-lg .pgb-num{font-size:15px}.demo-pgr{text-align:left;color:var(--accent);background:#fff;border-radius:18px;gap:14px;padding:16px 22px 16px 16px;display:grid;box-shadow:0 10px 28px #6a0dad1a}.demo-pgr-row{align-items:center;gap:14px;font-size:22px;display:flex}.demo-pgr-row p{color:var(--text);margin:0;font-size:15px;line-height:1.3;display:grid}.demo-pgr-row p span{color:var(--text-dim);font-size:13px}.demo-pgr-lg{gap:18px;width:min(360px,100%);padding:24px 28px}.demo-pgr-lg .demo-pgr-row{font-size:20px}.demo-pgr-lg .demo-pgr-row+.demo-pgr-row{border-top:1px solid var(--border);padding-top:18px}.demo-pgr-lg .demo-pgr-row p{font-size:17px}.demo-sml{font-size:32px}.demo-sml-lg{justify-items:center;gap:22px;font-size:48px;display:grid}.demo-sml-lg p{color:var(--text-muted);margin:0;font-size:17px;font-weight:600}.demo-ldl{width:76px;color:var(--accent)}.demo-ldl svg{width:100%;display:block}.demo-splash{justify-items:center;gap:22px;display:grid}.demo-splash .demo-ldl{width:120px}.demo-splash p{color:var(--text-muted);margin:0;font-size:17px;font-weight:600}.demo-otf{justify-content:center;align-items:center;gap:18px;display:flex}.demo-otf svg{width:64px;height:64px;overflow:visible}.demo-otf-lg{gap:min(36px,5vw)}.demo-otf-lg svg{width:min(130px,19vw);height:auto}.demo-ism{justify-content:center;gap:14px;display:flex}.demo-ism [data-icon-state-morph]{width:52px;height:52px;color:var(--text);background:#fff;border-radius:16px;font-size:30px;box-shadow:0 10px 28px #6a0dad24}.demo-ism-lg{flex-wrap:wrap;gap:28px}.demo-ism-lg figure{color:var(--text-muted);justify-items:center;gap:12px;margin:0;font-size:14px;font-weight:600;display:grid}.demo-ism-lg [data-icon-state-morph]{border-radius:24px;width:84px;height:84px;font-size:44px}.demo-ism-lg [data-icon-state-morph]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.demo-lbo{width:86%;color:var(--text);overflow:visible}.demo-lbo-lg{width:min(520px,92%)}.demo-coin{background:#7c3aed radial-gradient(circle at 32% 28%,#c084fc,#7c3aed 62%);border-radius:50%;place-items:center;width:92px;height:92px;display:grid;box-shadow:inset 0 0 0 4px #ffffff38}.demo-coin svg{width:58%}.demo-coin-lg{width:140px;height:140px}.demo-coin-sq{background:#db2777 radial-gradient(circle at 30% 25%,#f9a8d4,#db2777 65%);border-radius:34px}.demo-ants{width:82%}.demo-ants-photo{aspect-ratio:16/10;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f0f1e24}.demo-ants-photo>svg{width:100%;height:100%;display:block}.demo-ants-photo>.demo-ants-svg{position:absolute;inset:0}.demo-ants-sel{position:absolute}.demo-ants-lg{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;width:100%;display:flex}.demo-ants-lg .demo-ants-photo{width:min(460px,100%)}.demo-drop{color:#7c3aed;background:#fff;border-radius:18px;justify-items:center;gap:4px;width:min(240px,100%);padding:32px 20px;display:grid}.demo-drop svg{width:34px;margin-bottom:8px}.demo-drop b{color:var(--text);font-size:16px}.demo-drop span{color:var(--text-dim);font-size:14px}.demo-blobs{justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.demo-blob{aspect-ratio:1;color:#fff;letter-spacing:-.03em;place-items:center;width:40%;max-width:150px;font-size:24px;font-weight:800;display:grid}.demo-blob>svg{width:100%;height:100%}.demo-blobs-lg{flex-wrap:wrap;gap:32px}.demo-blobs-lg .demo-blob{width:min(220px,70vw);max-width:none;font-size:26px}.anim-thumb>.demo-map{width:100%;height:100%;position:absolute;inset:0}.demo-map-lg{border-radius:16px;width:min(680px,100%);height:auto;display:block;box-shadow:0 12px 30px #0f0f1e1a}.demo-map text{font-family:inherit}.demo-sig{text-align:left;background:#fff;border-radius:14px;justify-items:start;gap:4px;width:82%;padding:18px 22px 14px;display:grid;box-shadow:0 10px 28px #6a0dad1a}.demo-sig svg{width:100%;display:block;overflow:visible}.demo-sig span{border-top:1px dashed var(--border-strong);letter-spacing:.06em;text-transform:uppercase;width:100%;color:var(--text-dim);padding-top:6px;font-size:12px;font-weight:600}.demo-sig-lg{gap:10px;width:min(560px,100%);padding:30px 36px 22px}.demo-sig-lg p{color:var(--text-muted);margin:0 0 6px;font-size:17px}.demo-sig-lg span{letter-spacing:0;text-transform:none;color:var(--text-muted);font-size:14px}.demo-bg{color:#fff;letter-spacing:-.03em;text-align:center;place-items:center;padding:24px;font-size:28px;font-weight:800;display:grid}.anim-thumb>.demo-bg{position:absolute;inset:0}.anim-stage .demo-bg{width:100%;min-height:360px;font-size:clamp(32px,5vw,56px)}.demo-bg-mesh{text-shadow:0 2px 18px #1e0a3c40;background:#c4b5fd}.demo-bg-synth{text-shadow:0 0 18px #ec4899cc;background:linear-gradient(#0b0221,#3b0764 55%,#12062b 55%);align-items:start}.demo-bg-dots{background:#0f0a1e}.demo-bg-float{color:var(--text);background:#faf5ff}.demo-bg-waves{color:var(--text);background:#fff}.demo-bg-waves span{margin-bottom:14%}.demo-bg-flow{background:#0b0618}.demo-bg-matrix{text-shadow:0 0 18px #4ade80b3,0 2px 10px #000;background:radial-gradient(at 50% 40%,#052e16,#010804 70%)}.demo-bg-snow{background:linear-gradient(#0b1530,#1e3a6e 75%,#36558f)}.demo-bg-bubbles{text-shadow:0 2px 16px #08334480;background:radial-gradient(at 50% 110%,#22d3ee,#0e7490 45%,#083344)}.demo-bg-fireflies{text-shadow:0 0 20px #d9f99d59;background:radial-gradient(at 50% 120%,#1a3a2a,#0b1d17 55%,#050d0b)}.demo-bg-emoji{color:var(--text);background:#faf5ff}.demo-ptx-t{font-size:46px}.demo-ptx{justify-items:center;gap:18px;display:grid}.demo-ptx>p:last-child{color:var(--text-muted);font-size:15px;font-weight:600}.demo-pex-card{aspect-ratio:16/10;color:#fff;letter-spacing:-.03em;background:linear-gradient(135deg,#f472b6,#a855f7 55%,#6a0dad);border-radius:16px;place-items:center;width:52%;font-size:28px;display:grid;box-shadow:0 12px 30px #6a0dad40}.demo-pex-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex;position:relative}.demo-pex-photo{aspect-ratio:16/10;cursor:pointer;border:0;border-radius:16px;width:min(300px,80vw);padding:0;display:block;overflow:hidden;box-shadow:0 12px 30px #0f0f1e24}.demo-pex-photo svg{width:100%;height:100%;display:block}.demo-pex-photo:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.demo-fan{margin-top:6%}.demo-fan-card{aspect-ratio:3/4;background:#fff;border:3px solid #fff;border-radius:9px;width:70px;overflow:hidden;box-shadow:0 8px 20px #0f0f1e2e}.demo-fan-card>svg{border-radius:6px;width:100%;height:100%;display:block}.demo-fan-note{background:var(--gradient);color:#fff;place-content:center;gap:4px;font-size:14px;display:grid}.demo-fan-note span{opacity:.8;font-size:11px;font-weight:600}.demo-fan-pink{background:linear-gradient(135deg,#f9a8d4,#db2777)}.demo-fan-wrap{justify-items:center;gap:40px;padding-top:40px;display:grid}.demo-fan-wrap>p{color:var(--text-muted);font-size:15px;font-weight:600}.demo-fan-lg .demo-fan-card{border-width:5px;border-radius:14px;width:min(150px,30vw)}.demo-fan-lg .demo-fan-card>svg{border-radius:9px}.demo-fan-lg .demo-fan-note{font-size:24px}.demo-fan-lg .demo-fan-note span{font-size:14px}.demo-fan:focus-visible{outline:none}.demo-fan:focus-visible .demo-fan-card:last-child{outline:3px solid var(--accent);outline-offset:3px}.demo-cvf{width:100%}.anim-thumb>.demo-cvf{align-content:center;position:absolute;inset:0}.demo-cvf figure{aspect-ratio:1;-webkit-box-reflect:below 3px linear-gradient(transparent 72%, #ffffff47);background:#ddd;border-radius:8px;width:92px;margin:0;position:relative;overflow:hidden;box-shadow:0 10px 24px #0f0f1e38}.demo-cvf figure>svg{width:100%;height:100%;display:block}.demo-cvf figcaption{color:#fff;text-align:left;background:linear-gradient(#0000,#0000008c);padding:22px 12px 10px;font-size:14px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.demo-cover{color:#fff;letter-spacing:-.02em;place-items:center;font-size:13px;font-weight:800;display:grid}.demo-cover>span{z-index:1;position:relative}.demo-cover.c1{background:radial-gradient(circle at 30% 30%,#f472b6,#0000 45%),radial-gradient(circle at 75% 70%,#38bdf8,#0000 50%),#1e1b4b}.demo-cover.c2{background:radial-gradient(circle at 50% 55%,#fde68a 0 18%,#fb923c 19% 34%,#db2777 35% 52%,#6a0dad 53%)}.demo-cover.c3{background:repeating-linear-gradient(160deg,#0ea5e9 0 14px,#0369a1 14px 28px)}.demo-cover.c4{background:linear-gradient(135deg,#0f0f1a 40%,#22d3ee 40% 46%,#0f0f1a 46% 58%,#e879f9 58% 64%,#0f0f1a 64%)}.demo-cvf-lg{background:linear-gradient(#f6efff,#ede4fb);padding:48px 0 32px}.demo-cvf-lg figure{border-radius:12px;width:min(220px,46vw)}.demo-cvf-lg .cvf-nav{margin-top:76px}.demo-cvf-lg .demo-cover{font-size:24px}.demo-cvf-lg .demo-cover>span{opacity:0}.demo-xf{width:100%;height:100%}.anim-thumb>.demo-xf{position:absolute;inset:0}.demo-xf-lg{aspect-ratio:16/9;width:100%;height:auto;max-height:480px}.demo-scenes>svg{width:100%;height:100%;display:block}.demo-kb{color:#fff;text-align:left;margin:0}.anim-thumb>.demo-kb{position:absolute;inset:0}.demo-kb-lg{aspect-ratio:16/9;width:100%;max-height:480px}.demo-kb figcaption{background:linear-gradient(#0000,#0206178c);gap:2px;padding:60px 28px 22px;display:grid;position:absolute;bottom:0;left:0;right:0}.demo-kb figcaption b{letter-spacing:-.03em;font-size:clamp(24px,3.4vw,36px);line-height:1.1}.demo-kb figcaption span{opacity:.85;font-size:15px}.demo-bento{text-align:left;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"a a p s""a a p b""d w w b";gap:6px;display:grid}.anim-thumb>.demo-bento{position:absolute;inset:14px 18px}.demo-bento>*{background:#fff;border-radius:10px;align-content:end;gap:2px;padding:8px 10px;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 16px #6a0dad14}.demo-bento b{letter-spacing:-.02em;font-size:14px;line-height:1.1}.demo-bento span{color:var(--text-dim);font-size:10px;font-weight:600}.demo-bento-a{color:#fff;grid-area:a;background:var(--gradient)!important}.demo-bento-a b{font-size:20px}.demo-bento-a span{color:#fffc}.demo-bento-photo{grid-area:p;padding:0!important}.demo-bento-photo svg{width:100%;height:100%;position:absolute;inset:0}.demo-bento-stat{grid-area:s;align-content:center!important}.demo-bento-stat b{color:var(--accent)}.demo-bento-bars{grid-area:b;align-items:flex-end;gap:3px;display:flex!important}.demo-bento-bars i{background:linear-gradient(#c084fc,#6a0dad);border-radius:3px 3px 0 0;flex:1}.demo-bento-bars i:first-child{height:35%}.demo-bento-bars i:nth-child(2){height:62%}.demo-bento-bars i:nth-child(3){height:48%}.demo-bento-bars i:nth-child(4){height:88%}.demo-bento-bars i:nth-child(5){height:70%}.demo-bento-dark{color:#fff;grid-area:d;background:#0f0f1a!important}.demo-bento-wide{color:#fff;grid-area:w;align-items:center;gap:6px;background:linear-gradient(135deg,#f9a8d4,#db2777)!important;display:flex!important}.demo-bento-wide span{color:inherit;font-size:16px}.demo-bento-lg{gap:12px;width:min(760px,100%);height:400px}.demo-bento-lg>*{border-radius:18px;gap:4px;padding:16px 20px}.demo-bento-lg b{font-size:22px}.demo-bento-lg span{font-size:14px}.demo-bento-lg .demo-bento-a b{font-size:clamp(28px,4vw,42px)}.demo-bento-lg .demo-bento-stat b{font-size:36px}.demo-bento-lg .demo-bento-bars{gap:6px}.demo-bento-lg .demo-bento-wide span{font-size:28px}@media (width<=640px){.demo-bento-lg{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a a""p s""p b""d b""w w";grid-auto-rows:92px;gap:8px;height:auto}.demo-bento-lg>*{border-radius:14px;padding:12px 14px}.demo-bento-lg b{font-size:18px}.demo-bento-lg span{font-size:12px}.demo-bento-lg .demo-bento-stat b{font-size:28px}.demo-bento-lg .demo-bento-wide span{font-size:20px}}.demo-mrf{text-align:left;align-content:start;gap:8px;display:grid}.anim-thumb>.demo-mrf{padding:10px 14px;position:absolute;inset:0}.demo-mrf-bar{flex-wrap:wrap;gap:4px;display:flex}.demo-mrf-bar>*{font:inherit;border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.demo-mrf-bar>.is-active{background:var(--text);border-color:var(--text);color:#fff}.demo-mrf-item{background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 4px 12px #0f0f1e1a}.demo-mrf-shot{aspect-ratio:4/3;display:block}.demo-mrf-shot.tall{aspect-ratio:3/4}.demo-mrf-shot svg{width:100%;height:100%;display:block}.demo-mrf-item>.demo-cover{aspect-ratio:1;font-size:15px}.demo-mrf-note{background:#fef3c7;gap:4px;padding:8px;display:grid}.demo-mrf-note.pink{background:#fce7f3}.demo-mrf-note.blue{background:#e0f2fe}.demo-mrf-note b,.demo-mrf-note span{background:#0f0f1e38;border-radius:3px;height:5px;display:block}.demo-mrf-note b{background:#0f0f1e66;width:60%;height:7px}.demo-mrf-lg{gap:18px;width:min(760px,100%)}.demo-mrf-lg .demo-mrf-bar{justify-content:center;gap:8px}.demo-mrf-lg .demo-mrf-bar>*{padding:7px 16px;font-size:14px}.demo-mrf-lg .demo-mrf-bar>:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.demo-mrf-lg .demo-mrf-item{border-radius:14px}.demo-mrf-lg .demo-mrf-note{gap:6px;padding:16px}.demo-mrf-lg .demo-mrf-note b,.demo-mrf-lg .demo-mrf-note span{background:0 0;border-radius:0;width:auto;height:auto}.demo-mrf-lg .demo-mrf-note b{font-size:16px}.demo-mrf-lg .demo-mrf-note span{color:var(--text-muted);font-size:15px;line-height:1.45}.demo-mrf-lg .demo-cover{font-size:20px}.demo-ass{margin-top:10%}.demo-ava{color:#fff;font-weight:700;font-size:calc(var(--ass-size,48px) * .34);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;place-items:center;display:grid}.demo-ava.a1{background:linear-gradient(135deg,#c084fc,#6a0dad)}.demo-ava.a2{background:linear-gradient(135deg,#fda4af,#e11d48)}.demo-ava.a3{background:linear-gradient(135deg,#5eead4,#0f766e)}.demo-ava.a4{background:linear-gradient(135deg,#fcd34d,#d97706)}.demo-ava.a5{background:linear-gradient(135deg,#7dd3fc,#1d4ed8)}.demo-ava.more{color:var(--text-muted);font-size:calc(var(--ass-size,48px) * .3);background:#fff}.demo-ass-wrap{justify-items:center;gap:36px;padding-top:40px;display:grid}.demo-ass-wrap>p{color:var(--text-muted);font-size:15px;font-weight:600}.demo-ipr{margin:0}.anim-thumb>.demo-ipr{position:absolute;inset:0}.demo-ipr-lg{aspect-ratio:16/9;border-radius:16px;width:min(640px,100%);box-shadow:0 16px 40px #0f0f1e29}.demo-set{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:78%;display:grid}.demo-set>figure{aspect-ratio:4/3;border-radius:8px;margin:0;overflow:hidden;box-shadow:0 6px 16px #0f0f1e24}.demo-set>figure>svg{border-radius:inherit;width:100%;height:100%;display:block}.demo-set figcaption{display:none}.demo-set .set-cap{display:block}.demo-set .demo-cover{font-size:11px}.demo-set-lg{gap:12px;width:min(640px,100%)}.demo-set-lg>figure{border-radius:12px}.demo-set-lg>figure:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.demo-set-lg .demo-cover{font-size:20px}.demo-set-wrap{justify-items:center;gap:24px;width:100%;display:grid}.demo-set-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.demo-set-links>span{color:var(--text-muted);font-size:15px;font-weight:600}.demo-set-links a{border-radius:12px;display:block}.demo-set-links a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.demo-set-thumb{aspect-ratio:1;border-radius:12px;width:64px;transition:transform .2s;display:block;overflow:hidden;box-shadow:0 6px 16px #0f0f1e29}.demo-set-thumb svg{width:100%;height:100%;display:block}.demo-set-links a:hover .demo-set-thumb{transform:translateY(-2px)}.demo-pls{text-align:left;background:#fff;border-radius:12px;grid-template-rows:auto 1fr auto;gap:8px;padding:10px 14px 12px;display:grid;overflow:hidden;box-shadow:0 10px 28px #6a0dad1f}.anim-thumb>.demo-pls{position:absolute;inset:14px 22px}.demo-pls-nav{justify-content:space-between;align-items:center;display:flex}.demo-pls-nav b{align-items:center;gap:5px;font-size:11px;display:flex}.demo-pls-nav b i{background:var(--gradient);border-radius:50%;width:10px;height:10px}.demo-pls-nav span{gap:6px;display:flex}.demo-pls-nav span i{background:var(--border-strong);border-radius:3px;width:20px;height:5px}.demo-pls-hero{align-content:center;justify-items:start;gap:4px;display:grid}.demo-pls-hero small{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:9px;font-weight:700}.demo-pls-hero strong{letter-spacing:-.03em;font-size:19px;font-weight:800;line-height:1.1}.demo-pls-hero .demo-btn{box-shadow:none;margin-top:4px;padding:4px 11px;font-size:10px}.demo-pls-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.demo-pls-cards i{background:var(--accent-soft);border-radius:7px;height:30px}.demo-pls-cards i:nth-child(2){background:#fce7f3}.demo-pls-cards i:nth-child(3){background:#e0f2fe}.demo-pls-lg{border-radius:18px;gap:20px;width:min(760px,100%);min-height:420px;padding:18px 28px 26px}.demo-pls-lg .demo-pls-nav b{gap:8px;font-size:17px}.demo-pls-lg .demo-pls-nav b i{width:16px;height:16px}.demo-pls-lg .demo-pls-nav span{gap:14px}.demo-pls-lg .demo-pls-nav span i{width:44px;height:8px}.demo-pls-lg .demo-pls-hero{gap:10px}.demo-pls-lg .demo-pls-hero small{font-size:13px}.demo-pls-lg .demo-pls-hero strong{font-size:clamp(30px,5vw,52px)}.demo-pls-lg .demo-pls-hero p{max-width:460px;color:var(--text-muted);font-size:16px}.demo-pls-lg .demo-pls-hero .demo-btn{padding:10px 20px;font-size:14px}.demo-pls-lg .demo-pls-cards{gap:14px}.demo-pls-lg .demo-pls-cards i{border-radius:12px;height:84px}@media (width<=640px){.demo-pls-lg{gap:16px;padding:16px 18px 20px}.demo-pls-lg .demo-pls-nav span{gap:8px}.demo-pls-lg .demo-pls-nav span i{width:26px}.demo-pls-lg .demo-pls-cards{gap:8px}.demo-pls-lg .demo-pls-cards i{height:56px}}.demo-bsh,.demo-cbs{place-items:center;display:grid;position:relative;overflow:hidden}.anim-thumb>.demo-bsh,.anim-thumb>.demo-cbs{position:absolute;inset:0}.demo-bsh-sheet{text-align:left;gap:8px;display:grid}.demo-bsh-sheet b{font-size:14px}.demo-bsh-apps{justify-content:space-between;gap:10px;display:flex}.demo-bsh-apps i{background:var(--accent-soft);border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;font-style:normal;display:grid}.demo-bsh-apps>:nth-child(2) i,.demo-bsh-apps>i:nth-child(2){background:#fce7f3}.demo-bsh-apps>:nth-child(3) i,.demo-bsh-apps>i:nth-child(3){background:#e0f2fe}.demo-bsh-apps>:nth-child(4) i,.demo-bsh-apps>i:nth-child(4){background:#f1f1f4}.demo-sheet{text-align:left}.demo-sheet h2{letter-spacing:-.02em;margin:2px 0 4px;font-size:22px}.demo-sheet p{color:var(--text-muted);margin:0 0 20px}.demo-sheet .demo-bsh-apps{margin-bottom:22px}.demo-sheet .demo-bsh-apps button{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;justify-items:center;gap:6px;padding:6px 0;font-size:13px;display:grid}.demo-sheet .demo-bsh-apps button:hover{background:#faf8fd}.demo-sheet .demo-bsh-apps button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.demo-sheet .demo-bsh-apps i{width:56px;height:56px;font-size:22px}.demo-sheet>.demo-btn{width:100%}.demo-dds{text-align:left;justify-content:center;align-items:flex-start;padding-top:14px;display:flex;position:absolute;inset:0}.demo-dds .demo-btn{gap:4px;padding:6px 12px 6px 14px;font-size:13px}.demo-dds [data-dropdown-stagger]>ul{border-radius:11px;min-width:150px;padding:4px}.demo-dds .dds-item{border-radius:7px;gap:8px;padding:4px 9px;font-size:12px}.demo-dds .dds-sep{margin:3px 6px}.demo-dds-danger{color:#dc2626}.demo-dds-wrap{text-align:left;align-self:start;min-height:330px;padding-top:8px}.demo-dds-wrap .demo-btn{gap:6px}.demo-dds-wrap [data-dropdown-stagger]>ul{min-width:220px}.demo-ttp{background:#fff;border-radius:14px;gap:4px;margin-top:34px;padding:5px;display:inline-flex;box-shadow:0 8px 24px #6a0dad1a}.demo-ttp-btn{width:38px;height:38px;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;font-size:17px;display:grid}.demo-ttp-btn svg{width:19px;height:19px}.demo-ttp-btn:hover{background:var(--accent-soft)}.demo-ttp-btn:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.demo-ttp-lg{border-radius:16px;gap:6px;margin-top:0;padding:6px}.demo-ttp-lg .demo-ttp-btn{border-radius:11px;width:50px;height:50px;font-size:21px}.demo-ttp-lg .demo-ttp-btn svg{width:23px;height:23px}.demo-ttp-wrap{justify-items:center;gap:30px;display:grid}.demo-ttp-note{color:var(--text-muted);font-size:15px}.demo-ttp-link{font:inherit;color:var(--accent);text-underline-offset:3px;cursor:help;background:0 0;border:0;font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.demo-ttp-link:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.demo-spt{text-align:left;background:#fff;border-radius:12px;grid-template-rows:auto 1fr;gap:8px;padding:10px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #6a0dad1a}.anim-thumb>.demo-spt{position:absolute;inset:12px 16px}.demo-spt-top{align-items:center;gap:8px;display:flex}.demo-spt-logo{align-items:center;gap:5px;font-size:11px;display:flex}.demo-spt-logo i{background:var(--gradient);border-radius:4px;width:12px;height:12px}.demo-spt-search{background:var(--accent-soft);color:var(--text-dim);border-radius:99px;flex:0 48%;margin:0 auto;padding:3px 9px;font-size:9px}.demo-spt-avatar{color:#fff;background:linear-gradient(135deg,#fda4af,#e11d48);border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;font-weight:700;display:grid}.demo-spt-body{grid-template-columns:24% 1fr;gap:8px;min-height:0;display:grid}.demo-spt-side{background:#faf8fd;border-radius:8px;align-content:start;gap:6px;padding:7px;display:grid}.demo-spt-side i{background:var(--accent-line);border-radius:4px;height:7px}.demo-spt-side i:nth-child(2n){width:70%}.demo-spt-main{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:6px;display:grid}.demo-spt-new{box-shadow:none;grid-column:1/-1;justify-self:start;padding:3px 9px;font-size:9px}.demo-spt-main>i{background:var(--accent-soft);border-radius:8px;height:52px}.demo-spt-main>i:nth-of-type(2){background:#fce7f3}.demo-spt-main>i:nth-of-type(3){background:#e0f2fe}.demo-spt .spt-card{border-radius:.9em;width:13.5em;padding:.9em 1em .8em;font-size:8px}.demo-spt-wrap{justify-items:center;gap:22px;width:100%;display:grid}.demo-spt-lg{border-radius:16px;gap:16px;width:min(720px,100%);height:340px;padding:18px}.demo-spt-lg .demo-spt-top{gap:16px}.demo-spt-lg .demo-spt-logo{gap:8px;font-size:17px}.demo-spt-lg .demo-spt-logo i{border-radius:6px;width:18px;height:18px}.demo-spt-lg .demo-spt-search{padding:8px 16px;font-size:14px}.demo-spt-lg .demo-spt-avatar{width:36px;height:36px;font-size:13px}.demo-spt-lg .demo-spt-body{gap:16px}.demo-spt-lg .demo-spt-side{border-radius:12px;gap:12px;padding:14px}.demo-spt-lg .demo-spt-side i{height:12px}.demo-spt-lg .demo-spt-main{gap:14px}.demo-spt-lg .demo-spt-new{padding:9px 18px;font-size:14px}.demo-spt-lg .demo-spt-main>i{border-radius:12px;height:120px}.demo-cbs .demo-modal-page{margin-bottom:18%}.anim-thumb .demo-cbs [data-cookie-banner-slide][data-contained]{border-radius:12px;flex-wrap:nowrap;gap:6px;padding:8px 9px 8px 10px;bottom:10px;left:10px;right:10px}.anim-thumb .demo-cbs [data-cookie-banner-slide]>p{flex:1;font-size:10px;line-height:1.35}.anim-thumb .demo-cbs [data-cookie-banner-slide] [data-icon]{font-size:18px}.anim-thumb .demo-cbs [data-cookie-accept],.anim-thumb .demo-cbs [data-cookie-reject]{padding:4px 9px;font-size:10px}.demo-cbs-lg{background:#fff;border-radius:16px;place-items:start;width:min(720px,100%);height:340px;box-shadow:0 6px 24px #0f0f1e12}.demo-cbs-page{justify-items:start;gap:12px;width:100%;padding:32px 36px;display:grid}.demo-cbs-page b{background:var(--accent-line);border-radius:6px;width:55%;height:22px}.demo-cbs-page span{background:#eeeaf4;border-radius:99px;width:90%;height:10px}.demo-cbs-page span.short{width:60%}.demo-cbs-page .demo-btn{margin-top:10px}.demo-cbs-lg [data-cookie-banner-slide][data-contained]{bottom:16px;left:16px;right:16px}.demo-cbs-lg [data-cookie-banner-slide]>p{flex:240px;font-size:14px}.demo-cbs-lg [data-cookie-banner-slide] [data-icon]{font-size:28px}.demo-pie{font-size:12px}.demo-pie .pie-legend{gap:5px;font-size:12px}.demo-pie .pie-legend li{gap:7px}.demo-pie .pie-legend i{border-radius:3px;width:9px;height:9px}.demo-pies{flex-wrap:wrap;justify-content:center;gap:40px 56px;display:flex}.demo-pies .pie{flex-direction:column;gap:18px}.demo-gauge{width:168px}.demo-gauges{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:32px 64px;display:flex}.demo-gauges .gnd{width:250px}.demo-gauge-ctl{justify-items:center;gap:14px;display:grid}.demo-gauge-ctl label{color:var(--text-muted);justify-items:center;gap:6px;font-size:14px;font-weight:600;display:grid}.demo-gauge-ctl input{width:220px;accent-color:var(--accent)}.demo-bcr{width:92%;font-size:11px}.demo-bcr-lg{width:min(640px,100%);font-size:15px}.demo-spk{gap:7px;width:88%;display:grid}.demo-spk>div{text-align:left;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:6px 12px;font-size:13px;font-weight:600;display:flex;box-shadow:0 2px 8px #0f0f1e0d}.demo-spk>div>span:first-child{flex:1}.demo-spk>div>b{text-align:right;color:#16a34a;font-variant-numeric:tabular-nums;width:3.2em}.demo-spk-wrap{justify-items:center;gap:32px;width:100%;display:grid}.demo-spk-text{text-align:left;max-width:600px;font-size:clamp(18px,2.4vw,22px);line-height:1.7}.demo-spk-lg{gap:10px;width:min(460px,100%)}.demo-spk-lg>div{padding:12px 18px;font-size:16px}.demo-tlr{padding:18px 10% 150px}.demo-tlr h3{letter-spacing:-.01em;font-size:15px;line-height:1.3}.demo-tlr time{font-size:11px}.demo-tlr [data-timeline-reveal]>li{padding-bottom:18px}.demo-glide-lg .demo-tlr{padding:8px 6% 220px}.demo-glide-lg .demo-tlr h3{font-size:19px}.demo-glide-lg .demo-tlr time{font-size:13px}.demo-glide-lg .demo-tlr p{color:var(--text-muted);font-size:15px}.demo-glide-lg .demo-tlr [data-timeline-reveal]>li{padding-bottom:34px}.demo-stc{width:100%}.anim-thumb .demo-stc{grid-template-columns:1fr 1fr;gap:10px}.anim-thumb .demo-stc>div{border-radius:12px;gap:4px;padding:12px 14px}.anim-thumb .demo-stc>div>span{font-size:11px}.anim-thumb .demo-stc [data-stat]{font-size:23px}.anim-thumb .demo-stc [data-trend]{font-size:11px}.demo-stc-lg{width:min(880px,100%)}