.hero-container{position:relative;width:100%;height:100vh;overflow:hidden;background:radial-gradient(ellipse at center,var(--void-800) 0%,var(--void-900) 45%,var(--void-950) 100%)}.hero-canvas{position:absolute;inset:0;z-index:1}.hero-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:100%;padding:1.5rem}.hero-text-container{text-align:center;max-width:60rem;width:100%;padding:2rem 1.5rem;border-radius:var(--radius-panel);background:#070b169e;backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--border-strong);box-shadow:var(--shadow-panel);animation:heroFadeUp .8s cubic-bezier(.2,.6,.2,1) both}@media (min-width: 640px){.hero-content{padding:2rem}.hero-text-container{padding:3rem 2.5rem}}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:1.5rem;animation:heroFade .8s ease-out .1s both}.hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #22d3ee8c}.hero-title{margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.4rem}.hero-title-line{display:block;overflow:hidden}.hero-title-main{display:inline-block;font-family:var(--font-display);font-size:clamp(2.25rem,6vw,4.5rem);font-weight:700;line-height:1.06;letter-spacing:-.02em;padding-bottom:.08em;background-image:linear-gradient(105deg,var(--stellar-300) 0%,var(--stellar-400) 35%,var(--nebula-400) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:heroRise .7s cubic-bezier(.2,.6,.2,1) .15s both}.hero-title-sub{display:inline-block;font-family:var(--font-display);font-size:clamp(.95rem,1.9vw,1.4rem);font-weight:500;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);padding-bottom:.08em;animation:heroRise .7s cubic-bezier(.2,.6,.2,1) .28s both}.hero-description{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7;color:var(--text-secondary);max-width:40rem;margin:0 auto 2rem;animation:heroFade 1s ease-out .4s both}.hero-cta-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 2rem;font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.01em;color:#0a0c14;background:var(--signal-500);border:1px solid transparent;border-radius:var(--radius-control);cursor:pointer;overflow:hidden;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 10px 30px -14px #f5a524b3;transition:background-color .2s ease,box-shadow .3s ease,transform .2s ease;animation:heroFade 1s ease-out .55s both}@media (min-width: 640px){.hero-cta-button{padding:1rem 2.6rem;font-size:1.1rem}}.hero-cta-button:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.35) 50%,transparent 80%);transform:skew(-20deg);transition:left .7s cubic-bezier(.25,.46,.45,.94)}.hero-cta-button:hover:before{left:120%}.hero-cta-button:hover{background:var(--signal-400);box-shadow:0 14px 34px -12px #f5a524d9;transform:translateY(-2px)}.hero-cta-button:active{transform:translateY(0)}.button-text{position:relative;z-index:1}.button-icon{position:relative;z-index:1;font-size:1.05em;transition:transform .25s ease}.hero-cta-button:hover .button-icon{transform:translate(4px)}.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2.5rem;animation:heroFade 1s ease-out .7s both}.stat-item{display:flex;flex-direction:column;gap:.25rem;min-width:8rem;padding:.75rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface)}.stat-value{font-family:var(--font-mono);font-size:1.2rem;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.stat-label{font-family:var(--font-mono);font-size:.68rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.15em}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFade{0%{opacity:0}to{opacity:1}}@keyframes heroRise{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.hero-stats{gap:.5rem}.stat-item{min-width:7rem;padding:.6rem .9rem}.stat-value{font-size:1rem}.stat-label{font-size:.62rem}}@media (max-width: 400px){.hero-stats{flex-direction:column;align-items:stretch}.stat-item{min-width:0;align-items:center}}