*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#fff;--bg-surface:#f8f9fc;--bg-card:#fffc;--bg-card-hover:#fffffff2;--border:#0000000f;--border-hover:#0000001f;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--accent-blue:#6366f1;--accent-violet:#8b5cf6;--accent-teal:#06b6d4;--accent-green:#10b981;--accent-amber:#f59e0b;--accent-pink:#ec4899;--glow-blue:#6366f114;--glow-violet:#8b5cf60f;--radius:12px;--radius-lg:16px;--radius-xl:24px;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg-deep);color:var(--text-primary);line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-gradient{background:linear-gradient(135deg, var(--accent-blue), var(--accent-violet), var(--accent-teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-header{text-align:center;margin-bottom:64px}.section-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-blue);background:var(--glow-blue);border-radius:999px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.section-title{letter-spacing:-.025em;margin-bottom:16px;font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.15}.section-desc{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:17px;line-height:1.7}.btn{transition:all var(--transition);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;display:inline-flex}.btn-sm{padding:8px 18px;font-size:13px}.btn-lg{border-radius:12px;padding:14px 32px;font-size:15px}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), var(--accent-violet));color:#fff;box-shadow:0 4px 20px #6366f140}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6366f166}.btn-outline{border:1px solid var(--border-hover);color:var(--text-primary);background:#fff}.btn-outline:hover{background:#00000005;border-color:#0003;transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);padding:8px 16px}.btn-ghost:hover{color:var(--text-primary);background:#0000000a}.btn-nav-purchase{color:var(--text-primary);background:#fff;border:1px solid #0000001a;box-shadow:0 1px 3px #0000000a}.btn-nav-purchase:hover{color:#6366f1;background:#fafaff;border-color:#6366f14d;transform:translateY(-1px);box-shadow:0 4px 12px #6366f11a}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.visible{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}.reveal-delay-5{transition-delay:.5s}.navbar{z-index:1000;transition:all var(--transition);padding:0 24px;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);border-bottom:1px solid var(--border);background:#ffffffe6}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;display:flex}.nav-brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.nav-logo{background:linear-gradient(135deg, var(--accent-blue), var(--accent-violet));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--transition);font-size:14px;font-weight:500}.nav-links a:hover{color:var(--text-primary)}.nav-actions{align-items:center;gap:12px;display:flex}.nav-mobile-toggle{flex-direction:column;gap:5px;padding:4px;display:none}.nav-mobile-toggle span{background:var(--text-secondary);width:20px;height:2px;transition:all var(--transition);border-radius:2px;display:block}.nav-mobile{flex-direction:column;gap:4px;padding:16px 0 24px;display:none}.nav-mobile a{color:var(--text-secondary);transition:all var(--transition);border-radius:8px;padding:10px 16px;font-size:15px;font-weight:500;display:block}.nav-mobile a:hover{color:var(--text-primary);background:#0000000a}.nav-mobile-actions{flex-direction:column;gap:8px;margin-top:12px;padding:0 16px;display:flex}.nav-mobile.open{display:flex}@media (width<=768px){.nav-links,.nav-actions{display:none}.nav-mobile-toggle{display:flex}}.hero{padding:120px 0 60px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-gradient{background:radial-gradient(80% 50% at 50% -10%,#6366f10f,#0000 70%),radial-gradient(60% 40% at 80%,#8b5cf60a,#0000 60%);position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#0000000e 1px,#0000 1px),linear-gradient(90deg,#0000000e 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000)}.hero-particles-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000)}.hero-header{text-align:center;z-index:1;max-width:720px;margin:0 auto 56px;position:relative}.hero-badge{color:var(--text-secondary);background:#6366f10a;border:1px solid #6366f11a;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 18px;font-size:13px;font-weight:500;display:inline-flex}.badge-dot{background:var(--accent-green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:20px;font-size:clamp(38px,5.5vw,64px);font-weight:900;line-height:1.08}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.7}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex}.hero-trust{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.hero-trust-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.hero-trust-item svg{color:var(--accent-green)}.hero-visual{z-index:1;perspective:1200px;max-width:1100px;margin:0 auto;position:relative}.hero-browser-frame{background:#fff;border:1px solid #00000014;border-radius:16px;transition:transform .5s cubic-bezier(.16,1,.3,1);animation:1s cubic-bezier(.16,1,.3,1) .3s forwards heroMockupIn;overflow:hidden;transform:scale(.97);box-shadow:0 1px 3px #0000000a,0 8px 24px #0000000f,0 24px 60px #0000000f}@keyframes heroMockupIn{to{transform:scale(1)}}.hero-browser-bar{background:#fafbfd;border-bottom:1px solid #0000000f;align-items:center;gap:12px;padding:10px 16px;display:flex}.hero-browser-dots{gap:6px;display:flex}.hero-browser-dots span{border-radius:50%;width:10px;height:10px}.hero-browser-dots span:first-child{background:#ef4444}.hero-browser-dots span:nth-child(2){background:#fbbf24}.hero-browser-dots span:nth-child(3){background:#22c55e}.hero-browser-url{color:var(--text-muted);background:#00000008;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:5px 16px;font-size:12px;font-weight:500;display:flex}.hero-dashboard{min-height:420px;display:flex}.hero-dash-sidebar{background:#fafbfd;border-right:1px solid #0000000f;flex-direction:column;flex-shrink:0;align-items:center;width:56px;padding:14px 0;display:flex}.hds-logo{background:linear-gradient(135deg, var(--accent-blue), var(--accent-violet));border-radius:8px;width:28px;height:28px;margin-bottom:16px}.hds-nav{flex-direction:column;align-items:center;gap:4px;display:flex}.hds-item{width:32px;height:32px;color:var(--text-muted);transition:all var(--transition);border-radius:8px;justify-content:center;align-items:center;display:flex}.hds-item.active{color:var(--accent-blue);background:#6366f114}.hds-divider{background:#0000000f;width:20px;height:1px;margin:6px 0}.hero-dash-main{background:#fff;flex:1;min-width:0}.hero-dash-topbar{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.hdt-title{color:var(--text-primary);font-size:14px;font-weight:700}.hdt-actions{align-items:center;gap:10px;display:flex}.hdt-search{color:var(--text-muted);border:1px solid #0000000f;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;display:flex}.hdt-avatar{background:linear-gradient(135deg, var(--accent-blue), var(--accent-violet));border-radius:50%;width:26px;height:26px}.hero-dash-body{padding:16px 20px}.hd-kpi-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.hd-kpi{transition:box-shadow var(--transition);background:#fff;border:1px solid #0000000f;border-radius:10px;align-items:center;gap:10px;padding:14px;display:flex}.hd-kpi:hover{box-shadow:0 4px 12px #0000000d}.hd-kpi-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hd-kpi-info{flex-direction:column;min-width:0;display:flex}.hd-kpi-label{color:var(--text-muted);font-size:11px;font-weight:500}.hd-kpi-val{color:var(--text-primary);letter-spacing:-.02em;font-size:16px;font-weight:700}.hd-kpi-badge{white-space:nowrap;margin-left:auto;font-size:11px;font-weight:600}.hd-kpi-badge.up{color:var(--accent-green)}.hd-kpi-badge.down{color:#ef4444}.anim-stagger-1{animation:.6s ease-out .5s both kpiSlideIn}.anim-stagger-2{animation:.6s ease-out .65s both kpiSlideIn}.anim-stagger-3{animation:.6s ease-out .8s both kpiSlideIn}.anim-stagger-4{animation:.6s ease-out .95s both kpiSlideIn}@keyframes kpiSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hd-charts-row{grid-template-columns:2fr 1fr;gap:12px;margin-bottom:16px;display:grid}.hd-chart-main{background:#fff;border:1px solid #0000000f;border-radius:10px;padding:16px}.hd-chart-head{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.hd-chart-legend{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.hd-legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.hd-chart-svg{width:100%;height:120px;display:block}.chart-line-anim{stroke-dasharray:600;stroke-dashoffset:600px;animation:2s ease-out .8s forwards drawLine}.chart-area-anim{opacity:0;animation:1s ease-out 1.5s forwards fadeArea}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeArea{to{opacity:1}}.hd-chart-side{background:#fff;border:1px solid #0000000f;border-radius:10px;flex-direction:column;align-items:center;padding:16px;display:flex}.hd-chart-side-title{color:var(--text-primary);align-self:flex-start;margin-bottom:12px;font-size:13px;font-weight:600}.hd-donut-wrap{width:80px;height:80px;margin:0 auto 12px}.hd-donut-svg{width:100%;height:100%}.hd-donut-legend{color:var(--text-secondary);flex-direction:column;gap:4px;width:100%;font-size:11px;display:flex}.hd-donut-legend div{align-items:center;gap:6px;display:flex}.hd-table{border:1px solid #0000000f;border-radius:10px;overflow:hidden}.hd-table-row{color:var(--text-primary);border-bottom:1px solid #0000000a;grid-template-columns:1fr .6fr .6fr;padding:9px 14px;font-size:12px;display:grid}.hd-table-row:last-child{border-bottom:none}.hd-table-row.head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#fafbfd;font-size:11px;font-weight:600}.hd-status{border-radius:999px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:600}.hd-status.active{color:#10b981;background:#10b98114}.hd-status.pending{color:#f59e0b;background:#f59e0b14}.float-card{z-index:5;opacity:0;color:var(--text-primary);background:#fff;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;animation:.8s ease-out forwards floatIn;display:flex;position:absolute;box-shadow:0 4px 16px #0000000f,0 1px 3px #0000000a}.float-card-1{animation-delay:1.2s;top:18%;right:-30px}.float-card-2{animation-delay:1.5s;bottom:30%;right:-20px}.float-card-3{animation-delay:1.8s;bottom:10%;left:-20px}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.fc-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.fc-text{flex-direction:column;display:flex}.fc-val{font-size:14px;font-weight:700}.fc-label{color:var(--text-muted);font-size:10px}.fc-small{color:var(--text-muted);margin-right:6px;font-size:10px}.fc-dot{border-radius:50%;width:7px;height:7px}.fc-dot.online{background:var(--accent-green);animation:2s ease-in-out infinite dotPulse;box-shadow:0 0 8px #10b9814d}.float-card-1{animation:.8s ease-out 1.2s forwards floatIn,5s ease-in-out 2.5s infinite floatY}.float-card-2{animation:.8s ease-out 1.5s forwards floatIn,6s ease-in-out 3s infinite floatY}.float-card-3{animation:.8s ease-out 1.8s forwards floatIn,4.5s ease-in-out 3.5s infinite floatY}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.value-strip{background:#f8f9fb;border-top:1px solid #0000000a;border-bottom:1px solid #0000000a;padding:56px 0;position:relative}.value-strip:before{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(#0000000a 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.value-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.value-item{text-align:center;cursor:default;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;padding:28px 16px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.value-item:hover{background:#fff;border-color:#0000000f;transform:translateY(-4px);box-shadow:0 4px 16px #0000000d,0 1px 3px #00000008}.value-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex}.value-item:hover .value-icon{transform:scale(1.1)}.value-number{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:4px;font-size:32px;font-weight:800;line-height:1.1}.value-label{color:var(--text-muted);font-size:13px;font-weight:500}.features{background:#fff;padding:120px 0;position:relative}.features:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 20% 20%,#6366f108,#0000),radial-gradient(50% 50% at 80% 80%,#8b5cf606,#0000);position:absolute;inset:0}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:#fff;border:1px solid #0000000f;border-radius:16px;padding:36px 32px 32px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 1px 3px #00000005}.feature-card:hover{border-color:#0000001a;transform:translateY(-6px);box-shadow:0 4px 12px #0000000a,0 16px 40px #0000000f}.feature-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex}.feature-card:hover .feature-icon{transform:scale(1.08)}.feature-card h3{color:var(--text-primary);margin-bottom:10px;font-size:17px;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.7}.showcase{background:#f8f9fb;padding:120px 0;position:relative}.showcase-toggle{background:#fff;border:1px solid #00000014;border-radius:12px;justify-content:center;gap:0;width:fit-content;margin-bottom:48px;margin-left:auto;margin-right:auto;padding:4px;display:flex;position:relative;box-shadow:0 1px 4px #0000000a}.mode-btn{color:var(--text-muted);z-index:1;cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:8px 24px;font-size:13px;font-weight:600;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.mode-btn:hover{color:var(--text-primary)}.mode-btn.active{background:var(--accent-blue);color:#fff;box-shadow:0 2px 10px #6366f140}.showcase-frame{transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative}.showcase-frame:hover{transform:translateY(-4px)}.showcase-glow{filter:blur(30px);z-index:-1;pointer-events:none;background:radial-gradient(#6366f10a,#0000 70%);position:absolute;inset:-40px}.showcase-browser{color:#f1f3f9;background:#0c0f1a;border:1px solid #00000014;border-radius:16px;transition:all .5s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 2px 8px #0000000a,0 8px 24px #0000000f,0 24px 64px #00000014}.showcase-frame:hover .showcase-browser{box-shadow:0 4px 12px #0000000d,0 16px 36px #00000014,0 32px 80px #0000001a}.browser-bar{background:#0003;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:12px 16px;transition:all .5s;display:flex}.browser-dots{gap:6px;display:flex}.browser-dots span{background:#ffffff1a;border-radius:50%;width:10px;height:10px}.browser-dots span:first-child{background:#ef4444}.browser-dots span:nth-child(2){background:#fbbf24}.browser-dots span:last-child{background:#22c55e}.browser-url{text-align:center;color:#f1f3f966;background:#ffffff08;border-radius:6px;flex:1;padding:5px 16px;font-size:12px}.browser-content{min-height:400px;padding:0;position:relative}.preview-dashboard{width:100%;transition:opacity .5s,transform .5s;display:flex}.pd-sidebar{border-right:1px solid var(--border);background:#00000040;flex-direction:column;align-items:center;gap:4px;width:52px;padding:12px 0;display:flex}.pd-sidebar.light{background:#f5f5f7;border-color:#0000000f}.pd-logo{background:linear-gradient(135deg, var(--accent-blue), var(--accent-violet));border-radius:6px;width:24px;height:24px;margin-bottom:10px}.pd-nav{flex-direction:column;align-items:center;gap:3px;display:flex}.pd-nav span{background:#ffffff08;border-radius:5px;width:24px;height:24px}.pd-nav span.active{background:#6366f126}.pd-main{flex:1;min-width:0}.pd-main.light{color:#111;background:#fafafa}.pd-topbar{border-bottom:1px solid var(--border);background:#0000001a;height:32px}.pd-topbar.light{background:#fff;border-color:#0000000f}.pd-body{padding:12px}.pd-kpis{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.pd-kpi{border:1px solid var(--border);background:#ffffff05;border-radius:8px;align-items:center;gap:8px;padding:10px;display:flex}.pd-kpi.light{color:#111;background:#fff;border-color:#0000000f;box-shadow:0 1px 3px #00000008}.pd-kpi strong{font-size:13px;display:block}.pd-kpi small{color:var(--text-muted);font-size:10px;display:block}.pd-kpi.light small{color:#888}.pd-kpi-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pd-charts{grid-template-columns:2fr 1fr;gap:8px;margin-bottom:12px;display:grid}.pd-chart-big,.pd-chart-small{border:1px solid var(--border);background:#ffffff05;border-radius:8px;padding:12px}.pd-chart-big.light,.pd-chart-small.light{color:#111;background:#fff;border-color:#0000000f;box-shadow:0 1px 3px #00000008}.pd-chart-big span,.pd-chart-small span{margin-bottom:8px;font-size:11px;font-weight:600;display:block}.pd-chart-lines{align-items:flex-end;gap:6px;height:60px;display:flex}.pd-bar{background:linear-gradient(180deg, var(--accent-blue), #6366f14d);border-radius:3px;flex:1;transition:height .6s}.pd-bar.light{background:linear-gradient(#6366f1,#6366f126)}.pd-donut{width:60px;height:60px;margin:0 auto}.pd-donut svg{width:100%;height:100%}.pd-table{border:1px solid var(--border);border-radius:8px;overflow:hidden}.pd-table.light{border-color:#0000000f;box-shadow:0 1px 3px #00000008}.pd-table-row{border-bottom:1px solid var(--border);grid-template-columns:1fr .6fr .6fr;padding:8px 12px;font-size:11px;display:grid}.pd-table-row.light{color:#111;border-color:#0000000a}.pd-table-row:last-child{border-bottom:none}.pd-table-row.head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#ffffff05;font-size:10px;font-weight:600}.pd-table-row.head.light{color:#888;background:#f9fafb}.pd-status{border-radius:999px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:600}.pd-status.active{color:#34d399;background:#10b98126}.pd-status.pending{color:#fbbf24;background:#f59e0b26}.showcase-labels{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px;display:flex}.showcase-label{color:var(--text-muted);background:#fff;border:1px solid #0000000f;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .3s}.showcase-label:hover{border-color:#0000001f;box-shadow:0 2px 8px #0000000a}.core-pulse{background:#f4f6fb;padding:120px 0;position:relative;overflow:hidden}.pulse-bg{pointer-events:none;background:radial-gradient(50% 40% at 30%,#6366f10a,#0000 70%),radial-gradient(40% 40% at 70% 60%,#06b6d408,#0000 70%);position:absolute;inset:0}.pulse-container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.pulse-widget{justify-content:center;display:flex}.pulse-ring{width:260px;height:260px;position:relative}.pulse-svg{width:100%;height:100%}.pulse-arc{transform-origin:50%;animation:12s linear infinite pulseRotate}@keyframes pulseRotate{to{transform:rotate(360deg)}}.pulse-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pulse-value{color:var(--text-primary);letter-spacing:-.02em;font-size:48px;font-weight:800}.pulse-unit{color:var(--text-muted);font-size:14px;font-weight:500}.pulse-ring:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f10f 0%,#0000 70%);border-radius:50%;animation:4s ease-in-out infinite pulseBreathe;position:absolute;inset:-20px}@keyframes pulseBreathe{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.pulse-particle{background:var(--accent-blue);opacity:.35;border-radius:50%;width:5px;height:5px;position:absolute}.p1{animation:10s linear infinite orbit1;top:10%;left:50%}.p2{animation:13s linear infinite orbit2;top:50%;right:5%}.p3{animation:11s linear infinite orbit3;bottom:15%;left:30%}@keyframes orbit1{0%{transform:translate(-50%)rotate(0)translate(135px)rotate(0)}to{transform:translate(-50%)rotate(360deg)translate(135px)rotate(-360deg)}}@keyframes orbit2{0%{transform:rotate(120deg)translate(130px)rotate(-120deg)}to{transform:rotate(480deg)translate(130px)rotate(-480deg)}}@keyframes orbit3{0%{transform:rotate(240deg)translate(132px)rotate(-240deg)}to{transform:rotate(600deg)translate(132px)rotate(-600deg)}}.pulse-metrics{flex-direction:column;gap:16px;display:flex}.pulse-metric{background:#fff;border:1px solid #0000000f;border-radius:14px;padding:20px 24px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #00000005}.pulse-metric:hover{border-color:#00000014;transform:translateY(-3px);box-shadow:0 4px 12px #0000000a,0 12px 32px #0000000d}.pm-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:500}.pm-value{color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:700}.pm-value.trend-up{color:#10b981;align-items:center;gap:6px;display:flex}.pm-bar{background:#0000000a;border-radius:2px;height:4px;overflow:hidden}.pm-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;height:100%;transition:width 1.5s ease-out}.pm-fill.green{background:linear-gradient(90deg,#10b981,#06b6d4)}.pm-fill.purple{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.pm-fill.teal{background:linear-gradient(90deg,#06b6d4,#6366f1)}.comp-showcase{background:#f8f9fb;padding:120px 0}.comp-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.comp-card{background:#fff;border:1px solid #0000000f;border-radius:14px;padding:28px 24px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 1px 3px #00000005}.comp-card:after{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600;transition:color .3s;position:absolute;top:10px;right:12px}.comp-card:hover{border-color:#0000001a;transform:translateY(-4px)scale(1.02);box-shadow:0 4px 12px #0000000a,0 16px 40px #0000000f}.comp-card:hover:after{color:var(--accent-blue)}.comp-preview{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:60px;display:flex}.demo-btn{font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;border-radius:8px;padding:7px 16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.demo-btn.primary{background:var(--accent-blue);color:#fff}.demo-btn.primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.demo-btn.outline{color:var(--text-primary);background:0 0;border:1px solid #0000001f}.demo-btn.outline:hover{background:#00000005;border-color:#0003}.demo-btn.ghost{color:var(--text-secondary);background:0 0}.demo-btn.ghost:hover{color:var(--text-primary);background:#0000000a}.demo-badge{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.demo-badge.blue{color:#6366f1;background:#6366f11a}.demo-badge.green{color:#10b981;background:#10b9811a}.demo-badge.amber{color:#d97706;background:#f59e0b1a}.demo-badge.red{color:#ef4444;background:#ef44441a}.demo-mini-bars{align-items:flex-end;gap:4px;width:100%;height:50px;display:flex}.dmb{background:linear-gradient(#6366f1,#6366f126);border-radius:3px;flex:1;transition:height .6s}.demo-input{background:#fafafa;border:1px solid #0000001a;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12px;display:flex}.di-icon{color:#9ca3af;font-size:14px}.di-text{color:#9ca3af}.demo-toggle{cursor:pointer;background:#0000001a;border-radius:12px;width:44px;height:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.demo-toggle.active{background:var(--accent-blue)}.demo-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000001f}.demo-toggle.active .demo-toggle-thumb{left:22px}.demo-avatars{display:flex}.demo-avatar{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-6px;font-size:10px;font-weight:700;display:flex;box-shadow:0 1px 3px #00000014}.demo-avatar:first-child{margin-left:0}.demo-progress{background:#0000000a;border-radius:3px;width:100%;height:6px;overflow:hidden}.demo-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%}.demo-progress-label{color:var(--text-muted);text-align:right;margin-top:4px;font-size:11px;font-weight:600;display:block}.demo-card-mini{background:#fafafa;border:1px solid #0000000f;border-radius:8px;width:100%;padding:12px}.dcm-header{background:#00000012;border-radius:4px;width:60%;height:8px;margin-bottom:10px}.dcm-line{background:#0000000a;border-radius:3px;width:100%;height:6px;margin-bottom:6px}.dcm-line.short{width:70%}.ai-section{background:#fff;padding:120px 0;position:relative}.ai-section:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 70% 30%,#6366f108,#0000),radial-gradient(50% 60% at 30% 70%,#06b6d406,#0000);position:absolute;inset:0}.ai-layout{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.ai-content .section-title{margin-bottom:16px}.ai-content .section-desc{margin-bottom:28px}.ai-prompts{flex-direction:column;gap:8px;display:flex}.ai-prompt{color:var(--text-secondary);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #00000005}.ai-prompt:hover{color:var(--text-primary);background:#6366f10a;border-color:#6366f133;transform:translateY(-2px)translate(4px);box-shadow:0 4px 12px #0000000a,0 8px 24px #6366f10f}.ai-prompt svg{color:var(--accent-blue);opacity:.6;transition:opacity .3s}.ai-prompt:hover svg{opacity:1}.ai-visual{justify-content:center;display:flex}.ai-chat-window{background:#fff;border:1px solid #0000000f;border-radius:18px;width:100%;max-width:380px;transition:all .5s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 1px 2px #00000008,0 8px 24px #0000000a,0 24px 64px #0000000f}.ai-chat-window:hover{transform:translateY(-4px);box-shadow:0 1px 2px #00000008,0 12px 32px #0000000f,0 32px 80px #00000014}.ai-chat-header{background:#fafbfc;border-bottom:1px solid #0000000f;align-items:center;gap:10px;padding:16px 18px;display:flex}.ai-chat-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ai-chat-header strong{color:var(--text-primary);font-size:14px;display:block}.ai-chat-header small{color:#10b981;font-size:11px;font-weight:500}.ai-chat-messages{flex-direction:column;gap:12px;min-height:200px;padding:18px;display:flex}.ai-msg{max-width:85%;animation:.4s ease-out msgIn}.ai-msg.bot{align-self:flex-start}.ai-msg.user{align-self:flex-end}.ai-msg p{border-radius:14px;padding:10px 14px;font-size:13px;line-height:1.5}.ai-msg.bot p{color:var(--text-primary);background:#f3f4f6;border-bottom-left-radius:4px}.ai-msg.user p{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom-right-radius:4px}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-typing{background:#f3f4f6;border-radius:14px 14px 14px 4px;gap:4px;width:fit-content;padding:10px 14px;display:flex}.ai-typing span{background:#9ca3af;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingBounce}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.ai-chat-input{background:#fafbfc;border-top:1px solid #0000000f;align-items:center;gap:8px;padding:14px 16px;display:flex}.ai-chat-input input{color:var(--text-primary);font-size:13px;font-family:var(--font);background:#fff;border:1px solid #00000014;border-radius:10px;outline:none;flex:1;padding:9px 14px;transition:border-color .3s}.ai-chat-input input:focus{border-color:#6366f14d}.ai-send{color:#fff;cursor:pointer;background:#6366f1;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.ai-send:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.tech-section{background:#f8f9fb;padding:120px 0;position:relative}.tech-section:before{content:"";pointer-events:none;background-image:linear-gradient(#00000006 1px,#0000 1px),linear-gradient(90deg,#00000006 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60%,#000,#0000);mask-image:radial-gradient(60% 60%,#000,#0000)}.tech-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tech-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);text-align:center;transition:all var(--transition);padding:28px}.tech-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}.tech-icon{margin-bottom:12px;font-size:28px}.tech-card h3{margin-bottom:6px;font-size:16px;font-weight:700}.tech-card p{color:var(--text-secondary);font-size:13px;line-height:1.6}.pricing-section{background:#f8f9fb;padding:120px 0}.pricing-card{background:#fff;border:1px solid #0000000f;border-radius:20px;max-width:480px;margin:0 auto;padding:48px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #00000005,0 8px 24px #0000000a,0 24px 64px #0000000a}.pricing-card:hover{border-color:#6366f126;transform:translateY(-6px);box-shadow:0 1px 3px #00000005,0 12px 32px #0000000f,0 32px 80px #00000012}.pricing-glow{pointer-events:none;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);width:100%;height:3px;position:absolute;top:0;left:0}.pricing-header{text-align:center;margin-bottom:32px}.pricing-badge{color:#6366f1;letter-spacing:.02em;background:#6366f114;border-radius:999px;margin-bottom:16px;padding:5px 16px;font-size:12px;font-weight:600;display:inline-block}.pricing-price{justify-content:center;align-items:flex-start;gap:2px;margin-bottom:8px;display:flex}.pricing-dollar{color:var(--text-muted);margin-top:8px;font-size:24px;font-weight:700}.pricing-amount{letter-spacing:-.04em;color:var(--text-primary);font-size:72px;font-weight:900;line-height:1}.pricing-period{color:var(--text-muted);font-size:14px}.pricing-features{margin-bottom:32px;list-style:none}.pricing-features li{color:var(--text-secondary);border-bottom:1px solid #0000000d;align-items:center;gap:10px;padding:10px 0;font-size:14px;display:flex}.pricing-features li:last-child{border-bottom:none}.pricing-cta{color:#fff;background:#6366f1;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.pricing-cta:hover{background:#4f46e5;transform:scale(1.03);box-shadow:0 8px 24px #6366f14d}.pricing-trust{color:var(--text-muted);justify-content:center;gap:20px;margin-top:20px;font-size:12px;display:flex}.final-cta{text-align:center;background:#fff;padding:140px 0 120px;position:relative;overflow:hidden}.final-cta-bg{pointer-events:none;background:radial-gradient(70% 50% at 50% 40%,#6366f10d,#0000),radial-gradient(50% 40% at 30% 60%,#8b5cf608,#0000),radial-gradient(50% 40% at 70% 60%,#3b82f608,#0000);animation:8s ease-in-out infinite alternate ctaBgShift;position:absolute;inset:0}@keyframes ctaBgShift{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.cta-fragment{pointer-events:none;z-index:0;opacity:.6;background:#fff;border:1px solid #0000000f;border-radius:12px;padding:14px;position:absolute;box-shadow:0 1px 3px #00000005,0 6px 16px #00000008}.cta-frag-1{width:120px;animation:6s ease-in-out infinite ctaFragFloat;top:18%;left:8%}.cta-frag-2{width:110px;animation:7s ease-in-out 1s infinite ctaFragFloat;bottom:22%;right:7%}.cta-frag-3{width:100px;animation:5s ease-in-out .5s infinite ctaFragFloat;top:30%;right:12%}@keyframes ctaFragFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cta-frag-dot{background:#6366f14d;border-radius:50%;width:8px;height:8px;margin-bottom:8px}.cta-frag-line{background:#0000000d;border-radius:3px;height:5px;margin-bottom:5px}.cta-frag-line.short{width:60%;margin-bottom:0}.cta-frag-bar-row{align-items:flex-end;gap:4px;height:32px;display:flex}.cta-frag-bar-row span{background:#6366f126;border-radius:2px;flex:1}.cta-frag-bar-row span:first-child{height:40%}.cta-frag-bar-row span:nth-child(2){height:70%}.cta-frag-bar-row span:nth-child(3){height:55%}.cta-frag-bar-row span:nth-child(4){background:#6366f140;height:90%}.cta-frag-circle{border:2px solid #6366f133;border-radius:50%;width:24px;height:24px;margin:0 auto 8px}.final-cta-content{z-index:1;position:relative}.final-cta h2{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(32px,5vw,52px);font-weight:900}.final-cta p{color:var(--text-secondary);max-width:480px;margin:0 auto 36px;font-size:17px;line-height:1.7}.final-cta-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cta-primary-btn{animation:3s ease-in-out infinite ctaBtnPulse;position:relative}@keyframes ctaBtnPulse{0%,to{box-shadow:0 4px 16px #6366f133}50%{box-shadow:0 6px 24px #6366f159}}.cta-primary-btn:hover{animation:none;transform:translateY(-2px)scale(1.03);box-shadow:0 8px 28px #6366f159}.footer{background:#fff;border-top:1px solid #0000000f;padding:32px 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-brand{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.footer-nav{gap:24px;display:flex}.footer-nav a{color:var(--text-secondary);transition:color var(--transition);font-size:13px}.footer-nav a:hover{color:var(--accent-blue)}.footer-copy{color:var(--text-muted);font-size:13px}@media (width<=1024px){.hero-visual{max-width:800px}.float-card-1{right:0}.float-card-2{right:10px}.float-card-3{left:0}.hd-kpi-row{grid-template-columns:repeat(2,1fr)}.hd-charts-row{grid-template-columns:1fr}.value-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.pulse-container{text-align:center;grid-template-columns:1fr;gap:48px}.comp-grid{grid-template-columns:repeat(2,1fr)}.ai-layout{grid-template-columns:1fr}.ai-content .section-title,.ai-content .section-desc{text-align:center;max-width:100%}.ai-prompts{align-items:center}.ai-visual{margin-top:32px}.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.container{padding:0 16px}.hero{padding:100px 0 40px}.hero-header{margin-bottom:32px}.hero-badge{font-size:11px}.hero-ctas{flex-direction:column}.hero-ctas .btn{width:100%}.hero-trust{flex-direction:column;align-items:center;gap:10px}.hero-dash-sidebar{display:none}.hero-browser-frame{border-radius:10px}.hd-kpi-row{grid-template-columns:1fr 1fr}.hd-kpi{padding:10px}.hd-kpi-val{font-size:14px}.hd-kpi-icon{width:28px;height:28px}.hd-charts-row{grid-template-columns:1fr}.hero-dash-body{padding:12px}.hero-dashboard{min-height:300px}.value-grid{grid-template-columns:repeat(2,1fr);gap:10px}.value-item{padding:20px 12px}.value-number{font-size:26px}.value-icon{width:38px;height:38px;margin-bottom:10px}.features,.showcase,.core-pulse,.comp-showcase,.ai-section,.tech-section,.pricing-section,.final-cta{padding:80px 0}.section-header{margin-bottom:40px}.section-desc{font-size:15px}.features-grid{grid-template-columns:1fr}.feature-card{padding:24px}.pd-kpis{grid-template-columns:repeat(2,1fr)}.pd-charts{grid-template-columns:1fr}.pulse-ring{width:210px;height:210px}.pulse-value{font-size:36px}.comp-grid{grid-template-columns:1fr}.ai-prompts{align-items:stretch}.tech-grid{grid-template-columns:1fr}.pricing-card{padding:32px 24px}.pricing-amount{font-size:56px}.pricing-trust{flex-direction:column;align-items:center;gap:8px}.footer-inner{text-align:center;flex-direction:column;gap:12px}.footer-nav{flex-wrap:wrap;justify-content:center;gap:16px}.float-card{display:none}}