.hero{align-items:center;min-height:100vh;padding:130px 40px 90px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.gradient-sphere{filter:blur(90px);will-change:transform;border-radius:50%;animation:20s ease-in-out infinite alternate orb-float;position:absolute;transform:translateZ(0)}.g1{background:radial-gradient(circle,#ff6b3585 0%,#ab47bc2e 60%,#0000 100%);width:58vw;height:58vw;top:-28%;left:-18%}.g2{background:radial-gradient(circle,#4fc3f76b 0%,#ab47bc24 60%,#0000 100%);width:48vw;height:48vw;animation-delay:-10s;bottom:-22%;right:-12%}.g3{background:radial-gradient(circle,#ffd70038 0%,#0000 70%);width:32vw;height:32vw;animation-duration:14s;animation-delay:-5s;top:38%;left:38%}@keyframes orb-float{0%{transform:translate(0)scale(1)}33%{transform:translate(4%,7%)scale(1.07)}66%{transform:translate(-3%,4%)scale(.96)}to{transform:translate(2%,-5%)scale(1.06)}}.corner-glow{pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute}.corner-glow--tl{background:radial-gradient(circle,#ff6b351f 0%,#0000 70%);top:-100px;left:-100px}.corner-glow--br{background:radial-gradient(circle,#4fc3f71a 0%,#0000 70%);bottom:-100px;right:-100px}.particle{background:var(--accent-1);opacity:0;will-change:transform, opacity;border-radius:50%;width:4px;height:4px;animation:8s ease-in-out infinite particle-rise;position:absolute}.particle:nth-child(odd){background:var(--accent-3);width:3px;height:3px}.particle:nth-child(3n){background:var(--accent-gold);width:5px;height:5px}.particle:nth-child(5n){background:var(--accent-4)}@media (max-width:768px){.particle{display:none!important}}@keyframes particle-rise{0%{opacity:0;transform:translateY(0)scale(0)}18%{opacity:.85;transform:translateY(-18px)scale(1)}80%{opacity:.5}to{opacity:0;transform:translateY(-130px)scale(.3)}}.hero-content{z-index:2;width:100%;max-width:1400px;margin:0 auto;position:relative}.hero-badge{color:var(--accent-2);letter-spacing:2.5px;text-transform:uppercase;background:#ff6b351f;border:1px solid #ff6b3561;border-radius:40px;align-items:center;gap:10px;margin-bottom:40px;padding:8px 22px;font-size:12px;font-weight:700;display:inline-flex}.hero-link-badge{color:var(--accent-2);align-items:center;gap:10px;text-decoration:none;transition:all .25s;display:inline-flex}.hero-link-badge:hover{color:#fff;transform:translate(4px)}.badge-dot{background:var(--accent-1);width:8px;height:8px;box-shadow:0 0 10px var(--accent-1);border-radius:50%;animation:2s infinite pulse-glow}.hero-title{letter-spacing:-3px;margin-bottom:34px;font-size:clamp(3rem,7.5vw,6.4rem);font-weight:900;line-height:1.04}.hero-title-brand{letter-spacing:3.5px;text-transform:uppercase;color:var(--accent-1);margin-bottom:14px;font-size:clamp(1rem,2vw,1.45rem);font-weight:700;line-height:1.2;display:block}.hero-title-accent{background:var(--grad-cta);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 28px #ff6b3580);-webkit-background-clip:text;background-clip:text}.hero-title-sub{color:var(--accent-3);-webkit-text-fill-color:var(--accent-3)}.hero-typewriter{color:gold;-webkit-text-fill-color:gold;-webkit-text-stroke:0;min-height:1.05em;font-weight:800;display:inline-block}.tw-cursor{-webkit-text-fill-color:var(--accent-1);-webkit-text-stroke:0;margin-left:2px;animation:.9s infinite blink}.hero-description{color:var(--text-secondary);max-width:540px;margin-bottom:52px;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.82}.hero-actions{flex-wrap:wrap;gap:18px;margin-bottom:64px;display:flex}.hero-stats{flex-wrap:wrap;align-items:center;gap:0;display:flex}.hero-stat{flex-direction:column;display:flex}.stat-num{background:var(--grad-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:2.5px;color:var(--text-muted);margin-top:5px;font-size:11px}.stat-divider{background:linear-gradient(#0000,#ffffff47,#0000);width:1px;height:38px;margin:0 32px}.scroll-indicator{z-index:5;color:var(--text-muted);letter-spacing:3.5px;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--accent-1), transparent);width:1px;height:52px;animation:2.2s infinite scroll-pulse}@keyframes scroll-pulse{0%,to{opacity:.35;height:42px}50%{opacity:1;height:60px}}@media (max-width:768px){.hero{padding:110px 20px 90px}.hero-title{letter-spacing:-1.5px;margin-bottom:24px;font-size:clamp(2.4rem,7.5vw,4.2rem)}.hero-badge{max-width:100%;margin-bottom:28px;padding:8px 16px}.hero-link-badge{word-break:break-word;white-space:normal;line-height:1.45}.hero-description{margin-bottom:36px;font-size:1rem;line-height:1.7}.hero-stats{gap:0}.stat-num{font-size:1.6rem}.stat-divider{margin:0 16px}.scroll-indicator{display:none}}@media (max-width:480px){.hero{padding:95px 16px 75px}.hero-title{letter-spacing:-1px;margin-bottom:20px;font-size:clamp(2.05rem,8vw,2.75rem)}.hero-badge{letter-spacing:1px;margin-bottom:24px;padding:6px 12px;font-size:11px}.hero-description{margin-bottom:28px;font-size:.92rem;line-height:1.65}.hero-actions{flex-direction:column;gap:12px;width:100%;margin-bottom:36px}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;min-height:48px;padding:14px 20px}.hero-stats{justify-content:space-between;width:100%}.stat-num{font-size:1.4rem}.stat-label{letter-spacing:1.5px;font-size:10px}.stat-divider{margin:0 8px}}
.metrics{background:linear-gradient(#0000 0%,#ff6b350a 50%,#0000 100%);padding:120px 40px;position:relative;overflow:hidden}.metrics-scanner{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ff6b3500 15%,#ff6b35cc 50%,#4fc3f799 65%,#0000 100%);height:2px;animation:2.4s ease-in-out forwards scan-line;position:absolute;left:0;right:0;box-shadow:0 0 24px #ff6b3599}.metrics-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid;position:relative}.metric-card{text-align:center;border:1px solid #ffffff14;border-radius:24px;padding:44px 32px 40px;transition:border-color .3s;position:relative;overflow:hidden}.metric-card:hover{border-color:rgba(var(--card-color), .4)}.metric-icon{width:56px;height:56px;color:var(--card-color);filter:drop-shadow(0 0 8px var(--card-color));transition:transform .3s var(--ease-spring);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.metric-card:hover .metric-icon{transform:scale(1.12)rotate(-5deg)}.metric-number{color:var(--card-color);text-shadow:0 0 40px var(--card-color);filter:drop-shadow(0 0 16px var(--card-color));justify-content:center;align-items:flex-start;margin-bottom:12px;font-size:3.4rem;font-weight:900;line-height:1;display:flex}.metric-suffix{opacity:.85;margin-top:4px;margin-left:2px;font-size:1.8rem;font-weight:700}.metric-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);font-size:13px;font-weight:600}.metric-glow{background:var(--card-color);opacity:.12;filter:blur(30px);pointer-events:none;border-radius:50%;width:120px;height:80px;transition:opacity .3s;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.metric-card:hover .metric-glow{opacity:.25}.metric-accent-line{background:var(--card-color);opacity:.7;height:2px;box-shadow:0 0 10px var(--card-color);border-radius:0 0 2px 2px;position:absolute;top:0;left:20%;right:20%}@media (max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.metrics{padding:80px 20px}.metrics-grid{grid-template-columns:1fr 1fr;gap:14px}.metric-card{padding:28px 16px}.metric-number{font-size:2.2rem}}@media (max-width:480px){.metrics{padding:60px 16px}.metrics-grid{gap:10px}.metric-card{border-radius:16px;padding:22px 10px}.metric-number{font-size:1.9rem}.metric-suffix{font-size:1.2rem}.metric-label{letter-spacing:1px;font-size:10px}.metric-icon{width:44px;height:44px;margin-bottom:14px}}