@charset "UTF-8";

:root {
  /* ==================== ╨ж╨Т╨Х╨в╨Ю╨Т╨Р╨п ╨Я╨Р╨Ы╨Ш╨в╨а╨Р ==================== */
  /* ╨Ю╤Б╨╜╨╛╨▓╨╜╤Л╨╡ ╤Ж╨▓╨╡╤В╨░ */
  --primary-blue: #4a9fe8;
  --dark-blue: #1a3a5c;
  --navy-blue: #0f2840;
  --light-blue: #e8f4ff;
  --sky-blue: #6bb6f5;
  /* ╨Р╨║╤Ж╨╡╨╜╤В╨╜╤Л╨╡ ╤Ж╨▓╨╡╤В╨░ */
  --accent-red: #ff5f42;
  --accent-orange: #ff6b4a;
  /* ╨Э╨╡╨╣╤В╤А╨░╨╗╤М╨╜╤Л╨╡ ╤Ж╨▓╨╡╤В╨░ */
  --white: #ffffff;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  /* ╨в╨╡╨║╤Б╤В */
  --text-primary: #353535;
  --text-secondary: #5d5d5d;
  --text-light: #9ca3af;
  --text-white: #ffffff;
  /* ╨д╨╛╨╜╤Л */
  --bg-white: #ffffff;
  --bg-light: #f9fafb;
  --bg-gray: #f3f4f6;
  --bg-dark: #1a3a5c;
  --bg-navy: #0f2840;
  --bg-page: #eff0ef;
  /* ╨а╨░╤Б╤И╨╕╤А╨╡╨╜╨╜╤Л╨╡ ╨░╨║╤Ж╨╡╨╜╤В╨╜╤Л╨╡ ╤Ж╨▓╨╡╤В╨░ */
  --accent-blue: #4d96d2;
  --waterfall-blue: #7fc3e1;
  /* ==================== ╨в╨Ш╨Я╨Ю╨У╨а╨Р╨д╨Ш╨Ъ╨Р ==================== */
  /* ╨и╤А╨╕╤Д╤В╤Л */
  --font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: "SF Pro Display", "SFProDisplay", "SF", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  /* ╨а╨░╨╖╨╝╨╡╤А╤Л ╤И╤А╨╕╤Д╤В╨╛╨▓ тАФ fluid (375px тЖТ 1900px) */
  --font-size-xs: clamp(0.625rem, 0.594rem + 0.131vw, 0.75rem);
  /* 10px тЖТ 12px */
  --font-size-sm: clamp(0.75rem, 0.719rem + 0.131vw, 0.875rem);
  /* 12px тЖТ 14px */
  --font-size-base: clamp(0.875rem, 0.844rem + 0.131vw, 1rem);
  /* 14px тЖТ 16px */
  --font-size-lg: clamp(0.9375rem, 0.891rem + 0.197vw, 1.125rem);
  /* 15px тЖТ 18px */
  --font-size-xl: clamp(1rem, 0.939rem + 0.262vw, 1.25rem);
  /* 16px тЖТ 20px */
  --font-size-2xl: clamp(1.125rem, 1.033rem + 0.393vw, 1.5rem);
  /* 18px тЖТ 24px */
  --font-size-3xl: clamp(1.25rem, 1.096rem + 0.656vw, 1.875rem);
  /* 20px тЖТ 30px */
  --font-size-4xl: clamp(1.5rem, 1.316rem + 0.787vw, 2.25rem);
  /* 24px тЖТ 36px */
  --font-size-5xl: clamp(1.875rem, 1.598rem + 1.18vw, 3rem);
  /* 30px тЖТ 48px */
  --font-size-6xl: clamp(2.25rem, 1.881rem + 1.574vw, 3.75rem);
  /* 36px тЖТ 60px */
  --font-size-7xl: clamp(2.5rem, 2.008rem + 2.098vw, 4.5rem);
  /* 40px тЖТ 72px */
  /* ╨Т╤Л╤Б╨╛╤В╨░ ╤Б╤В╤А╨╛╨║ */
  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;
  /* ╨в╨╛╨╗╤Й╨╕╨╜╨░ ╤И╤А╨╕╤Д╤В╨╛╨▓ */
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  /* ==================== ╨Ю╨в╨б╨в╨г╨Я╨л ╨Ш ╨а╨Р╨Ч╨Ь╨Х╨а╨л ==================== */
  /* Spacing */
  --space-1: 0.25rem;
  /* 4px */
  --space-2: 0.5rem;
  /* 8px */
  --space-3: 0.75rem;
  /* 12px */
  --space-4: 1rem;
  /* 16px */
  --space-5: 1.25rem;
  /* 20px */
  --space-6: 1.5rem;
  /* 24px */
  --space-8: 2rem;
  /* 32px */
  --space-10: 2.5rem;
  /* 40px */
  --space-12: 3rem;
  /* 48px */
  --space-16: 4rem;
  /* 64px */
  --space-20: 5rem;
  /* 80px */
  --space-24: 6rem;
  /* 96px */
  --space-32: 8rem;
  /* 128px */
  /* ╨б╨╡╨║╤Ж╨╕╨╕ тАФ fluid */
  --section-padding-y: clamp(3rem, 1.402rem + 6.82vw, 9.5rem);
  /* 48px тЖТ 152px */
  /* ╨Ъ╨╛╨╜╤В╨╡╨╣╨╜╨╡╤А */
  --container-max-width: 1200px;
  --container-padding: 6rem;
  /* ==================== FLUID LAYOUT TOKENS ==================== */
  --fluid-gap-sm: clamp(1rem, 0.877rem + 0.525vw, 1.5rem);
  /* 16px тЖТ 24px */
  --fluid-gap-md: clamp(1.5rem, 1.254rem + 1.049vw, 2.5rem);
  /* 24px тЖТ 40px */
  --fluid-gap-lg: clamp(2rem, 1.262rem + 3.148vw, 5rem);
  /* 32px тЖТ 80px */
  --fluid-pad-sm: clamp(1rem, 0.816rem + 0.787vw, 1.75rem);
  /* 16px тЖТ 28px */
  --fluid-pad-md: clamp(1.5rem, 1.131rem + 1.574vw, 3rem);
  /* 24px тЖТ 48px */
  --fluid-pad-lg: clamp(2rem, 1.262rem + 3.148vw, 5rem);
  /* 32px тЖТ 80px */
  /* ==================== ╨а╨Р╨Ф╨Ш╨г╨б╨л ╨б╨Ъ╨а╨г╨У╨Ы╨Х╨Э╨Ш╨п ==================== */
  --radius-sm: 0.25rem;
  /* 4px */
  --radius-md: 0.5rem;
  /* 8px */
  --radius-lg: 0.75rem;
  /* 12px */
  --radius-xl: 1rem;
  /* 16px */
  --radius-2xl: 1.5rem;
  /* 24px */
  --radius-3xl: 2rem;
  /* 32px */
  --radius-card: 2.5rem;
  /* 40px */
  --radius-card-sm: 2rem;
  /* 32px */
  --radius-pill: 100px;
  --radius-full: 9999px;
  /* ==================== ╨в╨Х╨Э╨Ш ==================== */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  /* ==================== ╨Я╨Х╨а╨Х╨е╨Ю╨Ф╨л ==================== */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slower: 700ms cubic-bezier(0.4, 0, 0.2, 1);
  /* Easing ╤Д╤Г╨╜╨║╤Ж╨╕╨╕ */
  --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);
  /* ==================== Z-INDEX ==================== */
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-popover: 1060;
  --z-tooltip: 1070;
  /* ==================== BREAKPOINTS ==================== */
  /* ╨Ш╤Б╨┐╨╛╨╗╤М╨╖╤Г╤О╤В╤Б╤П ╨▓ @media queries */
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
  /* ==================== ╨б╨Я╨Х╨ж╨Ш╨д╨Ш╨з╨Э╨л╨Х ╨Ч╨Э╨Р╨з╨Х╨Э╨Ш╨п ==================== */
  /* Header */
  --header-height: 4.166667vw;
  --header-bg: rgba(255, 255, 255, 0.95);
  --header-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  /* ╨Р╨╜╨╕╨╝╨░╤Ж╨╕╨╕ */
  --animation-duration: 0.6s;
  --animation-delay-step: 100ms;
}

