:root{--color-primary-50: #e8f0fe;--color-primary-100: #c5d9fc;--color-primary-200: #9ebff9;--color-primary-300: #74a4f6;--color-primary-400: #548ff3;--color-primary-500: #3480f2;--color-primary-600: #2e6dd9;--color-primary-700: #2558b3;--color-primary-800: #1d448d;--color-primary-900: #12306b;--color-secondary-50: #e0f7f4;--color-secondary-100: #b3ece4;--color-secondary-200: #80dfd3;--color-secondary-300: #4dd2c1;--color-secondary-400: #26c8b3;--color-secondary-500: #00bea6;--color-secondary-600: #00ad97;--color-secondary-700: #009985;--color-secondary-800: #008674;--color-secondary-900: #006554;--color-neutral-0: #ffffff;--color-neutral-50: #f8f9fb;--color-neutral-100: #f1f3f5;--color-neutral-200: #e2e5e9;--color-neutral-300: #cdd1d7;--color-neutral-400: #9da3ad;--color-neutral-500: #7a8291;--color-neutral-600: #5f6673;--color-neutral-700: #464b56;--color-neutral-800: #272b34;--color-neutral-900: #14171d;--primary-rgb: 52, 128, 242;--secondary-rgb: 0, 190, 166;--success-rgb: 34, 197, 94;--error-rgb: 239, 68, 68;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-bg-primary: #ffffff;--color-bg-secondary: var(--color-neutral-50);--color-bg-dark: var(--color-neutral-900);--color-bg-dark-alt: var(--color-neutral-800);--color-text-primary: var(--color-neutral-800);--color-text-secondary: var(--color-neutral-600);--color-text-on-dark: var(--color-neutral-100);--color-text-on-dark-muted: var(--color-neutral-400);--color-border: var(--color-neutral-200);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.6;--tracking-tight: -.025em;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-bg: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--leading-snug: 1.375;--leading-relaxed: 1.75;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--shadow-glow: 0 0 20px rgba(52, 128, 242, .3);--shadow-glow-lg: 0 0 40px rgba(52, 128, 242, .25), 0 0 80px rgba(52, 128, 242, .1);--shadow-glow-secondary: 0 0 20px rgba(0, 204, 176, .25);--container-max: 1200px;--container-narrow: 800px;--navbar-height: 72px;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--bp-color-white: #ffffff;--bp-color-black: #000000;--bp-color-primary-50: #eef2ff;--bp-color-primary-100: #e0e7ff;--bp-color-primary-200: #c7d2fe;--bp-color-primary-300: #a5b4fc;--bp-color-primary-400: #818cf8;--bp-color-primary-500: #6366f1;--bp-color-primary-600: #4f46e5;--bp-color-primary-700: #4338ca;--bp-color-primary-800: #3730a3;--bp-color-primary-900: #312e81;--bp-color-primary-950: #1e1b4b;--bp-color-secondary-50: #f0fdfa;--bp-color-secondary-100: #ccfbf1;--bp-color-secondary-200: #99f6e4;--bp-color-secondary-300: #5eead4;--bp-color-secondary-400: #2dd4bf;--bp-color-secondary-500: #14b8a6;--bp-color-secondary-600: #0d9488;--bp-color-secondary-700: #0f766e;--bp-color-secondary-800: #115e59;--bp-color-secondary-900: #134e4a;--bp-color-secondary-950: #042f2e;--bp-color-success-50: #f0fdf4;--bp-color-success-100: #dcfce7;--bp-color-success-200: #bbf7d0;--bp-color-success-300: #86efac;--bp-color-success-400: #4ade80;--bp-color-success-500: #22c55e;--bp-color-success-600: #16a34a;--bp-color-success-700: #15803d;--bp-color-success-800: #166534;--bp-color-success-900: #14532d;--bp-color-success-950: #052e16;--bp-color-warning-50: #fffbeb;--bp-color-warning-100: #fef3c7;--bp-color-warning-200: #fde68a;--bp-color-warning-300: #fcd34d;--bp-color-warning-400: #fbbf24;--bp-color-warning-500: #f59e0b;--bp-color-warning-600: #d97706;--bp-color-warning-700: #b45309;--bp-color-warning-800: #92400e;--bp-color-warning-900: #78350f;--bp-color-warning-950: #451a03;--bp-color-error-50: #fef2f2;--bp-color-error-100: #fee2e2;--bp-color-error-200: #fecaca;--bp-color-error-300: #fca5a5;--bp-color-error-400: #f87171;--bp-color-error-500: #ef4444;--bp-color-error-600: #dc2626;--bp-color-error-700: #b91c1c;--bp-color-error-800: #991b1b;--bp-color-error-900: #7f1d1d;--bp-color-error-950: #450a0a;--bp-color-gray-50: #f9fafb;--bp-color-gray-100: #f3f4f6;--bp-color-gray-200: #e5e7eb;--bp-color-gray-300: #d1d5db;--bp-color-gray-400: #9ca3af;--bp-color-gray-500: #6b7280;--bp-color-gray-600: #4b5563;--bp-color-gray-700: #374151;--bp-color-gray-800: #1f2937;--bp-color-gray-900: #111827;--bp-color-gray-950: #030712;--bp-bg-primary: var(--bp-color-white);--bp-bg-secondary: var(--bp-color-gray-50);--bp-bg-surface: var(--bp-color-white);--bp-bg-elevated: var(--bp-color-gray-50);--bp-bg-overlay: rgba(0, 0, 0, .5);--bp-text-primary: var(--bp-color-gray-900);--bp-text-secondary: var(--bp-color-gray-600);--bp-text-muted: var(--bp-color-gray-400);--bp-text-inverse: var(--bp-color-white);--bp-border: var(--bp-color-gray-200);--bp-border-focus: var(--bp-color-primary-500);--bp-ring: 0 0 0 3px rgba(99, 102, 241, .25);--bp-space-0: 0;--bp-space-px: 1px;--bp-space-0-5: 2px;--bp-space-1: 4px;--bp-space-1-5: 6px;--bp-space-2: 8px;--bp-space-2-5: 10px;--bp-space-3: 12px;--bp-space-3-5: 14px;--bp-space-4: 16px;--bp-space-5: 20px;--bp-space-6: 24px;--bp-space-7: 28px;--bp-space-8: 32px;--bp-space-9: 36px;--bp-space-10: 40px;--bp-space-11: 44px;--bp-space-12: 48px;--bp-space-14: 56px;--bp-space-16: 64px;--bp-radius-none: 0;--bp-radius-sm: 6px;--bp-radius-md: 8px;--bp-radius-lg: 12px;--bp-radius-xl: 16px;--bp-radius-2xl: 24px;--bp-radius-full: 9999px;--bp-shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--bp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--bp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--bp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--bp-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--bp-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .2);--bp-transition-fast: .15s ease;--bp-transition-normal: .25s ease;--bp-transition-slow: .4s ease;--bp-transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--bp-font-sans: "Inter", system-ui, -apple-system, sans-serif;--bp-font-mono: "JetBrains Mono", ui-monospace, monospace;--bp-text-xs: .75rem;--bp-text-sm: .875rem;--bp-text-base: 1rem;--bp-text-lg: 1.125rem;--bp-text-xl: 1.25rem;--bp-text-2xl: 1.5rem;--bp-text-3xl: 1.875rem;--bp-text-4xl: 2.25rem;--bp-text-5xl: 3rem;--bp-text-6xl: 3.75rem;--bp-leading-tight: 1.25;--bp-leading-snug: 1.375;--bp-leading-normal: 1.6;--bp-leading-relaxed: 1.75;--bp-tracking-tight: -.025em;--bp-tracking-normal: 0;--bp-tracking-wide: .025em;--bp-font-weight-normal: 400;--bp-font-weight-medium: 500;--bp-font-weight-semibold: 600;--bp-font-weight-bold: 700;--bp-z-dropdown: 100;--bp-z-sticky: 200;--bp-z-fixed: 300;--bp-z-modal-bg: 400;--bp-z-modal: 500;--bp-z-popover: 600;--bp-z-tooltip: 700;--bp-z-command-palette: 800;--bp-container-max: 1200px;--bp-container-narrow: 800px;--bp-navbar-height: 72px;--bp-sidebar-width: 260px;--bp-breakpoint-sm: 640px;--bp-breakpoint-md: 768px;--bp-breakpoint-lg: 1024px;--bp-breakpoint-xl: 1280px;--bp-breakpoint-2xl: 1536px}[data-theme=dark]{--bp-bg-primary: var(--bp-color-gray-950);--bp-bg-secondary: var(--bp-color-gray-900);--bp-bg-surface: var(--bp-color-gray-900);--bp-bg-elevated: var(--bp-color-gray-800);--bp-bg-overlay: rgba(0, 0, 0, .7);--bp-text-primary: var(--bp-color-gray-50);--bp-text-secondary: var(--bp-color-gray-400);--bp-text-muted: var(--bp-color-gray-500);--bp-text-inverse: var(--bp-color-gray-900);--bp-border: var(--bp-color-gray-700);--bp-border-focus: var(--bp-color-primary-400);--bp-ring: 0 0 0 3px rgba(129, 140, 248, .3);--bp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--bp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--bp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .35), 0 4px 6px -4px rgba(0, 0, 0, .2);--bp-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .25);--color-bg-primary: var(--bp-color-gray-950);--color-bg-secondary: var(--bp-color-gray-900);--color-text-primary: var(--bp-color-gray-50);--color-text-secondary: var(--bp-color-gray-400);--color-border: var(--bp-color-gray-700)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:none;border:none}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-on-dark);background-color:var(--color-neutral-900)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-on-dark)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-text-secondary);line-height:var(--leading-normal)}a{transition:color var(--transition-fast)}a:hover{color:var(--color-primary-500)}code,pre{font-family:var(--font-mono)}::selection{background-color:var(--color-primary-100);color:var(--color-primary-900)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6)}.container--narrow{max-width:var(--container-narrow)}.section{padding-block:var(--space-24);position:relative}.section--dark{background-color:var(--color-bg-dark);color:var(--color-text-on-dark)}.section--dark h2,.section--dark h3,.section--dark h4{color:var(--color-text-on-dark)}.section--dark p{color:var(--color-text-on-dark-muted)}.section--alt{background-color:var(--color-bg-secondary)}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header h2{margin-bottom:var(--space-4)}.section-header p{font-size:var(--text-lg);max-width:600px;margin-inline:auto}.section-label{display:inline-block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-primary-500);margin-bottom:var(--space-3)}.section--dark .section-label{color:var(--color-secondary-400)}.grid{display:grid;gap:var(--space-8)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.text-gradient{background:linear-gradient(135deg,var(--color-primary-400),var(--color-secondary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:600;line-height:1;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff26,#fff0);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{background-color:var(--color-primary-500);color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover{background-color:var(--color-primary-600);color:#fff;box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn--secondary{background-color:transparent;color:var(--color-text-on-dark);border-color:#fff3}.btn--secondary:hover{background-color:#ffffff14;border-color:#ffffff59;color:var(--color-text-on-dark)}.btn--accent{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;box-shadow:var(--shadow-md),0 0 20px #3480f233}.btn--accent:hover{color:#fff;box-shadow:var(--shadow-lg),var(--shadow-glow-lg);filter:brightness(1.08)}.btn--ghost{background-color:transparent;color:var(--color-primary-500);border-color:var(--color-border)}.btn--ghost:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-600)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.card{background-color:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-primary-500),var(--color-secondary-500));opacity:0;transition:opacity var(--transition-base)}.card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-xl),0 0 30px #3480f20f;border-color:var(--color-primary-100)}.card:hover:before{opacity:1}.card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.card__icon svg{width:28px;height:28px}.card__icon--infra{background:linear-gradient(135deg,var(--color-primary-50),rgba(52,128,242,.12))}.card__icon--infra svg{stroke:var(--color-primary-600)}.card__icon--security{background:linear-gradient(135deg,#fef3c7,#f59e0b1a)}.card__icon--security svg{stroke:#b45309}.card__icon--automation{background:linear-gradient(135deg,var(--color-secondary-50),rgba(0,204,176,.1))}.card__icon--automation svg{stroke:var(--color-secondary-700)}.card__icon--ai{background:linear-gradient(135deg,#fce7f3,#be185d14)}.card__icon--ai svg{stroke:#be185d}.card__icon--software{background:linear-gradient(135deg,#ede9fe,#7c3aed14)}.card__icon--software svg{stroke:#7c3aed}.card__icon--cloud{background:linear-gradient(135deg,#e0f2fe,#0ea5e914)}.card__icon--cloud svg{stroke:#0284c7}.card__title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-3);color:var(--color-text-primary)}.card__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.card__link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5);font-size:var(--text-sm);font-weight:600;color:var(--color-primary-500);transition:gap var(--transition-fast),color var(--transition-fast)}.card__link:hover{gap:var(--space-3);color:var(--color-primary-600)}.product-card{position:relative;background-color:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);overflow:hidden;transition:all var(--transition-base)}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-secondary-500));opacity:0;transition:opacity var(--transition-base)}.product-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-xl),0 0 40px #3480f20f;border-color:var(--color-primary-100)}.product-card:hover:before{opacity:1}.product-card__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.product-card__icon svg{width:36px;height:36px}.product-card__icon--firewall{background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100))}.product-card__icon--firewall svg{stroke:var(--color-primary-600)}.product-card__icon--vpn{background:linear-gradient(135deg,var(--color-secondary-50),var(--color-secondary-100))}.product-card__icon--vpn svg{stroke:var(--color-secondary-700)}.product-card__icon--mail{background:linear-gradient(135deg,#fef3c7,#fde68a)}.product-card__icon--mail svg{stroke:#b45309}.product-card__icon--endpoint{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.product-card__icon--endpoint svg{stroke:#be185d}.product-card__icon--devnexus{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.product-card__icon--devnexus svg{stroke:#4338ca}.product-card__title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2)}.product-card__subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary-500);margin-bottom:var(--space-4)}.product-card__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.product-card__features{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.product-card__feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.product-card__feature-check{color:var(--color-success);font-weight:700}.reveal{opacity:0;transform:translateY(24px) scale(.98);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal--visible{opacity:1;transform:translateY(0) scale(1)}.reveal--delay-1{transition-delay:.1s}.reveal--delay-2{transition-delay:.2s}.reveal--delay-3{transition-delay:.3s}.reveal--delay-4{transition-delay:.4s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mono{font-family:var(--font-mono)}