.hero-banner{width:100%;max-width:1200px;margin:2rem auto;position:relative;overflow:hidden}.hero-banner img{width:100%;height:auto;object-fit:cover;display:block}.hero-section{padding:3rem 0;text-align:center}.hero-section h1{font-size:2.5rem;margin-bottom:1.5rem;color:var(--color-text);line-height:1.2}.hero-section p{font-size:1.125rem;color:var(--color-text-light);margin-bottom:2rem;max-width:800px}.app-info,.hero-section p{margin-left:auto;margin-right:auto}.app-info{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 2rem;margin-top:2rem;padding:1.5rem 2rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);max-width:600px;border:1px solid rgba(0,0,0,.05)}.app-info-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;min-width:100px}.app-info-label{font-size:.8125rem;color:var(--color-text-light,#666);font-weight:500;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.app-info-value{font-size:1rem;color:var(--color-text,#333);font-weight:600;line-height:1.3}@media (max-width:1024px){.hero-section h1{font-size:2rem}}@media (max-width:768px){.hero-section{padding:2rem 0}.hero-section h1{font-size:1.75rem}.hero-section p{font-size:1rem}.app-info{gap:1rem 1.5rem;padding:1.25rem}.app-info-label{font-size:.75rem}.app-info-value{font-size:.9375rem}}