/* ==================== @FONT-FACE DECLARATIONS ==================== */
/* Inter */
@font-face {
  font-family: Inter;
  font-display: block;
  src: url("../fonts/Inter-Regular-cyrillic.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-display: block;
  src: url("../fonts/Inter-Regular-cyrillic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-display: block;
  src: url("../fonts/Inter-Regular-cyrillic-ext.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-display: block;
  src: url("../fonts/Inter-Regular-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-display: block;
  src: url("../fonts/Inter-Regular-latin-ext.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-display: block;
  src: url("../fonts/Inter-Regular-greek.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: Inter;
  font-display: block;
  src: url("../fonts/Inter-Regular-greek-ext.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: Inter;
  font-display: block;
  src: url("../fonts/Inter-Regular-vietnamese.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-display: block;
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Inter;
  font-display: block;
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Inter;
  font-display: block;
  src: url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Inter;
  font-display: block;
  src: url("../fonts/Inter-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}

/* Montserrat */
@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-Regular-cyrillic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-Regular-cyrillic-ext.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-Regular-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-Regular-latin-ext.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-Regular-vietnamese.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-Italic-cyrillic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-Italic-cyrillic-ext.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-Italic-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-Italic-latin-ext.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-Italic-vietnamese.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: Montserrat;
  font-display: block;
  src: url("../fonts/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

/* SF Pro Display */
@font-face {
  font-family: SF;
  font-display: block;
  src: url("../fonts/SF-Pro.woff2") format("woff2"), url("../fonts/SF-Pro.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "SF Pro Display";
  font-display: block;
  src: url("../fonts/SFProDisplay-Thin.woff2") format("woff2"), url("../fonts/SFProDisplay-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: SFProDisplay;
  font-display: block;
  src: url("../fonts/SFProDisplay-Thin.woff2") format("woff2"), url("../fonts/SFProDisplay-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "SF Pro Display";
  font-display: block;
  src: url("../fonts/SFProDisplay-Light.woff2") format("woff2"), url("../fonts/SFProDisplay-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: SFProDisplay;
  font-display: block;
  src: url("../fonts/SFProDisplay-Light.woff2") format("woff2"), url("../fonts/SFProDisplay-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "SF Pro Display";
  font-display: block;
  src: url("../fonts/SFProDisplay-Regular.woff2") format("woff2"), url("../fonts/SFProDisplay-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: SFProDisplay;
  font-display: block;
  src: url("../fonts/SFProDisplay-Regular.woff2") format("woff2"), url("../fonts/SFProDisplay-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "SF Pro Display";
  font-display: block;
  src: url("../fonts/SFProDisplay-Regular-Italic.woff2") format("woff2"), url("../fonts/SFProDisplay-Regular-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: SFProDisplay;
  font-display: block;
  src: url("../fonts/SFProDisplay-Regular-Italic.woff2") format("woff2"), url("../fonts/SFProDisplay-Regular-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "SF Pro Display";
  font-display: block;
  src: url("../fonts/SFProDisplay-Medium.woff2") format("woff2"), url("../fonts/SFProDisplay-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: SFProDisplay;
  font-display: block;
  src: url("../fonts/SFProDisplay-Medium.woff2") format("woff2"), url("../fonts/SFProDisplay-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "SF Pro Display";
  font-display: block;
  src: url("../fonts/SFProDisplay-Semibold.woff2") format("woff2"), url("../fonts/SFProDisplay-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: SFProDisplay;
  font-display: block;
  src: url("../fonts/SFProDisplay-Semibold.woff2") format("woff2"), url("../fonts/SFProDisplay-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "SF Pro Display";
  font-display: block;
  src: url("../fonts/SFProDisplay-Bold.woff2") format("woff2"), url("../fonts/SFProDisplay-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: SFProDisplay;
  font-display: block;
  src: url("../fonts/SFProDisplay-Bold.woff2") format("woff2"), url("../fonts/SFProDisplay-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "SF Pro Display";
  font-display: block;
  src: url("../fonts/SFProDisplay-Black.woff2") format("woff2"), url("../fonts/SFProDisplay-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: SFProDisplay;
  font-display: block;
  src: url("../fonts/SFProDisplay-Black.woff2") format("woff2"), url("../fonts/SFProDisplay-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

/* ==================== CSS RESET ==================== */
/* Box sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* HTML ╨╕ Body */
html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--bg-page);
  color-scheme: light;
}

body {
  min-width: 320px;
  margin: 0;
  padding: 0;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--text-primary);
  background-color: var(--bg-page);
  overflow-x: hidden;
}

.lock body {
  overflow: hidden;
  touch-action: none;
}

/* ╨Ь╨╡╨┤╨╕╨░ ╤Н╨╗╨╡╨╝╨╡╨╜╤В╤Л */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ╨д╨╛╤А╨╝╤Л */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
  border: none;
  background: none;
}

/* ╨б╤Б╤Л╨╗╨║╨╕ */
a {
  color: inherit;
  text-decoration: none;
}

/* ╨б╨┐╨╕╤Б╨║╨╕ */
ul,
ol {
  list-style: none;
}

/* ╨Ч╨░╨│╨╛╨╗╨╛╨▓╨║╨╕ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
}

/* ╨Я╨░╤А╨░╨│╤А╨░╤Д╤Л */
p {
  margin-bottom: 0;
}

/* ╨г╨▒╨╕╤А╨░╨╡╨╝ ╨▓╤Л╨┤╨╡╨╗╨╡╨╜╨╕╨╡ ╨┐╤А╨╕ ╨╜╨░╨╢╨░╤В╨╕╨╕ ╨╜╨░ ╨╝╨╛╨▒╨╕╨╗╤М╨╜╤Л╤Е */
button,
a {
  -webkit-tap-highlight-color: transparent;
}

/* ╨г╨▒╨╕╤А╨░╨╡╨╝ outline ╨┤╨╗╤П ╨╝╤Л╤И╨╕, ╨╜╨╛ ╨╛╤Б╤В╨░╨▓╨╗╤П╨╡╨╝ ╨┤╨╗╤П ╨║╨╗╨░╨▓╨╕╨░╤В╤Г╤А╤Л */
:focus-visible {
  outline: 2px solid var(--primary-blue);
  outline-offset: 2px;
}

:focus:not(:focus-visible) {
  outline: none;
}

/* ╨г╨▒╨╕╤А╨░╨╡╨╝ ╤Б╤В╨╕╨╗╨╕ ╨┤╨╗╤П disabled ╤Н╨╗╨╡╨╝╨╡╨╜╤В╨╛╨▓ */
:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

/* Selection */
::selection {
  background-color: var(--primary-blue);
  color: var(--white);
}

::-moz-selection {
  background-color: var(--primary-blue);
  color: var(--white);
}

/* ==================== ╨С╨Р╨Ч╨Ю╨Т╨л╨Х ╨б╨в╨Ш╨Ы╨Ш ==================== */
/* ╨Ъ╨╛╨╜╤В╨╡╨╣╨╜╨╡╤А */
.container {
  width: 100%;
  max-width: 1570px;
  margin-left: auto;
  margin-right: auto;
}

/* ╨б╨╡╨║╤Ж╨╕╨╕ */
.section {
  padding: 7.916667vw 0;
  position: relative;
}

.section--light {
  background-color: #fff;
}

.section--dark {
  background-color: var(--bg-dark);
  color: var(--text-white);
}


.section__title {
  font-size: 1.875vw;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 2.2vw;
  text-align: center;
  line-height: var(--line-height-tight);
}

.news__header .section__title {
  margin-bottom: 3.6vw;
}

.section__title--left {
  text-align: left;
}

.section__title--white {
  color: var(--text-white);
}

.text-primary {
  color: var(--primary-blue);
}

/* ╨Ъ╨╜╨╛╨┐╨║╨╕ */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-3) var(--space-8);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  line-height: 1;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-decoration: none;
  white-space: nowrap;
}

.btn--primary {
  background: #FF5F42;
  color: var(--white);
  box-shadow: none;
}

.btn--primary:hover {
  transform: none;
  box-shadow: none;
}

.btn>svg {
  margin-left: 0.31vw;
  flex-shrink: 0;
}

.btn--secondary {
  background-color: transparent;
  color: var(--accent-red);
  border: 2px solid var(--accent-red);
}

.btn--secondary:hover {
  background-color: var(--accent-red);
  color: var(--white);
}

.btn--large {
  padding: 0.83vw;
  font-size: 0.83vw;
  margin-top: 0.73vw;
  font-weight: 800;
  height: 2.6vw;
  transition: all var(--transition-base), filter 0.3s ease;
}

.btn--large:hover,
.form input[type=submit]:hover {
  background-color: var(--waterfall-blue);
  background-image: linear-gradient(135deg, var(--waterfall-blue), var(--sky-blue));
  box-shadow: none;
}

.btn--large:active,
.form input[type=submit]:active {
  filter: brightness(0.88);
}

/* Grid ╤Б╨╕╤Б╤В╨╡╨╝╤Л */
.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-8);
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-8);
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-8);
}

/* ╨Ъ╨░╤А╤В╨╛╤З╨║╨╕ */
.card {
  background-color: var(--white);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

.card:hover {
  box-shadow: var(--shadow-xl);
  transform: translateY(-4px);
}

/* ╨Ш╨╖╨╛╨▒╤А╨░╨╢╨╡╨╜╨╕╤П */
.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ╨Ю╨▓╨╡╤А╨╗╨╡╨╕ */
.overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(15, 40, 64, 0.7), rgba(15, 40, 64, 0.85));
}

/* ╨а╨░╨╖╨┤╨╡╨╗╨╕╤В╨╡╨╗╨╕ */
.divider {
  height: 1px;
  background-color: var(--gray-200);
  margin: var(--space-8) 0;
}

/* ╨г╤В╨╕╨╗╨╕╤В╤Л ╨╛╤В╤Б╤В╤Г╨┐╨╛╨▓ */
.mt-0 {
  margin-top: 0;
}

.mt-4 {
  margin-top: var(--space-4);
}

.mt-8 {
  margin-top: var(--space-8);
}

.mt-12 {
  margin-top: var(--space-12);
}

.mb-0 {
  margin-bottom: 0;
}

.mb-4 {
  margin-bottom: var(--space-4);
}

.mb-8 {
  margin-bottom: var(--space-8);
}

.mb-12 {
  margin-bottom: var(--space-12);
}

.ml-0 {
  margin-left: 0;
}

.ml-4 {
  margin-left: var(--space-4);
}

.ml-8 {
  margin-left: var(--space-8);
}

.mr-0 {
  margin-right: 0;
}

.mr-4 {
  margin-right: var(--space-4);
}

.mr-8 {
  margin-right: var(--space-8);
}

/* ╨г╤В╨╕╨╗╨╕╤В╤Л ╤В╨╡╨║╤Б╤В╨░ */
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-white {
  color: var(--text-white);
}

.text-gray {
  color: var(--text-secondary);
}

.font-bold {
  font-weight: var(--font-weight-bold);
}

.font-semibold {
  font-weight: var(--font-weight-semibold);
}

.font-medium {
  font-weight: var(--font-weight-medium);
}

/* ╨г╤В╨╕╨╗╨╕╤В╤Л ╨┤╨╗╤П ╤Б╨║╤А╤Л╤В╨╕╤П */
.hidden {
  display: none !important;
}

.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;
}

/* ==================== ╨б╨в╨Х╨Ъ╨Ы╨Ю (GLASSMORPHISM) ==================== */
.glass {
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.glass--light {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.35);
}

/* ==================== ╨Р╨Ф╨Р╨Я╨в╨Ш╨Т╨Э╨Ю╨б╨в╨м ==================== */
@media (max-width: 1024px) {
  .container {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }

  .grid-3,
  .grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .container {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }

  .grid-2,
  .grid-3,
  .grid-4 {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }


}

@media (max-width: 480px) {
  .container {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
}

/* ==================== MOBILE-ONLY ELEMENTS ==================== */
/* Hidden by default, shown via 480px media query in main.css */
.mobile-burger,
.mobile-phone-btn {
  display: none;
}

.mobile-menu-overlay {
  display: none;
}

._btn-or {
  background-color: #FF5F42;
  color: #fff;
  font-size: 20px;
  line-height: 120%;
  font-weight: 700;
  padding: 16px 24px;
  border-radius: 50px;
  transition: all 0.3s ease 0s;
}

._btn-or:hover {
  transform: translate(0px, -2px);
}

.preloader {
  position: fixed;
  inset: 0;
  z-index: 10000;
  pointer-events: none;
}

.preloader__content {
  position: relative;
  width: 100%;
  height: 100%;
}

.preloader__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.preloader__video--preload {
  z-index: 1;
  transition: opacity 0.5s ease;
}

.preloader__video--preload.fade-out {
  opacity: 0;
}

.preloader__video--transition {
  z-index: 2;
  opacity: 0;
}

.preloader__video--transition.visible {
  opacity: 1;
}

.preloader__text-mask {
  position: absolute;
  bottom: 12.13vh;
  left: 9.467vw;
  z-index: 1;
  overflow: hidden;
}

.preloader__text {
  display: flex;
  flex-direction: column;
  color: #fff;
  transform: translateY(110%);
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease;
}

.preloader__text.visible {
  transform: translateY(0);
}

.preloader__text.fade-out {
  opacity: 0;
}

.preloader__text-line {
  display: block;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0;
}

.preloader__text-line--sub {
  font-weight: 900;
  font-size: 1.666667vw;
  line-height: 120%;
}

.preloader__text-line--main,
.preloader__logo-svg {
  display: block;
  width: 44.896vw;
  height: auto;
  margin-top: 1.354vw;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--header-height);
  z-index: 10001;
  transition: transform 0.6s ease, opacity 0.6s ease;
  transform: translateY(-100%);
  opacity: 0;
}

.header.visible {
  transform: none;
  opacity: 1;
}

.header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-height);
  gap: var(--space-8);
}

.header__logo {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  text-decoration: none;
  backdrop-filter: blur(10px);
  border-radius: var(--radius-2xl);
  transition: transform var(--transition-base);
}

.header__logo:hover {
  transform: translateY(-2px);
}

.header__logo-img {
  width: auto;
  object-fit: contain;
}

.header__nav {
  flex: 1;
  display: flex;
  justify-content: right;
}

.nav__list {
  display: flex;
  height: 60px;
  align-items: center;
  gap: var(--space-2);
  background-color: rgba(101, 101, 101, 0.45);
  backdrop-filter: blur(10px);
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-2xl);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.nav__link {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--text-white);
  transition: all var(--transition-base);
  position: relative;
  padding: var(--space-3) var(--space-5);
  border-radius: var(--radius-xl);
}

.nav__link:hover {
  color: var(--primary-blue);
  background-color: rgba(74, 159, 232, 0.3);
}

.nav__link--active {
  color: var(--primary-blue);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
  background-color: rgba(101, 101, 101, 0.4);
}

.nav__link::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--primary-blue);
  transition: width var(--transition-base);
}

.nav__link:hover {
  color: var(--primary-blue);
}

.nav__link:hover::after {
  width: 100%;
}

.nav__link--active::after {
  display: none;
}

.header__burger {
  display: none;
  flex-direction: column;
  gap: 5px;
  width: 30px;
  height: 24px;
  padding: 0;
}

.header__burger span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: var(--dark-blue);
  border-radius: 2px;
  transition: all var(--transition-base);
}

.hero {
  position: sticky;
  top: 0;
  height: 100vh;
  min-height: 78vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-top: var(--header-height);
  z-index: 0;
  will-change: transform;
}

.hero--waterfall {
  background: var(--waterfall-blue);
}

.hero__video-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.hero__video {
  width: 100%;
  height: 102%;
  object-fit: cover;
  object-position: center 0%;
  opacity: 1;
  filter: brightness(1.15);
}

.hero__video-mob {
  display: none;
}

.hero__container {
  position: relative;
  z-index: auto;
  width: 100%;
  padding-left: 9.1667vw;
  display: flex;
  gap: 18.2292vw;
  align-self: flex-start;
}

.hero__left {}

.hero__title {
  font-size: 4.8958vw;
  font-weight: 700;
  margin-top: 3.538vw;
  color: var(--white);
  line-height: 3.9063vw;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.hero__title--apple .hero__title-line {
  display: block;
  opacity: 0;
  transform: translateY(-2.6015vw);
  transition: opacity 900ms cubic-bezier(0.16, 1, 0.3, 1), transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.hero__title--apple.animated .hero__title-line {
  opacity: 1;
  transform: translateY(0);
}

/* ===== HERO R&D STATIC FRAME (FRAME 40151) ===== */
.hero__rd-frame {
  position: absolute;
  /* bottom управляется через --aspect-ratio-factor (устанавливается из JS).
     При 16:9 factor ≈ 0, чем квадратнее экран — тем factor больше.
     Регулировка: множитель при * 1vw в CSS или коэффициент 10 в JS-методе updateAspectRatioFactor */
  bottom: calc(-18vw + var(--aspect-ratio-factor, 0) * 5.5vw);
  left: 5vw;
  right: 0;
  width: calc(100% - 5vw);
  max-width: none;
  height: 13.3854vw;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 2.3958vw 5.625vw 2.2917vw 4.1667vw;
  margin: 0;
  z-index: auto;
  overflow: hidden;
  box-sizing: border-box;
}

.hero__rd-frame>div {
  opacity: 0;
  transition: opacity 2000ms cubic-bezier(0.28, 0.28, 0.32, 1);
}

.hero__rd-frame.animated>div {
  opacity: 1;
  z-index: 100;
}

.hero__rd-topline {
  display: none;
}

.hero__overlay {
  position: absolute;
  align-self: flex-end;
  left: 0;
  width: 100%;
  height: 35vh;
  /* 28% при factor=4.5 (16:9). Множитель 6.22 — регулировочный. */
  background: linear-gradient(to top, var(--waterfall-blue) 0%, var(--waterfall-blue) calc(-30% + (var(--aspect-ratio-factor, 4.5) * 14.22%)), rgba(127, 195, 225, 0) 100%);
  pointer-events: none;
  z-index: 2;
}

/* Frame 40149 */
.hero__rd-frame-40149 {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 1.0417vw;
  width: 35.0521vw;
  height: 8.6979vw;
  flex: none;
  order: 0;
  flex-grow: 0;
  z-index: auto;
  box-sizing: border-box;
}

/* Frame 40156 */
.hero__rd-frame-40156 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0px;
  gap: 0.2083vw;
  width: 35.0521vw;
  height: 3.0729vw;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  box-sizing: border-box;
}

/* R&D text inside Frame 40156 */
.hero__rd-badge {
  width: 9.5833vw;
  height: 3.0729vw;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 4.1667vw;
  line-height: 3.0729vw;
  color: #FFFFFF;
  flex: none;
  order: 0;
  flex-grow: 0;
  box-sizing: border-box;
}

/* подход text inside Frame 40156 */
.hero__rd-label {
  width: 7.9688vw;
  height: 1.5104vw;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 2.0833vw;
  line-height: 1.5104vw;
  color: #FFFFFF;
  flex: none;
  order: 1;
  flex-grow: 0;
  box-sizing: border-box;
}

/* Subtitle text inside Frame 40149 */
.hero__rd-text-40149 {
  width: 35.0521vw;
  height: 4.6875vw;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.5625vw;
  color: #FFFFFF;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  margin: 0;
  box-sizing: border-box;
}

/* Frame 40150 */
.hero__rd-frame-40150 {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4.2708vw;
  width: 17.3438vw;
  height: 8.338vw;
  flex: none;
  order: 1;
  flex-grow: 0;
  z-index: auto;
  box-sizing: border-box;
}

/* Frame 40152 */
.hero__rd-frame-40152 {
  display: flex;
  align-self: flex-end;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 0.3125vw;
  width: 5.0781vw;
  height: 1.1505vw;
  flex: none;
  order: 0;
  flex-grow: 0;
  text-decoration: none;
  box-sizing: border-box;
}

/* Text "Про R&D" inside Frame 40152 */
.hero__rd-link-text {
  width: 3.5938vw;
  height: 0.9896vw;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.8333vw;
  line-height: 0.9896vw;
  text-align: center;
  color: #FFFFFF;
  flex: none;
  order: 0;
  flex-grow: 0;
  text-decoration: underline transparent;
  text-decoration-thickness: 0.0521vw;
  text-underline-offset: 0.15vw;
  transition: text-decoration-color 0.3s ease;
}

.hero__rd-frame-40152:hover .hero__rd-link-text {
  text-decoration-color: #FFFFFF;
}

/* arrow_01.svg inside Frame 40152 */
.hero__rd-arrow-img {
  width: 1.1719vw;
  height: 1.1505vw;
  flex: none;
  order: 1;
  flex-grow: 0;
  display: block;
}

/* Frame 606 */
.hero__rd-frame-606 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.8333vw 1.25vw;
  gap: 0.5208vw;
  width: 14.0104vw;
  height: 2.9167vw;
  background: #FF5F42;
  border-radius: 2.6042vw;
  border: none;
  cursor: pointer;
  flex: none;
  order: 1;
  flex-grow: 0;
  box-sizing: border-box;
  transition: background-color 0.3s ease;
}

.hero__rd-frame-606:hover {
  background-color: #FF816B;
}

/* Text "Получить образец" inside Frame 606 */
.hero__rd-btn-text {
  width: 11.5104vw;
  height: 1.25vw;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.0417vw;
  line-height: 1.25vw;
  text-align: center;
  color: #FFFFFF;
  flex: none;
  order: 0;
  flex-grow: 0;
  box-sizing: border-box;
}

/* Frame 40153 */
.hero__rd-frame-40153 {
  box-sizing: border-box;
  position: absolute;
  width: 35.4688vw;
  height: 13.3854vw;
  left: 0px;
  top: 0px;
  border-width: 0.15625vw 0px 0.15625vw 0.15625vw;
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 2.0833vw 0px 0px 2.0833vw;
  flex: none;
  order: 2;
  flex-grow: 0;
  z-index: 2;
  pointer-events: none;
}

/* Frame 40154 */
.hero__rd-frame-40154 {
  box-sizing: border-box;
  position: absolute;
  left: 35.4688vw;
  right: 0;
  width: auto;
  height: 13.3854vw;
  top: 0px;
  border-top: 0.15625vw solid #FFFFFF;
  border-radius: 0px;
  flex: none;
  order: 3;
  flex-grow: 0;
  z-index: -2 !important;
  pointer-events: none;
}

/* Frame 40155 */
.hero__rd-frame-40155 {
  box-sizing: border-box;
  position: absolute;
  left: 35.4688vw;
  right: 0;
  width: auto;
  height: 13.3854vw;
  top: 0px;
  border-bottom: 0.15625vw solid #FFFFFF;
  border-radius: 0px;
  flex: none;
  order: 4;
  flex-grow: 0;
  z-index: 2;
  pointer-events: none;
}

/* ===== GELEN ELEMENT (1:1 FIGMA MATCH WITH GENETEST ANIMATION) ===== */
.hero__right {
  position: relative;
  z-index: 2;
  margin-top: 4.7917vw;
}

/* Frame 40147 */
.hero__gelen-static {
  position: relative;
  width: 7.9167vw;
  height: 7.3958vw;
}

/* Line 97 */
.hero__gelen-line-static {
  position: absolute;
  width: 5.3161vw;
  height: 0.15625vw;
  left: 0.4167vw;
  top: 6.9011vw;
  background: #FFFFFF;
  transform-origin: 0 50%;
  transform: rotate(-41.03deg) scaleX(0);
  opacity: 0;
  z-index: 0;
}

/* Frame 620 */
.hero__gelen-circle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.3542vw 2.2396vw;
  gap: 0.5208vw;
  isolation: isolate;
  position: absolute;
  width: 6.9792vw;
  height: 6.9792vw;
  left: 0.9375vw;
  top: 0px;
  background: #FFFFFF;
  border-radius: 8.125vw;
  z-index: 1;
  overflow: visible;
  transform: scale(0);
  opacity: 0;
  pointer-events: auto;
  transition: color 220ms ease, filter 220ms ease;
}

.hero__gelen-img-wrapper {
  position: absolute;
  inset: 0;
  width: 6.9792vw;
  height: 6.9792vw;
  clip-path: inset(-200% 0 0 0 round 0 0 50% 50%);
  pointer-events: none;
  z-index: 2;
}

.hero__gelen-content {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateY(0.3125vw);
}

/* polimer-header 1 */
.hero__gelen-img-static {
  position: absolute;
  width: 7.1984vw;
  height: 5.489vw;
  left: 0.2865vw;
  top: -1.25vw;
  filter: none;
  transform: translate(-5.8854vw, 5.1042vw) rotate(-24.21deg);
  opacity: 1;
  pointer-events: none;
}

.hero__gelen-img-static img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* GELEN */
.hero__gelen-title-static {
  position: absolute;
  width: 3.6979vw;
  height: 1.5104vw;
  left: 1.6146vw;
  top: 4.8438vw;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.0417vw;
  line-height: 1.5104vw;
  text-align: center;
  color: #000000;
  z-index: auto;
  transition: color 220ms ease;
  user-select: none;
  cursor: default;
}

/* ® */
.hero__gelen-reg-static {
  position: absolute;
  width: 0.5729vw;
  height: 0.8854vw;
  left: 5.3125vw;
  top: 4.4271vw;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.7292vw;
  line-height: 0.8854vw;
  text-align: center;
  color: #000000;
  z-index: auto;
  transition: color 220ms ease;
  user-select: none;
  cursor: default;
}

/* Ellipse 104 */
.hero__gelen-dot-static {
  position: absolute;
  width: 0.8333vw;
  height: 0.8333vw;
  left: 0px;
  top: 6.5625vw;
  background: #FFFFFF;
  border-radius: 50%;
  z-index: 1;
  transform: scale(0);
  opacity: 0;
}

/* Hover effects matching genetest */
.hero__gelen-circle:hover .hero__gelen-img-static {
  filter:
    drop-shadow(0 0 0.3125vw rgba(63, 159, 227, 0.55)) drop-shadow(0 0 0.7292vw rgba(63, 159, 227, 0.45));
}

.hero__gelen-circle:hover .hero__gelen-title-static,
.hero__gelen-circle:hover .hero__gelen-reg-static {
  color: #4D96D2;
}

/* Keyframe animations matching genetest */
.hero__gelen-static.animated .hero__gelen-dot-static {
  animation: gelen_dot_in 500ms ease-out both;
}

.hero__gelen-static.animated .hero__gelen-line-static {
  animation: gelen_line_grow 600ms ease-out both;
  animation-delay: 350ms;
}

.hero__gelen-static.animated .hero__gelen-circle {
  animation: gelen_bubble_pop 1500ms cubic-bezier(.2, .8, .2, 1) both;
  animation-delay: 450ms;
}

.hero__gelen-static.animated .hero__gelen-img-static {
  animation: gelen_img_in 2500ms cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: 650ms;
}

.hero__gelen-static.animated .hero__gelen-content {
  animation: gelen_content_in 700ms ease-out both;
  animation-delay: 1200ms;
}

@keyframes gelen_dot_in {
  from {
    transform: scale(0);
    opacity: 0;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes gelen_line_grow {
  from {
    transform: rotate(-41.03deg) scaleX(0);
    opacity: 0;
  }

  to {
    transform: rotate(-41.03deg) scaleX(1);
    opacity: 1;
  }
}

@keyframes gelen_bubble_pop {
  0% {
    transform: scale(0);
    opacity: 1;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes gelen_img_in {
  from {
    transform: translate(-113px, 98px) rotate(-24.21deg) scale(0.1);
  }

  to {
    transform: translate(0, 0) rotate(-24.21deg) scale(1);
  }
}

@keyframes gelen_content_in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero__mobile-cta {
  display: none;
}

.compounds.section {
  background-color: var(--bg-page);
  position: relative;
  overflow-x: clip;
  z-index: 1;
  padding-left: 9.167vw;
  padding-right: 9.167vw;
}

.compound-card__description p {
  display: block;
  margin-top: 0.8333vw;
  line-height: 1.25vw;
}

.compound-card__description p:first-child {
  margin-top: 0;
}

.compounds .section__title {
  font-family: var(--font-primary);
  font-size: 1.875vw;
  font-weight: 600;
  color: #353535;
  margin-bottom: 2.3958vw;
}

.compounds__grid {
  display: grid;
  grid-template-columns: 795fr 749fr;
  gap: 1.25vw;
}

.compounds__soon-block {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5vw;
  height: 29.6875vw;
  background: #ffffff;
  border-radius: 1.5625vw 0 0 1.5625vw;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
}

.compounds__soon-text {
  writing-mode: sideways-lr;
  text-orientation: mixed;
  font-family: var(--font-secondary);
  font-size: 1.6667vw;
  line-height: 2.0833vw;
  font-weight: 700;
  letter-spacing: normal;
  color: #e2e2e2;
  text-transform: uppercase;
  white-space: nowrap;
  user-select: none;
}

.compound-card {
  display: block;
}

.compound-card__frame {
  padding: 2.0833vw 2.5vw 2.5vw 2.5vw;
  position: relative;
  height: 32.7083vw;
  display: flex;
  align-items: stretch;
  background-color: var(--white);
  border-radius: 2.0833vw;
  box-shadow: none;
  clip-path: inset(-200% -200% 0 0);
  transition: transform var(--transition-base), background-color 0.4s ease;
  cursor: pointer;
}

.compound-card__frame:hover .compound-card__title {
  color: #606060;
  transition: color 0.3s ease;
}

.compound-card__frame:hover .compound-card__button {
  min-width: 9.1146vw;
}

.compound-card__frame.compound-card__frame--active {
  background: linear-gradient(135deg, var(--accent-red), var(--accent-orange));
}

.compound-card__frame.compound-card__frame--active .compound-card__title {
  color: var(--white);
}

.compound-card__frame.compound-card__frame--active .compound-card__description {
  color: rgba(255, 255, 255, 0.85);
  border-left-color: rgba(255, 255, 255, 0.4);
}

.compound-card__left {
  max-width: 66%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25vw;
  z-index: 2;
}

.compound-card__text {
  display: flex;
  flex-direction: column;
  gap: 1.5625vw;
  flex: 1;
  max-width: 100%;
}

.compound-card__title {
  font-family: var(--font-secondary);
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 1.6667vw;
  color: #606060;
}

.compound-card__description {
  border-left: 0.1562vw solid #e0e0e0;
  padding-left: clamp(1rem, 0.846rem + 0.656vw, 1.625rem);
  font-family: "Inter", -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  font-size: 0.833vw;
  font-weight: 400;
  line-height: 1.25vw;
  color: #5d5d5d;
}

.compound-card__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.2083vw;
  background: var(--accent-red);
  color: #ffffff;
  font-family: var(--font-primary);
  font-size: 0.8333vw;
  font-weight: 700;
  box-shadow: none;
  border: none;
  margin-top: auto;
  border-radius: var(--radius-pill);
  padding: 0.8333vw 1.25vw;
  height: 2.6562vw;
  min-width: 7.5vw;
  transition: min-width 0.35s ease, color 0.3s ease, transform 0.3s ease, font-size 0.25s ease, box-shadow 0.3s ease, background-color 0.1s ease, filter 0.1s ease;
  overflow: hidden;
  isolation: isolate;
  -webkit-tap-highlight-color: transparent;
}

.compound-card__button::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: -1;
  border-radius: inherit;
}

.compound-card__frame:hover .compound-card__button:hover::before,
.compound-card__button:hover::before {
  opacity: 1;
}

.compound-card__frame:hover .compound-card__button:hover,
.compound-card__button:hover {
  min-width: 10.4167vw;
  box-shadow: none;
  background: #7FC3E1;
}

.compound-card__frame:hover .compound-card__button:active,
.compound-card__button:hover:active,
.compound-card__button:active,
.compound-card__button--clicked {
  background: #92c9df;
}

@media (max-width: 768px) {


  .compound-card__frame:hover .compound-card__button:active,
  .compound-card__frame:hover .compound-card__button--clicked,
  .compound-card__button:hover:active,
  .compound-card__button:active,
  .compound-card__button--clicked {
    background: #FF7158 !important;
  }
}

.compound-card__arrow {
  width: 1.0417vw;
  height: 1.0417vw;
  flex-shrink: 0;
  margin-left: auto;
}

.compound-card__image {
  position: absolute;
  right: -2.0833vw;
  top: 0;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  pointer-events: none;
  overflow: visible;
}

.compound-card__image img {
  width: 200%;
  max-width: 200%;
  height: auto;
  max-height: 130%;
  object-fit: contain;
  object-position: right bottom;
  position: absolute;
  right: 0;
  bottom: 0;
}

.compound-image--shell,
.compound-image--filler,
.compound-image--tpzh,
.compound-image--vvg4 {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.compounds__card--first .compound-image--shell {
  transition-delay: 0.24s;
}

.compounds__card--first .compound-image--filler {
  transition-delay: 0.16s;
}

.compounds__card--first .compound-image--tpzh {
  transition-delay: 0.08s;
}

.compounds__card--first .compound-image--vvg4 {
  transition-delay: 0s;
}

.compounds__card--second .compound-image--shell {
  transition-delay: 0s;
}

.compounds__card--second .compound-image--filler {
  transition-delay: 0.08s;
}

.compounds__card--second .compound-image--tpzh {
  transition-delay: 0.16s;
}

.compounds__card--second .compound-image--vvg4 {
  transition-delay: 0.24s;
}

.compounds__card--first:hover .compound-image--shell {
  opacity: 1;
  transition-delay: 0s;
}

.compounds__card--first:hover .compound-image--filler {
  opacity: 1;
  transition-delay: 0.08s;
}

.compounds__card--first:hover .compound-image--tpzh {
  opacity: 1;
  transition-delay: 0.16s;
}

.compounds__card--first:hover .compound-image--vvg4 {
  opacity: 1;
  transition-delay: 0.24s;
}

.compounds__card--second:hover .compound-image--vvg4 {
  opacity: 1;
  transition-delay: 0s;
}

.compounds__card--second:hover .compound-image--tpzh {
  opacity: 1;
  transition-delay: 0.08s;
}

.compounds__card--second:hover .compound-image--filler {
  opacity: 1;
  transition-delay: 0.16s;
}

.compounds__card--second:hover .compound-image--shell {
  opacity: 1;
  transition-delay: 0.24s;
}

.compound-card__image-mobile {
  display: none;
}

.compounds__title--apple {}

.compounds__title-line {
  display: block;
  opacity: 0;
  transform: translateY(3.125vw);
  transition: opacity 1s ease, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.title-shown .compounds__title-line {
  opacity: 1;
  transform: translateY(0);
}

.compounds__card--first {
  opacity: 0;
  transform: translateY(2.0833vw);
  transition: opacity 0.6s ease 0.1s, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
}

.compounds__card--first.revealed {
  opacity: 1;
  transform: translateY(0);
}

.compounds__card--second {
  opacity: 0;
  transform: translateY(2.0833vw);
  position: relative;
  transition: opacity 0.6s ease 0.3s, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
}

.compounds__card--second.revealed {
  opacity: 1;
  transform: translateY(0);
}

.compounds__card--second .compound-card__image {
  width: 53%;
  right: -2.5vw;
}

.compounds__card--second .compound-card__image img {
  width: auto;
  max-width: none;
  height: 120%;
  max-height: 120%;
  transform-origin: right bottom;
  bottom: -1.6667vw;
}

.compounds__card--second .compound-image--shell {
  height: 120%;
  max-height: 120%;
  transform: translate(13.0729vw, -33.8542vw) rotate(-60deg);
}

.compounds__card--second .compound-image--filler {
  height: 120%;
  max-height: 120%;
}

.compounds__card--second .compound-image--tpzh {
  height: 120%;
  max-height: 120%;
}

.compounds__card--second .compound-image--vvg4 {
  height: 120%;
  max-height: 120%;
}

.compounds__soon-block {
  right: calc(50% - 50vw);
}

.compounds__soon-block {
  width: 5vw;
  height: 29.6875vw;
  border-radius: 2.0833vw 0 0 2.0833vw;
  justify-self: end;
  margin: 2.5vw 0 0 0;
}

.compounds__soon-text {
  font-size: 1.6667vw;
}

.compound-card__description {
  padding-left: 1.1458vw;
}

.compound-card__left {
  max-width: 22.4479vw;
}

























/* Default state transitions (mouse out) */








/* Hover state transitions (mouse in) - bottom to top build */
/* First card: shell -> filler -> tpzh -> vvg4 */




/* Second card: vvg4 -> tpzh -> filler -> shell */


















.about.section--light {
  position: relative;
  overflow: visible;
  padding-bottom: 0;
  z-index: 2;
  height: 52.6vw;
  padding-left: 9.167vw;
  padding-right: 9.167vw;

}



.about__wrapper {
  gap: 1.66vw;
  margin-bottom: 3.33vw;
}

.about__content .section__title {
  font-size: 1.87vw;
  font-weight: 600;
  color: #353535;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 2.6vw;
}

.contact-form .section__title {
  font-size: 1.25vw;
  font-weight: 600;
  line-height: 108%;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: -0.31vw;
}

.contact-form {
  position: relative;
  overflow: hidden;
  min-height: 110vh;
  z-index: 1;
}

.contact-form__wrapper {
  opacity: 0;
  transform: translateY(3vw);
  width: 25.05vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  border-radius: 2.08vw;
  background: rgba(0, 0, 0, 0.21);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  backdrop-filter: blur(15px) saturate(100%);
  box-shadow: inset -0.2604vw -0.2083vw 0.5208vw 0 #E9E9E91A, inset 0.1042vw 0.1042vw 0.53125vw 0 #9C9C9C1A;
  padding: 2.19vw 2.5vw 2.5vw;
  gap: 2.08vw;
}

.contact-form--active .contact-form__wrapper {
  animation: revealUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;
}

.contact-form__wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.7;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  background: linear-gradient(126deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 40%, rgba(207, 207, 207, 0) 54%, rgb(255, 255, 255) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.contact-form__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.contact-form__bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .
.contact-form__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(153, 212, 226, 0.75) 0%, rgba(71, 165, 220, 0.75) 48%, rgba(27, 27, 75, 0.75) 100%);
  z-index: 1;
}
*/
.contact-form .container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: none;
}

.news .container {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: none;
  margin-left: none;
  margin-right: none;
}

.contact-form__or-text {
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.83vw;
}

.contact-form__messengers {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.83vw;
  width: 100%;
}

.contact-form .form__textarea {
  width: 100%;
  font-size: 0.83vw;
  padding: 0.8vw 1.25vw;
  min-height: 2.66vw !important;
  height: 2.66vw;
  border-radius: 1.33vw;
  background-color: rgba(255, 255, 255, 0.07) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: #ffffff !important;
  outline: none;
  border: none;
  resize: none !important;
  overflow-y: hidden;
  line-height: 1.4;
  box-sizing: border-box;
  font-family: inherit;
  transition: border-color var(--transition-base), background-color var(--transition-base);
}

.contact-form .form__textarea::placeholder {
  color: #b7c0ce !important;
  opacity: 1 !important;
}

.contact-form .form__textarea:focus {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}


.about__text {
  display: inline;
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--space-8);
}

.about__text--large {
  font-size: 0.83vw;
  line-height: 1.4;
  color: var(--text-primary);
  max-width: min(100%, 31.25vw);
}

.about__text--large em {
  font-weight: 700;
  color: var(--accent-blue);
  font-style: unset;
}

.about__brand {
  font-weight: 800;
  font-size: 3.33vw;
  color: var(--accent-blue);
  font-family: var(--font-secondary);
  line-height: 2vw;
}

.about__btn-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  align-self: end;
}

.about__btn-wrapper .btn {
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  gap: 0.417vw;
  background-color: var(--accent-red);
  color: #ffffff;
  font-family: var(--font-primary);
  font-size: 0.833vw;
  font-weight: 700;
  box-shadow: none;
  border: none;
  border-radius: var(--radius-pill);
  padding: 0.833vw 1.25vw;
  height: 2.656vw;
  transition: min-width 0.35s ease, background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, font-size 0.25s ease, box-shadow 0.3s ease;
  position: relative;
  z-index: 2;
}

.about__btn-wrapper .btn svg {
  width: 1.198vw;
  height: 1.198vw;
  flex-shrink: 0;
}

.about__btn-wrapper .btn:hover {
  background-color: var(--waterfall-blue);
  background-image: linear-gradient(135deg, var(--waterfall-blue), var(--sky-blue));
  box-shadow: none;
}

.about__btn-wrapper .btn:active,
.about__btn-wrapper .btn--clicked {
  filter: brightness(0.88);
}

.about-stats {
  padding-top: 0;
  position: relative;
  z-index: 1;
  background-color: #eff0ef;
  padding-top: 7.8vw;
  padding-left: 9.167vw;
  padding-right: 9.167vw;
}

.about__image-block {
  position: relative;
  display: flex;
  margin-top: 1.87vw;
  margin-bottom: 6.05vw;

}

.about__promo-img-mobile {
  display: none;
}

.about__promo-img {
  height: auto;
  display: block;
  opacity: 0;
  width: 48.96vw;
}

.about__connector-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  z-index: 5;
  padding: 0;
  box-sizing: border-box;
}

.about__connector-svg-mobile {
  display: none;
}

.about__svg-line {
  stroke: #4a9fe8;
  stroke-width: 0.15vw;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.about__svg-dot {
  fill: #4a9fe8;
  opacity: 0;
  transform: scale(0);
  transform-origin: calc(100% - 25.834vw) 19.704vw;
}

.about__visual {
  position: relative;
  width: 100%;
}



.about__crosshair {
  position: absolute;
  width: 1.09vw;
  height: 1.09vw;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
}

.about__crosshair::before,
.about__crosshair::after {
  content: "";
  position: absolute;
  background: #4a9fe8;
  border-radius: 1px;
}

.about__crosshair::before {
  width: 100%;
  height: 0.154vw;
}

.about__crosshair::after {
  width: 0.154vw;
  height: 100%;
}

.about__crosshair--tl {
  top: 0;
  left: 0;
}

.about__crosshair--tl::before {
  top: 0;
  left: 0;
}

.about__crosshair--tl::after {
  top: 0;
  left: 0;
}

.about__crosshair--tr {
  top: 0;
  right: 0;
}

.about__crosshair--tr::before {
  top: 0;
  right: 0;
}

.about__crosshair--tr::after {
  top: 0;
  right: 0;
}

.about__crosshair--bl {
  bottom: 0;
  left: 0;
}

.about__crosshair--bl::before {
  bottom: 0;
  left: 0;
}

.about__crosshair--bl::after {
  bottom: 0;
  left: 0;
}

.about__crosshair--br {
  bottom: 0;
  right: 0;
}

.about__crosshair--br::before {
  bottom: 0;
  right: 0;
}

.about__crosshair--br::after {
  bottom: 0;
  right: 0;
}

.about__gelen-badge-img {
  width: 8.33vw;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
  opacity: 0;
  margin-left: 1.56vw;
}

.about__gelen-badge-name {
  font-size: 1.35vw;
  font-weight: 700;
  color: #5d5d5d;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  opacity: 0;
  margin-bottom: -0.21vw;
  margin-left: 1.04vw;
}

.about__gelen-badge-name sup {
  font-size: 0.83vw;
  vertical-align: top;
  margin-left: 0.104vw;
}

.about__gelen-text {
  display: flex;
  flex-direction: column;
  font-size: 0.83vw;
  color: var(--text-secondary);
  line-height: 1.25vw;
  opacity: 0;
  padding-top: 8.3vw;
  padding-left: 1.86vw;
  width: 35.8vw;
}

.about__title--apple .about__title-line {
  display: block;
  opacity: 0;
  transform: translateY(2.6vw);
}

.about--active .about__title--apple .about__title-line {
  animation: revealUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;
}

.about__paragraph--apple .about__text--large {
  font-size: 1.66vw;
  line-height: 2vw;
  font-weight: 400;
  opacity: 0;
  transform: translateY(1.04vw);
  color: #5D5D5D;

  transition: none;
}

.about--active .about__paragraph--apple .about__text--large {
  animation: revealUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards;

}

.about__btn--animated {
  opacity: 0;
  transform: translateY(20px);
}

.about--active .about__btn--animated {
  animation: revealUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.22s forwards;
}

.about--active .about__promo-img {
  animation: fadeIn 0.45s ease 0.35s forwards;
}

@media (min-width: 769px) {
  .about--active .about__svg-dot {
    animation: revealScale 0.22s cubic-bezier(0.34, 1.56, 0.64, 1) 0.52s both;
  }

  .about--active .about__svg-line--diag {
    animation: strokeReveal 0.38s cubic-bezier(0.25, 1, 0.5, 1) 0.60s both;
  }

  .about--active .about__svg-line--horiz {
    animation: strokeReveal 0.18s cubic-bezier(0.16, 1, 0.3, 1) 0.95s both;
  }

  .about--active .about__crosshair--tl {
    animation: aboutExpandTL 0.38s cubic-bezier(0.16, 1, 0.3, 1) 1.05s forwards;
  }

  .about--active .about__crosshair--tr {
    animation: aboutExpandTR 0.38s cubic-bezier(0.16, 1, 0.3, 1) 1.05s forwards;
  }

  .about--active .about__crosshair--bl {
    animation: aboutExpandBL 0.38s cubic-bezier(0.16, 1, 0.3, 1) 1.05s forwards;
  }

  .about--active .about__crosshair--br {
    animation: aboutExpandBR 0.38s cubic-bezier(0.16, 1, 0.3, 1) 1.05s forwards;
  }

  .about--active .about__gelen-badge-img {
    animation: fadeIn 0.32s ease 1.30s forwards;
    transform: rotate(-30.18deg);
  }

  .about--active .about__gelen-badge-name {
    animation: fadeIn 0.32s ease 1.30s forwards;
  }

  .about--active .about__gelen-text {
    animation: fadeIn 0.38s ease 1.52s forwards;
  }
}

@keyframes aboutExpandTL {
  0% {
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
  }

  1% {
    opacity: 1;
  }

  100% {
    top: 0;
    left: 0;
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes aboutExpandTR {
  0% {
    top: 50%;
    right: 50%;
    opacity: 0;
    transform: translate(50%, -50%);
  }

  1% {
    opacity: 1;
  }

  100% {
    top: 0;
    right: 0;
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes aboutExpandBL {
  0% {
    bottom: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, 50%);
  }

  1% {
    opacity: 1;
  }

  100% {
    bottom: 0;
    left: 0;
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes aboutExpandBR {
  0% {
    bottom: 50%;
    right: 50%;
    opacity: 0;
    transform: translate(50%, 50%);
  }

  1% {
    opacity: 1;
  }

  100% {
    bottom: 0;
    right: 0;
    opacity: 1;
    transform: translate(0, 0);
  }
}

.about__gelen-text p {
  margin: 0;
  font-size: 0.83vw;
  text-align: justify;
}

.about__gelen-text p strong,
.about__gelen-text p b {
  font-weight: var(--font-weight-bold);
  color: #5d5d5d;
}

.about__cert-link {
  display: inline-flex;
  align-items: center;
  gap: 0.42vw;
  color: var(--accent-blue);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
  transition: color var(--transition-base), transform var(--transition-base);
  align-self: flex-end;
  margin-top: 0.83vw;
}

.about__cert-link svg {
  width: 1.09vw;
  height: 1.09vw;
  flex-shrink: 0;
}

.about__cert-link:hover {
  color: var(--accent-orange);
  transform: translateX(0.31vw);
}

.about__stats-grid {
  display: grid;
  position: relative;
  align-items: start;
  grid-template-columns: 37.76vw 34.84vw;
  gap: 1.25vw;
}

.about__stats-text {
  position: sticky;
  height: fit-content;
  color: #5d5d5d;
  padding-right: 2.5vw;
  margin-top: 3.5vw;
  top: 9.47vw;
}


.about__stats-text,
.about__stats-text * {
  font-family: var(--font-primary);
  font-size: 0.93vw;
  line-height: 1.15vw;
  font-weight: 500;
  text-align: justify;
}

.about__stats-text b {
  font-weight: 700;
}

.about__stats-text .about__text--large {
  color: inherit;
  text-align: justify;
}

.about__stats-text .about__brand {
  font-size: 2.08vw;
  font-weight: 700;
  color: inherit;
}

.about__abbr {
  font-weight: 700;
  font-size: 1.04vw;
}

.about__lab-intro {
  font-size: 0.94vw;
  line-height: 1.15vw;
  margin-top: 1.35vw;
  letter-spacing: 0;
}

.about__lab-list {
  padding-left: 1.46vw;
  list-style-type: disc;
  display: flex;
  flex-direction: column;
  margin-top: 0.88vw;
  gap: 0.42vw;
}

.about__image {
  position: relative;
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
}

.about__image img {
  width: 100%;
  height: auto;
  display: block;
}

.callback-banner {
  background: linear-gradient(167deg, #46A0D7 10%, #1b1b4b 110%);
  float: right;
  border-radius: 2.083333vw 0 0 2.083333vw;
  height: 17.291667vw;
  position: relative;
  overflow: visible;
  clip-path: inset(-7.8125vw 0 0 0 round 2.083333vw 0 0 2.083333vw);
}

.callback-banner__machine {
  position: absolute;
  margin-bottom: 2.083333vw;
  left: -1.145833vw;
  bottom: 0;
  top: -4.166667vw;
  width: 100%;
  z-index: 2;
  pointer-events: none;
  will-change: transform;
  display: flex;
  align-items: flex-end;
}

.callback-banner__machine-mob {
  display: none;
}

.callback-banner__machine img {
  width: 100%;
  height: auto;
  display: block;
  padding-right: 25.599vw;
  box-sizing: border-box;
}

.callback-banner__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 0;
  padding-top: 2.083333vw;
  padding-left: 4.166667vw;
}

.callback-banner__info {
  color: #fff;
}

.callback-banner__title {
  font-weight: 900;
  font-size: 1.875vw;
  line-height: 2.135417vw;
  margin-bottom: 1.197917vw;
  font-family: var(--font-secondary);
}

.callback-banner__subtitle {
  font-size: 1.25vw;
  line-height: 1.875vw;
  font-weight: 400;
}

.callback-banner__subtitle b {
  font-weight: 700;
  color: #ffffff;
}

.callback-banner__form-col {
  padding-top: 3.59375vw;
  margin-left: auto;
  padding-right: 8.516vw;
}

.callback-banner-form {
  width: 15.625vw;
  display: grid;
  gap: 0.833333vw;
  position: relative;
}

.callback-banner-form__input {
  position: relative;
  width: min(100%, 15.625vw);
  border-radius: 5.208333vw;
}

.callback-banner-form__input .wpcf7-form-control-wrap {
  display: flex;
  width: 100%;
}

.callback-banner-form__input .wpcf7-not-valid-tip {
  position: absolute;
  font-size: 0.625vw;
  bottom: -0.729167vw;
  left: 0;
}

.callback-banner-form__input::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  opacity: 0.7;
  background: linear-gradient(175deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}


.support-card .br_mob,
.support-card br.br_mob {
  display: none;
}

.callback-banner__input {
  position: relative;
  width: 100%;
  height: 2.65625vw;
  font-weight: 600;
  background: rgba(126, 126, 126, 0.19);
  box-shadow: inset 1px 1px 7px 0.75px rgba(255, 255, 255, 0.18), inset -1px -1px 7px 0px rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #ffffff;
  border: none;
  border-radius: 5.208333vw;
  padding: 0.625vw 1.25vw;
  font-size: 0.833333vw;
  font-family: inherit;
  transition: background 0.3s ease;
}

.callback-banner__input:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.2);
}

.callback-banner__input::placeholder {
  color: #c4ceda;
}


/* Обертка абзаца, которую CF7 добавляет вокруг кнопки по умолчанию */
.callback-banner-form p:has(.callback-banner-form__btn) {
  display: flex;
  margin: 0;
  width: 100%;
}

/* Скрываем спиннер загрузки CF7 */
.wpcf7-spinner {
  display: none !important;
}

.callback-banner-form__btn {
  width: min(100%, 15.625vw);
  height: 2.65625vw;
  background: var(--accent-red);
  border-radius: 5.208333vw;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 0.833333vw;
  font-weight: 600;
  font-family: inherit;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base), filter 0.3s ease;
}

.callback-banner-form__btn:hover,
.form__btn:hover {
  background-color: var(--waterfall-blue);
  background-image: linear-gradient(135deg, var(--waterfall-blue), var(--sky-blue));
  box-shadow: none;
}

.callback-banner-form__btn:active,
.form__btn:active {
  filter: brightness(0.88);
}

.callback-banner-form__check {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-start;
}

.callback-banner-form__check .wpcf7-form-control-wrap {
  display: flex;
}

.callback-banner-form__check .wpcf7-list-item {
  margin: 0;
  padding: 0;
  display: flex;
}

.callback-banner-form__check label {
  padding-left: 0.416667vw;
  color: #fff;
  font-size: 0.572917vw;
  display: flex;
  align-items: flex-start;
  gap: 0.520833vw;
  cursor: pointer;
  line-height: 1.4;
}

.callback-banner-form__check label a {
  color: var(--primary-blue);
  font-weight: 700;
}

.callback-banner-form__check input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}

.callback-banner-form__check input+span {
  display: block;
  user-select: none;
  position: relative;
  padding: 0px 0px 0px 1.770833vw;
}

.callback-banner-form__check input+span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1.25vw;
  height: 1.25vw;
  flex-shrink: 0;
  flex-grow: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90% 90%;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.7);
}

.callback-banner-form__check input:checked+span::before {
  border: 1px solid rgb(255, 255, 255);
  background-image: url("../img/icons/checkmark.svg");
}

.callback-banner__checkmark {
  width: 1.25vw;
  height: 1.25vw;
  min-width: 1.25vw;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.5);
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
  margin-top: 1px;
}

.callback-banner-form__check input:checked+.callback-banner__checkmark {
  background: var(--accent-red);
  border-color: var(--accent-red);
}

.callback-banner-form__check input:checked+.callback-banner__checkmark::after {
  content: "";
  display: block;
  width: 0.3125vw;
  height: 0.520833vw;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translateY(-0.052083vw);
}

.stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25vw;
}

.stats__row .stats__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.stats__item {
  background: #fff;
  border-radius: 2.08vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  opacity: 1;
  transform: none;
  box-shadow: none;
}

.stats__icon {
  display: flex;
  align-items: self-end;
  justify-content: flex-end;
}



.stats__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.stats__number {
  font-size: 5rem;
  font-weight: 400;
  color: var(--text-primary);
  line-height: 1;
  flex-shrink: 0;
  background: linear-gradient(to bottom, #4ab8fc 0%, #1f255e 100%);
  background-size: 100% 300%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-secondary);
}

.stats__item:nth-child(1) .stats__number,
.stats__item:nth-child(1) .stats__label,
.stats__item:nth-child(2) .stats__number,
.stats__item:nth-child(2) .stats__label {
  background-position: 0 0%;
  margin-bottom: -0.21vw;
}

.stats__item:nth-child(3) .stats__number,
.stats__item:nth-child(3) .stats__label,
.stats__item:nth-child(4) .stats__number,
.stats__item:nth-child(4) .stats__label {
  background-position: 0 50%;
}

.stats__item:nth-child(5) .stats__number,
.stats__item:nth-child(5) .stats__label {
  background-position: 0 100%;
}

.stats__item:nth-child(1) .stats__header {
  margin: 0px 0px 1.04vw 0px;
}

.stats__item:nth-child(1) .stats__number {
  font-size: 8.85vw;
  line-height: 6.7vw;
  font-weight: 300;
}

.stats__item:nth-child(1) .stats__number[data-len="2"] {
  font-size: 7.29vw;
  line-height: 5.5vw;
  letter-spacing: -0.05em;
}


.stats__item:nth-child(1) .stats__label {
  font-size: 1.41vw;
  line-height: 1.05;
  padding-bottom: 0.15vw;
}

.stats__item:nth-child(1) .stats__icon--large {
  margin: 0 0.21vw 0 0.21vw;
}

.stats__item:nth-child(2) .stats__number {
  font-size: 6.25vw;
  line-height: 0.77;
  letter-spacing: -0.05em;
}

.stats__number--blue {
  font-size: 2.34vw;
}

.stats__number--navy {
  font-size: 3.75vw;
  line-height: 0.76;
}

.stats__number--top {

  text-align: center;
}

.stats__label {
  font-size: 0.92vw;
  font-weight: 500;
  color: #5d5d5d;
  line-height: 1.15vw;
}

.stats__item--tall {
  height: 23.65vw;
  padding: 2.08vw 2.5vw;
}

.stats__header {
  justify-content: center;
  display: flex;
  align-items: end;
  gap: 0.42vw;
}

.stats__header .stats__number {
  flex-shrink: 0;
  font-family: Montserrat;
}

.stats__header .stats__label {
  font-size: var(--font-size-3xl);
  font-weight: 500;
  color: var(--text-primary);
  line-height: 1.05;
  padding-bottom: 0.15vw;
  overflow: visible;
  text-align: right;
  background: linear-gradient(to bottom, #4ab8fc 0%, #1f255e 100%);
  background-size: 100% 300%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.stats__icon--large {
  flex: 1;
  display: flex;
  justify-content: center;
}

.stats__icon--large img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.stats__item:nth-child(2) .stats__icon--large img {
  width: 7.34vw;
  align-self: center;
}

.stats__item--compact {
  height: 10.42vw;
  padding: 2.08vw 2.5vw 1.8vw;
}

.stats__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.stats__row .stats__number {
  font-size: 3.75vw;
  line-height: 0.76;
}

.stats__row .stats__icon {
  flex: 0 0 2.08vw;
  align-self: end;
}

.stats__item--highlight {
  grid-column: 1/-1;
  flex-direction: column;
  padding: 2.08vw 2.5vw 1.8vw;
  height: 10.42vw;
}

.stats__item--highlight .stats__info {
  flex: 1;
}

.stats__item--highlight .stats__icon {
  flex: 0 0 2.08vw;
  margin-bottom: 0.21vw;
  align-self: end;
}



.stats__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}


.laboratory {
  position: relative;
  z-index: 1;
  background-color: var(--bg-page);
}

.laboratory--with-bg {
  height: 110vh;
  padding: 7.54vw 9.167vw 0;
  background-size: cover;
  background-position: center top;
}

@media (min-width: 769px) {
  .laboratory--with-bg {
    background-image: url(../img/home/back-lab.webp);
  }
}

.laboratory__bg-mobile {
  display: none;
}


.laboratory__subtitle {
  font-size: 0.94vw;
  line-height: 150%;
  color: #fff;
  max-width: 41.67vw;
  font-weight: 300;
}

.laboratory__subtitle strong {
  font-weight: 700;
}

.laboratory__grid {
  display: grid;
  margin-top: 4.2vw;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25vw;
}

.lab-card {
  height: 24.37vw;
  background-color: transparent;
  padding: 1.82vw 2.08vw 2.08vw 2.08vw;
  border-radius: 2.08vw;
  border: none;
  position: relative;
  opacity: 0;
  top: 3.125vw;
  display: flex;
  flex-direction: column;
}

.lab-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background-color: hsla(0deg, 0%, 100%, 0.15);
  -webkit-backdrop-filter: blur(15px) saturate(120%);
  backdrop-filter: blur(15px) saturate(120%);
  box-shadow: inset -0.2604vw -0.2083vw 0.5208vw 0 #E9E9E91A, inset 0.1042vw 0.1042vw 0.53125vw 0 #9C9C9C1A;
  z-index: 0;
}

.lab-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.7;
  background: linear-gradient(126deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 40%, rgba(207, 207, 207, 0) 54%, rgb(255, 255, 255) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.lab-card.animated {
  animation: none;
  opacity: 1;
  top: 0;
}

.laboratory__grid .lab-card:nth-child(1).animated {
  transition-delay: 0.1s;
}

.laboratory__grid .lab-card:nth-child(2).animated {
  transition-delay: 0.25s;
}

.laboratory__grid .lab-card:nth-child(3).animated {
  transition-delay: 0.4s;
}

.laboratory__grid .lab-card:nth-child(4).animated {
  transition-delay: 0.55s;
}



.lab-card--cta {
  position: relative;
  overflow: visible;
  background: linear-gradient(to bottom, rgba(255, 95, 66, 0.38) 0%, #ff5f42 100%);
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: none;
  text-decoration: none;
  cursor: pointer;
}

.lab-card--cta:active {
  animation: flashColor 1s ease forwards;
}

@keyframes flashColor {
  0% {
    background: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);
  }

  10% {
    background: transparent;
  }

  50% {
    background: transparent;
  }

  100% {
    background: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);
  }
}

.lab-card__bg-element {
  position: absolute;
  inset: 0;
  width: 99.7%;
  height: 99.7%;
  object-fit: cover;
  z-index: 4;
  border-radius: 2.08vw;
}

.lab-card--cta picture {
  display: contents;
}

.lab-card__photo-element {
  position: absolute;
  left: 0.1vw;
  width: 117%;
  height: 26.37vw;
  object-fit: contain;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  transform: translateY(1.56vw);
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.lab-card--cta.animated .lab-card__photo-element {
  opacity: 1;
  transform: translateY(0);
  animation: revealUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.4s backwards;
}

.lab-card--cta:hover .lab-card__photo-element {
  transform: translateY(-1.25vw) translateX(1vw) scale(1.1);
}

.lab-card--cta:hover .lab-card__title {
  transform: translateX(0.21vw);
}

.lab-card--cta:hover .lab-card__arrow {
  transform: translateX(0.31vw) scale(1.1);
}

.lab-card__cta-content {
  position: absolute;
  bottom: 2.08vw;
  right: 2.08vw;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 0.42vw;
  transition: transform var(--transition-base);
}

.lab-card--cta .lab-card__title {
  margin-bottom: 0;
  font-size: 0.83vw;
  font-weight: 800;
  text-align: left;
  transition: transform var(--transition-base);
}

.lab-card__arrow {
  width: 1.09vw;
  height: 1.09vw;
  color: var(--white);
  transition: transform var(--transition-base);
}

.lab-card--cta:hover .lab-card__arrow {
  transform: translateX(0.31vw);
}

.lab-card__icon {
  width: 20%;
  height: 100px;
  float: right;
  margin-top: clamp(3rem, 2.201rem + 3.41vw, 6.25rem);
}

.lab-card__icon img {
  height: 100%;
  object-fit: contain;
  mix-blend-mode: luminosity;
}


.lab-card__list {}

.lab-card__list li {
  position: relative;
  counter-increment: lab-list;
  display: flex;
  align-items: baseline;
  gap: 0.42vw;
  padding-left: 0.31vw;
  margin-bottom: 0.47vw;
  color: #fff;
  line-height: 150%;
  font-size: 0.83vw;
}

.lab-card__list li::before {
  content: counter(lab-list) ".";
  position: relative;
  color: #fff;
  flex-shrink: 0;
  width: 0.57vw;
}

.laboratory__grid .lab-card:nth-child(1) .lab-card__list {
  counter-reset: lab-list;
}

.laboratory__grid .lab-card:nth-child(1) .lab-card__list li {
  counter-increment: lab-list;
}

.laboratory__grid .lab-card:nth-child(1) .lab-card__list li::before {
  content: counter(lab-list) ".";
}

.laboratory__grid .lab-card:nth-child(3) .lab-card__list li::before {
  content: none;
}

.laboratory__grid .lab-card:nth-child(3) .lab-card__list li {
  padding-left: 0;
}

.laboratory__grid .lab-card:nth-child(-n+3) .lab-card__icon {
  position: relative;
  margin-top: auto;
  align-self: flex-end;
  width: auto;
  height: 4.58vw;
}

.laboratory__grid .lab-card:nth-child(-n+3) .lab-card__icon img {}

.support {
  position: relative;
  z-index: 1;
  background-color: var(--bg-page);
  height: 110vh;
  padding: 7.54vw 20.62vw 0;
}

.support .container {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: none;
  margin-left: none;
  margin-right: none;
}

.support__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25vw;
}

.support-card {
  background-color: var(--white);
  padding: 1.82vw 2.5vw 2.08vw;
  border-radius: 2.08vw;
  box-shadow: none;
  text-align: center;
  height: 15.62vw;
  display: flex;
  flex-direction: column;
}

.support-card__icon {
  width: auto;
  height: 7.5vw;
  margin-top: auto;
  display: flex;
  justify-content: center;
}

.support-card__icon img {
  height: 100%;
  object-fit: contain;
}

.support-card__description {
  color: var(--text-secondary);
  line-height: 122%;
  font-size: 0.94vw;
}









.form__group {
  margin-bottom: 1.25vw;
}

.form__input,
.form__textarea {
  width: 100%;
  font-size: 0.83vw;
  padding: 0 1.25vw;
  transition: all var(--transition-base);
  color: #ffffff;
  position: relative;
  height: 2.66vw;
  border-radius: 5vw;
  background-color: rgba(255, 255, 255, 0.07);
  outline: none;
  border: none;
}

.form__input::placeholder,
.form__textarea::placeholder {
  color: #b7c0ce;
  opacity: 1;
  transition: opacity var(--transition-base);
}

.form__input:focus,
.form__textarea:focus {
  outline: none;
  border-color: var(--primary-blue);
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

.form__input:focus::placeholder,
.form__textarea:focus::placeholder {
  opacity: 0.4;
}

.form__textarea {
  resize: vertical;
  min-height: 120px;
}

.form__group--checkbox {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}

.form__group--checkbox span {
  color: rgba(255, 255, 255, 0.6);
}

.form__checkbox {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  cursor: pointer;
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  line-height: var(--line-height-normal);
  position: relative;
}

.form__checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.form__checkbox .checkmark {
  position: relative;
  flex-shrink: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  transition: all var(--transition-base);
}

.form__checkbox:hover input~.checkmark {
  background-color: rgba(255, 255, 255, 0.1);
}

.form__checkbox input:checked~.checkmark {
  background-color: transparent;
  border-color: #fff;
}

.form__checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.form__checkbox input:checked~.checkmark:after {
  display: block;
}

.form__checkbox .checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.form__checkbox a {
  color: #4a9fe8;
  text-decoration: none;
  transition: color 0.3s ease;
}

.form__checkbox a:hover {
  color: #fff;
  text-decoration: underline;
}

.form input[type=submit] {
  width: 100%;
  border-radius: 10vw;
}



.btn-messenger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.42vw;
  padding: 0.83vw;
  border-radius: 5vw;
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  overflow: hidden;
  isolation: isolate;
  background: transparent;
  height: 2.66vw;
}

.btn-messenger::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0.6;
  z-index: -1;
  pointer-events: none;
  transition: opacity var(--transition-base);
}

.btn-messenger::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.11vw;
  pointer-events: none;
  opacity: 0.7;
  background: linear-gradient(165deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 37% 27%, rgba(207, 207, 207, 0) 59%, rgb(255, 255, 255) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
}

.btn-messenger:hover {
  box-shadow: 0 0.41vw 1.04vw rgba(0, 0, 0, 0.2);
}

.btn-messenger:hover::before {
  opacity: 0.8;
}

.btn-messenger span {
  font-size: 0.83vw;
  font-weight: 800;
  color: #ffffff;
  position: relative;
  z-index: 2;
}

.btn-messenger img {
  width: 1vw;
  height: 1vw;
  object-fit: contain;
  position: relative;
  z-index: 2;
}

.btn-messenger--max::before {
  background: url("../img/home/maxButtonBackground.png") center/cover no-repeat;
}

.btn-messenger--telegram::before {
  background-color: #25a3e1;
}

.news {
  position: relative;
  z-index: 1;
  background-color: var(--bg-page);
  padding: 7.54vw 9.167vw 7.92vw;
}

.news__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.news__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25vw;
}

.news-card {
  position: relative;
  z-index: 1;
  background-color: var(--white);
  border-radius: 2.08vw;
  overflow: hidden;
  box-shadow: none;
  transition: all var(--transition-base);
  height: 100%;
  min-height: 27.55vw;
  display: grid;
  grid-template-rows: 15.52vw auto;
  flex-direction: column;
  text-align: left;
  outline: none;
}

.news-card.animate-on-scroll {
  opacity: 0;
  transform: translateY(3.125vw);
  transition: opacity 0.4s ease-out,
    transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}

.news-card.animated {
  opacity: 1;
  transform: translateY(0);
}

.news__grid>.news-card:nth-child(1) {
  transition-delay: 0.1s;
}

.news__grid>.news-card:nth-child(2) {
  transition-delay: 0.2s;
}

.news__grid>.news-card:nth-child(3) {
  transition-delay: 0.3s;
}

.news__grid>.news-card:nth-child(4) {
  transition-delay: 0.4s;
}

.news__grid>.news-card:nth-child(5) {
  transition-delay: 0.5s;
}

.news-card:focus,
.news-card:focus-visible,
.news-card:active {
  outline: none !important;
  box-shadow: none;
}

.news-card:hover {
  transform: none;
  box-shadow: none;
}

.news-card__image {
  position: relative;
  height: 15.52vw;
  overflow: hidden;
  width: 100%;
}

.news-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}

.news-card:hover .news-card__image img {
  transform: scale(1.05);
}

.news-card__content {
  padding: 2.08vw;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.news-card--large {
  grid-column: span 2;
  flex-direction: row;
  grid-template-columns: 36.61vw auto;
  grid-template-rows: auto;
}

.news-card--large .news-card__image {
  flex: 0 0 55%;
  height: auto;
  min-height: 100%;
}

.news-card--large .news-card__content {
  flex: 0 0 45%;
  justify-content: center;
  padding: 2.08vw;
}

.news-card--large .news-card__title {
  font-size: 1.25vw;
  margin-bottom: 1.56vw;
  line-height: 108%;
}

.news-card--large .news-card__category {
  margin-bottom: 4.28vw;
}

.news-card__category {
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: 0.83vw;
  color: #999999;
  display: block;
  margin-bottom: 0.83vw;
  line-height: 1;
}

.news-card__date {
  display: flex;
  align-items: center;
  gap: 0.21vw;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: 0.73vw;
  color: #999999;
  line-height: 1;
  margin-top: auto;
  padding-top: 2.34vw;
}

.news-card__date svg {
  width: 0.83vw;
  height: 0.83vw;
  flex-shrink: 0;
}

.news-card__title {
  font-size: 1.04vw;
  font-weight: 700;
  color: #353535;
  margin-bottom: 0.31vw;
  line-height: 110%;
}

.news-card--more {
  position: relative;
  z-index: 5;
  background-color: var(--accent-red);
  align-items: flex-end;
  justify-content: flex-end;
  overflow: visible;
  display: flex;
  cursor: pointer;
}

.news-card--more picture,
.news-card__more-bg picture {
  display: contents;
}

.news-card--more:hover .news-card__more-link {
  transform: translateX(0.21vw);
}

.news-card--more:hover .news-card__more-link svg {
  transform: translateX(0.31vw) scale(1.1);
}

.news-card__more-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 2.08vw;
  z-index: 1;
}

.more-news-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: -0.72vw;
  border-radius: 0 0 2.08vw 2.08vw;
  z-index: 1;
}

.more-news-shadow {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(180deg, rgba(255, 95, 66, 0) 32%, #FF5F42 92%);
  border-radius: 2.08vw;
  pointer-events: none;
}

.news-card__content--more {
  position: absolute;
  bottom: 2.08vw;
  right: 2.08vw;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 0.42vw;
  padding: 0;
  margin: 0;
  width: auto;
  transition: transform var(--transition-base);
}

.news-card__more-link {
  display: inline-flex;
  align-items: center;
  gap: 0.42vw;
  color: var(--white);
  font-family: var(--font-secondary);
  font-weight: 800;
  font-size: 0.83vw;
  text-decoration: none;
  transition: transform var(--transition-base);
}

.news-card__more-link::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
}

.news-card__more-link svg {
  width: 1.09vw;
  height: 1.09vw;
  color: var(--white);
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.modal.active {
  opacity: 1;
  visibility: visible;
}

.modal__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(15, 40, 64, 0.9);
  backdrop-filter: blur(8px);
}

.modal__content {
  position: relative;
  background-color: var(--white);
  border-radius: var(--radius-2xl);
  padding: var(--space-12);
  max-width: 600px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: var(--shadow-2xl);
  transform: scale(0.9);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.modal.active .modal__content {
  transform: scale(1);
}

.modal__close {
  position: absolute;
  top: var(--space-6);
  right: var(--space-6);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  font-size: 32px;
  color: var(--gray-400);
  cursor: pointer;
  transition: color var(--transition-base);
  line-height: 1;
}

.modal__close:hover {
  color: var(--gray-800);
}

.modal__title {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--dark-blue);
  margin-bottom: var(--space-4);
}

.modal__subject {
  font-size: var(--font-size-base);
  color: var(--primary-blue);
  font-weight: var(--font-weight-semibold);
  margin-bottom: var(--space-8);
}

.footer {
  height: 100vh;
  position: relative;
  color: var(--white);
  overflow: hidden;
  z-index: 1;
}

.footer .container {
  margin-left: 5vw;
  margin-right: 5vw;
  max-width: none;
  width: auto;
  display: flex;
  flex-direction: column;
  gap: auto;
  justify-content: space-between;
  height: 100%;
}

.footer__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.footer__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer__container {
  position: relative;
  z-index: 2;
  padding-top: 5.20vw;
  padding-bottom: 5.20vw;
  box-sizing: border-box;
}

.footer__top {
  margin-bottom: 3.33vw;
}

.footer__logo img {
  width: 12.86vw;
  height: auto;
}

.footer__grid {
  display: grid;
  grid-template-columns: 7.08vw 10.99vw 10.52vw 9.58vw;
  gap: 8.33vw;
  margin-bottom: 2.5vw;
  font-weight: 600;
  margin-left: 22.71vw;
}

.footer__col {
  display: flex;
  flex-direction: column;
}

.footer__title {
  font-size: 1.04vw;
  margin-bottom: 2.08vw;
  color: var(--white);
  font-weight: 500;
}

.footer__nav,
.footer__contacts,
.footer__schedule {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.520833vw;
}

.footer__nav a,
.footer__contacts a,
.footer__schedule li,
.footer__address {
  font-size: 0.83vw;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: color var(--transition-base);
  font-style: normal;
  line-height: 1.5;
}

.footer__nav a:hover,
.footer__contacts a:hover {
  color: var(--white);
}

.footer__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 1.66vw;
}

.footer__bottom-left {
  display: flex;
  flex-direction: column;
  gap: 0.833333vw;
  width: 20.833333vw;
}

.footer__cabinet {
  display: flex;
  align-items: center;
  gap: 0.416667vw;
  font-size: 0.833333vw;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
  text-underline-offset: 0.15625vw;
  text-decoration-thickness: 0.052083vw;
  margin-bottom: 0.625vw;
}

.footer__copyright {
  font-size: 0.625vw;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.4;
}

.footer__policy {
  display: flex;
  flex-direction: column;
  gap: 0.208333vw;
}

.footer__policy a {
  font-size: 0.625vw;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 600;
  transition: color 0.3s;
}

.footer__policy a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.footer__bottom-center {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.footer__association {
  display: flex;
  align-items: center;
  gap: 0.625vw;
}

.footer__bottom-right {
  display: flex;
  align-items: flex-end;
}

.footer__madeby {
  font-size: 0.729167vw;
  color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
}

.footer__madeby strong {
  color: var(--white);
  font-weight: 600;
}


.header__wrapper {
  padding-top: 8px;
}










.header__logo-img {
  height: 60px;
  width: 179px;
  object-fit: contain;
}

.header .container {
  width: 100%;
  max-width: 100%;
}

.header__logo {
  margin-left: 82px;
}

.nav__list {
  margin-right: 108px;
}












.about--active .about__promo-img {
  position: absolute;
  left: -2.3vw;
  margin-top: 3.9vw;
  transform: rotate(21deg);
}






.about__gelen-frame {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 10.4vw;
  right: 0;
  top: 5.0vw;
  height: 9.68vw;
  justify-content: space-between;
}



.about__btn--animated {
  height: 100%;
}



.about__text--large {
  font-size: 0.94vw;
  line-height: 1.15vw;
}







.lab-card__title {
  font-size: 1.25vw;
  font-weight: 600;
  color: #fff;
  text-align: left;
  margin-bottom: 1.56vw;
  line-height: 108%;
}








.form__group--checkbox {
  margin-bottom: 2.08vw;
  margin-top: 1.66vw;
}

.form__checkbox {
  font-size: 12px;
}


.callback {
  background-color: #EFF0EF;
  padding-left: 9.17vw;
  display: flex;
  justify-content: flex-end;
  height: auto;
}

.glass_a a {
  color: #fff;
  font-family: var(--font-secondary);
  font-weight: 700;
}

.site-header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.958333vw;
  padding: 0 5vw;
  margin-top: 0.416667vw;
  z-index: 10001;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--font-secondary);
}

.logo {
  display: flex;
  z-index: 101;
  object-fit: contain;
}

.glass_a {
  position: relative;
  z-index: 0;
}

.glass_a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  z-index: 1;
  opacity: 0.7;
  background: linear-gradient(175deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.glass_a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: rgba(65, 65, 65, 0.45);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  backdrop-filter: blur(10px) saturate(100%);
  z-index: -1;
}

.glass {
  background: rgba(65, 65, 65, 0.45);
  backdrop-filter: blur(15px);
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 0.260417vw rgba(255, 255, 255, 0.3);
}

.glass-logo {
  border-radius: 3.177083vw;
  padding: 0.208333vw 0.833333vw 0.208333vw 0.416667vw;
  height: 3.125vw;
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 0.104167vw;
  text-decoration: none;
  box-sizing: border-box;
}

.glass-logo {
  position: relative;
  z-index: 0;
}

.glass-logo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: rgba(65, 65, 65, 0.45);
  -webkit-backdrop-filter: blur(4.5px) saturate(130%);
  backdrop-filter: blur(2.5px) saturate(100%);
  z-index: -1;
}

