.phone-preview-section{background:linear-gradient(#070714 0%,#0d0d2a 40%,#0a0a1e 70%,#070714 100%);padding:5rem 1.5rem;position:relative;overflow:hidden}.phone-preview-section:before,.phone-preview-section:after{content:"";pointer-events:none;position:absolute;inset:0}.phone-preview-section:before{background-image:radial-gradient(1px 1px at 10% 15%,#ffffffb3,#0000),radial-gradient(1px 1px at 25% 35%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 40% 10%,#c9a96e99,#0000),radial-gradient(1px 1px at 55% 45%,#fff6,#0000),radial-gradient(1px 1px at 70% 20%,#fff9,#0000),radial-gradient(1.5px 1.5px at 85% 55%,#c9a96e80,#0000),radial-gradient(1px 1px at 15% 65%,#ffffff80,#0000),radial-gradient(1px 1px at 45% 75%,#ffffff4d,#0000),radial-gradient(1.5px 1.5px at 60% 85%,#c9a96e66,#0000),radial-gradient(1px 1px at 80% 70%,#ffffff80,#0000),radial-gradient(1px 1px at 90% 30%,#fff9,#0000),radial-gradient(1px 1px at 33% 90%,#fff6,#0000),radial-gradient(1px 1px at 5%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 95% 85%,#c9a96e80,#0000),radial-gradient(1px 1px at 50% 25%,#fff6,#0000),radial-gradient(1px 1px at 75% 95%,#ffffff4d,#0000);animation:8s ease-in-out infinite alternate twinkle}.phone-preview-section:after{background-image:radial-gradient(1px 1px at 20% 80%,#ffffff80,#0000),radial-gradient(1px 1px at 65% 60%,#fff6,#0000),radial-gradient(1.5px 1.5px at 30% 25%,#c9a96e4d,#0000),radial-gradient(1px 1px at 88% 40%,#ffffff80,#0000),radial-gradient(1px 1px at 42% 55%,#ffffff4d,#0000),radial-gradient(1px 1px at 8% 35%,#fff9,#0000),radial-gradient(1px 1px at 58% 10%,#fff6,#0000),radial-gradient(1px 1px at 78% 88%,#ffffff80,#0000);animation:12s ease-in-out 4s infinite alternate twinkle}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}.phone-mockup-wrapper{cursor:grab;width:450px;position:relative}.phone-mockup-wrapper:active{cursor:grabbing}.phone-frame-image{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.phone-iframe-overlay{z-index:2;background:#fff9f0;border:none;border-radius:20px;width:70%;height:76%;display:block;position:absolute;top:14.5%;left:15%}.phone-scroll-indicator-overlay{pointer-events:none;z-index:3;background:linear-gradient(#0000,#fff9f0e6);border-radius:0 0 24px 24px;width:70%;height:40px;position:absolute;bottom:9.5%;left:15%}.phone-frame{display:none}@media (max-width:767px){.phone-preview-section{padding:3rem 1rem}.phone-mockup-wrapper{width:340px}.phone-iframe-overlay{border-radius:18px}.phone-scroll-indicator-overlay{border-radius:0 0 20px 20px}}@media (max-width:400px){.phone-mockup-wrapper{width:300px}.phone-iframe-overlay{border-radius:16px}.phone-scroll-indicator-overlay{border-radius:0 0 16px 16px}}@media (prefers-reduced-motion:reduce){.phone-preview-section:before,.phone-preview-section:after{animation:none}}