/*!
 * CatEye Website - "CRM" design (loaded after modern.css, active on <html data-design="crm">)
 *
 * The look of Cateye CRM brought to the website: warm near-black charcoal, paper-white
 * text, brass for every accent, a faint grid behind the heroes, light-weight display
 * headings in Bricolage Grotesque, Geist for text and Geist Mono for small labels.
 * Same HTML as the other designs: only this stylesheet differs.
 *
 * Palette   bg #07080b · panel #11151d · panel-2 #161b25 · text #eceae3 · muted #8b909a · brass #c9a15c
 */

/* ------------------------------------------------------------------ tokens */
html[data-design="crm"] .theme-modern {
    --void: #07080b;
    --panel: #11151d;
    --panel-2: #161b25;
    --night: #0d1016;
    --night-2: #11151d;
    --violet: #c9a15c;
    --violet-deep: #161b25;
    --amber: #c9a15c;
    --brass-hover: #d4b071;
    --lilac: #d4b071;
    --mist: var(--panel);
    --ink: #eceae3;
    --slate: #8b909a;
    --line: rgba(236, 234, 227, .12);

    --c-heading: var(--ink);
    --c-subheading: var(--ink);
    --c-text: var(--slate);
    --c-link: var(--lilac);
    --c-link-hover: #fff;
    --c-border: var(--line);
    --c-soft: var(--panel);
    --f-head: 'Bricolage Grotesque', 'Helvetica Neue', Arial, sans-serif;
    --f-body: 'Geist', 'Helvetica Neue', Arial, sans-serif;
    --f-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
    --radius: 9px;

    background: var(--void);
    color: var(--slate);
    font-size: 15px;
    line-height: 1.65;
}

