.container{flex-direction:column;justify-content:center;align-items:center;padding:6rem 2rem;display:flex;position:relative;overflow:hidden}.container:before{content:"";z-index:-1;background:radial-gradient(circle,#0fca981a 0%,#0000 60%);border-radius:50%;width:800px;height:800px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.hero-section{text-align:center;max-width:800px;margin-bottom:4rem}.badge{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--primary);border-radius:20px;margin-bottom:1.5rem;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.title{color:var(--text-main);margin-bottom:1.5rem;font-size:4rem;line-height:1.1}.text-gradient{background:linear-gradient(135deg, var(--primary) 0%, #06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.subtitle{color:var(--text-muted);max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.6}.cta-group{justify-content:center;gap:1rem;display:flex}.btn-secondary{color:var(--text-main);cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#ffffff0d;transform:translateY(-2px)}.mockup-container{perspective:1000px;width:100%;max-width:480px}.app-mockup{text-align:center;padding:2.5rem;transition:transform .5s cubic-bezier(.16,1,.3,1);transform:rotateX(5deg)scale(1)}.app-mockup:hover{transform:rotateX(0)scale(1.02)}.mockup-header{justify-content:center;gap:8px;margin-bottom:2rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.live-status{color:var(--primary);background:#0fca981a;border-radius:20px;align-items:center;gap:8px;margin:1rem 0;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.pulse{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;box-shadow:0 0 #0fca98b3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #0fca98b3}70%{transform:scale(1);box-shadow:0 0 0 8px #0fca9800}to{transform:scale(.95);box-shadow:0 0 #0fca9800}}.number-display{color:var(--text-main);text-shadow:0 4px 20px #0000000d;margin:1rem 0;font-size:7.5rem;font-weight:800;line-height:1}@media (max-width:768px){.title{font-size:2.8rem}.subtitle{font-size:1.1rem}.cta-group{flex-direction:column;align-items:stretch}.app-mockup{transform:none}}