/* ==========================================================================
   Cool Minimal Skin. Cool off-white, slate accent, graphite text.
   Jost + Source Sans Pro.
   ========================================================================== */
.style-cool-minimal {
    --color-primary: #23282d;
    --color-primary-dark: #14181b;
    --color-accent: #5b6b78;
    --color-accent-dark: #44515c;
    --color-text: #23282d;
    --color-text-muted: #6e757b;
    --color-bg: #ffffff;
    --color-bg-secondary: #f4f5f6;
    --color-border: #e4e6e8;
    --font-heading: 'Jost', system-ui, sans-serif;
    --font-body: 'Source Sans Pro', system-ui, sans-serif;
}

.style-cool-minimal .site-header { box-shadow: none; border-bottom: 1px solid var(--color-border); }

.style-cool-minimal .site-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    height: 76px;
}

.style-cool-minimal .site-header__logo-text {
    font-family: var(--font-heading);
    font-size: 1.375rem;
    font-weight: 400;
    color: var(--color-primary);
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.style-cool-minimal .site-header__logo-mark { color: var(--color-accent); }

.style-cool-minimal .main-nav__link {
    color: var(--color-text);
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    font-weight: 500;
}

.style-cool-minimal .main-nav__link:hover,
.style-cool-minimal .main-nav__link.is-active { color: var(--color-accent); }

.style-cool-minimal .site-header__phone { color: var(--color-primary); font-weight: 600; font-size: 0.875rem; }
.style-cool-minimal .site-header__phone svg { color: var(--color-accent); }

/* Headings are quiet sans here */
.style-cool-minimal .hero__headline,
.style-cool-minimal .service-card__title,
.style-cool-minimal .faq-question,
.style-cool-minimal .testimonial-card__quote {
    font-weight: 400;
    letter-spacing: 0.01em;
}

.style-cool-minimal .hero--split {
    background:
        linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-secondary) 100%);
}

.style-cool-minimal .hero__headline { color: var(--color-primary); }

.style-cool-minimal .btn { border-radius: 0; }
.style-cool-minimal .service-card,
.style-cool-minimal .result-card,
.style-cool-minimal .tier-card,
.style-cool-minimal .testimonial-card { border-radius: 0; }