: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;--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)}*,*: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)}