.glass-logo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  z-index: 1;
  opacity: 0.7;
  background: linear-gradient(155deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.logo-icon {
  width: 2.395833vw;
  height: 2.395833vw;
  object-fit: contain;
  border-radius: 50%;
}

.logo-text-img {
  width: 5.46875vw;
  height: 1.458333vw;
  object-fit: contain;
}

.glass-nav {
  position: relative;
  border-radius: 3.177083vw;
  padding: 0.42vw 1.47vw;
  height: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.60vw;
  box-sizing: border-box;
}

.nav-glass-indicator {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 2.291667vw;
  border-radius: 3.333333vw;
  background: rgba(0, 0, 0, 0.21);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  backdrop-filter: blur(15px) saturate(100%);
  box-shadow: inset 0 -0.260417vw 0.520833vw rgba(255, 254, 254, 0.02), inset 0.260417vw 0 0.520833vw rgba(255, 255, 255, 0.01), inset -0.052083vw 0 0.520833vw rgba(209, 209, 209, 0.2);
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  box-sizing: border-box;
  will-change: left, width, opacity;
}

.nav-glass-indicator::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  background: linear-gradient(157deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

/* Entering transition (first hover: smooth in-place fade-in) */
.nav-glass-indicator.is-entering {
  transition: opacity 0.3s cubic-bezier(0.2, 0.9, 0.3, 1);
}

/* Sliding transition (moving between items: smooth gliding & width morphing) */
.nav-glass-indicator.is-sliding {
  transition: left 0.28s cubic-bezier(0.16, 1, 0.3, 1),
    width 0.28s cubic-bezier(0.16, 1, 0.3, 1),
    opacity 0.2s ease;
}

/* Leaving transition (smooth fade-out on mouseleave) */
.nav-glass-indicator.is-leaving {
  transition: opacity 0.25s ease;
}

.glass-nav .nav,
.glass-nav .nav-item-dropdown {
  position: relative;
  z-index: 2;
}

.glass-nav .nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.291667vw;
  padding: 0 1.041667vw;
  margin: 0 -1.041667vw;
  border-radius: 3.333333vw;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
}

.glass-nav .nav::before,
.glass-nav .nav::after,
.glass-nav .nav-item-dropdown:hover>.nav::before,
.glass-nav .nav-item-dropdown:hover>.nav::after,
.glass-nav .nav-item-dropdown.active>.nav::before,
.glass-nav .nav-item-dropdown.active>.nav::after,
.glass-nav .nav:hover::before,
.glass-nav .nav:hover::after {
  display: none !important;
}

.nav {
  position: relative;
  color: white;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.833333vw;
  text-align: center;
  transition: color 0.3s ease;
}

.nav::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 2.083333vw);
  height: 2.291667vw;
  border-radius: 3.333333vw;
  background: rgba(0, 0, 0, 0.21);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  backdrop-filter: blur(15px) saturate(100%);
  box-shadow: inset 0 -0.260417vw 0.520833vw rgba(255, 254, 254, 0.02), inset 0.260417vw 0 0.520833vw rgba(255, 255, 255, 0.01), inset -0.052083vw 0 0.520833vw rgba(209, 209, 209, 0.2);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.nav::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 2.083333vw);
  height: 2.291667vw;
  border-radius: 3.333333vw;
  padding: 1px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  background: linear-gradient(157deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

.nav:hover,
.nav.is-active-hover,
.nav-item-dropdown:hover>.nav,
.nav-item-dropdown.is-active-hover>.nav,
.nav-item-dropdown.active>.nav {
  color: #9de1ff;
}

.nav:hover::before,
.nav:hover::after,
.nav-item-dropdown:hover>.nav::before,
.nav-item-dropdown:hover>.nav::after,
.nav-item-dropdown.active>.nav::before,
.nav-item-dropdown.active>.nav::after {
  opacity: 1;
}

.nav-item-dropdown {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.125vw;
}

.about__top-grid {
  display: flex;
  gap: 15.62vw;
}

@keyframes dropletFall {
  0% {
    opacity: 0;
    width: 4.8vw;
    height: 2.29vw;
    transform: translateX(-50%) translateY(-2.2vw);
  }

  20% {
    opacity: 1;
  }

  30% {
    opacity: 1;
    width: 4.8vw;
    height: 3.125vw;
    transform: translateX(-50%) translateY(0);
  }

  100% {
    opacity: 1;
    width: 24.2vw;
    height: 3.125vw;
    transform: translateX(-50%) translateY(0);
  }
}

@keyframes dropletFallCatalog {
  0% {
    opacity: 0;
    width: 4.8vw;
    height: 2.29vw;
    transform: translateX(-50%) translateY(-2.2vw);
  }

  20% {
    opacity: 1;
  }

  30% {
    opacity: 1;
    width: 4.8vw;
    height: 3.125vw;
    transform: translateX(-50%) translateY(0);
  }

  100% {
    opacity: 1;
    width: 25.0vw;
    height: 3.125vw;
    transform: translateX(-50%) translateY(0);
  }
}

@keyframes itemFlowIn {
  0% {
    opacity: 0;
    transform: translateX(-6px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.dropdown-content {
  position: absolute;
  top: 3.4375vw;
  height: 3.125vw;
  white-space: nowrap;
  overflow: hidden;
  z-index: 999;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1.25vw;
  padding: 0 1.25vw;
  border-radius: 3.177083vw;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: rgba(40, 40, 40, 0.60);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  backdrop-filter: blur(20px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 0.52vw 1.56vw rgba(0, 0, 0, 0.25);
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

#catalogDropdown .dropdown-content {
  left: 50%;
  width: 25.0vw;
  transform: translateX(-50%);
}

#companyDropdown .dropdown-content {
  left: 55%;
  width: 24.2vw;
  transform: translateX(-50%);
}

.dropdown-content.glass_a::before {
  display: none;
}

.nav-item-dropdown::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0.6vw;
}

#companyDropdown:hover .dropdown-content,
#companyDropdown.active .dropdown-content {
  visibility: visible;
  pointer-events: auto;
  transition: none !important;
  animation: dropletFall 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

#catalogDropdown:hover .dropdown-content,
#catalogDropdown.active .dropdown-content {
  visibility: visible;
  pointer-events: auto;
  transition: none !important;
  animation: dropletFallCatalog 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.dropdown-content>* {
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity 0.12s ease, transform 0.12s ease;
}

.nav-item-dropdown:hover .dropdown-content>*,
.nav-item-dropdown.active .dropdown-content>* {
  animation: itemFlowIn 0.18s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.nav-item-dropdown:hover .dropdown-content>*:nth-child(1),
.nav-item-dropdown.active .dropdown-content>*:nth-child(1) {
  animation-delay: 0.10s;
}

.nav-item-dropdown:hover .dropdown-content>*:nth-child(2),
.nav-item-dropdown.active .dropdown-content>*:nth-child(2) {
  animation-delay: 0.13s;
}

.nav-item-dropdown:hover .dropdown-content>*:nth-child(3),
.nav-item-dropdown.active .dropdown-content>*:nth-child(3) {
  animation-delay: 0.16s;
}

.nav-item-dropdown:hover .dropdown-content>*:nth-child(4),
.nav-item-dropdown.active .dropdown-content>*:nth-child(4) {
  animation-delay: 0.19s;
}

.nav-item-dropdown:hover .dropdown-content>*:nth-child(5),
.nav-item-dropdown.active .dropdown-content>*:nth-child(5) {
  animation-delay: 0.22s;
}

.nav-item-dropdown:hover .dropdown-content>*:nth-child(6),
.nav-item-dropdown.active .dropdown-content>*:nth-child(6) {
  animation-delay: 0.25s;
}

.nav-item-dropdown:hover .dropdown-content>*:nth-child(7),
.nav-item-dropdown.active .dropdown-content>*:nth-child(7) {
  animation-delay: 0.28s;
}

.nav-divider {
  width: 1px;
  min-width: 1px;
  height: 1.041667vw;
  min-height: 1.041667vw;
  background-color: rgba(255, 255, 255, 0.35);
  align-self: center;
  flex-shrink: 0;
  display: inline-block;
}

.nav-sub {
  color: white;
  text-decoration: none;
  font-family: var(--font-secondary);
  font-size: 0.833333vw;
  font-weight: 700;
  white-space: nowrap;
  padding: 0;
  transition: color 0.2s ease;
}

.nav-sub:hover {
  color: #9de1ff;
}

@media (max-width: 768px) {
  .mobile-menu-topbar {
    display: grid;
    grid-template-columns: 11.63vw 1fr 11.63vw;
    align-items: center;
    gap: 2.79vw;
  }

  .mobile-menu-topbar::after {
    content: "";
    width: 11.63vw;
    height: 11.63vw;
  }

  .mobile-menu-title {
    color: #fff;
    text-align: center;
    font-family: var(--font-secondary);
    font-size: 4.65vw;
    font-weight: 700;
    line-height: 1.1;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .mobile-menu-overlay[data-menu-view=catalog] .mobile-menu-title {
    opacity: 1;
  }

  .mobile-menu-control-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5.5814vw;
    height: 5.5814vw;
  }

  .mobile-menu-control-icon svg {
    width: 100%;
    height: 100%;
  }

  .mobile-menu-control-icon--back {
    display: none;
  }

  .mobile-menu-overlay[data-menu-view=catalog] .mobile-menu-control-icon--close,
  .mobile-menu-overlay[data-menu-view=company] .mobile-menu-control-icon--close {
    display: none;
  }

  .mobile-menu-overlay[data-menu-view=catalog] .mobile-menu-control-icon--back,
  .mobile-menu-overlay[data-menu-view=company] .mobile-menu-control-icon--back {
    display: inline-flex;
  }

  .mobile-menu-overlay {
    position: fixed;
    inset: 0;
    z-index: 10002;
    background: linear-gradient(180deg, #4a8bc2 0%, #3272ad 30%, #1f245d 100%);
    display: flex;
    flex-direction: column;
    padding: 3.721vw;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
  }

  .mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
  }



  .mobile-menu-close:active {
    transform: scale(0.92);
  }

  .mobile-menu-panels {
    position: relative;
    flex: 1;
    margin-top: 9.3vw;
    overflow: visible;
  }

  .mobile-menu-panel {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    gap: 7.44vw;
    opacity: 0;
    pointer-events: none;
    transform: translateX(32px);
    transition: transform 0.35s ease, opacity 0.35s ease;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .mobile-menu-panel.is-active {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    overflow: visible;
  }

  .mobile-menu-panel--root,
  .mobile-menu-panel--company {
    gap: 0;
  }

  .mobile-menu-item--trigger {
    width: 100%;
    border-left: none;
    border-right: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
  }

  .mobile-menu-card {
    display: flex;
    border-radius: 5.58vw;
    height: 46.74vw;
    cursor: pointer;
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    background: rgba(45, 45, 45, 0.27);
    backdrop-filter: blur(15.8px);
    box-shadow: inset 1px 1px 7px 0.75px rgba(255, 255, 255, 0.18), inset -1px -1px 7px 0px rgba(255, 255, 255, 0.18);
    align-items: end;
  }

  .mobile-menu-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 0.7px;
    pointer-events: none;
    opacity: 0.7;
    background: linear-gradient(155deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }

  .mobile-menu-card__image {
    position: absolute;
    bottom: 15vw;
  }

  .mobile-menu-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .mobile-menu-card__content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 3.72vw;
    padding: 5.58vw;
    padding-bottom: 4.6vw;
  }

  .mobile-menu-card__title {
    font-family: var(--font-secondary);
    color: white;
    font-size: 4.65vw;
    font-weight: 700;
    line-height: 1.2;
  }

  .mobile-menu-card svg {
    width: 5.1163vw;
    height: 5.1163vw;
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.88);
  }

}


@media (max-width: 1680px) {














  .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--header-height);
    z-index: 10001;
    transition: transform 0.6s ease, opacity 0.6s ease;
    transform: translateY(-100%);
    opacity: 0;
  }

  .header.visible {
    transform: none;
    opacity: 1;
  }

  .header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--header-height);
    gap: var(--space-8);
  }

  .header__logo {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    text-decoration: none;
    backdrop-filter: blur(8.75px);
    border-radius: var(--radius-2xl);
    transition: transform var(--transition-base);
  }

  .header__logo:hover {
    transform: translateY(-1.75px);
  }

  .header__logo-img {
    width: auto;
    object-fit: contain;
  }

  .header__nav {
    flex: 1;
    display: flex;
    justify-content: right;
  }

  .nav__list {
    display: flex;
    height: 52.5px;
    align-items: center;
    gap: var(--space-2);
    background-color: rgba(101, 101, 101, 0.45);
    backdrop-filter: blur(8.75px);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-2xl);
    box-shadow: 0 3.5px 10.5px rgba(0, 0, 0, 0.08);
  }

  .nav__link {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--text-white);
    transition: all var(--transition-base);
    position: relative;
    padding: var(--space-3) var(--space-5);
    border-radius: var(--radius-xl);
  }

  .nav__link:hover {
    color: var(--primary-blue);
    background-color: rgba(74, 159, 232, 0.3);
  }

  .nav__link--active {
    color: var(--primary-blue);
    box-shadow: 0 1.75px 17.5px rgba(0, 0, 0, 0.2);
    background-color: rgba(101, 101, 101, 0.4);
  }

  .nav__link::after {
    content: "";
    position: absolute;
    bottom: -3.5px;
    left: 0;
    width: 0;
    height: 1.75px;
    background-color: var(--primary-blue);
    transition: width var(--transition-base);
  }

  .nav__link:hover {
    color: var(--primary-blue);
  }

  .nav__link:hover::after {
    width: 100%;
  }

  .nav__link--active::after {
    display: none;
  }

  .header__burger {
    display: none;
    flex-direction: column;
    gap: 4.375px;
    width: 26.25px;
    height: 21px;
    padding: 0;
  }

  .header__burger span {
    display: block;
    width: 100%;
    height: 2.625px;
    background-color: var(--dark-blue);
    border-radius: 1.75px;
    transition: all var(--transition-base);
  }














































  @keyframes gelenLineGrow {
    to {
      width: 113.75px;
      opacity: 1;
    }
  }

  @keyframes simpleOpacityFadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }































  /* Default state transitions (mouse out) */








  /* Hover state transitions (mouse in) - bottom to top build */
  /* First card: shell -> filler -> tpzh -> vvg4 */




  /* Second card: vvg4 -> tpzh -> filler -> shell */

























  .about__text {
    display: inline;
    font-size: var(--font-size-lg);
    color: var(--text-secondary);
    line-height: var(--line-height-relaxed);
    margin-bottom: var(--space-8);
  }









  .about__visual {
    position: relative;
    width: 100%;
  }






















  @keyframes aboutExpandTL {
    0% {
      top: 50%;
      left: 50%;
      opacity: 0;
      transform: translate(-50%, -50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      top: 0;
      left: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }

  @keyframes aboutExpandTR {
    0% {
      top: 50%;
      right: 50%;
      opacity: 0;
      transform: translate(50%, -50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      top: 0;
      right: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }

  @keyframes aboutExpandBL {
    0% {
      bottom: 50%;
      left: 50%;
      opacity: 0;
      transform: translate(-50%, 50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      bottom: 0;
      left: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }

  @keyframes aboutExpandBR {
    0% {
      bottom: 50%;
      right: 50%;
      opacity: 0;
      transform: translate(50%, 50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      bottom: 0;
      right: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }











  .about__image {
    position: relative;
    border-radius: var(--radius-2xl);
    overflow: hidden;
    box-shadow: var(--shadow-xl);
  }

  .about__image img {
    width: 100%;
    height: auto;
    display: block;
  }





















  .laboratory {
    position: relative;
    z-index: 1;
  }
















  .form__input::placeholder,
  .form__textarea::placeholder {
    color: #b7c0ce;
    opacity: 1;
    transition: opacity var(--transition-base);
  }



  .form__textarea {
    resize: vertical;
    min-height: 105px;
  }



  .form__checkbox {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    cursor: pointer;
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: var(--line-height-normal);
    position: relative;
  }

  .form__checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  .form__checkbox .checkmark {
    position: relative;
    flex-shrink: 0;
    height: 17.5px;
    width: 17.5px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    transition: all var(--transition-base);
  }

  .form__checkbox:hover input~.checkmark {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .form__checkbox input:checked~.checkmark {
    background-color: transparent;
    border-color: #fff;
  }

  .form__checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .form__checkbox input:checked~.checkmark:after {
    display: block;
  }

  .form__checkbox .checkmark:after {
    left: 5.25px;
    top: 1.75px;
    width: 5.25px;
    height: 9.625px;
    border: solid white;
    border-width: 0 1.75px 1.75px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .form__checkbox a {
    color: #4a9fe8;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .form__checkbox a:hover {
    color: #fff;
    text-decoration: underline;
  }



  .modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .modal.active {
    opacity: 1;
    visibility: visible;
  }

  .modal__overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(15, 40, 64, 0.9);
    backdrop-filter: blur(7px);
  }

  .modal__content {
    position: relative;
    background-color: var(--white);
    border-radius: var(--radius-2xl);
    padding: var(--space-12);
    max-width: 525px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: var(--shadow-2xl);
    transform: scale(0.9);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .modal.active .modal__content {
    transform: scale(1);
  }

  .modal__close {
    position: absolute;
    top: var(--space-6);
    right: var(--space-6);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    font-size: 28px;
    color: var(--gray-400);
    cursor: pointer;
    transition: color var(--transition-base);
    line-height: 1;
  }

  .modal__close:hover {
    color: var(--gray-800);
  }

  .modal__title {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    color: var(--dark-blue);
    margin-bottom: var(--space-4);
  }

  .modal__subject {
    font-size: var(--font-size-base);
    color: var(--primary-blue);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--space-8);
  }

  .container {
    width: 90%;
  }


  .header__wrapper {
    padding-top: 7px;
  }










  .header__logo-img {
    height: 52.5px;
    width: 156.625px;
    object-fit: contain;
  }

  .header .container {
    width: 100%;
    max-width: 100%;
  }

  .header__logo {
    margin-left: 71.75px;
  }

  .nav__list {
    margin-right: 94.5px;
  }



















  .about__btn--animated {
    height: 100%;
  }










  .form__checkbox {
    font-size: 10.5px;
  }


  .glass_a a {
    color: #fff;
    font-family: var(--font-secondary);
    font-weight: 700;
  }

}

@media (max-width: 1400px) {














  .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--header-height);
    z-index: 10001;
    transition: transform 0.6s ease, opacity 0.6s ease;
    transform: translateY(-100%);
    opacity: 0;
  }

  .header.visible {
    transform: none;
    opacity: 1;
  }

  .header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--header-height);
    gap: var(--space-8);
  }

  .header__logo {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    text-decoration: none;
    backdrop-filter: blur(7.292px);
    border-radius: var(--radius-2xl);
    transition: transform var(--transition-base);
  }

  .header__logo:hover {
    transform: translateY(-1.458px);
  }

  .header__logo-img {
    width: auto;
    object-fit: contain;
  }

  .header__nav {
    flex: 1;
    display: flex;
    justify-content: right;
  }

  .nav__list {
    display: flex;
    height: 43.75px;
    align-items: center;
    gap: var(--space-2);
    background-color: rgba(101, 101, 101, 0.45);
    backdrop-filter: blur(7.292px);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-2xl);
    box-shadow: 0 2.917px 8.75px rgba(0, 0, 0, 0.08);
  }

  .nav__link {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--text-white);
    transition: all var(--transition-base);
    position: relative;
    padding: var(--space-3) var(--space-5);
    border-radius: var(--radius-xl);
  }

  .nav__link:hover {
    color: var(--primary-blue);
    background-color: rgba(74, 159, 232, 0.3);
  }

  .nav__link--active {
    color: var(--primary-blue);
    box-shadow: 0 1.458px 14.583px rgba(0, 0, 0, 0.2);
    background-color: rgba(101, 101, 101, 0.4);
  }

  .nav__link::after {
    content: "";
    position: absolute;
    bottom: -2.917px;
    left: 0;
    width: 0;
    height: 1.458px;
    background-color: var(--primary-blue);
    transition: width var(--transition-base);
  }

  .nav__link:hover {
    color: var(--primary-blue);
  }

  .nav__link:hover::after {
    width: 100%;
  }

  .nav__link--active::after {
    display: none;
  }

  .header__burger {
    display: none;
    flex-direction: column;
    gap: 3.646px;
    width: 21.875px;
    height: 17.5px;
    padding: 0;
  }

  .header__burger span {
    display: block;
    width: 100%;
    height: 2.188px;
    background-color: var(--dark-blue);
    border-radius: 1.458px;
    transition: all var(--transition-base);
  }














































  @keyframes gelenLineGrow {
    to {
      width: 94.792px;
      opacity: 1;
    }
  }

  @keyframes simpleOpacityFadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }































  /* Default state transitions (mouse out) */








  /* Hover state transitions (mouse in) - bottom to top build */
  /* First card: shell -> filler -> tpzh -> vvg4 */




  /* Second card: vvg4 -> tpzh -> filler -> shell */





















  .about__text {
    display: inline;
    font-size: var(--font-size-lg);
    color: var(--text-secondary);
    line-height: var(--line-height-relaxed);
    margin-bottom: var(--space-8);
  }








  .about__visual {
    position: relative;
    width: 100%;
  }




















  @keyframes aboutExpandTL {
    0% {
      top: 50%;
      left: 50%;
      opacity: 0;
      transform: translate(-50%, -50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      top: 0;
      left: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }

  @keyframes aboutExpandTR {
    0% {
      top: 50%;
      right: 50%;
      opacity: 0;
      transform: translate(50%, -50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      top: 0;
      right: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }

  @keyframes aboutExpandBL {
    0% {
      bottom: 50%;
      left: 50%;
      opacity: 0;
      transform: translate(-50%, 50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      bottom: 0;
      left: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }

  @keyframes aboutExpandBR {
    0% {
      bottom: 50%;
      right: 50%;
      opacity: 0;
      transform: translate(50%, 50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      bottom: 0;
      right: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }








  .about__image {
    position: relative;
    border-radius: var(--radius-2xl);
    overflow: hidden;
    box-shadow: var(--shadow-xl);
  }

  .about__image img {
    width: 100%;
    height: auto;
    display: block;
  }




















  .laboratory {
    position: relative;
    z-index: 1;
  }




  @keyframes flashColor {
    0% {
      background: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);
    }

    10% {
      background: transparent;
    }

    50% {
      background: transparent;
    }

    100% {
      background: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);
    }
  }














  .form__input::placeholder,
  .form__textarea::placeholder {
    color: #b7c0ce;
    opacity: 1;
    transition: opacity var(--transition-base);
  }





  .form__checkbox {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    cursor: pointer;
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: var(--line-height-normal);
    position: relative;
  }

  .form__checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  .form__checkbox .checkmark {
    position: relative;
    flex-shrink: 0;
    height: 14.583px;
    width: 14.583px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    transition: all var(--transition-base);
  }

  .form__checkbox:hover input~.checkmark {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .form__checkbox input:checked~.checkmark {
    background-color: transparent;
    border-color: #fff;
  }

  .form__checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .form__checkbox input:checked~.checkmark:after {
    display: block;
  }

  .form__checkbox .checkmark:after {
    left: 4.375px;
    top: 1.458px;
    width: 4.375px;
    height: 8.021px;
    border: solid white;
    border-width: 0 1.458px 1.458px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .form__checkbox a {
    color: #4a9fe8;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .form__checkbox a:hover {
    color: #fff;
    text-decoration: underline;
  }



  .modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .modal.active {
    opacity: 1;
    visibility: visible;
  }

  .modal__overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(15, 40, 64, 0.9);
    backdrop-filter: blur(5.833px);
  }

  .modal__content {
    position: relative;
    background-color: var(--white);
    border-radius: var(--radius-2xl);
    padding: var(--space-12);
    max-width: 437.5px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: var(--shadow-2xl);
    transform: scale(0.9);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .modal.active .modal__content {
    transform: scale(1);
  }

  .modal__close {
    position: absolute;
    top: var(--space-6);
    right: var(--space-6);
    width: 29.167px;
    height: 29.167px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    font-size: 23.333px;
    color: var(--gray-400);
    cursor: pointer;
    transition: color var(--transition-base);
    line-height: 1;
  }

  .modal__close:hover {
    color: var(--gray-800);
  }

  .modal__title {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    color: var(--dark-blue);
    margin-bottom: var(--space-4);
  }

  .modal__subject {
    font-size: var(--font-size-base);
    color: var(--primary-blue);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--space-8);
  }



  .header__wrapper {
    padding-top: 5.833px;
  }










  .header__logo-img {
    height: 43.75px;
    width: 130.521px;
    object-fit: contain;
  }

  .header .container {
    width: 100%;
    max-width: 100%;
  }

  .header__logo {
    margin-left: 59.792px;
  }

  .nav__list {
    margin-right: 78.75px;
  }















  .about__btn--animated {
    height: 100%;
  }








  .form__checkbox {
    font-size: 8.75px;
  }


  .glass_a a {
    color: #fff;
    font-family: var(--font-secondary);
    font-weight: 700;
  }

}

@media (max-width: 1280px) {














  .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--header-height);
    z-index: 10001;
    transition: transform 0.6s ease, opacity 0.6s ease;
    transform: translateY(-100%);
    opacity: 0;
  }

  .header.visible {
    transform: none;
    opacity: 1;
  }

  .header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--header-height);
    gap: var(--space-8);
  }

  .header__logo {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    text-decoration: none;
    backdrop-filter: blur(6.667px);
    border-radius: var(--radius-2xl);
    transition: transform var(--transition-base);
  }

  .header__logo:hover {
    transform: translateY(-1.333px);
  }

  .header__logo-img {
    width: auto;
    object-fit: contain;
  }

  .header__nav {
    flex: 1;
    display: flex;
    justify-content: right;
  }

  .nav__list {
    display: flex;
    height: 40px;
    align-items: center;
    gap: var(--space-2);
    background-color: rgba(101, 101, 101, 0.45);
    backdrop-filter: blur(6.667px);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-2xl);
    box-shadow: 0 2.667px 8px rgba(0, 0, 0, 0.08);
  }

  .nav__link {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--text-white);
    transition: all var(--transition-base);
    position: relative;
    padding: var(--space-3) var(--space-5);
    border-radius: var(--radius-xl);
  }

  .nav__link:hover {
    color: var(--primary-blue);
    background-color: rgba(74, 159, 232, 0.3);
  }

  .nav__link--active {
    color: var(--primary-blue);
    box-shadow: 0 1.333px 13.333px rgba(0, 0, 0, 0.2);
    background-color: rgba(101, 101, 101, 0.4);
  }

  .nav__link::after {
    content: "";
    position: absolute;
    bottom: -2.667px;
    left: 0;
    width: 0;
    height: 1.333px;
    background-color: var(--primary-blue);
    transition: width var(--transition-base);
  }

  .nav__link:hover {
    color: var(--primary-blue);
  }

  .nav__link:hover::after {
    width: 100%;
  }

  .nav__link--active::after {
    display: none;
  }

  .header__burger {
    display: none;
    flex-direction: column;
    gap: 3.333px;
    width: 20px;
    height: 16px;
    padding: 0;
  }

  .header__burger span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--dark-blue);
    border-radius: 1.333px;
    transition: all var(--transition-base);
  }














































  @keyframes gelenLineGrow {
    to {
      width: 86.667px;
      opacity: 1;
    }
  }

  @keyframes simpleOpacityFadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }































  /* Default state transitions (mouse out) */








  /* Hover state transitions (mouse in) - bottom to top build */
  /* First card: shell -> filler -> tpzh -> vvg4 */




  /* Second card: vvg4 -> tpzh -> filler -> shell */





















  .about__text {
    display: inline;
    font-size: var(--font-size-lg);
    color: var(--text-secondary);
    line-height: var(--line-height-relaxed);
    margin-bottom: var(--space-8);
  }












  .about__visual {
    position: relative;
    width: 100%;
  }













  @keyframes aboutExpandTL {
    0% {
      top: 50%;
      left: 50%;
      opacity: 0;
      transform: translate(-50%, -50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      top: 0;
      left: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }

  @keyframes aboutExpandTR {
    0% {
      top: 50%;
      right: 50%;
      opacity: 0;
      transform: translate(50%, -50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      top: 0;
      right: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }

  @keyframes aboutExpandBL {
    0% {
      bottom: 50%;
      left: 50%;
      opacity: 0;
      transform: translate(-50%, 50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      bottom: 0;
      left: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }

  @keyframes aboutExpandBR {
    0% {
      bottom: 50%;
      right: 50%;
      opacity: 0;
      transform: translate(50%, 50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      bottom: 0;
      right: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }





  .about__image {
    position: relative;
    border-radius: var(--radius-2xl);
    overflow: hidden;
    box-shadow: var(--shadow-xl);
  }

  .about__image img {
    width: 100%;
    height: auto;
    display: block;
  }




















  .laboratory {
    position: relative;
    z-index: 1;
  }





  @keyframes flashColor {
    0% {
      background: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);
    }

    10% {
      background: transparent;
    }

    50% {
      background: transparent;
    }

    100% {
      background: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);
    }
  }












  .form__input::placeholder,
  .form__textarea::placeholder {
    color: #b7c0ce;
    opacity: 1;
    transition: opacity var(--transition-base);
  }



  .form__textarea {
    resize: vertical;
    min-height: 80px;
  }


  .form__checkbox {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    cursor: pointer;
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: var(--line-height-normal);
    position: relative;
  }

  .form__checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  .form__checkbox .checkmark {
    position: relative;
    flex-shrink: 0;
    height: 13.333px;
    width: 13.333px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    transition: all var(--transition-base);
  }

  .form__checkbox:hover input~.checkmark {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .form__checkbox input:checked~.checkmark {
    background-color: transparent;
    border-color: #fff;
  }

  .form__checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .form__checkbox input:checked~.checkmark:after {
    display: block;
  }

  .form__checkbox .checkmark:after {
    left: 4px;
    top: 1.333px;
    width: 4px;
    height: 7.333px;
    border: solid white;
    border-width: 0 1.333px 1.333px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .form__checkbox a {
    color: #4a9fe8;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .form__checkbox a:hover {
    color: #fff;
    text-decoration: underline;
  }


  .modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .modal.active {
    opacity: 1;
    visibility: visible;
  }

  .modal__overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(15, 40, 64, 0.9);
    backdrop-filter: blur(5.333px);
  }

  .modal__content {
    position: relative;
    background-color: var(--white);
    border-radius: var(--radius-2xl);
    padding: var(--space-12);
    max-width: 400px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: var(--shadow-2xl);
    transform: scale(0.9);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .modal.active .modal__content {
    transform: scale(1);
  }

  .modal__close {
    position: absolute;
    top: var(--space-6);
    right: var(--space-6);
    width: 26.667px;
    height: 26.667px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    font-size: 21.333px;
    color: var(--gray-400);
    cursor: pointer;
    transition: color var(--transition-base);
    line-height: 1;
  }

  .modal__close:hover {
    color: var(--gray-800);
  }

  .modal__title {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    color: var(--dark-blue);
    margin-bottom: var(--space-4);
  }

  .modal__subject {
    font-size: var(--font-size-base);
    color: var(--primary-blue);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--space-8);
  }



  .header__wrapper {
    padding-top: 5.333px;
  }










  .header__logo-img {
    height: 40px;
    width: 119.333px;
    object-fit: contain;
  }

  .header .container {
    width: 100%;
    max-width: 100%;
  }

  .header__logo {
    margin-left: 54.667px;
  }

  .nav__list {
    margin-right: 72px;
  }















  .about__btn--animated {
    height: 100%;
  }










  .form__checkbox {
    font-size: 8px;
  }


  .glass_a a {
    color: #fff;
    font-family: var(--font-secondary);
    font-weight: 700;
  }

}

@media (max-width: 1152px) {














  .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--header-height);
    z-index: 10001;
    transition: transform 0.6s ease, opacity 0.6s ease;
    transform: translateY(-100%);
    opacity: 0;
  }

  .header.visible {
    transform: none;
    opacity: 1;
  }

  .header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--header-height);
    gap: var(--space-8);
  }

  .header__logo {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    text-decoration: none;
    backdrop-filter: blur(6px);
    border-radius: var(--radius-2xl);
    transition: transform var(--transition-base);
  }

  .header__logo:hover {
    transform: translateY(-1.2px);
  }

  .header__logo-img {
    width: auto;
    object-fit: contain;
  }

  .header__nav {
    flex: 1;
    display: flex;
    justify-content: right;
  }

  .nav__list {
    display: flex;
    height: 36px;
    align-items: center;
    gap: var(--space-2);
    background-color: rgba(101, 101, 101, 0.45);
    backdrop-filter: blur(6px);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-2xl);
    box-shadow: 0 2.4px 7.2px rgba(0, 0, 0, 0.08);
  }

  .nav__link {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--text-white);
    transition: all var(--transition-base);
    position: relative;
    padding: var(--space-3) var(--space-5);
    border-radius: var(--radius-xl);
  }

  .nav__link:hover {
    color: var(--primary-blue);
    background-color: rgba(74, 159, 232, 0.3);
  }

  .nav__link--active {
    color: var(--primary-blue);
    box-shadow: 0 1.2px 12px rgba(0, 0, 0, 0.2);
    background-color: rgba(101, 101, 101, 0.4);
  }

  .nav__link::after {
    content: "";
    position: absolute;
    bottom: -2.4px;
    left: 0;
    width: 0;
    height: 1.2px;
    background-color: var(--primary-blue);
    transition: width var(--transition-base);
  }

  .nav__link:hover {
    color: var(--primary-blue);
  }

  .nav__link:hover::after {
    width: 100%;
  }

  .nav__link--active::after {
    display: none;
  }

  .header__burger {
    display: none;
    flex-direction: column;
    gap: 3px;
    width: 18px;
    height: 14.4px;
    padding: 0;
  }

  .header__burger span {
    display: block;
    width: 100%;
    height: 1.8px;
    background-color: var(--dark-blue);
    border-radius: 1.2px;
    transition: all var(--transition-base);
  }














































  @keyframes gelenLineGrow {
    to {
      width: 78px;
      opacity: 1;
    }
  }

  @keyframes simpleOpacityFadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }































  /* Default state transitions (mouse out) */








  /* Hover state transitions (mouse in) - bottom to top build */
  /* First card: shell -> filler -> tpzh -> vvg4 */




  /* Second card: vvg4 -> tpzh -> filler -> shell */





















  .about__text {
    display: inline;
    font-size: var(--font-size-lg);
    color: var(--text-secondary);
    line-height: var(--line-height-relaxed);
    margin-bottom: var(--space-8);
  }






  .about__visual {
    position: relative;
    width: 100%;
  }








  @keyframes aboutExpandTL {
    0% {
      top: 50%;
      left: 50%;
      opacity: 0;
      transform: translate(-50%, -50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      top: 0;
      left: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }

  @keyframes aboutExpandTR {
    0% {
      top: 50%;
      right: 50%;
      opacity: 0;
      transform: translate(50%, -50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      top: 0;
      right: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }

  @keyframes aboutExpandBL {
    0% {
      bottom: 50%;
      left: 50%;
      opacity: 0;
      transform: translate(-50%, 50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      bottom: 0;
      left: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }

  @keyframes aboutExpandBR {
    0% {
      bottom: 50%;
      right: 50%;
      opacity: 0;
      transform: translate(50%, 50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      bottom: 0;
      right: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }








  .about__image {
    position: relative;
    border-radius: var(--radius-2xl);
    overflow: hidden;
    box-shadow: var(--shadow-xl);
  }

  .about__image img {
    width: 100%;
    height: auto;
    display: block;
  }



















  .laboratory {
    position: relative;
    z-index: 1;
  }


  @keyframes flashColor {
    0% {
      background: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);
    }

    10% {
      background: transparent;
    }

    50% {
      background: transparent;
    }

    100% {
      background: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);
    }
  }












  .form__input::placeholder,
  .form__textarea::placeholder {
    color: #b7c0ce;
    opacity: 1;
    transition: opacity var(--transition-base);
  }


  .form__textarea {
    resize: vertical;
    min-height: 72px;
  }

  .form__checkbox {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    cursor: pointer;
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: var(--line-height-normal);
    position: relative;
  }

  .form__checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  .form__checkbox .checkmark {
    position: relative;
    flex-shrink: 0;
    height: 12px;
    width: 12px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    transition: all var(--transition-base);
  }

  .form__checkbox:hover input~.checkmark {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .form__checkbox input:checked~.checkmark {
    background-color: transparent;
    border-color: #fff;
  }

  .form__checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .form__checkbox input:checked~.checkmark:after {
    display: block;
  }

  .form__checkbox .checkmark:after {
    left: 3.6px;
    top: 1.2px;
    width: 3.6px;
    height: 6.6px;
    border: solid white;
    border-width: 0 1.2px 1.2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .form__checkbox a {
    color: #4a9fe8;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .form__checkbox a:hover {
    color: #fff;
    text-decoration: underline;
  }

  .modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .modal.active {
    opacity: 1;
    visibility: visible;
  }

  .modal__overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(15, 40, 64, 0.9);
    backdrop-filter: blur(4.8px);
  }

  .modal__content {
    position: relative;
    background-color: var(--white);
    border-radius: var(--radius-2xl);
    padding: var(--space-12);
    max-width: 360px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: var(--shadow-2xl);
    transform: scale(0.9);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .modal.active .modal__content {
    transform: scale(1);
  }

  .modal__close {
    position: absolute;
    top: var(--space-6);
    right: var(--space-6);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    font-size: 19.2px;
    color: var(--gray-400);
    cursor: pointer;
    transition: color var(--transition-base);
    line-height: 1;
  }

  .modal__close:hover {
    color: var(--gray-800);
  }

  .modal__title {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    color: var(--dark-blue);
    margin-bottom: var(--space-4);
  }

  .modal__subject {
    font-size: var(--font-size-base);
    color: var(--primary-blue);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--space-8);
  }



  .header__wrapper {
    padding-top: 4.8px;
  }










  .header__logo-img {
    height: 36px;
    width: 107.4px;
    object-fit: contain;
  }

  .header .container {
    width: 100%;
    max-width: 100%;
  }

  .header__logo {
    margin-left: 49.2px;
  }

  .nav__list {
    margin-right: 64.8px;
  }













  .about__btn--animated {
    height: 100%;
  }











  .form__checkbox {
    font-size: 7.2px;
  }


  .glass_a a {
    color: #fff;
    font-family: var(--font-secondary);
    font-weight: 700;
  }

}

@media (max-width: 1024px) {














  .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--header-height);
    z-index: 10001;
    transition: transform 0.6s ease, opacity 0.6s ease;
    transform: translateY(-100%);
    opacity: 0;
  }

  .header.visible {
    transform: none;
    opacity: 1;
  }

  .header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--header-height);
    gap: var(--space-8);
  }

  .header__logo {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    text-decoration: none;
    backdrop-filter: blur(5.333px);
    border-radius: var(--radius-2xl);
    transition: transform var(--transition-base);
  }

  .header__logo:hover {
    transform: translateY(-1.067px);
  }

  .header__logo-img {
    width: auto;
    object-fit: contain;
  }

  .header__nav {
    flex: 1;
    display: flex;
    justify-content: right;
  }

  .nav__list {
    display: flex;
    height: 32px;
    align-items: center;
    gap: var(--space-2);
    background-color: rgba(101, 101, 101, 0.45);
    backdrop-filter: blur(5.333px);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-2xl);
    box-shadow: 0 2.133px 6.4px rgba(0, 0, 0, 0.08);
  }

  .nav__link {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--text-white);
    transition: all var(--transition-base);
    position: relative;
    padding: var(--space-3) var(--space-5);
    border-radius: var(--radius-xl);
  }

  .nav__link:hover {
    color: var(--primary-blue);
    background-color: rgba(74, 159, 232, 0.3);
  }

  .nav__link--active {
    color: var(--primary-blue);
    box-shadow: 0 1.067px 10.667px rgba(0, 0, 0, 0.2);
    background-color: rgba(101, 101, 101, 0.4);
  }

  .nav__link::after {
    content: "";
    position: absolute;
    bottom: -2.133px;
    left: 0;
    width: 0;
    height: 1.067px;
    background-color: var(--primary-blue);
    transition: width var(--transition-base);
  }

  .nav__link:hover {
    color: var(--primary-blue);
  }

  .nav__link:hover::after {
    width: 100%;
  }

  .nav__link--active::after {
    display: none;
  }

  .header__burger {
    display: none;
    flex-direction: column;
    gap: 2.667px;
    width: 16px;
    height: 12.8px;
    padding: 0;
  }

  .header__burger span {
    display: block;
    width: 100%;
    height: 1.6px;
    background-color: var(--dark-blue);
    border-radius: 1.067px;
    transition: all var(--transition-base);
  }















































  @keyframes gelenLineGrow {
    to {
      width: 69.333px;
      opacity: 1;
    }
  }

  @keyframes simpleOpacityFadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }































  /* Default state transitions (mouse out) */








  /* Hover state transitions (mouse in) - bottom to top build */
  /* First card: shell -> filler -> tpzh -> vvg4 */




  /* Second card: vvg4 -> tpzh -> filler -> shell */






















  .about__text {
    display: inline;
    font-size: var(--font-size-lg);
    color: var(--text-secondary);
    line-height: var(--line-height-relaxed);
    margin-bottom: var(--space-8);
  }





  .about__visual {
    position: relative;
    width: 100%;
  }












  @keyframes aboutExpandTL {
    0% {
      top: 50%;
      left: 50%;
      opacity: 0;
      transform: translate(-50%, -50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      top: 0;
      left: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }

  @keyframes aboutExpandTR {
    0% {
      top: 50%;
      right: 50%;
      opacity: 0;
      transform: translate(50%, -50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      top: 0;
      right: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }

  @keyframes aboutExpandBL {
    0% {
      bottom: 50%;
      left: 50%;
      opacity: 0;
      transform: translate(-50%, 50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      bottom: 0;
      left: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }

  @keyframes aboutExpandBR {
    0% {
      bottom: 50%;
      right: 50%;
      opacity: 0;
      transform: translate(50%, 50%);
    }

    1% {
      opacity: 1;
    }

    100% {
      bottom: 0;
      right: 0;
      opacity: 1;
      transform: translate(0, 0);
    }
  }






  .about__image {
    position: relative;
    border-radius: var(--radius-2xl);
    overflow: hidden;
    box-shadow: var(--shadow-xl);
  }

  .about__image img {
    width: 100%;
    height: auto;
    display: block;
  }



















  .laboratory {
    position: relative;
    z-index: 1;
  }



  @keyframes flashColor {
    0% {
      background: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);
    }

    10% {
      background: transparent;
    }

    50% {
      background: transparent;
    }

    100% {
      background: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);
    }
  }













  .form__input::placeholder,
  .form__textarea::placeholder {
    color: #b7c0ce;
    opacity: 1;
    transition: opacity var(--transition-base);
  }


  .form__textarea {
    resize: vertical;
    min-height: 64px;
  }

  .form__checkbox {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    cursor: pointer;
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: var(--line-height-normal);
    position: relative;
  }

  .form__checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  .form__checkbox .checkmark {
    position: relative;
    flex-shrink: 0;
    height: 10.667px;
    width: 10.667px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    transition: all var(--transition-base);
  }

  .form__checkbox:hover input~.checkmark {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .form__checkbox input:checked~.checkmark {
    background-color: transparent;
    border-color: #fff;
  }

  .form__checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .form__checkbox input:checked~.checkmark:after {
    display: block;
  }

  .form__checkbox .checkmark:after {
    left: 3.2px;
    top: 1.067px;
    width: 3.2px;
    height: 5.867px;
    border: solid white;
    border-width: 0 1.067px 1.067px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .form__checkbox a {
    color: #4a9fe8;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .form__checkbox a:hover {
    color: #fff;
    text-decoration: underline;
  }



  .modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .modal.active {
    opacity: 1;
    visibility: visible;
  }

  .modal__overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(15, 40, 64, 0.9);
    backdrop-filter: blur(4.267px);
  }

  .modal__content {
    position: relative;
    background-color: var(--white);
    border-radius: var(--radius-2xl);
    padding: var(--space-12);
    max-width: 320px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: var(--shadow-2xl);
    transform: scale(0.9);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .modal.active .modal__content {
    transform: scale(1);
  }

  .modal__close {
    position: absolute;
    top: var(--space-6);
    right: var(--space-6);
    width: 21.333px;
    height: 21.333px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    font-size: 17.067px;
    color: var(--gray-400);
    cursor: pointer;
    transition: color var(--transition-base);
    line-height: 1;
  }

  .modal__close:hover {
    color: var(--gray-800);
  }

  .modal__title {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    color: var(--dark-blue);
    margin-bottom: var(--space-4);
  }

  .modal__subject {
    font-size: var(--font-size-base);
    color: var(--primary-blue);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--space-8);
  }

  .container {
    margin: auto;
    padding: 0;
  }


  .header__wrapper {
    padding-top: 4.267px;
  }










  .header__logo-img {
    height: 32px;
    width: 95.467px;
    object-fit: contain;
  }

  .header .container {
    width: 100%;
    max-width: 100%;
  }

  .header__logo {
    margin-left: 43.733px;
  }

  .nav__list {
    margin-right: 57.6px;
  }









  .about__btn--animated {
    height: 100%;
  }







  .form__checkbox {
    font-size: 6.4px;
  }


  .glass_a a {
    color: #fff;
    font-family: var(--font-secondary);
    font-weight: 700;
  }

}

@media (max-width: 768px) {
  .preloader {
    position: fixed;
    inset: 0;
    z-index: 10000;
    pointer-events: none;
  }

  .preloader__content {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .preloader__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .preloader__video--preload {
    z-index: 1;
    transition: opacity 0.5s ease;
  }

  .preloader__video--preload.fade-out {
    opacity: 0;
  }

  .preloader__video--transition {
    z-index: 2;
    opacity: 0;
  }

  .preloader__video--transition.visible {
    opacity: 1;
  }

  .preloader__text-mask {
    position: absolute;
    bottom: 12.77vh;
    left: 9.767vw;
    z-index: 1;
    overflow: hidden;
  }

  .preloader__text {
    display: flex;
    flex-direction: column;
    color: #fff;
    transform: translateY(110%);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease;
  }


  .preloader__text.fade-out {
    opacity: 0;
  }


  .preloader__text-line--sub {
    font-weight: 700;
    font-size: 3.255814vw;
    line-height: 120%;
  }

  .preloader__text-line--main,
  .preloader__logo-svg {
    display: block;
    width: 75.174vw;
    height: auto;
    margin-top: 2.093vw;
  }

  .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--header-height);
    z-index: 10001;
    transition: transform 0.6s ease, opacity 0.6s ease;
    transform: translateY(-100%);
    opacity: 0;
  }

  .header.visible {
    transform: none;
    opacity: 1;
  }

  .header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--header-height);
    gap: var(--space-8);
  }

  .header__logo {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    text-decoration: none;
    backdrop-filter: blur(4px);
    border-radius: var(--radius-2xl);
    transition: transform var(--transition-base);
  }

  .header__logo:hover {
    transform: translateY(-0.8px);
  }

  .header__logo-img {
    width: auto;
    object-fit: contain;
  }

  .header__nav {
    flex: 1;
    display: flex;
    justify-content: right;
  }

  .nav__list {
    display: flex;
    height: 24px;
    align-items: center;
    gap: var(--space-2);
    background-color: rgba(101, 101, 101, 0.45);
    backdrop-filter: blur(4px);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-2xl);
    box-shadow: 0 1.6px 4.8px rgba(0, 0, 0, 0.08);
  }

  .nav__link {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--text-white);
    transition: all var(--transition-base);
    position: relative;
    padding: var(--space-3) var(--space-5);
    border-radius: var(--radius-xl);
  }

  .nav__link:hover {
    color: var(--primary-blue);
    background-color: rgba(74, 159, 232, 0.3);
  }

  .nav__link--active {
    color: var(--primary-blue);
    box-shadow: 0 0.8px 8px rgba(0, 0, 0, 0.2);
    background-color: rgba(101, 101, 101, 0.4);
  }

  .nav__link::after {
    content: "";
    position: absolute;
    bottom: -1.6px;
    left: 0;
    width: 0;
    height: 0.8px;
    background-color: var(--primary-blue);
    transition: width var(--transition-base);
  }

  .nav__link:hover {
    color: var(--primary-blue);
  }

  .nav__link:hover::after {
    width: 100%;
  }

  .nav__link--active::after {
    display: none;
  }

  .header__burger {
    display: none;
    flex-direction: column;
    gap: 2px;
    width: 12px;
    height: 9.6px;
    padding: 0;
  }

  .header__burger span {
    display: block;
    width: 100%;
    height: 1.2px;
    background-color: var(--dark-blue);
    border-radius: 0.8px;
    transition: all var(--transition-base);
  }












































  @keyframes gelenLineGrow {
    to {
      width: 52px;
      opacity: 1;
    }
  }

  @keyframes simpleOpacityFadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }






  .compounds.section {
    background-color: var(--bg-page);
    position: relative;
    overflow-x: clip;
    z-index: 1;
    overflow: hidden;
    padding-top: 24.88vw;
    padding-left: 3.72vw;
    padding-right: 3.72vw;
    padding-bottom: 7.44vw;
  }

  .compound-card__description p {
    display: block;
    margin-top: 3.72vw;
    line-height: inherit;
  }

  .compound-card__description p:first-child {
    margin-top: 0;
  }

  .compounds .section__title {
    font-family: var(--font-primary);
    font-size: var(--font-size-4xl);
    font-weight: 600;
    color: #353535;
    margin-bottom: 6.05vw;
  }

  .compounds__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7.44vw;
  }

  .compounds__soon-block {
    position: absolute;
    right: calc(50% - 240px);
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 142.5px;
    background: #ffffff;
    border-radius: 10px 0 0 10px;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    justify-self: end;
    margin: 12px 0 0 0;
  }

  .compounds__soon-text {
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    font-family: var(--font-secondary);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #e2e2e2;
    text-transform: uppercase;
    white-space: nowrap;
    user-select: none;
  }

  .compound-card {
    display: block;
  }

  .compound-card__frame {
    position: relative;
    display: flex;
    align-items: stretch;
    padding: 7.15vw 22.56vw 7.2vw 7.2vw;
    background-color: var(--white);
    border-radius: 5.58vw;
    clip-path: inset(-200% -200% 0 0);
    transition: transform var(--transition-base), background-color 0.4s ease;
    cursor: pointer;
    height: 116.51vw;
  }

  .compound-card__frame:hover .compound-card__title {
    color: #5d9bd5;
  }

  .compound-card__frame:hover .compound-card__button {
    min-width: 15.77vw;
  }

  .compound-card__frame.compound-card__frame--active {
    background: var(--white);
  }

  .compound-card__frame.compound-card__frame--active .compound-card__title {
    color: #5d9bd5;
  }

  .compound-card__frame.compound-card__frame--active .compound-card__description {
    color: #5d5d5d;
    border-left-color: #e0e0e0;
  }

  .compound-card__left {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.72vw;
    z-index: 2;
  }

  .compound-card__text {
    display: flex;
    flex-direction: column;
    gap: 5.58vw;
    flex: 1 1 auto;
    max-width: 100%;
  }

  .compound-card__title {
    font-family: var(--font-secondary);
    font-size: 5.581vw;
    font-weight: 700;
    line-height: 5.581vw;
    color: #5d9bd5;
  }

  .compound-card__description {
    border-left: 0.86vw solid #e0e0e0;
    padding-left: 1.39vw;
    font-family: "Inter", -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
    font-size: 3.721vw;
    font-weight: 400;
    line-height: 125%;
    color: #5d5d5d;
    padding: 0px 11.16vw 0px 3.25vw;
  }

  .compound-card__button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.74vw;
    background: var(--accent-red);
    color: #ffffff;
    font-family: var(--font-primary);
    font-size: 3.721vw;
    font-weight: 700;
    box-shadow: none;
    border: none;
    margin-top: auto;
    border-radius: var(--radius-pill);
    padding: 6.05vw 5.58vw;
    height: 7.61vw;
    min-width: 15.77vw;
    transition: min-width 0.35s ease, background 0.3s ease, color 0.3s ease, transform 0.3s ease, font-size 0.25s ease, box-shadow 0.3s ease;
  }

  .compound-card__frame:hover .compound-card__button,
  .compound-card__frame:hover .compound-card__button:hover,
  .compound-card__button:hover {
    background: var(--accent-red);
    min-width: 15.77vw;
    box-shadow: none;
  }

  .compound-card__frame:hover .compound-card__button::before,
  .compound-card__frame:hover .compound-card__button:hover::before,
  .compound-card__button:hover::before {
    opacity: 0;
  }

  .compound-card__button:active::before,
  .compound-card__button--clicked::before {
    opacity: 1;
  }

  .compound-card__button:active,
  .compound-card__button--clicked {
    font-size: 3.721vw;
    transform: none;
    min-width: 15.77vw;
  }

  .compound-card__arrow {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-left: 0;
  }

  .compound-card__image {
    position: absolute;
    right: -0.5rem;
    top: 0;
    width: 50%;
    height: 100%;
    display: none;
    align-items: flex-end;
    justify-content: flex-end;
    pointer-events: none;
    overflow: visible;
  }

  .compound-card__image img {
    width: 200%;
    max-width: 200%;
    height: auto;
    max-height: 130%;
    object-fit: contain;
    object-position: right bottom;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .compound-image--shell,
  .compound-image--filler,
  .compound-image--tpzh,
  .compound-image--vvg4 {
    opacity: 0;
    transition: opacity 0.4s ease;
    display: none;
  }

  .compounds__card--first .compound-image--shell {
    transition-delay: 0.24s;
  }

  .compounds__card--first .compound-image--filler {
    transition-delay: 0.16s;
  }

  .compounds__card--first .compound-image--tpzh {
    transition-delay: 0.08s;
  }

  .compounds__card--first .compound-image--vvg4 {
    transition-delay: 0s;
  }

  .compounds__card--second .compound-image--shell {
    transition-delay: 0s;
    height: 120%;
    max-height: 120%;
    transform: translate(62.75px, -162.5px) rotate(-60deg);
  }

  .compounds__card--second .compound-image--filler {
    transition-delay: 0.08s;
    height: 120%;
    max-height: 120%;
  }

  .compounds__card--second .compound-image--tpzh {
    transition-delay: 0.16s;
    height: 120%;
    max-height: 120%;
  }

  .compounds__card--second .compound-image--vvg4 {
    transition-delay: 0.24s;
    height: 120%;
    max-height: 120%;
  }

  .compounds__card--first:hover .compound-image--shell,
  .compounds__card--first:hover .compound-image--filler,
  .compounds__card--first:hover .compound-image--tpzh,
  .compounds__card--first:hover .compound-image--vvg4,
  .compounds__card--second:hover .compound-image--vvg4,
  .compounds__card--second:hover .compound-image--tpzh,
  .compounds__card--second:hover .compound-image--filler,
  .compounds__card--second:hover .compound-image--shell {
    opacity: 0;
  }

  .compound-card__image-mobile {
    display: block;
    position: absolute;
    bottom: 0;
    height: 100%;
    margin-top: 0;
    text-align: right;
    pointer-events: none;
    width: 100%;
    right: -15px;
  }

  .compounds__title-line {
    display: block;
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 1s ease, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    font-size: 5.581vw;
  }

  .title-shown .compounds__title-line {
    opacity: 1;
    transform: translateY(0);
  }

  .compounds__card--first {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.6s ease 0.1s, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
  }

  .compounds__card--first.revealed {
    opacity: 1;
    transform: translateY(0);
  }

  .compounds__card--second {
    opacity: 0;
    transform: translateY(10px);
    position: relative;
    transition: opacity 0.6s ease 0.3s, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
  }

  .compounds__card--second.revealed {
    opacity: 1;
    transform: translateY(0);
  }

  .compounds__card--second .compound-card__image {
    width: 53%;
    right: -0.75rem;
  }

  .compounds__card--second .compound-card__image img {
    width: auto;
    max-width: none;
    height: 90%;
    max-height: 90%;
    transform-origin: right bottom;
    bottom: -32px;
  }

  .compound-card__description p:has(.hide-mobile) {
    display: none;
  }

  .compound-card__description p:has(.hide-mobile)+p {
    margin-top: 0;
  }

  .compounds__card--second .compound-card__image-mobile {
    display: block;
    position: absolute;
    bottom: -10px;
    height: 100%;
    margin-top: 0;
    text-align: right;
    pointer-events: none;
    width: 100%;
    right: -12px;
  }

  .compound-card__image,
  .compounds__card--first .compound-card__image,
  .compounds__card--second .compound-card__image {
    display: none;
  }

  .compound-card__image-mobile img {
    max-width: none;
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 0;
    border-radius: 16px;
    height: 110%;
    object-fit: contain;
    object-position: right bottom;
  }

  .compounds__card--second .compound-card__description strong {
    font-weight: 700;
    color: inherit;
  }




  .hide-mobile {
    display: none;
  }


























  /* Default state transitions (mouse out) */








  /* Hover state transitions (mouse in) - bottom to top build */
  /* First card: shell -> filler -> tpzh -> vvg4 */




  /* Second card: vvg4 -> tpzh -> filler -> shell */





















  /* ==========================================================================
     ABOUT SECTION MOBILE RESPONSIVE (MERGED @media (max-width: 768px))
     ========================================================================== */

  .about.section--light {
    position: relative;
    overflow: visible;
    padding: 26.05vw 3.72vw 0 3.72vw;
    z-index: 2;
    height: 295.81vw;
  }



  .about__wrapper {
    display: flex;
    flex-direction: column;
    gap: 3.25vw;
    margin-bottom: 0;
    height: 100%;
  }

  .about__content .section__title {
    font-size: 5.58vw;
    font-weight: var(--font-weight-semibold);
    color: #353535;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 3.25vw;
  }

  .about__top-grid {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
  }

  .about__text {
    display: inline;
    font-size: var(--font-size-lg);
    color: var(--text-secondary);
    line-height: var(--line-height-relaxed);
    margin-bottom: var(--space-8);
  }

  .about__text--large {
    font-size: 3.49vw;
    line-height: 1.55;
    color: var(--text-primary);
    max-width: 100%;
    font-weight: 300;
  }

  .about__text--large em {
    font-weight: 700;
    color: var(--accent-blue);
    font-style: unset;
  }

  .about__brand {
    font-weight: 800;
    font-size: 9.3vw;
    line-height: 7.44vw;
    color: var(--accent-blue);
    font-family: var(--font-secondary);
    margin-bottom: 1.16vw;
  }

  .about__btn-wrapper {
    display: none;
    justify-content: flex-end;
    align-items: flex-end;
    padding-top: var(--space-2);
  }

  .about__btn-wrapper .btn {
    height: 12.75px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    border-radius: 25px;
  }

  .about-stats {
    padding-top: 40px;
    position: relative;
    z-index: 1;
    background-color: #eff0ef;
  }


  .about__image-block {
    position: relative;
    display: flex;
    flex-direction: column;

    margin-top: auto;

    overflow: visible;
  }

  .about__promo-img-mobile {
    display: block;


    height: auto;
    object-fit: cover;
    position: relative;

  }

  .about__promo-img {

    height: auto;
    display: block;
    opacity: 0;

  }

  .about__visual {
    position: relative;
    width: 100%;
    overflow: visible;
  }

  .about__promo-wrapper {
    display: block;
    width: 100%;
    max-width: 100%;
  }

  .about__gelen-frame {
    position: relative;
    top: auto;
    right: auto;
    left: 2vw;
    transform: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0px;
    width: 30vw;
    height: 30vw;
    bottom: 11.16vw;
    margin-left: 0;
    margin-right: 0px;
    padding: 0;
    z-index: 10;
    align-self: flex-start;
  }

  .about__crosshair {
    position: absolute;
    width: 4.88vw;
    height: 4.88vw;
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    display: block;
  }

  .about__crosshair::before,
  .about__crosshair::after {
    content: "";
    position: absolute;
    background: #4a9fe8;
    border-radius: 0.469px;
  }

  .about__crosshair::before {
    width: 100%;
    height: 0.7vw;
  }

  .about__crosshair::after {
    width: 0.7vw;
    height: 100%;
  }

  .about__crosshair--tl {
    top: 0;
    left: 0;
  }

  .about__crosshair--tl::before {
    top: 0;
    left: 0;
  }

  .about__crosshair--tl::after {
    top: 0;
    left: 0;
  }

  .about__crosshair--tr {
    top: 0;
    right: 0;
  }

  .about__crosshair--tr::before {
    top: 0;
    right: 0;
  }

  .about__crosshair--tr::after {
    top: 0;
    right: 0;
  }

  .about__crosshair--bl {
    bottom: 0;
    left: 0;
  }

  .about__crosshair--bl::before {
    bottom: 0;
    left: 0;
  }

  .about__crosshair--bl::after {
    bottom: 0;
    left: 0;
  }

  .about__crosshair--br {
    bottom: 0;
    right: 0;
  }

  .about__crosshair--br::before {
    bottom: 0;
    right: 0;
  }

  .about__crosshair--br::after {
    bottom: 0;
    right: 0;
  }

  .about__gelen-badge-img {
    width: 31vw;
    max-width: none;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 0.5px 1.5px rgba(0, 0, 0, 0.15));
    opacity: 0;
    margin-bottom: 5vw;
    margin-left: 1vw;
  }

  .about__gelen-badge-name {
    position: absolute;
    bottom: -10.93vw;
    display: block;
    font-size: 5.58vw;
    font-weight: 700;
    color: #5d5d5d;
    text-align: center;
    font-family: var(--font-secondary);
    opacity: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .about__gelen-badge-name sup {
    font-size: 3.72vw;
    vertical-align: top;
    margin-left: 0.6vw;
  }

  .about__gelen-text {
    font-family: Inter;
    display: flex;
    flex-direction: column;
    color: var(--text-secondary);
    opacity: 0;
    width: auto;
    padding: 0 3.72vw 0 5.58vw;
    line-height: normal;

  }

  .about__title--apple .about__title-line {
    display: block;
    opacity: 0;
    transform: translateY(12.5px);
  }

  .about--active .about__title--apple .about__title-line {
    animation: revealUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;
  }

  .about__paragraph--apple .about__text--large {
    font-size: 5.58vw;
    line-height: 7.44vw;
    font-weight: 400;
    opacity: 0;
    transform: translateY(1.16vw);
    transition: none;
  }

  .about--active .about__paragraph--apple .about__text--large {
    animation: revealUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards;
  }

  .about__btn--animated {
    opacity: 0;
    height: 100%;
  }

  .about--active .about__btn--animated {
    animation: fadeIn 0.6s ease 1.1s forwards;
  }

  .about--active .about__promo-img {
    animation: fadeIn 0.6s ease 0.2s forwards;
    position: absolute;
    right: -3.72vw;
    left: auto;
    transform: none;
    width: 81.62vw;
    bottom: 16.28vw;


  }

  .about--active .about__promo-img-mobile {
    animation: fadeIn 0.48s ease 0.16s forwards;
    opacity: 0;
  }

  .about-gelen--active .about__svg-dot-mobile {
    animation: revealScale 0.32s cubic-bezier(0.34, 1.56, 0.64, 1) 0.08s both;
  }

  .about-gelen--active .about__svg-line-mobile--diag {
    animation: strokeReveal 0.64s cubic-bezier(0.4, 0, 0.2, 1) 0.32s both;
  }

  .about-gelen--active .about__svg-line-mobile--horiz {
    animation: strokeReveal 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.96s both;
  }

  .about-gelen--active .about__crosshair--tl {
    animation: aboutExpandTL 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) 1.36s both;
  }

  .about-gelen--active .about__crosshair--tr {
    animation: aboutExpandTR 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) 1.36s both;
  }

  .about-gelen--active .about__crosshair--bl {
    animation: aboutExpandBL 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) 1.36s both;
  }

  .about-gelen--active .about__crosshair--br {
    animation: aboutExpandBR 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) 1.36s both;
  }

  .about-gelen--active .about__gelen-badge-img {
    animation: fadeIn 0.4s ease 1.76s both;
    transform: rotate(-30.18deg);
  }

  .about-gelen--active .about__gelen-badge-name {
    animation: fadeIn 0.4s ease 1.76s both;
  }

  .about-gelen--active .about__gelen-text {
    animation: fadeIn 0.4s ease 2.08s both;
  }

  .about__gelen-text p {
    margin: 0;
    font-size: 3.72vw;
    line-height: 1.5;
    text-align: left;
  }

  .about__gelen-text p strong,
  .about__gelen-text p b {
    font-weight: var(--font-weight-bold);
    color: #5d5d5d;
  }

  .about__cert-link {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--accent-blue);
    text-decoration: none;
    font-weight: 700;
    font-size: 3.72vw;
    transition: color var(--transition-base), transform var(--transition-base);
    align-self: flex-end;
    margin: 5.3vw 0 0 0;
  }

  .about__cert-link:hover {
    color: var(--accent-orange);
    transform: translateX(0.35vw);
  }

  .about__cert-link svg {
    width: 4.88vw;
    height: 4.88vw;
  }

  .about__stats-grid {
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
    align-items: start;
    gap: 7.44vw;
  }

  .about__stats-text {
    position: static;
    top: auto;
    height: fit-content;
    color: #5d5d5d;
    padding-right: 0;
    margin-top: 0;
  }

  .about__stats-text * {
    font-family: var(--font-primary);
    font-size: 3.72vw;
    line-height: 5.12vw;
  }

  .about__stats-text b {
    font-weight: 700;
  }

  .about__stats-text .about__text--large {
    color: inherit;
    text-align: justify;
  }

  .about__stats-text .about__brand {
    font-size: 5.58vw;
    color: inherit;
  }

  .about__abbr {
    font-weight: 700;
  }

  .about__lab-intro {
    margin-top: 5.12vw;
    text-align: start;
  }

  .about__lab-list {
    list-style-type: disc;
    display: flex;
    flex-direction: column;
    padding-left: 6vw;
    margin-top: 2.2vw;
    gap: 1.9vw;
  }

  .about__image {
    position: relative;
    border-radius: var(--radius-2xl);
    overflow: hidden;
    box-shadow: var(--shadow-xl);
  }

  .about__image img {
    width: 100%;
    height: auto;
    display: block;
  }

  .about__connector-svg {
    display: none;
  }

  .about__svg-line {
    stroke: #4a9fe8;
    stroke-width: 0.5px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    stroke-linecap: round;
  }

  .about__svg-dot {
    fill: #4a9fe8;
    opacity: 0;
    transform: scale(0);
    transform-origin: 42% 55%;
  }

  .about__gelen-trigger {
    position: absolute;
    top: -200px;
    left: 0;
    width: 100%;
    height: 1px;
    pointer-events: none;
    visibility: hidden;
  }

  .about__connector-svg-mobile {
    display: block;
    position: absolute;
    left: 20vw;
    bottom: 11.16vw;
    width: 100vw;
    height: 30vw;
    overflow: visible;
    pointer-events: none;
    z-index: 5;
  }

  .about__svg-line-mobile {
    stroke: #4a9fe8;
    stroke-width: 0.6977;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
  }

  .about__svg-dot-mobile {
    fill: #4a9fe8;
    opacity: 0;
    transform: scale(0);
    transform-box: fill-box;
    transform-origin: center;
  }

  .stats {
    gap: 3.72vw;
  }




  .stats__info {
    display: flex;
    flex-direction: column;
    gap: 1.6px;
  }


  .stats__item:nth-child(1) .stats__number {
    font-size: 22vw;
    line-height: 0.73;
  }

  .stats__number--navy {
    font-size: 9.3vw;
  }

  .stats__item--highlight .stats__icon {
    flex: 0 0 5.35vw;
  }

  .stats__number--top {
    font-size: clamp(1.4rem, 1.006rem + 4.197vw, 3rem);
    text-align: center;
  }

  .stats__label {
    font-size: var(--font-size-lg);
    font-weight: 500;
    color: #5d5d5d;
    line-height: 8.8px;
  }

  .stats__header {
    gap: 1.4vw;
  }

  .stats__row .stats__number {
    font-size: 9.3vw;
  }

  .stats__icon--large {}

  .stats__icon--large img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .stats__item:nth-child(1) .stats__icon--large {
    margin: 0 1.8vw 0 1.8vw;
  }

  .stats__item--highlight {
    height: 28.1vw;
    padding: 5.35vw 6.28vw 4vw;
  }

  .stats__item--highlight .stats__info {
    flex: 1;
  }

  .stats__item--highlight .stats__icon {
    width: auto;
    margin-bottom: 0;
  }

  .laboratory {
    position: relative;
    z-index: 1;
  }



  .laboratory__subtitle {
    font-size: 3.72vw;
    max-width: none;
  }





  .lab-card::after {}




  .lab-card--cta:active {
    animation: flashColor 1s ease forwards;
  }

  @keyframes flashColor {
    0% {
      background: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);
    }

    10% {
      background: transparent;
    }

    50% {
      background: transparent;
    }

    100% {
      background: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);
    }
  }

  .lab-card__bg-element {
    border-radius: 9.3vw;
  }

  .lab-card__photo-element {
    right: auto;
    left: 1px;
    bottom: 1px;
    width: 117%;
    height: auto;
    transform: translateY(2.8vw);
  }

  .lab-card--cta.animated .lab-card__photo-element {
    opacity: 1;
    transform: translateY(0);
    animation: revealUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.4s backwards;
  }

  .lab-card--cta:hover .lab-card__photo-element {
    transform: translateY(-4.65vw) translateX(4.65vw) scale(1.1);
  }

  .lab-card--cta:hover .lab-card__title {
    transform: translateX(0.37vw);
  }

  .lab-card--cta:hover .lab-card__arrow {
    transform: translateX(2.4px) scale(1.1);
  }

  .lab-card__cta-content {
    bottom: 9.3vw;
    right: 9.3vw;
    gap: 1.87vw;


  }

  .lab-card--cta .lab-card__title {

    font-size: 3.72vw;


  }

  .lab-card__arrow {
    width: 4.87vw;
    height: 4.87vw;

  }

  .lab-card--cta:hover .lab-card__arrow {
    transform: translateX(2.4px);
  }

  .lab-card__icon {}



  .lab-card__title {
    font-size: 5.58vw;
    margin-bottom: 5.12vw;
  }

  .lab-card__list {
    margin-bottom: 0;
  }

  .lab-card__list li {
    gap: 1.93vw;
    padding-left: 1.23vw;
    margin-bottom: 2.04vw;
    font-size: 3.72vw;
  }

  .lab-card__list li::before {
    width: 2.54vw;
  }

  .laboratory__grid .lab-card:nth-child(1) .lab-card__list {}

  .laboratory__grid .lab-card:nth-child(1) .lab-card__list li {}

  .laboratory__grid .lab-card:nth-child(1) .lab-card__list li::before {}

  .laboratory__grid .lab-card:nth-child(3) .lab-card__list li::before {
    content: none;
  }

  .laboratory__grid .lab-card:nth-child(-n+3) .lab-card__icon {
    margin-top: 1.86vw;
    height: auto;
    width: 14.88vw;

  }

  .laboratory__grid .lab-card:nth-child(-n+3) .lab-card__icon img {}



  .support__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3.72vw;
    margin-top: 8vw;
  }

  .support-card {
    height: 65.1vw;
    padding: 4.42vw 5vw 5.58vw;
    border-radius: 5.58vw;

  }

  .support-card__description {
    font-size: 3.72vw;
    line-height: 137%;
  }

  .support-card .br_pc,
  .support-card br.br_pc {
    display: none;
  }

  .support-card .br_mob,
  .support-card br.br_mob {
    display: block;
  }

  .support-card__icon {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 30vw;
    margin-top: auto;
  }

  .support-card__icon img {}









  .form__group {
    margin-bottom: 3.72vw;
  }

  .form__input,
  .form__textarea {
    font-size: 3.72vw;
    padding: 3.72vw 5.58vw;
    height: 11.8vw;
    border-radius: 23vw;
  }

  .form__input::placeholder,
  .form__textarea::placeholder {
    color: #b7c0ce;
    opacity: 1;
    transition: opacity var(--transition-base);
  }


  .form__textarea {
    resize: vertical;
    min-height: 48px;
  }

  .form__group--checkbox {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
  }


  .form__checkbox {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    cursor: pointer;
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: var(--line-height-normal);
    position: relative;
  }

  .form__checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  .form__checkbox .checkmark {
    position: relative;
    flex-shrink: 0;
    height: 8px;
    width: 8px;
    background-color: transparent;
    border: 0.75px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    transition: all var(--transition-base);
  }

  .form__checkbox:hover input~.checkmark {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .form__checkbox input:checked~.checkmark {
    background-color: transparent;
    border-color: #fff;
  }

  .form__checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .form__checkbox input:checked~.checkmark:after {
    display: block;
  }

  .form__checkbox .checkmark:after {
    left: 2.4px;
    top: 0.8px;
    width: 2.4px;
    height: 4.4px;
    border: solid white;
    border-width: 0 0.8px 0.8px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .form__checkbox a {
    color: #4a9fe8;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .form__checkbox a:hover {
    color: #fff;
    text-decoration: underline;
  }



  .btn-messenger {
    gap: 1.86vw;
    padding: 3.72vw;
    border-radius: 23vw;
    height: 11.86vw;
  }

  .btn-messenger span {
    font-size: 3.72vw;
  }

  .btn-messenger::after {

    padding: 0.46vw;

  }


  .btn-messenger img {
    width: 4.41vw;
    height: 4.41vw;
  }


  .news__header {
    justify-self: center;
    align-items: flex-start;
  }

  .news__grid {
    grid-template-columns: 1fr;
    gap: 3.72vw;
  }

  .news-card,
  .news-card--large {
    position: relative;
    z-index: 1;
    grid-column: auto;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    min-height: 0;
    border-radius: 5.58vw;
  }

  .news-card.animate-on-scroll,
  .news-card--large.animate-on-scroll {
    transform: translateY(9.3vw);
    transition: opacity 0.4s ease-out,
      transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: 0s !important;
  }

  .news-card.animated,
  .news-card--large.animated {
    opacity: 1;
    transform: translateY(0);
  }

  .news-card__image,
  .news-card--large .news-card__image {
    height: 69.3vw;
    min-height: 69.3vw;
  }

  .news-card__content,
  .news-card--large .news-card__content {
    padding: 5.58vw;
  }

  .news-card__category {
    font-size: 3.25vw;
    margin-bottom: 2.32vw !important;
  }

  .news-card__title,
  .news-card--large .news-card__title {
    font-size: 4.65vw;
    line-height: 120%;
    margin-bottom: 2.79vw;
  }

  .news-card__date {
    font-size: 3.26vw;
    gap: 0.93vw;
  }

  .news-card__date svg {
    width: 3.72vw;
    height: 3.72vw;
  }

  .news-card__content--more {
    bottom: 5.58vw;
    right: 5.58vw;
    gap: 1.87vw;
    padding: 0;
    margin: 0;
    z-index: 5;
  }

  .news-card__more-link {
    display: inline-flex;
    gap: 1.87vw;
    align-items: center;
    justify-content: right;
    width: 100%;
    color: var(--white);
    font-family: var(--font-secondary);
    font-weight: 800;
    font-size: 3.72vw;
    text-decoration: none;
  }

  .news-card__more-link svg {
    width: 4.87vw;
    height: 4.87vw;
  }

  .news-card:hover {
    transform: none;
  }

  .news-card:hover .news-card__image img {
    transform: none;
  }

  .news-card--more:hover .news-card__more-link {
    transform: none;
  }

  .news-card--more:hover .news-card__more-link svg {
    transform: none;
  }

  .news-card--more {
    position: relative;
    z-index: 5;
    min-height: 75.81vw;
    justify-content: flex-end;
    overflow: visible;
    display: flex;
  }

  .news-card__more-bg {
    border-radius: 5.58vw;
    z-index: 1;
  }

  .more-news-bg {
    top: -4.45vw;
    border-radius: 0 0 5.58vw 5.58vw;
    z-index: 1;
  }

  .more-news-shadow {
    border-radius: 5.58vw;
    z-index: 2;
  }

  .modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .modal.active {
    opacity: 1;
    visibility: visible;
  }

  .modal__overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(15, 40, 64, 0.9);
    backdrop-filter: blur(3.2px);
  }

  .modal__content {
    position: relative;
    background-color: var(--white);
    border-radius: var(--radius-2xl);
    padding: var(--space-12);
    max-width: 240px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: var(--shadow-2xl);
    transform: scale(0.9);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .modal.active .modal__content {
    transform: scale(1);
  }

  .modal__close {
    position: absolute;
    top: var(--space-6);
    right: var(--space-6);
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    font-size: 12.8px;
    color: var(--gray-400);
    cursor: pointer;
    transition: color var(--transition-base);
    line-height: 1;
  }

  .modal__close:hover {
    color: var(--gray-800);
  }

  .modal__title {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    color: var(--dark-blue);
    margin-bottom: var(--space-4);
  }

  .modal__subject {
    font-size: var(--font-size-base);
    color: var(--primary-blue);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--space-8);
  }

  .footer {
    padding-top: 17.44vw;
    padding-bottom: 16.74vw;
    padding-left: 3.72vw;
    padding-right: 3.72vw;
  }

  .footer .container {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    width: 100%;
    max-width: none;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .footer__container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer__top {
    margin-bottom: 11.63vw;
  }

  .footer__logo img {
    width: 52.09vw;
    height: auto;
  }

  .footer__grid {
    display: grid;
    grid-template-columns: 0.6fr 1fr;
    grid-template-areas:
      "nav address"
      "nav schedule"
      "nav contact";
    align-items: start;
    column-gap: 6.51vw;
    row-gap: 5.12vw;
    margin-bottom: 6.98vw;
    margin-left: 0;
  }

  .footer__col:nth-child(1) {
    grid-area: nav;
  }

  .footer__col:nth-child(2) {
    grid-area: contact;
  }

  .footer__col:nth-child(3) {
    grid-area: address;
  }

  .footer__col:nth-child(4) {
    grid-area: schedule;
  }

  .footer__title {
    font-size: 3.72vw;
    margin-bottom: 3.26vw;
    color: #78c8ff;
    font-weight: 700;
  }

  .footer__nav,
  .footer__contacts,
  .footer__schedule {
    gap: 3.95vw;
  }

  .footer__nav a {
    text-decoration: underline;
    text-underline-offset: 0.7vw;
  }

  .footer__contacts a,
  .footer__schedule li,
  .footer__address {
    color: rgba(255, 255, 255, 0.92);
    font-weight: 400;
  }

  .footer__nav a,
  .footer__contacts a,
  .footer__schedule li,
  .footer__address,
  .footer__cabinet,
  .footer__madeby {
    font-size: 3.72vw;
    line-height: 1.5;
  }

  .footer__bottom {
    display: grid;
    grid-template-areas:
      "association"
      "legal"
      "madeby";
    align-items: start;
    gap: 5.12vw;
    padding-top: 0;
  }

  .footer__bottom-left {
    grid-area: legal;
    width: 100%;
    gap: 3.26vw;
  }

  .footer__bottom-center {
    grid-area: association;
    justify-content: flex-start;
    align-items: center;
    order: initial;
  }

  .footer__bottom-right {
    grid-area: madeby;
    align-items: flex-start;
  }

  .footer__association img {
    width: 55.81vw;
    height: auto;
  }

  .footer__cabinet {
    display: none;
  }

  .footer__copyright {
    font-size: 2.56vw;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.72);
    font-weight: 600;
  }

  .footer__policy {
    gap: 2.33vw;
  }

  .footer__policy a {
    font-size: 2.56vw;
    color: rgba(255, 255, 255, 0.42);
    text-decoration: none;
  }

  .footer__madeby {
    font-size: 2.79vw;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
  }

  .container {
    margin: auto;
    padding: 0;
    width: 92.56%;
    border-radius: 24px;
  }


  .header__wrapper {
    padding-top: 3.2px;
  }










  .header__logo-img {
    height: 24px;
    width: 71.6px;
    object-fit: contain;
  }

  .header .container {
    width: 100%;
    max-width: 100%;
  }

  .header__logo {
    margin-left: 32.8px;
  }

  .nav__list {
    margin-right: 43.2px;
  }














  .stats__number--top {
    font-size: 48px;
  }






  .form__group--checkbox {
    margin-bottom: 16px;
    margin-top: 12.8px;
  }

  .form__checkbox {
    font-size: 4.8px;
  }


  .glass_a a {
    color: #fff;
    font-family: var(--font-secondary);
    font-weight: 700;
  }

  .site-header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    padding: 3.721vw;
    height: auto;
    margin-top: 0;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10001;
    font-family: var(--font-secondary);
    box-sizing: border-box;
  }

  .logo {
    display: flex;
    z-index: 101;
    object-fit: contain;
  }

  .glass_a {
    position: relative;
    z-index: 0;
  }

  .glass_a::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 0.75px;
    pointer-events: none;
    opacity: 0.7;
    background: linear-gradient(175deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }

  .glass_a::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: rgba(65, 65, 65, 0.45);
    -webkit-backdrop-filter: blur(7.2px) saturate(130%);
    backdrop-filter: blur(4px) saturate(100%);
    box-shadow: inset 0 0.8px 1.2px rgba(255, 255, 255, 0.18), inset 0 -0.8px 1.6px rgba(255, 255, 255, 0.18);
    z-index: -1;
  }

  .glass {
    background: rgba(65, 65, 65, 0.45);
    backdrop-filter: blur(6px);
    align-items: center;
    justify-content: center;
    border: 0.75px solid rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3);
  }

  .glass-logo {
    justify-self: center;
    height: 100%;
    padding: clamp(3px, 0.930vw, 7px) clamp(7px, 2.326vw, 18px) clamp(3px, 0.930vw, 7px) clamp(4px, 1.163vw, 9px);
    border-radius: clamp(18px, 5.581vw, 43px);
    gap: clamp(3px, 0.930vw, 7px);
    display: flex;
    align-items: center;
    width: fit-content;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
  }

  .logo-icon {
    width: clamp(27px, 8.372vw, 64px);
    height: clamp(27px, 8.372vw, 64px);
    object-fit: contain;
    border-radius: 50%;
  }

  .logo-text-img {
    display: block;
    width: clamp(59px, 18.314vw, 141px);
    height: auto;
    object-fit: contain;
  }

  .glass-nav {
    display: none;
  }

  .mobile-burger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(36px, 11.163vw, 86px);
    height: clamp(36px, 11.163vw, 86px);
    border-radius: 50%;
    border: none;
    cursor: pointer;
    padding: clamp(9px, 2.791vw, 21px);
    position: relative;
    z-index: 0;
    box-sizing: border-box;
  }

  .glass-logo::before,
  .mobile-phone-btn::before,
  .mobile-burger::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: rgba(65, 65, 65, 0.45);
    -webkit-backdrop-filter: blur(4.5px) saturate(130%);
    backdrop-filter: blur(2.5px) saturate(100%);
    box-shadow: inset 1px 1px 7px 0.75px rgba(255, 255, 255, 0.18), inset -1px -1px 7px 0px rgba(255, 255, 255, 0.18);
    z-index: -1;
  }

  .glass-logo::after,
  .mobile-phone-btn::after,
  .mobile-burger::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 0.7px;
    pointer-events: none;
    opacity: 0.7;
    background: linear-gradient(155deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }

  .mobile-burger svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .mobile-burger:active {
    transform: scale(0.92);
  }

  .mobile-phone-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(36px, 11.163vw, 86px);
    height: clamp(36px, 11.163vw, 86px);
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.3s ease;
    justify-self: end;
    padding: clamp(7px, 2.093vw, 16px);
    box-sizing: border-box;
    position: relative;
    z-index: 0;
  }

  .mobile-phone-btn svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .mobile-phone-btn:active {
    transform: scale(0.92);
  }

  /* ===== MOBILE LAYOUT OVERRIDES (768px) ===== */
  .header__burger {
    display: flex;
  }

  .header__nav {
    display: none;
  }

  .nav__list {
    display: none;
  }

  .hero__rd-arrow-img {
    width: 4.88vw;
    height: auto;
  }























  .stats__item {
    border-radius: 5.58vw;
  }

  .stats__item--tall {
    height: 60.23vw;
    padding: 5.35vw 6.28vw;

  }

  .stats__item--compact {
    height: 32.3vw;
    padding: 5.35vw 6.28vw 4vw;
  }


  .stats__number--top {
    font-size: 48px;
  }

  .stats__label {
    font-size: 3.72vw;
    line-height: 1.125;
  }

  .laboratory__grid {
    display: flex;
    flex-direction: column;
    margin-top: 7.6vw;
    gap: 3.72vw;
  }

  .lab-card {
    height: auto;
    padding: 7.91vw 9.3vw 9.3vw 9.3vw;
    border-radius: 9.3vw;
    transition: all var(--transition-base);
    transform: none;

  }

  .lab-card--cta {
    height: 82.56vw;
  }




  .form__checkbox {
    font-size: 11px;
  }





  .section {
    padding: 40px 0;
  }



  .stats__item:nth-child(1) .stats__number,
  .stats__item:nth-child(1) .stats__label,
  .stats__item:nth-child(2) .stats__number,
  .stats__item:nth-child(2) .stats__label {
    margin-bottom: -1.86vw;
  }





  .modal__content {
    max-width: 90%;
    padding: 24px;
  }

  .nav-item-dropdown::after {
    display: none;
  }

  .dropdown-content {
    display: none;
  }

}

