.mockup-phone,.phone-screen{position:relative;background:#000}.feed-header,.feed-username{display:flex;align-items:center}.mockup-phone{border-radius:40px;padding:12px;box-shadow:0 50px 100px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.05)}.phone-screen{border-radius:32px;overflow:hidden}.avatar-img,.feed-avatar,.verified{border-radius:50%}.social-feed-scroll{height:480px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;scroll-snap-type:y proximity}.social-feed-scroll::-webkit-scrollbar{display:none}.feed-post{background:#000;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px;scroll-snap-align:start;scroll-margin-top:8px}.feed-header{gap:10px;padding:10px 12px}.feed-avatar{width:32px;height:32px;background:linear-gradient(135deg,#b8860b,#8b1538);padding:2px;overflow:hidden}.avatar-img,.feed-image img{height:100%;object-fit:cover}.avatar-img{width:100%;background:#000}.feed-user{flex:1}.feed-username{font-size:.85rem;font-weight:600;color:#fff;gap:4px}.verified{font-size:.7rem;background:#3b82f6;color:#fff;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.feed-caption strong,.feed-likes{font-weight:600;color:#fff}.feed-time{font-size:.7rem;color:#8e8e8e}.feed-more{color:#fff;font-size:1rem;cursor:pointer;padding:5px}.feed-image{width:100%;aspect-ratio:1;overflow:hidden;background:#1a1a1a}.feed-image img{width:100%;transition:transform .3s}.feed-post:hover .feed-image img{transform:scale(1.02)}.feed-actions{display:flex;justify-content:space-between;padding:10px 12px}.action-left{display:flex;gap:16px}.action-icon{font-size:1.3rem;cursor:pointer;transition:transform .2s}.action-icon:hover{transform:scale(1.15)}.feed-likes{font-size:.85rem;padding:0 12px 6px}.feed-caption{font-size:.8rem;color:#e0e0e0;padding:0 12px;line-height:1.4}.content-hashtag{color:#daa520;font-weight:500}.social-mockup{display:flex;justify-content:center;align-items:center;width:100%}.visual-card{display:flex;justify-content:center;align-items:center}@media (max-width:1024px){.mockup-phone{width:280px;height:500px;margin:0 auto}.social-feed-scroll{height:100%;max-height:460px}}@media (max-width:768px){.social-section .service-layout{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem}.social-section .service-visual{width:100%;display:flex;justify-content:center;order:1}.social-section .service-content{width:100%;max-width:100%;padding:0 1rem;order:2;text-align:center}.social-section .service-content .service-features{text-align:left;max-width:400px;margin:0 auto}.social-mockup,.social-section .visual-card{width:100%;display:flex;justify-content:center;padding:0}.mockup-phone{width:260px;height:450px;max-width:260px;border-radius:35px;padding:10px;margin:0 auto}.phone-screen{border-radius:28px;height:calc(100% - 20px)}.social-feed-scroll{height:100%;max-height:400px}.feed-post{margin-bottom:12px}.feed-image{aspect-ratio:4/3}.feed-caption{font-size:.75rem}.feed-likes{font-size:.8rem}}@media (max-width:480px){.mockup-phone{width:240px;height:420px;max-width:240px;border-radius:30px;padding:8px}.phone-screen{height:calc(100% - 16px)}.social-feed-scroll{max-height:370px}.feed-header{padding:8px 10px}.feed-avatar{width:28px;height:28px}.feed-username{font-size:.8rem}.action-icon{font-size:1.1rem}.social-section .service-content{padding:0 .5rem}.social-section .service-title{font-size:1.8rem}.social-section .service-description{font-size:.95rem}}