.sv{aspect-ratio:16/11;background:linear-gradient(150deg, var(--bg-3), var(--bg-2));border:1px solid var(--border);transition:transform .7s var(--ease);transform-style:preserve-3d;--lx:50%;--ly:50%;position:relative;overflow:hidden}.sv:after{content:"";pointer-events:none;background:radial-gradient(360px circle at var(--lx) var(--ly), #ff6b3529, transparent 65%);position:absolute;inset:0}.sv-browser{background:#0e0f12;border:1px solid #33343b;border-radius:10px 10px 0 0;animation:7s ease-in-out infinite sv-float;position:absolute;inset:9% 9% -6%;box-shadow:0 30px 70px -30px #000}.sv-bar{border-bottom:1px solid var(--border);align-items:center;gap:5px;padding:10px 12px;display:flex}.sv-bar i{background:#3b3c44;border-radius:50%;width:8px;height:8px}.sv-bar i:first-child{background:var(--orange)}.sv-bar u{background:#1e1f25;border-radius:9px;flex:1;height:10px;margin-left:10px}.sv-page{gap:9px;padding:6% 7%;display:grid}.sv-page b{background:#33343b;border-radius:3px;height:11px}.w70{width:70%}.w40{width:40%;background:#24252b!important}.sv-hero-block{background:linear-gradient(110deg, var(--orange), #2b1a12 70%);background-size:220% 100%;border-radius:4px;height:66px;animation:5s ease-in-out infinite alternate sv-shimmer}.sv-cols{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sv-cols em{background:#1e1f25;border-radius:4px;height:42px}@keyframes sv-float{50%{transform:translateY(-8px)}}@keyframes sv-shimmer{to{background-position:100% 0}}.sv-store{grid-template-columns:repeat(3,1fr);gap:10px;display:grid;position:absolute;inset:9%}.sv-store>div{animation:sv-pop 6s calc(var(--i) * .5s) ease-in-out infinite;background:#0e0f12;border:1px solid #2d2e35;align-content:start;gap:5px;padding:8px;display:grid}.sv-store span{background:#24252b;border-radius:3px;height:56%;min-height:34px}.sv-store>div:nth-child(2) span{background:var(--orange)}.sv-store b{background:#3b3c44;width:70%;height:6px}.sv-store u{background:#2a2b31;width:34%;height:6px}@keyframes sv-pop{10%,30%{transform:translateY(-5px)}45%{transform:none}}.sv-cart{background:var(--orange);color:var(--on-orange);font:500 13px var(--display);border-radius:99px;padding:7px 12px;position:absolute;bottom:-2%;right:-2%}.sv-cart i{margin-left:4px;font-style:normal;font-weight:700}.sv-search{align-content:start;gap:10px;display:grid;position:absolute;inset:11% 9%}.sv-input{color:var(--text);white-space:nowrap;background:#0e0f12;border:1px solid #3b3c44;border-radius:99px;align-items:center;gap:10px;padding:11px 16px;font-size:clamp(11px,1vw,14px);display:flex;overflow:hidden}.sv-input svg{width:16px;color:var(--orange);flex:none}.sv-input span{border-right:1.5px solid var(--orange);width:27ch;animation:7s steps(27,end) infinite sv-type;overflow:hidden}@keyframes sv-type{0%{width:0}45%,to{width:27ch}}.sv-res{border-bottom:1px solid var(--border);gap:5px;padding:8px 4px;display:grid}.sv-res b{height:7px;width:var(--w);background:#3b3c44}.sv-res u{height:5px;width:calc(var(--w) * .7);background:#24252b}.sv-res.hit b{background:var(--orange);animation:7s ease-in-out infinite sv-rank}@keyframes sv-rank{0%,40%{width:20%}70%,to{width:var(--w)}}.sv-chart{position:absolute;inset:10% 8%}.sv-chart svg{z-index:1;width:100%;height:80%;position:absolute;inset:0 0 20%}.sv-line{stroke-dasharray:560;animation:6s ease-in-out infinite sv-draw}@keyframes sv-draw{0%{stroke-dashoffset:560px}55%,to{stroke-dashoffset:0}}.sv-bars{opacity:.6;align-items:flex-end;gap:7%;display:flex;position:absolute;inset:0}.sv-bars i{height:var(--h);transform-origin:bottom;animation:sv-grow 6s calc(var(--i) * .12s) ease-in-out infinite;background:linear-gradient(#3c3d45,#2c2d34);flex:1}.sv-bars i:last-child{background:linear-gradient(to top, #6d2f17, var(--orange))}@keyframes sv-grow{0%{transform:scaleY(.25)}50%,to{transform:none}}.sv-phone{aspect-ratio:9/18;background:#0e0f12;border:1px solid #3b3c44;border-radius:22px;padding:8px;position:absolute;top:8%;bottom:-14%;left:50%;overflow:hidden;translate:-50%}.sv-feed{gap:7px;animation:14s linear infinite sv-feed;display:grid}.sv-feed>div{aspect-ratio:1;border-radius:8px;align-items:flex-end;gap:4px;padding:7px;display:flex}.sv-feed i{background:#fff5;border-radius:50%;width:12px;height:12px}.sv-feed span{background:#fff4;flex:1;height:4px}.p0{background:linear-gradient(140deg, var(--orange), #5b220d)}.p1{background:#26272e}.p2{background:linear-gradient(140deg,#33343b,#15161a)}.p3{background:var(--orange-2)}@keyframes sv-feed{to{transform:translateY(-50%)}}.sv-brand{place-items:center;display:grid;position:absolute;inset:0}.sv-brand .big{font:500 clamp(6rem, 13vw, 12rem)/1 var(--display);color:var(--text);animation:8s ease-in-out infinite sv-float}.sv-brand .ring{aspect-ratio:1;border:1px dashed #55565e;border-radius:50%;width:58%;animation:26s linear infinite spin;position:absolute}.chips{gap:6px;display:flex;position:absolute;bottom:9%;left:7%}.chips i{border:1px solid #45464e;border-radius:50%;width:24px;height:24px}.sv-brand small{font:400 14px var(--display);color:var(--text-2);position:absolute;bottom:10%;right:7%}.sv-posters{perspective:800px;position:absolute;inset:0}.sv-posters>div{aspect-ratio:3/4;width:34%;font:500 clamp(14px, 1.7vw, 24px)/1 var(--display);transition:transform .7s var(--ease);align-items:flex-end;padding:10px;display:flex;position:absolute;top:18%;box-shadow:0 20px 40px -18px #000}.sv-posters .a{background:#24252b;left:12%;transform:rotate(-9deg)}.sv-posters .b{background:var(--orange);color:var(--on-orange);z-index:1;animation:7s ease-in-out infinite sv-float;top:12%;left:33%;transform:rotate(2deg)}.sv-posters .c{background:var(--text);color:var(--bg);left:54%;transform:rotate(10deg)}.sv:hover .sv-posters .a{transform:rotate(-14deg)translate(-10px)}.sv:hover .sv-posters .c{transform:rotate(15deg)translate(10px)}.sv-lens{place-items:center;display:grid;position:absolute;inset:0}.sv-lens i{aspect-ratio:1;border-radius:50%;position:absolute}.l1{background:#0d0e11;border:1px solid #3b3c44;width:62%;max-height:92%;box-shadow:inset 0 0 0 10px #17181d}.l2{border:1px dashed #5a5b63;width:42%;animation:18s linear infinite spin}.l3{background:radial-gradient(circle at 36% 34%, #ffb48e, var(--orange) 32%, #3a1508 72%);width:28%;box-shadow:0 0 60px #ff6b3573}.l4{filter:blur(2px);background:#fffc;width:7%;translate:-160% -160%}.flare{background:linear-gradient(90deg,#0000,#ff8a50b3,#0000);width:140%;height:1px;animation:6s ease-in-out infinite sv-flare;position:absolute;rotate:-20deg}@keyframes sv-flare{50%{opacity:.2;translate:0 30px}}.sv-nodes{position:absolute;inset:6%}.sv-nodes svg{width:100%;height:100%}.sv-nodes path{stroke-dasharray:5 6;animation:3s linear infinite sv-dash}.sv-nodes circle{fill:var(--bg-2)}.sv-nodes .core{fill:var(--orange);stroke:var(--orange)}@keyframes sv-dash{to{stroke-dashoffset:-44px}}.sv-pulse{align-content:space-between;display:grid;position:absolute;inset:10% 8%}.sv-pulse svg{width:100%}.sv-pulse ul{gap:8px;display:grid}.sv-pulse li{border-top:1px solid var(--border);font:500 clamp(12px, 1.1vw, 15px) var(--display);justify-content:space-between;padding-top:8px;display:flex}.sv-pulse li:after{content:"OK";color:var(--orange-2)}