@media (max-width: 550px) {















  .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--header-height);
    z-index: 10001;
    transition: transform 0.6s ease, opacity 0.6s ease;
    transform: translateY(-100%);
    opacity: 0;
  }

  .header.visible {
    transform: none;
    opacity: 1;
  }

  .header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--header-height);
    gap: var(--space-8);
  }

  .header__logo {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    text-decoration: none;
    backdrop-filter: blur(2.5px);
    border-radius: var(--radius-2xl);
    transition: transform var(--transition-base);
  }

  .header__logo:hover {
    transform: translateY(-0.5px);
  }

  .header__logo-img {
    width: auto;
    object-fit: contain;
  }

  .header__nav {
    flex: 1;
    display: flex;
    justify-content: right;
  }

  .nav__list {
    display: flex;
    height: 15px;
    align-items: center;
    gap: var(--space-2);
    background-color: rgba(101, 101, 101, 0.45);
    backdrop-filter: blur(2.5px);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-2xl);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  }

  .nav__link {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--text-white);
    transition: all var(--transition-base);
    position: relative;
    padding: var(--space-3) var(--space-5);
    border-radius: var(--radius-xl);
  }

  .nav__link:hover {
    color: var(--primary-blue);
    background-color: rgba(74, 159, 232, 0.3);
  }

  .nav__link--active {
    color: var(--primary-blue);
    box-shadow: 0 0.5px 5px rgba(0, 0, 0, 0.2);
    background-color: rgba(101, 101, 101, 0.4);
  }

  .nav__link::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 0.5px;
    background-color: var(--primary-blue);
    transition: width var(--transition-base);
  }

  .nav__link:hover {
    color: var(--primary-blue);
  }

  .nav__link:hover::after {
    width: 100%;
  }

  .nav__link--active::after {
    display: none;
  }

  .header__burger {
    display: none;
    flex-direction: column;
    gap: 1.25px;
    width: 7.5px;
    height: 6px;
    padding: 0;
  }

  .header__burger span {
    display: block;
    width: 100%;
    height: 0.75px;
    background-color: var(--dark-blue);
    border-radius: 0.5px;
    transition: all var(--transition-base);
  }













































  @keyframes gelenLineGrow {
    to {
      width: 32.5px;
      opacity: 1;
    }
  }

  @keyframes simpleOpacityFadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }






































  /* Default state transitions (mouse out) */








  /* Hover state transitions (mouse in) - bottom to top build */
  /* First card: shell -> filler -> tpzh -> vvg4 */




  /* Second card: vvg4 -> tpzh -> filler -> shell */











































  .laboratory {
    position: relative;
    z-index: 1;
  }




  @keyframes flashColor {
    0% {
      background: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);
    }

    10% {
      background: transparent;
    }

    50% {
      background: transparent;
    }

    100% {
      background: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);
    }
  }












  .form__input::placeholder,
  .form__textarea::placeholder {
    color: #b7c0ce;
    opacity: 1;
    transition: opacity var(--transition-base);
  }


  .form__textarea {
    resize: vertical;
    min-height: 30px;
  }


  .form__checkbox {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    cursor: pointer;
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: var(--line-height-normal);
    position: relative;
  }

  .form__checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  .form__checkbox .checkmark {
    position: relative;
    flex-shrink: 0;
    height: 5px;
    width: 5px;
    background-color: transparent;
    border: 0.469px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    transition: all var(--transition-base);
  }

  .form__checkbox:hover input~.checkmark {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .form__checkbox input:checked~.checkmark {
    background-color: transparent;
    border-color: #fff;
  }

  .form__checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .form__checkbox input:checked~.checkmark:after {
    display: block;
  }

  .form__checkbox .checkmark:after {
    left: 1.5px;
    top: 0.5px;
    width: 1.5px;
    height: 2.75px;
    border: solid white;
    border-width: 0 0.5px 0.5px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .form__checkbox a {
    color: #4a9fe8;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .form__checkbox a:hover {
    color: #fff;
    text-decoration: underline;
  }



  .modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .modal.active {
    opacity: 1;
    visibility: visible;
  }

  .modal__overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(15, 40, 64, 0.9);
    backdrop-filter: blur(2px);
  }

  .modal__content {
    position: relative;
    background-color: var(--white);
    border-radius: var(--radius-2xl);
    padding: var(--space-12);
    max-width: 150px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: var(--shadow-2xl);
    transform: scale(0.9);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .modal.active .modal__content {
    transform: scale(1);
  }

  .modal__close {
    position: absolute;
    top: var(--space-6);
    right: var(--space-6);
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    font-size: 8px;
    color: var(--gray-400);
    cursor: pointer;
    transition: color var(--transition-base);
    line-height: 1;
  }

  .modal__close:hover {
    color: var(--gray-800);
  }

  .modal__title {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    color: var(--dark-blue);
    margin-bottom: var(--space-4);
  }

  .modal__subject {
    font-size: var(--font-size-base);
    color: var(--primary-blue);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--space-8);
  }




  .header__wrapper {
    padding-top: 2px;
  }










  .header__logo-img {
    height: 15px;
    width: 44.75px;
    object-fit: contain;
  }

  .header .container {
    width: 100%;
    max-width: 100%;
  }

  .header__logo {
    margin-left: 20.5px;
  }

  .nav__list {
    margin-right: 27px;
  }


















  .form__checkbox {
    font-size: 3px;
  }


  .glass_a a {
    color: #fff;
    font-family: var(--font-secondary);
    font-weight: 700;
  }





  .glass-nav {
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }





  .section {
    padding: 30px 0;
  }











  .form__checkbox {
    font-size: 10px;
  }


  /* ==========================================
     ABOUT SECTION: mobile overrides
     ========================================== */

  /* ==========================================
     MOBILE MENU OVERLAY
     ========================================== */


  .mobile-menu-nav {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    padding: 0 8px;
  }

  .mobile-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 0;
    text-decoration: none;
    color: #fff;
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    transition: color 0.3s ease, padding-left 0.3s ease;
  }

  .mobile-menu-item:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
  }

  .mobile-menu-item:active {
    color: rgba(255, 255, 255, 0.7);
    padding-left: 6px;
  }

  .mobile-menu-item svg {
    color: rgba(255, 255, 255, 0.5);
    transition: transform 0.3s ease;
  }

  .mobile-menu-item:active svg {
    transform: translateX(4px);
  }

  /* ==========================================
     HERO VIDEO EDGE VIGNETTE
     ========================================== */
  html,
  body {
    overflow-x: hidden;
  }

  .section {
    padding: 112px 0 32px 0;
  }




  .mobile-menu-nav {
    margin-top: 24px;
    padding: 0;
  }

  .mobile-menu-item {
    padding: 20px 0;
    font-size: 18px;
  }














































  .form__textarea {
    min-height: 54px;
    padding-top: 16px;
  }

  .form__checkbox {
    align-items: flex-start;
    gap: 14px;
    font-size: 12px;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.8);
  }

  .form__checkbox .checkmark {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 1.5px solid rgba(255, 255, 255, 0.82);
    margin-top: 2px;
  }

  .form__checkbox .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 9px;
    border-width: 0 2px 2px 0;
  }

  .form__checkbox a {
    color: #4ab8fc;
  }



}



