.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(160deg,#f0fdf6 0%,#ecfeff 25%,#f8fafc 55%,#f1f5f9 100%);}.hero-bg{position:absolute;inset:0;z-index:1;pointer-events:none;}.hero-bg .bg-blob{position:absolute;border-radius:50%;filter:blur(80px);}.hero-bg .bg-blob:nth-child(1){width:500px;height:500px;top:-150px;right:-100px;background:rgba(5,150,105,0.06);animation:blob-drift 12s ease-in-out infinite;}.hero-bg .bg-blob:nth-child(2){width:400px;height:400px;bottom:-100px;left:-80px;background:rgba(37,99,235,0.04);animation:blob-drift 14s ease-in-out infinite reverse;}.hero-bg .bg-blob:nth-child(3){width:300px;height:300px;top:30%;left:50%;background:rgba(6,182,212,0.03);animation:blob-drift 10s ease-in-out infinite 2s;}@keyframes blob-drift{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(30px,-20px) scale(1.05);}66%{transform:translate(-20px,15px) scale(0.95);}}.hero-content{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:0 24px;}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:center;}.hero-grid .hero-visual{display:none;}}.hero-text{max-width:540px;}@media (max-width:1024px){.hero-text{max-width:100%;margin:0 auto;}}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;background:#fff;border:1px solid var(--border);font-size:0.8rem;font-weight:600;color:var(--primary);margin-bottom:20px;box-shadow:var(--shadow-sm);animation:fadeUp 0.6s ease both;}.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:badge-pulse 2s infinite;}@keyframes badge-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.2;transform:scale(1.5);}}.hero-title{font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:900;letter-spacing:-0.03em;line-height:1.12;margin-bottom:20px;color:var(--text);animation:fadeUp 0.6s 0.1s ease both;}.hero-title .gradient-text{background:linear-gradient(135deg,#059669,#10b981,#06b6d4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:hero-grad-shift 4s ease infinite;}@keyframes hero-grad-shift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}.hero-desc{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;margin-bottom:32px;animation:fadeUp 0.6s 0.2s ease both;}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp 0.6s 0.3s ease both;}@media (max-width:1024px){.hero-buttons{justify-content:center;}}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;animation:slideInRight 0.8s 0.3s ease both;perspective:1200px;}.hero-dashboard-wrap{width:100%;max-width:560px;cursor:default;transition:transform 0.15s ease-out;transform-style:preserve-3d;will-change:transform;}.hero-dashboard-wrap svg{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 60px rgba(0,0,0,0.08));}@keyframes bar-grow{from{transform:scaleY(0);}to{transform:scaleY(1);}}@keyframes chart-line{from{stroke-dashoffset:1000;}to{stroke-dashoffset:0;}}@keyframes num-pop{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}@keyframes arc-fill{from{stroke-dashoffset:314;}to{stroke-dashoffset:0;}}@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.3;}}@keyframes dot-fly{from{opacity:0;}to{opacity:1;}}@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}@keyframes slideInRight{from{opacity:0;transform:translateX(40px);}to{opacity:1;transform:translateX(0);}}.stats-section{padding:0 24px;margin-top:-60px;position:relative;z-index:3;}.stats-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}.stat-card{background:#fff;border-radius:var(--radius);padding:30px 24px;text-align:center;box-shadow:var(--shadow);border:1px solid var(--border-light);transition:all 0.4s;position:relative;overflow:hidden;}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#059669,#10b981,#34d399);transform:scaleX(0);transform-origin:left;transition:transform 0.5s;}.stat-card:hover::before{transform:scaleX(1);}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.stat-icon{font-size:1.5rem;margin-bottom:10px;color:var(--primary);}.stat-value{font-size:2.2rem;font-weight:800;color:var(--text);}.stat-value span{font-size:0.9rem;font-weight:600;color:var(--text-muted);margin-left:2px;}.stat-label{font-size:0.82rem;color:var(--text-secondary);margin-top:2px;}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);}.stats-section{margin-top:-30px;}}.scroll-reveal{opacity:0;transform:translateY(40px);transition:all 0.7s ease;}.scroll-reveal.visible{opacity:1;transform:translateY(0);}