.phone{background:rgb(var(--c-slate-900));border:8px solid rgb(var(--c-slate-900));border-radius:2.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);margin:0 auto;max-width:19rem;width:100%}.phone>.tpl{border-radius:2rem;min-height:26rem}.hero-devices{padding-bottom:2rem;position:relative}.hero-fold{aspect-ratio:707/823;background:rgb(var(--c-slate-900));border:8px solid rgb(var(--c-slate-900));border-radius:1.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.35);overflow:hidden;position:relative;width:84%}.hero-crease{background:linear-gradient(90deg,transparent,rgba(0,0,0,.1) 40%,hsla(0,0%,100%,.3) 50%,rgba(0,0,0,.1) 60%,transparent);bottom:0;left:50%;pointer-events:none;top:0;width:16px}.hero-cam,.hero-crease{position:absolute;transform:translateX(-50%)}.hero-cam{background:rgb(var(--c-slate-900));border-radius:9999px;height:.5rem;left:75%;top:.45rem;width:.5rem}.hero-phone{border-radius:1.75rem;border-width:6px;bottom:0;max-width:none;position:absolute;right:0;width:44%}.hero-phone>.tpl{aspect-ratio:9/18;border-radius:1.3rem;justify-content:center;min-height:0}.hz{align-items:center;background:var(--sw-bg);border-radius:1.1rem;color:var(--sw-fg);display:flex;font-family:var(--sw-font);gap:6%;height:100%;padding:9% 6%;transition:background .6s,color .6s}.hz-profile{align-self:flex-start;display:flex;flex:0 0 30%;flex-direction:column;gap:.35rem;padding-top:4%}.hz-avatar{background:currentColor;border-radius:9999px;height:2.4rem;opacity:.85;width:2.4rem}.hz-name{font-size:.8rem;font-weight:700;line-height:1.1;margin-top:.25rem}.hz-bio{background:currentColor;border-radius:9999px;display:block;height:.25rem;opacity:.4;width:90%}.hz-short{width:60%}.hz-grid{aspect-ratio:8/11;display:grid;flex:1 1 auto;gap:4px;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(11,minmax(0,1fr))}.hz-tile{background:var(--sw-btn-bg);border:var(--sw-btn-bw) solid var(--sw-btn-border);border-radius:min(var(--sw-radius),.5rem);box-shadow:var(--sw-btn-shadow);transition:background .6s,border-radius .6s}.hz-t-image{background:linear-gradient(140deg,color-mix(in srgb,var(--sw-fg) 45%,transparent),color-mix(in srgb,var(--sw-fg) 12%,transparent))}.hz-t-title{background:linear-gradient(currentColor,currentColor) 0 50% /55% 3px no-repeat;border:0;box-shadow:none;opacity:.7}@keyframes mk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mk-float{animation:mk-float 5s ease-in-out infinite}.mk-float-b{animation-delay:-2.5s}.lm-on [data-reveal]{transition:opacity .6s ease,transform .6s ease}.lm-on [data-reveal]:not([data-in-view]){opacity:0;transform:translateY(1.5rem)}.lm-on [data-motion]:not([data-in-view]) *{animation-play-state:paused!important}.ed-mock{background:rgb(var(--c-slate-50));border:1px solid rgb(var(--c-slate-200));border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.2);font-size:.75rem;margin:0 auto;max-width:34rem;overflow:hidden}.ed-bar{align-items:center;background:#fff;border-bottom:1px solid rgb(var(--c-slate-200));color:rgb(var(--c-slate-700));display:flex;font-weight:600;gap:.5rem;padding:.5rem .75rem}.ed-chip{background:rgb(var(--c-slate-50));border:1px solid rgb(var(--c-slate-200));padding:.15rem .5rem}.ed-chip,.ed-seg{border-radius:.375rem}.ed-seg{background:rgb(var(--c-slate-100));display:inline-flex;padding:2px}.ed-seg>span{border-radius:.25rem;padding:.1rem .45rem}.ed-seg .ed-seg-on{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}.ed-undo{align-items:center;animation:ed-undo 12s infinite;border-radius:.4rem;display:flex;height:1.6rem;justify-content:center;margin-left:auto;width:1.6rem}.ed-body{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);padding:.75rem}.ed-list{list-style:none;margin:0;padding:0}.ed-row{align-items:center;background:#fff;border:1px solid rgb(var(--c-slate-200));border-radius:.5rem;color:rgb(var(--c-slate-700));display:flex;font-weight:600;gap:.4rem;height:2rem;margin-bottom:.375rem;overflow:hidden;padding:0 .5rem;position:relative;white-space:nowrap}.ed-grip{color:rgb(var(--c-slate-400))}.ed-ico{background:rgb(var(--c-indigo-100));border-radius:.25rem;flex:none;height:.9rem;width:.9rem}.ed-r0{animation:ed-down 12s infinite;z-index:1}.ed-r1{animation:ed-up 12s infinite}.ed-colors{display:flex;gap:.5rem;margin-top:.75rem;padding-left:.25rem;position:relative}.ed-c{border-radius:9999px;height:1.25rem;width:1.25rem}.ed-c0{background:#6366f1}.ed-c1{background:#ec4899}.ed-c2{background:#10b981}.ed-c3{background:#f59e0b}.ed-ring{animation:ed-ring 12s infinite;border-radius:9999px;box-shadow:0 0 0 2px #fff,0 0 0 4px rgb(var(--c-slate-900));height:1.25rem;left:.25rem;position:absolute;top:0;width:1.25rem}.ed-pv{align-items:center;display:flex;flex-direction:column;gap:.5rem}.ed-pill{background:#fff;border:1px solid rgb(var(--c-slate-200));border-radius:9999px;color:rgb(var(--c-slate-600));display:inline-flex;padding:2px;position:relative}.ed-pill>span:not(.ed-knob){align-items:center;display:flex;height:1.25rem;justify-content:center;position:relative;width:1.75rem}.ed-knob{animation:ed-knob 12s infinite;background:rgb(var(--c-slate-200));border-radius:9999px;height:1.25rem;left:2px;position:absolute;top:2px;width:1.75rem}.ed-frame{animation:ed-frame 12s infinite;background:#fff;border:5px solid rgb(var(--c-slate-900));border-radius:1rem;height:12rem;overflow:hidden;width:7.5rem}.ed-page{align-items:center;animation:ed-bg 12s infinite;background:#eef2ff;display:flex;flex-direction:column;gap:.35rem;height:100%;padding:.75rem .5rem}.ed-avatar{animation:ed-accent 12s infinite;background:#6366f1;border-radius:9999px;height:1.75rem;width:1.75rem}.ed-name{color:rgb(var(--c-slate-800));font-size:.65rem;font-weight:700}.ed-btns{display:flex;flex-direction:column;gap:.3rem;max-width:9rem;width:100%}.ed-btn{align-items:center;animation:ed-accent 12s infinite;background:#6366f1;border-radius:.4rem;color:#fff;display:flex;font-size:.55rem;font-weight:600;height:1.35rem;justify-content:center;overflow:hidden;position:relative;white-space:nowrap}.ed-b0{animation:ed-accent 12s infinite,ed-bdown 12s infinite;z-index:1}.ed-b1{animation:ed-accent 12s infinite,ed-bup 12s infinite}@keyframes ed-down{0%,8%{box-shadow:none;transform:none}12%{box-shadow:0 8px 18px rgba(0,0,0,.15);transform:scale(1.04)}20%,88%{box-shadow:none;transform:translateY(2.375rem)}96%,to{transform:none}}@keyframes ed-up{0%,12%{transform:none}20%,88%{transform:translateY(-2.375rem)}96%,to{transform:none}}@keyframes ed-bdown{0%,12%{transform:none}20%,88%{transform:translateY(1.65rem)}96%,to{transform:none}}@keyframes ed-bup{0%,12%{transform:none}20%,88%{transform:translateY(-1.65rem)}96%,to{transform:none}}@keyframes ed-ring{0%,28%{transform:none}32%,72%{transform:translateX(1.75rem)}76%,to{transform:none}}@keyframes ed-bg{0%,30%{background:#eef2ff}34%,74%{background:#fce7f3}78%,to{background:#eef2ff}}@keyframes ed-accent{0%,30%{background:#6366f1}34%,74%{background:#db2777}78%,to{background:#6366f1}}@keyframes ed-undo{0%,70%,78%,to{background:transparent;color:rgb(var(--c-slate-600))}73%,75%{background:#4f46e5;color:#fff}}@keyframes ed-knob{0%,42%{transform:none}46%,54%{transform:translateX(1.75rem)}58%,64%{transform:translateX(3.5rem)}68%,to{transform:none}}@keyframes ed-frame{0%,42%,68%,to{border-color:rgb(var(--c-slate-900));border-radius:1rem;border-width:5px;width:7.5rem}46%,54%{border-color:rgb(var(--c-slate-900));border-radius:.9rem;border-width:5px;width:11rem}58%,64%{border-color:rgb(var(--c-slate-300));border-radius:.4rem;border-width:1px;width:100%}}.ly-box{aspect-ratio:4/3;background:#eef2ff;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.2),0 0 0 1px rgb(var(--c-slate-200));overflow:hidden;position:relative}.ly-box>span{position:absolute}.ly-avatar{animation:ly-avatar 12s infinite;background:#6366f1;border-radius:9999px;height:16%;left:44%;top:6%;width:12%}.ly-bio,.ly-name{background:#312e81;border-radius:9999px}.ly-name{animation:ly-name 12s infinite;height:2.4%;left:36%;top:24%;width:28%}.ly-bio{animation:ly-bio 12s infinite;height:1.6%;left:40%;opacity:.4;top:28%;width:20%}.ly-item{background:#6366f1;border-radius:6px;height:7.5%;left:25%;width:50%}.ly-link:after{background:hsla(0,0%,100%,.85);border-radius:9999px;content:"";height:10%;left:30%;min-height:3px;position:absolute;right:30%;top:45%}.ly-t0{animation:ly-t0 12s infinite;top:31%}.ly-t1{animation:ly-t1 12s infinite;top:41%}.ly-t2{animation:ly-t2 12s infinite;top:51%}.ly-t3{animation:ly-t3 12s infinite;top:61%}.ly-t4{animation:ly-t4 12s infinite;top:71%}.ly-t5{animation:ly-t5 12s infinite;top:81%}@keyframes ly-avatar{0%,15%,95%,to{height:16%;left:44%;top:6%;width:12%}25%,85%{height:18.7%;left:6%;top:15%;width:14%}}@keyframes ly-name{0%,15%,95%,to{left:36%;top:24%;width:28%}25%,85%{left:6%;top:37%;width:20%}}@keyframes ly-bio{0%,15%,95%,to{left:40%;top:28%;width:20%}25%,85%{left:6%;top:42%;width:15%}}@keyframes ly-t0{0%,15%,95%,to{height:7.5%;left:25%;top:31%;width:50%}25%,85%{background:#a5b4fc;height:18.7%;left:32%;top:15%;width:14%}}@keyframes ly-t1{0%,15%,95%,to{height:7.5%;left:25%;top:41%;width:50%}25%,85%{background:linear-gradient(140deg,#f0abfc,#818cf8);height:40.1%;left:48%;top:15%;width:30%}}@keyframes ly-t2{0%,15%,95%,to{height:7.5%;left:25%;top:51%;width:50%}25%,85%{background:#a5b4fc;height:18.7%;left:80%;top:15%;width:14%}}@keyframes ly-t3{0%,15%,95%,to{height:7.5%;left:25%;top:61%;width:50%}25%,85%{background:#86efac;height:18.7%;left:32%;top:36.4%;width:14%}}@keyframes ly-t4{0%,15%,95%,to{height:7.5%;left:25%;top:71%;width:50%}25%,85%{background:#f9a8d4;height:18.7%;left:80%;top:36.4%;width:14%}}@keyframes ly-t5{0%,15%,95%,to{height:7.5%;left:25%;top:81%;width:50%}25%,48%,82%,85%{background:#334155;box-shadow:none;height:18.7%;left:32%;top:57.8%;width:30%}52%{background:#334155;box-shadow:0 0 0 2px #4f46e5;height:18.7%;left:32%;top:57.8%;width:46%}56%,76%{background:#334155;box-shadow:0 0 0 2px #4f46e5;height:18.7%;left:32%;top:57.8%;width:62%}}.ly-seg{background:#fff;border-radius:9999px;box-shadow:0 0 0 1px rgb(var(--c-slate-200));color:rgb(var(--c-slate-700));display:flex;font-size:.75rem;font-weight:600;margin:1rem auto 0;padding:3px;position:relative;width:12rem}.ly-seg>span:not(.ly-knob){flex:1;padding:.3rem 0;position:relative;text-align:center}.ly-knob{animation:ly-knob 12s infinite;background:#ede9fe;border-radius:9999px;bottom:3px;left:3px;position:absolute;top:3px;width:calc(50% - 3px)}@keyframes ly-knob{0%,15%,95%,to{transform:none}25%,85%{transform:translateX(100%)}}.gr-marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);overflow:hidden}.gr-track{animation:gr-slide 48s linear infinite;display:flex;gap:.5rem;padding:.5rem 0;width:-moz-max-content;width:max-content}.gr-sw{border-radius:.75rem;box-shadow:0 4px 10px rgba(0,0,0,.12);flex:none;height:3rem;width:3rem}@keyframes gr-slide{to{transform:translateX(calc(-50% - .25rem))}}.lk-cap{color:rgb(var(--c-slate-600));font-size:.75rem;font-weight:600;margin-top:.4rem;text-align:center}.lk-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.25rem}.lk .tpl{min-height:9.5rem;position:relative}.lk-sketchbook .tpl{background-image:repeating-linear-gradient(transparent 0 1.1rem,rgba(31,35,40,.08) 1.1rem 1.15rem)}.lk-chalkboard .tpl{border:5px solid #8b5a2b}.lk-doodle .tpl-btn{outline:2px dashed currentColor;outline-offset:2px}.lk-rainy .tpl:after{animation:lk-rain .9s linear infinite;background:repeating-linear-gradient(100deg,transparent 0 9px,rgba(190,212,255,.35) 9px 10px,transparent 10px 22px) 0 0 /100% 48px;content:"";inset:0;pointer-events:none;position:absolute}@keyframes lk-rain{to{background-position:-8px 48px}}.lk-hillside .tpl,.lk-skyisland .tpl{overflow:hidden}.lk-hillside .tpl:after,.lk-skyisland .tpl:after{animation:lk-drift 14s linear infinite;background:radial-gradient(closest-side,hsla(0,0%,100%,.9),hsla(0,0%,100%,0));content:"";height:14%;left:0;pointer-events:none;position:absolute;top:12%;width:40%}@keyframes lk-drift{0%{transform:translateX(-100%)}to{transform:translateX(260%)}}.lk-fireflies .tpl:after{animation:lk-blink 2.4s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 40%,#f6ffc8 0 2px,transparent 3px),radial-gradient(circle at 70% 25%,#f6ffc8 0 2px,transparent 3px),radial-gradient(circle at 45% 75%,#f6ffc8 0 2px,transparent 3px),radial-gradient(circle at 85% 65%,#f6ffc8 0 2px,transparent 3px);content:"";inset:45% 0 0;pointer-events:none;position:absolute}@keyframes lk-blink{0%{opacity:.2}to{opacity:1}}.lk-manga .tpl-btn{background:#fff;border:2px solid #111;border-radius:2px;box-shadow:3px 3px 0 #111;color:#111;transform:skewX(-10deg)}.lk-manga .tpl{border:3px solid #111}.lk-neoncity .tpl-btn,.lk-nightdrive .tpl-btn{animation:lk-neon 2.6s ease-in-out infinite alternate;background:rgba(10,6,20,.8);border:1px solid #22e3ff;border-left:3px solid var(--sw-btn-bg);border-radius:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);color:#e9f6ff}.lk-nightobservatory .tpl-btn,.lk-skytemple .tpl-btn{animation:lk-slab 2.4s ease-in-out infinite alternate;box-shadow:0 3px 0 rgba(0,0,0,.3)}.lk-nightobservatory .tpl-btn+.tpl-btn,.lk-skytemple .tpl-btn+.tpl-btn{animation-delay:-1.2s}@keyframes lk-slab{0%{box-shadow:0 3px 0 rgba(0,0,0,.3);transform:translateY(0)}to{box-shadow:0 5px 0 rgba(0,0,0,.3);transform:translateY(-2px)}}.lk-rocketnight .tpl-btn,.lk-sunnymeadow .tpl-btn{animation:lk-toon 2.2s ease-in-out infinite;border:2px solid #15152c;box-shadow:2px 3px 0 #15152c}.lk-rocketnight .tpl-btn+.tpl-btn,.lk-sunnymeadow .tpl-btn+.tpl-btn{animation-delay:-1.1s}@keyframes lk-toon{0%,60%,to{transform:none}72%{transform:scale(1.06,.9)}86%{transform:scale(.97,1.06) rotate(-1deg)}}@keyframes lk-neon{0%{box-shadow:inset 0 0 4px rgba(34,227,255,.2)}to{box-shadow:inset 0 0 14px rgba(34,227,255,.75)}}.pl-tabs{background:rgb(var(--c-slate-100));border-radius:.75rem;display:flex;font-size:.75rem;font-weight:600;padding:3px;position:relative}.pl-tabs>span:not(.pl-knob){color:rgb(var(--c-slate-700));flex:1;padding:.35rem 0;position:relative;text-align:center}.pl-knob{animation:pl-knob 12s infinite;background:#fff;border-radius:.6rem;bottom:3px;box-shadow:0 1px 3px rgba(0,0,0,.15);left:3px;position:absolute;top:3px;width:calc(33.33333% - 2px)}.pl-stack{display:inline-grid}.pl-stack>*{grid-area:1/1}.pl-views{display:grid;margin-top:.75rem}.pl-v0{animation:pl-v0 12s infinite}.pl-v1,.pl-v2{opacity:0}.pl-v1{animation:pl-v1 12s infinite}.pl-v2{animation:pl-v2 12s infinite}.pl-bar{border-radius:.5rem;display:block;height:1.5rem;margin-top:.4rem}.pl-short{width:70%}.pl-c0{background:#6366f1}.pl-c1{background:#f59e0b}.pl-c2{background:#10b981}@keyframes pl-knob{0%,30%,97%,to{transform:none}33%,63%{transform:translateX(100%)}66%,94%{transform:translateX(200%)}}@keyframes pl-v0{0%,30%,97%,to{opacity:1}33%,94%{opacity:0}}@keyframes pl-v1{0%,30%,66%,to{opacity:0}33%,63%{opacity:1}}@keyframes pl-v2{0%,63%,97%,to{opacity:0}66%,94%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}