/* ==========================================================================
   Corem — "The Strategic Advisor"
   Tokens follow source-materials/brand/COREM_Website_Branding_Instructions_for_Claude.md
   and design/visual-direction.md. All colours come from these variables.
   ========================================================================== */

:root {
	--cm-red: #C8101E;
	--cm-red-dark: #A50D18;
	--cm-charcoal: #202124;
	--cm-silver: #A7ADB4;
	--cm-white: #FFFFFF;
	--cm-soft: #F5F6F7;
	--cm-muted: #5F6368;
	--cm-line: #E3E5E8;
	--cm-red-tint: #FBE7E9;
	--cm-red-wash: #FDF2F3;
	--cm-wa: #25D366;
	--cm-wa-text: #1E7B34;
	--cm-wa-wash: #F1FAF3;
	--cm-amber-bg: #FFF4D6;
	--cm-amber: #8A5A00;
	--cm-star: #F5B400;
	--cm-dark-2: #2B2D31;
	--cm-font-h: Montserrat, Arial, sans-serif;
	--cm-font-b: Inter, Arial, sans-serif;
	--cm-max: 1200px;
	--cm-gutter: 32px;
	--cm-section: 88px;
	--cm-radius: 10px;
	--cm-header-h: 84px;
}

@media (max-width: 768px) {
	:root {
		--cm-gutter: 16px;
		--cm-section: 52px;
		--cm-header-h: 64px;
	}
}

