:root {
    --cars-primary: #006EA8;
    --cars-primary-dark: #00547F;
    --cars-primary-light: #E7F5FA;
    --cars-accent: #4D8A57;
    --cars-link: #00547F;
    --cars-text: #000000;
    --cars-muted: #666666;
    --cars-bg: #FFFFFF;
    --cars-surface: #FFFFFF;
    --cars-border: #D9E0E4;
    --cars-nav-bg: #101820;
    --cars-nav-text: #FFFFFF;
    --cars-submenu-text: #FFFFFF;
    --cars-nav-active-bg: #FFFFFF;
    --cars-nav-active-text: #006EA8;

    
    --cars-block-surface-bg: transparent;
    --cars-block-surface-padding: 0px;
    --cars-block-surface-radius: 0px;
    --cars-block-surface-border-width: 0px;
    --cars-block-surface-border-color: #E1E4E6;
    --cars-block-surface-shadow: none;

    --cars-error: #B42318;
    --cars-success: #2F6F3E;
    --cars-white: #FFFFFF;
    --cars-black: #111111;

    --cars-radius-sm: 6px;
    --cars-radius: 10px;
    --cars-radius-lg: 16px;
    --cars-radius-pill: 999px;

    --cars-shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.06);
    --cars-shadow: 0 10px 28px rgba(0, 0, 0, 0.09);

    --cars-container: 1440px;
    --cars-gutter: clamp(18px, 3vw, 34px);
    --cars-space-left: 34px;
    --cars-space-right: 34px;
    --cars-gap: 24px;
    --cars-layout-main-fr: 70fr;
    --cars-layout-sidebar-fr: 30fr;

    --cars-transition: 180ms ease;
    --cars-focus: 0 0 0 3px color-mix(in srgb, var(--cars-link) 32%, transparent);

    --cars-logo-size: 100px;
    --cars-header-bg-height: 150px;
    --cars-header-bg-overlay: 0.1;
    --cars-content-top-gap: 28px;
    --cars-content-bottom-gap: 56px;
    --cars-handwritten-size: 0.52em;
    --cars-social-size: 24px;

    --cars-h1-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --cars-h2-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --cars-h3-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --cars-h4-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --cars-h5-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --cars-h6-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --cars-p-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    --cars-h1-size: 44px;
    --cars-h2-size: 34px;
    --cars-h3-size: 27px;
    --cars-h4-size: 22px;
    --cars-h5-size: 18px;
    --cars-h6-size: 16px;
    --cars-p-size: 17px;

    --cars-h1-weight: 700;
    --cars-h2-weight: 700;
    --cars-h3-weight: 700;
    --cars-h4-weight: 700;
    --cars-h5-weight: 700;
    --cars-h6-weight: 700;
    --cars-p-weight: 400;

    --cars-h1-lh: 1.12;
    --cars-h2-lh: 1.18;
    --cars-h3-lh: 1.22;
    --cars-h4-lh: 1.30;
    --cars-h5-lh: 1.35;
    --cars-h6-lh: 1.40;
    --cars-p-lh: 1.68;

    --cars-h1-ls: 0em;
    --cars-h2-ls: 0em;
    --cars-h3-ls: 0em;
    --cars-h4-ls: 0em;
    --cars-h5-ls: 0em;
    --cars-h6-ls: 0.02em;
    --cars-p-ls: 0em;

    --cars-h1-color: var(--cars-text);
    --cars-h2-color: var(--cars-text);
    --cars-h3-color: var(--cars-text);
    --cars-h4-color: var(--cars-text);
    --cars-h5-color: var(--cars-text);
    --cars-h6-color: var(--cars-text);
    --cars-p-color: var(--cars-text);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    text-size-adjust: 100%;
}

body {
    margin: 0;
    color: var(--cars-text);
    background: var(--cars-bg);
    font-family: var(--cars-p-font);
    font-size: var(--cars-p-size);
    font-weight: var(--cars-p-weight);
    line-height: var(--cars-p-lh);
    letter-spacing: var(--cars-p-ls);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

img,
picture,
svg,
video {
    display: block;
    max-width: 100%;
    height: auto;
}

iframe {
    max-width: 100%;
}

button,
input,
select,
textarea {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

a {
    color: var(--cars-link);
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.14em;
}

a:hover {
    color: color-mix(in srgb, var(--cars-link) 78%, var(--cars-text));
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid var(--cars-link);
    outline-offset: 3px;
    box-shadow: var(--cars-focus);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 0.58em;
    text-wrap: balance;
}

h1 { color: var(--cars-h1-color); font: var(--cars-h1-weight) var(--cars-h1-size)/var(--cars-h1-lh) var(--cars-h1-font); letter-spacing: var(--cars-h1-ls); }
h2 { color: var(--cars-h2-color); font: var(--cars-h2-weight) var(--cars-h2-size)/var(--cars-h2-lh) var(--cars-h2-font); letter-spacing: var(--cars-h2-ls); }
h3 { color: var(--cars-h3-color); font: var(--cars-h3-weight) var(--cars-h3-size)/var(--cars-h3-lh) var(--cars-h3-font); letter-spacing: var(--cars-h3-ls); }
h4 { color: var(--cars-h4-color); font: var(--cars-h4-weight) var(--cars-h4-size)/var(--cars-h4-lh) var(--cars-h4-font); letter-spacing: var(--cars-h4-ls); }
h5 { color: var(--cars-h5-color); font: var(--cars-h5-weight) var(--cars-h5-size)/var(--cars-h5-lh) var(--cars-h5-font); letter-spacing: var(--cars-h5-ls); }
h6 { color: var(--cars-h6-color); font: var(--cars-h6-weight) var(--cars-h6-size)/var(--cars-h6-lh) var(--cars-h6-font); letter-spacing: var(--cars-h6-ls); }

p {
    margin: 0 0 1.15em;
    color: var(--cars-p-color);
}

ul,
ol {
    padding-inline-start: 1.4em;
}

hr {
    border: 0;
    border-top: 1px solid var(--cars-border);
}

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


.cars-handwritten {
    display: inline-block;
    font-family: "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;
    font-size: var(--cars-handwritten-size);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: 0.01em;
    color: var(--cars-accent);
    transform: rotate(-4deg);
    transform-origin: center;
    white-space: nowrap;
}


.cars-visually-hidden,
.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.cars-skip-link {
    position: fixed;
    z-index: 100000;
    top: 12px;
    left: 12px;
    padding: 10px 14px;
    color: var(--cars-white);
    background: var(--cars-primary-dark);
    border-radius: var(--cars-radius-sm);
    transform: translateY(-180%);
    transition: transform var(--cars-transition);
}

.cars-skip-link:focus {
    transform: translateY(0);
}


@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}