header{display:flex;align-items:center;justify-content:space-between;padding:28px 56px}header img{height:48px}header nav a{color:var(--color-muted);margin-right:18px;text-decoration:none;transition:color .3s ease}header nav a:hover{color:var(--color-accent)}.container{max-width:1200px;margin:40px auto;padding:0 28px}.hero{display:flex;gap:36px;align-items:center}.hero-left{flex:1}h1{font-size:var(--h1-size);margin:0 0 12px;font-weight:700}p.lead{color:var(--color-muted);margin:0 0 24px;font-size:18px;line-height:1.6}.cta{display:flex;gap:14px;margin-bottom:28px}.btn-primary{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));border:0;padding:14px 20px;border-radius:12px;font-weight:700;color:#021025;box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.06);padding:12px 18px;border-radius:12px;color:var(--color-muted);cursor:pointer;transition:all .2s ease}.btn-ghost:hover{border-color:#ffffff26;color:var(--color-text)}.mockup-wrap{width:460px;height:420px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;border-radius:28px;background:linear-gradient(180deg,#081427,#0b1630);box-shadow:var(--shadow-lift);overflow:hidden}.mockup{width:320px;height:320px;transition:transform .45s cubic-bezier(.2,.9,.2,1);will-change:transform}.mockup img{width:100%;height:100%;object-fit:contain;display:block}.quality{display:flex;gap:18px;align-items:center;margin-top:28px;flex-wrap:wrap}.badge{background:#ffffff05;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.03);color:var(--color-muted);font-size:14px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.feature{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.04);display:flex;gap:12px;align-items:flex-start;transition:all .3s ease}.feature:hover{background:linear-gradient(180deg,#ffffff0a,#00d1ff03);border-color:#00d1ff1a}.feature img{width:48px;height:48px;flex-shrink:0}.feature h4{margin:0;font-size:16px;font-weight:600}.feature p{margin:4px 0 0;color:var(--color-muted);font-size:14px;line-height:1.5}footer{padding:36px 56px;color:var(--color-muted);font-size:14px;text-align:center;border-top:1px solid rgba(255,255,255,.04)}@media (max-width: 1024px){.mockup-wrap{width:380px;height:340px}.features-grid{grid-template-columns:repeat(2,1fr)}header{padding:20px 28px}}@media (max-width: 720px){header{padding:18px;flex-direction:column;gap:16px}header nav{display:flex;gap:12px;flex-direction:column}.hero{flex-direction:column;padding-bottom:20px}.mockup-wrap{width:280px;height:280px}.features-grid{grid-template-columns:1fr}.cta{flex-direction:column}.btn-primary,.btn-ghost{width:100%}h1{font-size:28px}p.lead{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-section.css.map */