.services-product{isolation:isolate;min-width:0;padding-top:24px;position:relative}.services-product:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 70% 40%,#6d5eb725,#0000 50%),radial-gradient(at 30% 65%,#39c8bb1c,#0000 50%);position:absolute;inset:-15% 0}.services-product-eyebrow{color:#a8c2cd;letter-spacing:.02em;margin:0 0 25px;font-size:12px}.services-product-stage{perspective:1400px;padding:20px 0 54px;position:relative}.services-product-backplate{background:linear-gradient(145deg,#26273a,#111b28);border:1px solid #a393e435;border-radius:18px;position:absolute;inset:8px 20px 53px 12px;transform:rotate(4deg)translateY(-5px)}.services-product-browser{transform-origin:50%;background:#f3f2f8;border:1px solid #b7bbce4f;border-radius:12px;width:95%;transition:transform .65s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden;transform:rotateY(-7deg)rotate(-2deg);box-shadow:0 30px 75px #0008}.services-product-chrome{color:#6b7083;min-height:29px;font:7px var(--font-geist-mono);background:#e7e8ef;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.services-product-chrome>span:first-child{gap:4px;display:flex}.services-product-chrome i{background:#9ba1b2;border-radius:50%;width:4px;height:4px}.services-product-screen{aspect-ratio:1.44;background:#f7f7fb}.services-product-screen img{object-fit:contain;width:100%;height:100%;animation:.45s both services-preview-in;display:block}.services-product-phone{z-index:2;background:#eef0fa;border:5px solid #19202b;border-radius:23px;width:26%;position:absolute;bottom:13px;right:-4px;overflow:hidden;transform:rotate(5deg);box-shadow:0 20px 45px #0009,0 0 0 1px #a9b7ca3b}.services-product-phone img{width:100%;height:auto;display:block}.services-product-phone-speaker{z-index:1;background:#19202b;border-radius:8px;width:30%;height:7px;position:absolute;top:4px;left:35%}.services-product-tag{color:#b9e0d9;background:#123433;border:1px solid #69b8ac3f;border-radius:8px 8px 8px 2px;align-items:center;gap:8px;padding:11px 14px;font-size:10px;display:flex;position:absolute;bottom:9px;left:5px;box-shadow:0 10px 20px #0003}.services-product-tag>span{background:#55e4d7;border-radius:50%;width:5px;height:5px}.services-product-switch{background:#0c1722;border:1px solid #6d879933;border-radius:14px;gap:6px;width:fit-content;max-width:100%;margin-top:20px;padding:5px;display:flex;position:relative}.services-product-switch button{color:#9db0bf;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 13px;font-size:11px;font-weight:600;transition:background .25s,color .25s;display:flex}.services-product-switch button[aria-pressed=true]{color:#88eade;background:#183837;border-color:#55e4d735}.services-product-switch button:hover{color:#f1f5f7}.services-product .services-product-caption{color:#9daebd;min-height:38px;margin:16px 0 10px;font-size:12px;line-height:1.6}.services-product-case{color:#68dcd0;align-items:center;gap:12px;min-height:36px;font-size:11px;display:inline-flex}.services-product-case svg{transition:transform .25s}.services-product-case:hover svg{transform:translate(2px,-2px)}@media (hover:hover){.services-product-stage:hover .services-product-browser{transform:rotateY(-2deg)rotate(-.5deg)translateY(-4px)}}@keyframes services-preview-in{0%{opacity:.3;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media (max-width:1000px){.services-opening{grid-template-columns:1fr}.services-product{width:min(100%,560px);margin:45px auto 0;padding:0}}@media (max-width:700px){.services-product{margin-top:45px}.services-product-eyebrow{margin-bottom:18px;font-size:11px}.services-product-stage{padding-bottom:49px}.services-product-phone{border-width:3px;border-radius:15px;width:26%;right:0}.services-product-chrome{min-height:23px;padding-inline:8px;font-size:6px}.services-product-tag{padding:10px;font-size:8px;left:0}.services-product-switch{gap:3px;margin-top:14px}.services-product-switch button{gap:6px;padding:8px 10px;font-size:10px}}@media (prefers-reduced-motion:reduce){.services-product-browser,.services-product-switch button,.services-product-case svg{transition:none}.services-product-screen img{animation:none}.services-product-stage:hover .services-product-browser{transform:rotateY(-7deg)rotate(-2deg)}}