.tp-stage[data-v-e31a4e54]{background:#2f3821;height:18rem;overflow:hidden;position:relative}.tp-bg[data-v-e31a4e54]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.tp-bg[data-v-e31a4e54],.tp-vignette[data-v-e31a4e54]{inset:0;position:absolute}.tp-vignette[data-v-e31a4e54]{background:radial-gradient(ellipse at 50% 45%,transparent 35%,rgba(23,29,16,.55) 100%)}.tp-phones[data-v-e31a4e54]{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.tp-phone[data-v-e31a4e54]{background:#0b0f08;border:3px solid #0b0f08;border-radius:20px;box-shadow:0 10px 18px -8px #0000008c;outline:1px solid hsla(0,0%,100%,.18);overflow:hidden;position:absolute;transition:transform .45s cubic-bezier(.22,1,.36,1);will-change:transform}.tp-phone>img[data-v-e31a4e54]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.tp-center[data-v-e31a4e54]{height:212px;transform:translateY(6px);width:104px;z-index:3}.tp-side[data-v-e31a4e54]{height:172px;opacity:.92;width:84px;z-index:1}.tp-left[data-v-e31a4e54]{transform:translate(-74px) translateY(14px) rotate(-9deg)}.tp-right[data-v-e31a4e54]{transform:translate(74px) translateY(14px) rotate(9deg)}.tp-island[data-v-e31a4e54]{background:#000;border-radius:999px;height:8px;left:50%;position:absolute;top:5px;transform:translate(-50%);width:30px;z-index:2}.tp-shine[data-v-e31a4e54]{background:linear-gradient(115deg,hsla(0,0%,100%,.18),transparent 35%);inset:0;pointer-events:none;position:absolute}.tp-ph[data-v-e31a4e54]{align-items:center;background:linear-gradient(160deg,#e8eddb,#b3c28d 55%,#74884a);display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;width:100%}.tp-ph-side[data-v-e31a4e54]{align-items:stretch;background:linear-gradient(180deg,#f5f7ef,#d1dbb8);justify-content:flex-start;padding:26px 12px 12px}.tp-ph-side i[data-v-e31a4e54]{background:#2f382124;border-radius:8px;display:block;height:22px}.tp-ph-side i[data-v-e31a4e54]:nth-child(2){height:36px}.tp-mono[data-v-e31a4e54]{align-items:center;border:1.5px solid rgba(47,56,33,.5);border-radius:999px;color:#2f3821;display:flex;font-size:22px;font-weight:600;height:46px;justify-content:center;width:46px}.tp-ph small[data-v-e31a4e54]{color:#2f3821b3;font-size:9px;letter-spacing:.04em;padding:0 8px;text-align:center}.tp-stage:hover .tp-center[data-v-e31a4e54]{transform:translateY(-12px) scale(1.07)}.tp-stage:hover .tp-left[data-v-e31a4e54]{transform:translate(-92px) translateY(4px) rotate(-15deg)}.tp-stage:hover .tp-right[data-v-e31a4e54]{transform:translate(92px) translateY(4px) rotate(15deg)}