.device-stage{position:relative;padding:1.75rem 1.25rem 0;overflow:hidden;background:linear-gradient(180deg,#f8f7f4,#fbfaf9 70%,#fff)}.device-stage-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,hsl(220 10% 15% / .025) 1px,transparent 0);background-size:18px 18px}.devices{position:relative;display:flex;align-items:flex-end;justify-content:center}.laptop{position:relative;width:76%;z-index:1;transition:transform .6s cubic-bezier(.16,1,.3,1)}.group:hover .laptop{transform:translateY(-3px)}.laptop-lid{background:#1d1d1f;border-radius:8px 8px 0 0;overflow:hidden}.laptop-cam{width:4px;height:4px;background:#3a3a3c;border-radius:50%;margin:4px auto}.laptop-viewport{margin:0 5px 5px;border-radius:1px;overflow:hidden;background:#f0ede8}.browser-bar{display:flex;align-items:center;gap:6px;padding:3.5px 7px;background:linear-gradient(180deg,#ececea,#e4e2df);border-bottom:1px solid #d5d3cf}.browser-traffic{display:flex;gap:2.5px;flex-shrink:0}.browser-traffic i{display:block;width:4.5px;height:4.5px;border-radius:50%}.tl-red{background:#ff5f57}.tl-yel{background:#febc2e}.tl-grn{background:#28c840}.browser-addr{flex:1;display:flex;align-items:center;gap:3px;background:#ffffffa6;border-radius:3px;padding:2px 6px;min-width:0}.browser-lock{width:7px;height:7px;color:#6d6d6d;flex-shrink:0}.browser-addr span{font-size:6.5px;color:#6d6d6d;font-family:Outfit,system-ui,sans-serif;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-page{aspect-ratio:16 / 10;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#f7f6f2,#f0eeea)}.browser-invitation{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.laptop-bottom{height:8px;background:linear-gradient(180deg,#c0c0c2,#d8d8da);position:relative}.laptop-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:16%;height:3px;background:#aaaaac;border-radius:0 0 3px 3px}.laptop-foot{width:108%;height:3px;margin-left:-4%;background:linear-gradient(180deg,#cdcdcf,#e5e5e7);border-radius:0 0 6px 6px}.phone{position:relative;width:21%;z-index:2;margin-left:-7%;margin-bottom:10px;transition:transform .6s cubic-bezier(.16,1,.3,1)}.group:hover .phone{transform:translateY(-5px)}.phone-body{background:#1d1d1f;border-radius:13px;padding:3.5px;position:relative;box-shadow:-3px 4px 12px #0000001a,-1px 2px 4px #0000000f,0 0 0 .5px #00000014}.phone-pill{position:absolute;top:6px;left:50%;transform:translate(-50%);width:22%;height:5px;background:#1d1d1f;border-radius:5px;z-index:10}.phone-display{aspect-ratio:9 / 19.5;border-radius:10px;overflow:hidden;background:#f5f3f0}.phone-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.device-labels{display:flex;justify-content:center;gap:3rem;padding:.65rem 0 .5rem;position:relative;z-index:3}.device-label{font-size:.65rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#818898;font-family:Outfit,system-ui,sans-serif}.label-desktop{margin-right:2%}.label-mobile{margin-left:6%}.device-hover-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:transparent;transition:background .35s ease;pointer-events:none}.group:hover .device-hover-overlay{background:#21242c0f;pointer-events:auto}.hover-ctas{display:flex;gap:.5rem}.hover-cta{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.25rem;border-radius:9999px;font-size:.8125rem;font-weight:500;font-family:Outfit,system-ui,sans-serif;text-decoration:none;opacity:0;transform:translateY(6px) scale(.96);transition:opacity .35s ease,transform .35s cubic-bezier(.16,1,.3,1),background .2s ease}.hover-cta-secondary{background:#fff;color:#21242c;box-shadow:0 2px 8px #0000001a,0 0 0 1px #0000000a}.hover-cta-secondary:hover{background:#f5f5f5}.hover-cta-primary{background:hsl(var(--primary));color:#fff;box-shadow:0 2px 8px #00000026,0 0 0 1px #0000000a}.hover-cta-primary:hover{background:hsl(var(--primary) / .9)}.group:hover .hover-cta{opacity:1;transform:translateY(0) scale(1)}.group:hover .hover-cta-primary{transition-delay:.05s}.browser-placeholder,.phone-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:6px}.ph-circle{width:28px;height:28px;border-radius:50%;background:#22252a0f}.ph-circle.small{width:16px;height:16px}.ph-line{height:4px;border-radius:4px;background:#22252a0f}.ph-line.w-24{width:6rem}.ph-line.w-16{width:4rem}.ph-line.w-12{width:3rem}@media(max-width:767px){.device-stage{padding:1.25rem .75rem 0}.devices{min-height:180px}.laptop-cam{display:none}.browser-bar{padding:2.5px 5px;gap:4px}.browser-traffic i{width:3.5px;height:3.5px}.browser-addr span{font-size:5.5px}.browser-lock{width:6px;height:6px}.phone-body{border-radius:10px;padding:2.5px}.phone-display{border-radius:8px}.phone-pill{height:4px;top:5px}.device-labels{gap:1.5rem}.device-label{font-size:.575rem}}@media(min-width:1024px){.device-stage{padding:2rem 1.5rem 0}.browser-addr span{font-size:7px}.phone-body{border-radius:16px;padding:4px}.phone-display{border-radius:12px}.phone-pill{height:6px;top:7px}}