:root{--p4-blue:#0A5FAD;--p4-blue-50:#E8F2FC;--p4-blue-100:#C5DEF7;--p4-blue-200:#9EC8F1;--p4-blue-300:#77B1EB;--p4-blue-400:#509AE5;--p4-blue-500:#0A5FAD;--p4-blue-600:#084D8A;--p4-blue-700:#063D6E;--p4-blue-800:#042D52;--p4-blue-900:#021D36;--p4-blue-rgb:10,95,173;--p4-orange:#FBAD48;--p4-orange-50:#FFF5E6;--p4-orange-100:#FEE8C7;--p4-orange-200:#FDD9A3;--p4-orange-300:#FCCA7F;--p4-orange-400:#FBBB5B;--p4-orange-500:#FBAD48;--p4-orange-600:#E99A30;--p4-orange-700:#D88920;--p4-orange-800:#B87010;--p4-orange-900:#8A5408;--p4-orange-rgb:251,173,72;--p4-grey:#939598;--p4-grey-50:#F5F5F6;--p4-grey-100:#E8E9EA;--p4-grey-200:#D4D5D7;--p4-grey-300:#B0B3B5;--p4-grey-400:#939598;--p4-grey-500:#6B6D70;--p4-grey-600:#565759;--p4-grey-700:#414243;--p4-grey-800:#2D2D2E;--p4-grey-900:#1A1A1B;--p4-grey-rgb:147,149,152}:root{--success:#2E7D32;--success-50:#E8F5E9;--success-100:#C8E6C9;--success-200:#A5D6A7;--success-300:#81C784;--success-400:#66BB6A;--success-500:#4CAF50;--success-600:#43A047;--success-700:#388E3C;--success-800:#2E7D32;--success-900:#1B5E20;--success-rgb:46,125,50;--warning:#F9A825;--warning-50:#FFFDE7;--warning-100:#FFF9C4;--warning-200:#FFF59D;--warning-300:#FFF176;--warning-400:#FFEE58;--warning-500:#FFEB3B;--warning-600:#FDD835;--warning-700:#FBC02D;--warning-800:#F9A825;--warning-900:#F57F17;--warning-rgb:249,168,37;--error:#C62828;--error-50:#FFEBEE;--error-100:#FFCDD2;--error-200:#EF9A9A;--error-300:#E57373;--error-400:#EF5350;--error-500:#F44336;--error-600:#E53935;--error-700:#D32F2F;--error-800:#C62828;--error-900:#B71C1C;--error-rgb:198,40,40;--info:#0288D1;--info-50:#E1F5FE;--info-100:#B3E5FC;--info-200:#81D4FA;--info-300:#4FC3F7;--info-400:#29B6F6;--info-500:#03A9F4;--info-600:#039BE5;--info-700:#0288D1;--info-800:#0277BD;--info-900:#01579B;--info-rgb:2,136,209}:root{--font-primary:'Segoe UI',-apple-system,BlinkMacSystemFont,'Inter','Roboto','Helvetica Neue',Arial,sans-serif;--font-mono:'Cascadia Code','Fira Code','Consolas','Monaco','Liberation Mono',monospace;--text-xs:0.6875rem;--text-sm:0.75rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.2;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--text-xs-fluid:clamp(0.625rem,0.6rem+0.125vw,0.75rem);--text-sm-fluid:clamp(0.75rem,0.7rem+0.25vw,0.875rem);--text-base-fluid:clamp(0.875rem,0.8rem+0.375vw,1rem);--text-md-fluid:clamp(1rem,0.9rem+0.5vw,1.125rem);--text-lg-fluid:clamp(1.125rem,1rem+0.625vw,1.25rem);--text-xl-fluid:clamp(1.25rem,1.1rem+0.75vw,1.5rem);--text-2xl-fluid:clamp(1.5rem,1.3rem+1vw,1.875rem);--text-3xl-fluid:clamp(1.875rem,1.6rem+1.375vw,2.25rem);--text-4xl-fluid:clamp(2.25rem,1.9rem+1.75vw,2.75rem);--text-5xl-fluid:clamp(2.5rem,2rem+2.5vw,3.5rem);--text-6xl-fluid:clamp(3rem,2.5rem+2.5vw,4rem);--text-7xl-fluid:clamp(3.5rem,2.5rem+5vw,5rem);--icon-xs:clamp(1rem,0.9rem+0.5vw,1.25rem);--icon-sm:clamp(1.5rem,1.3rem+1vw,2rem);--icon-md:clamp(2rem,1.7rem+1.5vw,2.5rem);--icon-lg:clamp(3rem,2.5rem+2.5vw,4rem);--icon-xl:clamp(4rem,3rem+5vw,6rem);--icon-2xl:clamp(5rem,3.5rem+7.5vw,8rem);--icon-feature:clamp(5rem,4rem+5vw,8.75rem)}:root{--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--space-48:12rem;--space-64:16rem}:root{--header-height:64px;--header-height-mobile:56px;--content-width-sm:640px;--content-width-md:960px;--content-width-lg:1280px;--content-width-xl:1440px;--content-width-full:1920px;--section-padding-y:var(--space-20);--section-padding-y-mobile:var(--space-12);--section-gap:var(--space-16);--card-padding:var(--space-6);--card-padding-lg:var(--space-8);--card-gap:var(--space-4);--form-gap:var(--space-3);--hero-min-height:600px;--hero-min-height-mobile:500px;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:500;--z-fixed:1000;--z-modal-backdrop:9000;--z-modal:10000;--z-popover:15000;--z-tooltip:20000;--z-toast:100000}:root{--border-0:0;--border-1:1px;--border-2:2px;--border-4:4px;--border-8:8px;--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:24px;--radius-full:9999px}:root{--shadow-none:none;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.03);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 2px 4px -1px rgba(0,0,0,0.06),0 1px 2px -1px rgba(0,0,0,0.06);--shadow-lg:0 4px 6px -1px rgba(0,0,0,0.08),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-xl:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-2xl:0 20px 25px -5px rgba(0,0,0,0.08),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.05);--shadow-focus:0 0 0 3px rgba(10,95,173,0.3);--shadow-focus-error:0 0 0 3px rgba(198,40,40,0.3);--shadow-focus-success:0 0 0 3px rgba(46,125,50,0.3)}:root{--duration-instant:0ms;--duration-fast:100ms;--duration-normal:150ms;--duration-moderate:200ms;--duration-slow:300ms;--duration-slower:400ms;--duration-slowest:500ms;--ease-linear:linear;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-elastic:cubic-bezier(0.68,-0.55,0.265,1.55);--transition-colors:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);--transition-opacity:opacity var(--duration-normal) var(--ease-default);--transition-shadow:box-shadow var(--duration-normal) var(--ease-default);--transition-transform:transform var(--duration-normal) var(--ease-out);--transition-all:all var(--duration-normal) var(--ease-default)}:root{--breakpoint-xs:0px;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1400px}:root{--btn-height-sm:32px;--btn-height-md:44px;--btn-height-lg:52px;--btn-height-xl:60px;--btn-padding-x-sm:var(--space-4);--btn-padding-x-md:var(--space-6);--btn-padding-x-lg:var(--space-8);--btn-padding-x-xl:var(--space-10);--input-height-sm:36px;--input-height-md:44px;--input-height-lg:52px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--icon-2xl:48px;--icon-3xl:64px;--touch-target-min:44px}:root,[data-theme="light"]{--theme-mode:light;--color-primary:var(--p4-blue);--color-primary-hover:var(--p4-blue-600);--color-primary-active:var(--p4-blue-700);--color-primary-light:var(--p4-blue-50);--color-primary-rgb:var(--p4-blue-rgb);--color-accent:var(--p4-orange);--color-accent-hover:var(--p4-orange-600);--color-accent-active:var(--p4-orange-700);--color-accent-light:var(--p4-orange-50);--color-accent-rgb:var(--p4-orange-rgb);--bg-primary:#FFFFFF;--bg-secondary:#F5F5F5;--bg-tertiary:#FAFAFA;--bg-elevated:#FFFFFF;--bg-inverse:#1F1F1F;--surface-card:#FFFFFF;--surface-hover:rgba(0,0,0,0.04);--surface-active:rgba(0,0,0,0.08);--surface-selected:var(--p4-blue-50);--text-primary:#323130;--text-secondary:#605E5C;--text-tertiary:#8A8886;--text-disabled:#A19F9D;--text-inverse:#FFFFFF;--text-link:var(--p4-blue);--text-link-hover:var(--p4-blue-600);--border-color:#E1E1E1;--border-light:#F0F0F0;--border-dark:#C8C8C8;--border-focus:var(--p4-blue);--border-error:var(--error);--success-bg:var(--success-50);--warning-bg:var(--warning-50);--error-bg:var(--error-50);--info-bg:var(--info-50);--success-text:var(--success-800);--warning-text:var(--warning-900);--error-text:var(--error-800);--info-text:var(--info-800);--divider-color:#E1E1E1;--overlay-color:rgba(0,0,0,0.5)}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0ms;--duration-fast:0ms;--duration-normal:0ms;--duration-moderate:0ms;--duration-slow:0ms;--duration-slower:0ms;--duration-slowest:0ms}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@media (prefers-contrast:high){:root,[data-theme="light"]{--border-color:#000000;--text-primary:#000000;--text-secondary:#333333}}@media print{:root{--color-primary:#000000;--bg-primary:#FFFFFF;--text-primary:#000000;--shadow-none:none;--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;--shadow-2xl:none}}:root{--gradient-hero:linear-gradient(135deg,var(--p4-blue) 0%,var(--p4-blue-700) 100%);--gradient-hero-overlay:linear-gradient(135deg,rgba(10,95,173,0.95) 0%,rgba(6,61,110,0.95) 100%);--gradient-accent:linear-gradient(135deg,var(--p4-orange) 0%,var(--p4-orange-700) 100%);--gradient-subtle:linear-gradient(180deg,#FFFFFF 0%,#F5F5F5 100%);--gradient-subtle-dark:linear-gradient(180deg,#1A1A1B 0%,#2D2D2E 100%);--gradient-mesh:radial-gradient(at 0% 0%,rgba(10,95,173,0.1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(251,173,72,0.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(10,95,173,0.1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(251,173,72,0.1) 0px,transparent 50%)}[data-theme="dark"]{--theme-mode:dark;--color-primary:#4A9FE5;--color-primary-hover:#77B1EB;--color-primary-active:#9EC8F1;--color-primary-light:rgba(10,95,173,0.15);--color-primary-rgb:74,159,229;--color-accent:#FCCA7F;--color-accent-hover:#FDD9A3;--color-accent-active:#FEE8C7;--color-accent-light:rgba(251,173,72,0.15);--color-accent-rgb:252,202,127;--bg-primary:#1A1A1B;--bg-secondary:#2D2D2E;--bg-tertiary:#414243;--bg-elevated:#2D2D2E;--bg-inverse:#FFFFFF;--surface-card:#2D2D2E;--surface-hover:rgba(255,255,255,0.05);--surface-active:rgba(255,255,255,0.10);--surface-selected:rgba(74,159,229,0.15);--text-primary:#FFFFFF;--text-secondary:#D4D5D7;--text-tertiary:#B0B3B5;--text-disabled:#6B6D70;--text-inverse:#1A1A1B;--text-link:#77B1EB;--text-link-hover:#9EC8F1;--border-color:#414243;--border-light:#565759;--border-dark:#2D2D2E;--border-focus:#4A9FE5;--border-error:#EF5350;--success-bg:rgba(46,125,50,0.15);--warning-bg:rgba(249,168,37,0.15);--error-bg:rgba(198,40,40,0.15);--info-bg:rgba(74,159,229,0.15);--success-text:#81C784;--warning-text:#FFEE58;--error-text:#EF5350;--info-text:#4FC3F7;--divider-color:#414243;--overlay-color:rgba(0,0,0,0.7);--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.4);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.5);--shadow-md:0 2px 4px -1px rgba(0,0,0,0.6),0 1px 2px -1px rgba(0,0,0,0.6);--shadow-lg:0 4px 6px -1px rgba(0,0,0,0.7),0 2px 4px -1px rgba(0,0,0,0.6);--shadow-xl:0 10px 15px -3px rgba(0,0,0,0.8),0 4px 6px -2px rgba(0,0,0,0.7);--shadow-2xl:0 20px 25px -5px rgba(0,0,0,0.8),0 10px 10px -5px rgba(0,0,0,0.7);--gradient-hero:linear-gradient(135deg,#084D8A 0%,#021D36 100%);--gradient-subtle:linear-gradient(180deg,#1A1A1B 0%,#2D2D2E 100%)}:root{--curve-wave:path("M0,96L48,112C96,128,192,160,288,165.3C384,171,480,149,576,144C672,139,768,149,864,165.3C960,181,1056,203,1152,197.3C1248,192,1344,160,1392,144L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z");--radius-organic-sm:20px 25px 20px 25px / 25px 20px 25px 20px;--radius-organic-md:30px 40px 30px 40px / 40px 30px 40px 30px;--radius-organic-lg:40px 50px 40px 50px / 50px 40px 50px 40px}:root{--glass-bg:rgba(255,255,255,0.1);--glass-border:rgba(255,255,255,0.2);--glass-blur:blur(10px);--glass-blur-heavy:blur(20px);--glass-bg-dark:rgba(0,0,0,0.2);--glass-border-dark:rgba(255,255,255,0.1)}[data-theme="dark"]{--glass-bg:var(--glass-bg-dark);--glass-border:var(--glass-border-dark)}:root{--hover-lift:translateY(-2px);--hover-lift-lg:translateY(-4px);--hover-scale:scale(1.02);--hover-scale-sm:scale(1.01);--active-press:scale(0.98);--bounce-scale:scale(1.05);--glow-primary:0 0 20px rgba(10,95,173,0.4);--glow-accent:0 0 20px rgba(251,173,72,0.4)}:root{--text-reveal-duration:0.6s;--text-reveal-delay:0.1s;--text-reveal-ease:cubic-bezier(0.25,0.46,0.45,0.94);--text-hover-shift:2px;--text-gradient-animate:200%}.product-family-card{transition:all 0.3s ease;border:1px solid transparent}.product-family-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,0.12) !important;border-color:#0A5FAD}.product-logo{transition:transform 0.3s ease}.product-family-card:hover .product-logo{transform:scale(1.05)}.product-icon-placeholder{transition:all 0.3s ease}.product-family-card:hover .product-icon-placeholder{transform:scale(1.1)}