.hero-section{background:linear-gradient(160deg,#f8fafc 0%,#f0f4fa 40%,#dce5f0 70%,#f8fafc 100%) 0 0/400% 400%;padding:140px 24px 100px;animation:12s infinite gradient-shift;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#1e3a5f0f 0%,#0000 50%),radial-gradient(circle at 80% 20%,#1e3a5f0a 0%,#0000 50%),radial-gradient(circle,#3b82f608 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-section:after{content:"";pointer-events:none;background-image:linear-gradient(#1e3a5f0a 1px,#0000 1px),linear-gradient(90deg,#1e3a5f0a 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:absolute;top:0;left:0}.hero-glow{filter:blur(80px);pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.hero-glow-1{background:radial-gradient(circle,#1e3a5f1f 0%,#0000 70%);width:400px;height:400px;animation-delay:0s;top:-100px;right:-100px}.hero-glow-2{background:radial-gradient(circle,#3b82f614 0%,#0000 70%);width:300px;height:300px;animation-delay:-4s;bottom:-50px;left:-80px}.hero-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-badge{color:var(--color-brand-600);background:#1e3a5f0f;border:1px solid #1e3a5f1a;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:14px;font-weight:500;animation:3s infinite pulse-glow;display:inline-flex}.badge-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #10b98166}50%{opacity:.7;box-shadow:0 0 0 8px #10b98100}}.hero-title{letter-spacing:-1.5px;background:linear-gradient(135deg,#0f172a 0%,#162d4a 50%,#1e3a5f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:var(--color-neutral-900)!important;margin-bottom:24px!important;font-size:56px!important;font-weight:800!important;line-height:1.1!important}.hero-description{max-width:640px;margin-left:auto;margin-right:auto;color:var(--color-neutral-500)!important;margin-bottom:40px!important;font-size:20px!important;line-height:1.7!important}.hero-actions{justify-content:center;align-items:center;gap:16px;margin-bottom:48px;display:flex}.hero-cta-sub-text{font-size:var(--font-size-sm);color:var(--color-neutral-400);text-align:center;margin-bottom:32px}.live-counter{color:var(--color-neutral-500);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border-default);background:#f8fafccc;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;margin-bottom:48px;margin-left:auto;margin-right:auto;padding:8px 20px;font-size:14px;display:flex}.live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #10b98180}50%{opacity:.7;box-shadow:0 0 0 6px #10b98100}}.live-amount{font-family:var(--font-family-num);color:var(--color-brand-500);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:700}.hero-btn-primary{position:relative;overflow:hidden;height:54px!important;font-size:var(--font-size-base)!important;font-weight:var(--font-weight-semibold)!important;border-radius:var(--radius-md)!important;background:var(--color-brand-600)!important;transition:all var(--transition-base)!important;border:none!important;padding:0 36px!important;box-shadow:0 4px 20px #1e3a5f4d!important}.hero-btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}.hero-btn-primary:hover{transform:translateY(-2px);background:var(--color-brand-700)!important;box-shadow:0 6px 28px #1e3a5f66!important}.hero-btn-secondary{height:54px!important;font-size:var(--font-size-base)!important;font-weight:var(--font-weight-medium)!important;border-radius:var(--radius-md)!important;border-color:var(--color-neutral-200)!important;color:var(--color-neutral-600)!important;transition:all var(--transition-base)!important;background:var(--color-neutral-0)!important;padding:0 36px!important}.hero-btn-secondary:hover{border-color:var(--color-brand-300)!important;color:var(--color-brand-600)!important;background:var(--color-brand-50)!important;box-shadow:0 2px 12px #1e3a5f1a!important}.hero-stats{flex-wrap:wrap;justify-content:center;gap:72px;display:flex}.hero-stat-item{text-align:center;position:relative}.hero-stat-item:not(:last-child):after{content:"";background:var(--color-neutral-200);width:1px;height:40px;position:absolute;top:50%;right:-36px;transform:translateY(-50%)}.stat-value{color:var(--color-neutral-900);font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:40px;font-weight:800;line-height:1.1}.stat-label{font-size:var(--font-size-sm);color:var(--color-neutral-500);font-weight:var(--font-weight-medium);letter-spacing:.3px}.live-counter{color:var(--color-neutral-600);border:1px solid var(--color-neutral-100);background:#f8fafc;border-radius:999px;align-items:center;gap:8px;margin-top:32px;padding:8px 20px;font-size:14px;display:inline-flex}.live-dot{background:var(--color-success);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse}.live-counter .num-mono{font-family:var(--font-family-num);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);font-variant-numeric:tabular-nums}.section{padding:120px 24px}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:72px}.section-subtitle{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-brand-500);text-transform:uppercase;letter-spacing:1.5px;background:#1e3a5f0f;border-radius:100px;margin-bottom:16px;padding:4px 14px;display:inline-block}.section-title{letter-spacing:-.5px;color:var(--color-neutral-900)!important;margin-bottom:16px!important;font-size:42px!important;font-weight:700!important}.section-description{max-width:560px;color:var(--color-neutral-500)!important;margin:0 auto!important;font-size:18px!important}.capabilities-section{background:radial-gradient(ellipse 80% 60% at 50% -20%, #1e3a5f05, transparent), var(--color-neutral-0)}.capabilities-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.capability-card{background:var(--color-neutral-0);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);transition:all var(--transition-slow);padding:36px 32px;position:relative;overflow:hidden}.capability-card:before{content:"";background:linear-gradient(90deg, var(--color-brand-500), var(--color-brand-400));transform-origin:0;height:3px;transition:transform var(--transition-slow);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.capability-card:hover:before{transform:scaleX(1)}.capability-card:hover{border-color:var(--color-brand-100);transform:translateY(-4px);box-shadow:0 12px 40px #1e3a5f0f}.capability-icon{background:linear-gradient(135deg, var(--color-brand-50), var(--color-brand-100));border-radius:var(--radius-lg);width:52px;height:52px;color:var(--color-brand-600);transition:all var(--transition-base);justify-content:center;align-items:center;margin-bottom:20px;font-size:24px;display:flex}.capability-card:hover .capability-icon{background:linear-gradient(135deg, var(--color-brand-500), var(--color-brand-600));color:var(--color-neutral-0);transform:scale(1.05)}.capability-title{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:8px}.capability-desc{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin:0;line-height:1.6}.features-section{background:var(--color-neutral-50)}.feature-card{text-align:center;background:var(--color-neutral-0);border-radius:var(--radius-xl);border:1px solid var(--color-border-default);transition:all var(--transition-slow);height:100%;padding:44px 28px}.feature-card:hover{border-color:var(--color-brand-100);transform:translateY(-6px);box-shadow:0 16px 48px #1e3a5f0f}.feature-icon-wrapper{margin-bottom:28px}.feature-icon{background:linear-gradient(135deg, var(--color-brand-50), var(--color-brand-100));border-radius:var(--radius-xl);width:68px;height:68px;color:var(--color-brand-600);transition:all var(--transition-base);justify-content:center;align-items:center;margin:0 auto;font-size:30px;display:flex}.feature-card:hover .feature-icon{background:linear-gradient(135deg, var(--color-brand-500), var(--color-brand-600));color:var(--color-neutral-0);transform:scale(1.08)}.feature-title{font-size:19px;font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:14px}.feature-desc{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin:0;line-height:1.65}.process-section{background:radial-gradient(ellipse 80% 60% at 50% -20%, #1e3a5f05, transparent), var(--color-neutral-0)}.process-steps{grid-template-columns:repeat(4,1fr);gap:32px;max-width:1000px;margin:0 auto;display:grid}.process-step{text-align:center;padding:36px 16px;position:relative}.process-step:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--color-brand-400), transparent);width:32px;height:2px;position:absolute;top:60px;right:-16px}.step-number{background:var(--color-brand-600);width:52px;height:52px;color:var(--color-neutral-0);font-size:18px;font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex;box-shadow:0 4px 16px #1e3a5f33}.step-icon{color:var(--color-brand-500);margin-bottom:20px;font-size:36px}.step-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:8px}.step-desc{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin:0}.developer-section{background:var(--color-neutral-50)}.developer-card{background:var(--color-neutral-0);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);height:100%;transition:all var(--transition-slow);padding:36px}.developer-card:hover{border-color:var(--color-brand-100);transform:translateY(-4px);box-shadow:0 12px 40px #1e3a5f0d}.dev-icon{background:linear-gradient(135deg, var(--color-brand-50), var(--color-brand-100));border-radius:var(--radius-lg);width:56px;height:56px;color:var(--color-brand-600);transition:all var(--transition-base);justify-content:center;align-items:center;margin-bottom:20px;font-size:24px;display:flex}.developer-card:hover .dev-icon{background:linear-gradient(135deg, var(--color-brand-500), var(--color-brand-600));color:var(--color-neutral-0)}.dev-title{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:12px}.dev-desc{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin:0;line-height:1.7}.cta-section{background:linear-gradient(135deg, var(--color-brand-600), var(--color-brand-800));padding:120px 24px;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 70%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#1e3a5f26 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.cta-container{text-align:center;z-index:1;max-width:600px;margin:0 auto;position:relative}.cta-title{letter-spacing:-.5px;color:var(--color-neutral-0)!important;margin-bottom:16px!important;font-size:44px!important;font-weight:700!important}.cta-desc{color:#ffffffd9!important;margin-bottom:44px!important;font-size:18px!important}.cta-btn{height:54px!important;font-size:var(--font-size-base)!important;font-weight:var(--font-weight-semibold)!important;border-radius:var(--radius-md)!important;background:var(--color-neutral-0)!important;border-color:var(--color-neutral-0)!important;color:var(--color-brand-600)!important;transition:all var(--transition-base)!important;padding:0 36px!important;box-shadow:0 4px 20px #00000026!important}.cta-btn:hover{transform:translateY(-2px);background:var(--color-neutral-50)!important;border-color:var(--color-neutral-50)!important;box-shadow:0 6px 28px #00000040!important}.cta-btn-secondary{height:54px!important;font-size:var(--font-size-base)!important;font-weight:var(--font-weight-medium)!important;border-radius:var(--radius-md)!important;color:var(--color-neutral-0)!important;transition:all var(--transition-base)!important;background:0 0!important;border-color:#ffffff4d!important;padding:0 36px!important}.cta-btn-secondary:hover{background:#ffffff1a!important;border-color:#fff9!important}@media (max-width:1024px){.hero-title{font-size:44px!important}.hero-description{font-size:18px!important}.section-title{font-size:32px!important}.section-description{font-size:17px!important}.capabilities-grid{grid-template-columns:repeat(2,1fr)}.process-steps{grid-template-columns:repeat(2,1fr);gap:24px}.process-step:not(:last-child):after{display:none}}@media (max-width:768px){.hero-section{padding:100px 16px 72px}.hero-title{margin-bottom:20px!important;font-size:36px!important}.hero-description{margin-bottom:36px!important;font-size:16px!important}.hero-actions{margin-bottom:60px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.hero-stat-item{border-radius:var(--radius-lg);text-align:center;border:1px solid var(--color-border-default);background:#fffc;padding:24px 16px}.hero-stat-item:after{display:none!important}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn-cta.ant-btn-primary,.hero-actions .btn-cta-outline.ant-btn-default{justify-content:center;width:100%;height:50px}.hero-badge{margin-bottom:24px;padding:6px 14px;font-size:12px}.hero-cta-sub-text{margin-bottom:24px;font-size:13px}.stat-value{font-size:30px}.stat-label{font-size:13px}.section{padding:72px 16px}.section-header{margin-bottom:44px}.section-title{font-size:28px!important}.section-description{font-size:16px!important}.capabilities-grid{grid-template-columns:1fr;gap:16px}.capability-card{padding:28px 24px}.capability-title{font-size:16px}.features-section .feature-card{padding:32px 20px}.features-section .feature-icon-wrapper{margin-bottom:20px}.features-section .feature-icon{width:56px;height:56px;font-size:24px}.features-section .feature-title{font-size:17px}.live-counter{margin-bottom:36px;padding:6px 16px;font-size:13px}.process-steps{grid-template-columns:1fr;max-width:320px}.process-step{padding:24px 16px}.process-step:after{display:none!important}.developer-card{padding:28px 24px}.cta-section{padding:72px 16px}.cta-title{font-size:30px!important}.cta-section .ant-space{flex-direction:column;width:100%}.cta-btn,.cta-btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.hero-section{padding:72px 12px 56px}.hero-title{font-size:30px!important}.hero-description{font-size:15px!important}.hero-stats{gap:12px}.hero-stat-item{padding:18px 12px}.stat-value{font-size:24px}.stat-label{font-size:12px}.capability-card{padding:24px}.features-section .feature-card{padding:28px 16px}.features-section .feature-icon-wrapper{margin-bottom:16px}.features-section .feature-icon{width:48px;height:48px;font-size:20px}.features-section .feature-title{font-size:16px}.features-section .feature-desc{font-size:13px}.hero-badge{padding:4px 12px;font-size:11px}.hero-cta-sub-text{font-size:12px}.hero-actions .btn-cta.ant-btn-primary,.hero-actions .btn-cta-outline.ant-btn-default{height:46px;font-size:15px}.live-counter{padding:6px 14px;font-size:12px}.developer-card{padding:24px 16px}.dev-title{font-size:16px}.dev-desc{font-size:13px}.process-step{padding:20px 12px}.cta-section{padding:56px 12px}.cta-title{font-size:26px!important}.cta-desc{font-size:15px!important}}