.hero-banner{width:100%;padding:var(--space-xl)0;position:relative;overflow:hidden}@media (min-width:321px) and (max-width:767px){.hero-banner{padding-top:4.5rem}}@media (min-width:321px) and (max-width:500px){.hero-banner{padding-top:2.5rem}}@media (min-width:48rem){.hero-banner{padding:var(--space-2xl)0}}.hero-banner-bg{background:linear-gradient(#080808 0%,#080808b3 15%,#0000 40%),linear-gradient(90deg,#080808 0%,#0000 28%),linear-gradient(270deg,#080808 0%,#0000 28%),radial-gradient(65% 75%,#141414 0%,#0e0e0e 40%,#0a0a0a 70%,#080808 100%);position:absolute;inset:0}.hero-banner-glow{opacity:.3;background-image:radial-gradient(80% 50% at 50% 40%,#0ea5e90f 0%,#0000 60%);position:absolute;inset:0}.hero-banner-content{z-index:11;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(50vh - 5rem);display:flex;position:relative}.hero-banner-inner{width:100%;max-width:48rem;margin:0 auto}.hero-badge{align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--accent-cyan);font-family:var(--font-dm-sans);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-lg);background:#06b6d41a;border:1px solid #06b6d44d;border-radius:9999px;padding:.375rem .75rem;display:inline-flex}.hero-badge-dot{width:.5rem;height:.5rem;position:relative}.hero-badge-dot:before,.hero-badge-dot:after{content:"";background:var(--accent-cyan);border-radius:50%;position:absolute;inset:0}.hero-badge-dot:before{opacity:.75;animation:1.5s cubic-bezier(0,0,.2,1) infinite ping}.hero-badge-dot:after{position:relative}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.hero-title{font-family:var(--font-dm-sans);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-lg);text-shadow:0 2px 20px #000c,0 0 40px #00000080;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:.95}.hero-title-gradient{color:#0000;background:linear-gradient(to right,var(--accent-sky),var(--accent-cyan),var(--accent-sky));-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-family:var(--font-dm-sans);font-size:var(--text-lg);color:var(--text-secondary);max-width:36rem;margin:0 auto var(--space-lg);line-height:1.6}@media (min-width:48rem){.hero-subtitle{font-size:var(--text-xl)}}@media (max-width:37.5rem){.hero-subtitle{padding-left:var(--space-lg);padding-right:var(--space-lg)}}.hero-stats{justify-content:center;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.hero-stat{flex-direction:column;align-items:center;gap:.25rem;display:inline-flex}.hero-stat-value{font-family:var(--font-dm-sans);font-size:var(--text-2xl);color:var(--accent-cyan);font-weight:700;line-height:1.2}.hero-stat-label{font-size:var(--text-sm);color:var(--text-secondary)}@media (min-width:48rem){.hero-stat-value{font-size:var(--text-3xl)}}.hero-actions{justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}@media (max-width:32.5rem){.hero-actions{padding-left:var(--space-lg);padding-right:var(--space-lg)}}.btn-primary{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-xl);background:var(--accent);color:#fff;font-family:var(--font-dm-sans);font-weight:600;font-size:var(--text-base);border-radius:.75rem;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 15px -3px #06b6d440}.btn-primary:hover{background:var(--accent-cyan);box-shadow:0 10px 15px -3px #22d3ee4d}.btn-secondary{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-xl);color:#fff;font-family:var(--font-dm-sans);font-weight:600;font-size:var(--text-base);background:0 0;border:2px solid #22d3ee66;border-radius:.75rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#ffffff26}.hero-banner-fade{z-index:10;pointer-events:none;background:linear-gradient(#0000,#000);height:6rem;position:absolute;bottom:0;left:0;right:0}