:root {
  --crg-navy-950: #07111f;
  --crg-navy-900: #0c1728;
  --crg-ink: #172234;
  --crg-ink-soft: #344257;
  --crg-slate: #617085;
  --crg-slate-light: #8a97a8;
  --crg-line: #dbe2ea;
  --crg-line-dark: rgba(255,255,255,.13);
  --crg-bg: #f6f8fb;
  --crg-surface: #ffffff;
  --crg-blue: #4ba7d1;
  --crg-blue-dark: #207aa6;
  --crg-blue-soft: #e8f5fb;
  --crg-gold: #c49a45;
  --crg-success: #21805f;
  --crg-warning: #9d7022;
  --crg-danger: #a94747;
  --crg-radius-sm: 8px;
  --crg-radius: 14px;
  --crg-radius-lg: 22px;
  --crg-shadow: 0 24px 70px rgba(13, 31, 52, .08);
  --crg-container: 1280px;
  --crg-wide: 1440px;
  --crg-editorial: 780px;
  --crg-gutter: clamp(20px, 4vw, 48px);
  --crg-section: clamp(72px, 8vw, 128px);
  --crg-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html { scroll-behavior: smooth; }
html, body { max-width: 100%; overflow-x: clip; }
body.cybatar-public-v2 {
  margin: 0;
  background: var(--crg-bg);
  color: var(--crg-ink);
  font-family: var(--crg-font);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.cybatar-public-v2 *, body.cybatar-public-v2 *::before, body.cybatar-public-v2 *::after { box-sizing: border-box; }
body.cybatar-public-v2 img, body.cybatar-public-v2 svg { max-width: 100%; }
body.cybatar-public-v2 a { color: inherit; text-decoration: none; }
body.cybatar-public-v2 button, body.cybatar-public-v2 input, body.cybatar-public-v2 select, body.cybatar-public-v2 textarea { font: inherit; }
body.cybatar-public-v2 h1, body.cybatar-public-v2 h2, body.cybatar-public-v2 h3, body.cybatar-public-v2 h4, body.cybatar-public-v2 p { margin-top: 0; }
body.cybatar-public-v2 h1, body.cybatar-public-v2 h2, body.cybatar-public-v2 h3 { letter-spacing: -.035em; line-height: 1.06; }
body.cybatar-public-v2 h1 { font-size: clamp(44px, 6vw, 78px); font-weight: 650; }
body.cybatar-public-v2 h2 { font-size: clamp(34px, 4vw, 52px); font-weight: 620; }
body.cybatar-public-v2 h3 { font-size: clamp(20px, 2vw, 28px); font-weight: 620; }
body.cybatar-public-v2 :focus-visible { outline: 3px solid rgba(75, 167, 209, .5); outline-offset: 3px; }

.crg-v2-container { width: min(calc(100% - (var(--crg-gutter) * 2)), var(--crg-container)); margin-inline: auto; }
.crg-v2-skip-link { position: fixed; left: 16px; top: -80px; z-index: 10000; background: var(--crg-surface); color: var(--crg-ink); padding: 12px 18px; border-radius: 8px; box-shadow: var(--crg-shadow); }
.crg-v2-skip-link:focus { top: 16px; }
.sr-only { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }

.crg-v2-eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--crg-blue-dark); font-size: 12px; font-weight: 750; letter-spacing: .12em; line-height: 1.2; text-transform: uppercase; }
.crg-v2-eyebrow::before { content: ""; width: 20px; height: 1px; background: currentColor; }
.crg-v2-eyebrow--light { color: #8bd0ef; }
.crg-v2-lead { max-width: 760px; color: var(--crg-ink-soft); font-size: clamp(19px, 2vw, 23px); line-height: 1.5; }
.crg-v2-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.crg-v2-btn { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 20px; border: 1px solid transparent; border-radius: 9px; font-size: 14px; font-weight: 700; transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease; }
.crg-v2-btn:hover { transform: translateY(-1px); }
.crg-v2-btn--primary { background: var(--crg-navy-950); color: white!important; }
.crg-v2-btn--primary:hover { background: #101f34; }
.crg-v2-btn--secondary { background: transparent; color: var(--crg-ink)!important; border-color: #bfc9d5; }
.crg-v2-btn--secondary:hover { border-color: var(--crg-ink); }
.crg-v2-btn--light { background: white; color: var(--crg-navy-950)!important; }
.crg-v2-text-link { display: inline-flex; align-items: center; color: var(--crg-blue-dark)!important; font-size: 14px; font-weight: 700; }
.crg-v2-text-link--light { color: #b8e3f6!important; }

/* Header */
.crg-v2-header { position: sticky; top: 0; z-index: 1000; width: 100%; border-bottom: 1px solid rgba(23,34,52,.09); background: rgba(255,255,255,.94); backdrop-filter: blur(18px); }
.crg-v2-header__inner { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.crg-v2-brand { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 12px; min-width: 184px; }
.crg-v2-brand__logo { display: block; width: auto; height: 34px; max-width: 190px; object-fit: contain; }
.crg-v2-brand__mark { width: 32px; height: 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; transform: rotate(45deg); }
.crg-v2-brand__mark span { border: 2px solid var(--crg-blue); border-radius: 2px; }
.crg-v2-brand__wordmark { display: grid; gap: 1px; line-height: 1.1; }
.crg-v2-brand__wordmark strong { color: var(--crg-navy-950); font-size: 15px; letter-spacing: -.02em; }
.crg-v2-brand__wordmark small { color: var(--crg-slate); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.crg-v2-nav { flex: 1; display: flex; align-items: center; justify-content: flex-end; gap: 2px; }
.crg-v2-nav-group { position: static; margin: 0; }
.crg-v2-nav-group > summary, .crg-v2-nav-link { list-style: none; cursor: pointer; display: inline-flex; min-height: 42px; align-items: center; padding: 0 11px; color: #3b485c!important; font-size: 13px; font-weight: 650; border-radius: 8px; }
.crg-v2-nav-group > summary::-webkit-details-marker { display: none; }
.crg-v2-nav-group > summary::after { content: ""; width: 6px; height: 6px; margin-left: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .2s ease; }
.crg-v2-nav-group[open] > summary::after { transform: translateY(2px) rotate(225deg); }
.crg-v2-nav-group > summary:hover, .crg-v2-nav-link:hover, .crg-v2-nav-group[open] > summary { background: #eef3f7; color: var(--crg-navy-950)!important; }
.crg-v2-mega { position: absolute; top: calc(100% + 1px); left: 50%; width: min(calc(100vw - 48px), 1040px); display: grid; grid-template-columns: minmax(260px, .8fr) 1.5fr; gap: 1px; padding: 1px; border: 1px solid #d9e1e9; border-radius: 0 0 14px 14px; background: #d9e1e9; box-shadow: 0 28px 70px rgba(7,17,31,.15); transform: translateX(-50%); overflow: hidden; }
.crg-v2-mega--compact { width: min(calc(100vw - 48px), 760px); grid-template-columns: 1fr; }
.crg-v2-mega__intro { padding: 32px; background: var(--crg-navy-950); color: white; }
.crg-v2-mega__intro > span { display: block; margin-bottom: 12px; color: #8bd0ef; font-size: 11px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.crg-v2-mega__intro strong { display: block; max-width: 300px; margin-bottom: 12px; font-size: 24px; letter-spacing: -.03em; line-height: 1.16; }
.crg-v2-mega__intro p { margin-bottom: 22px; color: #b9c4d3; font-size: 14px; line-height: 1.55; }
.crg-v2-mega__intro a { color: #a8ddf4!important; font-size: 13px; font-weight: 700; }
.crg-v2-mega__intro--research { background: linear-gradient(135deg,#07111f,#102b3c); }
.crg-v2-mega__links { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); background: white; }
.crg-v2-mega__links a { min-height: 102px; display: flex; flex-direction: column; justify-content: center; gap: 5px; padding: 20px 24px; border-right: 1px solid #edf1f4; border-bottom: 1px solid #edf1f4; }
.crg-v2-mega__links a:hover { background: #f7f9fb; }
.crg-v2-mega__links strong { color: var(--crg-ink); font-size: 14px; }
.crg-v2-mega__links span { color: var(--crg-slate); font-size: 12px; line-height: 1.4; }
.crg-v2-nav__actions { display: flex; align-items: center; gap: 8px; margin-left: 12px; }
.crg-v2-login { padding: 10px 8px; color: var(--crg-ink)!important; font-size: 13px; font-weight: 650; white-space: nowrap; }
.crg-v2-cta { display: inline-flex; min-height: 42px; align-items: center; padding: 0 15px; border-radius: 8px; background: var(--crg-navy-950); color: white!important; font-size: 12px; font-weight: 750; white-space: nowrap; }
.crg-v2-nav-toggle { display: none; width: 42px; height: 42px; padding: 9px; border: 1px solid #dbe2ea; border-radius: 8px; background: white; }
.crg-v2-nav-toggle span:not(.sr-only) { display: block; height: 2px; margin: 4px 0; background: var(--crg-ink); }

/* Homepage */
.crg-v2-hero { padding: clamp(78px, 9vw, 138px) 0 clamp(70px, 8vw, 118px); background: radial-gradient(circle at 85% 15%, rgba(75,167,209,.13), transparent 30%), linear-gradient(180deg,#fff 0%,#f6f8fb 100%); border-bottom: 1px solid var(--crg-line); }
.crg-v2-hero__grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(520px, 1.05fr); gap: clamp(50px, 7vw, 100px); align-items: center; }
.crg-v2-hero__copy h1 { max-width: 780px; margin: 18px 0 24px; }
.crg-v2-hero__copy .crg-v2-actions { margin-top: 30px; }
.crg-v2-proofline { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 32px; color: var(--crg-slate); font-size: 12px; font-weight: 600; }
.crg-v2-proofline span { display: inline-flex; align-items: center; gap: 8px; }
.crg-v2-proofline span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--crg-blue); }
.crg-v2-control-visual { border: 1px solid #d6dee7; border-radius: 18px; background: #fff; box-shadow: 0 36px 90px rgba(11,28,50,.13); overflow: hidden; transform: perspective(1200px) rotateY(-2deg) rotateX(1deg); transform-origin: center; }
.crg-v2-control-visual__top { height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid #e7edf2; color: var(--crg-slate); font-size: 11px; }
.crg-v2-control-visual__top > span { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--crg-ink-soft); }
.crg-v2-control-visual__top i { width: 7px; height: 7px; border-radius: 50%; background: var(--crg-success); box-shadow: 0 0 0 4px rgba(33,128,95,.1); }
.crg-v2-control-visual__metrics { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid #e7edf2; }
.crg-v2-control-visual__metrics > div { min-height: 105px; display: grid; align-content: center; padding: 18px; border-right: 1px solid #e7edf2; }
.crg-v2-control-visual__metrics > div:last-child { border-right: 0; }
.crg-v2-control-visual__metrics small { color: var(--crg-slate); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.crg-v2-control-visual__metrics strong { margin: 2px 0 3px; color: var(--crg-navy-950); font-size: 22px; letter-spacing: -.03em; }
.crg-v2-control-visual__metrics span { color: var(--crg-slate); font-size: 10px; }
.crg-v2-control-visual__workspace { min-height: 335px; display: grid; grid-template-columns: 56px 1fr; background: #f8fafc; }
.crg-v2-control-rail { padding-top: 20px; border-right: 1px solid #e3e9ef; background: #f2f5f8; }
.crg-v2-control-rail span { display: block; width: 24px; height: 24px; margin: 0 auto 14px; border-radius: 6px; background: #dce4eb; }
.crg-v2-control-rail span:first-child { background: var(--crg-navy-950); }
.crg-v2-control-main { padding: 24px; }
.crg-v2-control-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.crg-v2-control-heading div { display: grid; gap: 3px; }
.crg-v2-control-heading small { color: var(--crg-slate); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .1em; }
.crg-v2-control-heading strong { font-size: 13px; }
.crg-v2-control-heading > span { color: var(--crg-success); font-size: 10px; font-weight: 700; }
.crg-v2-system-row { display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; align-items: center; min-height: 67px; padding: 10px 12px; margin-bottom: 8px; border: 1px solid #e3e9ef; border-radius: 9px; background: white; }
.crg-v2-system-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 7px; background: var(--crg-blue-soft); color: var(--crg-blue-dark); font-size: 11px; font-weight: 800; }
.crg-v2-system-row div { display: grid; gap: 1px; }
.crg-v2-system-row strong { font-size: 12px; }
.crg-v2-system-row small { color: var(--crg-slate); font-size: 9px; }
.crg-v2-system-row b { padding: 5px 7px; border-radius: 5px; font-size: 9px; font-weight: 750; }
.crg-v2-system-row .is-controlled { color: #176b50; background: #e5f4ee; }
.crg-v2-system-row .is-evidence { color: #24698a; background: #e7f3f8; }
.crg-v2-system-row .is-review { color: #8a651f; background: #faf0dc; }
.crg-v2-control-footer { display: flex; gap: 8px; margin-top: 18px; }
.crg-v2-control-footer span { padding: 5px 8px; border: 1px solid #dde5eb; border-radius: 5px; color: var(--crg-slate); background: white; font-size: 9px; font-weight: 700; }

.crg-v2-problem, .crg-v2-platform, .crg-v2-buyers, .crg-v2-industries { padding: var(--crg-section) 0; }
.crg-v2-section-heading { max-width: 760px; margin-bottom: 48px; }
.crg-v2-section-heading--wide { max-width: 980px; }
.crg-v2-section-heading--row { max-width: none; display: grid; grid-template-columns: 1.1fr .75fr; gap: 80px; align-items: end; }
.crg-v2-section-heading h2 { margin: 14px 0 16px; }
.crg-v2-section-heading p { margin-bottom: 0; color: var(--crg-slate); font-size: 17px; }
.crg-v2-section-heading--row > p { margin: 0 0 8px; }
.crg-v2-question-grid { display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid var(--crg-line); border-bottom: 1px solid var(--crg-line); }
.crg-v2-question-grid article { min-height: 255px; padding: 28px 24px; border-right: 1px solid var(--crg-line); }
.crg-v2-question-grid article:last-child { border-right: 0; }
.crg-v2-question-grid article > span { color: var(--crg-blue-dark); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.crg-v2-question-grid h3 { margin: 34px 0 12px; font-size: 20px; line-height: 1.2; }
.crg-v2-question-grid p { color: var(--crg-slate); font-size: 13px; line-height: 1.55; }

.crg-v2-reality-feature { position: relative; padding: clamp(82px,9vw,130px) 0; overflow: hidden; background: var(--crg-navy-950); color: white; }
.crg-v2-reality-feature::before { content: ""; position: absolute; width: 620px; height: 620px; right: -220px; top: -260px; border-radius: 50%; background: radial-gradient(circle,rgba(75,167,209,.18),transparent 68%); }
.crg-v2-reality-feature__grid { position: relative; display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: center; }
.crg-v2-reality-feature__copy h2 { margin: 16px 0 20px; color: white; }
.crg-v2-reality-feature__copy > p { max-width: 650px; color: #b9c5d3; font-size: 17px; }
.crg-v2-reality-formula { display: grid; gap: 5px; padding: 20px 0; margin: 30px 0; border-top: 1px solid var(--crg-line-dark); border-bottom: 1px solid var(--crg-line-dark); }
.crg-v2-reality-formula span { color: #8bd0ef; font-size: 11px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.crg-v2-reality-formula strong { font-size: clamp(18px,2vw,25px); font-weight: 550; letter-spacing: -.02em; }
.crg-v2-reality-mini { padding: 24px 24px 18px; border: 1px solid var(--crg-line-dark); border-radius: 16px; background: rgba(255,255,255,.045); box-shadow: inset 0 1px rgba(255,255,255,.06); }
.crg-v2-reality-mini__stages { display: grid; grid-template-columns: repeat(7,1fr); gap: 8px; color: #8594a7; font-size: 9px; font-weight: 700; text-align: center; text-transform: uppercase; }
.crg-v2-reality-mini__plot svg { display: block; width: 100%; height: auto; margin: 14px 0 4px; }
.crg-v2-reality-mini .curve-grid { fill: none; stroke: rgba(255,255,255,.07); stroke-width: 1; }
.crg-v2-reality-mini .curve-capability { fill: none; stroke: #78c8ea; stroke-width: 4; }
.crg-v2-reality-mini .curve-value { fill: none; stroke: #f7f9fb; stroke-width: 4; }
.crg-v2-reality-mini .curve-gap { stroke: var(--crg-gold); stroke-width: 3; stroke-dasharray: 5 5; }
.crg-v2-reality-mini .curve-dot--cap { fill: #78c8ea; }
.crg-v2-reality-mini .curve-dot--value { fill: white; }
.crg-v2-reality-mini__legend { display: flex; flex-wrap: wrap; gap: 8px 20px; color: #9daabc; font-size: 10px; }
.crg-v2-reality-mini__legend span { display: flex; align-items: center; gap: 7px; }
.crg-v2-reality-mini__legend span::before { content: ""; width: 12px; height: 2px; background: #78c8ea; }
.crg-v2-reality-mini__legend .value::before { background: #fff; }
.crg-v2-reality-mini__legend .gap::before { background: var(--crg-gold); }

.crg-v2-platform { background: white; }
.crg-v2-four-systems { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--crg-line); border-radius: 14px; overflow: hidden; }
.crg-v2-four-systems article { min-height: 320px; display: flex; flex-direction: column; padding: 30px; border-right: 1px solid var(--crg-line); background: white; }
.crg-v2-four-systems article:last-child { border-right: 0; }
.crg-v2-system-number { color: var(--crg-blue-dark); font-size: 11px; font-weight: 800; }
.crg-v2-four-systems h3 { margin: 58px 0 12px; font-size: 25px; }
.crg-v2-four-systems p { color: var(--crg-slate); font-size: 14px; }
.crg-v2-four-systems a { margin-top: auto; color: var(--crg-blue-dark)!important; font-size: 13px; font-weight: 700; }

.crg-v2-lifecycle { padding: var(--crg-section) 0; background: #edf2f6; }
.crg-v2-lifecycle__steps { list-style: none; display: grid; grid-template-columns: repeat(9,1fr); padding: 0; margin: 0; border-top: 1px solid #cbd5df; }
.crg-v2-lifecycle__steps li { position: relative; min-height: 132px; padding: 22px 12px 10px 0; border-right: 1px solid #cbd5df; }
.crg-v2-lifecycle__steps li::before { content: ""; position: absolute; left: -4px; top: -4px; width: 7px; height: 7px; border-radius: 50%; background: var(--crg-blue-dark); }
.crg-v2-lifecycle__steps span { display: block; color: var(--crg-slate-light); font-size: 10px; font-weight: 800; }
.crg-v2-lifecycle__steps strong { display: block; margin-top: 34px; font-size: 13px; }

.crg-v2-dual-value { padding: var(--crg-section) 0; background: white; }
.crg-v2-dual-value__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.crg-v2-feature-panel { min-height: 590px; display: flex; flex-direction: column; padding: clamp(34px,5vw,64px); border-radius: 18px; }
.crg-v2-feature-panel h2 { margin: 18px 0 18px; }
.crg-v2-feature-panel > p { max-width: 610px; font-size: 16px; }
.crg-v2-feature-panel ul { display: grid; gap: 10px; padding: 0; margin: 40px 0; list-style: none; }
.crg-v2-feature-panel li { padding: 12px 0; border-bottom: 1px solid; font-size: 14px; }
.crg-v2-feature-panel a { margin-top: auto; font-size: 13px; font-weight: 750; }
.crg-v2-feature-panel--dark { background: var(--crg-navy-950); color: white; }
.crg-v2-feature-panel--dark > p, .crg-v2-feature-panel--dark li { color: #bac5d3; border-color: rgba(255,255,255,.12); }
.crg-v2-feature-panel--dark a { color: #9dd9f1!important; }
.crg-v2-feature-panel--economics { border: 1px solid var(--crg-line); background: #f7f9fb; }
.crg-v2-feature-panel--economics > p { color: var(--crg-slate); }
.crg-v2-feature-panel--economics li { border-color: var(--crg-line); }
.crg-v2-feature-panel--economics a { color: var(--crg-blue-dark)!important; }
.crg-v2-economics-bars { display: grid; gap: 8px; margin: 28px 0 4px; }
.crg-v2-economics-bars span { display: block; width: var(--w); height: 8px; border-radius: 99px; background: linear-gradient(90deg,var(--crg-blue-dark),#9ed6ed); }

.crg-v2-buyers { background: var(--crg-bg); }
.crg-v2-buyer-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--crg-line); border-radius: 14px; overflow: hidden; }
.crg-v2-buyer-grid article { min-height: 240px; display: flex; flex-direction: column; padding: 28px; border-right: 1px solid var(--crg-line); border-bottom: 1px solid var(--crg-line); background: white; }
.crg-v2-buyer-grid article:nth-child(3n) { border-right: 0; }
.crg-v2-buyer-grid article:nth-last-child(-n+3) { border-bottom: 0; }
.crg-v2-buyer-grid span { color: var(--crg-blue-dark); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.crg-v2-buyer-grid h3 { margin: 38px 0 20px; font-size: 21px; line-height: 1.22; }
.crg-v2-buyer-grid a { margin-top: auto; color: var(--crg-slate)!important; font-size: 12px; font-weight: 700; }

.crg-v2-research-authority { padding: var(--crg-section) 0; background: var(--crg-navy-950); color: white; }
.crg-v2-research-authority .crg-v2-section-heading h2 { color: white; }
.crg-v2-research-authority .crg-v2-section-heading p { color: #aebac9; }
.crg-v2-research-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.15); }
.crg-v2-research-grid a { min-height: 290px; display: flex; flex-direction: column; padding: 26px 24px 20px 0; border-right: 1px solid rgba(255,255,255,.15); }
.crg-v2-research-grid a:not(:first-child) { padding-left: 24px; }
.crg-v2-research-grid > a:last-child { border-right: 0; }
.crg-v2-research-grid span { color: #7ec9e9; font-size: 10px; font-weight: 800; }
.crg-v2-research-grid h3 { margin: 70px 0 12px; color: white; font-size: 24px; }
.crg-v2-research-grid p { color: #9fabb9; font-size: 13px; }

.crg-v2-industries { background: white; }
.crg-v2-industry-strip { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.crg-v2-industry-strip a { min-height: 250px; display: flex; flex-direction: column; padding: 26px; border: 1px solid var(--crg-line); border-radius: 12px; background: white; transition: transform .2s ease, box-shadow .2s ease; }
.crg-v2-industry-strip a:hover { transform: translateY(-3px); box-shadow: var(--crg-shadow); }
.crg-v2-industry-strip h3 { margin: 20px 0 12px; font-size: 22px; }
.crg-v2-industry-strip p { color: var(--crg-slate); font-size: 13px; }
.crg-v2-industry-strip span { margin-top: auto; color: var(--crg-blue-dark); font-size: 12px; font-weight: 700; }

.crg-v2-final-cta { padding: 44px 0; background: #0a1828; color: white; }
.crg-v2-final-cta__inner { min-height: 250px; display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.crg-v2-final-cta h2 { margin: 14px 0 10px; color: white; }
.crg-v2-final-cta p { max-width: 650px; margin-bottom: 0; color: #aeb9c8; }

/* Footer */
.crg-v2-footer { padding: 68px 0 28px; background: #050c16; color: #b4becb; }
.crg-v2-footer__grid { display: grid; grid-template-columns: 1.3fr repeat(3,.7fr); gap: 60px; }
.crg-v2-footer__brand strong { display: block; margin-bottom: 12px; color: white; font-size: 18px; }
.crg-v2-footer__brand p { max-width: 390px; color: #8390a1; font-size: 13px; }
.crg-v2-footer__brand .crg-v2-footer__promise { margin-top: 26px; color: #d7e0e9; font-size: 14px; font-weight: 600; }
.crg-v2-footer__col strong { display: block; margin-bottom: 16px; color: white; font-size: 12px; }
.crg-v2-footer__col a { display: block; padding: 5px 0; color: #8f9bad!important; font-size: 12px; }
.crg-v2-footer__col a:hover { color: white!important; }
.crg-v2-footer__bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 56px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); color: #6f7b8a; font-size: 10px; }

@media (max-width: 1180px) {
  .crg-v2-nav-toggle { display: block; }
  .crg-v2-nav { position: fixed; inset: 74px 0 auto; max-height: calc(100vh - 74px); display: none; align-items: stretch; flex-direction: column; justify-content: flex-start; gap: 0; overflow-y: auto; padding: 18px var(--crg-gutter) 28px; background: white; border-bottom: 1px solid var(--crg-line); box-shadow: 0 28px 60px rgba(7,17,31,.14); }
  .crg-v2-nav.is-open { display: flex; }
  .crg-v2-nav-group > summary, .crg-v2-nav-link { width: 100%; justify-content: space-between; min-height: 50px; padding: 0; border-radius: 0; border-bottom: 1px solid #edf1f4; font-size: 15px; }
  .crg-v2-nav-group > summary:hover, .crg-v2-nav-link:hover, .crg-v2-nav-group[open] > summary { background: transparent; }
  .crg-v2-mega, .crg-v2-mega--compact { position: static; width: 100%; display: block; padding: 0; border: 0; border-radius: 0; box-shadow: none; transform: none; }
  .crg-v2-mega__intro { display: none; }
  .crg-v2-mega__links { grid-template-columns: 1fr; padding: 6px 0 14px; }
  .crg-v2-mega__links a { min-height: 68px; padding: 12px 14px; border: 0; border-bottom: 1px solid #edf1f4; }
  .crg-v2-nav__actions { margin: 18px 0 0; }
  .crg-v2-login, .crg-v2-cta { flex: 1; justify-content: center; }
  .crg-v2-hero__grid { grid-template-columns: 1fr; }
  .crg-v2-control-visual { max-width: 780px; transform: none; }
  .crg-v2-question-grid { grid-template-columns: repeat(2,1fr); }
  .crg-v2-question-grid article:nth-child(2n) { border-right: 0; }
  .crg-v2-question-grid article:last-child { grid-column: 1/-1; border-top: 1px solid var(--crg-line); }
  .crg-v2-reality-feature__grid { grid-template-columns: 1fr; }
  .crg-v2-four-systems { grid-template-columns: repeat(2,1fr); }
  .crg-v2-four-systems article:nth-child(2) { border-right: 0; }
  .crg-v2-four-systems article:nth-child(-n+2) { border-bottom: 1px solid var(--crg-line); }
  .crg-v2-lifecycle__steps { grid-template-columns: repeat(5,1fr); }
  .crg-v2-buyer-grid { grid-template-columns: repeat(2,1fr); }
  .crg-v2-buyer-grid article:nth-child(3n) { border-right: 1px solid var(--crg-line); }
  .crg-v2-buyer-grid article:nth-child(2n) { border-right: 0; }
  .crg-v2-buyer-grid article:nth-last-child(-n+3) { border-bottom: 1px solid var(--crg-line); }
  .crg-v2-buyer-grid article:nth-last-child(-n+2) { border-bottom: 0; }
}

@media (max-width: 800px) {
  :root { --crg-section: 72px; }
  .crg-v2-header__inner { min-height: 66px; }
  .crg-v2-nav { top: 66px; max-height: calc(100vh - 66px); }
  .crg-v2-brand__wordmark small { display: none; }
  .crg-v2-hero { padding-top: 70px; }
  .crg-v2-hero__grid, .crg-v2-section-heading--row, .crg-v2-dual-value__grid, .crg-v2-footer__grid { grid-template-columns: 1fr; gap: 34px; }
  .crg-v2-control-visual__metrics { grid-template-columns: 1fr; }
  .crg-v2-control-visual__metrics > div { min-height: 78px; border-right: 0; border-bottom: 1px solid #e7edf2; }
  .crg-v2-control-visual__metrics > div:last-child { border-bottom: 0; }
  .crg-v2-control-visual__workspace { grid-template-columns: 1fr; }
  .crg-v2-control-rail { display: none; }
  .crg-v2-question-grid { grid-template-columns: 1fr; }
  .crg-v2-question-grid article, .crg-v2-question-grid article:nth-child(2n) { min-height: auto; border-right: 0; border-bottom: 1px solid var(--crg-line); }
  .crg-v2-question-grid article:last-child { grid-column: auto; border-top: 0; border-bottom: 0; }
  .crg-v2-reality-mini { overflow-x: auto; }
  .crg-v2-reality-mini__stages, .crg-v2-reality-mini__plot { min-width: 680px; }
  .crg-v2-four-systems, .crg-v2-buyer-grid, .crg-v2-research-grid, .crg-v2-industry-strip { grid-template-columns: 1fr; }
  .crg-v2-four-systems article, .crg-v2-four-systems article:nth-child(2) { min-height: 250px; border-right: 0; border-bottom: 1px solid var(--crg-line); }
  .crg-v2-four-systems article:last-child { border-bottom: 0; }
  .crg-v2-lifecycle__steps { grid-template-columns: repeat(3,1fr); }
  .crg-v2-feature-panel { min-height: 520px; }
  .crg-v2-buyer-grid article, .crg-v2-buyer-grid article:nth-child(3n), .crg-v2-buyer-grid article:nth-last-child(-n+2) { min-height: 200px; border-right: 0; border-bottom: 1px solid var(--crg-line); }
  .crg-v2-buyer-grid article:last-child { border-bottom: 0; }
  .crg-v2-research-grid a, .crg-v2-research-grid a:not(:first-child) { min-height: 220px; padding: 25px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); }
  .crg-v2-research-grid a:last-child { border-bottom: 0; }
  .crg-v2-research-grid h3 { margin-top: 40px; }
  .crg-v2-final-cta__inner { align-items: flex-start; flex-direction: column; min-height: auto; padding-block: 30px; }
  .crg-v2-footer__grid { gap: 30px; }
  .crg-v2-footer__bottom { flex-direction: column; }
}

@media (max-width: 520px) {
  .crg-v2-brand { min-width: 0; }
  .crg-v2-brand__wordmark strong { font-size: 13px; }
  .crg-v2-actions { align-items: stretch; flex-direction: column; }
  .crg-v2-actions .crg-v2-btn { width: 100%; }
  .crg-v2-lifecycle__steps { grid-template-columns: repeat(2,1fr); }
  .crg-v2-control-main { padding: 16px; }
  .crg-v2-control-heading { align-items: flex-start; flex-direction: column; }
  .crg-v2-system-row { grid-template-columns: 32px 1fr; }
  .crg-v2-system-row b { grid-column: 2; justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto!important; transition-duration: .001ms!important; animation-duration: .001ms!important; animation-iteration-count: 1!important; }
}
@media (prefers-reduced-motion: no-preference) {
  .crg-v2-reveal { opacity: 0; transform: translateY(12px); transition: opacity .5s ease, transform .5s ease; }
  .crg-v2-reveal.is-visible { opacity: 1; transform: none; }
}
/* Footer markup compatibility */
.crg-v2-footer__top { display: grid; grid-template-columns: 1.35fr repeat(3,.7fr); gap: 60px; }
.crg-v2-footer__brand > p { max-width: 400px; margin: 20px 0 22px; color: #8390a1; font-size: 13px; }
.crg-v2-footer__briefing { color: #9ed9f2!important; font-size: 12px; font-weight: 750; }
.crg-v2-footer__column h3 { margin: 0 0 14px; color: #fff; font-size: 12px; letter-spacing: 0; }
.crg-v2-footer__column a { display: block; padding: 5px 0; color: #8f9bad!important; font-size: 12px; }
.crg-v2-footer__column a:hover { color: #fff!important; }
.crg-v2-footer__bottom > div { display: flex; gap: 16px; }
.crg-v2-footer__bottom a { color: #7f8b9a!important; }
.crg-v2-brand--footer .crg-v2-brand__wordmark strong { color: #fff; }
@media (max-width: 800px) {
  .crg-v2-footer__top { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 520px) {
  .crg-v2-footer__top { grid-template-columns: 1fr; }
  .crg-v2-footer__bottom > div { flex-wrap: wrap; }
}
