:root{--bg-primary: #030712;--bg-secondary: #0a0f1e;--bg-tertiary: #111827;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: #1f2937}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Noto Sans SC,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4b5563}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(168,85,247,.1),transparent),radial-gradient(ellipse 50% 30% at 20% 80%,rgba(59,130,246,.08),transparent);pointer-events:none}.hero-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(./hero-bg-DwO_OTgU.jpg);background-size:cover;background-position:center;opacity:.15;pointer-events:none}.grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 70%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 70%)}.gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-blue{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-blue{box-shadow:0 0 40px #3b82f64d}.glow-purple{box-shadow:0 0 40px #a855f74d}.glass-card{background:#11182799;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d,0 0 20px #6366f11a}.btn-primary{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;padding:14px 32px;border-radius:12px;font-weight:600;font-size:15px;transition:all .3s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #3b82f666}.btn-secondary{background:#ffffff0d;color:#fff;padding:14px 32px;border-radius:12px;font-weight:600;font-size:15px;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.nav-blur{background:#030712cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent)}.feature-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f633,#a855f733);border:1px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;color:#60a5fa}.status-live{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.status-dev{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.status-plan{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.2)}.reveal{opacity:1;transform:translateY(0);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.reveal.animate{opacity:0;transform:translateY(30px)}.reveal.animate.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@keyframes heroFadeIn{0%{opacity:.4;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-animate{animation:heroFadeIn 1s ease-out forwards}.hero-animate-delay-1{animation-delay:.2s}.hero-animate-delay-2{animation-delay:.4s}.hero-animate-delay-3{animation-delay:.6s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating{animation:float 6s ease-in-out infinite}.floating-delay-1{animation-delay:-2s}.floating-delay-2{animation-delay:-4s}.product-card{position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),transparent);opacity:0;transition:opacity .4s ease}.product-card:hover:before{opacity:1}.solution-card{background:linear-gradient(135deg,#111827cc,#11182766);border:1px solid rgba(255,255,255,.06);transition:all .4s ease}.solution-card:hover{border-color:#6366f14d;transform:translateY(-4px)}.cta-bg{background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(99,102,241,.15),transparent),linear-gradient(180deg,var(--bg-primary),var(--bg-secondary))}#particles-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.4}.mobile-menu{transform:translate(100%);transition:transform .3s ease}.mobile-menu.open{transform:translate(0)}.counter-value{font-variant-numeric:tabular-nums}.tab-active{background:linear-gradient(135deg,#3b82f633,#a855f733);border-color:#6366f166;color:#fff}.gradient-border{position:relative;background:var(--bg-secondary);border-radius:16px}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#6366f14d,#a855f74d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.pain-solution-card{background:linear-gradient(135deg,#111827e6,#11182780);border:1px solid rgba(255,255,255,.06);transition:all .4s ease;position:relative;overflow:hidden}.pain-solution-card:hover{border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.pain-solution-card .pain-side{border-bottom:1px solid rgba(255,255,255,.06)}.value-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.8rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#93c5fd}.tab-btn{padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:500;background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.tab-btn:hover{background:#ffffff0d;color:var(--text-primary)}.tab-btn.active{background:linear-gradient(135deg,#3b82f633,#a855f733);border-color:#6366f166;color:#fff}.tab-content{display:none;animation:tabFadeIn .4s ease forwards}.tab-content.active{display:block}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.case-card{background:#111827cc;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;transition:all .4s ease}.case-card:hover{border-color:#6366f14d;transform:translateY(-4px)}.logo-pill{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:all .3s ease}.logo-pill:hover{background:#ffffff0f;border-color:#6366f133;color:var(--text-primary)}.tier-feature-list{list-style:none;padding:0}.tier-feature-list li{position:relative;padding:12px 0 12px 28px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-secondary);font-size:.9rem}.tier-feature-list li:before{content:"→";position:absolute;left:0;color:#60a5fa;font-weight:600}.tier-feature-list li:last-child{border-bottom:none}.stat-item{text-align:center;padding:16px}.stat-item .stat-number{font-size:2rem;font-weight:800}.stat-item .stat-label{font-size:.85rem;color:var(--text-muted);margin-top:4px}.dark-section{background:linear-gradient(180deg,var(--bg-primary),var(--bg-secondary),var(--bg-primary))}.text-balance{text-wrap:balance}@media (max-width: 768px){.stat-item .stat-number{font-size:1.5rem}}