@font-face {
  font-family: 'Futura';
  src: url('/fonts/FuturaCyrillicBold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Futura';
  src: url('/fonts/FuturaCyrillicMedium.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}


/* ---------- 300 Normal (Light) ---------- */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/open-sans-v40-latin-300.woff2') format('woff2'),
    url('/fonts/OpenSans-Light.ttf') format('truetype');
}

/* ---------- 300 Italic (Light Italic) ---------- */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/open-sans-v40-latin-300italic.woff2') format('woff2');
}

/* ---------- 400 Normal (Regular) ---------- */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/open-sans-v40-latin-regular.woff2') format('woff2'),
    url('/fonts/OpenSans-Regular.ttf') format('truetype');
}

/* ---------- 400 Italic (Regular Italic) ---------- */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/open-sans-v40-latin-italic.woff2') format('woff2'),
    url('/fonts/open-sans.italic.ttf') format('truetype');
}

/* ---------- 500 Normal (Medium) ---------- */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/open-sans-v40-latin-500.woff2') format('woff2'),
    url('/fonts/OpenSans-Medium.ttf') format('truetype');
}

/* ---------- 500 Italic (Medium Italic) ---------- */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/open-sans-v40-latin-500italic.woff2') format('woff2');
}

/* ---------- 600 Normal (Semibold) ---------- */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/open-sans-v40-latin-600.woff2') format('woff2'),
    url('/fonts/OpenSans-Semibold.ttf') format('truetype');
}

/* ---------- 600 Italic (Semibold Italic) ---------- */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/open-sans-v40-latin-600italic.woff2') format('woff2'),
    url('/fonts/open-sans.semibold-italic.ttf') format('truetype');
}

/* ---------- 700 Normal (Bold) ---------- */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/open-sans-v40-latin-700.woff2') format('woff2'),
    url('/fonts/OpenSans-Bold.ttf') format('truetype');
}

/* ---------- 700 Italic (Bold Italic) ---------- */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/open-sans-v40-latin-700italic.woff2') format('woff2'),
    url('/fonts/open-sans.bold-italic.ttf') format('truetype');
}

/* ---------- 800 Normal (ExtraBold) ---------- */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/open-sans-v40-latin-800.woff2') format('woff2'),
    url('/fonts/OpenSans-ExtraBold.ttf') format('truetype');
}

/* ---------- 800 Italic (ExtraBold Italic) ---------- */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/open-sans-v40-latin-800italic.woff2') format('woff2'),
    url('/fonts/open-sans.extrabold-italic.ttf') format('truetype');
}




@media (prefers-color-scheme: dark) {}


.site-gradient-text {
  -webkit-background-clip: text;
  -moz-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}



.mouse-color {
  --card-color: var(--global-mouse-color);
  --card-accent: var(--global-mouse-accent);
  --card-dark-accent: var(--global-mouse-dark-accent);
  --card-rgb: var(--global-mouse-rgb);
  --card-glow: var(--global-mouse-glow);
  --card-hover: var(--global-mouse-hover);
  --card-gradientStart: var(--global-mouse-gradientStart);
  --card-highlight: var(--global-mouse-highlight);
  --card-shadow-light: var(--global-mouse-shadow-light);
  --card-shadow-extra-light: var(--global-mouse-shadow-extra-light);
  --card-shadow-strong: var(--global-mouse-shadow-strong);
}

.keyboard-color {
  --card-color: var(--global-keyboard-color);
  --card-accent: var(--global-keyboard-accent);
  --card-dark-accent: var(--global-keyboard-dark-accent);
  --card-rgb: var(--global-keyboard-rgb);
  --card-glow: var(--global-keyboard-glow);
  --card-hover: var(--global-keyboard-hover);
  --card-gradientStart: var(--global-keyboard-gradientStart);
  --card-highlight: var(--global-keyboard-highlight);
  --card-shadow-light: var(--global-keyboard-shadow-light);
  --card-shadow-extra-light: var(--global-keyboard-shadow-extra-light);
  --card-shadow-strong: var(--global-keyboard-shadow-strong);
}

.monitor-color {
  --card-color: var(--global-monitor-color);
  --card-accent: var(--global-monitor-accent);
  --card-dark-accent: var(--global-monitor-dark-accent);
  --card-rgb: var(--global-monitor-rgb);
  --card-glow: var(--global-monitor-glow);
  --card-hover: var(--global-monitor-hover);
  --card-gradientStart: var(--global-monitor-gradientStart);
  --card-highlight: var(--global-monitor-highlight);
  --card-shadow-light: var(--global-monitor-shadow-light);
  --card-shadow-extra-light: var(--global-monitor-shadow-extra-light);
  --card-shadow-strong: var(--global-monitor-shadow-strong);
}

