.card-column{text-align:center;background-color:#7e6c575c;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:350px;height:100%;min-height:450px;display:flex}
.phone-frame{background:#1a1a1a;border-radius:40px;width:375px;height:812px;margin-bottom:80px;padding:12px;position:relative;box-shadow:0 0 0 12px #2d2d2d,0 0 0 14px #1a1a1a,0 20px 60px #00000080}.phone-notch{z-index:2;background:#1a1a1a;border-bottom-right-radius:20px;border-bottom-left-radius:20px;width:180px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{scrollbar-width:none;-ms-overflow-style:none;background:linear-gradient(#1a1614,#2d2826);border-radius:32px;width:100%;height:100%;overflow:hidden scroll}.phone-screen::-webkit-scrollbar{display:none}.annotation-bubble{opacity:0;pointer-events:none;z-index:3;width:280px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;transform:translate(-20px)}.annotation-left{transform:translate(20px)}.annotation-visible{opacity:1;pointer-events:auto;transform:translate(0)}.annotation-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#312b25f2;border:1px solid #d1cdab33;border-radius:12px;padding:16px;box-shadow:0 4px 20px #0000004d}.annotation-arrow{border-style:solid;width:0;height:0;position:absolute}.annotation-arrow-right{border-width:8px 8px 8px 0;border-color:#0000 #312b25f2 #0000 #0000;top:20px;left:-8px}.annotation-arrow-left{border-width:8px 0 8px 8px;border-color:#0000 #0000 #0000 #312b25f2;top:20px;right:-8px}@media (max-width:1200px){.annotation-bubble{width:220px;font-size:.85rem}}@media (max-width:768px){.phone-frame{width:280px;height:600px}.annotation-bubble{display:none}}.phone-screen-light{scrollbar-width:none;-ms-overflow-style:none;background:#f8f7f4;border-radius:32px;width:100%;height:100%;overflow:hidden scroll}.phone-screen-light::-webkit-scrollbar{display:none}.showcase-title-icon{font-family:var(--font-abhaya-libre),serif;color:#1a1614;align-items:center;gap:.5rem;margin-bottom:10px;font-size:1rem;font-weight:700;line-height:1.75;display:flex}@media (min-width:768px){.showcase-title-icon{font-size:1.5rem;line-height:1.75rem}}