.hero{min-height:100svh;display:flex;align-items:flex-end;padding-bottom:var(--space-xl);position:relative;overflow:hidden}.hero-bg-effects{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.hero-gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4}.hero-orb-1{width:50vw;height:50vw;max-width:800px;max-height:800px;background:var(--color-cyan);top:-20%;right:-10%;animation:orbFloat 8s ease-in-out infinite}.hero-orb-2{width:30vw;height:30vw;max-width:500px;max-height:500px;background:var(--color-rose);bottom:-10%;left:-5%;animation:orbFloat 10s ease-in-out infinite reverse}.hero-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}.hero-container{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--header-height) + var(--space-2xl));padding-bottom:var(--space-xl);gap:var(--space-xl)}.hero-tags{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero-tag{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;color:var(--color-text-secondary);letter-spacing:.05em;text-transform:uppercase}.tag-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-tertiary);flex-shrink:0}.tag-dot--active{background:var(--color-success);box-shadow:0 0 8px var(--color-success);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;box-shadow:0 0 8px var(--color-success)}50%{opacity:.6;box-shadow:0 0 16px var(--color-success)}}.hero-title{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,9rem);font-weight:400;text-transform:uppercase;line-height:.9;letter-spacing:-.02em;margin:0}.hero-title-line-1,.hero-title-line-2,.hero-title-line-3{display:block}.hero-title-line-3{display:flex;align-items:center;gap:var(--space-lg)}.hero-line-decoration{flex:0 0 auto;width:3rem;height:3rem;border:1px solid rgba(255,255,255,.3);border-radius:50%;position:relative;display:none}.hero-line-decoration:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--gradient-iridescent);animation:decorPulse 3s ease-in-out infinite}@keyframes decorPulse{0%,to{transform:scale(.6);opacity:.5}50%{transform:scale(1);opacity:1}}@media screen and (min-width:768px){.hero-line-decoration{display:block}}.hero-title-word{display:inline-block}.hero-title-accent{background:var(--gradient-iridescent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-morph{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.hero-morph-label{font-family:var(--font-body);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-tertiary)}.hero-morph-container{position:relative;height:clamp(2.5rem,5vw,3.5rem);overflow:hidden;display:flex;align-items:center}.hero-morph-text{display:flex;position:absolute;white-space:nowrap;opacity:0;pointer-events:none}.hero-morph-text.active{opacity:1;pointer-events:auto}.hero-morph-char{display:inline-block;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:-.01em;background:var(--gradient-iridescent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transform:translateY(100%) rotateX(90deg);transition:none}.hero-morph-char.space{width:.35em}.hero-morph-text.active .hero-morph-char.enter{opacity:1;transform:translateY(0) rotateX(0);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.hero-morph-text.leaving .hero-morph-char{opacity:0;transform:translateY(-80%) rotateX(-90deg);transition:opacity .3s ease-in,transform .4s cubic-bezier(.55,0,1,.45)}.hero-morph-indicators{display:flex;gap:6px;align-items:center;margin-left:var(--space-sm)}.hero-morph-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-tertiary);opacity:.3;transition:opacity .4s ease,width .4s ease,background .4s ease}.hero-morph-dot.active{width:24px;border-radius:3px;opacity:1;background:var(--gradient-iridescent)}.hero-bottom{display:flex;flex-direction:column;gap:var(--space-xl);max-width:40ch}.hero-description{font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.hero-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.download-button{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--color-bg);padding:.875rem 1.75rem;border:1px solid var(--color-text);border-radius:var(--radius-sm);position:relative;overflow:hidden;transition:border-color var(--transition-fast),color var(--transition-fast);text-decoration:none;background:var(--color-text)}.download-button svg{display:inline-block;flex-shrink:0}.download-button-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-iridescent);opacity:0;transition:opacity .3s ease;z-index:-1}.download-button:hover .download-button-bg{opacity:1}.download-button:hover{border-color:transparent;color:var(--color-bg)}.download-button--large{padding:1.125rem 2.25rem;font-size:1rem}.hero-platform{font-size:.75rem;color:var(--color-text-tertiary);letter-spacing:.05em}@media screen and (max-width:479px){.hero-title{font-size:clamp(2.5rem,12vw,4rem)}}.features{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}.feature-showcase{position:relative}.feature-showcase-nav{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xl);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-sm)}.feature-showcase-nav::-webkit-scrollbar{display:none}.feature-nav-btn{display:flex;align-items:center;gap:var(--space-sm);padding:.6rem 1.2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.8rem;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:all var(--transition-base);flex-shrink:0}.feature-nav-btn:hover{border-color:var(--color-border-hover);color:var(--color-text);background:var(--color-surface-2)}.feature-nav-btn.active{border-color:#00e5ff4d;color:var(--color-text);background:#00e5ff0f}.feature-nav-btn svg{flex-shrink:0;opacity:.6;transition:opacity var(--transition-base)}.feature-nav-btn.active svg,.feature-nav-btn:hover svg{opacity:1}.feature-showcase-stage{position:relative;min-height:480px}.feature-slide{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-2xl);align-items:center;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease}.feature-slide.active{position:relative;opacity:1;pointer-events:auto;transform:translateY(0)}.feature-slide-info{display:flex;flex-direction:column;gap:var(--space-lg)}.feature-slide-number{font-family:var(--font-body);font-size:.75rem;color:var(--color-cyan);letter-spacing:.1em;text-transform:uppercase}.feature-slide-title{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,3.5rem);font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:-.02em}.feature-slide-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.7;max-width:400px}.feature-slide-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.feature-tag{display:inline-flex;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:.25rem .75rem}.feature-slide-screenshot{position:relative}.feature-screenshot-frame{position:relative;background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .4s ease,box-shadow .4s ease}.feature-slide.active .feature-screenshot-frame{border-color:var(--color-border-hover);box-shadow:0 0 0 1px #00e5ff0d,0 24px 80px -12px #0009,0 0 60px -20px #00e5ff14}.feature-screenshot-bar{display:flex;gap:6px;padding:12px 16px;background:#ffffff08;border-bottom:1px solid var(--color-border)}.feature-screenshot-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1a}.feature-screenshot-dot:first-child{background:#ff6b9d80}.feature-screenshot-dot:nth-child(2){background:#ffb34780}.feature-screenshot-dot:nth-child(3){background:#00d4aa80}.feature-screenshot-frame img{display:block;width:100%;height:auto;transition:transform .6s ease}.feature-slide.active .feature-screenshot-frame img{transform:scale(1)}.feature-showcase-progress{margin-top:var(--space-xl)}.feature-progress-bar{width:100%;height:2px;background:var(--color-border);border-radius:2px;overflow:hidden}.feature-progress-fill{height:100%;width:16.666%;background:var(--gradient-iridescent);border-radius:2px;transition:transform .4s ease}.features-extras{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-top:var(--space-3xl)}.feature-extra{padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-sm);transition:border-color var(--transition-base),transform var(--transition-base)}.feature-extra:hover{border-color:var(--color-border-hover);transform:translateY(-4px)}.feature-extra-icon{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--color-text);margin-bottom:var(--space-xs)}.feature-extra-title{font-family:var(--font-display);font-size:1.15rem;font-weight:400;text-transform:uppercase;letter-spacing:-.01em;line-height:1.2}.feature-extra-desc{font-size:.8rem;color:var(--color-text-secondary);line-height:1.6}@media screen and (max-width:991px){.feature-slide{grid-template-columns:1fr;gap:var(--space-xl)}.feature-showcase-stage{min-height:auto}.feature-slide{position:relative}.feature-slide:not(.active){display:none}.feature-slide-desc{max-width:100%}.features-extras{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.feature-showcase-nav{gap:var(--space-xs)}.feature-nav-btn{padding:.5rem .9rem;font-size:.7rem}.feature-nav-btn span{display:none}.features-extras{grid-template-columns:1fr}.feature-screenshot-bar{padding:8px 12px;gap:5px}.feature-screenshot-dot{width:6px;height:6px}}.marquee-section{padding:var(--space-lg) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);overflow:hidden}.marquee-section--reverse{border-top:none}.ranks-marquee{position:relative;z-index:1;margin-top:var(--space-2xl);border-top:1px solid var(--color-border);padding-top:var(--space-2xl)}.rank-card{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:var(--space-md) var(--space-lg);margin:0 .4rem;background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:120px;transition:border-color var(--transition-base),background var(--transition-base)}.rank-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-2)}.rank-card--radiant{border-color:#ffb34780;background:#ffb3470d;box-shadow:0 0 20px #ffb34714,inset 0 0 20px #ffb34708}.rank-card--radiant:hover{border-color:#ffb347b3;background:#ffb34714;box-shadow:0 0 28px #ffb3471f,inset 0 0 28px #ffb3470d}.rank-icon{width:40px;height:40px;object-fit:contain}.rank-name{font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text)}.rank-card--radiant .rank-name{color:var(--color-gold)}.rank-players{font-family:var(--font-body);font-size:.6rem;color:var(--color-text-tertiary);letter-spacing:.02em}.rank-card--radiant .rank-players{color:#ffb34799}@media screen and (max-width:767px){.rank-card{min-width:100px;padding:var(--space-sm) var(--space-md)}.rank-icon{width:32px;height:32px}.rank-name{font-size:.7rem}}.marquee-wrapper{overflow:hidden}.marquee-track{display:flex;align-items:center;white-space:nowrap;animation:marqueeScroll 30s linear infinite}.marquee-track--reverse{animation-direction:reverse}.marquee-el{font-family:var(--font-display);font-size:clamp(2rem,4vw,4rem);text-transform:uppercase;color:var(--color-text);padding:0 var(--space-md);flex-shrink:0;opacity:.6;transition:opacity var(--transition-fast)}.marquee-el:hover{opacity:1}.marquee-dot{width:8px;height:8px;border-radius:50%;background:var(--color-cyan);flex-shrink:0;margin:0 var(--space-sm)}.marquee-dot:nth-child(4n){background:var(--color-rose)}.marquee-dot:nth-child(4n+2){background:var(--color-teal)}.marquee-dot:nth-child(4n+3){background:var(--color-gold)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.stats-section{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.stat-card{text-align:center;padding:var(--space-2xl) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);transition:border-color var(--transition-base),transform var(--transition-base)}.stat-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px)}.stat-value{display:flex;align-items:baseline;white-space:nowrap}.stat-number{font-family:var(--font-display);font-size:clamp(3rem,5vw,5rem);font-weight:400;line-height:1;color:var(--color-text)}.stat-suffix{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:400;background:var(--gradient-iridescent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-secondary)}@media screen and (max-width:767px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:479px){.stats-grid{grid-template-columns:1fr}}.reviews-section{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}.reviews-track-wrapper{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-md)}.reviews-track-wrapper::-webkit-scrollbar{display:none}.reviews-track{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-md);min-width:max-content}.review-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);min-width:300px;max-width:360px;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.review-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.review-stars{display:flex;gap:2px}.review-star{font-size:1rem;color:var(--color-gold);line-height:1}.review-star.half-star{opacity:.4}.review-text{font-size:.875rem;color:var(--color-text-secondary);line-height:1.7;flex:1}.review-author{display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.review-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.05em;color:var(--color-text-secondary);flex-shrink:0}.review-meta{display:flex;flex-direction:column;gap:2px}.review-username{font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--color-text);letter-spacing:-.01em}.review-rank{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}@media screen and (max-width:991px){.reviews-track{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width:600px){.review-card{min-width:260px;max-width:300px;padding:var(--space-lg)}}.cta-section{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}.cta-container{position:relative;text-align:center;padding:var(--space-4xl) var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);overflow:hidden}.cta-bg-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.cta-orb{position:absolute;border-radius:50%;filter:blur(100px)}.cta-orb-1{width:400px;height:400px;background:var(--color-cyan);opacity:.2;top:-150px;right:-100px;animation:orbFloat 8s ease-in-out infinite}.cta-orb-2{width:300px;height:300px;background:var(--color-rose);opacity:.15;bottom:-100px;left:-80px;animation:orbFloat 10s ease-in-out infinite reverse}.cta-container>*{position:relative;z-index:1}.cta-title{font-family:var(--font-display);font-size:clamp(3rem,6vw,6rem);font-weight:400;text-transform:uppercase;line-height:.95;margin-bottom:var(--space-lg)}.cta-desc{font-size:1rem;color:var(--color-text-secondary);max-width:40ch;margin:0 auto var(--space-2xl);line-height:1.6}.cta-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.cta-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;color:var(--color-text-tertiary);letter-spacing:.05em}.cta-meta-sep{opacity:.3}.hero-title-word-wrapper{display:inline-block;overflow:hidden}.cta-panel--download{transition:opacity .4s ease,transform .4s ease}.cta-panel--smartscreen{opacity:0;transform:translateY(24px);max-height:0;overflow:hidden;transition:opacity .5s cubic-bezier(.22,1,.36,1) .15s,transform .5s cubic-bezier(.22,1,.36,1) .15s,max-height .5s cubic-bezier(.22,1,.36,1)}.cta-container.downloaded .cta-panel--download{opacity:0;transform:translateY(-16px);max-height:0;overflow:hidden;pointer-events:none;position:absolute}.cta-container.downloaded .cta-panel--smartscreen{opacity:1;transform:translateY(0);max-height:800px;overflow:visible}.smartscreen-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-2xl);align-items:center;text-align:left}.smartscreen-visual{display:flex;align-items:center;justify-content:center}.smartscreen-image{display:block;width:100%;max-width:532px;height:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border-hover);box-shadow:0 0 0 1px #ffb3470f,0 20px 60px -12px #00000080,0 0 40px -16px #ffb3471a}.smartscreen-info{display:flex;flex-direction:column;gap:var(--space-md)}.smartscreen-info-badge{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;padding:.35rem .85rem;border-radius:100px;background:#00d4aa14;border:1px solid rgba(0,212,170,.2);color:var(--color-success);font-family:var(--font-body);font-size:.7rem;letter-spacing:.03em}.smartscreen-info-badge svg{flex-shrink:0}.smartscreen-question{font-family:var(--font-display);font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:400;text-transform:uppercase;line-height:1.1;color:var(--color-warning)}.smartscreen-explanation{font-size:.82rem;color:var(--color-text-secondary);line-height:1.65}.smartscreen-steps{display:flex;flex-direction:column;gap:.6rem}.smartscreen-step{display:flex;align-items:center;gap:var(--space-md);padding:.85rem var(--space-md);background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base)}.smartscreen-step:hover{border-color:var(--color-border-hover)}.smartscreen-step-number{flex-shrink:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00e5ff14;border:1px solid rgba(0,229,255,.2);font-family:var(--font-body);font-size:.7rem;font-weight:600;color:var(--color-cyan)}.smartscreen-step-content h4{font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--color-text)}.smartscreen-step-content p{font-size:.72rem;color:var(--color-text-tertiary);line-height:1.4;margin-top:.1rem}.smartscreen-note{display:flex;align-items:flex-start;gap:var(--space-sm);padding:.65rem .85rem;background:#ffb3470a;border:1px solid rgba(255,179,71,.12);border-radius:var(--radius-md);font-size:.7rem;color:var(--color-text-secondary);line-height:1.55}.smartscreen-note svg{flex-shrink:0;color:var(--color-warning);margin-top:1px}@media screen and (max-width:991px){.smartscreen-layout{grid-template-columns:1fr;gap:var(--space-xl)}.smartscreen-visual{order:-1;max-width:380px;margin:0 auto}}@media screen and (max-width:600px){.smartscreen-step{padding:.7rem}.smartscreen-visual{max-width:300px}}