.hl{--b1:#635fff;--b2:#8b88ff;--b3:#c2c1f7;--b6:#4744fe;--line:#e9e8f9;--soft:#f4f3ff;width:auto;max-width:100%;height:100%;margin:0 auto;position:relative}.dark .hl{--soft:#1a1a26}.hl .halo{filter:blur(46px);z-index:0;background:linear-gradient(135deg,#635fff42,#8b88ff1a,#0000 70%);border-radius:46% 54% 52% 48%;position:absolute;inset:6%}.dark .hl .halo{background:linear-gradient(135deg,#635fff4d,#8b88ff1f,#0000 70%)}.hl .el{z-index:2;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute}.hl .fl{will-change:transform;opacity:0;width:100%;height:100%;display:block}.hl .surf{background:var(--surface);border:1px solid var(--border);box-shadow:0 30px 60px -26px #00000080}.dark .hl .surf{box-shadow:0 30px 60px -26px #0009}.hl .bar{background:var(--line);border-radius:99px;position:absolute}@keyframes hl-fl{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hl-type{0%{opacity:.35;width:0}}@keyframes hl-glide{0%{opacity:0;transform:translate(var(--gx,0),var(--gy,0))}to{opacity:1;transform:none}}@keyframes hl-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes hl-photo{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes hl-skelout{to{opacity:0}}@keyframes hl-shim{to{transform:translate(120%)}}@keyframes hl-pulse{0%{box-shadow:0 0 #2fd07a80}70%{box-shadow:0 0 0 7px #2fd07a00}to{box-shadow:0 0 #2fd07a00}}.hl .skel{background:var(--soft);z-index:1;border-radius:11px;position:absolute;overflow:hidden}.hl .skel:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff80 50%,#0000 70%);animation:1.05s linear infinite hl-shim;position:absolute;inset:0;transform:translate(-120%)}.dark .hl .skel:after{background:linear-gradient(110deg,#0000 30%,#ffffff1a 50%,#0000 70%)}.hl .chip{background:var(--surface);border:1px solid var(--border);color:var(--foreground);white-space:nowrap;opacity:0;z-index:12;border-radius:99px;align-items:center;gap:7px;padding:5px 11px;font:600 11px/1 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:absolute;top:-9%;left:50%;transform:translate(-50%);box-shadow:0 14px 34px -10px #0006}.hl .chip .liv{background:#2fd07a;border-radius:99px;width:7px;height:7px;animation:1.8s ease-out infinite hl-pulse;box-shadow:0 0 #2fd07a80}.hl-booted .fl{opacity:1}.hl-booted .skel{display:none}.hl-booted .shot,.hl-booted .photo,.hl-booted .s-hero{clip-path:none!important;animation:none!important}.hl-web{aspect-ratio:898/699}.hl-web .win{aspect-ratio:750.69/489.27;width:83.6%;top:11.83%;left:0}.hl-web .win .fl{position:relative}.hl-web .win .card{border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden}.hl-web .win .head{border-bottom:1px solid var(--border);align-items:center;gap:1.2%;width:100%;height:13.8%;padding:0 2.8%;display:flex;position:absolute;top:0;left:0}.hl-web .dot{border-radius:99px;width:14px;height:14px}.hl-web .d1{background:var(--b1)}.hl-web .d2{background:var(--b2)}.hl-web .d3{background:var(--b3)}.hl-web .win .pill{background:var(--b1);border-radius:99px;width:13%;height:14px;position:absolute;top:6.9%;left:auto;right:2.8%;transform:translateY(-50%)}.hl-web .win .shot{object-fit:cover;z-index:2;clip-path:inset(0 0 100%);border-radius:11px;width:49.2%;height:52%;animation:.6s cubic-bezier(.4,0,.15,1) .55s both hl-photo;position:absolute;top:19.1%;left:3.8%}.hl-web .win .skel-shot{width:49.2%;height:52%;animation:.35s .95s forwards hl-skelout;top:19.1%;left:3.8%}.hl-web .win .dash{border:1.6px dashed var(--b1);opacity:.55;border-radius:10px;width:40.9%;height:14%;position:absolute;top:19.5%;left:56.2%}.hl-web .win .bar{opacity:.9;height:5%}.hl-web .win .b1{width:40.9%;top:50%;left:56.2%}.hl-web .win .b2{width:40.9%;top:57.8%;left:56.2%}.hl-web .win .b3{width:25.6%;top:65.7%;left:56.2%}.hl-web .win .wtoggle{background:var(--b3);opacity:.9;border-radius:99px;align-items:center;width:10%;height:8%;display:flex;position:absolute;bottom:6.5%;right:3.5%}.hl-web .win .wtoggle:after{content:"";aspect-ratio:1;background:#fff;border-radius:99px;width:40%;margin-left:auto;margin-right:7%;box-shadow:0 1px 3px #00000026}.hl-web .chip{top:-14%;left:60%}.hl-web .editor{aspect-ratio:521.11/220.47;z-index:3;width:58%;top:68.4%;left:9.5%}.hl-web .editor .card{background:#0a0a18;border:1px solid #ffffff14;border-radius:14px;width:100%;height:100%;padding:5% 5.5%;position:relative;box-shadow:0 30px 60px -22px #000000b3}.hl-web .editor .d{gap:7px;margin-bottom:7%;display:flex}.hl-web .editor .d span{background:#ffffff2e;border-radius:99px;width:11px;height:11px}.hl-web .editor .br{color:#fff6;font:800 13px/1 monospace;position:absolute;top:9%;right:6%}.hl-web .editor .code{flex-direction:column;gap:9px;display:flex}.hl-web .editor .ln{gap:8px;display:flex}.hl-web .editor .ln i{border-radius:99px;height:8px;display:block}.hl-web .c1{background:var(--b2)}.hl-web .c2{background:#34d399}.hl-web .c3{background:#ffffff29}.hl-web .rocket{aspect-ratio:1;z-index:6;width:13.5%;top:1.5%;left:18%}.hl-web .rocket .c{background:linear-gradient(135deg,var(--b2),var(--b6));border-radius:999px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 22px 45px -12px #635fffb3}.hl-web .rocket svg{width:46%;height:46%}.hl-web .card-f{aspect-ratio:314.31/132.6;z-index:4;width:35%;top:29.3%;left:64.1%}.hl-web .card-f .card{border-radius:13px;width:100%;height:100%;position:relative;overflow:hidden}.hl-web .card-f .shot{object-fit:cover;border-radius:8px;width:42.2%;height:81.5%;position:absolute;top:9.3%;left:3.9%}.hl-web .card-f .cb1{background:var(--line);border-radius:99px;width:45.3%;height:18%;position:absolute;top:14.8%;left:50%}.hl-web .card-f .cb2{background:var(--line);border-radius:99px;width:28.9%;height:18%;position:absolute;top:40.7%;left:50%}.hl-web .card-f .btn2{background:var(--b1);border-radius:8px;width:26.6%;height:22%;position:absolute;top:66.7%;left:68.7%}.hl-web .bdg{aspect-ratio:105.68/94.75;z-index:5;width:11.8%}.hl-web .bdg .c{background:var(--surface);border:1px solid var(--border);border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 18px 40px -14px #00000080}.hl-web .bdg svg{width:52%;height:52%}.hl-web .inkf{fill:var(--b1)}.hl-web .gear{top:47%;left:90%}.hl-web .code{top:55%;left:80.5%}.hl-web .next{top:62%;left:91%}.hl-web .wp{width:6.2%;top:76%;left:80.5%}.hl-web .brandlogo{object-fit:contain;width:60%;height:60%}.hl-web .codemark{color:var(--b1);letter-spacing:-2px;font:900 22px/1 ui-monospace,Menlo,monospace}.hl-web .next .c{background:#fff;border-color:#00000014}.hl-web .woo{aspect-ratio:109/99;z-index:6;width:17%;top:7%;left:80%}.hl-web .woo img{object-fit:contain;filter:drop-shadow(0 16px 30px #635fff66);width:100%;height:100%}.hl-app{aspect-ratio:1}.hl-app .screen{z-index:2;width:48.3%;height:81.7%;top:10%;left:22.8%}.hl-app .screen .fl{position:relative}.hl-app .screen .card{border-radius:26px;width:100%;height:100%;position:relative;overflow:hidden}.hl-app .av{aspect-ratio:1;background:linear-gradient(135deg,var(--b2),var(--b6));border-radius:99px;width:12%;position:absolute;top:2%;left:11%}.hl-app .burger{flex-direction:column;gap:3px;width:11%;display:flex;position:absolute;top:5.55%;right:11.5%;transform:translateY(-50%)}.hl-app .burger i{background:var(--line);border-radius:9px;height:3px;display:block}.hl-app .shot{object-fit:cover;border-radius:10px;position:absolute}.hl-app .s-hero{z-index:3;clip-path:inset(0 0 100%);width:77.5%;height:22%;animation:.6s cubic-bezier(.4,0,.15,1) .5s both hl-photo;top:11%;left:11%}.hl-app .skel-hero{z-index:2;width:77.5%;height:22%;animation:.35s .9s forwards hl-skelout;top:11%;left:11%}.hl-app .sbar{border-radius:9px;height:3.1%;left:11%}.hl-app .sb1{width:77%;top:36.2%}.hl-app .sb2{width:77%;top:41.9%}.hl-app .sb3{width:47.8%;top:47.8%}.hl-app .panel{background:var(--soft);border-radius:14px;width:91.7%;height:22.7%;position:absolute;top:55.1%;left:4.1%}.hl-app .search{background:var(--b1);border-radius:14px;width:48.3%;height:7.6%;position:absolute;top:89%;left:17.9%}.hl-app .searchb{aspect-ratio:1;background:var(--b1);border-radius:14px;justify-content:center;align-items:center;width:12.85%;display:flex;position:absolute;top:89%;left:68%}.hl-app .searchb svg{stroke:#fff;fill:none;width:50%;height:50%}.hl-app .notif{z-index:5;width:30.5%;height:19.5%;top:31.5%;left:0%}.hl-app .notif .row{border-radius:14px;align-items:center;gap:6%;width:100%;height:46%;padding:0 7%;display:flex;position:absolute;left:0}.hl-app .notif .top{background:var(--b1);top:0}.hl-app .notif .bot{background:var(--surface);border:1px solid var(--border);bottom:0}.hl-app .ic{aspect-ratio:1;border-radius:10px;flex:none;justify-content:center;align-items:center;width:26%;display:flex}.hl-app .ic.on{background:#ffffff2e}.hl-app .ic.off{background:var(--soft)}.hl-app .ic svg{width:54%;height:54%}.hl-app .nb{border-radius:9px;height:7px;display:block}.hl-app .toggle{background:#ffffff4d;border-radius:99px;flex:none;width:30%;height:46%;margin-left:auto;position:relative}.hl-app .toggle:after{content:"";aspect-ratio:1;background:#fff;border-radius:99px;width:42%;position:absolute;top:50%;right:7%;transform:translateY(-50%)}.hl-app .notif .stack{flex-direction:column;flex:1;gap:5px;display:flex}.hl-app .pen{aspect-ratio:1;z-index:6;width:11.3%;top:29.5%;left:67.6%}.hl-app .pen img{filter:drop-shadow(0 20px 30px #635fff80);width:100%;height:100%}.hl-app .contact{z-index:4;width:40.6%;height:17.5%;top:42.2%;left:59.4%}.hl-app .contact .card{border-radius:14px;width:100%;height:100%;padding:7%;position:relative}.hl-app .c-photo{object-fit:cover;border-radius:8px;width:36.6%;height:80%;position:absolute;top:10.5%;left:4.6%}.hl-app .c-bar{background:var(--line);border-radius:9px;height:15.6%;position:absolute;left:45%}.hl-app .cb1{width:49.5%;top:13%}.hl-app .cb2{width:30.5%;top:35%}.hl-app .c-btn{background:var(--b1);border-radius:10px;width:28.3%;height:23%;position:absolute;top:55%;left:66.4%}.hl-app .interior{z-index:5;width:23%;height:23.5%;top:55.5%;left:43.8%}.hl-app .interior .frame{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;height:100%;padding:6.5%;box-shadow:0 22px 45px -16px #00000073}.hl-app .interior img{object-fit:cover;border-radius:7px;width:100%;height:100%}.hl-app .tiles{z-index:6;width:21.4%;height:21.4%;top:57.3%;left:19.2%}.hl-app .tiles .g{width:100%;height:100%;position:relative}.hl-app .tile{border-radius:12px;justify-content:center;align-items:center;width:46.7%;height:46.7%;display:flex;position:absolute}.hl-app .tile.w{background:var(--surface);border:1px solid var(--border);box-shadow:0 16px 34px -16px #00000073}.hl-app .tile.p{background:var(--b1);box-shadow:0 18px 40px -12px #635fff8c}.hl-app .tile svg{width:100%;height:100%}.hl-app .t-tl{top:0;left:0}.hl-app .t-tr{top:0;right:0}.hl-app .t-bl{bottom:0;left:0}.hl-app .t-br{bottom:0;right:0}.hl-app .slider{z-index:7;width:25%;height:6.2%;top:60.5%;left:70%}.hl-app .slider .c{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;width:100%;height:100%;padding:0 12%;display:flex;box-shadow:0 18px 40px -16px #0006}.hl-app .track{background:var(--soft);border-radius:99px;flex:1;height:26%;min-height:6px;position:relative}.hl-app .track:before{content:"";background:var(--b1);border-radius:99px;width:62%;position:absolute;top:0;bottom:0;left:0}.hl-app .knob{aspect-ratio:1;background:var(--b1);height:230%;box-shadow:0 2px 8px #635fff80,0 0 0 4px var(--surface);border-radius:99px;position:absolute;top:50%;left:62%;transform:translate(-50%,-50%)}.hl-app .figma{aspect-ratio:1;z-index:6;width:11.3%;top:68.5%;left:67.6%}.hl-app .figma .c{background:var(--surface);border:1px solid var(--border);border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 22px 45px -14px #00000080}.hl-app .figma img{width:54%;height:54%}.hl-shop{aspect-ratio:680/808}.hl-shop .store{z-index:2;width:50%;height:78%;top:15%;left:25%}.hl-shop .store .fl{position:relative}.hl-shop .store .card{border-radius:22px;width:100%;height:100%;position:relative}.hl-shop .photo{object-fit:cover;z-index:2;clip-path:inset(0 0 100%);border-radius:11px;width:86%;height:44%;animation:.62s cubic-bezier(.4,0,.15,1) .42s both hl-photo;position:absolute;top:7%;left:7%}.hl-shop .skel-photo{width:86%;height:44%;animation:.35s .82s forwards hl-skelout;top:7%;left:7%}.hl-shop .sbar{border-radius:9px;height:3%;left:7%}.hl-shop .sb1{width:86%;top:57%}.hl-shop .sb2{width:86%;top:64%}.hl-shop .sb3{width:52%;top:71%}.hl-shop .buy{background:var(--b1);border-radius:99px;width:86%;height:7.5%;position:absolute;top:82%;left:7%}.hl-shop .awn{z-index:3;filter:drop-shadow(0 13px 20px #635fff42);width:125%;max-width:none;height:auto;position:absolute;top:-11%;left:-12.5%}.hl-shop .chip{top:-18%;left:50%}.hl-shop .rocket{aspect-ratio:1;z-index:6;width:19.5%;top:34.5%;left:7%}.hl-shop .rocket svg{filter:drop-shadow(0 18px 30px #635fff80);width:100%;height:100%}.hl-shop .fcard{z-index:5;width:45%;height:13%;top:58%;left:52%}.hl-shop .fcard .card{border-radius:15px;width:100%;height:100%;position:relative}.hl-shop .fbag{object-fit:cover;border-radius:9px;width:40%;height:78%;position:absolute;top:11%;left:5%}.hl-shop .fbar{background:var(--line);border-radius:9px;height:16%;position:absolute;left:50%}.hl-shop .fb1{width:44%;top:16%}.hl-shop .fb2{width:44%;top:42%}.hl-shop .fb3{width:28%;top:68%}.hl-shop .tile{aspect-ratio:1;z-index:6}.hl-shop .tile .c{border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hl-shop .tile.p .c{background:var(--b1);box-shadow:0 18px 40px -12px #635fff8c}.hl-shop .tile.w .c{background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 40px -16px #00000073}.hl-shop .tile svg{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:48%;height:48%}.hl-shop .tile.p svg{stroke:#fff}.hl-shop .tile.w svg{stroke:var(--b1)}.hl-shop .cart{width:14%;top:43%;left:73.5%}.hl-shop .tag{width:12.5%;top:26%;left:77%}.hl-shop .cbadge{color:#fff;opacity:0;z-index:9;background:#2fd07a;border-radius:99px;justify-content:center;align-items:center;min-width:42%;height:42%;padding:0 4px;font:800 10px/1 -apple-system,sans-serif;display:flex;position:absolute;top:-9%;right:-7%}@media (prefers-reduced-motion:reduce){.hl .el .fl,.hl .skel:after,.hl .chip .liv,.hl [class*=shot],.hl .photo,.hl .s-hero,.hl .awn,.hl .bar,.hl .sbar,.hl .ln i{animation:none!important}.hl .fl{opacity:1!important}.hl [class*=shot],.hl .photo,.hl .s-hero{clip-path:none!important}}