.pmc{--pmc-frame1:#374151;--pmc-frame2:#1f2937;--pmc-glass:rgba(255,255,255,.2);--pmc-text:#e5e5e5;--pmc-muted:#9ca3af;--pmc-shadow:0 25px 50px -12px rgba(0,0,0,.8);--pmc-dur:.7s;--pmc-ease:cubic-bezier(.4,0,.2,1);--pmc-phone-h:720px}.pmc,.pmc *{box-sizing:border-box}.pmc{color:var(--pmc-text);display:grid;grid-template-rows:1fr auto auto;gap:12px}.pmc-viewport{position:relative;display:flex;justify-content:center;align-items:center}.pmc-phones{position:relative}.pmc-phone{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;transition:all var(--pmc-dur) var(--pmc-ease);will-change:transform,opacity}.pmc-front{transform:translateX(0) translateY(0) scale(1);z-index:30;opacity:1}.pmc-right{transform:translateX(120px) translateY(40px) scale(.85);z-index:20;opacity:.85}.pmc-left{transform:translateX(-120px) translateY(40px) scale(.85);z-index:10;opacity:.85}.pmc-frame{background:linear-gradient(to bottom,var(--pmc-frame1),var(--pmc-frame2));border-radius:48px;padding:8px;border:4px solid var(--pmc-frame1);box-shadow:var(--pmc-shadow);width:100%;height:100%;position:relative}.pmc-screen{border-radius:40px;overflow:hidden;background:var(--pmc-bg);width:100%;height:100%;position:relative;display:grid;place-items:center}.pmc-dyn{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:128px;height:24px;background:#000;border-radius:12px;z-index:5;box-shadow:0 0 0 1px rgb(255 255 255 / .06) inset}.pmc-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pmc-play{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:var(--pmc-glass);border:1.5px solid rgb(255 255 255 / .35);backdrop-filter:blur(8px);cursor:pointer;transition:all .2s ease;z-index:6;color:#fff}.pmc-play:hover{background:rgb(255 255 255 / .3)}.pmc-play-ico{width:0;height:0;border-top:8px solid #fff0;border-bottom:8px solid #fff0;border-left:12px solid currentColor}.pmc-play-label{font-size:12px;letter-spacing:.3px}.pmc-nav{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.pmc-nav-btn{pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgb(255 255 255 / .14);background:rgb(255 255 255 / .06);backdrop-filter:blur(6px);cursor:pointer;color:#fff;transition:transform .2s ease}.pmc-nav-btn:active{transform:scale(.96)}.pmc-nav-btn:hover{background:rgb(255 255 255 / .12)}.pmc-dots{display:flex;gap:10px;justify-content:center}.pmc-dot{width:12px;height:12px;border-radius:50%;background:#222;border:1px solid #333;cursor:pointer;transition:all .2s ease}.pmc-dot:hover{background:#444}.pmc-dot[aria-current="true"]{background:#fff;border-color:#fff}.pmc-caption{text-align:center;margin:0;font-size:14px;color:var(--pmc-muted)}.pmc-layout-1 .pmc-nav,.pmc-layout-1 .pmc-dots{display:none}.pmc-layout-1 .pmc-phone{transform:translateX(0) translateY(0) scale(1)!important;opacity:1!important;z-index:30!important}.pmc-layout-2 .pmc-left{display:none}.pmc-layout-2 .pmc-right{transform:translateX(80px) translateY(20px) scale(.9)}@media (max-width:768px){.pmc-right{transform:translateX(60px) translateY(30px) scale(.8)}.pmc-left{transform:translateX(-60px) translateY(30px) scale(.8)}.pmc-layout-2 .pmc-right{transform:translateX(50px) translateY(15px) scale(.85)}}