:root {--section-padding-y: clamp(64px, 7vw, 112px);--section-padding-y-sm: clamp(40px, 5vw, 72px);--container-width: 1240px;--container-wide: 1320px;--space-xs: 8px;--space-2xl: 72;--space-xl: 48xp;--space-lg: 32px;--space-md: 20px;--space-sm: 12px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 12px 32px rgba(13, 43, 94, 0.08);--shadow-soft: 0 8px 24px rgba(31, 41, 55, 0.08);--shadow-product: 0 20px 48px rgba(13, 43, 94, 0.14);--ok-orange: #FF8A00;--ok-orange-hover: #E67600;--ok-orange-light: #FFF3E5;--0k-blue: #0d47a1;--Ok-blue-soft: #EAF1FB;--ok-blue-dark: #081D3D;--ok-charcoal: #1F2937;--ok-slate: #5A6675;--ok-gray: #E6EBF1;--ok-bg: #F7F9FC;--ok-border: #d6dde6;--ok-white: #FFFFFF;--ok-success: #16a34a;--ok-warning: #f59e0b;--ok-white-hover: #e6e6e6;--desktop: 30px;--okf-navy: #0D2B5E;--okf-surface-muted: #F2F4F7;--okf-border-soft: #DDE4EE;--okf-section-spacious: 96px;--okf-space-xl: 48px;}