@keyframes phoneMeshMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.phone-mockup{position:relative;width:280px;aspect-ratio:1/2;max-width:calc(100vw - 80px);background:#1a1a2e;border-radius:36px;padding:12px;box-shadow:0 25px 60px rgba(0,0,0,.4),inset 0 0 0 2px hsla(0,0%,100%,.1)}.phone-mockup__notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:80px;height:24px;background:#1a1a2e;border-radius:0 0 16px 16px;z-index:2}.phone-mockup__screen{width:100%;height:100%;border-radius:26px;overflow:hidden}.phone-mockup__welcome{position:relative;height:100%;background:linear-gradient(135deg,#1049a5,#72298f 45%,#b20d19 82%,#e670a2);background-size:200% 200%;animation:phoneMeshMove 12s ease infinite;display:flex;flex-direction:column;align-items:center;justify-content:center}.phone-mockup__welcome:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;pointer-events:none;z-index:1}.phone-mockup__mesh{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 20% 80%,hsla(0,0%,100%,.08) 0,transparent 60%),radial-gradient(ellipse at 80% 20%,hsla(0,0%,100%,.06) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.05) 0,transparent 70%)}.phone-mockup__content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px 24px;width:100%;box-sizing:border-box}.phone-mockup__logo{width:110px;margin-bottom:14px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.phone-mockup__logo img{width:100%;height:auto;display:block}.phone-mockup__subtitle{font-size:.8125rem;color:hsla(0,0%,100%,.8);line-height:1.6;margin:0 0 14px;max-width:200px}.phone-mockup__message{width:100%;max-width:200px;margin-bottom:14px;padding:10px 14px;background:hsla(0,0%,100%,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid hsla(0,0%,100%,.18);border-radius:12px;box-sizing:border-box;text-align:left}.phone-mockup__message-from{display:block;font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:hsla(0,0%,100%,.65);margin-bottom:3px}.phone-mockup__message p{margin:0;font-size:.75rem;line-height:1.45;color:#fff}.phone-mockup__cta{display:inline-flex;align-items:center;gap:6px;padding:11px 24px;background:#fff;color:#1049a5;border-radius:999px;font-size:.8125rem;font-weight:700;box-shadow:0 4px 16px rgba(0,0,0,.15)}.phone-mockup--capture{aspect-ratio:390/844;box-shadow:0 16px 36px rgba(0,0,0,.22),inset 0 0 0 2px hsla(0,0%,100%,.1)}.phone-mockup__still,.phone-mockup__video{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.phone-mockup__still{display:none}@media(prefers-reduced-motion:reduce){.phone-mockup__video{display:none}.phone-mockup__still{display:block}}.phones__stage{display:flex;justify-content:center;align-items:flex-start;gap:clamp(24px,6vw,72px);padding:16px 0 8px;flex-wrap:wrap}.phones__phone{display:flex;flex-direction:column;align-items:center;gap:18px}.phones__label{font-size:.9375rem;font-weight:700;color:#1049a5;text-align:center;max-width:240px}