.hero-mockup-container{position:relative;width:100%;max-width:1100px;margin:4rem auto 0;perspective:1200px}.mockup-glow{position:absolute;top:10%;left:10%;right:10%;bottom:-20%;background:radial-gradient(ellipse at center,rgba(0,230,118,.08) 0,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(100,80,200,.06) 0,transparent 50%);filter:blur(80px);z-index:-1;transform:translateZ(-100px)}.mockup-window{background:linear-gradient(145deg,rgba(20,20,24,.9),rgba(8,8,10,.98));border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 50px 120px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.15);overflow:hidden;display:flex;flex-direction:column;transform:rotateX(8deg) translateY(0) translateZ(0);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1)}.mockup-window:hover{transform:rotateX(2deg) translateY(-10px) translateZ(0)}.mockup-header{height:48px;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 16px;position:relative;flex-shrink:0}.mockup-traffic-lights{display:flex;gap:8px}.mockup-traffic-lights .dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.mockup-title{position:absolute;left:50%;transform:translateX(-50%);font-family:var(--font-body);font-size:.8rem;color:var(--text-tertiary);font-weight:500;letter-spacing:.02em}.mockup-screenshot{position:relative;overflow:hidden;line-height:0}.mockup-screenshot img{width:100%;height:auto;display:block;object-fit:cover}.mockup-screenshot:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.3) 100%);pointer-events:none}@media (max-width:768px){.hero-mockup-container{margin:2rem auto 0}.mockup-window{border-radius:14px;transform:rotateX(4deg) translateY(0) translateZ(0)}.mockup-window:hover{transform:rotateX(1deg) translateY(-5px) translateZ(0)}.mockup-header{height:36px;padding:0 12px}.mockup-traffic-lights .dot{width:10px;height:10px}.mockup-title{font-size:.7rem}}