:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-secondary:#ec4899;--color-secondary-dark:#db2777;--color-accent:#14b8a6;--color-accent-dark:#0d9488;--color-bg:#ffffff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-text:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--bg-color:var(--color-bg);--text-color:var(--color-text);--title-bar-bg:var(--color-bg);--title-bar-text:var(--color-text);--card-bg-color:var(--color-bg);--border-color:var(--color-border);--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1);--shadow-glow:0 0 40px rgba(99, 102, 241, 0.15);--motion-duration-fast:0.16s;--motion-duration-base:0.28s;--motion-duration-slow:0.6s;--motion-ease:cubic-bezier(0.22, 1, 0.36, 1);--motion-ease-emphasized:cubic-bezier(0.34, 1.56, 0.64, 1)}[data-theme=dark]{--color-bg:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-text:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-border:#334155;--bg-color:var(--color-bg);--text-color:var(--color-text);--title-bar-bg:var(--color-bg);--title-bar-text:var(--color-text);--card-bg-color:var(--color-bg-secondary);--border-color:var(--color-border)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;transition:background-color var(--motion-duration-base) var(--motion-ease),color var(--motion-duration-base) var(--motion-ease);display:flex;flex-direction:column;min-height:100vh}.hero-split{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;align-items:center;gap:60px;padding:0 80px;background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.08) 0,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(20,184,166,.06) 0,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(236,72,153,.05) 0,transparent 50%),linear-gradient(135deg,var(--color-bg) 0,var(--color-bg-secondary) 100%);position:relative;overflow:hidden}.hero-split::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(99,102,241,.03) 60deg,transparent 120deg,rgba(20,184,166,.03) 180deg,transparent 240deg,rgba(236,72,153,.02) 300deg,transparent 360deg);animation:rotate-gradient 45s linear infinite;will-change:transform;pointer-events:none}@keyframes rotate-gradient{to{transform:rotate(360deg)}}.hero-left{padding:60px 0;position:relative;z-index:1}.hero-content-wrapper{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:#fff;border-radius:100px;font-size:.875rem;font-weight:600;margin-bottom:28px;box-shadow:0 4px 15px rgba(99,102,241,.3);position:relative;overflow:hidden}.hero-badge::after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:badge-shimmer 3s ease-in-out infinite}@keyframes badge-shimmer{0%{left:-100%}100%{left:100%}}.hero-title{font-family:"Space Grotesk",sans-serif;font-size:clamp(3rem, 7vw, 5rem);font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-text) 0,var(--color-text) 60%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .hero-title{background:linear-gradient(135deg,#f1f5f9 0,#f1f5f9 60%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:40px;line-height:1.8}.hero-actions{display:flex;gap:20px;align-items:center;margin-bottom:60px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;text-decoration:none;border-radius:14px;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 15px rgba(99,102,241,.3);position:relative;overflow:hidden}.btn-primary::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(99,102,241,.4)}.btn-primary:hover::before{left:100%}.btn-primary i{transition:transform .3s}.btn-primary:hover i{transform:translateX(4px)}.btn-text{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:all .3s;padding:8px 4px;border-radius:8px}.btn-text:hover{color:var(--color-primary);transform:translateY(-1px)}.btn-text:hover i{animation:bounce-down 1s ease infinite}@keyframes bounce-down{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}.hero-stats-mini{display:flex;gap:40px;padding-top:40px;border-top:1px solid var(--color-border)}.stat-mini{display:flex;flex-direction:column;position:relative;padding-left:16px}.stat-mini::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--color-primary),var(--color-accent))}.stat-mini strong{font-size:2rem;font-weight:800;color:var(--color-primary);font-family:"Space Grotesk",sans-serif}.stat-mini span{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.hero-right{position:relative;height:600px;z-index:1}.hero-visual{position:relative;width:100%;height:100%}.floating-card{position:absolute;background:rgba(255,255,255,.8);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);padding:28px;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.08),0 0 0 1px rgba(255,255,255,.5);display:flex;flex-direction:column;gap:12px;animation:float 8s var(--motion-ease) infinite;border:1px solid rgba(255,255,255,.3);will-change:transform;backface-visibility:hidden;transition:transform var(--motion-duration-slow) var(--motion-ease-emphasized),box-shadow var(--motion-duration-slow) var(--motion-ease),border-color var(--motion-duration-base) var(--motion-ease),background-color var(--motion-duration-base) var(--motion-ease)}[data-theme=dark] .floating-card{background:rgba(30,41,59,.8);border-color:rgba(99,102,241,.2);box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px rgba(99,102,241,.1)}.floating-card:hover{transform:translateY(-8px) scale(1.05)!important;box-shadow:0 16px 48px rgba(99,102,241,.2),0 0 0 1px rgba(99,102,241,.3)}.floating-card i{font-size:2rem;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.floating-card p{font-weight:600;color:var(--color-text);margin:0;font-size:.95rem}.card-1{top:10%;left:10%;z-index:3}.card-2{top:40%;right:5%;z-index:2;animation-delay:-2s}.card-3{bottom:15%;left:20%;z-index:1;animation-delay:-4s}@keyframes float{0%,100%{transform:translateY(0) rotate(0) translateZ(0)}50%{transform:translateY(-14px) rotate(1deg) translateZ(0)}}.circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));opacity:.08;animation:scale-pulse 10s var(--motion-ease) infinite;will-change:transform;backface-visibility:hidden}.circle-1{width:300px;height:300px;top:5%;right:10%}.circle-2{width:200px;height:200px;bottom:10%;right:40%;animation-delay:-3s}.circle-3{width:150px;height:150px;top:50%;left:5%;animation-delay:-6s}@keyframes scale-pulse{0%,100%{transform:scale(1) translateZ(0)}50%{transform:scale(1.08) translateZ(0)}}.social-proof{padding:40px 0;background:var(--color-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);overflow:hidden;position:relative}.social-proof::after,.social-proof::before{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.social-proof::before{left:0;background:linear-gradient(90deg,var(--color-bg),transparent)}.social-proof::after{right:0;background:linear-gradient(270deg,var(--color-bg),transparent)}.social-proof-label{text-align:center;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);font-weight:600;margin-bottom:24px}.marquee-track{display:flex;gap:48px;animation:marquee 25s linear infinite;width:max-content}.marquee-item{display:flex;align-items:center;gap:12px;padding:12px 24px;background:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border);white-space:nowrap;flex-shrink:0;transition:all .3s}.marquee-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.marquee-item i{font-size:1.25rem;color:var(--color-primary)}.marquee-item span{font-weight:600;font-size:.95rem;color:var(--color-text)}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.about-diagonal{padding:120px 80px;background:var(--color-bg-secondary);position:relative;overflow:hidden}.about-diagonal::before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent),var(--color-secondary),var(--color-primary));background-size:300% 100%;animation:gradient-flow 4s ease infinite}@keyframes gradient-flow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.about-diagonal::after{content:"";position:absolute;bottom:-200px;right:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.06) 0,transparent 70%);pointer-events:none}.about-content{max-width:700px;margin:0 auto 80px;text-align:center}.section-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:100px;font-size:.8rem;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 15px rgba(99,102,241,.25)}.section-heading{font-family:"Space Grotesk",sans-serif;font-size:clamp(2.5rem, 5vw, 4rem);font-weight:800;line-height:1.2;margin-bottom:24px;color:var(--color-text)}.section-subheading{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.8}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;max-width:1400px;margin:0 auto}.about-card{background:var(--color-bg);padding:40px;border-radius:20px;border:1px solid var(--color-border);transition:all .4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;will-change:transform;backface-visibility:hidden}.about-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.about-card:hover::before{transform:scaleX(1)}.about-card:hover{transform:translateY(-8px) translateZ(0);box-shadow:0 20px 40px rgba(0,0,0,.08),0 0 0 1px rgba(99,102,241,.1);border-color:rgba(99,102,241,.2)}[data-theme=dark] .about-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 1px rgba(99,102,241,.2)}.card-number{position:absolute;top:20px;right:20px;font-family:"Space Grotesk",sans-serif;font-size:4rem;font-weight:900;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.12}.card-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 4px 15px rgba(99,102,241,.25);transition:all .3s}.about-card:hover .card-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 25px rgba(99,102,241,.35)}.card-icon i{font-size:1.5rem;color:#fff}.about-card h3{font-family:"Space Grotesk",sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:12px;color:var(--color-text)}.about-card p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:20px}.card-link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:all .3s;display:inline-flex;align-items:center;gap:4px}.card-link:hover{color:var(--color-primary-dark);gap:8px}.card-badge{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:#fff;border-radius:8px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px rgba(20,184,166,.25)}.stats-circular{padding:120px 80px;background:var(--color-bg);text-align:center;position:relative;overflow:hidden}.stats-circular::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.06) 0,transparent 70%);pointer-events:none}.stats-intro{max-width:600px;margin:0 auto 80px;position:relative;z-index:1}.stats-intro h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(2.5rem, 5vw, 3.5rem);font-weight:800;margin-bottom:16px;color:var(--color-text)}.stats-intro p{font-size:1.25rem;color:var(--color-text-secondary)}.stats-showcase{display:flex;justify-content:center;gap:80px;flex-wrap:wrap;position:relative;z-index:1}.stat-circle{--ring-size:200px;position:relative;width:var(--ring-size);height:var(--ring-size);display:flex;align-items:center;justify-content:center;margin-inline:auto;will-change:transform;backface-visibility:hidden;transition:transform .3s}.stat-circle:hover{transform:scale(1.08)}.progress-ring{width:100%;height:100%;display:block;overflow:visible;transform:rotate(-90deg) translateZ(0);filter:drop-shadow(0 4px 12px rgba(99, 102, 241, .2))}.progress-ring-bg{fill:none;stroke:var(--color-bg-tertiary);stroke-width:10}.progress-ring-fill{fill:none;stroke:url(#gradient);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 2s ease-in-out}.stat-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);text-align:center;width:72%}.stat-value{font-family:"Space Grotesk",sans-serif;font-size:2.5rem;font-weight:900;line-height:1.05;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.stat-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500;line-height:1.35;margin:0 auto}.cta-modern{display:grid;grid-template-columns:1fr 1fr;min-height:600px;background:linear-gradient(135deg,var(--color-primary),#7c3aed,var(--color-primary-dark));color:#fff;position:relative;overflow:hidden}.cta-modern::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(236,72,153,.15) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(20,184,166,.15) 0,transparent 50%);pointer-events:none}.cta-visual{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(255,255,255,.03)}.cta-shape{position:absolute;border-radius:50%;background:rgba(255,255,255,.08);animation:float-shapes 14s var(--motion-ease) infinite;will-change:transform;backface-visibility:hidden}.shape-1{width:300px;height:300px;top:-50px;left:-50px}.shape-2{width:200px;height:200px;bottom:-30px;right:-30px;animation-delay:-5s}@keyframes float-shapes{0%,100%{transform:translate(0,0) translateZ(0)}50%{transform:translate(18px,18px) translateZ(0)}}.cta-text-large{font-family:"Space Grotesk",sans-serif;font-size:10rem;font-weight:900;color:rgba(255,255,255,.08);letter-spacing:-.05em;user-select:none;text-shadow:0 0 80px rgba(255,255,255,.05)}.cta-content-box{padding:80px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.cta-content-box h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(2.5rem, 5vw, 3.5rem);font-weight:800;line-height:1.2;margin-bottom:24px}.cta-content-box p{font-size:1.125rem;line-height:1.8;margin-bottom:32px;opacity:.9}.cta-benefits{list-style:none;margin-bottom:40px}.cta-benefits li{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:1rem;font-weight:500}.cta-benefits i{color:var(--color-accent);font-size:1.25rem;filter:drop-shadow(0 0 6px rgba(20, 184, 166, .5))}.cta-actions{display:flex;flex-direction:column;gap:16px}.btn-large{padding:20px 40px;font-size:1.125rem;background:#fff;color:var(--color-primary);border-radius:14px;box-shadow:0 4px 20px rgba(0,0,0,.15);position:relative;overflow:hidden}.btn-large::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left .5s ease}.btn-large:hover{background:#f8fafc;color:var(--color-primary-dark);transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.2)}.btn-large:hover::before{left:100%}.cta-footnote{font-size:.875rem;opacity:.7;margin:0}@media (max-width:1024px){.cta-modern,.hero-split{grid-template-columns:1fr;padding:60px 40px}.hero-right{height:400px}.about-diagonal{padding:80px 40px}.stats-circular{padding:80px 40px}.cta-content-box{padding:60px 40px}}@media (max-width:768px){.hero-split{padding:40px 20px}.hero-actions{flex-direction:column;align-items:stretch}.hero-stats-mini{flex-direction:column;gap:20px}.about-grid{grid-template-columns:1fr}.stats-showcase{flex-direction:column;align-items:center;gap:36px}.stat-circle{--ring-size:182px}.stat-content{width:78%;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0)}.stat-value{font-size:2rem;margin-bottom:6px;transform:none}.stat-label{position:static;width:auto;transform:none}.cta-visual{min-height:300px}.cta-text-large{font-size:6rem}.cta-content-box{padding:40px 20px}.social-proof{padding:30px 0}}@media (max-width:480px){.stats-circular{padding:72px 16px}.stats-showcase{gap:28px}.stat-circle{--ring-size:168px}.stat-content{width:80%}.stat-value{font-size:1.7rem;margin-bottom:5px}.stat-label{font-size:.8rem}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.circle,.cta-shape,.floating-card{animation:none!important}}