.animated-component2{transition:opacity .5s ease-out,transform .5s ease-out}.animated-component2,.slide-out{opacity:0;transform:translateY(-100%)}.fade-in{opacity:1;transform:translateY(0)}@keyframes slide-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-in2{0%{transform:translateX(-200%)}to{transform:translateX(-100%)}}@keyframes slide-out{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animated-componentslidein{opacity:0;animation:slide-in 1s ease-in-out}.animated-componentslidein.visible{opacity:1}.animated-componentslidein2{opacity:0;animation:slide-in 1s ease-in-out}.animated-componentslidein2.visible{opacity:1}.animated-componentslideout{opacity:0;animation:slide-out 1s ease-in-out}.animated-componentslideout.visible{opacity:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.animated-componentpulse{opacity:0;animation:pulse 1s ease-in-out infinite}.animated-componentpulse.visible{opacity:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.animated-componentrotate{opacity:0;animation:rotate 2s linear infinite}.animated-componentrotate.visible{opacity:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.animated-componentbounce{opacity:0;animation:bounce 1s ease-in-out}.animated-componentbounce.visible{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animated-componentfade-in{opacity:0;animation:fadeIn 1s ease-in-out}.animated-componentfade-in.visible{opacity:1}.slide-down{max-height:0;overflow:hidden;transition:max-height .5s ease-out}.slide-down.visible{max-height:1000px}.animated-component{opacity:0;transform:translateY(-20px);transition:opacity .5s ease,transform .5s ease}.visible{opacity:1;transform:translateY(0)}.hero-section{isolation:isolate}.hero-section-bg,.hero-section-overlay{position:absolute;inset:0;pointer-events:none}.hero-section-bg{background-image:var(--hero-bg-image);background-position:50%;background-size:cover;opacity:.88;filter:saturate(1.04) contrast(1.06) brightness(.92);transform:scale(1.02)}.hero-section-overlay{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.6) 28%,rgba(0,0,0,.3) 62%,rgba(0,0,0,.3));backdrop-filter:blur(1.5px)}.hero-surface{width:100%;max-width:none;border-radius:0;background:transparent}.hero-row{position:relative;z-index:1;display:flex;flex-wrap:wrap}@media (min-width:992px){.hero-row{flex-direction:row}.hero-image-col{order:1}.hero-text-col{order:0}}@media (max-width:991px){.hero-row{flex-direction:column}.hero-image-col{order:-1;margin-bottom:40px}.hero-text-col{order:0}}.hero-images{position:relative;width:100%;display:flex;justify-content:center;align-items:center;min-height:auto}.dashboard-image-wrapper{position:relative;width:85%;margin-right:auto;border-radius:12px;overflow:hidden;z-index:1;transition:transform .4s ease}.dashboard-image-wrapper:hover{transform:translateY(-5px)}.dashboard-img{width:100%;height:auto;display:block}.mobile-image-wrapper{position:absolute;right:12%;bottom:0;width:20%;min-width:100px;border-radius:12px;padding:0;background:transparent;border:4px solid #ffffff;box-shadow:0 15px 35px rgba(0,0,0,.2);z-index:2;transition:transform .4s ease}.mobile-image-wrapper:hover{transform:translateY(-8px)}.mobile-img{width:100%;border-radius:8px;display:block}@media (max-width:991px){.dashboard-image-wrapper{width:90%;margin-right:auto}}@media (max-width:768px){.dashboard-image-wrapper{width:95%}.mobile-image-wrapper{width:25%;min-width:100px}.main-heading{font-size:36px!important}.hero-description{font-size:16px!important;max-width:100%!important}.hero-buttons{flex-direction:column;gap:12px!important}.hero-buttons a{text-align:center}.hero-stats{gap:24px!important}.stat-value{font-size:24px!important}}.main-heading{font-size:50px;line-height:1.2;color:#ffffff;margin-bottom:24px;font-weight:800;letter-spacing:-1px}.main-heading span{background:linear-gradient(135deg,#ffffff,#e2e8f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{color:#f1f5f9;font-size:19px;line-height:1.8;margin-bottom:45px;max-width:95%;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero-buttons{display:flex;gap:16px;margin-bottom:55px;flex-wrap:wrap}.btn-primary{padding:16px 36px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#ffffff;text-decoration:none;border-radius:99px;font-weight:600;font-size:16px;box-shadow:0 10px 20px -5px rgba(37,99,235,.4);transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 25px -5px rgba(37,99,235,.5);color:#ffffff}.btn-secondary{padding:16px 36px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);color:#334155;text-decoration:none;border-radius:99px;font-weight:600;font-size:16px;border:1px solid rgba(203,213,225,.8);box-shadow:0 4px 10px rgba(0,0,0,.03);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#ffffff;border-color:#94a3b8;transform:translateY(-3px);color:#0f172a;box-shadow:0 10px 20px rgba(0,0,0,.06)}.hero-stats{display:flex;gap:48px;flex-wrap:wrap;margin-top:20px}.stat-item{display:flex;flex-direction:column;gap:6px}.stat-value{color:#ffffff;font-weight:700;font-size:34px;margin:0;line-height:1;letter-spacing:-.5px}.stat-label{color:#cbd5e1;font-size:15px;font-weight:500;letter-spacing:0}