.products-bg-photo{z-index:0;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(65% 55% at 25% 40%,#000 0%,#0000 70%);mask-image:radial-gradient(65% 55% at 25% 40%,#000 0%,#0000 70%)}.products-bg-photo img{object-fit:cover;opacity:.28;filter:saturate(.75)brightness(.75)}.product-mockup{border:1px solid var(--border);background:var(--surface-elevated);border-radius:1.25rem;overflow:hidden;box-shadow:0 30px 80px #00000080}.product-mockup-body{min-height:20rem;display:flex}.product-sidebar{border-right:1px solid var(--border);flex-direction:column;gap:.85rem;width:3.5rem;padding:1.1rem .85rem;display:flex}.product-nav-dot{background:var(--border-strong);border-radius:999px;height:.55rem}.product-nav-dot.is-active{background:var(--gradient-gold)}.product-main{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex}.product-stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.product-stat{background:var(--surface);border:1px solid var(--border);border-radius:.65rem;padding:.85rem}.product-chart{background:var(--surface);border:1px solid var(--border);border-radius:.65rem;flex:1;align-items:flex-end;gap:.6rem;min-height:8rem;padding:1.1rem;display:flex}.product-callout{background:var(--surface-elevated);border:1px solid var(--accent);z-index:3;border-radius:.75rem;padding:.65rem 1rem;font-size:.75rem;font-weight:600;position:absolute;box-shadow:0 12px 30px #0006}.products-nav{justify-content:center;align-items:center;gap:1.25rem;margin-top:3rem;display:flex}.products-nav-arrow{border:1px solid var(--border-strong);background:var(--surface-elevated);width:2.5rem;height:2.5rem;color:var(--text-secondary);transition:border-color .25s var(--ease-standard), color .25s var(--ease-standard);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.products-nav-arrow:hover{border-color:var(--accent);color:var(--accent)}.products-dots{align-items:center;gap:.6rem;display:flex}.products-dot{background:var(--border-strong);width:.55rem;height:.55rem;transition:background .25s var(--ease-standard), transform .25s var(--ease-standard);border-radius:999px}.products-dot:hover{background:var(--text-muted)}.products-dot.is-active{background:var(--gradient-gold);transform:scale(1.25)}