/* Open Number app landing page. Shared Woven Trinity tokens + components live
   in pis-brand.css (loaded first). Wrapper: `.pis pis-onnum`. */

/* Hero */
.pis-onnum .pis-onnum-hero { background: linear-gradient(135deg, #fff 0%, var(--pis-band) 100%); position: relative; overflow: hidden; }
.pis-onnum .pis-badge { display: inline-block; background: rgba(30,127,194,.12); color: var(--pis-blue-d); font-weight: 700; font-size: .8rem; letter-spacing: .02em; padding: 6px 14px; border-radius: 50rem; }

/* Hover lift for cards / store buttons */
.pis-onnum .hover-lift { transition: transform .2s ease-in-out, box-shadow .2s ease-in-out; }
.pis-onnum .hover-lift:hover { transform: translateY(-5px); box-shadow: 0 10px 22px rgba(43,32,53,.14) !important; }
@media (prefers-reduced-motion: reduce) {
    .pis-onnum .hover-lift { transition: none; }
    .pis-onnum .hover-lift:hover { transform: none; }
}

/* Layered device (phone) frame */
.pis-onnum .device-wrapper { display: inline-block; padding: 10px; background-color: #fdfbf7; border-radius: 3.2rem; box-shadow: 0 15px 35px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05); position: relative; margin: 0 auto; width: 100%; max-width: 280px; }
.pis-onnum .device-bezel { background-color: #111; border: 12px solid #111; border-radius: 2.5rem; position: relative; overflow: hidden; }
.pis-onnum .device-screen { background-color: #fff; border-radius: calc(2.5rem - 12px); overflow: hidden; }
.pis-onnum .device-screen img { width: 100%; display: block; }
.pis-onnum .device-wrapper::before { content: ''; position: absolute; left: -3px; top: 80px; width: 3px; height: 25px; background-color: #e2dfd9; border-radius: 2px 0 0 2px; box-shadow: 0 45px 0 0 #e2dfd9; }
.pis-onnum .device-wrapper::after { content: ''; position: absolute; right: -3px; top: 100px; width: 3px; height: 40px; background-color: #e2dfd9; border-radius: 0 2px 2px 0; }
.pis-onnum .device-wrapper-sm { padding: 8px; border-radius: 2.2rem; max-width: 220px; }
.pis-onnum .device-wrapper-sm .device-bezel { border-width: 10px; border-radius: 1.8rem; }
.pis-onnum .device-wrapper-sm .device-screen { border-radius: calc(1.8rem - 10px); }
.pis-onnum .object-fit-cover { object-fit: cover; }

/* Carousel indicators in brand blue */
.pis-onnum .carousel-indicators [data-bs-target] { background-color: var(--pis-blue); }