.hero{display:flex;align-items:center;justify-content:center;padding:10rem 2rem 0;position:relative;overflow:hidden}.hero-container{max-width:1400px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.hero-content{display:flex;flex-direction:column;gap:.5rem;max-width:650px;justify-content:flex-start;padding-top:0}.hero-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--color-bg-glass);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius-xl);width:-moz-fit-content;width:fit-content;backdrop-filter:blur(10px);margin-bottom:.5rem}.badge-text{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.hero-title{font-family:var(--font-secondary);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.15;color:var(--color-text-primary);margin-bottom:1rem;margin-top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;display:flex;flex-direction:column;gap:0}.hero-title-line{display:block;white-space:nowrap;line-height:1.15}.gradient-text{background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hero-description{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.9;max-width:650px;margin-bottom:1.5rem;margin-top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.hero-actions{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:0;margin-bottom:0;position:relative;min-height:52px;align-items:center}.hero-actions:not(.animated)>*{animation:heroButtonFadeIn .4s ease;transition:opacity .3s ease,transform .3s ease}.hero-actions.animated>*{animation:none}.btn-hero-primary,.btn-hero-secondary{padding:1rem 2rem;border-radius:var(--border-radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,opacity .4s ease-in-out;border:none;font-family:var(--font-primary);display:inline-flex;align-items:center;justify-content:center;gap:.75rem;text-decoration:none;box-sizing:border-box;height:52px;white-space:nowrap;flex-shrink:0;width:auto;min-width:-moz-fit-content;min-width:fit-content;position:relative}.btn-hero-primary{background:var(--color-accent-gradient);color:#fff;box-shadow:var(--shadow-glow)}.btn-hero-primary .nav-icon{width:20px;height:20px;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;transform:scale(1)}.btn-hero-primary .nav-icon[width="18"]{width:20px;height:20px}.btn-hero-primary .steam-icon{width:20px;height:20px;min-width:20px;max-width:20px;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;will-change:transform;transform:scale(1)!important;animation:none!important;display:block;margin:0;padding:0;transform-origin:center center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.btn-hero-primary:hover .nav-icon{transform:scale(1.1)}.btn-hero-primary:hover .steam-icon{transform:scale(1.1)!important;transform-origin:center center}.btn-hero-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 0 60px rgba(255,107,53,.6);min-width:-moz-fit-content;min-width:fit-content;width:auto;max-width:none}@media (max-width:500px){.btn-hero-primary:hover:not(:disabled),.btn-hero-secondary:hover{width:100%!important;min-width:100%!important;max-width:100%!important}}.btn-hero-primary.btn-hero-primary-loading,.btn-hero-primary:disabled{position:relative;transform:none;pointer-events:none;transition:all .4s ease-in-out;overflow:hidden}.btn-hero-primary.btn-hero-primary-loading:before,.btn-hero-primary:disabled:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.25) 50%,transparent);animation:skeleton-shimmer 3s ease-in-out infinite;z-index:1}.btn-hero-primary.btn-hero-primary-loading>*,.btn-hero-primary:disabled>*{position:relative;z-index:2}.btn-hero-primary.btn-hero-primary-loading,.btn-hero-primary:disabled{background:linear-gradient(135deg,rgba(255,107,53,.85),rgba(247,147,30,.85) 50%,rgba(255,107,53,.85));background-size:200% auto;animation:skeleton-pulse 3s ease-in-out infinite;box-shadow:0 0 30px rgba(255,107,53,.45);opacity:.9}.btn-hero-primary:not(:disabled):not(.btn-hero-primary-loading){transition:opacity .4s ease-in-out,transform .3s ease,box-shadow .3s ease}.btn-hero-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 0 40px rgba(255,107,53,.5);transition:transform 2s ease,box-shadow 2s ease}.btn-hero-secondary{background:var(--color-bg-glass);color:var(--color-text-primary);backdrop-filter:blur(10px);will-change:transform;transform-origin:center center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid hsla(0,0%,100%,.1);position:relative;isolation:isolate}.btn-hero-secondary .nav-icon{width:18px;height:18px;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;transform:scale(1)}.btn-hero-secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);border-width:1px;transform:translateY(-2px);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.btn-hero-secondary:hover .nav-icon{transform:scale(1.1)}.hero-stats{display:flex;gap:3rem;margin-top:2.5rem;padding-top:0;flex-wrap:wrap;transition:opacity .3s ease;min-height:65px;align-items:flex-start}.hero-stats.loading{opacity:.7}.hero-stats.loaded{opacity:1}.hero-stat-item{display:flex;flex-direction:column;gap:.4rem;width:180px;min-height:65px;box-sizing:border-box;flex-shrink:0;align-items:flex-start}.hero-stat-number{font-family:var(--font-secondary);font-size:2rem;font-weight:800;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;width:180px;min-width:180px;text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hero-stat-label{font-size:.85rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;width:180px;min-width:180px}.hero-stat-item.skeleton{opacity:.6;width:180px;min-width:180px;align-items:flex-start}.hero-stat-item.skeleton .skeleton-shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.05));background-size:200% 100%;border-radius:4px;animation:hero-stat-skeleton-shimmer 1.5s ease-in-out infinite}.hero-stat-item.skeleton .hero-stat-number.skeleton-shimmer{width:180px;height:2.4rem;display:block;line-height:1.2}.hero-stat-item.skeleton .hero-stat-label.skeleton-shimmer{width:180px;height:.85rem;display:block}.hero-button-fade-in{animation:heroButtonFadeIn .5s ease forwards;opacity:0}@keyframes heroButtonFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-shimmer{0%{left:-100%}to{left:100%}}.hero-button-skeleton{width:177px;height:52px;border-radius:var(--border-radius-md);background:hsla(0,0%,100%,.05);animation:hero-stat-skeleton-pulse 1.5s ease-in-out infinite;flex-shrink:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}@keyframes skeleton-pulse{0%,to{background-position:0 50%;opacity:.9}50%{background-position:100% 50%;opacity:1}}@keyframes hero-stat-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes hero-stat-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.character-image{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.character-image[alt=""]{text-indent:-9999px}.hero-visual{display:flex;align-items:flex-start;justify-content:flex-end;position:relative;height:100%;min-height:800px;padding:0;overflow:visible}.hero-character{height:100%;align-items:flex-start;transition:all .4s ease;transform:translateX(-5%) scale(1.2);padding-top:0}.character-image-wrapper,.hero-character{position:relative;width:100%;max-width:3200px;display:flex;justify-content:center}.character-image-wrapper{z-index:3;height:auto;aspect-ratio:979/728;transition:all .5s cubic-bezier(.4,0,.2,1);transform-origin:center center;align-items:center;overflow:visible}.character-light-rays{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130%;height:130%;background:radial-gradient(ellipse at 50% 50%,rgba(255,107,53,.15) 0,rgba(247,147,30,.12) 25%,rgba(255,107,53,.08) 45%,transparent 70%);pointer-events:none;z-index:1;opacity:.6;filter:blur(100px);animation:smooth-glow 4s ease-in-out infinite}@keyframes smooth-glow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1);filter:blur(100px)}50%{opacity:.75;transform:translate(-50%,-50%) scale(1.05);filter:blur(110px)}}.character-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:115%;height:115%;background:radial-gradient(ellipse at 50% 50%,rgba(255,107,53,.18) 0,rgba(247,147,30,.12) 30%,rgba(255,107,53,.08) 50%,transparent 75%);pointer-events:none;z-index:2;filter:blur(80px);opacity:.5;animation:smooth-breathe 5s ease-in-out infinite}@keyframes smooth-breathe{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1);filter:blur(80px)}50%{opacity:.65;transform:translate(-50%,-50%) scale(1.04);filter:blur(85px)}}.character-image-wrapper:hover .character-light-rays{opacity:.9;filter:blur(120px);transform:translate(-50%,-50%) scale(1.1);animation:smooth-glow 4s ease-in-out infinite;transition:opacity .4s ease,filter .4s ease,transform .4s ease}.character-image-wrapper:hover .character-glow{opacity:.8;filter:blur(95px);transform:translate(-50%,-50%) scale(1.08);animation:smooth-breathe 5s ease-in-out infinite;transition:opacity .4s ease,filter .4s ease,transform .4s ease}.character-image{position:relative;z-index:3;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;image-rendering:auto;filter:none;transition:all .5s cubic-bezier(.4,0,.2,1)}.character-image-wrapper{transform:scale(1.15);transition:transform .5s cubic-bezier(.4,0,.2,1)}.character-image-wrapper:hover{transform:scale(1.18) rotate(-5deg)}.character-image-wrapper:hover .character-image{filter:brightness(1.2) drop-shadow(0 0 40px rgba(255,107,53,.5))}.hero-visual:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(ellipse at left center,rgba(255,107,53,.08) 0,rgba(247,147,30,.04) 40%,transparent 70%);pointer-events:none;z-index:0;filter:blur(80px);opacity:.5}@media (max-width:1400px){.hero-container{grid-template-columns:1fr;justify-items:center;text-align:center}.hero-visual{display:none!important}.hero-content{max-width:800px;align-items:center}.hero-content,.hero-title{text-align:center}.hero-description{text-align:center;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;gap:1rem}.btn-hero-primary,.btn-hero-secondary{min-width:-moz-fit-content;min-width:fit-content;width:auto}.hero-stats{gap:2rem;justify-content:center;margin-top:2rem}.hero-stat-item{align-items:center}.hero-stat-item,.hero-stat-item.skeleton{width:150px;min-width:150px;max-width:150px;flex-shrink:0}.hero-stat-number{font-size:1.75rem}.hero-stat-label,.hero-stat-number{text-align:center}.hero-stat-item.skeleton .hero-stat-label.skeleton-shimmer,.hero-stat-item.skeleton .hero-stat-number.skeleton-shimmer,.hero-stat-label,.hero-stat-number{width:150px;min-width:150px;max-width:150px;flex-shrink:0}}@media (max-width:968px){.hero{padding:8rem 1.5rem 4rem}.hero-container{grid-template-columns:1fr;gap:2.5rem;justify-items:center}.hero-visual{display:none}.hero-content{max-width:100%;align-items:center;text-align:center}.hero-title{text-align:center;font-size:clamp(2rem,6vw,3.5rem)}.hero-description{text-align:center;font-size:1rem;line-height:1.7;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;gap:1rem}.hero-stats{gap:2rem;justify-content:center;margin-top:2rem}.hero-stat-item{align-items:center}.hero-stat-item,.hero-stat-item.skeleton{width:150px;min-width:150px;max-width:150px;flex-shrink:0}.hero-stat-number{font-size:1.75rem}.hero-stat-label,.hero-stat-number{text-align:center}.hero-stat-item.skeleton .hero-stat-label.skeleton-shimmer,.hero-stat-item.skeleton .hero-stat-number.skeleton-shimmer,.hero-stat-label,.hero-stat-number{width:150px;min-width:150px;max-width:150px;flex-shrink:0}}@media (max-width:768px){.hero{padding:6rem 1rem 4rem}.hero-container{gap:2rem}.hero-content{gap:.75rem}.hero-title{font-size:clamp(2rem,7vw,2.75rem);margin-bottom:.875rem;line-height:1.2}.hero-title-line{white-space:normal}.hero-description{font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.7;margin-bottom:1.5rem}.hero-actions{flex-direction:row;width:auto;justify-content:center;gap:1rem;flex-wrap:wrap}.btn-hero-primary,.btn-hero-secondary{width:auto;padding:.875rem 1.5rem;font-size:.95rem;height:48px;flex-shrink:0}.hero-stats{gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.hero-stat-item{align-items:center}.hero-stat-item,.hero-stat-item.skeleton{width:calc(50% - .75rem);min-width:140px;max-width:140px;flex-shrink:0;box-sizing:border-box}.hero-stat-number{font-size:1.5rem}.hero-stat-label,.hero-stat-number{width:140px;min-width:140px;max-width:140px;text-align:center;flex-shrink:0;box-sizing:border-box}.hero-stat-label{font-size:.75rem}.hero-stat-item.skeleton .hero-stat-label.skeleton-shimmer,.hero-stat-item.skeleton .hero-stat-number.skeleton-shimmer{width:140px;min-width:140px;max-width:140px;flex-shrink:0;box-sizing:border-box}.hero-button-skeleton{width:100%}}@media (max-width:500px){.hero-actions{flex-direction:column;width:100%;gap:.75rem}.btn-hero-primary,.btn-hero-secondary{width:100%!important;min-width:100%!important;max-width:100%!important;padding:.875rem 1.5rem;font-size:.95rem;height:48px;box-sizing:border-box}.btn-hero-primary:hover:not(:disabled),.btn-hero-secondary:hover{width:100%!important;min-width:100%!important;max-width:100%!important;transform:translateY(-2px)}}@media (max-width:480px){.hero{padding:5rem .75rem 3rem}.hero-title{font-size:clamp(1.75rem,8vw,2.25rem);line-height:1.2;margin-bottom:.75rem}.hero-description{font-size:clamp(.95rem,3vw,1.05rem);line-height:1.6;margin-bottom:1.25rem}.btn-hero-primary,.btn-hero-secondary{padding:.75rem 1.25rem;font-size:.9rem;height:44px}.hero-stats{gap:1rem;margin-top:1.25rem}.hero-stat-item,.hero-stat-item.skeleton{width:calc(50% - .5rem);max-width:120px}.hero-stat-number{font-size:1.25rem}.hero-stat-label{font-size:.7rem}}