/* ---------- Base ---------- */
html { scroll-padding-top: calc(var(--cm-header-h) + 16px); }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { max-width: 100%; height: auto; }
h1, h2, h3, h4 { letter-spacing: -0.01em; margin: 0; text-wrap: balance; }
p { margin: 0; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }
:focus-visible { outline: 2px solid var(--cm-charcoal); outline-offset: 2px; }
.is-dark :focus-visible, .cm-band :focus-visible { outline-color: #FFFFFF; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { clip: auto; clip-path: none; height: auto; width: auto; background: #fff; color: var(--cm-charcoal); padding: 12px 16px; z-index: 100000; top: 8px; left: 8px; }
main a:where(:not(.wp-element-button):not(.cm-link):not(.cm-prod-link):not(.cm-wa)) { text-decoration: underline; text-underline-offset: 2px; }

/* ---------- Layout ---------- */
.cm-section { padding-block: var(--cm-section); padding-inline: var(--cm-gutter); }
.cm-section.is-tight { padding-block: 56px; }
.cm-section.is-soft { background: var(--cm-soft); }
.cm-section.is-dark { background: var(--cm-charcoal); color: #fff; }
.cm-section.is-dark :where(h1, h2, h3, h4) { color: #fff; }
.cm-section.is-hero { padding-block: 72px 64px; }
.cm-wrap { max-width: var(--cm-max); margin-inline: auto; width: 100%; }
.cm-wrap.is-narrow { max-width: 760px; }
.cm-section > .cm-wrap > * + * { margin-block-start: 0; }
.cm-head { margin-bottom: 44px; max-width: 760px; }
.cm-head.is-center { text-align: center; margin-inline: auto; }
.cm-head > * + * { margin-top: 14px; }
.cm-eyebrow { font-size: 13px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--cm-red); margin-bottom: 14px !important; }
.is-dark .cm-eyebrow, .cm-fork-biz .cm-eyebrow { color: #FF5A66; }
.cm-lede { font-size: 19px; line-height: 1.55; color: var(--cm-muted); max-width: 620px; }
.is-dark .cm-lede { color: #C9CDD2; }
.cm-head.is-center .cm-lede { margin-inline: auto; }
.cm-center { text-align: center; }
.cm-space-top { margin-top: 48px !important; }
.cm-micro { font-size: 14px; color: var(--cm-muted); margin-top: 14px !important; }
.is-dark .cm-micro { color: #C9CDD2; }

.cm-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.cm-grid-2.is-wide-left { grid-template-columns: 1.15fr 0.85fr; }
.cm-grid-2.is-top { align-items: start; }
.cm-grid-2 > * { margin: 0 !important; }
.cm-grid-2 > *, .cm-cards > *, .cm-featured > *, .cm-lm > *, .cm-fork > * { min-width: 0; }
.cm-cards { display: grid; gap: 24px; grid-template-columns: repeat(3, 1fr); }
.cm-cards.cols-2 { grid-template-columns: repeat(2, 1fr); }
.cm-cards.cols-4 { grid-template-columns: repeat(4, 1fr); }
.cm-cards > * { margin: 0 !important; }
.cm-card { background: #fff; border: 1px solid var(--cm-line); border-radius: var(--cm-radius); padding: 28px; }
.cm-card > * + * { margin-top: 8px; }
.cm-card h3 { font-size: 19px; }
.cm-card p { color: var(--cm-muted); }
.cm-card .cm-icon { width: 40px; height: 40px; border-radius: 8px; background: var(--cm-red-tint); color: var(--cm-red); font-family: var(--cm-font-h); font-weight: 700; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.cm-card a { font-weight: 600; text-decoration: none; }

@media (max-width: 1099px) {
	.cm-cards, .cm-cards.cols-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
	.cm-grid-2, .cm-grid-2.is-wide-left { grid-template-columns: 1fr; gap: 28px; }
	.cm-cards, .cm-cards.cols-2, .cm-cards.cols-4 { grid-template-columns: 1fr; }
	.cm-lede { font-size: 16px; }
}

/* ---------- Buttons ---------- */
.wp-block-buttons { gap: 14px; margin-top: 32px !important; }
.wp-element-button, .wp-block-button__link { text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: background-color .15s, color .15s, border-color .15s; }
.wp-block-button.is-style-ghost .wp-block-button__link { background: transparent; color: var(--cm-charcoal); border-color: var(--cm-charcoal); }
.wp-block-button.is-style-ghost .wp-block-button__link:hover { background: var(--cm-charcoal); color: #fff; }
.wp-block-button.is-style-light .wp-block-button__link { background: transparent; color: #fff; border-color: #fff; }
.wp-block-button.is-style-light .wp-block-button__link:hover { background: #fff; color: var(--cm-charcoal); }
.wp-block-button.is-style-whatsapp .wp-block-button__link { background: var(--cm-wa); border-color: var(--cm-wa); color: var(--cm-charcoal); }
.wp-block-button.is-style-whatsapp .wp-block-button__link:hover { background: #1FB857; border-color: #1FB857; }
.wp-block-button.is-style-whatsapp .wp-block-button__link::before,
.cm-wa::before { content: ""; width: 16px; height: 16px; flex: 0 0 16px; background: currentColor; -webkit-mask: url("../images/icons/whatsapp.svg") center / contain no-repeat; mask: url("../images/icons/whatsapp.svg") center / contain no-repeat; }
.cm-wa { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--cm-wa-text); border: 1px solid #CDE8D4; background: var(--cm-wa-wash); padding: 9px 14px; border-radius: 8px; text-decoration: none; }
.cm-wa:hover { background: #E2F4E7; }
.cm-link { color: var(--cm-red); font-weight: 600; text-decoration: none; }
.cm-link:hover { text-decoration: underline; }
@media (max-width: 768px) {
	.wp-block-buttons { flex-direction: column; align-items: stretch; }
	.wp-block-buttons .wp-block-button__link { width: 100%; justify-content: center; }
}

/* ---------- Header ---------- */
.cm-header { position: sticky; top: 0; z-index: 50; background: #fff; border-bottom: 1px solid var(--cm-line); padding-inline: var(--cm-gutter); }
.admin-bar .cm-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .cm-header { top: 46px; } }
.cm-header-inner { max-width: var(--cm-max); margin: 0 auto; height: var(--cm-header-h); display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.cm-header-inner > * { margin: 0 !important; }
.cm-logo img { height: 40px; width: auto; display: block; }
.cm-header .wp-block-navigation { font-size: 15px; font-weight: 500; gap: 30px; }
.cm-header .wp-block-navigation a { text-decoration: none; }
.cm-header .wp-block-navigation a:hover, .cm-header .wp-block-navigation .current-menu-item > a { color: var(--cm-red); }
.cm-header .wp-block-navigation__submenu-container { border: 1px solid var(--cm-line) !important; border-radius: 10px; padding: 8px !important; min-width: 280px !important; box-shadow: 0 12px 30px rgba(32, 33, 36, .08); }
.cm-header .wp-block-navigation__submenu-container a { padding: 9px 12px !important; border-radius: 6px; }
.cm-header .wp-block-navigation__submenu-container a:hover { background: var(--cm-soft); }
.cm-header-actions { display: flex; align-items: center; gap: 12px; }
.cm-header-actions .wp-block-buttons { margin: 0 !important; }
.cm-header-actions .wp-block-button__link { padding: 11px 18px; font-size: 14px; }
@media (max-width: 1099px) {
	.cm-header .cm-header-cta { display: none; }
}
@media (max-width: 600px) {
	.cm-header-inner { gap: 10px; }
	.cm-header-inner > .cm-logo { margin-right: auto !important; }
	.cm-header-inner > .wp-block-navigation { order: 3; }
	.cm-header-inner > .cm-header-actions { order: 2; }
}
@media (max-width: 768px) {
	.cm-logo img { height: 30px; }
	.cm-wa { padding: 7px 10px; font-size: 12px; }
	.cm-header .cm-wa-label-long { display: none; }
}
.cm-header .cm-nav-mobile-only { display: none; }
.cm-header .is-menu-open .cm-nav-mobile-only { display: block; font-weight: 600; color: var(--cm-red); }
.wp-block-navigation__responsive-container.is-menu-open { padding: 24px var(--cm-gutter) !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { gap: 18px; font-size: 17px; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { box-shadow: none; border: 0 !important; padding: 6px 0 0 14px !important; }

/* ---------- Hero ---------- */
.cm-hero-photo { border-radius: 14px; overflow: hidden; aspect-ratio: 4 / 4.3; background: var(--cm-soft); margin: 0; }
.cm-hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; display: block; }
.cm-hero-photo.is-portrait { aspect-ratio: 4 / 5; }
.cm-breadcrumb { font-size: 13px; color: var(--cm-muted); margin-bottom: 18px !important; }
.cm-breadcrumb a { color: var(--cm-muted); text-decoration: none !important; }
.cm-breadcrumb a:hover { color: var(--cm-red); }
.cm-proof { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--cm-line); margin-top: 56px !important; padding-top: 28px; gap: 16px; list-style: none; padding-left: 0; }
.cm-proof li { margin: 0; }
.cm-proof b { display: block; font-family: var(--cm-font-h); font-size: 30px; line-height: 1.2; }
.cm-proof span { font-size: 14px; color: var(--cm-muted); }
@media (max-width: 768px) {
	.cm-proof { grid-template-columns: 1fr 1fr; row-gap: 20px; }
	.cm-proof b { font-size: 22px; }
	.cm-hero-grid > .cm-hero-photo { order: 2; }
}

/* ---------- Logos, photos, As seen on ---------- */
.cm-label { font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cm-muted); margin-bottom: 22px !important; }
.cm-logos ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.cm-logos img { height: 34px; width: auto; max-width: 200px; object-fit: contain; filter: grayscale(1); opacity: .55; }
.cm-logos img[src*="ingram-micro"] { height: 52px; }
.cm-logos img[src*="sun-microsystems"] { height: 44px; }
@media (max-width: 768px) {
	.cm-logos ul { justify-content: center; gap: 22px 34px; }
	.cm-logos img { height: 24px; }
	.cm-logos img[src*="ingram-micro"] { height: 40px; }
	.cm-logos img[src*="sun-microsystems"] { height: 32px; }
}
.cm-strip { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.cm-strip figure { margin: 0; }
.cm-strip img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; border-radius: 8px; filter: grayscale(1) contrast(1.05) brightness(1.05); display: block; }
.cm-strip figcaption { font-size: 12px; color: var(--cm-muted); margin-top: 6px; }
@media (max-width: 768px) { .cm-strip { grid-template-columns: repeat(2, 1fr); } }
.cm-aseen { text-align: center; }
.cm-aseen img { max-width: 900px; width: 100%; filter: grayscale(1); opacity: .75; }

/* ---------- Path fork ---------- */
.cm-fork { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.cm-fork > * { margin: 0 !important; }
.cm-fork-card { border-radius: var(--cm-radius); padding: 40px; min-height: 300px; display: flex; flex-direction: column; border: 1px solid var(--cm-line); background: #fff; }
.cm-fork-card > * + * { margin-top: 12px; }
.cm-fork-card .wp-block-buttons { margin-top: auto !important; padding-top: 26px; }
.cm-fork-biz { background: var(--cm-charcoal); color: #fff; border: 0; }
.cm-fork-biz h3 { color: #fff; }
.cm-fork-card h3 { font-size: 28px; }
.cm-fork-card p { color: var(--cm-muted); }
.cm-fork-biz p { color: #C9CDD2; }
.cm-chip-list { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 18px 0 0 !important; }
.cm-chip-list li { margin: 0; }
.cm-chip-list a, .cm-chip { display: inline-block; font-size: 13px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--cm-line); background: #fff; color: var(--cm-charcoal); text-decoration: none !important; font-family: var(--cm-font-b); cursor: pointer; }
.cm-fork-biz .cm-chip-list a { background: transparent; border-color: #44464B; color: #E8EAED; }
.cm-chip-list a:hover { border-color: var(--cm-red); }
@media (max-width: 768px) {
	.cm-fork { grid-template-columns: 1fr; }
	.cm-fork-card { padding: 28px; min-height: 0; }
}

/* ---------- Method track ---------- */
.cm-track { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(7, 1fr); position: relative; }
.cm-track::before { content: ""; position: absolute; top: 22px; left: 7%; right: 7%; height: 2px; background: var(--cm-line); }
.cm-step { text-align: center; padding: 0 8px; position: relative; margin: 0; }
.cm-step-dot { width: 46px; height: 46px; border-radius: 50%; background: #fff; border: 2px solid var(--cm-red); margin: 0 auto 14px; display: flex; align-items: center; justify-content: center; font-family: var(--cm-font-h); font-weight: 700; color: var(--cm-red); }
.cm-step.is-hl .cm-step-dot { background: var(--cm-red); color: #fff; }
.cm-step-name { display: block; font-family: var(--cm-font-h); font-weight: 700; font-size: 15px; margin-bottom: 4px; }
.cm-step small { font-size: 12px; color: var(--cm-muted); display: block; }
.is-soft .cm-step-dot { background: var(--cm-soft); }
.is-soft .cm-step.is-hl .cm-step-dot { background: var(--cm-red); }
@media (max-width: 1099px) and (min-width: 769px) {
	.cm-track { grid-template-columns: repeat(4, 1fr); row-gap: 28px; }
	.cm-track::before { display: none; }
}
@media (max-width: 768px) {
	.cm-track { grid-template-columns: 1fr; gap: 14px; }
	.cm-track::before { display: none; }
	.cm-step { display: grid; grid-template-columns: 40px 1fr; column-gap: 14px; text-align: left; align-items: center; }
	.cm-step-dot { margin: 0; width: 40px; height: 40px; grid-row: span 2; }
	.cm-step-name { margin: 0; }
}
.cm-step-table { border-top: 1px solid var(--cm-line); }
.cm-step-row { display: grid; grid-template-columns: 56px 1fr 240px; gap: 24px; padding: 28px 0; border-bottom: 1px solid var(--cm-line); align-items: start; }
.cm-step-row h3 { font-size: 20px; margin-bottom: 8px; }
.cm-step-row p { color: var(--cm-muted); }
.cm-step-num { width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--cm-red); color: var(--cm-red); display: flex; align-items: center; justify-content: center; font-family: var(--cm-font-h); font-weight: 700; }
.cm-step-num.is-hl { background: var(--cm-red); color: #fff; }
.cm-step-where { font-size: 14px; }
.cm-step-where span { display: block; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--cm-muted); margin-bottom: 4px; }
@media (max-width: 768px) {
	.cm-step-row { grid-template-columns: 44px 1fr; }
	.cm-step-where { grid-column: 2; }
}

/* ---------- Definition box, callouts, lists ---------- */
.cm-definition { border-left: 4px solid var(--cm-red); background: var(--cm-soft); padding: 24px 28px; border-radius: 0 10px 10px 0; margin-top: 24px !important; }
.cm-definition p { font-size: 18px; line-height: 1.6; }
.cm-checklist { list-style: none; padding: 0; margin: 0; }
.cm-checklist li { padding-left: 28px; position: relative; margin: 12px 0; }
.cm-checklist li::before { content: "✓"; position: absolute; left: 0; color: var(--cm-red); font-weight: 700; }
.cm-tag { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--cm-red); background: var(--cm-red-tint); padding: 4px 10px; border-radius: 4px; }

/* ---------- Engagement stages ---------- */
.cm-stages { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; list-style: none; margin: 0; padding: 0; counter-reset: stage; }
.cm-stages > * { margin: 0 !important; border-top: 3px solid var(--cm-red); padding-top: 18px; }
.cm-stages h3 { font-size: 19px; margin-bottom: 8px; }
.cm-stages p { color: var(--cm-muted); font-size: 15px; }
.cm-stage-num { font-family: var(--cm-font-h); font-weight: 700; color: var(--cm-red); font-size: 13px; margin-bottom: 10px !important; }
@media (max-width: 1099px) { .cm-stages { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .cm-stages { grid-template-columns: 1fr; } }

/* ---------- Fit lists ---------- */
.cm-fit h3 { margin-bottom: 14px; }
.cm-fit ul { list-style: none; padding: 0; margin: 0; }
.cm-fit li { padding-left: 28px; position: relative; margin: 10px 0; }
.cm-fit .is-yes li::before { content: "✓"; position: absolute; left: 0; color: var(--cm-red); font-weight: 700; }
.cm-fit .is-no li::before { content: "✕"; position: absolute; left: 0; color: var(--cm-muted); font-weight: 700; }

/* ---------- Tool banner and side card ---------- */
.cm-tool-banner { display: flex; align-items: center; justify-content: space-between; gap: 24px; background: #fff; border: 1px solid var(--cm-line); border-radius: 12px; padding: 32px 36px; }
.cm-tool-banner > * { margin: 0 !important; }
.cm-tool-banner p { color: var(--cm-muted); margin-top: 6px !important; }
.cm-side-card { background: #fff; border: 1px solid var(--cm-line); border-radius: 12px; padding: 28px; box-shadow: 0 10px 30px rgba(32, 33, 36, .06); }
.cm-side-card > * + * { margin-top: 10px; }
.cm-side-card .wp-block-buttons { margin-top: 20px !important; }
@media (max-width: 768px) { .cm-tool-banner { flex-direction: column; align-items: stretch; padding: 24px; } }

/* ---------- Testimonials ---------- */
.cm-carousel-viewport { overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent); mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent); }
.cm-carousel-track { display: flex; gap: 18px; width: max-content; will-change: transform; }
.cm-t-card { flex: 0 0 360px; background: #fff; border: 1px solid var(--cm-line); border-radius: 12px; padding: 24px; margin: 0; display: flex; flex-direction: column; }
.cm-t-photo { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; margin-bottom: 12px; }
.cm-t-initials { display: flex; align-items: center; justify-content: center; background: var(--cm-red-tint); color: var(--cm-red); font-family: var(--cm-font-h); font-weight: 700; }
.cm-stars { color: var(--cm-star); letter-spacing: 2px; font-size: 14px; }
.cm-t-card blockquote { margin: 10px 0 0; font-size: 15px; line-height: 1.6; flex: 1; }
.cm-t-card figcaption { border-top: 1px solid var(--cm-line); margin-top: 14px; padding-top: 10px; font-size: 14px; }
.cm-t-card figcaption b { display: block; }
.cm-t-card figcaption span { color: var(--cm-muted); font-style: italic; font-size: 13px; }
.cm-carousel-controls { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 22px; font-size: 14px; flex-wrap: wrap; }
.cm-carousel-buttons { display: flex; gap: 8px; }
.cm-cbtn { width: 44px; height: 44px; border: 1px solid var(--cm-line); border-radius: 50%; background: #fff; color: var(--cm-charcoal); cursor: pointer; font-size: 18px; line-height: 1; display: flex; align-items: center; justify-content: center; }
.cm-cbtn:hover { border-color: var(--cm-charcoal); }
.cm-cbtn[data-action="pause"] { font-size: 11px; letter-spacing: -1px; }
.cm-carousel.is-static .cm-carousel-viewport { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-mask-image: none; mask-image: none; }
.cm-carousel.is-static .cm-t-card { scroll-snap-align: start; }
.cm-carousel.is-static [data-action="pause"] { display: none; }
.cm-t-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.cm-t-grid .cm-t-card { flex: none; }
.cm-t-grid .cm-t-card[hidden] { display: none; }
.cm-t-more { margin-top: 24px !important; }
@media (max-width: 1099px) { .cm-t-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) {
	.cm-t-card { flex-basis: 290px; }
	.cm-t-grid { grid-template-columns: 1fr; }
}

/* ---------- Tabs and chips (filters) ---------- */
.cm-tabs { display: flex; gap: 6px; border-bottom: 1px solid var(--cm-line); margin-bottom: 24px; overflow-x: auto; }
.cm-tabs button { background: none; border: 0; border-bottom: 3px solid transparent; padding: 12px 18px; font: 500 15px/1.2 var(--cm-font-b); color: var(--cm-muted); cursor: pointer; white-space: nowrap; }
.cm-tabs button[aria-selected="true"], .cm-tabs button[aria-pressed="true"] { color: var(--cm-charcoal); border-bottom-color: var(--cm-red); }
.cm-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.cm-chip[aria-pressed="true"] { background: var(--cm-charcoal); color: #fff; border-color: var(--cm-charcoal); }
.cm-start-here { font-size: 15px; color: var(--cm-muted); min-height: 1.5em; margin-bottom: 28px !important; }

/* ---------- Products ---------- */
.cm-prod-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.cm-prod-grid.is-3 { grid-template-columns: repeat(3, 1fr); }
.cm-prod { background: #fff; border: 1px solid var(--cm-line); border-radius: var(--cm-radius); overflow: hidden; display: flex; flex-direction: column; }
.cm-prod[hidden] { display: none; }
.cm-prod-cover { background: var(--cm-soft); aspect-ratio: 4 / 3; display: flex; align-items: center; justify-content: center; padding: 22px; overflow: hidden; }
.cm-prod-cover img { height: 100%; width: auto; max-width: 100%; object-fit: contain; box-shadow: 0 6px 18px rgba(0, 0, 0, .12); }
.cm-prod-cover.is-wide { padding: 0; }
.cm-prod-cover.is-wide img { width: 100%; height: 100%; object-fit: cover; box-shadow: none; }
.cm-prod-body { padding: 20px 22px 24px; display: flex; flex-direction: column; flex: 1; }
.cm-prod-type { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--cm-muted); margin-bottom: 8px !important; }
.cm-prod h3 { font-size: 17px; margin-bottom: 6px; }
.cm-prod-body > p:not(.cm-prod-type) { font-size: 14px; color: var(--cm-muted); }
.cm-prod-foot { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin-top: auto; padding-top: 16px; }
.cm-prod-price { font-family: var(--cm-font-h); font-weight: 700; font-size: 18px; }
.cm-prod-price small { display: block; font-family: var(--cm-font-b); font-weight: 400; font-size: 12px; color: var(--cm-muted); }
.cm-prod-link { color: var(--cm-red); font-weight: 600; font-size: 14px; text-decoration: none; white-space: nowrap; }
.cm-prod-link:hover { text-decoration: underline; }
.cm-prod-soon { font-size: 13px; color: var(--cm-muted); font-weight: 600; }
@media (max-width: 1099px) { .cm-prod-grid, .cm-prod-grid.is-3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .cm-prod-grid, .cm-prod-grid.is-3 { grid-template-columns: 1fr; } }

.cm-featured { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 1px solid var(--cm-line); border-radius: 12px; overflow: hidden; background: #fff; margin-bottom: 32px !important; }
.cm-featured > * { margin: 0 !important; }
.cm-featured-img { background: var(--cm-soft); }
.cm-featured-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cm-featured-body { padding: 40px; }
.cm-featured-body > * + * { margin-top: 12px; }
@media (max-width: 768px) { .cm-featured { grid-template-columns: 1fr; } .cm-featured-body { padding: 24px; } }

/* Ladder */
.cm-ladder { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; list-style: none; padding: 0; margin: 0; }
.cm-ladder li { margin: 0; background: #fff; border: 1px solid var(--cm-line); border-radius: 10px; padding: 20px; }
.cm-ladder b { display: block; font-family: var(--cm-font-h); font-size: 18px; color: var(--cm-red); }
.cm-ladder span { display: block; font-weight: 600; margin-top: 6px; }
.cm-ladder small { display: block; color: var(--cm-muted); font-size: 13px; margin-top: 4px; }
.cm-ladder li:last-child { background: var(--cm-charcoal); color: #fff; border-color: var(--cm-charcoal); }
.cm-ladder li:last-child b { color: #FF5A66; }
.cm-ladder li:last-child small { color: #C9CDD2; }
@media (max-width: 1099px) { .cm-ladder { grid-template-columns: 1fr 1fr; } }
@media (max-width: 768px) { .cm-ladder { grid-template-columns: 1fr; } }

/* ---------- Founder, books, timeline ---------- */
.cm-founder-photo { border-radius: 14px; overflow: hidden; margin: 0; }
.cm-founder-photo img { display: block; width: 100%; height: auto; }
.cm-books { display: flex; gap: 16px; margin-top: 24px !important; list-style: none; padding: 0; }
.cm-books li { margin: 0; }
.cm-books img { height: 120px; width: auto; border-radius: 4px; box-shadow: 0 6px 18px rgba(0, 0, 0, .12); }
.cm-timeline { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 2px solid var(--cm-line); margin-top: 20px !important; list-style: none; padding: 0; }
.cm-timeline li { padding: 22px 14px 0 0; position: relative; margin: 0; }
.cm-timeline li::before { content: ""; position: absolute; top: -8px; left: 0; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 3px solid var(--cm-red); }
.cm-timeline img { height: 26px; width: auto; filter: grayscale(1); opacity: .6; margin-bottom: 10px; display: block; }
.cm-timeline b { font-family: var(--cm-font-h); display: block; }
.cm-timeline small { color: var(--cm-muted); }
@media (max-width: 768px) {
	.cm-timeline { grid-template-columns: 1fr; border-top: 0; border-left: 2px solid var(--cm-line); padding-left: 22px; gap: 22px; }
	.cm-timeline li { padding: 0; }
	.cm-timeline li::before { top: 4px; left: -31px; }
}

/* ---------- Free framework band ---------- */
.cm-lm { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; }
.cm-lm > * { margin: 0 !important; }
.cm-lm-visual { background: var(--cm-dark-2); border-radius: 12px; padding: 32px; display: flex; align-items: center; justify-content: center; }
.cm-lm-visual img { max-height: 340px; width: auto; border-radius: 6px; box-shadow: 0 20px 40px rgba(0, 0, 0, .4); }
@media (max-width: 768px) { .cm-lm { grid-template-columns: 1fr; gap: 28px; } }

/* ---------- CTA band ---------- */
.cm-band { text-align: center; }
.cm-band .cm-wrap { max-width: 760px; }
.cm-band .wp-block-buttons { justify-content: center; }
.cm-band p:not(.cm-eyebrow) { color: #C9CDD2; font-size: 18px; margin-top: 14px !important; }

/* ---------- FAQ ---------- */
.cm-faq .wp-block-details { border-bottom: 1px solid var(--cm-line); padding: 0; margin: 0 !important; }
.cm-faq .wp-block-details summary { list-style: none; cursor: pointer; padding: 22px 40px 22px 0; position: relative; font-family: var(--cm-font-h); font-weight: 600; font-size: 18px; }
.cm-faq .wp-block-details summary::-webkit-details-marker { display: none; }
.cm-faq .wp-block-details summary::after { content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 26px; color: var(--cm-red); font-family: var(--cm-font-b); font-weight: 400; }
.cm-faq .wp-block-details[open] summary::after { content: "–"; }
.cm-faq .wp-block-details > :not(summary) { color: var(--cm-muted); padding-bottom: 22px; margin: 0; max-width: 720px; }

/* ---------- Self-check tools ---------- */
.cm-tool { max-width: 720px; }
.cm-tool-card { background: #fff; border: 1px solid var(--cm-line); border-radius: 12px; padding: 36px; box-shadow: 0 10px 30px rgba(32, 33, 36, .06); }
.cm-tool-card > * + * { margin-top: 12px; }
.cm-tool-progress { display: flex; justify-content: space-between; font-size: 13px; color: var(--cm-muted); font-weight: 600; }
.cm-meter { height: 8px; background: var(--cm-line); border-radius: 4px; overflow: hidden; margin: 10px 0 24px !important; }
.cm-meter i { display: block; height: 100%; background: var(--cm-red); transition: width .2s; }
.cm-tool fieldset { border: 0; padding: 0; margin: 0; }
.cm-tool legend { font-family: var(--cm-font-h); font-weight: 700; font-size: 22px; line-height: 1.3; padding: 0; margin-bottom: 6px; }
.cm-tool-area { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--cm-red); }
.cm-opts { display: grid; gap: 10px; margin-top: 22px; }
.cm-opt { display: flex; align-items: center; gap: 12px; border: 1px solid var(--cm-line); border-radius: 10px; padding: 16px 18px; font-weight: 500; cursor: pointer; min-height: 56px; }
.cm-opt:hover { border-color: var(--cm-silver); }
.cm-opt input { accent-color: var(--cm-red); width: 18px; height: 18px; margin: 0; }
.cm-opt:has(input:checked) { border-color: var(--cm-red); background: var(--cm-red-wash); }
.cm-opt:has(input:focus-visible) { outline: 2px solid var(--cm-charcoal); outline-offset: 2px; }
.cm-tool-nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 28px !important; }
.cm-tool-nav button, .cm-tool-actions a, .cm-tool-start { font: 600 15px/1.2 var(--cm-font-b); padding: 14px 22px; border-radius: 8px; border: 2px solid var(--cm-red); background: var(--cm-red); color: #fff; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.cm-tool-nav button:disabled { opacity: .45; cursor: not-allowed; }
.cm-tool-nav .is-back, .cm-tool-actions .is-ghost { background: transparent; color: var(--cm-charcoal); border-color: var(--cm-charcoal); }
.cm-tool-actions .is-wa { background: var(--cm-wa); border-color: var(--cm-wa); color: var(--cm-charcoal); }
.cm-band-result { font-family: var(--cm-font-h); font-weight: 700; font-size: 24px; padding: 14px 18px; border-radius: 10px; background: var(--cm-amber-bg); color: var(--cm-amber); }
.cm-band-result.is-good { background: #E6F4EA; color: var(--cm-wa-text); }
.cm-band-result.is-risk { background: var(--cm-red-tint); color: var(--cm-red-dark); }
.cm-tool-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px !important; }
.cm-tool-area-result { border-left: 3px solid var(--cm-red); padding: 4px 0 4px 16px; margin-top: 18px !important; }
.cm-tool-area-result h3 { font-size: 17px; margin-bottom: 4px; }
.cm-tool-area-result p { color: var(--cm-muted); }
.cm-tool-small { font-size: 13px; color: var(--cm-muted); }
.cm-tool-restart { background: none; border: 0; padding: 0; color: var(--cm-red); font: 600 14px var(--cm-font-b); cursor: pointer; text-decoration: underline; }
@media (max-width: 768px) {
	.cm-tool-card { padding: 22px; }
	.cm-tool legend { font-size: 19px; }
	.cm-tool-actions a, .cm-tool-nav button { flex: 1; }
}

/* ---------- Articles and legal text ---------- */
.cm-prose { max-width: 760px; margin-inline: auto; font-size: 17px; }
.cm-prose > * + * { margin-top: 1em; }
.cm-prose h2 { font-size: 26px; margin-top: 2em; }
.cm-prose h3 { font-size: 20px; margin-top: 1.6em; }
.cm-prose ul, .cm-prose ol { padding-left: 1.4em; }
.cm-prose li + li { margin-top: .4em; }
.cm-prose table { width: 100%; border-collapse: collapse; font-size: 15px; }
.cm-prose th, .cm-prose td { border-bottom: 1px solid var(--cm-line); padding: 10px 8px; text-align: left; vertical-align: top; }
.cm-prose th { font-weight: 600; background: var(--cm-soft); }
.cm-updated { color: var(--cm-muted); font-size: 14px; }
.cm-article-head { max-width: 760px; margin-inline: auto; }
.cm-article-head > * + * { margin-top: 14px; }
.cm-byline { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--cm-muted); }
.cm-byline img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.cm-short-answer { border-left: 4px solid var(--cm-red); background: var(--cm-soft); padding: 20px 24px; border-radius: 0 10px 10px 0; }
.cm-author-box { display: flex; gap: 18px; align-items: flex-start; border: 1px solid var(--cm-line); border-radius: 12px; padding: 24px; margin-top: 48px !important; }
.cm-author-box img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; flex: 0 0 72px; }
.cm-author-box p { color: var(--cm-muted); font-size: 15px; margin-top: 6px; }

/* Blog cards */
.cm-posts .wp-block-post-template { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 24px; list-style: none; padding: 0; margin: 0; }
.cm-posts .wp-block-post { margin: 0; }
.cm-posts .wp-block-post-featured-image { margin: 0 0 16px; border-radius: var(--cm-radius); overflow: hidden; aspect-ratio: 16 / 9; background: var(--cm-soft); border-bottom: 4px solid var(--cm-red); }
.cm-posts .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; }
.cm-posts .wp-block-post-terms { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.cm-posts .wp-block-post-terms a { text-decoration: none !important; }
.cm-posts .wp-block-post-title { font-size: 19px; margin: 6px 0 8px; }
.cm-posts .wp-block-post-title a { color: var(--cm-charcoal); text-decoration: none !important; }
.cm-posts .wp-block-post-title a:hover { color: var(--cm-red); }
.cm-posts .wp-block-post-excerpt { color: var(--cm-muted); font-size: 15px; }
.cm-posts .wp-block-post-date { font-size: 13px; color: var(--cm-muted); }
@media (max-width: 1099px) { .cm-posts .wp-block-post-template { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .cm-posts .wp-block-post-template { grid-template-columns: 1fr; } }

/* ---------- Footer ---------- */
.cm-footer { background: var(--cm-soft); border-top: 1px solid var(--cm-line); padding: 64px var(--cm-gutter) 32px; font-size: 14px; }
.cm-footer-grid { max-width: var(--cm-max); margin: 0 auto; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr; gap: 32px; }
.cm-footer-grid > * { margin: 0 !important; }
.cm-footer-logo img { height: 56px; width: auto; }
.cm-footer p { color: var(--cm-muted); }
.cm-footer h2 { font-size: 14px; margin-bottom: 14px; }
.cm-footer ul { list-style: none; padding: 0; margin: 0; }
.cm-footer li { margin: 8px 0; }
.cm-footer a { color: var(--cm-muted); text-decoration: none; }
.cm-footer a:hover { color: var(--cm-red); text-decoration: underline; }
.cm-footer-bottom { max-width: var(--cm-max); margin: 48px auto 0; border-top: 1px solid var(--cm-line); padding-top: 22px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; color: var(--cm-muted); font-size: 13px; }
.cm-footer-bottom ul { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.cm-footer-bottom li { margin: 0; }
.cm-footer-company { max-width: var(--cm-max); margin: 32px auto 0; color: var(--cm-muted); font-size: 13px; }
@media (max-width: 1099px) { .cm-footer-grid { grid-template-columns: 1fr 1fr 1fr; } .cm-footer-grid > :first-child { grid-column: 1 / -1; } }
@media (max-width: 768px) { .cm-footer-grid { grid-template-columns: 1fr 1fr; } }

/* ---------- Floating WhatsApp button ---------- */
.cm-wa-float { position: fixed; right: 24px; bottom: 24px; z-index: 40; display: inline-flex; align-items: center; gap: 8px; background: var(--cm-wa); color: var(--cm-charcoal); font-weight: 600; font-size: 14px; padding: 12px 18px; border-radius: 999px; box-shadow: 0 8px 20px rgba(0, 0, 0, .18); text-decoration: none; }
.cm-wa-float::before { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: url("../images/icons/whatsapp.svg") center / contain no-repeat; mask: url("../images/icons/whatsapp.svg") center / contain no-repeat; }
.cm-wa-float:hover { background: #1FB857; }
@media (max-width: 768px) {
	.cm-wa-float { right: 14px; bottom: 14px; font-size: 13px; padding: 10px 14px; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* ---------- Editor ---------- */
.editor-styles-wrapper .cm-section { padding-inline: var(--cm-gutter); }

/* Blog index and category archives: category grid + photo cards (v1.0.5) */
.cm-blog-title { display: flex; align-items: center; gap: 24px; margin-bottom: 28px; }
.cm-blog-title::after { content: ""; flex: 1; height: 2px; background: var(--cm-charcoal); min-width: 40px; }
.cm-blog-desc { margin: -12px 0 28px; }
.cm-cat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; margin: 0 0 48px; }
.cm-cat { display: block; padding: 10px 14px; border: 1px solid #F0C3C7; background: #FDF2F3; border-radius: 8px; color: var(--cm-charcoal); font-weight: 600; font-size: 15px; line-height: 1.3; text-decoration: none !important; transition: border-color .15s, background .15s; }
.cm-cat span { display: block; font-size: 11px; font-weight: 500; color: var(--cm-muted); letter-spacing: .02em; margin-bottom: 2px; }
.cm-cat:hover, .cm-cat:focus-visible { border-color: var(--cm-red); background: #FBE7E9; }
.cm-cat.is-current { background: var(--cm-charcoal); border-color: var(--cm-charcoal); color: #fff; }
.cm-cat.is-current span { color: #BDC1C6; }
.cm-card-grid .wp-block-post-template { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px 28px; list-style: none; padding: 0; margin: 0; }
.cm-card-grid .wp-block-post { margin: 0; display: flex; flex-direction: column; }
.cm-card-grid .wp-block-post-featured-image { margin: 0 0 14px; border-radius: 12px; overflow: hidden; aspect-ratio: 16 / 10; border-bottom: 4px solid var(--cm-red); background: var(--cm-soft); }
.cm-card-grid .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.cm-card-grid .wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.03); }
.cm-card-meta { gap: 12px; align-items: center; margin: 0 0 8px; }
.cm-card-meta .cm-by { font-size: 13px; color: var(--cm-muted); margin: 0; }
.cm-card-meta .cm-chip { font-size: 11px !important; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; margin: 0; border: 0; background: none; padding: 0; border-radius: 0; }
.cm-chip a { display: inline-block; background: var(--cm-red); color: #fff !important; padding: 3px 8px; border-radius: 4px; text-decoration: none !important; white-space: nowrap; }
.cm-card-grid .wp-block-post-title { font-size: 21px; line-height: 1.25; margin: 0 0 8px; }
.cm-card-grid .wp-block-post-title a { color: var(--cm-charcoal); text-decoration: none !important; }
.cm-card-grid .wp-block-post-title a:hover { color: var(--cm-red); }
.cm-card-grid .wp-block-post-date { font-size: 13px; color: var(--cm-muted); }
.cm-blog-cta { margin-top: 72px; padding: 40px; border-radius: 14px; background: var(--cm-soft); border-left: 4px solid var(--cm-red); }
.cm-blog-cta h2 { margin: 0 0 8px; }
.cm-blog-cta .wp-block-buttons { margin-top: 18px; }
@media (prefers-reduced-motion: reduce) { .cm-card-grid .wp-block-post-featured-image img { transition: none; } }
@media (max-width: 1099px) { .cm-card-grid .wp-block-post-template { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 680px) {
	.cm-card-grid .wp-block-post-template { grid-template-columns: 1fr; gap: 36px; }
	.cm-cat-grid { grid-template-columns: repeat(2, 1fr); }
	.cm-blog-title::after { display: none; }
	.cm-blog-cta { padding: 28px 20px; }
}

/* Blog promo card (first card in the grid; added in functions.php) */
.cm-promo-link { display: flex; flex-direction: column; color: inherit; text-decoration: none !important; }
.cm-promo-card .wp-block-post-featured-image { position: relative; }
.cm-promo-card .wp-block-post-featured-image img { object-position: center 25%; }
.cm-promo-card:hover .wp-block-post-featured-image img { transform: scale(1.03); }
.cm-promo-badge { position: absolute; left: 14px; bottom: 14px; background: var(--cm-red); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 6px 10px; border-radius: 6px; }
.cm-promo-tag { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--cm-red); }
.cm-promo-card .wp-block-post-title { color: var(--cm-charcoal); }
.cm-promo-link:hover .wp-block-post-title, .cm-promo-link:focus-visible .wp-block-post-title { color: var(--cm-red); }
.cm-promo-card .cm-card-meta { display: flex; justify-content: space-between; flex-wrap: nowrap; }