.dvc-wrap{margin-top:3rem}.dvc-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2rem;display:flex}.dvc-head h3{font-family:var(--display);color:#fff;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(1.3rem,2.6vw,2.1rem)}.dvc-head .dvc-live{letter-spacing:.14em;color:var(--teal-light);border:1px solid var(--teal-line);text-transform:uppercase;background:#0e1a2bbf;border-radius:999px;align-items:center;gap:.55rem;padding:.5rem .9rem;font:700 .68rem ui-monospace,monospace;display:inline-flex}.dvc-live i{background:var(--teal-light);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite hintPulse}.dvc-grid{grid-template-columns:1.3fr 1fr .62fr;align-items:end;gap:clamp(1.2rem,3vw,2.4rem);display:grid}@media (width<=900px){.dvc-grid{grid-template-columns:1fr;justify-items:center}}.dvc-item{cursor:pointer;width:100%;transition:transform .5s var(--ease);background:0 0;border:none;flex-direction:column;align-items:center;gap:1rem;padding:0;display:flex}.dvc-item:hover{transform:translateY(-8px)}.dvc-item .dvc-tag{letter-spacing:.2em;text-transform:uppercase;color:#ffffff8c;border:1px solid #ffffff26;border-radius:999px;padding:.45rem 1rem;font-size:.7rem;font-weight:700;transition:color .3s,border-color .3s}.dvc-item:hover .dvc-tag{color:var(--teal-light);border-color:var(--teal-light)}.dvc-laptop,.dvc-tablet,.dvc-phone,.dvc-laptop .scr,.dvc-laptop .view,.dvc-laptop .base,.dvc-tablet .scr,.dvc-tablet .view,.dvc-phone .scr,.dvc-phone .view,.dvc-phone .notch{display:block}.dvc-laptop .view,.dvc-tablet .view,.dvc-phone .view{background:linear-gradient(135deg,#0b1620,#10222b)!important}.dvc-laptop{width:100%}.dvc-laptop .scr{background:#10161d;border:1px solid #00a3b559;border-bottom:none;border-radius:12px 12px 0 0;padding:1.6% 1.6% 0;box-shadow:0 40px 70px -40px #000000d9}.dvc-laptop .bar{gap:5px;padding:7px 9px;display:flex}.dvc-laptop .bar i{background:#ffffff2e;border-radius:50%;width:8px;height:8px}.dvc-laptop .bar i:first-child{background:#ff5f57}.dvc-laptop .bar i:nth-child(2){background:#febc2e}.dvc-laptop .bar i:nth-child(3){background:#28c840}.dvc-laptop .view{aspect-ratio:16/9.4;background:#fff;overflow:hidden}.dvc-laptop .base{background:linear-gradient(#2a3542,#131a22);border:1px solid #00a3b540;border-top:none;border-radius:0 0 10px 10px;width:112%;height:11px;margin-left:-6%}.dvc-tablet{width:100%;max-width:340px}.dvc-tablet .scr{aspect-ratio:4/3;background:#10161d;border:1px solid #00a3b559;border-radius:16px;padding:2.4%;box-shadow:0 40px 70px -40px #000000d9}.dvc-tablet .view{background:#fff;border-radius:8px;width:100%;height:100%;overflow:hidden}.dvc-phone{width:100%;max-width:168px}.dvc-phone .scr{aspect-ratio:9/19;background:#10161d;border:1px solid #00a3b559;border-radius:22px;padding:5.5%;position:relative;box-shadow:0 40px 70px -40px #000000d9}.dvc-phone .notch{z-index:2;background:#10161d;border-radius:0 0 8px 8px;width:34%;height:2.2%;position:absolute;top:2%;left:50%;transform:translate(-50%)}.dvc-phone .view{background:#fff;border-radius:14px;width:100%;height:100%;overflow:hidden}.dvc-grid img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%;display:block}.dvc-face{transform-style:preserve-3d;position:relative}.dvc-front{backface-visibility:hidden}.dvc-back{backface-visibility:hidden;background:linear-gradient(155deg,#182a37,#0a1119);border:1px solid #00a3b54d;border-radius:13px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:rotateY(180deg);box-shadow:inset 0 0 50px #00a3b514}.dvc-back img{opacity:.92;filter:brightness(0)invert();width:22%}.dvc-scene.is-tablet .dvc-back{border-radius:20px}.dvc-scene.is-phone .dvc-back{border-radius:30px}.dvc-picker{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:2.4rem;display:flex}.dvc-picker button{font:700 .78rem var(--body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:#fff9;transition:all .3s var(--ease);background:0 0;border:1px solid #ffffff2e;border-radius:999px;padding:.6rem 1.3rem}.dvc-picker button:hover{border-color:var(--teal-light);color:#fff}.dvc-picker button.on{background:var(--teal);border-color:var(--teal);color:#fff}.dvc-hint{text-align:center;color:#ffffff73;letter-spacing:.18em;text-transform:uppercase;margin-top:1.1rem;font-size:.75rem;font-weight:700}.dvc-viewer{z-index:9990;justify-content:center;align-items:center;padding:clamp(1rem,4vw,3rem);display:none;position:fixed;inset:0}.dvc-viewer.open{display:flex}.dvc-viewer .vbg{backdrop-filter:blur(14px);background:#0a1420eb;position:absolute;inset:0}.dvc-viewer .vclose{z-index:3;color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff40;border-radius:50%;width:46px;height:46px;font-size:1.2rem;transition:background .3s,border-color .3s;position:absolute;top:1.2rem;right:1.2rem}.dvc-viewer .vclose:hover{background:#e34f4f;border-color:#e34f4f}.dvc-viewer .vinfo{z-index:3;pointer-events:none;position:absolute;top:1.4rem;left:1.6rem}.dvc-viewer .vinfo b{font-family:var(--display);color:#fff;text-transform:uppercase;font-size:1.1rem;display:block}.dvc-viewer .vinfo span{color:#ffffff8c;font-size:.78rem}.dvc-stage{z-index:2;perspective:1400px;touch-action:none;cursor:grab;user-select:none;justify-content:center;align-items:center;width:min(860px,94vw);min-height:62vh;display:flex;position:relative}.dvc-stage:active{cursor:grabbing}.dvc-scene{transform-style:preserve-3d;will-change:transform;width:78%}.dvc-scene.is-phone{width:42%;max-width:230px}.dvc-scene.is-tablet{width:62%;max-width:480px}.dvc-vhint{z-index:3;color:#ffffff80;letter-spacing:.2em;text-transform:uppercase;pointer-events:none;font-size:.7rem;font-weight:700;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%)}.sk-box{background:linear-gradient(90deg,#00a3b514 25%,#00a3b52e 50%,#00a3b514 75%) 0 0/200% 100%;border-radius:12px;animation:1.4s infinite sk-shine}.sk-line{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 50%,#ffffff0f 75%) 0 0/200% 100%;border-radius:6px;height:12px;margin:6px 0;animation:1.4s infinite sk-shine;display:block}.sk-line.cat{height:10px}.pcard-skeleton{pointer-events:none;opacity:.5}@keyframes sk-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.pcard-featured{border-color:#fbbf2480!important}.pcard-badge-featured{color:#422006;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:999px;margin-bottom:.6rem;padding:.3rem .8rem;font-size:.65rem;font-weight:800;display:inline-block}