:root,[data-theme=light]{--bg:#fafafa;--bg-2:#fff;--surface:#fff;--surface-2:#f5f5f5;--surface-3:#ebebe9;--surface-4:#e4e4e7;--hover:#f4f4f5;--ink:#09090b;--ink-2:#27272a;--ink-3:#52525b;--ink-4:#71717a;--ink-5:#a1a1aa;--ink-6:#d4d4d8;--line:#0000000f;--line-2:#0000001a;--line-3:#00000029;--accent:#5b6cff;--accent-2:#7c5cff;--accent-soft:#5b6cff1a;--accent-glow:#5b6cff40;--accent-ink:#4250d8;--c-violet:#7c5cff;--c-violet-soft:#7c5cff1a;--c-blue:#2563eb;--c-blue-soft:#2563eb1a;--c-cyan:#06b6d4;--c-cyan-soft:#06b6d41f;--c-green:#16a34a;--c-green-soft:#16a34a1a;--c-lime:#65a30d;--c-lime-soft:#65a30d24;--c-amber:#d97706;--c-amber-soft:#d977061f;--c-orange:#ea580c;--c-orange-soft:#ea580c1a;--c-red:#dc2626;--c-red-soft:#dc26261a;--c-pink:#db2777;--c-pink-soft:#db27771a;--success:var(--c-green);--success-soft:var(--c-green-soft);--warn:var(--c-amber);--warn-soft:var(--c-amber-soft);--danger:var(--c-red);--danger-soft:var(--c-red-soft);--info:var(--c-blue);--info-soft:var(--c-blue-soft);--font-sans:"Geist", "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display:"Geist", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--d-pad:20px;--d-pad-sm:14px;--d-row:44px;--d-gap:14px;--d-fs:14px;--d-fs-sm:12.5px;--d-fs-xs:11px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:24px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 1px 3px #0000000a, 0 4px 12px #0000000a;--shadow-lg:0 2px 6px #0000000a, 0 16px 40px #00000014;--t-fast:.12s cubic-bezier(.2, .8, .2, 1);--t-med:.22s cubic-bezier(.2, .8, .2, 1);--t-slow:.4s cubic-bezier(.2, .8, .2, 1)}[data-theme=dark]{--bg:#08080a;--bg-2:#0c0c0f;--surface:#111114;--surface-2:#16161a;--surface-3:#1c1c22;--surface-4:#24242c;--hover:#1a1a20;--ink:#f4f4f5;--ink-2:#d4d4d8;--ink-3:#a1a1aa;--ink-4:#71717a;--ink-5:#52525b;--ink-6:#3f3f46;--line:#ffffff0f;--line-2:#ffffff1a;--line-3:#ffffff29;--accent:#7c5cff;--accent-2:#a78bff;--accent-soft:#7c5cff24;--accent-glow:#7c5cff73;--accent-ink:#b8a4ff;--c-violet:#8b5cf6;--c-violet-soft:#8b5cf624;--c-blue:#3b82f6;--c-blue-soft:#3b82f624;--c-cyan:#22d3ee;--c-cyan-soft:#22d3ee24;--c-green:#22c55e;--c-green-soft:#22c55e24;--c-lime:#a3e635;--c-lime-soft:#a3e63524;--c-amber:#f59e0b;--c-amber-soft:#f59e0b24;--c-orange:#fb923c;--c-orange-soft:#fb923c24;--c-red:#ef4444;--c-red-soft:#ef444424;--c-pink:#ec4899;--c-pink-soft:#ec489924;--success:var(--c-green);--success-soft:var(--c-green-soft);--warn:var(--c-amber);--warn-soft:var(--c-amber-soft);--danger:var(--c-red);--danger-soft:var(--c-red-soft);--info:var(--c-blue);--info-soft:var(--c-blue-soft);--font-sans:"Geist", "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display:"Geist", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--d-pad:20px;--d-pad-sm:14px;--d-row:44px;--d-gap:14px;--d-fs:14px;--d-fs-sm:12.5px;--d-fs-xs:11px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:24px;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #0006, 0 1px 2px #0009;--shadow-lg:0 16px 50px #0009, 0 4px 12px #00000080;--glow-accent:0 0 0 1px #7c5cff4d, 0 8px 32px #7c5cff40;--glow-blue:0 0 0 1px #3b82f64d, 0 8px 32px #3b82f633;--glow-green:0 0 0 1px #22c55e4d, 0 8px 32px #22c55e33;--glow-amber:0 0 0 1px #f59e0b4d, 0 8px 32px #f59e0b33;--t-fast:.12s cubic-bezier(.2, .8, .2, 1);--t-med:.22s cubic-bezier(.2, .8, .2, 1);--t-slow:.4s cubic-bezier(.2, .8, .2, 1)}[data-density=compact]{--d-pad:12px;--d-pad-sm:8px;--d-row:36px;--d-gap:8px;--d-fs:13px;--d-fs-sm:11.5px;--d-fs-xs:10.5px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--d-fs);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01", "ss03";text-rendering:optimizelegibility;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-weight:600;line-height:1.15}h1{letter-spacing:-.035em}h2{letter-spacing:-.03em}button{cursor:default;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-3);border:2px solid var(--bg);background-clip:content-box;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--ink-5);border:2px solid var(--bg);background-clip:content-box}.cp-grid-bg{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-position:-1px -1px;background-size:32px 32px}.cp-dot-bg{background-image:radial-gradient(circle, var(--line-2) 1px, transparent 1px);background-size:24px 24px}.cp-glow{filter:blur(80px);pointer-events:none;opacity:.6;z-index:0;border-radius:50%;position:absolute}.cp-noise:before{content:"";pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.cp-btn{background:var(--surface-2);height:32px;color:var(--ink);border:1px solid var(--line-2);border-radius:var(--r-sm);font-size:var(--d-fs-sm);transition:background var(--t-fast), border-color var(--t-fast), transform var(--t-fast);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.cp-btn:hover{background:var(--hover);border-color:var(--line-3)}.cp-btn:active{transform:translateY(1px)}.cp-btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.cp-btn-primary:hover{background:var(--ink-2);border-color:var(--ink-2)}.cp-btn-accent{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 4px 16px var(--accent-glow)}.cp-btn-accent:hover{background:var(--accent-2);border-color:var(--accent-2)}.cp-btn-ghost{background:0 0;border-color:#0000}.cp-btn-ghost:hover{background:var(--hover)}.cp-btn-sm{height:26px;font-size:var(--d-fs-xs);padding:0 8px}.cp-btn-lg{height:40px;padding:0 18px;font-size:14px}.cp-chip{background:var(--surface-2);height:22px;color:var(--ink-2);font-size:var(--d-fs-xs);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-weight:500;display:inline-flex}.cp-chip-violet{background:var(--c-violet-soft);color:var(--c-violet);border-color:#0000}.cp-chip-blue{background:var(--c-blue-soft);color:var(--c-blue);border-color:#0000}.cp-chip-cyan{background:var(--c-cyan-soft);color:var(--c-cyan);border-color:#0000}.cp-chip-green{background:var(--c-green-soft);color:var(--c-green);border-color:#0000}.cp-chip-amber{background:var(--c-amber-soft);color:var(--c-amber);border-color:#0000}.cp-chip-orange{background:var(--c-orange-soft);color:var(--c-orange);border-color:#0000}.cp-chip-red{background:var(--c-red-soft);color:var(--c-red);border-color:#0000}.cp-chip-pink{background:var(--c-pink-soft);color:var(--c-pink);border-color:#0000}.cp-chip-accent{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.cp-chip-success{background:var(--c-green-soft);color:var(--c-green);border-color:#0000}.cp-chip-warn{background:var(--c-amber-soft);color:var(--c-amber);border-color:#0000}.cp-chip-danger{background:var(--c-red-soft);color:var(--c-red);border-color:#0000}.cp-chip-info{background:var(--c-blue-soft);color:var(--c-blue);border-color:#0000}.cp-card{background:linear-gradient(180deg, var(--surface), var(--bg-2));border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:transform var(--t-fast), box-shadow var(--t-fast), border-color var(--t-fast);position:relative}[data-theme=dark] .cp-card{background:var(--surface);box-shadow:inset 0 1px #ffffff0a}.cp-card-glow{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line-2);border-radius:var(--r-lg);position:relative;overflow:hidden}.cp-card-glow:before{content:"";background:radial-gradient(600px circle at var(--mx,50%) var(--my,0%), var(--accent-soft), transparent 40%);opacity:0;transition:opacity var(--t-med);pointer-events:none;position:absolute;inset:0}.cp-card-glow:hover:before{opacity:1}.cp-input{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-sm);height:32px;color:var(--ink);font-size:var(--d-fs-sm);width:100%;transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;padding:0 10px}.cp-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cp-input::placeholder{color:var(--ink-4)}.cp-divider{background:var(--line);height:1px}.cp-mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.cp-skel-block{background:var(--surface-2);border:1px dashed var(--line-2);border-radius:var(--r-sm);color:var(--ink-4);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background-image:repeating-linear-gradient(-45deg, transparent 0, transparent 6px, var(--surface-3) 6px, var(--surface-3) 7px);justify-content:center;align-items:center;font-size:10px;display:flex}.cp-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.cp-dot-success{background:var(--success);box-shadow:0 0 8px var(--success)}.cp-dot-warn{background:var(--warn);box-shadow:0 0 8px var(--warn)}.cp-dot-danger{background:var(--danger);box-shadow:0 0 8px var(--danger)}.cp-dot-info{background:var(--info);box-shadow:0 0 8px var(--info)}.cp-dot-accent{background:var(--accent);box-shadow:0 0 8px var(--accent)}.cp-kpi-big{font-family:var(--font-display);letter-spacing:-.03em;font-feature-settings:"tnum";background:linear-gradient(180deg, var(--ink), var(--ink-3));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:600;line-height:1}.cp-kpi-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);font-size:11px;font-weight:500}.cp-app{background:var(--bg);height:100vh;display:flex;overflow:hidden}.cp-side{background:var(--bg-2);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:264px;padding:8px 0 12px;display:flex}.cp-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.cp-topbar{background:color-mix(in oklab, var(--bg) 75%, transparent);-webkit-backdrop-filter:blur(20px)saturate(140%);border-bottom:1px solid var(--line);height:64px;padding:0 calc(var(--d-pad) + 4px);z-index:20;flex-shrink:0;align-items:center;gap:14px;display:flex;position:sticky;top:0}.cp-content{padding:var(--d-pad);flex:1;position:relative;overflow:auto}.cp-nav-item{border-radius:var(--r-md);height:38px;color:var(--ink-3);transition:background var(--t-fast), color var(--t-fast);cursor:default;letter-spacing:-.01em;align-items:center;gap:12px;margin:2px 12px;padding:0 14px;font-size:13.5px;font-weight:500;display:flex;position:relative}.cp-nav-item:hover{background:var(--hover);color:var(--ink)}.cp-nav-item[data-active=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.cp-nav-item[data-active=true] svg{color:var(--accent)}.cp-nav-section{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-5);padding:22px 22px 8px;font-size:10px;font-weight:600}.cp-mob-shell{width:390px;height:844px;box-shadow:var(--shadow-lg), 0 0 0 1px var(--line-2);background:#050505;border-radius:48px;padding:12px;position:relative}.cp-mob-screen{background:var(--bg);border-radius:38px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.cp-mob-notch{z-index:50;background:#050505;border-radius:999px;width:110px;height:32px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.cp-mob-status{height:44px;color:var(--ink);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 28px;font-size:14px;font-weight:600;display:flex}.cp-mob-content{flex:1;overflow:auto}.cp-mob-tabbar{background:var(--bg-2);border-top:1px solid var(--line);flex-shrink:0;height:78px;padding:6px 0 22px;display:flex}.cp-mob-tab{color:var(--ink-4);flex-direction:column;flex:1;align-items:center;gap:3px;font-size:10px;font-weight:500;display:flex}.cp-mob-tab[data-active=true]{color:var(--accent)}.cp-vp-host{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.cp-vp-bar{background:var(--bg-2);border-bottom:1px solid var(--line);z-index:10;flex-shrink:0;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex;position:relative}.cp-vp-tabs{background:var(--surface-2);border-radius:var(--r-sm);border:1px solid var(--line);padding:2px;display:inline-flex}.cp-vp-tab{color:var(--ink-3);border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.cp-vp-tab[data-active=true]{background:var(--surface-3);color:var(--ink);box-shadow:var(--shadow-sm)}.cp-vp-stage{background:var(--bg);flex:1;justify-content:center;align-items:flex-start;padding:24px;display:flex;position:relative;overflow:auto}.cp-vp-mobile-wrap{justify-content:center;align-items:center;padding:24px 0;display:flex}@keyframes cp-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes cp-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes cp-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes cp-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cp-glow-pulse{0%,to{opacity:.5}50%{opacity:.9}}.cp-fade-in{animation:.22s cubic-bezier(.2,.8,.2,1) cp-fade-in}.cp-slide-up{animation:.28s cubic-bezier(.2,.8,.2,1) cp-slide-up}.cp-pulse{animation:2s ease-in-out infinite cp-pulse}.cp-glow-pulse{animation:3s ease-in-out infinite cp-glow-pulse}.cp-gt{background:linear-gradient(135deg, var(--ink) 0%, var(--ink-3) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.cp-gt-accent{background:linear-gradient(135deg, var(--accent-2) 0%, var(--c-pink) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.cp-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--d-fs-sm)}.cp-table th{text-align:left;color:var(--ink-4);border-bottom:1px solid var(--line);font-weight:500;font-size:var(--d-fs-xs);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px}.cp-table td{border-bottom:1px solid var(--line);color:var(--ink-2);padding:12px}.cp-table tbody tr:hover{background:var(--hover)}.cp-table tbody tr:last-child td{border-bottom:none}body{background:var(--bg);overflow-x:hidden}.page{min-height:100vh;position:relative;overflow:hidden}.page-bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 60% at 50% 30%,#000 30%,#0000 80%);mask-image:radial-gradient(90% 60% at 50% 30%,#000 30%,#0000 80%)}.page-glow-1{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(#7c5cff59,#0000 60%);width:1100px;height:700px;transition:transform 1.6s cubic-bezier(.2,.8,.2,1);position:fixed;top:-200px;left:50%;transform:translate(-50%)}.page-glow-2{filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#22d3ee2e,#0000 60%);width:600px;height:600px;transition:transform 1.6s cubic-bezier(.2,.8,.2,1);position:fixed;top:200px;right:-200px}.page-glow-3{filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#ec48992e,#0000 60%);width:700px;height:700px;transition:transform 1.6s cubic-bezier(.2,.8,.2,1);position:fixed;top:800px;left:-300px}.nav{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#08080ab3;align-items:center;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.nav-inner{align-items:center;gap:32px;width:100%;max-width:1280px;margin:0 auto;display:flex}.nav-brand{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.nav-logo{background:linear-gradient(135deg, var(--accent), var(--c-pink));color:#fff;width:28px;height:28px;box-shadow:0 0 0 1px #ffffff1a inset, 0 4px 16px var(--accent-glow);border-radius:7px;place-items:center;font-size:14px;font-weight:800;display:grid}.nav-links{gap:4px;margin-left:8px;display:flex}.nav-link{color:var(--ink-3);transition:color var(--t-fast), background var(--t-fast);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.nav-link:hover{color:var(--ink);background:var(--surface-2)}.nav-cta{align-items:center;gap:10px;margin-left:auto;display:flex}section{z-index:1;position:relative}.container{max-width:1280px;margin:0 auto;padding:0 28px}.hero{text-align:center;padding:88px 0 60px;position:relative}.hero-pill{border:1px solid var(--line-2);height:28px;color:var(--ink-2);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:0 4px 0 12px;font-size:12px;display:inline-flex}.hero-pill-tag{background:var(--accent-soft);color:var(--accent-ink);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600}.hero h1{letter-spacing:-.04em;background:linear-gradient(#fff 0%,#ffffffa6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:76px;font-weight:700;line-height:1.02}.hero h1 .accent{background:linear-gradient(135deg, var(--accent-2) 0%, var(--c-cyan) 50%, var(--c-pink) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:600}.hero-sub{color:var(--ink-3);max-width:640px;margin:0 auto 36px;font-size:19px;font-weight:400;line-height:1.55}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:56px;display:flex}.btn-cta{white-space:nowrap;color:#09090b;height:44px;transition:transform var(--t-fast);cursor:pointer;background:linear-gradient(#fff,#d4d4d8);border:none;border-radius:8px;align-items:center;gap:8px;padding:0 22px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #fff3,0 8px 24px #ffffff1a}.btn-cta:hover{transform:translateY(-1px)}.btn-secondary{white-space:nowrap;background:var(--surface-2);border:1px solid var(--line-2);height:44px;color:var(--ink);cursor:pointer;transition:background var(--t-fast);border-radius:8px;align-items:center;gap:8px;padding:0 22px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--surface-3)}.hero-stats{border:1px solid var(--line-2);background:linear-gradient(180deg, var(--surface), var(--bg-2));border-radius:14px;grid-template-columns:repeat(4,1fr);gap:0;max-width:980px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 20px 80px #7c5cff14}.hero-stat{text-align:left;border-right:1px solid var(--line);padding:24px 28px;position:relative}.hero-stat:last-child{border-right:none}.hero-stat-num{letter-spacing:-.02em;font-feature-settings:"tnum";margin-bottom:8px;font-size:38px;font-weight:700;line-height:1}.hero-stat-num .unit{color:var(--ink-3);margin-left:2px;font-size:18px}.hero-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);font-size:11px;font-weight:500}.hero-stat-trend{color:var(--c-green);align-items:center;gap:4px;margin-top:6px;font-size:11px;display:flex}.hero-preview{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line-2);border-radius:16px;max-width:1200px;margin:80px auto 0;padding:8px;position:relative;box-shadow:0 0 0 1px #ffffff0a,0 60px 120px #0009,0 0 100px #7c5cff26}.hero-preview:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#7c5cff66,#0000 30%);border-radius:17px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-preview-inner{background:var(--bg-2);border:1px solid var(--line);border-radius:11px;overflow:hidden}.browser-bar{background:var(--surface-2);border-bottom:1px solid var(--line);align-items:center;gap:8px;height:36px;padding:0 14px;display:flex}.browser-dot{border-radius:50%;width:11px;height:11px}.section-header{text-align:center;margin-bottom:56px}.section-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.section-title{letter-spacing:-.03em;margin:0 0 16px;font-size:44px;font-weight:700;line-height:1.1}.section-sub{color:var(--ink-3);max-width:580px;margin:0 auto;font-size:17px;line-height:1.55}.products-section{padding:80px 0}.product-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.product-card{background:linear-gradient(180deg, var(--surface), var(--bg-2));border:1px solid var(--line-2);transition:transform var(--t-med), border-color var(--t-med);color:inherit;border-radius:16px;flex-direction:column;min-height:480px;padding:28px;text-decoration:none;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--line-3);transform:translateY(-4px)}.product-card .glow{filter:blur(60px);opacity:.5;pointer-events:none;width:70%;height:60%;transition:opacity var(--t-med);border-radius:50%;position:absolute;top:-50%;left:-20%}.product-card:hover .glow{opacity:.8}.product-card.crm .glow{background:var(--c-violet)}.product-card.oa .glow{background:var(--c-cyan)}.product-card.logistics .glow{background:var(--c-orange)}.product-icon{z-index:1;border-radius:11px;place-items:center;width:44px;height:44px;margin-bottom:20px;display:grid;position:relative}.product-icon svg{color:#fff;width:22px;height:22px}.product-card.crm .product-icon{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 8px 32px #8b5cf666}.product-card.oa .product-icon{background:linear-gradient(135deg,#22d3ee,#3b82f6);box-shadow:0 8px 32px #22d3ee66}.product-card.logistics .product-icon{background:linear-gradient(135deg,#fb923c,#ef4444);box-shadow:0 8px 32px #fb923c66}.product-name{letter-spacing:-.01em;z-index:1;margin-bottom:4px;font-size:22px;font-weight:700;position:relative}.product-tag{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;z-index:1;margin-bottom:16px;font-size:12px;font-weight:500;position:relative}.product-desc{color:var(--ink-3);z-index:1;margin-bottom:24px;font-size:14px;line-height:1.55;position:relative}.product-features{z-index:1;flex-direction:column;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex;position:relative}.product-features li{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;display:flex}.product-features li svg{color:var(--c-green);flex-shrink:0}.product-mockup{background:var(--bg);border:1px solid var(--line);z-index:1;border-radius:10px;height:140px;margin-top:auto;position:relative;overflow:hidden}.product-cta{color:var(--ink);z-index:1;align-items:center;gap:6px;margin-top:20px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.product-card:hover .product-cta{color:var(--accent-2)}.flow-section{padding:80px 0}.flow-card{background:linear-gradient(180deg, var(--surface), var(--bg-2));border:1px solid var(--line-2);border-radius:20px;padding:56px 48px;position:relative;overflow:hidden}.flow-card:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(#7c5cff33,#0000 70%);width:600px;height:300px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.kpi-section{padding:80px 0}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi-card{background:linear-gradient(180deg, var(--surface), var(--bg-2));border:1px solid var(--line-2);border-radius:14px;padding:22px;position:relative;overflow:hidden}.kpi-card:after{content:"";background:linear-gradient(90deg, transparent, var(--c) 50%, transparent);opacity:.6;height:1px;position:absolute;top:0;left:0;right:0}.kpi-card.violet{--c:var(--c-violet)}.kpi-card.cyan{--c:var(--c-cyan)}.kpi-card.green{--c:var(--c-green)}.kpi-card.amber{--c:var(--c-amber)}.kpi-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.kpi-card-icon{background:var(--surface-3);width:32px;height:32px;color:var(--c);border-radius:8px;place-items:center;display:grid}.kpi-card-num{letter-spacing:-.02em;font-feature-settings:"tnum";margin-bottom:6px;font-size:32px;font-weight:700;line-height:1}.kpi-card-label{color:var(--ink-4);margin-bottom:12px;font-size:12px}.kpi-spark{width:100%;height:32px}.cta-section{padding:100px 0 120px}.cta-card{text-align:center;background:radial-gradient(ellipse 80% 60% at 50% 0%, #7c5cff40, transparent 70%), linear-gradient(180deg, var(--surface), var(--bg-2));border:1px solid var(--line-2);border-radius:20px;padding:80px 48px;position:relative;overflow:hidden}.cta-card:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 70%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 70%)}.cta-card>*{z-index:1;position:relative}.footer{border-top:1px solid var(--line);color:var(--ink-4);padding:40px 0 60px;font-size:13px}.footer-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.footer-row a{color:var(--ink-3)}.footer-row a:hover{color:var(--ink)}.logo-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);opacity:.5;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:40px;margin-top:56px;padding:32px 0;display:flex}.logo-strip-label{text-align:center;text-transform:uppercase;letter-spacing:.12em;width:100%;color:var(--ink-4);margin-bottom:8px;font-size:11px}.logo-item{letter-spacing:-.01em;color:var(--ink-3);font-size:17px;font-style:italic;font-weight:600}.theme-toggle{background:var(--surface-2);border:1px solid var(--line-2);width:32px;height:32px;color:var(--ink-3);cursor:pointer;transition:all var(--t-fast);border-radius:8px;place-items:center;font-family:inherit;display:grid}.theme-toggle:hover{color:var(--ink);background:var(--surface-3)}@media (width<=900px){.hero{padding:56px 0 40px}.hero h1{font-size:44px}.hero-sub{font-size:16px}.product-grid{grid-template-columns:1fr}.kpi-grid,.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stat:nth-child(2){border-right:none}.hero-stat:first-child,.hero-stat:nth-child(2){border-bottom:1px solid var(--line)}.section-title{font-size:32px}.flow-card{padding:32px 16px}.cta-card{padding:56px 24px}.nav-links{display:none}.container{padding:0 18px}.hero-preview{margin-top:56px}}:root:not([data-theme=dark]) .nav{border-bottom:1px solid var(--line);background:#ffffffbf}:root:not([data-theme=dark]) .page-bg-grid{background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px)}:root:not([data-theme=dark]) .page-glow-1{filter:blur(60px);background:radial-gradient(#5b6cff2e,#0000 60%)}:root:not([data-theme=dark]) .page-glow-2{background:radial-gradient(circle,#06b6d41a,#0000 60%)}:root:not([data-theme=dark]) .page-glow-3{background:radial-gradient(circle,#db277714,#0000 60%)}:root:not([data-theme=dark]) .hero-pill{border-color:var(--line-2);background:#fffc;box-shadow:0 1px 2px #0000000a}:root:not([data-theme=dark]) .hero h1{background:linear-gradient(#09090b 0%,#3f3f46 100%);color:#0000;-webkit-background-clip:text;background-clip:text}:root:not([data-theme=dark]) .hero h1 .accent{background:linear-gradient(135deg,#5b6cff 0%,#06b6d4 50%,#db2777 100%);color:#0000;-webkit-background-clip:text;background-clip:text}:root:not([data-theme=dark]) .btn-cta{color:#fafafa;background:linear-gradient(#18181b,#09090b);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff1a,0 8px 24px #09090b2e}:root:not([data-theme=dark]) .btn-secondary{background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-sm)}:root:not([data-theme=dark]) .btn-secondary:hover{background:var(--surface-2)}:root:not([data-theme=dark]) .hero-stats{background:var(--surface);border-color:var(--line-2);box-shadow:inset 0 1px #fff,0 1px 3px #0000000a,0 24px 64px #5b6cff14}:root:not([data-theme=dark]) .hero-preview{border-color:var(--line-2);background:linear-gradient(#fff,#f4f4f5);box-shadow:inset 0 0 0 1px #fff,0 24px 60px #00000014,0 60px 120px #5b6cff1a}:root:not([data-theme=dark]) .hero-preview:before{background:linear-gradient(#5b6cff4d,#0000 30%)}:root:not([data-theme=dark]) .hero-preview-inner{background:var(--bg-2);border-color:var(--line)}:root:not([data-theme=dark]) .product-card,:root:not([data-theme=dark]) .flow-card,:root:not([data-theme=dark]) .kpi-card,:root:not([data-theme=dark]) .cta-card{background:var(--surface);border-color:var(--line-2);box-shadow:var(--shadow-md)}:root:not([data-theme=dark]) .product-card:hover{border-color:var(--line-3);box-shadow:0 8px 32px #00000014}:root:not([data-theme=dark]) .product-card .glow{opacity:.18}:root:not([data-theme=dark]) .product-card:hover .glow{opacity:.32}:root:not([data-theme=dark]) .product-mockup{background:var(--surface-2);border-color:var(--line)}:root:not([data-theme=dark]) .flow-card:before{background:radial-gradient(#5b6cff14,#0000 70%)}:root:not([data-theme=dark]) .cta-card{background:radial-gradient(ellipse 80% 60% at 50% 0%, #5b6cff1a, transparent 70%), var(--surface)}:root:not([data-theme=dark]) .cta-card:before{background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px)}:root:not([data-theme=dark]) .kpi-card:after{opacity:1;height:2px}:root:not([data-theme=dark]) .kpi-card-icon{background:var(--surface-2)}:root:not([data-theme=dark]) .section-eyebrow{color:var(--accent);background:var(--accent-soft)}:root:not([data-theme=dark]) .logo-strip{opacity:.7}:root:not([data-theme=dark]) .nav-link{color:var(--ink-3)}:root:not([data-theme=dark]) .nav-link:hover{color:var(--ink);background:var(--surface-2)}:root:not([data-theme=dark]) .footer{border-top-color:var(--line-2)}:root:not([data-theme=dark]) .flow-card svg text[fill=\#fff]{fill:#09090b}:root:not([data-theme=dark]) .flow-card svg text[fill=\#a1a1aa]{fill:#71717a}:root:not([data-theme=dark]) .flow-card svg circle[fill=\#16161a]{fill:#fff}:root:not([data-theme=dark]) .flow-card svg tspan[fill=\#fff]{fill:#09090b}:root:not([data-theme=dark]) .flow-card svg circle[fill=\#fff]{fill:var(--accent)}