/* ==================== ╨б╨Ш╨б╨в╨Х╨Ь╨Р ╨Р╨Э╨Ш╨Ь╨Р╨ж╨Ш╨Щ ==================== */
/* ╨С╨░╨╖╨╛╨▓╤Л╨╣ ╨║╨╗╨░╤Б╤Б ╨┤╨╗╤П ╨░╨╜╨╕╨╝╨╕╤А╤Г╨╡╨╝╤Л╤Е ╤Н╨╗╨╡╨╝╨╡╨╜╤В╨╛╨▓ */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(1.56vw);
  transition: opacity var(--animation-duration) var(--ease-out), transform var(--animation-duration) var(--ease-out);
}

@media (max-width: 768px) {
  .animate-on-scroll {
    transform: translateY(6.98vw);
  }
}

/* ╨Р╨║╤В╨╕╨▓╨╜╨╛╨╡ ╤Б╨╛╤Б╤В╨╛╤П╨╜╨╕╨╡ (╨║╨╛╨│╨┤╨░ ╤Н╨╗╨╡╨╝╨╡╨╜╤В ╨▓ viewport) */
.animate-on-scroll.animated {
  opacity: 1;
  transform: translateY(0);
}

/* ==================== ╨Т╨Р╨а╨Ш╨Р╨Э╨в╨л ╨Р╨Э╨Ш╨Ь╨Р╨ж╨Ш╨Щ ==================== */
/* ╨Я╨╛╤П╨▓╨╗╨╡╨╜╨╕╨╡ ╤Б╨╜╨╕╨╖╤Г */
.animate-fade-up {
  opacity: 0;
  transform: translateY(30px);
}

