:root{color-scheme:light;--surface-page: #ffffff;--surface-sunken: #f4f6f9;--surface-raised: #ffffff;--surface-overlay: #ffffff;--surface-scrim: rgba(20, 23, 29, .55);--surface-subtle: #f8f9fb;--surface-inset: #f1f3f5;--surface-hover: #f1f3f5;--text-strong: #14171d;--text-body: #464b56;--text-muted: #5f6673;--text-link: #2558b3;--text-link-hover: #1d448d;--text-placeholder: #5f6673;--icon-muted: #5f6673;--border-subtle: #e2e5e9;--border-strong: #c3c8d0;--accent-solid: #2e6dd9;--accent-solid-hover: #2558b3;--accent-soft: #e8f0fe;--accent-soft-border: #9ebff9;--text-on-accent: #ffffff;--accent-secondary-soft: #e0f7f4;--text-accent-secondary: #00776a;--accent-violet-soft: rgba(139, 92, 246, .12);--text-accent-violet: #6d28d9;--text-success: #166534;--text-warning: #92400e;--text-error: #b91c1c;--text-info: #1d4ed8;--focus-ring: #2558b3;--shadow-color: 220deg 40% 20%;--surface-inverse: #14171d;--surface-inverse-alt: #0d1826;--text-on-inverse: #f1f3f5;--text-on-inverse-body: #cdd1d7;--text-on-inverse-muted: #9da3ad;--text-on-inverse-accent: #74a4f6;--border-on-inverse: rgba(255, 255, 255, .14);--status-success-solid: #15803d;--status-warning-solid: #b45309;--status-error-solid: #b91c1c;--status-neutral-solid: #5f6673;--accent-secondary-solid: #00776a;--status-success-surface: rgba(34, 197, 94, .12);--status-warning-surface: rgba(245, 158, 11, .12);--status-error-surface: rgba(239, 68, 68, .12);--status-info-surface: rgba(59, 130, 246, .12)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--surface-page: #14171d;--surface-sunken: #191d24;--surface-raised: #232830;--surface-overlay: #2b3039;--surface-scrim: rgba(0, 0, 0, .7);--surface-subtle: #2b3039;--surface-inset: #333945;--surface-hover: #2b3039;--text-strong: #f1f3f5;--text-body: #cdd1d7;--text-muted: #9da3ad;--text-link: #85aef7;--text-link-hover: #c0d6fb;--text-placeholder: #9da3ad;--icon-muted: #9da3ad;--border-subtle: #2f3440;--border-strong: #464b56;--accent-solid: #2e6dd9;--accent-solid-hover: #2558b3;--accent-soft: rgba(52, 128, 242, .16);--accent-soft-border: rgba(52, 128, 242, .4);--text-on-accent: #ffffff;--accent-secondary-soft: rgba(0, 190, 166, .16);--text-accent-secondary: #4dd2c1;--accent-violet-soft: rgba(139, 92, 246, .12);--text-accent-violet: #c4b5fd;--text-success: #4ade80;--text-warning: #fbbf24;--text-error: #f87171;--text-info: #93c5fd;--focus-ring: #9ebff9;--shadow-color: 220deg 60% 2%}}:root[data-theme=dark]{color-scheme:dark;--surface-page: #14171d;--surface-sunken: #191d24;--surface-raised: #232830;--surface-overlay: #2b3039;--surface-scrim: rgba(0, 0, 0, .7);--surface-subtle: #2b3039;--surface-inset: #333945;--surface-hover: #2b3039;--text-strong: #f1f3f5;--text-body: #cdd1d7;--text-muted: #9da3ad;--text-link: #85aef7;--text-link-hover: #c0d6fb;--text-placeholder: #9da3ad;--icon-muted: #9da3ad;--border-subtle: #2f3440;--border-strong: #464b56;--accent-solid: #2e6dd9;--accent-solid-hover: #2558b3;--accent-soft: rgba(52, 128, 242, .16);--accent-soft-border: rgba(52, 128, 242, .4);--text-on-accent: #ffffff;--accent-secondary-soft: rgba(0, 190, 166, .16);--text-accent-secondary: #4dd2c1;--accent-violet-soft: rgba(139, 92, 246, .12);--text-accent-violet: #c4b5fd;--text-success: #4ade80;--text-warning: #fbbf24;--text-error: #f87171;--text-info: #93c5fd;--focus-ring: #9ebff9;--shadow-color: 220deg 60% 2%}:root.theme-switch,:root.theme-switch *,:root.theme-switch *:before,:root.theme-switch *:after{transition:none!important}:root{--color-primary-50: var(--accent-soft);--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: var(--accent-secondary-soft);--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: var(--surface-subtle);--color-neutral-100: var(--surface-inset);--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-surface: var(--surface-raised);--color-accent: var(--accent-solid);--color-bg-primary: var(--surface-page);--color-bg-secondary: var(--surface-sunken);--color-bg-surface: var(--surface-raised);--color-bg-dark: var(--surface-inverse);--color-bg-dark-alt: var(--surface-inverse-alt);--color-text-primary: var(--text-strong);--color-text-body: var(--text-body);--color-text-secondary: var(--text-muted);--color-text-link: var(--text-link);--color-text-on-dark: var(--text-on-inverse);--color-text-on-dark-muted: var(--text-on-inverse-muted);--color-border: var(--border-subtle);--color-border-strong: var(--border-strong);--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-primary-600: var(--color-primary-600);--bp-color-primary-700: var(--color-primary-700);--bp-color-success-600: #16a34a;--bp-color-warning-600: #d97706;--bp-color-warning-700: #b45309;--bp-color-error-500: #ef4444;--bp-color-error-600: #dc2626;--bp-color-error-700: #b91c1c;--bp-color-gray-200: #e5e7eb;--bp-color-gray-300: #d1d5db;--bp-color-gray-600: #4b5563;--bp-color-gray-800: #1f2937;--bp-color-gray-900: #111827;--bp-bg-primary: var(--surface-page);--bp-bg-secondary: var(--surface-sunken);--bp-bg-surface: var(--surface-raised);--bp-bg-elevated: var(--surface-overlay);--bp-bg-overlay: var(--surface-scrim);--bp-text-primary: var(--text-strong);--bp-text-secondary: var(--text-body);--bp-text-muted: var(--text-muted);--bp-text-inverse: var(--text-on-accent);--bp-border: var(--border-subtle);--bp-border-focus: var(--focus-ring);--bp-ring: 0 0 0 3px var(--accent-soft-border);--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}@media(prefers-color-scheme:dark){:root:not([data-theme]){--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .45), 0 4px 6px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7);--bp-shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--bp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--bp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--bp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .45), 0 4px 6px -4px rgba(0, 0, 0, .3);--bp-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .3);--bp-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7)}}:root[data-theme=dark]{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .45), 0 4px 6px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7);--bp-shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--bp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--bp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--bp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .45), 0 4px 6px -4px rgba(0, 0, 0, .3);--bp-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .3);--bp-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7)}*,*: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;scroll-padding-top:calc(var(--navbar-height) + var(--space-4))}body{min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}.btn:hover,.card:hover,.product-card:hover,.team-card:hover{transform:none!important}}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(--text-body);background-color:var(--surface-page)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-strong);text-wrap:balance}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(--text-muted);line-height:var(--leading-normal);text-wrap:pretty}strong,b{color:var(--text-strong);font-weight:600}small{color:var(--text-muted)}a{transition:color var(--transition-fast)}a:hover{color:var(--text-link)}code,pre{font-family:var(--font-mono)}::selection{background-color:var(--accent-soft);color:var(--text-strong)}::placeholder{color:var(--text-muted);opacity:1}.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;background-color:var(--surface-page)}.section--dark{background-color:var(--surface-inverse);color:var(--text-on-inverse-body)}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4,.section--dark h5,.section--dark h6{color:var(--text-on-inverse)}.section--dark p{color:var(--text-on-inverse-muted)}.section--alt{background-color:var(--surface-sunken)}.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(--text-link);margin-bottom:var(--space-3)}.section--dark,.hero,.about-hero,.services-hero,.products-hero,.contact-hero,.legal-hero,.cta-band,.error-page,.vision-card{color:var(--text-on-inverse-body)}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4,.section--dark h5,.section--dark h6,.hero h1,.hero h2,.hero h3,.hero h4,.hero h5,.hero h6,.about-hero h1,.about-hero h2,.about-hero h3,.about-hero h4,.about-hero h5,.about-hero h6,.services-hero h1,.services-hero h2,.services-hero h3,.services-hero h4,.services-hero h5,.services-hero h6,.products-hero h1,.products-hero h2,.products-hero h3,.products-hero h4,.products-hero h5,.products-hero h6,.contact-hero h1,.contact-hero h2,.contact-hero h3,.contact-hero h4,.contact-hero h5,.contact-hero h6,.legal-hero h1,.legal-hero h2,.legal-hero h3,.legal-hero h4,.legal-hero h5,.legal-hero h6,.cta-band h1,.cta-band h2,.cta-band h3,.cta-band h4,.cta-band h5,.cta-band h6,.error-page h1,.error-page h2,.error-page h3,.error-page h4,.error-page h5,.error-page h6,.vision-card h1,.vision-card h2,.vision-card h3,.vision-card h4,.vision-card h5,.vision-card h6{color:var(--text-on-inverse)}.section--dark p,.hero p,.about-hero p,.services-hero p,.products-hero p,.contact-hero p,.legal-hero p,.cta-band p,.error-page p,.vision-card p{color:var(--text-on-inverse-muted)}.section--dark .section-label,.hero .section-label,.about-hero .section-label,.services-hero .section-label,.products-hero .section-label,.contact-hero .section-label,.legal-hero .section-label,.cta-band .section-label,.error-page .section-label,.vision-card .section-label{color:var(--color-secondary-300)}.section--dark .btn--secondary,.section--dark .btn--outline,.hero .btn--secondary,.hero .btn--outline,.about-hero .btn--secondary,.about-hero .btn--outline,.services-hero .btn--secondary,.services-hero .btn--outline,.products-hero .btn--secondary,.products-hero .btn--outline,.contact-hero .btn--secondary,.contact-hero .btn--outline,.legal-hero .btn--secondary,.legal-hero .btn--outline,.cta-band .btn--secondary,.cta-band .btn--outline,.error-page .btn--secondary,.error-page .btn--outline,.vision-card .btn--secondary,.vision-card .btn--outline{color:var(--text-on-inverse);border-color:#ffffff47}.section--dark .btn--secondary:hover,.section--dark .btn--outline:hover,.hero .btn--secondary:hover,.hero .btn--outline:hover,.about-hero .btn--secondary:hover,.about-hero .btn--outline:hover,.services-hero .btn--secondary:hover,.services-hero .btn--outline:hover,.products-hero .btn--secondary:hover,.products-hero .btn--outline:hover,.contact-hero .btn--secondary:hover,.contact-hero .btn--outline:hover,.legal-hero .btn--secondary:hover,.legal-hero .btn--outline:hover,.cta-band .btn--secondary:hover,.cta-band .btn--outline:hover,.error-page .btn--secondary:hover,.error-page .btn--outline:hover,.vision-card .btn--secondary:hover,.vision-card .btn--outline:hover{background-color:#ffffff1a;border-color:#ffffff73;color:var(--text-on-inverse)}.section--dark :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,.hero :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,.about-hero :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,.services-hero :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,.products-hero :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,.contact-hero :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,.legal-hero :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,.cta-band :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,.error-page :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,.vision-card :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:var(--color-primary-200)}.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}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.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(--accent-solid);color:var(--text-on-accent);box-shadow:var(--shadow-md)}.btn--primary:hover{background-color:var(--accent-solid-hover);color:var(--text-on-accent);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn--secondary{background-color:transparent;color:var(--text-strong);border-color:var(--border-strong)}.btn--secondary:hover{background-color:var(--accent-soft);border-color:var(--accent-soft-border);color:var(--text-strong)}.btn--accent{background:linear-gradient(135deg,var(--accent-solid),var(--accent-solid-hover));color:var(--text-on-accent);box-shadow:var(--shadow-md),0 0 20px #3480f233}.btn--accent:hover{color:var(--text-on-accent);box-shadow:var(--shadow-lg),var(--shadow-glow-lg)}.btn--ghost{background-color:transparent;color:var(--text-link);border-color:var(--border-subtle)}.btn--ghost:hover{background-color:var(--accent-soft);border-color:var(--accent-soft-border);color:var(--text-link)}.btn--outline{background-color:transparent;color:var(--text-strong);border-color:var(--border-strong)}.btn--outline:hover{background-color:var(--accent-soft);border-color:var(--accent-soft-border);color:var(--text-link)}.navbar .btn--outline,.navbar .btn--secondary{color:var(--text-on-inverse);border-color:#ffffff47}.navbar .btn--outline:hover,.navbar .btn--secondary:hover{background-color:#ffffff1a;border-color:#ffffff73;color:var(--text-on-inverse)}.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:var(--surface-raised);border:1px solid var(--border-subtle);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(--accent-soft-border)}.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-700)}.card__icon--security{background:linear-gradient(135deg,#fef3c7,#f59e0b1a)}.card__icon--security svg{stroke:#92400e}.card__icon--automation{background:linear-gradient(135deg,var(--color-secondary-50),rgba(0,204,176,.1))}.card__icon--automation svg{stroke:var(--color-secondary-900)}.card__icon--ai{background:linear-gradient(135deg,#fce7f3,#be185d14)}.card__icon--ai svg{stroke:#9d174d}.card__icon--software{background:linear-gradient(135deg,#ede9fe,#7c3aed14)}.card__icon--software svg{stroke:#6d28d9}.card__icon--cloud{background:linear-gradient(135deg,#e0f2fe,#0ea5e914)}.card__icon--cloud svg{stroke:#0369a1}.card__title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-3);color:var(--text-strong)}.card__text{font-size:var(--text-sm);color:var(--text-muted);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(--text-link);transition:gap var(--transition-fast),color var(--transition-fast)}.card__link:hover{gap:var(--space-3);color:var(--text-link);text-decoration:underline}.product-card{position:relative;background-color:var(--surface-raised);border:1px solid var(--border-subtle);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(--accent-soft-border)}.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-700)}.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-900)}.product-card__icon--mail{background:linear-gradient(135deg,#fef3c7,#fde68a)}.product-card__icon--mail svg{stroke:#92400e}.product-card__icon--endpoint{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.product-card__icon--endpoint svg{stroke:#9d174d}.product-card__icon--devnexus{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.product-card__icon--devnexus svg{stroke:#3730a3}.product-card__title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2);color:var(--text-strong)}.product-card__subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-link);margin-bottom:var(--space-4)}.product-card__text{font-size:var(--text-sm);color:var(--text-muted);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(--text-body)}.product-card__feature-check{color:var(--color-secondary-700);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)}
