.sv-visual{background:radial-gradient(60% 80% at 20% 0,#5fd0f047,#0000),radial-gradient(60% 80% at 100% 100%,#2a5aa073,#0000),linear-gradient(160deg,#15305a,#0d1d36);border-radius:24px;height:250px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.sv-visual:before{content:"";background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000,#0000);mask-image:radial-gradient(70% 70%,#000,#0000)}.sv-tag{z-index:3;white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:sv-in .7s var(--sv-ease) .9s both, sv-float 6s ease-in-out 1.6s infinite;background:#ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px #ffffff1a,0 12px 26px -14px #0009}.sv-tag i{background:#4fe0b0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #4fe0b0}.svw-window{width:74%;animation:sv-in .8s var(--sv-ease) both;background:#f6f9fb;border-radius:16px;position:absolute;top:28px;bottom:-20px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 30px 60px -20px #0009}.svw-bar{border-bottom:1px solid #e3e9ec;align-items:center;gap:6px;padding:10px 14px;display:flex}.svw-bar i{background:#d5dde2;border-radius:50%;width:8px;height:8px}.svw-bar i:first-child{background:var(--teal)}.svw-bar span{color:var(--muted);background:#edf2f4;border-radius:999px;margin-left:12px;padding:4px 14px;font-size:9.5px}.svw-body{grid-template-columns:1fr 1fr;gap:14px;padding:18px;display:grid}.svw-hero{align-content:start;gap:8px;display:grid}.svw-hero b{background:var(--ink);height:10px;animation:sv-grow-x .6s var(--sv-ease) both;border-radius:6px;display:block}.svw-hero b:first-child{animation-delay:.25s}.svw-hero b:nth-child(2){width:80%;animation-delay:.35s}.svw-hero b.is-short{background:#cfd9de;width:60%;height:7px;animation-delay:.45s}.svw-btn{background:var(--navy);width:72px;height:22px;animation:sv-pop .6s var(--sv-spring) .6s both;border-radius:999px;margin-top:6px}.svw-img{background:radial-gradient(circle at 70% 35%, #fff9, transparent 35%), linear-gradient(135deg, #5fd0f0, var(--teal) 50%, var(--navy));height:92px;animation:sv-pop .7s var(--sv-spring) .4s both;border-radius:12px}.svw-cards{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.svw-cards i{height:56px;animation:sv-in .6s var(--sv-ease) both;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px #e3e9ec}.svw-cards i:first-child{animation-delay:.7s}.svw-cards i:nth-child(2){animation-delay:.8s}.svw-cards i:nth-child(3){animation-delay:.9s}.svw-tag{top:46%;right:6%}.svc-card{width:36%;animation:sv-in .8s var(--sv-ease) both;background:#f6f9fb;border-radius:18px;padding:10px 10px 14px;position:absolute;top:26px;left:16%;box-shadow:0 30px 60px -20px #0009}.svc-img{background:linear-gradient(160deg,#e9d9c9,#d9c2ab);border-radius:12px;place-items:center;height:110px;margin-bottom:12px;display:grid}.svc-product{background:linear-gradient(90deg,#bc7247,#d69b6d 45%,#ab633c);border-radius:12px 12px 6px 6px;width:34px;height:66px;box-shadow:8px 10px 16px #593e3640}.svc-card b{background:var(--ink);border-radius:6px;height:8px;margin:0 4px 7px;display:block}.svc-card b.is-short{background:#cfd9de;width:45%}.svc-add{text-align:center;color:#fff;background:var(--navy);border-radius:999px;margin:12px 4px 0;padding:8px 0;font-size:10px;font-weight:600;animation:3.2s ease-in-out 1.2s infinite sv-press;display:block}.svc-cart{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:66px;height:66px;animation:sv-pop .6s var(--sv-spring) .5s both;background:#ffffff1a;border-radius:50%;place-items:center;display:grid;position:absolute;top:34%;right:18%;box-shadow:inset 0 1px #fff3,inset 0 0 0 1px #ffffff1f}.svc-cart svg{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linejoin:round;width:26px;height:26px}.svc-cart em{width:22px;height:22px;color:var(--ink);animation:sv-badge 3.2s var(--sv-spring) 1.2s infinite;background:#5fd0f0;border-radius:50%;place-items:center;font-size:11px;font-style:normal;font-weight:700;display:grid;position:absolute;top:-2px;right:-2px;box-shadow:0 0 12px #5fd0f0cc}.svc-dot{z-index:2;opacity:0;width:12px;height:12px;animation:sv-fly 3.2s var(--sv-ease) 1.2s infinite;background:#5fd0f0;border-radius:50%;position:absolute;box-shadow:0 0 14px 4px #5fd0f0b3}.svc-tag{bottom:22px;right:8%}.svg-chart{width:88%;height:calc(100% - 58px);animation:sv-reveal 1.6s var(--sv-ease) .2s both;position:absolute;inset:34px 6% 24px;overflow:visible}.svg-gridline{stroke:#ffffff14;stroke-width:1px;vector-effect:non-scaling-stroke}.svg-area{fill:url(#sv-area);animation:1.2s .6s both sv-fade}.svg-line{fill:none;stroke:#5fd0f0;stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #5fd0f0cc)}.svg-point{width:14px;height:14px;animation:sv-pop .5s var(--sv-spring) 1.6s both, sv-pulse 2.4s ease-in-out 2.2s infinite;background:#fff;border-radius:50%;margin:-7px -7px 0 0;position:absolute;top:calc(11% + 27.62px);right:6%;box-shadow:0 0 0 4px #5fd0f059,0 0 20px 6px #5fd0f099}.svg-tag{top:22px;left:8%}.svg-tag-2{animation-delay:1.1s,2s;bottom:30px;right:10%}.sws-lines{width:100%;height:100%;position:absolute;inset:0}.sws-line{stroke:#ffffff29;stroke-width:1.2px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.sws-pulse{stroke:#5fd0f0;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:.08 1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #5fd0f0e6);animation:2.4s linear infinite sv-flow}.sws-lines g:nth-child(2) .sws-pulse{animation-delay:-.6s}.sws-lines g:nth-child(3) .sws-pulse{animation-delay:-1.2s}.sws-lines g:nth-child(4) .sws-pulse{animation-delay:-1.8s}.sws-core{letter-spacing:.04em;color:#fff;background:radial-gradient(circle at 32% 28%, #8ee0f7 0%, #1aa6c9 30%, var(--teal) 48%, var(--navy) 85%);width:92px;height:92px;animation:sv-pop .7s var(--sv-spring) .2s both, sv-pulse 3s ease-in-out 1s infinite;border-radius:50%;place-items:center;margin:-46px 0 0 -46px;font-size:15px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;box-shadow:inset -6px -8px 16px #06122680,0 0 0 10px #5fd0f014,0 0 40px #0885ac99}.sws-node{white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:sv-pop-c .6s var(--sv-spring) calc(.4s + var(--n) * .12s) both;background:#ffffff1a;border-radius:999px;padding:9px 16px;font-size:12px;font-weight:600;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px #ffffff1f}@keyframes sv-in{0%{opacity:0;translate:0 20px}}@keyframes sv-pop{0%{opacity:0;scale:.6}}@keyframes sv-pop-c{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}}@keyframes sv-grow-x{0%{transform-origin:0;transform:scaleX(0)}}@keyframes sv-fade{0%{opacity:0}}@keyframes sv-reveal{0%{clip-path:inset(-20px 100% -20px 0)}to{clip-path:inset(-20px -20px -20px 0)}}@keyframes sv-float{50%{transform:translateY(-8px)}}@keyframes sv-pulse{50%{scale:1.06}}@keyframes sv-flow{0%{stroke-dashoffset:1.08px}to{stroke-dashoffset:0}}@keyframes sv-press{0%,10%,22%,to{background:var(--navy);transform:scale(1)}15%{background:var(--teal);transform:scale(.94)}}@keyframes sv-fly{0%,12%{opacity:0;top:82%;left:28%;scale:.6}16%{opacity:1;scale:1}42%{opacity:1;top:46%;left:calc(82% - 6px);scale:.7}46%,to{opacity:0;top:46%;left:calc(82% - 6px);scale:.3}}@keyframes sv-badge{0%,44%{scale:1}52%{scale:1.35}62%,to{scale:1}}@media (max-width:560px){.sv-visual{border-radius:22px;height:200px}.svw-window{width:86%}.svw-body{gap:10px;padding:12px}.svw-img{height:70px}.svw-cards i{height:40px}.svc-card{width:46%;left:8%}.svc-img{height:80px}.svc-cart{right:10%}.sws-core{width:72px;height:72px;margin:-36px 0 0 -36px;font-size:13px}.sws-node{padding:7px 12px;font-size:10.5px}}