.hero-section[data-v-210ff7b9]{position:relative;padding:calc(80px + var(--spacing-4xl)) 0 var(--spacing-3xl);background:linear-gradient(180deg,#0f172a,#1e293b);overflow:hidden}.hero-bg[data-v-210ff7b9]{position:absolute;top:0;right:0;bottom:0;left:0}.grid-pattern[data-v-210ff7b9]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:40px 40px}.hero-content[data-v-210ff7b9]{position:relative;max-width:800px;margin:0 auto;text-align:center}.hero-badge[data-v-210ff7b9]{display:inline-block;padding:var(--spacing-xs) var(--spacing-lg);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:#60a5fa;margin-bottom:var(--spacing-lg)}.hero-content h1[data-v-210ff7b9]{font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.1;color:#fff;margin-bottom:var(--spacing-lg)}.gradient-text[data-v-210ff7b9]{background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content>p[data-v-210ff7b9]{font-size:var(--font-size-xl);color:#ffffffb3;max-width:600px;margin:0 auto var(--spacing-2xl)}.hero-stats[data-v-210ff7b9]{display:flex;justify-content:center;gap:var(--spacing-3xl)}.hero-stat[data-v-210ff7b9]{text-align:center}.hero-stat .stat-value[data-v-210ff7b9]{display:block;font-size:var(--font-size-3xl);font-weight:700;color:#fff}.hero-stat .stat-label[data-v-210ff7b9]{font-size:var(--font-size-sm);color:#ffffff80}.process-section[data-v-210ff7b9]{padding:var(--spacing-4xl) 0;background:var(--gray-50)}.section-header[data-v-210ff7b9]{text-align:center;max-width:600px;margin:0 auto var(--spacing-4xl)}.section-label[data-v-210ff7b9]{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,#2563eb1a,#3b82f61a);color:var(--primary-color);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md)}.section-label.accent[data-v-210ff7b9]{background:linear-gradient(135deg,#10b9811a,#06b6d41a);color:var(--accent-color)}.section-header h2[data-v-210ff7b9]{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.section-header p[data-v-210ff7b9]{color:var(--gray-600)}.process-timeline[data-v-210ff7b9]{max-width:1000px;margin:0 auto}.process-item[data-v-210ff7b9]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center;margin-bottom:var(--spacing-4xl)}.process-item[data-v-210ff7b9]:last-child{margin-bottom:0}.process-item.reverse .process-content[data-v-210ff7b9]{order:2}.process-item.reverse .process-visual[data-v-210ff7b9]{order:1}.process-header[data-v-210ff7b9]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.process-number[data-v-210ff7b9]{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xl);font-weight:700;flex-shrink:0}.process-content h3[data-v-210ff7b9]{font-size:var(--font-size-2xl)}.process-content>p[data-v-210ff7b9]{font-size:var(--font-size-lg);color:var(--gray-600);margin-bottom:var(--spacing-lg);line-height:1.6}.process-details[data-v-210ff7b9]{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;padding:0;margin:0}.process-details li[data-v-210ff7b9]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--gray-700)}.process-details li svg[data-v-210ff7b9]{color:var(--accent-color);flex-shrink:0}.visual-card[data-v-210ff7b9]{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:250px}.visual-icon[data-v-210ff7b9]{color:var(--primary-color);position:relative;z-index:1}.visual-monitor[data-v-210ff7b9]{border-top:4px solid #3b82f6}.visual-analyze[data-v-210ff7b9]{border-top:4px solid #8b5cf6}.visual-block[data-v-210ff7b9]{border-top:4px solid #ef4444}.visual-protect[data-v-210ff7b9]{border-top:4px solid #10b981}.visual-animation[data-v-210ff7b9]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.pulse-ring[data-v-210ff7b9]{width:100px;height:100px;border:2px solid rgba(59,130,246,.3);border-radius:50%;animation:pulse-ring-210ff7b9 2s ease-out infinite}@keyframes pulse-ring-210ff7b9{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.scan-line[data-v-210ff7b9]{width:100%;height:2px;background:linear-gradient(90deg,transparent,#8b5cf6,transparent);animation:scan-210ff7b9 2s ease-in-out infinite}@keyframes scan-210ff7b9{0%{transform:translateY(-50px);opacity:0}50%{opacity:1}to{transform:translateY(50px);opacity:0}}.block-x[data-v-210ff7b9]{width:60px;height:60px;position:relative}.block-x[data-v-210ff7b9]:before,.block-x[data-v-210ff7b9]:after{content:"";position:absolute;width:100%;height:4px;background:#ef4444;top:50%;left:0;border-radius:2px}.block-x[data-v-210ff7b9]:before{transform:rotate(45deg)}.block-x[data-v-210ff7b9]:after{transform:rotate(-45deg)}.shield-glow[data-v-210ff7b9]{width:80px;height:80px;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);animation:glow-210ff7b9 2s ease-in-out infinite}@keyframes glow-210ff7b9{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:1}}.detection-section[data-v-210ff7b9]{padding:var(--spacing-4xl) 0}.detection-categories[data-v-210ff7b9]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.detection-category[data-v-210ff7b9]{background:var(--gray-50);border-radius:var(--radius-2xl);padding:var(--spacing-xl);transition:all var(--transition-normal)}.detection-category[data-v-210ff7b9]:hover{background:#fff;box-shadow:var(--shadow-lg)}.category-header[data-v-210ff7b9]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.category-icon[data-v-210ff7b9]{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.category-icon.blue[data-v-210ff7b9]{background:#2563eb1a;color:var(--primary-color)}.category-icon.purple[data-v-210ff7b9]{background:#8b5cf61a;color:var(--purple-color)}.category-icon.green[data-v-210ff7b9]{background:#10b9811a;color:var(--accent-color)}.category-icon.orange[data-v-210ff7b9]{background:#f973161a;color:#f97316}.category-header h3[data-v-210ff7b9]{font-size:var(--font-size-xl)}.category-description[data-v-210ff7b9]{color:var(--gray-600);margin-bottom:var(--spacing-md)}.category-signals[data-v-210ff7b9]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.signal-tag[data-v-210ff7b9]{font-size:var(--font-size-xs);padding:4px 10px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-600)}.frameworks-section[data-v-210ff7b9]{padding:var(--spacing-4xl) 0;background:#0f172a}.frameworks-grid[data-v-210ff7b9]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center}.frameworks-content .section-label[data-v-210ff7b9]{background:#ef44441a;color:var(--danger-color)}.frameworks-content h2[data-v-210ff7b9]{color:#fff;font-size:var(--font-size-3xl);margin:var(--spacing-md) 0}.frameworks-content>p[data-v-210ff7b9]{color:#fff9;font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl)}.framework-list[data-v-210ff7b9]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.framework-item[data-v-210ff7b9]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:#ffffffb3}.framework-item svg[data-v-210ff7b9]{color:var(--danger-color)}.detection-meter[data-v-210ff7b9]{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--spacing-xl)}.meter-header[data-v-210ff7b9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.meter-title[data-v-210ff7b9]{color:#fff;font-weight:600}.meter-status[data-v-210ff7b9]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--accent-color)}.meter-status[data-v-210ff7b9]:before{content:"";width:8px;height:8px;background:var(--accent-color);border-radius:50%;animation:pulse-210ff7b9 2s ease-in-out infinite}@keyframes pulse-210ff7b9{0%,to{opacity:1}50%{opacity:.3}}.meter-bars[data-v-210ff7b9]{display:flex;flex-direction:column;gap:var(--spacing-md)}.meter-bar[data-v-210ff7b9]{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:var(--spacing-md)}.bar-label[data-v-210ff7b9]{font-size:var(--font-size-sm);color:#fff9}.bar-track[data-v-210ff7b9]{height:8px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.bar-fill[data-v-210ff7b9]{height:100%;border-radius:var(--radius-full);transition:width 1s ease-out}.bar-fill.red[data-v-210ff7b9]{background:var(--danger-color)}.bar-fill.orange[data-v-210ff7b9]{background:#f97316}.bar-fill.yellow[data-v-210ff7b9]{background:#eab308}.bar-fill.green[data-v-210ff7b9]{background:var(--accent-color)}.bar-value[data-v-210ff7b9]{font-size:var(--font-size-sm);color:#fff;text-align:right}.integration-section[data-v-210ff7b9]{padding:var(--spacing-4xl) 0;background:var(--gray-50)}.platform-cards[data-v-210ff7b9]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.platform-card[data-v-210ff7b9]{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-2xl);border:1px solid var(--gray-100);transition:all var(--transition-normal)}.platform-card[data-v-210ff7b9]:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.platform-logo[data-v-210ff7b9]{width:64px;height:64px;background:var(--gray-50);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);color:var(--gray-600)}.platform-card h3[data-v-210ff7b9]{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.platform-card>p[data-v-210ff7b9]{color:var(--gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.platform-features[data-v-210ff7b9]{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.platform-feature[data-v-210ff7b9]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--gray-700)}.platform-feature svg[data-v-210ff7b9]{color:var(--accent-color)}.platform-tracking[data-v-210ff7b9]{padding-top:var(--spacing-md);border-top:1px solid var(--gray-100)}.tracking-label[data-v-210ff7b9]{font-size:var(--font-size-xs);color:var(--gray-500);display:block;margin-bottom:var(--spacing-xs)}.tracking-code[data-v-210ff7b9]{font-family:Fira Code,monospace;font-size:var(--font-size-sm);padding:4px 8px;background:var(--gray-50);border-radius:var(--radius-md);color:var(--primary-color)}.setup-section[data-v-210ff7b9]{padding:var(--spacing-4xl) 0}.setup-grid[data-v-210ff7b9]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center}.setup-content h2[data-v-210ff7b9]{font-size:var(--font-size-3xl);margin:var(--spacing-md) 0}.setup-content>p[data-v-210ff7b9]{font-size:var(--font-size-lg);color:var(--gray-600);margin-bottom:var(--spacing-2xl)}.setup-steps[data-v-210ff7b9]{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.setup-step[data-v-210ff7b9]{display:flex;align-items:flex-start;gap:var(--spacing-md)}.step-number[data-v-210ff7b9]{width:32px;height:32px;background:var(--primary-color);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--font-size-sm);flex-shrink:0}.step-content h4[data-v-210ff7b9]{font-size:var(--font-size-base);margin-bottom:2px}.step-content p[data-v-210ff7b9]{font-size:var(--font-size-sm);color:var(--gray-500);margin:0}.code-preview[data-v-210ff7b9]{background:#1e1e2e;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl)}.code-header[data-v-210ff7b9]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#181825;border-bottom:1px solid rgba(255,255,255,.1)}.code-dots[data-v-210ff7b9]{display:flex;gap:6px}.code-dots span[data-v-210ff7b9]{width:12px;height:12px;border-radius:50%}.code-dots span[data-v-210ff7b9]:nth-child(1){background:#f38ba8}.code-dots span[data-v-210ff7b9]:nth-child(2){background:#f9e2af}.code-dots span[data-v-210ff7b9]:nth-child(3){background:#a6e3a1}.code-title[data-v-210ff7b9]{font-size:var(--font-size-sm);color:#ffffff80}.code-block[data-v-210ff7b9]{padding:var(--spacing-lg);margin:0;overflow-x:auto}.code-block code[data-v-210ff7b9]{font-family:Fira Code,Monaco,Consolas,monospace;font-size:var(--font-size-sm);color:#cdd6f4;line-height:1.6}.code-features[data-v-210ff7b9]{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:#181825;border-top:1px solid rgba(255,255,255,.1)}.code-feature[data-v-210ff7b9]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:#fff9}.code-feature svg[data-v-210ff7b9]{color:var(--accent-color)}.features-section[data-v-210ff7b9]{padding:var(--spacing-4xl) 0;background:var(--gray-50)}.features-grid[data-v-210ff7b9]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.feature-card[data-v-210ff7b9]{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-xl);border:1px solid var(--gray-100);transition:all var(--transition-normal)}.feature-card[data-v-210ff7b9]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon[data-v-210ff7b9]{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.feature-icon.blue[data-v-210ff7b9]{background:#2563eb1a;color:var(--primary-color)}.feature-icon.purple[data-v-210ff7b9]{background:#8b5cf61a;color:var(--purple-color)}.feature-icon.green[data-v-210ff7b9]{background:#10b9811a;color:var(--accent-color)}.feature-icon.orange[data-v-210ff7b9]{background:#f973161a;color:#f97316}.feature-icon.cyan[data-v-210ff7b9]{background:#06b6d41a;color:var(--cyan-color)}.feature-icon.red[data-v-210ff7b9]{background:#ef44441a;color:var(--danger-color)}.feature-card h3[data-v-210ff7b9]{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.feature-card p[data-v-210ff7b9]{color:var(--gray-600);font-size:var(--font-size-sm);line-height:1.6}.stats-section[data-v-210ff7b9]{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,#0f172a,#0c1929)}.stats-grid[data-v-210ff7b9]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}.stat-card[data-v-210ff7b9]{text-align:center}.stat-card .stat-value[data-v-210ff7b9]{display:block;font-size:var(--font-size-3xl);font-weight:700;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.stat-card .stat-label[data-v-210ff7b9]{font-size:var(--font-size-sm);color:#fff9}@media(max-width:1024px){.process-item[data-v-210ff7b9],.frameworks-grid[data-v-210ff7b9],.setup-grid[data-v-210ff7b9]{grid-template-columns:1fr}.process-item .process-visual[data-v-210ff7b9]{order:-1}.process-item.reverse .process-content[data-v-210ff7b9]{order:1}.detection-categories[data-v-210ff7b9],.features-grid[data-v-210ff7b9],.platform-cards[data-v-210ff7b9],.stats-grid[data-v-210ff7b9]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-stats[data-v-210ff7b9]{flex-direction:column;gap:var(--spacing-lg)}.detection-categories[data-v-210ff7b9],.features-grid[data-v-210ff7b9],.platform-cards[data-v-210ff7b9],.stats-grid[data-v-210ff7b9],.framework-list[data-v-210ff7b9]{grid-template-columns:1fr}.cta-actions[data-v-210ff7b9]{flex-direction:column;align-items:center}}.dark-theme .how-it-works-page{background:#0f172a}.dark-theme .how-it-works-page .process-section{background:#1e293b}.dark-theme .how-it-works-page .visual-card{background:#0f172a;border-color:#334155}.dark-theme .how-it-works-page .visual-card h3{color:#fff}.dark-theme .how-it-works-page .visual-card p{color:#94a3b8}.dark-theme .how-it-works-page .detection-section{background:#0f172a}.dark-theme .how-it-works-page .category-card{background:#1e293b;border-color:#334155}.dark-theme .how-it-works-page .category-card:hover{background:#1e293b;border-color:#3b82f6}.dark-theme .how-it-works-page .category-card h4{color:#fff}.dark-theme .how-it-works-page .category-card li{color:#94a3b8}.dark-theme .how-it-works-page .integration-section{background:#1e293b}.dark-theme .how-it-works-page .platform-card{background:transparent!important;border-color:#334155}.dark-theme .how-it-works-page .platform-card:hover{background:transparent!important;border-color:#3b82f6;box-shadow:0 4px 20px #3b82f626}.dark-theme .how-it-works-page .platform-card h4{color:#fff}.dark-theme .how-it-works-page .platform-card li{color:#94a3b8}.dark-theme .how-it-works-page .features-section{background:#1e293b}.dark-theme .how-it-works-page .feature-card{background:#0f172a;border-color:#334155}.dark-theme .how-it-works-page .feature-card h4{color:#fff}.dark-theme .how-it-works-page .feature-card p{color:#94a3b8}