:root{--bg:#0a0a0a;--surface:#111;--text:#eaeaea;--muted:#a9b0b8;--accent:#00f2ff;--accent-20: rgba(0,242,255,.2);--ring: rgba(0,242,255,.35);--white: #fff}.hero-section{position:relative;background:var(--bg);color:var(--text);overflow:clip}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(700px 300px at 15% 20%,rgba(0,242,255,.08),transparent 60%),radial-gradient(500px 250px at 85% 30%,rgba(0,242,255,.06),transparent 60%),linear-gradient(transparent 0,transparent 100%);pointer-events:none;-webkit-mask-image:radial-gradient(100% 100% at 50% 0,#000 30%,transparent 100%);mask-image:radial-gradient(100% 100% at 50% 0,#000 30%,transparent 100%)}.hero-container{max-width:1200px;margin:0 auto;padding:clamp(60px,8vw,100px) 20px;display:flex;justify-content:center;align-items:center}.hero-text{max-width:900px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--accent);font-size:12px;letter-spacing:.3px;text-transform:uppercase}.hero-headline{margin:14px 0 16px;font-size:clamp(36px,6vw,64px);line-height:1.15;font-weight:800;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#cdeff1);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:8px;animation:fadeInUp .8s ease-out}.hero-subline{color:var(--muted);font-size:clamp(16px,1.8vw,20px);line-height:1.7;max-width:70ch;margin:16px 0 28px;animation:fadeInUp .8s ease-out .2s both}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;animation:fadeInUp .8s ease-out .4s both}.hero-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;font-weight:600;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;will-change:transform;position:relative;overflow:hidden}.hero-btn-icon{flex:0 0 20px}.hero-btn-primary{color:#001316;background:linear-gradient(180deg,var(--accent),#00b9c4);box-shadow:0 10px 30px #00f2ff40}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00f2ff66;background:linear-gradient(180deg,#00b9c4,var(--accent))}.hero-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.hero-btn-primary:hover:before{left:100%}.hero-btn-secondary{color:var(--white);background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.hero-btn-secondary:hover{transform:translateY(-3px);background:#ffffff14;border-color:var(--accent);box-shadow:0 8px 24px var(--accent-20),inset 0 0 0 1px var(--ring)}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin:20px 0 6px;color:var(--muted);font-size:14px;animation:fadeInUp .8s ease-out .6s both}.hero-trust .dot{margin-bottom:2px;display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;box-shadow:0 0 10px var(--ring)}.hero-stats{margin-top:20px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;animation:fadeInUp .8s ease-out .8s both}.stat-pill{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease;cursor:pointer}.stat-pill:hover{background:#00f2ff14;border-color:#00f2ff4d;transform:translateY(-3px);box-shadow:0 12px 32px #00f2ff26}.stat-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#00f2ff14;box-shadow:inset 0 0 0 1px var(--ring);color:var(--accent)}.stat-content{display:flex;flex-direction:column;line-height:1.1}.stat-number{font-weight:800;font-size:16px;color:#fff;letter-spacing:.2px}.stat-label{font-size:12px;color:var(--muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-container{padding:clamp(40px,6vw,80px) 20px}.hero-headline{font-size:clamp(32px,5vw,48px)}.hero-subline{font-size:clamp(15px,1.6vw,18px)}}@media (max-width: 480px){.hero-container{padding:clamp(30px,5vw,60px) 20px}.hero-headline{font-size:clamp(28px,4vw,36px)}.hero-subline{font-size:clamp(14px,1.5vw,16px)}}@media (max-width: 560px){.hero-actions .hero-btn{flex:1 1 auto;justify-content:center}.hero-trust{font-size:13px}.stat-number{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-section.css.map */