.hero{position:relative;background:var(--navy-950, #0B0E2E);overflow:hidden;padding:90px 0 100px;margin-top:-30px}.hero .hero-glow{position:absolute;border-radius:50%;filter:blur(10px)}.hero .hero-glow.g1{width:520px;height:520px;top:-220px;right:-140px;background:radial-gradient(circle,#a855f78c,#a855f700 70%)}.hero .hero-glow.g2{width:380px;height:380px;bottom:-200px;left:-120px;background:radial-gradient(circle,#c026d366,#c026d300 70%)}.hero-inner{position:relative;z-index:2}.wrap.hero-inner.page-width{display:flex;align-items:center;gap:30px}.hero_desc,.custom-image{width:50%}.hero .eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.custom-image img{width:100%;height:100%;object-fit:contain}.hero .eyebrow.on-dark{color:var(--purple-400, #A855F7)}.hero h1{font-size:52px;font-weight:800;color:#fff;line-height:1.15;margin:0 0 10px}.hero p{font-size:17px;color:#c6c4e0;line-height:1.7;max-width:560px;margin:0 0 15px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 30px;border-radius:999px;font-weight:600;font-size:15px;cursor:pointer;border:1.5px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;text-decoration:none}.hero .btn:hover{transform:translateY(-1px)}.hero .btn-primary{background:linear-gradient(90deg,var(--purple-600, #7C3AED),var(--magenta-500, #C026D3));color:#fff;box-shadow:0 10px 24px #7c3aed47}.hero .btn-outline-dark{background:transparent;border-color:#ffffff59;color:#fff}.hero .btn-outline-dark:hover{background:#ffffff14}.hero-stats{position:relative;z-index:2;display:flex;gap:25px;margin-top:64px;border-top:1px solid rgba(255,255,255,.12);padding-top:32px;max-width:820px;flex-wrap:wrap}.hero-stats .stat .num{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;color:#fff;line-height:1}.hero-stats .stat .label{font-size:13px;color:#9f9dc2;margin-top:4px}@media(max-width:900px){.wrap.hero-inner.page-width{flex-wrap:wrap;flex-direction:column-reverse}.hero_desc,.custom-image{width:100%}.hero h1{font-size:36px}}@media(max-width:767px){.hero h1{font-size:30px}.hero .btn{padding:12px 20px;font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/about-hero.css.map */