.site-color {
  --card-gradient-text: linear-gradient(to right, var(--site-start-color), var(--site-end-color));
  --card-background-gradient: linear-gradient(to right, var(--site-start-color), var(--site-end-color));

  --card-color: #394cc8;
  --card-accent: #3445b8;
  --card-dark-accent: #11163c;
  --card-hover: #27358c;
  --card-gradientStart: #1b2460;
  --card-highlight: rgba(57, 76, 200, 0.1);
  --card-glow: rgba(57, 76, 200, 0.8);
  --card-rgb: 57, 76, 200;
  --card-shadow-light: 0 4px 8px rgba(57, 76, 200, 0.2);
  --card-shadow-extra-light: 0 2px 5px rgba(57, 76, 200, 0.1);
  --card-shadow-strong: 0 6px 12px rgba(57, 76, 200, 0.4);
  --card-score-start: var(--site-color);
  --card-start-color: var(--site-color);
  --card-score-end: var(--brand-color);
  --card-end-color: var(--brand-color);
  --card-score-rgba: rgba(57, 76, 200, 1);
}

:root {

  --site-gradient-text: linear-gradient(to right, var(--site-start-color), var(--site-end-color));
  --site-background-gradient: linear-gradient(to right, var(--site-start-color), var(--site-end-color));

  --site-color: #394cc8;
  --site-accent: #3445b8;
  --site-dark-accent: #11163c;
  --site-hover: #27358c;
  --site-gradientStart: #1b2460;
  --site-highlight: rgba(57, 76, 200, 0.1);
  --site-glow: rgba(57, 76, 200, 0.8);
  --site-rgb: 57, 76, 200;
  --site-shadow-light: 0 4px 8px rgba(57, 76, 200, 0.2);
  --site-shadow-extra-light: 0 2px 5px rgba(57, 76, 200, 0.1);
  --site-shadow-strong: 0 6px 12px rgba(57, 76, 200, 0.4);
  --site-score-start: var(--site-color);
  --site-start-color: var(--site-color);
  --site-score-end: var(--brand-color);
  --site-end-color: var(--brand-color);
  --site-score-rgba: rgba(57, 76, 200, 1);


  --global-mouse-color: #00aeff;
  --global-mouse-accent: #00a0eb;
  --global-mouse-dark-accent: #1e2a44;
  --global-mouse-hover: #0077b3;
  --global-mouse-gradientStart: #00547b;
  --global-mouse-highlight: rgba(0, 174, 255, 0.1);
  --global-mouse-glow: rgba(115, 168, 225, 0.8);
  --global-mouse-rgb: 0, 174, 255;
  --global-mouse-shadow-light: 0 4px 8px rgba(115, 168, 225, 0.2);
  --global-mouse-shadow-extra-light: 0 2px 5px rgba(115, 168, 225, 0.1);
  --global-mouse-shadow-strong: 0 6px 12px rgba(0, 148, 255, 0.4);
  --global-mouse-score-start: var(--global-mouse-color);
  --global-mouse-score-end: #007faa;
  --global-mouse-score-rgba: rgba(0, 174, 255, 1);


  --global-keyboard-color: #EE8B22;
  --global-keyboard-accent: #d66e1b;
  --global-keyboard-dark-accent: #4f2f0b;
  --global-keyboard-hover: #b35a0c;
  --global-keyboard-gradientStart: #804b12;
  --global-keyboard-highlight: rgba(238, 139, 34, 0.1);
  --global-keyboard-glow: rgba(238, 139, 34, 0.8);
  --global-keyboard-rgb: 238, 139, 34;
  --global-keyboard-shadow-light: 0 4px 8px rgba(238, 139, 34, 0.2);
  --global-keyboard-shadow-extra-light: 0 2px 5px rgba(238, 139, 34, 0.1);
  --global-keyboard-shadow-strong: 0 6px 12px rgba(238, 139, 34, 0.4);
  --global-keyboard-score-start: var(--global-keyboard-color);
  --global-keyboard-score-end: #d66e1b;
  --global-keyboard-score-rgba: rgba(238, 139, 34, 1);


  --global-monitor-color: #ff69b4;
  --global-monitor-accent: #e65e9f;
  --global-monitor-dark-accent: #4d2540;
  --global-monitor-hover: #e75ba6;
  --global-monitorgradientStart: #7c3257;
  --global-monitor-highlight: rgba(255, 105, 180, 0.1);
  --global-monitor-glow: rgba(255, 105, 180, 0.8);
  --global-monitor-rgb: 255, 105, 180;
  --global-monitor-shadow-light: 0 4px 8px rgba(255, 105, 180, 0.2);
  --global-monitor-shadow-extra-light: 0 2px 5px rgba(255, 105, 180, 0.1);
  --global-monitor-shadow-strong: 0 6px 12px rgba(255, 105, 180, 0.4);
  --global-monitor-score-start: var(--global-monitor-color);
  --global-monitor-score-end: #e65e9f;
  --global-monitor-score-rgba: rgba(255, 105, 180, 1);




  --brand-color: #00aeff;
  --brand-color-rgb: 0, 174, 255;

  --brand-color-rgba: rgba(0, 174, 255, .35);
  --brand-glow: rgba(115, 168, 225, 0.8);

  --brand-accent: #00a0eb;
  --brand-accent-rgb: 3, 174, 236;

  --brand-dark-accent: #0287c5;
  --brand-dark-accent-rgb: 0, 152, 217;


  --white-color-1: #ffffff;
  --white-color-2: #dddad5;

  --grey-color-1: #cccccc;
  --grey-color-2: #bbbbbb;
  --grey-color-3: #b0b0b0;
  --grey-color-4: #909090;


  --dark-color-1: #000;


  --text-shadow-white-brand: 1px 1px 1px rgba(0, 0, 0, 0.5);
  --card-border-color: rgba(22, 24, 24, 0.2);
  --card-box-shadow-color: rgba(255, 255, 255, 0.2);

  --accent-color-1: #ffd700;
  --accent-color-2: #AAAAAA;
  --accent-color-3: #e65443;
  --accent-color-4: #e68743;
  --accent-color-5: #ffff47;
  --accent-color-border-1: #CCAC00;

  --link-color: #FFD700;

  --dot-color: #fff;
  --dot-color-rgb: 255, 255, 255;

  --card-box-shadow: 255, 255, 255, 0.1;

  --section-dusk-background-color-rgb: 37, 41, 42;

  --main-background-color: #000000;

  --text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

  --semi-transparent-black: rgba(0, 0, 0, 0.5);
  --semish-transparent-black: rgba(0, 0, 0, 0.6);
  --mid-semi-transparent-black: rgba(0, 0, 0, 0.65);
  --barely-transparent-black: rgba(0, 0, 0, .75);
  --not-transparent-black: rgba(0, 0, 0, .85);
  --black-transparent-black: rgba(0, 0, 0, .9);

  --white-black-color-1: #fff;
  --white-black-color-2: #dddad5;

  --section-lightest-background-color: #6f7b7e;
  --section-light-background-color: #4d5557;
  --section-medium-background-color: #3A3F41;
  --section-dusk-background-color: #25292a;
  --section-dusker-background-color: #2a2d2d;
  --section-dark-background-color: #1d2021;
  --section-darkest-background-color: #161718;
  --section-darkestdark-background-color: #121212;
  --section-darkestdarker-background-color: #080808;
  --main-background-color: #000000;


  /* ============================
  Review Colors
============================ */


  --overall-high-score: #00aeff;
  --overall-medium-high-score: #f1cc24;
  --overall-medium-low-score: #e67432;
  --overall-very-low-score: #e65443;
  --overall-zero-score: #515151;

  /* High score (8.0 - 10.0) */
  --high-score-start: #00aeff;
  --high-score-end: #007faa;
  --high-score-rgba: rgba(0, 174, 255, 1);

  /* Medium score (5.0 - 7.9) */
  --medium-score-start: #f1cc24;
  --medium-score-end: #f1b722;
  --medium-score-rgba: rgba(241, 204, 36, 1);

  /* Low score (3.0 - 5.9) */
  --low-score-start: #e67432;
  --low-score-end: #e68743;
  --low-score-rgba: rgba(230, 116, 50, 1);

  /* Very low score (0.0 - 2.9) */
  --very-low-score-start: #e65443;
  --very-low-score-end: #d84432;
  --very-low-score-rgba: rgba(230, 84, 67, 1);

  /* New Zero Score Variables */
  --zero-score-start: #373737;
  --zero-score-end: #373737;
  --zero-score-rgba: rgba(81, 81, 81, 1);

  /* Hump Styles */
  --hump-middle-rgba: rgba(128, 128, 128, 0.75);
  --hump-back-front-rgba: rgba(144, 238, 144, 0.75);
  --hump-back-mid-rgba: rgba(255, 192, 203, 0.75);
  --hump-back-rear-rgba: rgba(255, 99, 71, 0.75);

  /* Front Flare Styles */
  --front-flare-flat-rgba: rgba(169, 169, 169, 0.75);
  --front-flare-inward-rgba: rgba(255, 99, 71, 0.75);
  --front-flare-outward-rgba: rgba(50, 205, 50, 0.75);

  /* defulat color legends */
  --color-picker-red: #E65443;
  --color-picker-green: #01f784;
  --color-picker-blue: #00AEFF;
  --color-picker-yellow: #FFD700;
  --color-picker-magenta: #FF99CC;
  --color-picker-cyan: #00FFFF;
  --color-picker-orange: #E68743;
  --color-picker-purple: #a855f7;
  --color-picker-dark-blue: #0072C6;
  --color-picker-pink: #FFC0CB;
  --color-picker-gray: #808080;


  /* Original 8 Colors */
  --color-purple-light: #a855f7;
  --color-yellow-light: #facc15;
  --color-pink-light: #ec4899;
  --color-red-light: #ef4444;
  --color-blue-light: #3b82f6;
  --color-light-blue-light: #60a5fa;
  --color-dark-brown-light: #8b4513;
  --color-orange-light: #f97316;
  --color-white: #ffffff;


  /* Colors for Circles */
  --color-lime-light: #84cc16;
  --color-green-light: #22c55e;
  --color-emerald-light: #10b981;
  --color-teal-light: #14b8a6;
  --color-cyan-light: #06b6d4;
  --color-sky-light: #0ea5e9;
  --color-indigo-light: #6366f1;
  --color-violet-light: #8b5cf6;
  --color-fuchsia-light: #c026d3;
  --color-rose-light: #f43f5e;
  --color-amber-light: #f59e0b;
  --color-brown-light: #a0522d;
  --color-slate-light: #64748b;
  --color-stone-light: #78716c;
  --color-warm-gray-light: #78716c;
  --color-zinc-light: #71717a;
  --color-neutral-light: #737373;
  --color-gray-light: #6b7280;
  --color-olive-light: #808000;
  --color-lime-green-light: #65a30d;

  --color-black: #3A3F41;
  --color-gray: #4d5557;
  --color-red: #ef4444;
  --color-orange: #f97316;
  --color-yellow: #facc15;
  --color-green: #22c55e;
  --color-lime: #84cc16;
  --color-teal: #14b8a6;
  --color-cyan: #06b6d4;
  --color-blue: #3b82f6;
  --color-indigo: #6366f1;
  --color-purple: #a855f7;
  --color-violet: #8b5cf6;
  --color-pink: #ec4899;
  --color-fuchsia: #c026d3;
  --color-rose: #f43f5e;
  --color-brown: #8b4513;
  --color-slate: #64748b;
  --color-stone: #78716c;

  /* RGB */
  --rainbow-gradient: linear-gradient(90deg, #ff005a, #ff7300, #ffea00, #00ff87, #00eaff, #8a2be2, #ff005a);

}





/* ============================
  Font Styles
============================ */

:root {

  --identity-font: 'Open Sans', sans-serif;
  --identity-light-font: 'Open Sans Light', sans-serif;
  --logo-font1: 'Futura', sans-serif;

  --border: 0px;

  --letter-spacing-extra-tight: -2px;
  --letter-spacing-tight: -1px;
  --letter-spacing-regular: 0px;
  --letter-spacing-space: 0px;
  --letter-spacing-wide: 1.5px;

  --line-height-extra-tight: .9;
  --line-height-tight: 1;
  --line-height-regular: 1.2;
  --line-height-loose: 1.4;

  --font-weight9: 900;
  --font-weight8: 800;
  --font-weight7: 700;
  --font-weight6: 600;
  --font-weight5: 500;
  --font-weight4: 400;
  --font-weight3: 300;


  --global-mobile-width: 1050;
  --global-mobile-portriat-width: 600;


  --comp-bar: 4.5rem;
  --query-bar: 4.5rem;
  --ad-bar-H: 3rem;
  --site-width: 1275px;
  --home-width: 1075px;

  --comp-mobile-font: 1.075rem;
  --comp-desktop-font: 1.15rem;

  --query-desktop-font: 1.15rem;
  --query-mobile-font: 1.25rem;

  --small-text: .875em;
  --text: 1em;
  --big-text: 1.15em;
  --ui-elements: 1.125em;
  --title: 1.25em;
  --big-title: 2em;
  --page-title: 3.5em;
}

@media (max-width: 1150px) {
  :root {
    --comp-bar: 6rem;
    --query-bar: 3.5rem;
  }
}




/* ============================
 Typography
============================ */
h1,
h2,
h3,
h4,
h5,
h6,
p,
dd,
dt,
dl,
ul {
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-block-start: 0px;
  margin-block-end: 0px;
  padding-inline-start: 0px;
  list-style-type: none;
}

table {
  border-spacing: 0;
}

/* ============================
 Links
============================ */
a {
  text-decoration: none;
}


/* Webkit Scrollbar Styles (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--section-dusk-background-color);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--section-dark-background-color);
  border-radius: 10px;
  border: 2px solid var(--section-dusk-background-color);
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--section-medium-background-color);

}





/* 1150 - 600  @11px*/

:root {

  --ft-58-39: clamp(var(--font-size-39px), 1.661rem + 3.455vw, var(--font-size-58px));

  --ft-56-38: clamp(var(--font-size-38px), 1.669rem + 3.273vw, var(--font-size-56px));
  --ft-52-34: clamp(var(--font-size-34px), 0.926rem + 3.636vw, var(--font-size-52px));
  --ft-56-42: clamp(var(--font-size-42px), 2.43rem + 2.545vw, var(--font-size-56px));

  --ft-55-40: clamp(var(--font-size-40px), 2.149rem + 2.727vw, var(--font-size-55px));
  --ft-44-35: clamp(var(--font-size-35px), 2.289rem + 1.636vw, var(--font-size-44px));

  --ft-42-32: clamp(var(--font-size-32px), 1.917rem + 1.818vw, var(--font-size-42px));

  --ft-44-30: clamp(var(--font-size-30px), 1.339rem + 2.545vw, var(--font-size-44px));
  --ft-44-27: clamp(var(--font-size-27px), 0.769rem + 3.091vw, var(--font-size-44px));
  --ft-42-34: clamp(var(--font-size-34px), 2.298rem + 1.455vw, var(--font-size-42px));
  --ft-42-30: clamp(var(--font-size-30px), 1.537rem + 2.182vw, var(--font-size-42px));
  --ft-42-28: clamp(var(--font-size-28px), 1.157rem + 2.545vw, var(--font-size-42px));
  --ft-42-27: clamp(var(--font-size-27px), 0.967rem + 2.727vw, var(--font-size-42px));
  --ft-40-32: clamp(var(--font-size-32px), 2.116rem + 1.455vw, var(--font-size-40px));
  --ft-40-35: clamp(var(--font-size-35px), 2.686rem + 0.909vw, var(--font-size-40px));
  --ft-40-34: clamp(var(--font-size-34px), 2.496rem + 1.091vw, var(--font-size-40px));
  --ft-40-33: clamp(var(--font-size-33px), 2.306rem + 1.273vw, var(--font-size-40px));
  --ft-40-31: clamp(var(--font-size-31px), 1.926rem + 1.636vw, var(--font-size-40px));
  --ft-40-27: clamp(var(--font-size-27px), 1.165rem + 2.364vw, var(--font-size-40px));
  --ft-40-24: clamp(var(--font-size-24px), 0.595rem + 2.909vw, var(--font-size-40px));
  --ft-38-24: clamp(var(--font-size-24px), 0.793rem + 2.545vw, var(--font-size-38px));
  --ft-38-20: clamp(var(--font-size-20px), 0.033rem + 3.273vw, var(--font-size-38px));
  --ft-36-22: clamp(var(--font-size-22px), 0.612rem + 2.545vw, var(--font-size-36px));
  --ft-36-24: clamp(var(--font-size-24px), 0.992rem + 2.182vw, var(--font-size-36px));
  --ft-34-28: clamp(var(--font-size-28px), 1.95rem + 1.091vw, var(--font-size-34px));
  --ft-32-28: clamp(var(--font-size-28px), 2.149rem + 0.727vw, var(--font-size-32px));
  --ft-32-25: clamp(var(--font-size-25px), 1.579rem + 1.273vw, var(--font-size-32px));
  --ft-32-24: clamp(var(--font-size-24px), 1.388rem + 1.455vw, var(--font-size-32px));
  --ft-30-26: clamp(var(--font-size-26px), 1.967rem + 0.727vw, var(--font-size-30px));
  --ft-30-24: clamp(var(--font-size-24px), 1.587rem + 1.091vw, var(--font-size-30px));
  --ft-28-21: clamp(var(--font-size-21px), 1.215rem + 1.273vw, var(--font-size-28px));
  --ft-28-20: clamp(var(--font-size-20px), 1.025rem + 1.455vw, var(--font-size-28px));
  --ft-28-19: clamp(var(--font-size-19px), 0.835rem + 1.636vw, var(--font-size-28px));
  --ft-26-20: clamp(var(--font-size-20px), 1.223rem + 1.091vw, var(--font-size-26px));
  --ft-27-21: clamp(var(--font-size-21px), 1.314rem + 1.091vw, var(--font-size-27px));
  --ft-26-24: clamp(var(--font-size-24px), 1.983rem + 0.364vw, var(--font-size-26px));
  --ft-26-23: clamp(var(--font-size-23px), 1.793rem + 0.545vw, var(--font-size-26px));
  --ft-26-20: clamp(var(--font-size-20px), 1.223rem + 1.091vw, var(--font-size-26px));
  --ft-25-22: clamp(var(--font-size-22px), 1.702rem + 0.545vw, var(--font-size-25px));
  --ft-24-21: clamp(var(--font-size-21px), 1.612rem + 0.545vw, var(--font-size-24px));
  --ft-24-20: clamp(var(--font-size-20px), 1.421rem + 0.727vw, var(--font-size-24px));
  --ft-24-17: clamp(var(--font-size-17px), 0.851rem + 1.273vw, var(--font-size-24px));
  --ft-24-16: clamp(var(--font-size-16px), 0.661rem + 1.455vw, var(--font-size-24px));
  --ft-24-14: clamp(var(--font-size-14px), 0.281rem + 1.818vw, var(--font-size-24px));
  --ft-23-16: clamp(var(--font-size-16px), 0.851rem + 1.273vw, var(--font-size-23px));
  --ft-23-15: clamp(var(--font-size-15px), 0.57rem + 1.455vw, var(--font-size-23px));
  --ft-22-21: clamp(var(--font-size-21px), 1.81rem + 0.182vw, var(--font-size-22px));
  --ft-22-18: clamp(var(--font-size-18px), 1.24rem + 0.727vw, var(--font-size-22px));
  --ft-21-18: clamp(var(--font-size-18px), 1.339rem + 0.545vw, var(--font-size-21px));
  --ft-21-16: clamp(var(--font-size-16px), 0.959rem + 0.909vw, var(--font-size-21px));
  --ft-21-14: clamp(var(--font-size-14px), 0.579rem + 1.273vw, var(--font-size-21px));
  --ft-20-19: clamp(var(--font-size-19px), 1.628rem + 0.182vw, var(--font-size-20px));
  --ft-20-18: clamp(var(--font-size-18px), 1.438rem + 0.364vw, var(--font-size-20px));
  --ft-20-17: clamp(var(--font-size-17px), 1.248rem + 0.545vw, var(--font-size-20px));
  --ft-20-15: clamp(var(--font-size-15px), 0.868rem + 0.909vw, var(--font-size-20px));
  --ft-20-14: clamp(var(--font-size-14px), 0.678rem + 1.091vw, var(--font-size-20px));
  --ft-19-18: clamp(var(--font-size-18px), 1.537rem + 0.182vw, var(--font-size-19px));
  --ft-19-17: clamp(var(--font-size-17px), 1.347rem + 0.364vw, var(--font-size-19px));
  --ft-19-16: clamp(var(--font-size-16px), 1.157rem + 0.545vw, var(--font-size-19px));
  --ft-19-15: clamp(var(--font-size-15px), 0.967rem + 0.727vw, var(--font-size-19px));
  --ft-19-14: clamp(var(--font-size-14px), 0.777rem + 0.909vw, var(--font-size-19px));
  --ft-18-16: clamp(var(--font-size-16px), 1.256rem + 0.364vw, var(--font-size-18px));
  --ft-18-17: clamp(var(--font-size-17px), 1.446rem + 0.182vw, var(--font-size-18px));
  --ft-18-15: clamp(var(--font-size-15px), 1.066rem + 0.545vw, var(--font-size-18px));
  --ft-17-16: clamp(var(--font-size-16px), 1.355rem + 0.182vw, var(--font-size-17px));
  --ft-17-15: clamp(var(--font-size-15px), 1.165rem + 0.364vw, var(--font-size-17px));
  --ft-17-14: clamp(var(--font-size-14px), 0.975rem + 0.545vw, var(--font-size-17px));
  --ft-16-15: clamp(var(--font-size-15px), 1.264rem + 0.182vw, var(--font-size-16px));
  --ft-16-14: clamp(var(--font-size-14px), 1.074rem + 0.364vw, var(--font-size-16px));
  --ft-16-13: clamp(var(--font-size-13px), 0.884rem + 0.545vw, var(--font-size-16px));
  --ft-16-12: clamp(var(--font-size-12px), 0.694rem + 0.727vw, var(--font-size-16px));
  --ft-15-14: clamp(var(--font-size-14px), 1.174rem + 0.182vw, var(--font-size-15px));
  --ft-15-13: clamp(var(--font-size-13px), 0.983rem + 0.364vw, var(--font-size-15px));
  --ft-14-13: clamp(var(--font-size-13px), 1.083rem + 0.182vw, var(--font-size-14px));
  --ft-14-12: clamp(var(--font-size-12px), 0.893rem + 0.364vw, var(--font-size-14px));
  --ft-14-11: clamp(var(--font-size-11px), 0.702rem + 0.545vw, var(--font-size-14px));
  --ft-13-12: clamp(var(--font-size-12px), 0.992rem + 0.182vw, var(--font-size-13px));
  --ft-12-11: clamp(var(--font-size-11px), 0.901rem + 0.182vw, var(--font-size-12px));
  --ft-10-8: clamp(var(--font-size-8px), 0.529rem + 0.364vw, var(--font-size-10px));


}


/* 825 - 600 */

:root {
  --ftm-56-42: clamp(var(--font-size-42px), 0.424rem + 6.222vw, var(--font-size-56px));
  --ftm-38-35: clamp(var(--font-size-35px), 2.455rem + 1.333vw, var(--font-size-38px));
  --ftm-30-26: clamp(var(--font-size-26px), 1.394rem + 1.778vw, var(--font-size-30px));
  --ftm-28-21: clamp(var(--font-size-21px), 0.212rem + 3.111vw, var(--font-size-28px));
  --ftm-26-24: clamp(var(--font-size-24px), 1.697rem + 0.889vw, var(--font-size-26px));
  --ftm-26-23: clamp(var(--font-size-23px), 1.364rem + 1.333vw, var(--font-size-26px));
  --ftm-24-22: clamp(var(--font-size-22px), 1.515rem + 0.889vw, var(--font-size-24px));
  --ftm-24-21: clamp(var(--font-size-21px), 1.182rem + 1.333vw, var(--font-size-24px));
  --ftm-21-18: clamp(var(--font-size-18px), 0.909rem + 1.333vw, var(--font-size-21px));
  --ftm-21-17: clamp(var(--font-size-17px), 0.576rem + 1.778vw, var(--font-size-21px));
  --ftm-20-17: clamp(var(--font-size-17px), 0.818rem + 1.333vw, var(--font-size-20px));
  --ftm-18-16: clamp(var(--font-size-16px), 0.97rem + 0.889vw, var(--font-size-18px));
  --ftm-17-16: clamp(var(--font-size-16px), 1.212rem + 0.444vw, var(--font-size-17px));
  --ftm-17-15: clamp(var(--font-size-15px), 0.879rem + 0.889vw, var(--font-size-17px));
  --ftm-15-13: clamp(var(--font-size-13px), 0.697rem + 0.889vw, var(--font-size-15px));
  --ftm-14-13: clamp(var(--font-size-13px), 0.939rem + 0.444vw, var(--font-size-14px));
}

/* 600 - 400  @10px*/
:root {
  --fm-42-40: clamp(var(--font-size-40px), 2.5rem + 2.5vw, var(--font-size-42px));
  --fm-42-38: clamp(var(--font-size-38px), 3rem + 2vw, var(--font-size-42px));
  --fm-40-35: clamp(var(--font-size-35px), 2.5rem + 2.5vw, var(--font-size-40px));
  --fm-39-32: clamp(var(--font-size-32px), 1.8rem + 3.5vw, var(--font-size-39px));

  --fm-38-32: clamp(var(--font-size-32px), 2rem + 3vw, var(--font-size-38px));

  --fm-36-32: clamp(var(--font-size-32px), 2.4rem + 2vw, var(--font-size-36px));
  --fm-35-32: clamp(var(--font-size-32px), 2.6rem + 1.5vw, var(--font-size-35px));
  --fm-35-30: clamp(var(--font-size-30px), 2rem + 2.5vw, var(--font-size-35px));
  --fm-35-28: clamp(var(--font-size-28px), 1.4rem + 3.5vw, var(--font-size-35px));
  --fm-34-32: clamp(var(--font-size-32px), 2.8rem + 1vw, var(--font-size-34px));
  --fm-30-26: clamp(var(--font-size-26px), 1.8rem + 2vw, var(--font-size-30px));
  --fm-30-24: clamp(var(--font-size-24px), 1.2rem + 3vw, var(--font-size-30px));
  --fm-30-23: clamp(var(--font-size-23px), 0.9rem + 3.5vw, var(--font-size-30px));
  --fm-30-22: clamp(var(--font-size-22px), 0.6rem + 4vw, var(--font-size-30px));
  --fm-28-26: clamp(var(--font-size-26px), 2.2rem + 1vw, var(--font-size-28px));
  --fm-27-20: clamp(var(--font-size-20px), 0.6rem + 3.5vw, var(--font-size-27px));
  --fm-26-22: clamp(var(--font-size-22px), 1.4rem + 2vw, var(--font-size-26px));
  --fm-25-22: clamp(var(--font-size-22px), 1.6rem + 1.5vw, var(--font-size-25px));
  --fm-24-22: clamp(var(--font-size-22px), 1.8rem + 1vw, var(--font-size-24px));
  --fm-24-20: clamp(var(--font-size-20px), 1.2rem + 2vw, var(--font-size-24px));
  --fm-24-18: clamp(var(--font-size-18px), 0.6rem + 3vw, var(--font-size-24px));
  --fm-24-21: clamp(var(--font-size-21px), 1.5rem + 1.5vw, var(--font-size-24px));
  --fm-23-22: clamp(var(--font-size-22px), 2rem + 0.5vw, , var(--font-size-23px));
  --fm-23-20: clamp(var(--font-size-20px), 1.4rem + 1.5vw, var(--font-size-23px));
  --fm-22-21: clamp(var(--font-size-21px), 1.9rem + 0.5vw, var(--font-size-22px));
  --fm-21-20: clamp(var(--font-size-20px), 1.8rem + 0.5vw, var(--font-size-21px));
  --fm-21-19: clamp(var(--font-size-19px), 1.5rem + 1vw, var(--font-size-21px));
  --fm-21-18: clamp(var(--font-size-18px), 1.2rem + 1.5vw, var(--font-size-21px));
  --fm-20-18: clamp(var(--font-size-18px), 1.4rem + 1vw, var(--font-size-20px));
  --fm-18-17: clamp(var(--font-size-17px), 1.1rem + 1vw, var(--font-size-18px));
  --fm-18-16: clamp(var(--font-size-16px), 1.2rem + 1vw, var(--font-size-18px));
  --fm-17-15: clamp(var(--font-size-15px), 1.1rem + 1vw, var(--font-size-17px));
  --fm-17-14: clamp(var(--font-size-14px), 0.8rem + 1.5vw, var(--font-size-17px));
  --fm-17-13: clamp(var(--font-size-13px), 0.5rem + 2vw, var(--font-size-17px));
  --fm-16-15: clamp(var(--font-size-15px), 1.3rem + 0.5vw, var(--font-size-16px));
  --fm-16-14: clamp(var(--font-size-14px), 1rem + 1vw, var(--font-size-16px));
  --fm-16-13: clamp(var(--font-size-13px), 0.7rem + 1.5vw, var(--font-size-16px));
  --fm-16-12: clamp(var(--font-size-14px), 0.4rem + 2vw, var(--font-size-16px));
  --fm-15-14: clamp(var(--font-size-14px), 1.2rem + 0.5vw, var(--font-size-15px));
  --fm-15-13: clamp(var(--font-size-13px), 0.9rem + 1vw, var(--font-size-15px));
  --fm-15-12: clamp(var(--font-size-12px), 0.6rem + 1.5vw, var(--font-size-15px));
  --fm-15-11: clamp(var(--font-size-11px), 0.3rem + 2vw, var(--font-size-15px));
  --fm-15-10: clamp(var(--font-size-10px), 0rem + 2.5vw, var(--font-size-15px));
  --fm-14-13: clamp(var(--font-size-13px), 1.1rem + 0.5vw, var(--font-size-14px));
  --fm-14-12: clamp(var(--font-size-12px), 0.8rem + 1vw, var(--font-size-14px));
  --fm-14-11: clamp(var(--font-size-11px), 0.5rem + 1.5vw, var(--font-size-14px));
  --fm-13-12: clamp(var(--font-size-12px), 1rem + 0.5vw, var(--font-size-13px));
  --fm-12-11: clamp(var(--font-size-11px), 0.9rem + 0.5vw, var(--font-size-12px));
  --fm-11-10: clamp(var(--font-size-10px), 00.8rem + 0.5vw, var(--font-size-11px))
}
















:root {
  --ft-test: clamp(var(--font-size-40px), 2.5rem + 2.5vw, var(--font-size-42px));
  --fm-test: clamp(var(--font-size-40px), 2.5rem + 2.5vw, var(--font-size-42px));
}