.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--gradient-purple-hero)}.hero-background{position:absolute;inset:0;z-index:1}.gradient-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:pulse 4s ease-in-out infinite}.gradient-orb-1{top:10%;left:20%;width:min(300px,25vw);height:min(300px,25vw);background:linear-gradient(45deg,var(--purple-primary),var(--purple-light));animation-delay:0s}.gradient-orb-2{bottom:20%;right:30%;width:min(250px,20vw);height:min(250px,20vw);background:linear-gradient(45deg,var(--purple-secondary),var(--purple-tertiary));animation-delay:2s}.gradient-orb-3{top:40%;left:60%;width:min(200px,18vw);height:min(200px,18vw);background:linear-gradient(45deg,var(--purple-light),var(--purple-accent));animation-delay:1s}.grid-pattern{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 0);background-size:min(50px,8vw) min(50px,8vw)}.floating-particle{position:absolute;width:clamp(6px,1vw,8px);height:clamp(6px,1vw,8px);background:rgba(255,255,255,.7);border-radius:50%;animation:float 3s ease-in-out infinite}.particle-1{top:25%;right:25%;animation-delay:0s}.particle-2{bottom:30%;left:20%;animation-delay:1s}.particle-3{top:60%;right:15%;animation-delay:2s}.hero-container{position:relative;z-index:2;max-width:min(80rem,90vw);margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,1.5rem) clamp(1rem,3vw,2rem);text-align:center;min-height:100vh;justify-content:center}.hero-container,.hero-text{display:flex;flex-direction:column;align-items:center}.hero-text{gap:clamp(1rem,3vw,2rem);margin-bottom:clamp(2rem,5vw,4rem);width:100%}.hero-badge{display:inline-flex;margin-top:clamp(20px,5vw,40px)}.badge-text{display:inline-block;padding:clamp(.375rem,1.5vw,.5rem) clamp(.75rem,2vw,1rem);background:rgb(250,248,255);color:var(--purple-tertiary)!important;border:1px solid var(--purple-accent-30);border-radius:9999px;font-size:clamp(.75rem,2vw,.875rem);font-weight:500;white-space:nowrap;margin-top:20px}.hero-heading{margin:0;width:100%}.heading-text{font-size:clamp(2rem,6vw,3.5rem);font-weight:400;line-height:1.1;color:var(--text-primary);margin:0;hyphens:auto;word-wrap:break-word}.heading-line{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.hero-description{max-width:min(36rem,85vw);width:100%}.description-text{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;color:var(--text-secondary);margin:0;text-align:center;opacity:.9}.hero-cta{display:flex;width:100%;justify-content:center}.cta-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px var(--purple-primary-30);background:var(--purple-tertiary)}.cta-text{position:relative;z-index:3}.cta-background{position:absolute;inset:0;background:var(--purple-secondary);opacity:0;transition:opacity .3s ease;z-index:1}.cta-button:hover .cta-background{opacity:1}.cta-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translateX(-100%);transition:transform .6s ease;z-index:2}.cta-button:hover .cta-shimmer{transform:translateX(100%)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;gap:clamp(1rem,3vw,2rem);min-height:clamp(250px,35vw,300px);width:100%;max-width:100%;flex-wrap:wrap}.dashboard-card{position:relative;backdrop-filter:blur(20px);border-radius:clamp(.75rem,2vw,1rem);border:1px solid var(--purple-light-20);box-shadow:0 25px 50px var(--purple-dark-20);overflow:hidden;flex:1 1 300px;max-width:min(350px,90vw);min-width:min(280px,85vw);animation:fadeInUp .8s ease-out .5s forwards;opacity:0}.card-background{position:absolute;inset:0;background:rgba(255,255,255,.1);backdrop-filter:blur(20px)}.card-glow{position:absolute;inset:-2px;background:var(--gradient-purple-card);border-radius:inherit;opacity:0;filter:blur(20px);z-index:-1;transition:opacity .3s ease}.dashboard-card:hover .card-glow{opacity:.6}.main-card{height:clamp(180px,25vw,220px);z-index:2}.card-content{position:relative;z-index:2;padding:clamp(1rem,3vw,1.5rem);height:100%}.secondary-card{height:clamp(180px,25vw,220px);z-index:2}.chart-header{margin-bottom:1rem;text-align:center}.chart-header h3{font-size:.9rem;font-weight:600;color:var(--purple-dark);margin:0;letter-spacing:.5px}.chart-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.chart-svg{overflow:visible;filter:drop-shadow(0 4px 20px rgba(0,0,0,.1))}.bar-animate{opacity:0;animation:barGrow .8s ease-out forwards}@keyframes barGrow{0%{opacity:0;transform:scaleY(0);transform-origin:bottom}to{opacity:1;transform:scaleY(1)}}.chart-label-text{font-weight:600}.area-animate{opacity:0;animation:areaFadeIn 1s ease-out .3s forwards}.line-animate{stroke-dasharray:1000;stroke-dashoffset:1000;animation:lineDrawIn 1.5s ease-out .5s forwards}.dot-animate{opacity:0;transform:scale(0);animation:dotPopIn .4s ease-out forwards}@keyframes areaFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lineDrawIn{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes dotPopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.donut-slice{opacity:0;transform-origin:center;animation:donutSliceIn .6s ease-out forwards;transition:all .3s ease;cursor:pointer}.donut-slice:hover{filter:brightness(1.1);transform:scale(1.05)}@keyframes donutSliceIn{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.donut-center{opacity:0;animation:fadeIn .5s ease-out 1s forwards}.donut-text{opacity:0;animation:fadeIn .5s ease-out 1.2s forwards}.progress-circle{transition:stroke-dashoffset 1.5s ease-out;animation:progressGrow 2s ease-out forwards}@keyframes progressGrow{0%{stroke-dashoffset:377}}.progress-text{opacity:0;animation:fadeIn .5s ease-out 1s forwards}.wave-bar{opacity:0;transform:scaleY(0);transform-origin:center;animation:waveGrow .6s ease-out forwards}@keyframes waveGrow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.floating-chart{position:absolute;opacity:0;animation:floatIn .8s ease-out forwards}.chart-1{top:-60px;left:-80px;animation-delay:1s}.chart-2{top:-40px;right:-70px;animation-delay:1.2s}.chart-3{bottom:-50px;left:-60px;animation-delay:1.4s}.chart-4{bottom:-40px;right:-80px;animation-delay:1.6s}.chart-card{backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.2);padding:0;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .3s ease}.chart-card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 20px 50px rgba(0,0,0,.2)}.chart-title{font-size:.75rem;font-weight:600;color:var(--purple-dark);text-align:center;margin:0}@keyframes floatIn{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.floating-element{position:absolute;border-radius:50%;background:rgba(255,255,255,.5);backdrop-filter:blur(10px);animation:floatSlow 4s ease-in-out infinite;z-index:1}.floating-element-1{top:-20px;right:-20px;width:clamp(30px,6vw,40px);height:clamp(30px,6vw,40px);animation-delay:0s}.floating-element-2{bottom:-15px;left:-15px;width:clamp(24px,5vw,32px);height:clamp(24px,5vw,32px);animation-delay:1s}.floating-element-3{top:50%;left:-30px;width:clamp(18px,4vw,24px);height:clamp(18px,4vw,24px);animation-delay:2s}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(180deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero-visual{max-width:100%;gap:1.5rem;position:relative}.main-card,.secondary-card{max-width:320px;height:200px}.gradient-orb{filter:blur(40px)}.floating-chart{position:relative;top:auto;left:auto;right:auto;bottom:auto;margin:10px;opacity:1;animation:none}.chart-card{animation:none}}@media (max-width:768px){.hero-section{min-height:100vh;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,15px 100%,0 calc(100% - 5px),0 5px)}.hero-container{padding:2rem 1rem;min-height:calc(100vh - 60px);justify-content:center;gap:2rem}.hero-text{margin-bottom:2rem;gap:1.5rem}.hero-visual{flex-direction:column;gap:1.5rem;align-items:center;min-height:auto}.main-card,.secondary-card{width:min(320px,90vw);height:180px;margin:0;flex:none}.floating-chart{position:relative;top:auto;left:auto;right:auto;bottom:auto;margin:5px;opacity:1;animation:none}.chart-card{padding:12px;animation:none}.chart-title{font-size:.7rem}.floating-element{display:none}.gradient-orb{filter:blur(30px);opacity:.3}}@media (max-width:480px){.hero-section{clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,10px 100%,0 calc(100% - 3px),0 3px)}.hero-container{padding:1.5rem .75rem;min-height:calc(90vh - 60px)}.hero-text{gap:1rem}.main-card,.secondary-card{width:min(280px,95vw);height:160px}.card-content{padding:.75rem}.gradient-orb-1,.gradient-orb-2,.gradient-orb-3{display:none}.grid-pattern{background-size:30px 30px}.floating-chart{margin:3px}.chart-card{padding:8px}.chart-title{font-size:.65rem}}@media (max-width:360px){.main-card,.secondary-card{width:calc(100vw - 2rem);height:140px}.hero-container{padding:1rem .5rem}.badge-text{font-size:.75rem;padding:.25rem .75rem}}@media (max-height:500px) and (orientation:landscape){.hero-container,.hero-section{min-height:100vh}.hero-container{justify-content:center;padding:1rem}.hero-text{margin-bottom:1rem;gap:.75rem}.hero-visual{flex-direction:row;gap:1rem;min-height:auto}.main-card,.secondary-card{height:140px;width:250px}.floating-chart{position:relative;margin:5px}}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 35px 70px var(--purple-dark-30)}.bar-animate:hover{filter:brightness(1.2);transform:scaleY(1.05)}.donut-slice:hover{transform:scale(1.1)}.donut-slice:hover,.progress-circle:hover,.wave-bar:hover{filter:brightness(1.2)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.dashboard-card{border:2px solid}.chart-svg{filter:contrast(1.2)}}.cta-button{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,4vw,2rem);background:var(--purple-dark);color:white;border:none;border-radius:9999px;font-size:clamp(1rem,2.5vw,1.125rem);font-weight:600;cursor:pointer;overflow:hidden;transition:all .3s ease;z-index:1;min-width:140px;white-space:nowrap;text-decoration:none}.cta-link .cta-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px var(--purple-primary-30);background:var(--purple-tertiary)}.cta-link .cta-button:active{transform:translateY(0)}