.animate-fade-up.animated {
  opacity: 1;
  transform: translateY(0);
}

/* ╨Я╨╛╤П╨▓╨╗╨╡╨╜╨╕╨╡ ╤Б╨╗╨╡╨▓╨░ */
.animate-fade-left {
  opacity: 0;
  transform: translateX(-30px);
}

.animate-fade-left.animated {
  opacity: 1;
  transform: translateX(0);
}

/* ╨Я╨╛╤П╨▓╨╗╨╡╨╜╨╕╨╡ ╤Б╨┐╤А╨░╨▓╨░ */
.animate-fade-right {
  opacity: 0;
  transform: translateX(30px);
}

.animate-fade-right.animated {
  opacity: 1;
  transform: translateX(0);
}

/* ╨Ь╨░╤Б╤И╤В╨░╨▒╨╕╤А╨╛╨▓╨░╨╜╨╕╨╡ */
.animate-scale {
  opacity: 0;
  transform: scale(0.9);
}

.animate-scale.animated {
  opacity: 1;
  transform: scale(1);
}

/* ==================== ╨Ч╨Р╨Ф╨Х╨а╨Ц╨Ъ╨Ш ╨Ф╨Ы╨п STAGGER ╨н╨д╨д╨Х╨Ъ╨в╨Р ==================== */
[data-delay="100"].animate-on-scroll {
  transition-delay: 100ms;
}

[data-delay="150"].animate-on-scroll {
  transition-delay: 150ms;
}

[data-delay="200"].animate-on-scroll {
  transition-delay: 200ms;
}

[data-delay="250"].animate-on-scroll {
  transition-delay: 250ms;
}

[data-delay="300"].animate-on-scroll {
  transition-delay: 300ms;
}

[data-delay="350"].animate-on-scroll {
  transition-delay: 350ms;
}

[data-delay="400"].animate-on-scroll {
  transition-delay: 400ms;
}



/* ==================== HOVER ╨н╨д╨д╨Х╨Ъ╨в╨л ==================== */
/* ╨Я╨╗╨░╨▓╨╜╨╛╨╡ ╤Г╨▓╨╡╨╗╨╕╤З╨╡╨╜╨╕╨╡ */
.hover-scale {
  transition: transform var(--transition-base);
}

.hover-scale:hover {
  transform: scale(1.05);
}

/* ╨Я╨╛╨┤╤К╨╡╨╝ ╨║╨░╤А╤В╨╛╤З╨║╨╕ */
.hover-lift {
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.hover-lift:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-xl);
}

/* ╨б╨▓╨╡╤З╨╡╨╜╨╕╨╡ ╨│╤А╨░╨╜╨╕╤Ж╤Л */
.hover-glow {
  position: relative;
  transition: all var(--transition-base);
}

.hover-glow::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: linear-gradient(135deg, var(--primary-blue), var(--sky-blue));
  opacity: 0;
  transition: opacity var(--transition-base);
  z-index: -1;
}

.hover-glow:hover::before {
  opacity: 0.5;
}

/* ==================== KEYFRAME ╨Р╨Э╨Ш╨Ь╨Р╨ж╨Ш╨Ш ==================== */
/* ╨Я╨╗╨░╨▓╨╜╨╛╨╡ ╨┐╨╛╤П╨▓╨╗╨╡╨╜╨╕╨╡ */
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* ╨Я╨╛╤П╨▓╨╗╨╡╨╜╨╕╨╡ ╤Б╨╜╨╕╨╖╤Г */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ╨Я╨╛╤П╨▓╨╗╨╡╨╜╨╕╨╡ ╤Б╨╗╨╡╨▓╨░ */
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ╨Я╨╛╤П╨▓╨╗╨╡╨╜╨╕╨╡ ╤Б╨┐╤А╨░╨▓╨░ */
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ╨Ь╨░╤Б╤И╤В╨░╨▒╨╕╤А╨╛╨▓╨░╨╜╨╕╨╡ */
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* ╨Я╤Г╨╗╤М╤Б╨░╤Ж╨╕╤П */
@keyframes pulse {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }
}

/* ╨Т╤А╨░╤Й╨╡╨╜╨╕╨╡ */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* ╨Я╨╛╨║╨░╤З╨╕╨▓╨░╨╜╨╕╨╡ */
@keyframes bounce {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

/* ╨Ш╨╜╨┤╨╕╨║╨░╤В╨╛╤А ╨┐╤А╨╛╨║╤А╤Г╤В╨║╨╕ */
@keyframes scrollIndicator {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(10px);
  }
}

/* ╨б╨╗╨░╨╣╨┤ ╤Б╨┐╤А╨░╨▓╨░ */
@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideOutRight {
  from {
    transform: translateX(0);
    opacity: 1;
  }

  to {
    transform: translateX(100%);
    opacity: 0;
  }
}