html[data-design="crm"] { background: #07080b; color-scheme: dark; }
html[data-design="crm"] .theme-modern ::selection { background: var(--amber); color: var(--void); }
html[data-design="crm"] .theme-modern :is(h1, h2, h3, h4, h5, h6) { color: var(--ink); }
html[data-design="crm"] .theme-modern .ce-section :is(p, li, td) > a:not(.ce-btn):not(.ce-more),
html[data-design="crm"] .theme-modern .entry-content a:not(.ce-btn) { color: var(--lilac); }
html[data-design="crm"] .theme-modern hr,
html[data-design="crm"] .theme-modern th,
html[data-design="crm"] .theme-modern td { border-color: var(--line); }

/* The faint grid behind heroes and page headers */
html[data-design="crm"] .theme-modern :is(.mx-hero, .page-header, .ce-prod-hero)::after {
    content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
    background-size: 56px 56px;
    -webkit-mask-image: radial-gradient(ellipse 80% 90% at 50% 100%, #000 30%, transparent 100%);
    mask-image: radial-gradient(ellipse 80% 90% at 50% 100%, #000 30%, transparent 100%);
}
html[data-design="crm"] .theme-modern :is(.mx-hero, .page-header) { position: relative; }
html[data-design="crm"] .theme-modern .mx-hero .ce-slide { z-index: 1; }
html[data-design="crm"] .theme-modern .page-header > .ce-container { position: relative; z-index: 1; }

/* ------------------------------------------------------------------ header */
html[data-design="crm"] .theme-modern .site-header {
    background: rgba(13, 10, 31, .82);
    box-shadow: 0 1px 0 var(--line);
}
html[data-design="crm"] .theme-modern .site-header.is-stuck { box-shadow: 0 1px 0 var(--line), 0 12px 32px rgba(0, 0, 0, .4); }
html[data-design="crm"] .theme-modern .site-logo,
html[data-design="crm"] .mx-wordmark b { color: #fff; }
html[data-design="crm"] .mx-wordmark span { color: rgba(255, 255, 255, .55); }
html[data-design="crm"] .theme-modern .site-nav .menu > li > a,
html[data-design="crm"] .theme-modern .site-header.is-stuck .site-nav .menu > li > a { color: rgba(255, 255, 255, .86); }
html[data-design="crm"] .theme-modern .site-nav .menu > li:hover > a,
html[data-design="crm"] .theme-modern .site-nav .menu > li > a:focus,
html[data-design="crm"] .theme-modern .site-nav .menu > li.is-active > a { color: var(--amber); }
html[data-design="crm"] .theme-modern .site-nav .sub-menu {
    background: var(--panel);
    box-shadow: 0 0 0 1px var(--line), 0 24px 60px rgba(0, 0, 0, .5);
}
html[data-design="crm"] .theme-modern .site-nav .sub-menu a { color: rgba(255, 255, 255, .86); }
html[data-design="crm"] .theme-modern .site-nav .sub-menu a:hover,
html[data-design="crm"] .theme-modern .site-nav .sub-menu .is-active > a { background: var(--panel-2); color: var(--amber); }
html[data-design="crm"] .mx-cta { background: var(--amber); color: var(--void); }
html[data-design="crm"] .mx-cta:hover { background: #fff; color: var(--void); }
html[data-design="crm"] .theme-modern :is(.nav-toggle-bars, .nav-toggle-bars::before, .nav-toggle-bars::after) { background: #fff; }
html[data-design="crm"] .theme-modern .nav-open .nav-toggle-bars { background: transparent; }

/* -------------------------------------------------------------------- hero */
html[data-design="crm"] .theme-modern .mx-hero {
    background:
        radial-gradient(120% 80% at 18% 12%, rgba(201, 161, 92, .14), transparent 58%),
        radial-gradient(90% 70% at 90% 100%, rgba(236, 234, 227, .04), transparent 60%),
        var(--void);
}
html[data-design="crm"] .mx-lens::before { border-color: rgba(201, 161, 92, .8); box-shadow: 0 0 40px rgba(201, 161, 92, .18); }
html[data-design="crm"] .mx-lens::after { border-color: rgba(255, 255, 255, .12); }
html[data-design="crm"] .theme-modern .mx-hero .ce-slide-sub { color: rgba(255, 255, 255, .72); }

/* ----------------------------------------------------------------- sections */
/* Plain sections sit on the void; the old pale-grey bands become raised panels */
html[data-design="crm"] .theme-modern .ce-section:is([style*="#f4f6f7"], [style*="#f6f6f6"], [style*="#eff1f2"], [style*="#f7f7f7"], [style*="#f2f2f2"]) {
    background-color: var(--panel) !important;
    box-shadow: inset 0 1px 0 var(--line), inset 0 -1px 0 var(--line);
}
/* "Night" bands get a violet cast so they still read as separate bands on a dark page */
html[data-design="crm"] .theme-modern .ce-section.ce-text-light { background-color: var(--night) !important; }
html[data-design="crm"] .theme-modern .ce-section.ce-text-light::before {
    background: linear-gradient(100deg, rgba(17, 21, 29, .96) 0%, rgba(13, 16, 22, .9) 45%, rgba(13, 16, 22, .72) 100%);
}
html[data-design="crm"] .theme-modern .ce-section.ce-text-light[style*="#6239bd"] { background-color: var(--violet-deep) !important; }

/* Colours written into the content for white pages, remapped for dark ones */
html[data-design="crm"] .theme-modern .ce-section:not(.ce-text-light) :is([style*="color:#404040"], [style*="color: #404040"], [style*="color: #404040"],
    [style*="color:#333333"], [style*="color: #333333"], [style*="color:#747474"], [style*="color: #747474"], [style*="color:#eeeded"], [style*="color: #eeeded"]) { color: var(--ink) !important; }
html[data-design="crm"] .theme-modern .ce-section:not(.ce-text-light) :is([style*="color:#768894"], [style*="color: #768894"], [style*="color:#666666"], [style*="color: #666666"]) { color: var(--slate) !important; }
html[data-design="crm"] .theme-modern .ce-section:not(.ce-text-light) :is([style*="color:#1b6dc4"], [style*="color: #1b6dc4"], [style*="color:#354d96"], [style*="color: #354d96"],
    [style*="color:#0162a3"], [style*="color: #0162a3"], [style*="color:blue"], [style*="color: blue"], [style*="color:#6239bd"], [style*="color: #6239bd"]) { color: var(--lilac) !important; }
html[data-design="crm"] .theme-modern .ce-section:not(.ce-text-light) [style*="#74c5da"]:not(hr) { color: var(--amber) !important; }
/* Headings written in the old blues stay headings: white, not link-coloured */
html[data-design="crm"] .theme-modern .ce-section:not(.ce-text-light) :is(h1, h2, h3, h4, h5, h6) :is([style*="color:#1b6dc4"], [style*="color: #1b6dc4"], [style*="color:#354d96"], [style*="color: #354d96"],
    [style*="color:#0162a3"], [style*="color: #0162a3"], [style*="color:blue"], [style*="color: blue"], [style*="color:#6239bd"], [style*="color: #6239bd"]) { color: var(--ink) !important; }
html[data-design="crm"] .theme-modern .ce-section:not(.ce-text-light) :is(.ce-headline strong, .ce-headline b) { color: var(--amber); }
html[data-design="crm"] .theme-modern .ce-section:not(.ce-text-light) hr.ce-sep { background: var(--amber); }
html[data-design="crm"] .theme-modern .ce-subheadline { color: var(--slate); }
/* White panels placed behind content */
html[data-design="crm"] .theme-modern .ce-col:is([style*="background-color:#ffffff"], [style*="background-color: #ffffff"], [style*="rgba(255,255,255"], [style*="rgba(255, 255, 255"]) {
    background: var(--panel) !important; border: 1px solid var(--line);
}
html[data-design="crm"] .theme-modern .ce-section.ce-text-light :is([style*="color:#ffffff"], [style*="color: #ffffff"]) { color: #fff !important; }

/* ----------------------------------------------------------------- buttons */
html[data-design="crm"] .theme-modern :where(.ce-btn, .ce-form button[type="submit"], .ce-section input[type="submit"]) {
    background: var(--amber); border-color: var(--amber); color: var(--void);
}
html[data-design="crm"] .theme-modern :where(.ce-btn, .ce-form button[type="submit"], .ce-section input[type="submit"]):hover {
    background: #fff; border-color: #fff; color: var(--void);
}
html[data-design="crm"] .theme-modern .ce-btn-outline-dark,
html[data-design="crm"] .theme-modern .ce-job .ce-btn { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .3); }
html[data-design="crm"] .theme-modern .ce-btn-outline-dark:hover,
html[data-design="crm"] .theme-modern .ce-job .ce-btn:hover { background: var(--amber); border-color: var(--amber); color: var(--void); }
html[data-design="crm"] .theme-modern .ce-more { color: var(--amber); }
html[data-design="crm"] .theme-modern .ce-prod-closing .ce-btn { background: var(--amber); border-color: var(--amber); color: var(--void); }

/* ------------------------------------------------------- lists and boxes */
html[data-design="crm"] .theme-modern .ce-checklist li > i { background: rgba(201, 161, 92, .14); color: var(--amber); }
html[data-design="crm"] .theme-modern .ce-box-icon,
html[data-design="crm"] .theme-modern .ce-box-icon.ce-icon-circle { background: rgba(201, 161, 92, .12) !important; color: var(--amber) !important; }
html[data-design="crm"] .theme-modern .ce-box-body[style*="color"] { color: var(--slate) !important; }
html[data-design="crm"] .theme-modern .ce-box-link:hover .ce-box-title { color: var(--amber); }
html[data-design="crm"] .theme-modern .ce-feature-icon { background: var(--panel-2); color: var(--amber) !important; }
html[data-design="crm"] .theme-modern .ce-toggle summary::before { background: var(--panel-2); color: var(--amber); }
html[data-design="crm"] .theme-modern .ce-section[style*="#f4f6f7"] .ce-toggle summary::before { background: var(--void); }
html[data-design="crm"] .theme-modern .ce-alert { background: var(--panel); border-left-color: var(--amber); }
html[data-design="crm"] .theme-modern .ce-counter-ring { --ring: var(--amber); }
html[data-design="crm"] .theme-modern .ce-counter-ring::before { background: var(--void); }
html[data-design="crm"] .theme-modern .ce-flip-front { background: var(--panel); }
html[data-design="crm"] .theme-modern .ce-social a { color: #fff; border-color: var(--line); }
html[data-design="crm"] .theme-modern .ce-social a:hover { background: var(--amber); border-color: var(--amber); color: var(--void); }
html[data-design="crm"] .theme-modern .ce-journey > li::before { box-shadow: 0 0 0 10px var(--void); }
html[data-design="crm"] .theme-modern .ce-journey-when,
html[data-design="crm"] .theme-modern .ce-steps > li::before { color: var(--amber); }
html[data-design="crm"] .theme-modern .ce-steps > li { border-top-color: var(--amber); }
html[data-design="crm"] .theme-modern .ce-prod-tile b { color: #fff; }
html[data-design="crm"] .theme-modern .ce-404-code { color: var(--amber); }

/* Partner logos sit in light tiles so the ones with white backgrounds still look right */
html[data-design="crm"] .theme-modern .ce-logos img {
    filter: grayscale(1); opacity: .9; background: #fff; padding: 12px; border-radius: 14px; box-sizing: content-box;
}
html[data-design="crm"] .theme-modern .ce-logos a:hover img,
html[data-design="crm"] .theme-modern .ce-logos img:hover { opacity: 1; }

/* ------------------------------------------------------------ testimonials */
html[data-design="crm"] .theme-modern .ce-section:not(.ce-text-light) .ce-testimonial blockquote,
html[data-design="crm"] .theme-modern .ce-section:not(.ce-text-light) .ce-testimonial figcaption strong { color: #fff; }
html[data-design="crm"] .theme-modern .ce-section:not(.ce-text-light) .ce-testimonial figcaption { color: var(--slate); }
html[data-design="crm"] .theme-modern .ce-section:not(.ce-text-light) .ce-testimonial-dots button { background: rgba(255, 255, 255, .25); }

/* ------------------------------------------------------------- blog posts */
html[data-design="crm"] .theme-modern .ce-post-thumb { background: var(--panel); }
html[data-design="crm"] .theme-modern .ce-post-title a { color: #fff; }
html[data-design="crm"] .theme-modern .ce-post-title a:hover { color: var(--amber); }
html[data-design="crm"] .theme-modern .ce-post-meta a { color: var(--slate); text-decoration-color: rgba(255, 255, 255, .3); }
html[data-design="crm"] .theme-modern .ce-posts-large .ce-post-card { background: var(--panel); color: var(--slate); box-shadow: 0 0 0 1px var(--line), 0 30px 80px rgba(0, 0, 0, .5); }
html[data-design="crm"] .theme-modern .ce-text-light .ce-posts-large .ce-post-card .ce-post-title a { color: #fff; }
html[data-design="crm"] .theme-modern .ce-text-light .ce-posts-large .ce-post-card .ce-more { color: var(--amber); }
html[data-design="crm"] .theme-modern .ce-pagination a { border-color: var(--line); color: var(--ink); }
html[data-design="crm"] .theme-modern .ce-pagination a:hover { border-color: var(--amber); color: var(--amber); }
html[data-design="crm"] .theme-modern .ce-pagination .current { background: var(--amber); border-color: var(--amber); color: var(--void); }
html[data-design="crm"] .theme-modern .post-share { background: var(--panel); }
html[data-design="crm"] .theme-modern .post-tags a { color: var(--slate); border-color: var(--line); }
html[data-design="crm"] .theme-modern .post-tags a:hover,
html[data-design="crm"] .theme-modern .post-nav a:hover { color: var(--amber); border-color: var(--amber); }
html[data-design="crm"] .theme-modern .post-tags i { color: var(--amber); }
html[data-design="crm"] .theme-modern .post-nav a { color: #fff; }
html[data-design="crm"] .theme-modern .related-posts { background-color: var(--panel) !important; }

/* ----------------------------------------------------------- page header */
html[data-design="crm"] .theme-modern .page-header {
    background: radial-gradient(120% 80% at 18% 12%, rgba(201, 161, 92, .12), transparent 58%), var(--void);
    box-shadow: inset 0 -1px 0 var(--line);
}

/* -------------------------------------------------------------------- jobs */
html[data-design="crm"] .theme-modern .ce-jobs { border-bottom-color: var(--line); }
html[data-design="crm"] .theme-modern .ce-job { border-top-color: var(--line); }
html[data-design="crm"] .theme-modern .ce-job-title a { color: #fff; }
html[data-design="crm"] .theme-modern .ce-job:hover .ce-job-title a,
html[data-design="crm"] .theme-modern .ce-job-specs i { color: var(--amber); }
html[data-design="crm"] .theme-modern .job-summary { background: var(--panel); box-shadow: 0 0 0 1px var(--line); }
html[data-design="crm"] .theme-modern .job-summary :is(dt, dd, h3) { color: var(--ink); }
html[data-design="crm"] .theme-modern .job-summary dt { color: var(--slate); }
html[data-design="crm"] .theme-modern .job-apply { border-top-color: var(--line); }

/* ------------------------------------------------------------------- forms */
html[data-design="crm"] .theme-modern :is(.ce-form input[type="text"], .ce-form input[type="email"], .ce-form input[type="tel"], .ce-form input[type="file"],
.ce-form textarea, .ce-search-form input, .ce-section .form-control, .ce-section input[type="text"], .ce-section input[type="email"],
.ce-section input[type="tel"], .ce-section select, .ce-section textarea) {
    background: var(--panel); border-color: rgba(255, 255, 255, .16); color: #fff;
}
html[data-design="crm"] .theme-modern :is(.ce-form, .ce-section form) :is(input, textarea, select):focus { border-color: var(--amber); box-shadow: 0 0 0 4px rgba(201, 161, 92, .16); }
html[data-design="crm"] .theme-modern :is(.ce-form, .ce-section form) :is(input, textarea)::placeholder { color: rgba(255, 255, 255, .4); }
html[data-design="crm"] .theme-modern .ce-form label,
html[data-design="crm"] .theme-modern .ce-section form .col-25 label { color: var(--ink); }
html[data-design="crm"] .theme-modern .ce-check { color: var(--slate) !important; }
html[data-design="crm"] .theme-modern .ce-form small { color: rgba(255, 255, 255, .5); }
html[data-design="crm"] .theme-modern .ce-form .req,
html[data-design="crm"] .theme-modern .field-error { color: #ff8a80; }
html[data-design="crm"] .theme-modern .ce-form .has-error :is(input, textarea) { border-color: #ff8a80; }
html[data-design="crm"] .theme-modern .ce-notice { background: var(--panel); color: var(--ink); box-shadow: 0 0 0 1px var(--line); }
html[data-design="crm"] .theme-modern .ce-notice.success { background: rgba(64, 214, 138, .12); color: #8ff0b8; box-shadow: 0 0 0 1px rgba(64, 214, 138, .3); }
html[data-design="crm"] .theme-modern .ce-notice.error { background: rgba(255, 138, 128, .12); color: #ffb4ad; box-shadow: 0 0 0 1px rgba(255, 138, 128, .3); }

/* ------------------------------------------------- closing call-to-action */
html[data-design="crm"] .mx-closing {
    background: radial-gradient(700px 300px at 20% 100%, rgba(201, 161, 92, .12), transparent 70%), var(--panel);
    border-top-color: var(--line);
}
html[data-design="crm"] .mx-closing h2 { color: #fff; }
html[data-design="crm"] .mx-closing p { color: var(--slate); }

/* ------------------------------------------------------------------ footer */
html[data-design="crm"] .mx-footer { background: #070512; box-shadow: inset 0 1px 0 var(--line); }
html[data-design="crm"] .mx-footer-bottom { border-top-color: var(--line); }
html[data-design="crm"] .theme-modern .to-top { background: var(--panel); box-shadow: 0 0 0 1px var(--line); }
html[data-design="crm"] .theme-modern .to-top:hover { background: var(--amber); color: var(--void); }

/* -------------------------------------------------------------- responsive */
@media (max-width: 1180px) {
    html[data-design="crm"] .theme-modern .site-nav { background: var(--void); }
    html[data-design="crm"] .theme-modern .site-nav .menu > li > a,
    html[data-design="crm"] .theme-modern .site-header.is-stuck .site-nav .menu > li > a { color: #fff; }
    html[data-design="crm"] .theme-modern .site-nav .sub-menu { background: var(--panel); }
}

/* ---------------------------------------------------------------- typography */
/* Display headings: light weight, tight tracking, no condensing */
html[data-design="crm"] .theme-modern :is(h1, h2, h3, h4, h5, h6),
html[data-design="crm"] .theme-modern .mx-hero .ce-slide-title,
html[data-design="crm"] .theme-modern .page-header .page-title,
html[data-design="crm"] .theme-modern .post-title,
html[data-design="crm"] .theme-modern .ce-headline,
html[data-design="crm"] .theme-modern .ce-prod-name,
html[data-design="crm"] .theme-modern .ce-prod-title,
html[data-design="crm"] .theme-modern .ce-prod-closing h2,
html[data-design="crm"] .mx-closing h2 {
    font-family: var(--f-head); font-weight: 400; font-stretch: 100%; letter-spacing: -.03em;
}
html[data-design="crm"] .theme-modern h1 { font-size: clamp(2.4rem, 4.6vw, 4rem); line-height: 1.05; }
html[data-design="crm"] .theme-modern h2 { font-size: clamp(1.9rem, 3.4vw, 2.8rem); line-height: 1.1; }
html[data-design="crm"] .theme-modern h3 { font-size: clamp(1.3rem, 1.8vw, 1.6rem); line-height: 1.25; letter-spacing: -.012em; }
html[data-design="crm"] .theme-modern .mx-hero .ce-slide-title { font-size: clamp(2.6rem, 5.4vw, 4.8rem); line-height: 1.02; }
html[data-design="crm"] .theme-modern .mx-hero .ce-slide-title span[style] { color: var(--amber) !important; }
html[data-design="crm"] .theme-modern .page-header .page-title { font-size: clamp(2.2rem, 4.2vw, 3.6rem); line-height: 1.05; }
html[data-design="crm"] .theme-modern :is(.ce-box-title, .ce-feature-title, .ce-post-title, .ce-job-title, .ce-person-name, .ce-prod-tile b, .ce-journey h3, .ce-steps h3, .ce-toggle summary, .post-nav) { font-weight: 400; font-stretch: 100%; letter-spacing: -.012em; }
html[data-design="crm"] .theme-modern .ce-feature-title { text-transform: none; letter-spacing: -.005em; font-size: 1.25rem; }
html[data-design="crm"] .theme-modern strong, html[data-design="crm"] .theme-modern b { font-weight: 500; }
html[data-design="crm"] .theme-modern .ce-headline strong, html[data-design="crm"] .theme-modern .ce-headline b { font-weight: 400; color: var(--amber); }
html[data-design="crm"] .theme-modern .mx-hero .ce-slide-sub, html[data-design="crm"] .theme-modern .ce-subheadline,
html[data-design="crm"] .theme-modern .ce-prod-lede { color: var(--slate); font-size: 1.05rem; line-height: 1.65; }

/* Small labels in mono, letter-spaced, as the CRM's eyebrows */
html[data-design="crm"] .theme-modern .page-header-label,
html[data-design="crm"] .theme-modern .ce-post-meta,
html[data-design="crm"] .theme-modern .ce-job-specs,
html[data-design="crm"] .theme-modern .job-summary dt,
html[data-design="crm"] .theme-modern .ce-journey-when,
html[data-design="crm"] .theme-modern .ce-glimpse-colhead,
html[data-design="crm"] .mx-footer :is(h3, .mx-footer-extra h4),
html[data-design="crm"] .mx-footer-bottom,
html[data-design="crm"] .theme-modern .ce-pagination {
    font-family: var(--f-mono); font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; font-weight: 400;
}
html[data-design="crm"] .theme-modern .page-header-label { color: var(--amber); margin-bottom: 18px; }
html[data-design="crm"] .theme-modern .page-header-label a { color: var(--amber); }
html[data-design="crm"] .theme-modern .ce-post-meta a { text-decoration: none; }
html[data-design="crm"] .theme-modern .ce-post-meta .sep { color: var(--line); }
html[data-design="crm"] .mx-wordmark b { font-weight: 500; font-stretch: 100%; letter-spacing: .01em; font-size: 17px; }
html[data-design="crm"] .mx-wordmark span { font-family: var(--f-mono); font-size: 9.5px; letter-spacing: .24em; }
html[data-design="crm"] .theme-modern .site-nav .menu > li > a,
html[data-design="crm"] .theme-modern .site-header.is-stuck .site-nav .menu > li > a { font-family: var(--f-mono); font-size: 11.5px; font-weight: 400; letter-spacing: .06em; }
html[data-design="crm"] .theme-modern .site-nav .menu > li.is-active > a::after { background: var(--amber); }

/* -------------------------------------------------------------------- surfaces */
html[data-design="crm"] .theme-modern .site-header { background: rgba(7, 8, 11, .78); }
html[data-design="crm"] .theme-modern .site-nav .sub-menu { background: var(--panel); box-shadow: 0 0 0 1px var(--line), 0 24px 64px -16px rgba(0, 0, 0, .75); border-radius: 14px; }
html[data-design="crm"] .theme-modern .ce-section.ce-text-light::before { background: linear-gradient(100deg, rgba(17, 21, 29, .96) 0%, rgba(13, 16, 22, .9) 45%, rgba(13, 16, 22, .72) 100%); }
html[data-design="crm"] .theme-modern .ce-section.ce-text-light[style*="#6239bd"] { background-color: var(--panel-2) !important; }
html[data-design="crm"] .theme-modern .ce-section.ce-text-light[style*="#6239bd"]::before { background: linear-gradient(125deg, rgba(22, 27, 37, .96), rgba(28, 34, 48, .9)); }
html[data-design="crm"] .theme-modern :is(.mx-hero, .page-header, .ce-prod-hero)::after { background-size: 64px 64px; }
html[data-design="crm"] .mx-lens::before { border-color: rgba(201, 161, 92, .55); box-shadow: 0 0 60px rgba(201, 161, 92, .12); }
html[data-design="crm"] .mx-lens-media { background-color: var(--panel-2); }
html[data-design="crm"] .mx-lens-media.is-graphic { background-image: radial-gradient(circle at 50% 38%, #1c2230, var(--panel-2) 72%); }
html[data-design="crm"] .theme-modern .ce-post-thumb, html[data-design="crm"] .theme-modern .post-featured img,
html[data-design="crm"] .theme-modern .ce-image img, html[data-design="crm"] .theme-modern .ce-video { border-radius: 14px; }
html[data-design="crm"] .theme-modern .ce-posts-large .ce-post-card { border-radius: 20px; }
html[data-design="crm"] .theme-modern .job-summary, html[data-design="crm"] .theme-modern .post-share, html[data-design="crm"] .theme-modern .ce-notice { border-radius: 14px; }
html[data-design="crm"] .theme-modern .ce-features-top .ce-feature { border-left-color: var(--line); }
html[data-design="crm"] .theme-modern .ce-feature-icon { background: var(--panel-2); color: var(--amber) !important; border-radius: 9px; }
html[data-design="crm"] .theme-modern .ce-box-icon, html[data-design="crm"] .theme-modern .ce-box-icon.ce-icon-circle { border-radius: 9px; }
html[data-design="crm"] .theme-modern .ce-logos img { background: #eceae3; border-radius: 9px; filter: grayscale(1) contrast(1.05); opacity: .85; }
html[data-design="crm"] .theme-modern .ce-testimonial blockquote { font-weight: 300; font-stretch: 100%; letter-spacing: -.012em; }
html[data-design="crm"] .theme-modern .ce-testimonial blockquote::before { color: var(--amber); }

/* ----------------------------------------------------------------- buttons */
html[data-design="crm"] .theme-modern :where(.ce-btn, .ce-form button[type="submit"], .ce-section input[type="submit"]) {
    font-family: var(--f-body); font-size: 15px; font-weight: 500; letter-spacing: 0; padding: 12px 22px;
    background: var(--amber); border-color: var(--amber); color: #0b0d12; border-radius: 999px;
    transition: background .14s, border-color .14s, color .14s;
}
html[data-design="crm"] .theme-modern :where(.ce-btn, .ce-form button[type="submit"], .ce-section input[type="submit"]):hover { background: var(--brass-hover); border-color: var(--brass-hover); color: #0b0d12; }
html[data-design="crm"] .theme-modern .ce-btn-lg { font-size: 15px; padding: 14px 28px; }
html[data-design="crm"] .theme-modern .ce-btn-outline-dark, html[data-design="crm"] .theme-modern .ce-job .ce-btn { background: transparent; color: var(--ink); border-color: rgba(236, 234, 227, .2); }
html[data-design="crm"] .theme-modern .ce-btn-outline-dark:hover, html[data-design="crm"] .theme-modern .ce-job .ce-btn:hover { background: var(--amber); border-color: var(--amber); color: #0b0d12; }
html[data-design="crm"] .mx-cta { font-family: var(--f-body); font-weight: 500; background: var(--amber); color: #0b0d12; }
html[data-design="crm"] .mx-cta:hover { background: var(--brass-hover); color: #0b0d12; }
html[data-design="crm"] .theme-modern .ce-more { color: var(--amber); font-weight: 500; }
html[data-design="crm"] .theme-modern :focus-visible { outline: 2px solid var(--amber); }
html[data-design="crm"] .theme-modern ::selection { background: var(--amber); color: #0b0d12; }

/* ------------------------------------------------------------------- forms */
html[data-design="crm"] .theme-modern :is(.ce-form input[type="text"], .ce-form input[type="email"], .ce-form input[type="tel"], .ce-form input[type="file"],
.ce-form textarea, .ce-search-form input, .ce-section .form-control, .ce-section input[type="text"], .ce-section input[type="email"],
.ce-section input[type="tel"], .ce-section select, .ce-section textarea) {
    background: #0d1016; border: 1px solid rgba(236, 234, 227, .12); border-radius: 9px; color: var(--ink); min-height: 42px;
}
html[data-design="crm"] .theme-modern :is(.ce-form, .ce-section form) :is(input, textarea, select):focus { border-color: var(--amber); box-shadow: 0 0 0 2px var(--void), 0 0 0 4px var(--amber); }
html[data-design="crm"] .theme-modern .ce-form label, html[data-design="crm"] .theme-modern .ce-section form .col-25 label { font-family: var(--f-mono); font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; font-weight: 400; color: var(--slate); }
html[data-design="crm"] .theme-modern .ce-check { font-family: var(--f-body); text-transform: none; letter-spacing: 0; font-size: 14px; }

/* ------------------------------------------------------------------ footer */
html[data-design="crm"] .mx-closing { border-top: 1px solid var(--line); }
html[data-design="crm"] .mx-footer { background: var(--void); box-shadow: inset 0 1px 0 var(--line); }
html[data-design="crm"] .mx-footer a:hover, html[data-design="crm"] .theme-modern .site-nav .menu > li:hover > a { color: var(--amber); }
html[data-design="crm"] .mx-social a:hover { background: var(--amber); color: #0b0d12; }
html[data-design="crm"] .theme-modern .to-top:hover { background: var(--amber); color: #0b0d12; }