/* ╨Я╨╛╤П╨▓╨╗╨╡╨╜╨╕╨╡ ╤Б╨╡╨║╤Ж╨╕╨╕ ╤Б ╨╝╨░╤Б╤И╤В╨░╨▒╨╕╤А╨╛╨▓╨░╨╜╨╕╨╡╨╝ */
@keyframes sectionReveal {
  from {
    opacity: 0;
    transform: translateY(50px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* ╨г╨╜╨╕╨▓╨╡╤А╤Б╨░╨╗╤М╨╜╨╛╨╡ ╨┐╨╛╤П╨▓╨╗╨╡╨╜╨╕╨╡ ╨▓╨▓╨╡╤А╤Е (╨╜╨░╤З╨░╨╗╤М╨╜╨╛╨╡ ╤Б╨╛╤Б╤В╨╛╤П╨╜╨╕╨╡ ╨╖╨░╨┤╨░╤С╤В╤Б╤П ╨╜╨░ ╤Н╨╗╨╡╨╝╨╡╨╜╤В╨╡) */
@keyframes revealUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ╨г╨╜╨╕╨▓╨╡╤А╤Б╨░╨╗╤М╨╜╨╛╨╡ ╨┐╨╛╤П╨▓╨╗╨╡╨╜╨╕╨╡ ╤Б ╨╝╨░╤Б╤И╤В╨░╨▒╨╕╤А╨╛╨▓╨░╨╜╨╕╨╡╨╝ */
@keyframes revealScale {
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* ╨Ю╤В╤А╨╕╤Б╨╛╨▓╨║╨░ SVG-╨╗╨╕╨╜╨╕╨╕ */
@keyframes strokeReveal {
  0% {
    stroke-dashoffset: 100;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

/* ==================== ╨г╨в╨Ш╨Ы╨Ш╨в╨Р╨а╨Э╨л╨Х ╨Ъ╨Ы╨Р╨б╨б╨л ╨Р╨Э╨Ш╨Ь╨Р╨ж╨Ш╨Щ ==================== */
.fade-in {
  animation: fadeIn var(--animation-duration) var(--ease-out);
}

.fade-in-up {
  animation: fadeInUp var(--animation-duration) var(--ease-out);
}

.fade-in-left {
  animation: fadeInLeft var(--animation-duration) var(--ease-out);
}

.fade-in-right {
  animation: fadeInRight var(--animation-duration) var(--ease-out);
}

.scale-in {
  animation: scaleIn var(--animation-duration) var(--ease-out);
}

.pulse {
  animation: pulse 2s ease-in-out infinite;
}

.spin {
  animation: spin 1s linear infinite;
}

.bounce {
  animation: bounce 1s ease-in-out infinite;
}

/* ==================== ╨Я╨Х╨а╨Х╨е╨Ю╨Ф╨л ╨б╨в╨а╨Р╨Э╨Ш╨ж ==================== */
.page-transition-enter {
  opacity: 0;
  transform: translateY(20px);
}

.page-transition-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity var(--transition-slow), transform var(--transition-slow);
}

/* ==================== PREFERS-REDUCED-MOTION ==================== */
/* ╨Ю╤В╨║╨╗╤О╤З╨░╨╡╨╝ ╨░╨╜╨╕╨╝╨░╤Ж╨╕╨╕ ╨┤╨╗╤П ╨┐╨╛╨╗╤М╨╖╨╛╨▓╨░╤В╨╡╨╗╨╡╨╣ ╤Б ╨┐╤А╨╛╨▒╨╗╨╡╨╝╨░╨╝╨╕ ╤Б╨╛ ╨╖╤А╨╡╨╜╨╕╨╡╨╝ */
@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .animate-on-scroll {
    opacity: 1;
    transform: none;
  }
}

.page-shop-hero {
  padding: 7.596vw 9.167vw 7.917vw 9.167vw;
  background: linear-gradient(135deg, #99d4e2 -10%, #47a5dc 40%, #1b1b4b 100%);
  background-attachment: fixed;
  color: #fff;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}

.loaded .page-shop-hero {
  opacity: 1;

}

.page-shop-hero__title {
  margin-bottom: 2.3958vw;
}

.page-shop-hero__title h1 {
  font-family: var(--font-secondary);
  font-size: 1.875vw;
  color: #FFFFFF;
  font-weight: 700;
}

.page-shop-hero__items {
  display: flex;
  align-items: flex-start;
  margin: -0.625vw;
}


.page-shop-hero__item {
  flex: 0 1 calc(50% - 1.25vw);
  margin: 0.625vw;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.page-shop-hero__item:nth-child(2) {
  transition-delay: 0.15s;
}

.loaded .page-shop-hero__item {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 992px) {

  .page-shop-hero__item,
  .page-shop-hero__item:nth-child(n),
  .page-shop-hero__item .item-page-shop-hero__img img,
  .page-shop-hero__item:nth-child(n) .item-page-shop-hero__img img,
  .compound-card,
  .compound-card:nth-child(n),
  .compounds__card,
  .compounds__card:nth-child(n) {
    transition-delay: 0s !important;
  }

  /* На мобильных устройствах при появлении первой карточки проявляем все карточки секции одновременно */
  .compounds:has(.revealed) .compound-card,
  .compounds__grid:has(.revealed) .compound-card {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}


.page-shop-hero__sidebtn {
  position: absolute;
  right: -48px;
  top: 263px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: rgba(226, 226, 226, 0.43);
  padding: 227px 28px 219px 60px;
  box-sizing: border-box;
  border-radius: 40px;
  box-shadow: inset 2px 2px 10.1999998093px 0px rgba(156, 156, 156, 0.1), inset -5px -4px 10px 0px rgba(233, 233, 233, 0.1);
  backdrop-filter: blur(15.8000001907px);
  background: rgba(0, 0, 0, 0.12);
}

.page-shop-hero__sidebtn::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.052vw;
  pointer-events: none;
  z-index: auto;
  opacity: 0.8;
  background: linear-gradient(149deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 37%, rgba(207, 207, 207, 0) 49%, rgb(255, 255, 255) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}



.item-page-shop-hero {
  position: relative;
  border-radius: 2.083vw;
  box-shadow: inset -0.26vw -0.21vw 0.52vw 0px rgba(233, 233, 233, 0.1), inset 0.104vw 0.104vw 0.52vw 0px rgba(156, 156, 156, 0.1);
  backdrop-filter: blur(0.823vw);
  background: rgba(67, 67, 67, 0.13);
  padding: 10.253vw 2.5vw 2.5vw 2.5vw;
  display: flex;
  flex-direction: column;
}

.item-page-shop-hero::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: calc(2.083vw + 1px);
  padding: 1px;
  pointer-events: none;
  opacity: 0.8;
  background: linear-gradient(149deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 37%, rgba(207, 207, 207, 0) 49%, rgb(255, 255, 255) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

.item-page-shop-hero__img {
  position: absolute;
  top: -4.375vw;
  width: 100%;
  align-self: center;
}

.item-page-shop-hero__img img {
  pointer-events: none;
  width: 100%;
  height: auto;
  opacity: 0;
  transform: translateY(35px);
  transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}

.page-shop-hero__item:nth-child(1) .item-page-shop-hero__img img {
  transition-delay: 0.1s;
}

.page-shop-hero__item:nth-child(2) .item-page-shop-hero__img img {
  transition-delay: 0.25s;
}

.loaded .item-page-shop-hero__img img {
  opacity: 1;
  transform: translateY(0);
}

.item-page-shop-hero__title {
  color: rgb(255, 255, 255);
  font-family: Montserrat;
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 1.667vw;
  margin: 0px 0px 1.333vw 0px;
  max-width: 17.448vw;
  position: relative;
  z-index: 2;
}

.item-page-shop-hero__link {
  margin-top: auto;
  line-height: 1vw;
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  gap: 0.417vw;
  background-color: var(--accent-red);
  color: #ffffff;
  font-family: var(--font-primary);
  font-size: 0.833vw;
  font-weight: 700;
  box-shadow: none;
  border: none;
  border-radius: var(--radius-pill);
  padding: 0.833vw 1.25vw;
  height: 2.656vw;
  transition: min-width 0.35s ease, background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, font-size 0.25s ease, box-shadow 0.3s ease;
  position: relative;
  z-index: 2;
}

.item-page-shop-hero__link svg {
  width: 1.198vw;
  height: 1.198vw;
  flex-shrink: 0;
}

.item-page-shop-hero__link:hover {
  background-color: var(--waterfall-blue);
  background-image: linear-gradient(135deg, var(--waterfall-blue), var(--sky-blue));
  box-shadow: none;
}

.item-page-shop-hero__link:active,
.item-page-shop-hero__link--clicked {
  filter: brightness(0.88);
}

.item-page-shop-hero-showmore {
  margin-bottom: 2.08vw;
}

.item-page-shop-hero-showmore:not(._init-done):not(._showmore-active) .item-page-shop-hero-showmore__item:nth-child(n+4) {
  display: none;
}

.item-page-shop-hero-showmore__item {
  font-family: Inter;
  font-size: 0.833vw;
  line-height: 1.167vw;
  letter-spacing: 0%;
  font-weight: 400;
}

.item-page-shop-hero-showmore__item a {
  display: block;
  transition: all 0.3s ease 0s;
  padding: 0.477vw 0px 0.356vw 1.302vw;
  position: relative;
  font-weight: 400;
}

.item-page-shop-hero-showmore__item a::before {
  content: "";
  position: absolute;
  top: 1.146vw;
  left: 0.417vw;
  width: 0.26vw;
  height: 0.26vw;
  border-radius: 50%;
  background-color: var(--white);
}

.item-page-shop-hero-showmore__item a:hover {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 20.593%, rgba(0, 0, 0, 0.1) 84.258%, rgba(0, 0, 0, 0) 100%);
}

.item-page-shop-hero-showmore__item a strong {
  font-weight: 700;
}

.item-page-shop-hero-showmore__desc {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.item-page-shop-hero-showmore__more {
  margin: 0.833vw 0px 0px 1.35vw;
  display: flex;
  align-items: center;
  gap: 0.417vw;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--font-primary);
  font-size: 0.625vw;
  font-weight: 700;
  line-height: 0.781vw;
  transition: all 0.3s ease 0s;
}

.item-page-shop-hero-showmore__more:hover {
  color: var(--white);
}

.item-page-shop-hero-showmore__more svg {
  width: 0.573vw;
  height: 0.365vw;
  flex-shrink: 0;
  margin-top: 0.1vw;
  transition: transform 0.3s ease 0s;
}

._showmore-active .item-page-shop-hero-showmore__more svg {
  transform: rotate(180deg);
}

/* Page catalog styles moved to custom.css with VW values */

.loaded .page-about {
  opacity: 1;
}


@media (max-width: 769px) {}




@media (max-width: 992px) {}



@media (max-width: 1602px) {}

@media (max-width: 992px) {}

@media (max-width: 769px) {}


@media (max-width: 992px) {}


@media (max-width: 992px) {}


@media (max-width: 992px) {}


@media (max-width: 769px) {}


@media (max-width: 769px) {}


@media (max-width: 769px) {}


@media (max-width: 769px) {}


@media (max-width: 769px) {}

/* Legacy .about-advantages styles removed - fully migrated to custom.css with vw units */

.scroll-cards {
  counter-reset: card;
  position: relative;
  display: block;
}

.scroll-cards__item {
  --offset: 0.5em;
  position: sticky;
  top: max(16vh, 10em);
  border: 1px solid #c8c8e1;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
}

.scroll-cards__item:nth-of-type(0) {
  transform: translate(calc(-1 * var(--offset)), calc(-1 * var(--offset)));
}

.scroll-cards__item:nth-of-type(1) {
  transform: translate(calc(0 * var(--offset)), calc(0 * var(--offset)));
}

.scroll-cards__item:nth-of-type(2) {
  transform: translate(calc(1 * var(--offset)), calc(1 * var(--offset)));
}

.scroll-cards__item:nth-of-type(3) {
  transform: translate(calc(2 * var(--offset)), calc(2 * var(--offset)));
}

.scroll-cards__item:nth-of-type(4) {
  transform: translate(calc(3 * var(--offset)), calc(3 * var(--offset)));
}

.scroll-cards__item:nth-of-type(5) {
  transform: translate(calc(4 * var(--offset)), calc(0 * var(--offset)));
}

.scroll-cards__item:nth-of-type(5) {
  transform: translate(calc(4 * var(--offset)), calc(0 * var(--offset)));
}

@media (max-width: 767px) {
  .scroll-cards__item:nth-of-type(3) {
    transform: translate(calc(2 * var(--offset)), calc(2 * var(--offset)));
  }

  .scroll-cards__item:nth-of-type(4) {
    transform: translate(calc(3 * var(--offset)), calc(3 * var(--offset)));
  }

  .scroll-cards__item:nth-of-type(5) {
    transform: translate(calc(4 * var(--offset)), calc(3 * var(--offset)));
  }
}

.spoimtem {
  padding: 48px 64px;
  border-radius: 20px;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 32px;
}

/* Legacy .about-keys styles removed - fully migrated to custom.css with vw units */

/* Legacy .about-man styles removed - fully migrated to custom.css with vw units */

.page-product {
  padding: 7.395833vw 0px 0px 0px;
  /* 142px ╨╜╨░ 1920px */
}

@media (min-width: 769px) {
  .page-product .container {
    width: 81.770833vw !important;
    max-width: 81.770833vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 768px) {
  :root {
    --header-height: 18.604651vw;
  }

  html,
  body {
    overflow-x: hidden !important;
  }

  .page-product {
    padding-top: 25.348837vw;
    /* 109px ╨╜╨░ 430px */
  }

  .page-product .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 3.72093% !important;
    padding-right: 3.72093% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.page-product__title {
  margin: 0px 0px 2.604167vw 0px;
  /* 50px ╨╜╨░ 1920px */
}

@media (max-width: 768px) {
  .page-product__title {
    background-color: #fff;
    padding: 5.116279vw 3.72093vw;
    border-radius: 5.581395vw;
    margin: 0px 0px 14.418605vw 0px;
    position: relative;
    z-index: 0;
  }
}

@media (min-width: 769px) {
  .page-product__title-desktop-hidden {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .page-product__title-mobile-hidden {
    display: none !important;
  }
}

.page-product__title h1 {
  font-family: Montserrat;
  font-size: 1.875vw;
  font-weight: 600;
}

@media (max-width: 768px) {
  .page-product__title h1 {
    font-size: 5.581395vw;
    font-weight: 800;
  }
}

.page-product__mobitems {
  max-width: 50%;
  padding: 0px 0px 0px 0.520833vw;
}

.page-product__body {
  display: flex;
  align-items: flex-start;
  gap: 1.25vw;
  /* 24px ╨╜╨░ 1920px */
  margin: 0px 0px 4.791667vw 0px;
  /* 92px ╨╜╨░ 1920px */
  position: relative;
}

@media (max-width: 768px) {
  .page-product__body {
    flex-wrap: wrap;
  }
}

.page-product__wrap {
  flex: 0 0 50.68%;
  position: sticky;
  top: 7.395833vw;
  /* 142px ╨╜╨░ 1920px */
  height: fit-content;
}

@media (max-width: 768px) {
  .page-product__wrap {
    flex: 100%;
    position: static;
  }
}

.page-product__right {
  flex: 1 1 auto;
  margin-top: 4.895833vw;
  /* ╨Т╤Л╤Б╨╛╤В╨░ h1 (44px) + ╨╡╨│╨╛ ╨░╨┤╨░╨┐╤В╨╕╨▓╨╜╤Л╨╣ ╨╛╤В╤Б╤В╤Г╨┐ ╤Б╨╜╨╕╨╖╤Г */
}

@media (max-width: 768px) {
  .page-product__right {
    margin-top: 0;
  }
}

.page-product-block {
  border-radius: 2.083333vw;
  /* 40px ╨╜╨░ 1920px */
  background-color: #fff;
  padding: 1.927083vw 2.5vw 2.5vw 2.5vw;
  /* 37px 48px 48px 48px ╨╜╨░ 1920px */
  color: #353535;
  font-size: 0.833333vw;
}

.page-product-block:not(:last-child) {
  margin: 0px 0px 1.25vw 0px;
  /* 24px ╨╜╨░ 1920px */
}

@media (max-width: 768px) {
  .page-product-block {
    border-radius: 5.581395vw;
    padding: 3.72093vw 5.581395vw 5.581395vw 5.581395vw;
  }
}

._page-product-heading {
  font-family: Inter;
  font-size: 1.25vw;
  font-weight: 600;
  margin: 0px 0px 1.354167vw 0px;
}

.wrap-page-product {
  isolation: isolate;
}

.wrap-page-product.page-product-block {
  margin: 0;
  height: 30.104167vw;
  /* 578px ╨╜╨░ 1920px */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .wrap-page-product.page-product-block {
    height: auto;
  }
}

.wrap-page-product__body {
  position: relative;
  z-index: 2;
  max-width: 60%;
}

@media (max-width: 768px) {
  .wrap-page-product__body {
    max-width: 100%;
    padding: 0px;
    background-color: #fff;
    border-radius: 5.581395vw;
  }
}

.wrap-page-product__text {
  font-family: Inter;
  font-size: 0.833333vw;
  /* 16px ╨╜╨░ 1920px */
  max-width: 22.552083vw;
  /* 433px ╨╜╨░ 1920px */
  margin: 0px 0px 3.125vw 0px;
  /* 60px ╨╜╨░ 1920px */
}

.wrap-page-product__text-cut {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wrap-page-product__more-btn {
  background: none;
  border: none;
  padding: 0;
  color: #999999;
  text-decoration: underline;
  font-size: 0.625vw;
  /* 12px ╨╜╨░ 1920px */
  font-weight: 600;
  cursor: pointer;
  margin-top: 0.520833vw;
}

@media (max-width: 768px) {
  .wrap-page-product__text {
    margin: 0px 0px 6.976744vw 0px;
  }
}

.wrap-page-product__items {
  margin: 0px 0px 3.125vw 0px;
  /* 60px ╨╜╨░ 1920px */
}

@media (max-width: 768px) {
  .wrap-page-product__items {
    margin: 0px 0px 12.674419vw 0px;
  }
}

.wrap-page-product__item {
  display: flex;
  align-items: center;
}

.wrap-page-product__item:not(:last-child) {
  margin: 0px 0px 0.416667vw 0px;
}

.wrap-page-product__icon {
  flex: 0 0 1.25vw;
  /* 24px ╨╜╨░ 1920px */
  width: 1.25vw;
  height: 1.25vw;
  margin: 0px 0.416667vw 0px 0px;
  /* 8px ╨╜╨░ 1920px */
}

.wrap-page-product__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.wrap-page-product__txt {
  font-size: 0.729167vw;
  font-weight: 500;
  font-family: var(--font-secondary);
}

.wrap-page-product__img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 51%;
  border-radius: 0px 0px 2.083333vw 0px;
  overflow: hidden;
  mix-blend-mode: multiply;
}

@media (max-width: 768px) {
  .wrap-page-product__img {
    transform: translate(3.72093vw, -105.348837vw);
    z-index: 1;
    pointer-events: none;
    max-width: 72.325581vw;
    width: 62%;
    bottom: auto;
    overflow: visible;
    margin-top: 0;
    top: 0;
  }
}

.wrap-page-product__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: translate(2.708333vw, 2.864583vw);
  mix-blend-mode: multiply;
  pointer-events: none;
  user-select: none;
}

@media (max-width: 768px) {
  .wrap-page-product__img img {
    transform: translate(11.627907vw, 23.255814vw);
  }
}

.wrap-page-product__bottom {
  display: flex;
}

@media (max-width: 768px) {
  .wrap-page-product__bottom {
    flex-direction: column;
  }
}

.wrap-page-product__mail {
  border-radius: 100px;
  padding: 0.677083vw 0.833333vw;
  /* 13px 16px ╨╜╨░ 1920px */
  margin: 0px 0.833333vw 0px 0px;
  /* 16px ╨╜╨░ 1920px */
  font-family: Inter;
  font-weight: 700;
  font-size: 0.833333vw;
}

@media (max-width: 768px) {
  .wrap-page-product__mail {
    margin: 0px 0px 2.325581vw 0px;
  }
}

.wrap-page-product__pasp {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.572917vw 0.729167vw;
  /* 11px 14px ╨╜╨░ 1920px */
  color: var(--accent-red);
  background-color: #fff;
  border: 2px solid var(--accent-red);
  border-radius: 100px;
  font-family: Inter;
  font-weight: 600;
  line-height: 1;
  font-size: 0.833333vw;
}

.wrap-page-product__pasp span {
  margin: 0px 0.416667vw 0px 0px;
  /* 8px ╨╜╨░ 1920px */
}

.wrap-page-product__pasp svg {
  flex: 0 0 1.145833vw;
  /* 22px ╨╜╨░ 1920px */
  width: 1.145833vw;
}

.popup-description .popup__content {
  background-color: #fff;
  border-radius: 40px;
  padding: 48px;
  max-width: 800px;
  width: 90%;
}

/* Center only the product description on desktop; keep tall dialogs scrollable. */
@media (min-width: 769px) {
  .popup-description .popup__content {
    margin-top: auto;
    margin-bottom: auto;
  }
}

@media (max-width: 768px) {
  .popup-description .popup__content {
    border-radius: 24px;
    padding: 24px;
  }

  .page-product__title {
    flex-direction: column-reverse;
    padding-top: 2.790698vw;
    padding-bottom: 2.325581vw;
  }
}

.popup-description__title {
  margin-bottom: clamp(15px, 1.302vw, 25px);
}

.popup-description__text {
  font-family: Inter;
  font-size: clamp(14px, 0.833vw, 16px);
  line-height: 150%;
  color: #353535;
  max-height: 60vh;
  overflow-y: auto;
  padding-right: 10px;
}

@media (max-width: 768px) {
  .wrap-page-product__pasp svg {
    flex: 0 0 3.953488vw;
    width: 3.953488vw;
  }
}

.characters-page-product__body ul li {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  min-width: 0;
}

@media (max-width: 768px) {
  .characters-page-product__body ul li {
    flex-direction: column;
    overflow: visible;
  }
}

.characters-page-product__body ul li:not(:last-child) {
  margin-bottom: 0.78125vw;
}

@media (max-width: 768px) {
  .characters-page-product__body ul li:not(:last-child) {
    margin: 0px 0px 7.697674vw 0px;
  }
}

.characters-page-product__body ul li p {
  margin: 0;
  min-width: 0;
}

@media (max-width: 768px) {
  .characters-page-product__body ul li p {
    align-self: flex-start;
    border-bottom: 1px dashed #b6b6b6;
    width: 100%;
  }
}

.characters-page-product__body ul li p span {
  display: inline;
  white-space: normal;
  word-break: break-word;
}

.characters-page-product__body ul li p span::after {
  content: "";
  display: inline-block;
  width: 1000px;
  margin-right: -1000px;
  border-bottom: 0.052083vw dashed #b6b6b6;
  margin-left: 0.520833vw;
  vertical-align: baseline;
}

@media (max-width: 768px) {
  .characters-page-product__body ul li p span {
    color: #000;
  }

  .characters-page-product__body ul li p span::after {
    display: none;
  }
}

.characters-page-product__body ul li>span {
  display: inline-block;
  background-color: #fff;
  padding-left: 0.520833vw;
  white-space: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .characters-page-product__body ul li>span {
    width: 100%;
    display: block;
    text-align: right;
    background-color: transparent;
    padding-left: 0;
    color: #3f9fe3;
    font-size: 3.72093vw;
    font-family: Montserrat;
    font-weight: 700;
  }
}

@media (max-width: 768px) {
  .characters-page-product__body ul li span {
    flex: 100%;
    text-align: right;
    color: #3f9fe3;
    font-size: 3.72093vw;
    font-family: Montserrat;
    font-weight: 700;
  }
}



.page-suppliers {
  color: #353535;
  padding: 0px 0px clamp(80px, 7.917vw, 152px) 0px;
  /* 152px ╨╜╨░ 1920px */
}

.page-suppliers__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  /* ╨Т╤Л╤А╨░╨▓╨╜╨╕╨▓╨░╨╡╤В ╨╛╨▒╨░ ╨▒╨╗╨╛╨║╨░ ╤Б╤В╤А╨╛╨│╨╛ ╨┐╨╛ ╤Ж╨╡╨╜╤В╤А╤Г */
  margin: clamp(32px, 3.333vw, 64px) auto 0px auto;
  /* 64px ╨╜╨░ 1920px */
  max-width: 1104px;
}

.page-suppliers__img {
  flex: 0 1 auto;
  width: clamp(32px, 28.6vw, 550px);
}

.page-suppliers__img img {
  max-width: 100%;
  height: auto;
  display: block;
}

.page-suppliers__descr {
  flex: 0 1 auto;
  /* ╨С╨╛╨╗╤М╤И╨╡ ╨╜╨╡ ╨┐╤Л╤В╨░╨╡╤В╤Б╤П ╨╖╨░╨╜╤П╤В╤М ╨▓╤Б╤С ╤Б╨▓╨╛╨▒╨╛╨┤╨╜╨╛╨╡ ╨╝╨╡╤Б╤В╨╛ ╨▓ ╨║╨╛╨╜╤В╨╡╨╣╨╜╨╡╤А╨╡ */
  padding: 0px 0px 0px 0px;
}

.page-suppliers__post {
  font-size: clamp(12px, 0.938vw, 18px);
  /* 18px ╨╜╨░ 1920px */
  font-weight: 500;
  margin: 0px 0px clamp(6px, 0.625vw, 12px) 0px;
  /* 12px ╨╜╨░ 1920px */
}

.page-suppliers__name {
  font-size: clamp(18px, 1.667vw, 32px);
  /* 32px ╨╜╨░ 1920px */
  font-weight: 600;
  margin: 0px 0px clamp(16px, 2.188vw, 42px) 0px;
  /* 42px ╨╜╨░ 1920px */
  line-height: 108.3333333333%;
}

.page-suppliers__responsible {
  font-size: clamp(14px, 1.042vw, 20px);
  /* 20px ╨╜╨░ 1920px */
  font-weight: 500;
  color: #353535;
  margin: 0px 0px clamp(12px, 1.354vw, 26px) 0px;
  /* 26px ╨╜╨░ 1920px */
}

@media (min-width: 769px) {
  .page-suppliers__responsible {
    display: none;
  }
}

.page-suppliers__responsible span {
  color: #FF5F42;
  font-weight: 600;
}

.page-suppliers__text {
  max-width: 490px;
  font-size: clamp(12px, 0.833vw, 16px);
  /* 16px ╨╜╨░ 1920px */
}

.page-suppliers__text ul li a {
  color: #353535;
}

.page-suppliers__text ul li:not(:last-child) {
  margin: 0px 0px clamp(8px, 0.625vw, 12px) 0px;
  /* 12px ╨╜╨░ 1920px */
}

.page-suppliers__downloads {
  padding: clamp(24px, 2.24vw, 43px) clamp(20px, 2.5vw, 48px) clamp(24px, 2.5vw, 48px) clamp(20px, 2.5vw, 48px);
  border-radius: clamp(24px, 2.083vw, 40px);
  background-color: #fff;
  margin: 0px 0px clamp(16px, 1.25vw, 24px) 0px;
}

.page-suppliers__downloads h3 {
  font-size: clamp(16px, 1.25vw, 24px);
  font-weight: 600;
  margin: 0px 0px clamp(19px, 1.56vw, 30px) 0px;
}

.page-suppliers__downloads h3 span {
  font-size: clamp(24px, 1.667vw, 32px);
  font-weight: 700;
}

.page-suppliers__downloads ul li a {
  display: flex;
  align-items: center;
  font-size: clamp(14px, 0.833vw, 16px);
  color: #656565;
  font-weight: 600;
  text-decoration: underline;
}

.page-suppliers__downloads ul li a svg {
  flex: 0 0 clamp(16px, 1.146vw, 22px);
  width: clamp(16px, 1.146vw, 22px);
  margin: 0px clamp(6px, 0.417vw, 8px) 0px 0px;
}

.page-suppliers__downloads ul li:not(:last-child) {
  margin: 0px 0px clamp(12px, 1.146vw, 22px) 0px;
}

.page-suppliers__body {
  padding: clamp(24px, 2.24vw, 43px) clamp(20px, 2.5vw, 48px) clamp(24px, 2.5vw, 48px) clamp(20px, 2.5vw, 48px);
  border-radius: clamp(24px, 2.083vw, 40px);
  background-color: #fff;
}

.page-suppliers__body h3 {
  font-size: clamp(16px, 1.25vw, 24px);
  font-weight: 700;
  margin: 0px 0px clamp(19px, 1.354vw, 26px) 0px;
}

.page-suppliers__body h3 span {
  font-size: clamp(24px, 1.667vw, 32px);
  font-weight: 700;
}

.page-suppliers__body ul {
  padding: 0px 0px 0px clamp(12px, 1.04vw, 20px);
}

.page-suppliers__body ul li {
  font-size: clamp(14px, 0.833vw, 16px);
  line-height: 150%;
  list-style-type: disc;
}

.page-suppliers__body ul li:not(:last-child) {
  margin: 0px 0px clamp(6px, 0.625vw, 12px) 0px;
}

.page-suppliers-tabs {
  position: relative;
  z-index: 1;
}

.page-suppliers-tabs__nav-wrap {
  position: relative;
}

.page-suppliers-tabs__arrow {
  display: none;
}

@media (min-width: 769px) {
  .page-suppliers-tabs__arrow {
    display: none !important;
  }
}

.page-suppliers-tabs__navigation {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(20px, 4.583vw, 88px);
  /* 88px ╨╜╨░ 1920px */
  background-color: #fff;
  padding: clamp(60px, 7.552vw, 145px) 15px clamp(16px, 1.354vw, 26px) 15px;
  /* 145px ╨╕ 26px ╨╜╨░ 1920px */
}

.page-suppliers-tabs__ellipse {
  position: absolute;
  z-index: -1;
  width: clamp(150px, 13.177vw, 253px);
  /* 253px ╨╜╨░ 1920px */
  height: clamp(30px, 2.656vw, 51px);
  /* 51px ╨╜╨░ 1920px */
  background-color: rgba(63, 159, 227, 0.54);
  filter: blur(0px);
  -webkit-filter: blur(35px);
  border-radius: 50%;
  pointer-events: none;
  transform: translate3d(-50%, 0, 0);
  transition: left 100ms ease-in-out;

  /* ╨а╨╡╨│╤Г╨╗╨╕╤А╨╛╨▓╨║╨░ ╨▓╨╡╤А╤В╨╕╨║╨░╨╗╤М╨╜╨╛╨│╨╛ ╨┐╨╛╨╗╨╛╨╢╨╡╨╜╨╕╤П (╨╜╨░╤Б╨║╨╛╨╗╤М╨║╨╛ ╤В╨╛╤А╤З╨╕╤В ╤Б╨╜╨╕╨╖╤Г) */
  /* ╨Я╨╛╨╗╨╛╨╢╨╕╤В╨╡╨╗╤М╨╜╨╛╨╡ ╨╖╨╜╨░╤З╨╡╨╜╨╕╨╡ ╨╛╨┐╤Г╤Б╨║╨░╨╡╤В ╨╛╨▓╨░╨╗ ╨╜╨╕╨╢╨╡ (╤В╨╛╤А╤З╨╕╤В ╨▒╨╛╨╗╤М╤И╨╡) */
  /* ╨Ю╤В╤А╨╕╤Ж╨░╤В╨╡╨╗╤М╨╜╨╛╨╡ ╨╖╨╜╨░╤З╨╡╨╜╨╕╨╡ ╨┐╨╛╨┤╨╜╨╕╨╝╨░╨╡╤В ╨╛╨▓╨░╨╗ ╨▓╤Л╤И╨╡ (╤В╨╛╤А╤З╨╕╤В ╨╝╨╡╨╜╤М╤И╨╡) */
  --ellipse-offset-y: clamp(5px, 0.521vw, 10px);
  /* 10px ╨╜╨░ 1920px */
  bottom: calc(0px - var(--ellipse-offset-y));
}

.page-suppliers-tabs__title {
  font-size: clamp(14px, 0.938vw, 18px);
  /* 18px ╨╜╨░ 1920px */
  font-weight: 500;
  color: #797979;
}

.page-suppliers-tabs__title._tab-active {
  color: #3F9FE3;
  font-weight: 700;
}

.page-suppliers-tabs__body .container {
  max-width: 1200px;
}

/* ╨б╨╗╨░╨╣╨┤╨╡╤А ╨░╨╜╨╕╨╝╨░╤Ж╨╕╤П ╨┤╨╗╤П ╨▓╨║╨╗╨░╨┤╨╛╨║ ╨┐╨╛╤Б╤В╨░╨▓╤Й╨╕╨║╨╛╨▓ */
.page-suppliers-tabs__content {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.page-suppliers-tabs__body {
  width: 100%;
  will-change: transform, opacity;
}

/* ╨б╨║╤А╤Л╤В╤Л╨╡ ╤В╨░╨▒╤Л ╨┐╨╛ ╤Г╨╝╨╛╨╗╤З╨░╨╜╨╕╤О (╨┐╨╡╤А╨╡╨╛╨┐╤А╨╡╨┤╨╡╨╗╤П╨╡╨╝ ╤Б╤В╨░╨╜╨┤╨░╤А╤В╨╜╤Л╨╣ [hidden]) */
.page-suppliers-tabs__body[hidden] {
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* ╨Р╨║╤В╨╕╨▓╨╜╤Л╨╣ ╤В╨░╨▒ */
.page-suppliers-tabs__body:not([hidden]) {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* ╨Р╨╜╨╕╨╝╨░╤Ж╨╕╨╕ ╨┐╨╛╤П╨▓╨╗╨╡╨╜╨╕╤П ╨╜╨╛╨▓╨╛╨│╨╛ ╤В╨░╨▒╨░ */
.page-suppliers-tabs__body.slide-right-in {
  animation: slideInRight 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  z-index: 2;
  position: relative;
}

.page-suppliers-tabs__body.slide-left-in {
  animation: slideInLeft 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  z-index: 2;
  position: relative;
}

/* ╨Р╨╜╨╕╨╝╨░╤Ж╨╕╨╕ ╤Г╤Е╨╛╨┤╨░ ╤Б╤В╨░╤А╨╛╨│╨╛ ╤В╨░╨▒╨░ */
.page-suppliers-tabs__body.slide-left-out {
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  animation: slideOutLeft 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  z-index: 1;
  pointer-events: none;
  visibility: visible !important;
}

.page-suppliers-tabs__body.slide-right-out {
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  animation: slideOutRight 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  z-index: 1;
  pointer-events: none;
  visibility: visible !important;
}

@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes slideOutLeft {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  100% {
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
  }
}

@keyframes slideOutRight {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  100% {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
}

.loaded .page-rd {
  opacity: 1;
}

/* ==========================================================================
   PAGE RD HERO: Moved to assets/css/custom.css (Strict VW, zero px values)
   ========================================================================== */

/* ==========================================================================
   PAGE RD TARGETS: Moved to assets/css/custom.css (Strict VW, zero px values)
   ========================================================================== */


/* ==========================================================================
   PAGE RD BLOG: Refactored to custom.css (Strict VW, zero px values)
   ========================================================================== */

/* .tst-container (pin-spacer) styles refactored to strict VW and moved to custom.css */

.loaded .page-career {
  opacity: 1;
}

/* .page-career-hero styles refactored and moved to custom.css */

@keyframes drawPath {
  0% {
    stroke-dashoffset: 2000;
  }

  100% {
    stroke-dashoffset: 0;
    fill: #cfcfcf;
  }
}

/* Legacy .page-career-values styles refactored to strict VW and moved to custom.css */

/* Legacy .page-career__videos styles refactored to strict VW and moved to custom.css */

/* Legacy .page-career__cards styles refactored to strict VW and moved to custom.css */

/* Legacy .page-career-care styles refactored to strict VW and moved to custom.css */

/* Legacy .page-news styles refactored to strict VW and moved to custom.css */

/* Page Requisites styles moved to custom.css with VW values */

/* Page Contacts styles moved to custom.css */


/* Page Contacts personal styles moved to custom.css with VW values */

/* Page 404 styles moved to custom.css with VW values */

body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

.popup-show body::after {
  opacity: 1;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}

.popup_show {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

.popup_show .popup__content {
  visibility: visible;
  transform: scale(1);
}

.popup__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}

.popup-callback .popup__wrapper {
  justify-content: flex-start;
}

.popup__content {
  visibility: hidden;
  transform: scale(0);
  position: relative;
  overflow-y: auto;
  box-shadow: var(--shadow-2xl);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  margin-top: 0;
  margin-bottom: auto;
}

@media (max-width: 768px) {
  .popup__content {
    padding: 20px;
  }
}

.lock .popup__content {
  visibility: visible;
}



.popup__close {
  position: absolute;
  top: 1.4vw;
  right: 1.4vw;
  width: 0.83vw;
  height: 0.83vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  color: #333333;
  cursor: pointer;
  transition: color var(--transition-base);
  line-height: 1;
  z-index: 10;
}

.popup__close:focus-visible,
.popup__close:focus {
  border: none;
  outline: none;
}

.popup__close svg,
.popup__close .mobile-menu-control-icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.popup__close .mobile-menu-control-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.popup-callback {
  text-align: left;
}

.popup-callback.popup {
  padding: 7.54vw 10px 5vw 10px;
}

.popup-callback .popup__content {
  background-color: #eff0ef;
  border-radius: 2.08vw;
  width: 25.05vw;
  position: relative;
  overflow: visible;
  box-shadow: none;
}

.popup-callback .popup__body {
  width: 100%;
}

.popup-callback .contact-form__wrapper {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  border-radius: 2.08vw;
  background: transparent;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  padding: 2.19vw 2.5vw 2.5vw;
  gap: 2.08vw;
  position: relative;
}

.popup-callback .contact-form__wrapper::after {
  display: none !important;
  content: none !important;
}

.popup-callback .section__title,
.popup-callback .popup-callback__title {
  font-size: 1.25vw;
  font-weight: 600;
  line-height: 108%;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: -0.31vw;
  color: #353535 !important;
}

.popup-callback .form__group {
  margin-bottom: 1.25vw;
}

.popup-callback .form__input {
  width: 100%;
  font-size: 0.83vw;
  padding: 0 1.25vw;
  height: 2.66vw;
  border-radius: 5vw;
  background-color: #dedfde !important;
  background: #dedfde !important;
  color: #353535 !important;
  outline: none;
  border: none;
  transition: all var(--transition-base);
}

.popup-callback .form__textarea {
  width: 100%;
  font-size: 0.83vw;
  padding: 0.8vw 1.25vw;
  min-height: 2.66vw !important;
  height: auto;
  border-radius: 1.33vw;
  background-color: #dedfde !important;
  background: #dedfde !important;
  color: #353535 !important;
  outline: none;
  border: none;
  resize: none;
  overflow-y: hidden;
  line-height: 1.4;
  box-sizing: border-box;
  font-family: inherit;
  transition: border-color var(--transition-base), background-color var(--transition-base);
}

.popup-callback .form__input::placeholder,
.popup-callback .form__textarea::placeholder {
  color: #969696 !important;
  opacity: 1 !important;
}

.popup-callback .form__input:focus,
.popup-callback .form__textarea:focus {
  background-color: #dedfde !important;
  background: #dedfde !important;
  color: #353535 !important;
}

.popup-callback .form__input:-webkit-autofill,
.popup-callback .form__input:-webkit-autofill:hover,
.popup-callback .form__input:-webkit-autofill:focus,
.popup-callback .form__textarea:-webkit-autofill,
.popup-callback .form__textarea:-webkit-autofill:hover,
.popup-callback .form__textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #353535 !important;
  -webkit-box-shadow: 0 0 0px 1000px #dedfde inset !important;
  box-shadow: 0 0 0px 1000px #dedfde inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

.popup-callback .form__group.callback-banner-form__check {
  margin-top: 1.75vw;
}

.popup-callback .callback-banner-form__check label,
.popup-callback .form__checkbox {
  padding-left: 0;
  color: #353535 !important;
}

.popup-callback .callback-banner-form__check input+span,
.popup-callback .form__checkbox span,
.popup-callback .form__group--checkbox span {
  padding-left: 2.08vw;
  font-size: 0.62vw;
  line-height: 116%;
  color: #353535 !important;
}

.popup-callback .callback-banner-form__check label a,
.popup-callback .form__checkbox a,
.popup-callback .form__group--checkbox a,
.popup-callback .contact-form__wrapper .form a,
.popup-callback .contact-form__wrapper .callback-banner-form__check a {
  font-weight: 400;
  color: #4ab8fc !important;
  text-decoration: none !important;
}

.popup-callback .callback-banner-form__check label a:hover,
.popup-callback .form__checkbox a:hover,
.popup-callback .form__group--checkbox a:hover,
.popup-callback .contact-form__wrapper .form a:hover,
.popup-callback .contact-form__wrapper .callback-banner-form__check a:hover {
  color: #6bb6f5 !important;
  text-decoration: none !important;
}

.popup-callback .callback-banner-form__check input+span::before,
.popup-callback .form__checkbox .checkmark {
  width: 1.25vw;
  height: 1.25vw;
  border: 1px solid #353535 !important;
  background-color: transparent !important;
}

.popup-callback .callback-banner-form__check input:checked+span::before,
.popup-callback .form__checkbox input:checked~.checkmark {
  border: 1px solid #353535 !important;
  background-color: #353535 !important;
}

.popup-callback .form__checkbox .checkmark:after {
  border-color: #ffffff !important;
}

.popup-callback .form input[type=submit],
.popup-callback .form__btn,
.popup-callback .callback-banner-form__btn {
  width: 100%;
  height: 2.66vw;
  font-size: 0.83vw;
  font-weight: 600;
  background: var(--accent-red) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 5vw !important;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
}

.popup-callback .form input[type=submit]:hover,
.popup-callback .form__btn:hover,
.popup-callback .callback-banner-form__btn:hover {
  background-color: var(--waterfall-blue) !important;
  background-image: linear-gradient(135deg, var(--waterfall-blue), var(--sky-blue)) !important;
  box-shadow: none !important;
}

.popup-callback .contact-form__or-text {
  text-align: center;
  color: #969696 !important;
  font-size: 0.83vw;
}

.popup-callback .contact-form__messengers {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.83vw;
  width: 100%;
}

.popup-callback .btn-messenger {
  height: 2.66vw;
  gap: 0.42vw;
  padding: 0.83vw;
  border-radius: 5vw;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: opacity 0.2s ease !important;
}

.popup-callback .btn-messenger::before {
  opacity: 1 !important;
  transition: none !important;
}

.popup-callback .btn-messenger::after {
  display: none !important;
  content: none !important;
}

.popup-callback .btn-messenger:hover {
  box-shadow: none !important;
  transform: none !important;
  opacity: 0.9 !important;
}

.popup-callback .btn-messenger:hover::before {
  opacity: 1 !important;
}

.popup-callback .btn-messenger span {
  font-size: 0.83vw;
  font-weight: 800;
  color: #ffffff;
}

.popup-callback .btn-messenger img {
  width: 1vw;
  height: 1vw;
  object-fit: contain;
}

@media (max-width: 768px) {
  .popup-callback.popup {
    padding: 23.25vw 3.72vw 6.98vw;
  }

  .popup-callback .popup__content {
    width: 92.56vw;
    border-radius: 9.3vw;
    padding: 0;
  }

  .popup-callback .contact-form__wrapper {
    width: 100%;
    border-radius: 9.3vw;
    padding: 8.14vw 5.58vw 5.58vw;
    gap: 9.3vw;
    margin: 0;
  }

  .popup-callback .section__title,
  .popup-callback .popup-callback__title {
    font-size: 5.58vw;
    margin-bottom: -1vw;
  }

  .popup-callback .form__group {
    margin-bottom: 3.72vw;
  }

  .popup-callback .form__input {
    font-size: 3.72vw;
    padding: 3.72vw 5.58vw;
    height: 11.8vw;
    border-radius: 23vw;
  }

  .popup-callback .form__textarea {
    font-size: 3.72vw;
    padding: 3.5vw 5.58vw;
    min-height: 11.8vw !important;
    border-radius: 6.1vw;
    height: auto;
    line-height: 1.4;
    resize: none !important;
    overflow-y: hidden;
    box-sizing: border-box;
  }

  .popup-callback .form__group.callback-banner-form__check {
    margin-top: 7.5vw;
    margin-bottom: 0;
  }

  .popup-callback .callback-banner-form__check input+span,
  .popup-callback .form__checkbox span,
  .popup-callback .form__group--checkbox span {
    padding-left: 9vw;
    font-size: 2.72vw;
    line-height: 116%;
  }

  .popup-callback .callback-banner-form__check input+span::before,
  .popup-callback .form__checkbox .checkmark {
    width: 5.58vw;
    height: 5.58vw;
  }

  .popup-callback .form input[type=submit],
  .popup-callback .form__btn,
  .popup-callback .callback-banner-form__btn {
    height: 11.86vw;
    font-size: 3.72vw;
    border-radius: 23vw !important;
    margin-top: 5vw;
  }

  .popup-callback .contact-form__or-text {
    font-size: 3.72vw;
  }

  .popup-callback .contact-form__messengers {
    gap: 1.86vw;
  }

  .popup-callback .btn-messenger {
    height: 11.8vw;
    font-size: 3.72vw;
    border-radius: 23vw;
    gap: 1.86vw;
  }

  .popup-callback .btn-messenger span {
    font-size: 3.72vw;
  }

  .popup-callback .btn-messenger img {
    width: 4.47vw;
    height: 4.47vw;
  }

  .popup-callback .popup__close {
    top: 5.58vw;
    right: 5.58vw;
    width: 3.72vw;
    height: 3.72vw;
  }
}

.popup-news {
  text-align: left;
}

.popup-news.popup {
  padding: 7.54vw 20.62vw 10vw;
}

@media (max-width: 768px) {
  .popup-news.popup {
    padding: 23.25vw 3.72vw 6.98vw;
  }
}

.popup-news .popup__content {
  background-color: #eff0ef;
  border-radius: 2.08vw;
}

@media (max-width: 768px) {
  .popup-news .popup__content {
    border-radius: 5.58vw;
    padding: 0;
  }
}

.popup-news__top {
  display: flex;
  border-radius: 2.08vw 0 2.08vw 0;
  overflow: hidden;
  background-color: #fff;
}

@media (max-width: 768px) {
  .popup-news__top {
    flex-direction: column;
    border-radius: 5.58vw;
  }
}

.popup-news__img {
  flex: 0 0 60%;
}

@media (max-width: 768px) {
  .popup-news__img {
    flex: auto;
    height: 69.3vw;
    min-height: 69.3vw;
  }
}

.popup-news__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.popup-news__header {
  flex: 1 1 auto;
  padding: 2.08vw;
  display: flex;
  flex-direction: column;
}

@media (max-width: 768px) {
  .popup-news__header {
    padding: 5.58vw;
  }
}

.popup-news__cat {
  color: #999999;
  font-size: 0.83vw;
  font-family: var(--font-secondary);
  font-weight: 500;
  margin: 0px 0px 4.58vw 0px;
}

@media (max-width: 768px) {
  .popup-news__cat {
    font-size: 3.25vw;
    margin-bottom: 2.32vw !important;
  }
}

.popup-news__title {
  font-size: 1.25vw;
  line-height: 108%;
  font-weight: 700;
  flex: 1 1 auto;
  margin: 0px 0px 1.56vw 0px;
}

.popup-news__date {
  display: flex;
  align-items: center;
  color: #999999;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: 0.73vw;
  gap: 0.21vw;
  line-height: 1;
}

.popup-news__date svg {
  width: 0.83vw;
  height: 0.83vw;
  flex-shrink: 0;
}

.popup-news__content {
  padding: 0 2.08vw 2.08vw;
}

@media (max-width: 768px) {
  .popup-news__content {
    padding: 0 5.58vw 5.58vw;
  }

  .popup__close {

    top: 5.58vw;
    right: 5.58vw;
    width: 3.72vw;
    height: 3.72vw;

  }

  .popup-news__title {
    font-size: 4.65vw;
    line-height: 120%;
    margin-bottom: 2.79vw;
  }

  .popup-news__date {
    font-size: 3.26vw;
    gap: 0.93vw;
  }

  .popup-news__date svg {
    width: 3.72vw;
    height: 3.72vw;
  }
}

.popup-news__content-wrap h2 {
  font-size: 1.25vw;
  line-height: 108%;
  width: 35vw;
  font-weight: 500;
  margin: 2.08vw 0px 1.25vw 0px;
}

.popup-news__content-wrap h3,
.popup-news__content-wrap h4 {
  font-size: 0.94vw;
  line-height: 115%;
  width: 25vw;
  font-weight: 600;
  margin: 1.66vw 0px 0.83vw 0px;
}

.popup-news__content-wrap p {
  margin: 0px 0px 0.62vw 0px;
  font-size: 0.83vw;
  line-height: 150%;
}

.popup-news__content-wrap ul {
  padding: 0px 0px 0px 1.25vw;
  margin: 0px 0px 1.25vw 0px;
  font-size: 0.83vw;
  line-height: 150%;
}

.popup-news__content-wrap ul li {
  list-style: disc;
  margin-bottom: 0.42vw;
}

.popup-news__content-wrap ul li:last-child,
.popup-news__content-wrap ol li:last-child {
  margin-bottom: 0;
}

.popup-news__content-wrap>p:first-child {
  margin-top: 2.08vw;
}

@media (max-width: 768px) {

  .popup-news__content-wrap h2 {
    font-size: 5.58vw;
    line-height: 108%;
    width: 100%;
    font-weight: 500;
    margin: 9.58vw 0px 3.72vw 0px;
  }

  .popup-news__content-wrap h3,
  .popup-news__content-wrap h4 {
    font-size: 4.19vw;
    line-height: 115%;
    width: 100%;
    font-weight: 600;
    margin: 6.66vw 0px 3.72vw 0px;
  }

  .popup-news__content-wrap ul {
    padding: 0px 0px 0px 3.72vw;
    margin: 0px 0px 5.58vw 0px;
    font-size: 3.72vw;
    line-height: 150%;
  }

  .popup-news__content-wrap ul li,
  .popup-news__content-wrap ol li {
    margin-bottom: 1.86vw;
  }

  .popup-news__content-wrap ul li:last-child,
  .popup-news__content-wrap ol li:last-child {
    margin-bottom: 0;
  }

  .popup-news__content-wrap p {
    margin: 0px 0px 3.72vw 0px;
    font-size: 3.72vw;
    line-height: 150%;
  }

  .popup-news__content-wrap>p:first-child {
    margin-top: 7.44vw;
  }
}









.popup-news__content-wrap ol li {
  list-style: decimal;
  margin-bottom: 0.42vw;
}



.swiper {
  overflow: hidden;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-vertical .swiper-wrapper {
  flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}

/* Card Requisites styling for Suppliers Page */
@media (min-width: 769px) {
  .page-suppliers-tabs__body .card-page-contacts {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    margin-top: 24px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    color: inherit;
  }

  .page-suppliers-tabs__body .card-page-contacts__title {
    display: none;
  }

  .page-suppliers-tabs__body .card-page-contacts__see {
    display: none;
  }

  .page-suppliers-tabs__body .card-page-contacts__btns {
    width: auto;
    margin: 0;
    display: flex;
    justify-content: flex-end;
  }

  .page-suppliers-tabs__body .card-page-contacts__download {
    background-color: #ff5f42;
    color: #fff;
    display: inline-flex;
    padding: 12px 16px;
    gap: 8px;
    border-radius: 100px;
    width: auto;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
  }

  .page-suppliers-tabs__body .card-page-contacts__download:hover {
    background-color: #e04f35;
  }

  .page-suppliers-tabs__body .card-page-contacts__download svg {
    width: 22px;
    height: 20px;
  }

  .page-suppliers-tabs__body .card-page-contacts__download svg path {
    fill: #fff;
  }

  .requisites-text-extra {
    display: inline;
  }
}

@media (max-width: 768px) {

  /* Scroll-navigation tabs */
  .page-suppliers-tabs__nav-wrap {
    background-color: #fff;
    padding: clamp(77px, 24.186vw, 185px) 0 clamp(15px, 4.651vw, 35px) 0;
  }

  .page-suppliers-tabs__nav-container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
  }

  .page-suppliers-tabs__scroll {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: 100%;
    scroll-behavior: smooth;
  }

  .page-suppliers-tabs__scroll::-webkit-scrollbar {
    display: none;
  }

  .page-suppliers-tabs__navigation {
    background-color: transparent;
    padding: 0;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: max-content;
    padding: 0 clamp(144px, 44.883vw, 345px);
    gap: clamp(42px, 13.023vw, 100px);
  }

  .page-suppliers-tabs__arrow {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    padding: 0;
    z-index: 10;
    cursor: pointer;
  }

  .page-suppliers-tabs__arrow::before {
    content: '';
    display: block;
    width: clamp(18px, 5.581vw, 43px);
    height: clamp(18px, 5.581vw, 43px);
    background-color: #B9B9B9;
  }

  .page-suppliers-tabs__arrow--prev::before {
    -webkit-mask: url('../img/icons/ar-l.svg') no-repeat center / contain;
    mask: url('../img/icons/ar-l.svg') no-repeat center / contain;
  }

  .page-suppliers-tabs__arrow--next::before {
    -webkit-mask: url('../img/icons/ar-r.svg') no-repeat center / contain;
    mask: url('../img/icons/ar-r.svg') no-repeat center / contain;
  }

  .page-suppliers-tabs__arrow img {
    display: none !important;
  }

  .page-suppliers-tabs__arrow--prev {
    left: clamp(67px, 20.930vw, 161px);
  }

  .page-suppliers-tabs__arrow--next {
    right: clamp(67px, 20.930vw, 161px);
  }

  .page-suppliers-tabs__ellipse {
    display: none !important;
  }

  .page-suppliers-tabs__title {
    font-size: clamp(14px, 4.186vw, 32px);
    width: auto;
    flex-shrink: 0;
    white-space: nowrap;
    transition: width 10s ease, color 0.3s ease;
  }

  .page-suppliers-tabs__title._tab-active {
    width: clamp(131px, 40.930vw, 314px);
  }

  /* Wrap and Inner Blocks */
  .page-suppliers-tabs__body .container {
    padding-left: clamp(12px, 3.721vw, 29px);
    padding-right: clamp(12px, 3.721vw, 29px);
    width: 100%;
  }

  .page-suppliers__wrap {
    flex-direction: column;
    margin: clamp(30px, 9.302vw, 71px) 0 0 0;
  }

  .page-suppliers__img {
    width: clamp(238px, 74.419vw, 572px);
    max-width: 100%;
    margin: 0 auto;
  }

  .page-suppliers__descr {
    background-color: #fff;
    border-radius: clamp(18px, 5.581vw, 43px);
    padding: clamp(15px, 4.651vw, 36px) clamp(18px, 5.581vw, 43px) clamp(16px, 4.884vw, 38px) clamp(18px, 5.581vw, 43px);
    margin-bottom: clamp(12px, 3.721vw, 29px);
    width: 100%;
  }

  .page-suppliers__post {
    font-size: clamp(11px, 3.256vw, 25px);
    font-weight: 400;
    margin-bottom: clamp(6px, 1.860vw, 14px);
  }

  .page-suppliers__name {
    font-size: clamp(18px, 5.581vw, 43px);
    font-weight: 600;
    margin-bottom: clamp(4px, 1.395vw, 11px);
  }

  .page-suppliers__responsible {
    font-size: clamp(13px, 4.186vw, 32px);
    margin-bottom: clamp(15px, 4.651vw, 36px);
    font-weight: 500;
  }

  .page-suppliers__text ul li a {
    font-size: clamp(12px, 3.721vw, 29px);
    color: #1F8FF1;
  }

  .page-suppliers__text ul li a[href^="mailto:"] {
    color: #353535;
    text-decoration: underline;
  }

  .page-suppliers__text ul li:not(:last-child) {
    margin-bottom: clamp(8px, 2.558vw, 20px);
  }

  .page-suppliers__downloads {
    background-color: #FFFFFF;
    border-radius: clamp(18px, 5.581vw, 43px);
    padding: clamp(14px, 4.419vw, 34px) clamp(18px, 5.581vw, 43px) clamp(16px, 4.884vw, 38px) clamp(18px, 5.581vw, 43px);
    margin-bottom: clamp(12px, 3.721vw, 29px);
  }

  .page-suppliers__downloads h3 {
    font-size: clamp(13px, 4.186vw, 32px);
    font-weight: 600;
    margin-bottom: clamp(18px, 5.581vw, 43px);
    text-align: center;
  }

  .page-suppliers__downloads ul li:not(:last-child) {
    margin-bottom: clamp(8px, 2.558vw, 20px);
  }

  .page-suppliers__downloads ul li a {
    font-size: clamp(12px, 3.721vw, 29px);
  }

  .page-suppliers__downloads ul li a svg {
    width: clamp(16px, 5.116vw, 39px);
    max-width: clamp(16px, 5.116vw, 39px);
    min-width: clamp(16px, 5.116vw, 39px);
    margin-right: clamp(6px, 1.860vw, 14px);
  }

  .page-suppliers__body {
    background-color: #FFFFFF;
    border-radius: clamp(18px, 5.581vw, 43px);
    padding: clamp(14px, 4.419vw, 34px) clamp(18px, 5.581vw, 43px) clamp(16px, 4.884vw, 38px) clamp(18px, 5.581vw, 43px);
  }

  .page-suppliers__body h3 {
    font-size: clamp(13px, 4.186vw, 32px);
    font-weight: 600;
    margin-bottom: clamp(18px, 5.581vw, 43px);
    text-align: center;
    padding: 0;
  }

  .page-suppliers__body ul {
    padding-left: clamp(12px, 3.721vw, 29px);
  }

  .page-suppliers__body ul li:not(:last-child) {
    margin-bottom: clamp(8px, 2.558vw, 20px);
    font-size: clamp(12px, 3.721vw, 29px);
  }

  .page-suppliers__body ul li {
    margin-bottom: clamp(8px, 2.558vw, 20px);
    font-size: clamp(12px, 3.721vw, 29px);
  }

  /* card-page-contacts in suppliers tabs body */
  .page-suppliers-tabs__body .card-page-contacts {
    background-color: #fff;
    margin-top: clamp(12px, 3.721vw, 29px);
    flex-direction: column;
    justify-content: flex-start;
    border-radius: clamp(18px, 5.581vw, 43px);
    padding: clamp(17px, 5.349vw, 41px) clamp(18px, 5.581vw, 43px) clamp(16px, 4.884vw, 38px) clamp(18px, 5.581vw, 43px);
  }

  .page-suppliers-tabs__body .card-page-contacts__title {
    display: block;
    line-height: 1;
    color: #353535;
    font-size: clamp(13px, 4.186vw, 32px);
    font-weight: 600;
    margin-bottom: clamp(20px, 6.512vw, 50px);
  }

  .page-suppliers-tabs__body .card-page-contacts__see {
    display: inline-flex;
    border: 2px solid #ff5f42;
    color: #ff5f42;
    font-weight: 600;
    padding: 8px 8px;
    border-radius: 100px;
    flex: 0 1 calc(50% - 8px);
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: clamp(12px, 3.721vw, 29px);
  }

  .page-suppliers-tabs__body .card-page-contacts__btns {
    width: 100%;
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    gap: 16px;
  }

  .page-suppliers-tabs__body .card-page-contacts__download {
    padding: 10px 10px;
    flex: 0 1 calc(50% - 8px);
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-weight: 600;
    font-size: clamp(12px, 3.721vw, 29px);
  }

  .page-suppliers-tabs__body .card-page-contacts__download svg path {
    fill: #fff;
  }

  .requisites-text-extra {
    display: none;
  }

  .page-suppliers {
    padding-bottom: clamp(42px, 13.023vw, 100px);
  }

  .callback-banner__info {
    margin-bottom: 251px;
  }
}

/* Global fix for layout shift when popups open */
html {
  scrollbar-gutter: stable;
}

html.lock {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Hide scrollbar for news popup */
.popup-news,
.popup-news .popup__content {
  scrollbar-width: none;
}

.popup-news::-webkit-scrollbar,
.popup-news .popup__content::-webkit-scrollbar {
  display: none;
}

.item-page-catalog {
  display: flex !important;
  flex-direction: column !important;
}

.item-page-catalog__top {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.item-page-catalog__items {
  flex-grow: 1 !important;
}



/* ╨б╨║╤А╤Л╤В╨╕╨╡ ╤Б╤В╨░╨╜╨┤╨░╤А╤В╨╜╤Л╤Е ╤В╨╡╨║╤Б╤В╨╛╨▓╤Л╤Е ╨╛╤И╨╕╨▒╨╛╨║ Contact Form 7 */
.wpcf7 form .wpcf7-not-valid-tip,
.wpcf7 form .wpcf7-response-output {
  display: none !important;
}

/* ╨Р╨╜╨╕╨╝╨░╤Ж╨╕╤П ╨╝╨╕╨│╨░╨╜╨╕╤П ╨┤╨╗╤П ╤В╨╡╨║╤Б╤В╨╛╨▓╤Л╤Е ╨┐╨╛╨╗╨╡╨╣ */
@keyframes errorFlashInput {

  0%,
  20% {
    box-shadow: 0 0 10px rgba(255, 95, 66, 0.8), inset 0 0 10px rgba(255, 95, 66, 0.5);
  }

  100% {
    box-shadow: none;
  }
}

/* ╨Р╨╜╨╕╨╝╨░╤Ж╨╕╤П ╨╝╨╕╨│╨░╨╜╨╕╤П ╨┤╨╗╤П ╤З╨╡╨║╨▒╨╛╨║╤Б╨╛╨▓ */
@keyframes errorFlashCheckmark {

  0%,
  20% {
    border-color: #ff5f42;
    box-shadow: 0 0 10px rgba(255, 95, 66, 0.8);
  }

  100% {
    border-color: rgba(255, 255, 255, 0.7);
    box-shadow: none;
  }
}

/* ╨Я╤А╨╕╨╝╨╡╨╜╨╡╨╜╨╕╨╡ ╨░╨╜╨╕╨╝╨░╤Ж╨╕╨╕ ╨║ ╨╜╨╡╨▓╨░╨╗╨╕╨┤╨╜╤Л╨╝ ╨┐╨╛╨╗╤П╨╝ */
.wpcf7 form input.wpcf7-not-valid,
.wpcf7 form textarea.wpcf7-not-valid,
.wpcf7 form select.wpcf7-not-valid {
  animation: errorFlashInput 2s ease-out !important;
}

.wpcf7 form .form__checkbox input.wpcf7-not-valid~.checkmark {
  animation: errorFlashCheckmark 2s ease-out !important;
}

.page-product__title {
  display: flex !important;
  align-items: flex-start !important;
}

.other-page-product {
  background-color: #fff;
  padding: 7.291667vw 0px 6.770833vw 0px;
  /* 140px / 130px @ 1920px */
  text-align: center;
}

.other-page-product__title {
  text-align: left;
  margin: 0px 0px 2.447917vw 0px;
  /* 47px @ 1920px */
}

.other-page-product__title h2 {
  font-family: Montserrat;
  font-size: 1.875vw;
  /* 36px @ 1920px */
  font-weight: 600;
}

.other-page-product__items {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  margin: -0.416667vw -0.416667vw 2.083333vw -0.416667vw;
  /* -8px / 40px @ 1920px */
}

.other-page-product__items .page-catalog__item {
  background-color: #eff0ef;
  flex: 0 1 calc(25% - 0.833333vw);
  /* 16px @ 1920px */
  margin: 0.416667vw !important;
  /* 8px @ 1920px */
  transition: none !important;
  animation: none !important;
}

.other-page-product__more .loadMoreBtn {
  background-color: #eff0ef;
  padding: 0 1.25vw;
  /* 12px / 24px @ 1920px */
  border-radius: 100px;
  font-family: Inter;
  font-size: 0.833333vw;
  /* 16px @ 1920px */
  font-weight: 700;
  color: #353535;
  transition: all 0.3s ease 0s;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 2.5vw;
}

.other-page-product__more .loadMoreBtn:hover {
  transform: translateY(-0.104167vw);
  /* 2px @ 1920px */
}

/* Fluid card styles inside other-page-product (1920px reference) */
.other-page-product__items .item-page-catalog {
  padding: 3.177083vw 1.666667vw 1.458333vw 1.666667vw;
  border-radius: 2.083333vw;
}

.other-page-product__items .item-page-catalog__compare {
  width: 1.822917vw;
  height: 1.822917vw;
  top: 1.71875vw;
  right: 1.302083vw;
}

.other-page-product__items .item-page-catalog__title {
  font-size: 1.666667vw;
  margin: 0px 0px 0.729167vw 0px;
}

.other-page-product__items .item-page-catalog__heading {
  font-size: 0.833333vw;
  margin: 0px 0px 0.46875vw 0px;
}

.other-page-product__items .item-page-catalog__text {
  font-size: 0.833333vw;
  margin: 0px 0px 3.020833vw 0px;
}

.other-page-product__items .item-page-catalog__text p:not(:last-child) {
  margin: 0px 0px 0.416667vw 0px;
}

.other-page-product__items .item-page-catalog__items {
  margin: 0px 0px 3.333333vw 0px;
  line-height: 0.885417vw;
}

.other-page-product__items .item-page-catalog__item {
  padding: 0.416667vw 0px;
  font-size: 0.729167vw;
}

.other-page-product__items .item-page-catalog__icon {
  flex: 0 0 1.25vw;
  width: 1.25vw;
  height: 1.25vw;
  margin: 0px 0.416667vw 0px 0px;
}

.other-page-product__items .item-page-catalog__more {
  font-size: 0.833333vw;
  padding: 0 0.416667vw;
  margin-right: 0.416667vw;
  border: 0.154167vw solid #ff5f42;
  height: 2.239583vw;
}

.other-page-product__items .item-page-catalog__price {
  font-size: 0.833333vw;
  padding: 0 0.416667vw;
  height: 2.239583vw;
}


@media (max-width: 768px) {
  .page-product__title.page-product__title-mobile-hidden {
    display: none !important;
  }
}

.page-product__title-label {
  color: #3F9FE3 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.833333vw;
  line-height: 1 !important;
  margin-left: 0.520833vw;
  margin-top: 0.364583vw;
  /* ╨Ъ╨╛╤А╤А╨╡╨║╤В╨╕╤А╨╛╨▓╨║╨░ ╨┤╨╗╤П ╨▓╨╕╨╖╤Г╨░╨╗╤М╨╜╨╛╨│╨╛ ╨▓╤Л╤А╨░╨▓╨╜╨╕╨▓╨░╨╜╨╕╤П ╨┐╨╛ ╨▓╨╡╤А╤Е╤Г ╤И╤А╨╕╤Д╤В╨░ h1 */
}

@media (max-width: 768px) {
  .page-product__title-label {
    margin-left: 0 !important;
    margin-top: 0;
    margin-bottom: 0.465116vw;
    font-size: 3.255814vw;
    /* ╨Ф╨╛╨▒╨░╨▓╨╕╨╗ ╨╛╤В╤Б╤В╤Г╨┐ ╤Б╨╜╨╕╨╖╤Г, ╤В╨░╨║ ╨║╨░╨║ ╤В╨╡╨┐╨╡╤А╤М ╨╛╨╜ ╤Б╨▓╨╡╤А╤Е╤Г h1 */
  }

  .wrap-page-product__txt {
    line-height: 1.2;
    padding-right: 18.604651vw;
  }

  .wrap-page-product__icon {
    width: 7.44186vw;
    height: 5.581395vw;
    flex: 0 0 7.44186vw;
    margin-right: 1.860465vw;
    padding-left: 1.860465vw;
    box-sizing: border-box;
  }

  .wrap-page-product__item {
    border-bottom: 1px solid #CDCDCD;
    padding-bottom: 1.860465vw;
    margin: 0px 9.302326vw 1.860465vw 0px;
  }

  .wrap-page-product__item:last-child {
    margin-bottom: 0;
  }

  .page-product__mobitems--desktop {
    display: none !important;
  }

  .page-product__mobitems--mobile {
    padding: 0px;
    max-width: 80%;
    height: 60vw;
    overflow: hidden;
  }

  .page-product__mobitems--mobile .wrap-page-product__item>* {
    position: relative;
    z-index: 2;
  }

  .page-product__wrap {
    z-index: 2;
  }

  .wrap-page-product__img {
    transform: translate(15.348837vw, -95.813953vw);
    z-index: 1;
    max-width: 72.325581vw;
    width: 69%;
    bottom: auto;
    overflow: visible;
    margin-top: 0;
    top: 0;
    pointer-events: none;
  }

  .wrap-page-product__img img {
    transform: translate(0px, 0px);
  }

  .wrap-page-product__items {
    margin: 0px 0px 12.674419vw 3.72093vw;
  }

  .wrap-page-product__text-cut {
    font-size: 3.72093vw;
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    max-height: none !important;
  }

  .wrap-page-product__more-btn {
    display: none !important;
  }

  .wrap-page-product__text {
    max-width: 100% !important;
    width: 100%;
    margin-bottom: 0px;
  }

  .page-product {
    padding-bottom: 4.9vw;
  }

  .wrap-page-product__bottom {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background-color: #fff !important;
    z-index: 1000 !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 3.72093vw !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    box-shadow: 0px -0.930233vw 3.488372vw rgba(0, 0, 0, 0.05);
    gap: 2.325581vw;
    transition: transform 0.3s ease-in-out !important;
  }

  .wrap-page-product__bottom.is-hidden {
    transform: translateY(100%) !important;
  }

  .wrap-page-product__mail,
  .wrap-page-product__pasp {
    margin: 0 !important;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .wrap-page-product__mail {
    padding: 3.255814vw;
    font-size: 3.72093vw;
  }

  .wrap-page-product__pasp {
    padding: 2.55814vw 3.255814vw;
    font-size: 3.72093vw;
    border: 0.665116vw solid var(--accent-red);
  }

  .wrap-page-product__bottom .btn:hover,
  .wrap-page-product__bottom .btn:active {
    transform: none !important;
    background-color: #FF5F42 !important;
  }

  .wrap-page-product__bottom .wrap-page-product__pasp:hover,
  .wrap-page-product__bottom .wrap-page-product__pasp:active {
    transform: none !important;
    background-color: #fff !important;
    color: var(--accent-red) !important;
  }

  .characters-page-product__body ul li p span {
    font-family: Inter;
    font-size: 3.72093vw;
    color: #464646;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0.465116vw;
    margin-right: 3.488372vw;
  }

  .page-product__body {
    margin-bottom: 6.511628vw;
  }

  .other-page-product {
    background-color: #eff0ef;
    padding-top: 26.046512vw;
    padding-bottom: 6.976744vw;
  }

  .other-page-product__title {
    margin: 0px 0px 6.27907vw 0px;
  }

  .other-page-product__title h2 {
    font-family: Inter;
    font-size: 5.581395vw;
    line-height: 6.139535vw;
  }

  .other-page-product__items {
    margin: -1.860465vw -1.860465vw 1.627907vw -1.860465vw;
  }

  .other-page-product__items .page-catalog__item {
    background-color: #ffffff;
    flex: 0 1 calc(100% - 3.72093vw) !important;
    margin: 1.860465vw !important;
  }

  .other-page-product__items .page-catalog__item:nth-child(-n+4) {
    padding-top: 6.976744vw;
  }

  /* Fluid card styles inside other-page-product on mobile (430px reference) */
  .other-page-product__items .item-page-catalog {
    padding: 5.581395vw 3.72093vw 3.72093vw 3.72093vw;
    border-radius: 5.581395vw;
  }

  .other-page-product__items .item-page-catalog__compare {
    width: 6.27907vw;
    height: 6.27907vw;
    top: 4.651163vw;
    right: 4.651163vw;
  }

  .other-page-product__items .item-page-catalog__title {
    font-size: 5.581395vw;
    margin: 0px 0px 1.860465vw 0px;
  }

  .other-page-product__items .item-page-catalog__heading {
    font-size: 3.72093vw;
    margin: 0px 0px 2.093023vw 0px;
  }

  .other-page-product__items .item-page-catalog__text {
    font-size: 3.72093vw;
    margin: 0px 0px 3.255814vw 0px;
  }

  .other-page-product__items .item-page-catalog__text p:not(:last-child) {
    margin: 0px 0px 1.860465vw 0px;
  }

  .other-page-product__items .item-page-catalog__items {
    margin: 0px 0px 5.581395vw 0px;
    line-height: 3.953488vw;
  }

  .other-page-product__items .item-page-catalog__item {
    padding: 1.744186vw 0px 1.744186vw 1.395349vw;
    font-size: 3.255814vw;
  }

  .other-page-product__items .item-page-catalog__icon {
    flex: 0 0 5.581395vw;
    width: 5.581395vw;
    height: 5.581395vw;
    margin: 0px 1.860465vw 0px 0px;
  }

  .other-page-product__items .item-page-catalog__more {
    font-size: 3.72093vw;
    padding: 0 1.860465vw;
    margin-right: 1.860465vw;
    border: 0.665116vw solid #ff5f42;
    height: 10vw;
  }

  .other-page-product__items .item-page-catalog__price {
    font-size: 3.72093vw;
    padding: 0 1.860466vw;
    height: 10vw;
  }

  .other-page-product__more {
    display: flex;
    justify-content: center;
    margin-top: 3.72093vw;
  }

  .other-page-product__more .loadMoreBtn,
  .other-page-product__more button,
  .other-page-product__more a,
  .other-page-product__more .alm-load-more-btn {
    border: none;
    cursor: pointer;
    background-color: #ffffff;
    padding: 0 5.581395vw;
    font-size: 3.72093vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    height: 11.16279vw;
    border-radius: 23.255814vw;
    /* Equivalent to 100px border radius on 430px base */
    color: #353535;
    text-decoration: none;
  }

  .callback {
    background-color: transparent;
    padding-left: 0;
    padding-top: 21.395349vw;
    padding-bottom: 7.44vw;
  }

  .callback-banner {
    position: relative;
    padding: 13.953488vw 5.581395vw 5.581395vw 5.581395vw;
    width: 100%;
    float: none;
    height: auto;
    clip-path: none;
    border-radius: 5.581395vw 0px 0px 5.581395vw;
    margin-left: 7.44186vw;
    background: linear-gradient(125deg, #46A0D7 10%, #1b1b4b 110%);
  }

  .callback-banner__machine {
    display: flex;
    position: absolute;
    width: 220%;
    left: -91.860465vw;
    right: 0px;
    bottom: 0;
    top: 0;
    z-index: 0;
    margin-bottom: 80.395349vw;
  }

  .callback-banner__machine img {
    padding-right: 0;
  }

  .callback-banner__machine-mob {
    display: none;
  }

  .callback-banner__grid {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-left: 0;
  }

  .callback-banner__info {
    margin-bottom: 58.372093vw;
  }

  .callback-banner__title {
    font-weight: 900;
    font-size: 5.581395vw;
    line-height: 6.139535vw;
    margin-bottom: 2.790698vw;
  }

  .callback-banner__subtitle {
    font-size: 3.72093vw;
    line-height: 5.581395vw;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    padding-right: 13.953488vw;
  }

  .callback-banner__subtitle b {
    font-weight: 700;
    color: #ffffff;
  }

  .callback-banner__form-col {
    padding-top: 0;
    padding-right: 0;
    margin-left: 0;
  }

  .callback-banner-form {
    width: 100%;
    gap: 3.72093vw;
  }

  .callback-banner-form__input {
    width: 100%;
    max-width: 100%;
    border-radius: 23.255814vw;
  }

  .callback-banner-form__input .wpcf7-not-valid-tip {
    font-size: 2.790698vw;
    bottom: -3.255814vw;
    left: 0;
  }

  .callback-banner__input {
    height: 11.860465vw;
    font-size: 3.72093vw;
    padding: 2.790698vw 5.581395vw;
    border-radius: 23.255814vw;
  }

  .callback-banner-form__btn {
    width: 100%;
    height: 11.860465vw;
    font-size: 3.72093vw;
    border-radius: 23.255814vw;
    line-height: 1;
  }

  .callback-banner-form__btn:hover {
    transform: none;
  }

  .callback-banner-form__check label {
    font-size: 2.79vw;
    line-height: 1.1;
    gap: 2.32vw;
    padding-left: 0;
  }

  .callback-banner-form__check input+span {
    padding: 0px 0px 0px 7.906977vw;
  }

  .callback-banner-form__check input+span::before {
    width: 5.581395vw;
    height: 5.581395vw;
  }

  .callback-banner__checkmark {
    width: 5.581395vw;
    height: 5.581395vw;
    min-width: 5.581395vw;
  }

  .callback-banner-form__check input:checked+.callback-banner__checkmark::after {
    width: 1.395349vw;
    height: 2.325581vw;
    transform: rotate(45deg) translateY(-0.232558vw);
  }

  /* Mobile overrides to preserve original 430px design from desktop vw conversions */
  .page-product__body {
    gap: 3.72093vw;
  }

  .page-product-block {
    font-size: 3.72093vw;
  }

  .page-product-block:not(:last-child) {
    margin: 0px 0px 3.72093vw 0px;
  }

  ._page-product-heading {
    font-size: 5.581395vw;
    margin: 0px 0px 6.046512vw 0px;
  }

  .wrap-page-product__text {
    font-size: 3.255814vw;
  }

  .wrap-page-product__txt {
    font-size: 3.255814vw;
  }

  .wrap-page-product__item:not(:last-child) {
    margin-bottom: 1.860465vw;
  }

  .wrap-page-product__img {
    border-radius: 0px 0px 9.302326vw 0px;
  }

  .wrap-page-product__pasp span {
    margin: 0px 1.395349vw 0px 0px;
  }
}

@media (min-width: 769px) {
  .page-product__mobitems--mobile {
    display: none !important;
  }
}



/* ==========================================================================
   MOBILE HERO FLUID RESPONSIVE (768px - 0px, 430px BASELINE SCALING)
   ========================================================================== */

@media (max-width: 768px) {

  .hero {
    position: relative !important;
    height: 100vh !important;
    min-height: 100vh !important;
    height: 100svh !important;
    min-height: 100svh !important;
    overflow: visible !important;
    padding-top: 22.7907vw !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
  }

  .hero__right,
  .hero__rd-frame,
  .hero__rd-topline {
    display: none !important;
  }

  .hero__container {
    height: 100% !important;
    min-height: 100% !important;
    padding: 0 3.7209vw calc(3.7209vw + env(safe-area-inset-bottom, 0px)) 3.7209vw !important;
    overflow: visible !important;
    z-index: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    gap: 0 !important;
    box-sizing: border-box !important;
  }

  .hero__left {
    max-width: 100% !important;
    width: 100% !important;
  }

  .hero__title {
    font-size: 9.3023vw !important;
    margin-top: 1.1628vw !important;
    font-weight: 900 !important;
    line-height: 10.2326vw !important;
    text-align: center !important;
  }

  /* Video & Overlay (Video untouched) */
  .hero__video-bg {
    overflow: hidden !important;
  }

  .hero__video {
    display: none !important;
  }

  .hero__video-mob {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    opacity: 1;
    filter: brightness(1.15);
  }

  /* Для вытянутых экранов (от 340x700 и более узких/высоких) центрируем по вертикали */
  @media (max-aspect-ratio: 340/700) {
    .hero__video-mob {
      top: 50% !important;
      transform: translateY(-50%) !important;
    }
  }

  .hero__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40vh;
    background: linear-gradient(to top, #1f245d 0%, rgba(31, 36, 93, 0.6) 40%, transparent 100%);
    pointer-events: none;
    z-index: 2;
  }

  .mobile-menu-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11.16vw;
    height: 11.16vw;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: rgba(65, 65, 65, 0.45);
    transition: all 0.3s ease;
    align-self: flex-start;
    backdrop-filter: blur(2.5px) saturate(100%);
    box-shadow: inset 1px 1px 7px 0.75px rgba(255, 255, 255, 0.18), inset -1px -1px 7px 0px rgba(255, 255, 255, 0.18);
  }

  .mobile-menu-close::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 0.7px;
    pointer-events: none;
    opacity: 0.7;
    background: linear-gradient(155deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

  }

  .mobile-menu-close .mobile-menu-control-icon {
    width: 5.5814vw;
    height: 5.5814vw;
  }

  .mobile-menu-close .mobile-menu-control-icon svg {
    width: 100%;
    height: 100%;
  }

  .stats__item:nth-child(1) .stats__label {
    font-size: 4vw;
    line-height: 0.95;
    padding-bottom: 0.15vw;
  }

  .stats__item:nth-child(1) .stats__number[data-len="2"] {
    font-size: 18vw;
    line-height: 0.7;
    padding-bottom: 0.15vw;
  }

  .stats__item:nth-child(2) .stats__number {
    font-size: 16.45vw;
  }

  .stats__row .stats__icon {
    flex: 0 0 5.35vw;
  }

  .stats__item:nth-child(2) .stats__icon--large img {
    width: 18.6vw;
  }



  /* Mobile CTA Block */
  .hero__mobile-cta {
    display: flex !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    bottom: calc(3.7209vw + env(safe-area-inset-bottom, 0px)) !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    backdrop-filter: blur(3.6744vw) !important;
    -webkit-backdrop-filter: blur(3.6744vw) !important;
    background: rgba(101, 101, 101, 0.1) !important;
    min-height: auto !important;
    flex-direction: column !important;
    align-items: center !important;
    border-radius: 9.3023vw !important;
    padding: 6.0465vw 5.5814vw 5.5814vw 5.5814vw !important;
    flex: 0 0 auto !important;
    z-index: 100 !important;
  }

  .btn>svg {
    margin-left: 1.39vw;
  }

  .hero__mobile-cta::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background: rgba(101, 101, 101, 0.1) !important;
    -webkit-backdrop-filter: blur(1.0465vw) saturate(130%) !important;
    backdrop-filter: blur(0.5814vw) saturate(100%) !important;
    box-shadow: inset 0.4651vw 0.4651vw 2.3721vw 0px rgba(156, 156, 156, 0.1), inset -1.1628vw -0.9302vw 2.3256vw 0px rgba(233, 233, 233, 0.1) !important;
    z-index: -1 !important;
  }

  .hero__mobile-cta::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    padding: 0.1628vw !important;
    pointer-events: none !important;
    opacity: 0.7 !important;
    background: linear-gradient(155deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%) !important;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
  }

  .hero__mobile-links {
    display: flex !important;
    justify-content: space-between !important;
    gap: 0 !important;
    padding: 0 3.7209vw !important;
    width: 100% !important;
    margin: 0px 0px 5.1163vw 0px !important;
    align-items: center !important;
    font-weight: 700 !important;
    flex-wrap: nowrap !important;
    box-sizing: border-box !important;
  }

  .hero__mobile-link {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 3.7209vw !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-underline-offset: 0.3721vw !important;
    transition: all var(--transition-base) !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    font-family: var(--font-primary) !important;
    border-bottom: 0.2326vw solid rgba(255, 255, 255, 0.4) !important;
    padding-bottom: 0.4651vw !important;
  }

  .hero__mobile-link:hover {
    opacity: 0.8 !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border-bottom: 0.2326vw solid rgba(255, 255, 255, 0.4) !important;
  }

  .hero__mobile-btn {
    width: 100% !important;
    padding: 2.7907vw 4.6512vw !important;
    background: linear-gradient(135deg, #ff6b4a, #ff5f42) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: 11.6279vw !important;
    font-size: 4.6512vw !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all var(--transition-base) !important;
    max-width: none !important;
    font-family: var(--font-primary) !important;
    letter-spacing: 0.01em !important;
    min-height: 13.0233vw !important;
  }

  .hero__mobile-btn:hover {
    box-shadow: 0 1.3953vw 5.5814vw rgba(255, 95, 66, 0.45) !important;
  }

  .about-stats {
    position: relative;
    overflow: visible;
    padding: 26.05vw 3.72vw 0 3.72vw;
    z-index: 2;
  }

  .laboratory--with-bg {
    position: relative;
    padding: 24.65vw 3.72vw 29.3vw;
    height: auto;
    background-image: none !important;
  }

  .support {
    position: relative;
    padding: 24.65vw 3.72vw 7.44vw;
    height: auto;
  }

  .contact-form {
    position: relative;
    padding: 24.65vw 3.72vw 14vw;
    height: auto;
  }

  .news {
    position: relative;
    padding: 12vw 3.72vw 7.44vw;
    height: auto;
  }



  .contact-form__wrapper {
    transform: translateY(13vw);
    width: 100%;
    margin: 0;
    border-radius: 9.3vw;
    box-shadow: inset -1.16vw -0.9vw 2.32vw 0 #E9E9E91A, inset 0.47vw 0.47vw 2.38vw 0 #9C9C9C1A;
    padding: 8.14vw 5.58vw 5.58vw;
    gap: 9.3vw;
  }

  .contact-form .section__title {
    font-size: 5.58vw;
    margin-bottom: -1vw;
  }

  .news__header .section__title {
    margin-bottom: 7.43vw;
  }

  .laboratory__bg-mobile {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
  }

  .laboratory__bg-sticky {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .laboratory__bg-img-mobile {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
  }

}

.compounds .container {
  width: 100%;
  max-width: none;
  margin-left: none;
  margin-right: none;
}

.page-shop-hero .container {
  width: 100%;
  max-width: none;
  margin-left: none;
  margin-right: none;
}

.about .container {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: none;
  margin-left: none;
  margin-right: none;
}

.about-stats .container {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: none;
  margin-left: none;
  margin-right: none;
}

.laboratory--with-bg .container {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: none;
  margin-left: none;
  margin-right: none;
}

/* Responsive polyolefin description (Desktop inline vs Mobile list <= 768px) */
.polyolefin-desc__mobile-colon,
.polyolefin-desc__mobile-list {
  display: none !important;
}

.polyolefin-desc__desktop {
  display: inline !important;
}

@media (max-width: 768px) {
  .polyolefin-desc__desktop {
    display: none !important;
  }

  .polyolefin-desc__mobile-colon {
    display: inline !important;
  }

  .polyolefin-desc__mobile-list {
    display: block !important;
    margin-top: 2.33vw;
    padding-left: 6vw;
  }

  .polyolefin-desc__mobile-list li {
    list-style-type: disc;
    color: #4D96D2;
    margin-bottom: 1.9vw;
    font-weight: 700;
  }
}

/* ==================== LABORATORY: MIX-BLEND BACKDROP FIX ==================== */
/* Keep the laboratory card visuals unchanged, but remove the stacking contexts
   that prevented .lab-card__icon img from blending with the section background. */
.laboratory--with-bg .container {
  z-index: auto;
}

.laboratory__grid>.lab-card:not(.lab-card--cta) {
  background-color: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  top: 3.125vw;
  transform: none;
}

.laboratory__grid>.lab-card:not(.lab-card--cta)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background-color: hsla(0deg, 0%, 100%, 0.15);
  -webkit-backdrop-filter: blur(15px) saturate(120%);
  backdrop-filter: blur(15px) saturate(120%);
  box-shadow: inset -0.2604vw -0.2083vw 0.5208vw 0 #E9E9E91A,
    inset 0.1042vw 0.1042vw 0.53125vw 0 #9C9C9C1A;
  z-index: 0;
}

/* ::before is the glass layer; real card content stays above it with z-index: 1,
   so the luminosity image can still blend with the laboratory background. */
.laboratory__grid>.lab-card:not(.lab-card--cta)>* {
  position: relative;
  z-index: 1;
}

/* Fast opacity transition (0.15s) so backdrop-filter blur is actively rendered and visible
   throughout the entire slide-up motion (0.75s) */
.laboratory__grid>.lab-card.animate-on-scroll {
  transform: none;
  transition: opacity 0.4s ease-out,
    top 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}

.laboratory__grid>.lab-card.animated {
  animation: none;
  opacity: 1;
  top: 0;
  transform: none;
}

.laboratory__grid>.lab-card:nth-child(1) {
  transition-delay: 0.1s;
}

.laboratory__grid>.lab-card:nth-child(2) {
  transition-delay: 0.25s;
}

.laboratory__grid>.lab-card:nth-child(3) {
  transition-delay: 0.4s;
}

.laboratory__grid>.lab-card:nth-child(4) {
  transition-delay: 0.55s;
}

@media (max-width: 768px) {
  .laboratory__grid>.lab-card {
    top: 9.3vw;
    transform: none;
    transition-delay: 0s !important;
  }

  .laboratory__grid>.lab-card:not(.lab-card--cta)::before {
    background-color: hsla(0deg, 0%, 100%, 0.15);
    -webkit-backdrop-filter: blur(15px) saturate(120%);
    backdrop-filter: blur(15px) saturate(120%);
    box-shadow: inset -1.16vw -0.9vw 2.32vw 0 #E9E9E91A, inset 0.47vw 0.47vw 2.38vw 0 #9C9C9C1A;
    z-index: 0;
  }

  .laboratory__grid>.lab-card.animated {
    top: 0;
    transform: none;
  }

  .section__title {
    font-size: 5.58vw;
    margin-bottom: 4.65vw;
  }
}

/* ==========================================================================
   Desktop vs Mobile Toggles for Hero and Laboratory Subtitle
   ========================================================================== */
.hero__rd-text-40149--mobile,
.laboratory__subtitle--mobile {
  display: none !important;
}

.form__group.callback-banner-form__check {
  margin-top: 1.75vw;
}

.contact-form__wrapper .callback-banner-form__check label {
  padding-left: 0;
}

.contact-form__wrapper .callback-banner-form__check input+span {
  padding-left: 2.08vw;
  font-size: 0.62vw;
  line-height: 116%;
  color: rgba(255, 255, 255, 0.6);
}

.contact-form__wrapper .callback-banner-form__check label a {
  font-weight: 400;
  color: #4ab8fc !important;
  text-decoration: none !important;
}

.contact-form__wrapper .callback-banner-form__check label a:hover {
  color: #6bb6f5 !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {

  .hero__rd-text-40149--desktop,
  .laboratory__subtitle--desktop {
    display: none !important;
  }

  .btn--large {
    padding: 3.72vw;
    font-size: 3.72vw;
    margin-top: 5vw;
    height: 11.86vw;
  }

  .contact-form__messengers {
    gap: 1.86vw;
  }

  .form__group.callback-banner-form__check {
    margin-top: 7.5vw;
  }

  .contact-form__wrapper .callback-banner-form__check input+span {
    padding-left: 9vw;
    font-size: 2.72vw;
  }

  .contact-form__or-text {
    font-size: 3.72vw;
  }

  .contact-form .form__textarea {
    font-size: 3.72vw;
    padding: 3.5vw 5.58vw;
    min-height: 11.8vw !important;
    height: 11.8vw;
    border-radius: 6.1vw;
    line-height: 1.4;
    resize: none !important;
    overflow-y: hidden;
    box-sizing: border-box;
  }

  .hero__rd-text-40149--mobile,
  .laboratory__subtitle--mobile {
    display: block !important;
  }

  .hero__rd-text-40149--mobile,
  .laboratory__subtitle--mobile {
    font-family: 'Inter', sans-serif;
    font-size: 3.72vw !important;
    line-height: 150% !important;
    font-weight: 300;
    color: #FFFFFF;
    margin: 0;
  }

  /* Стилизация маркированных списков (буллитов) */
  .hero__rd-text-40149--mobile ul,
  .laboratory__subtitle--mobile ul {
    margin: 0 0 1.72vw 0;
    padding-left: 5.58vw;
    list-style-type: disc;
  }

  .hero__rd-text-40149--mobile li,
  .laboratory__subtitle--mobile li {
    font-weight: 700;
    color: #FFFFFF;
  }

  .hero__rd-text-40149--mobile li:last-child,
  .laboratory__subtitle--mobile li:last-child {
    margin-bottom: 0;
  }

  .hero__rd-text-40149--mobile p,
  .laboratory__subtitle--mobile p {
    margin: 0 0 2vw 0;
  }

  .hero__rd-text-40149--mobile p:last-child,
  .laboratory__subtitle--mobile p:last-child {
    margin-bottom: 0;
  }
}