.customer-market-page main > .section:not(.hero) { min-height: 0; margin-bottom: clamp(.75rem, 1.5vw, 1.25rem); padding-block: clamp(2.75rem, 5vw, 4.75rem); }
.customer-market-page .hero { background-image: radial-gradient(circle at 18% 20%, rgba(58,180,242,.18), transparent 38%), linear-gradient(135deg, #071a2c, #0b3552 58%, #165a6a); }
.customer-market-page .hero h1 { color: #fff; background: none; -webkit-text-fill-color: #fff; text-shadow: 0 2px 18px rgba(0,0,0,.24); }
.customer-market-page .hero .tagline { color: #e8f4f7; }
.cm-eyebrow, .cm-kicker { margin: 0 0 .45rem; color: #2d6b7f; font-size: .78rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.hero .cm-eyebrow { color: #8fe5ee; }
.cm-section-head { max-width: 760px; margin: 0 auto 1.65rem; text-align: center; }
.cm-section-head h2, .cm-opening h2 { margin-bottom: .65rem; }
.cm-section-head > p:last-child, .cm-opening-copy, .cm-deliverables p, .cm-methods p { color: #475569; line-height: 1.68; }
.cm-opening, .cm-example-shell, .cm-deliverables, .cm-methods { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(2rem, 6vw, 5rem); align-items: start; }
.cm-opening-copy p:first-child, .cm-example-shell p:first-child { margin-top: 0; }
.cm-pathway-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.cm-pathway { padding: clamp(1.3rem,3vw,2rem); background: #fff; border: 1px solid rgba(11,45,79,.09); border-radius: 20px; box-shadow: 0 12px 30px rgba(13,27,42,.06); }
.cm-pathway > span { color: #277084; font-size: .78rem; font-weight: 750; letter-spacing: .12em; }
.cm-pathway h3 { margin: .55rem 0 .5rem; font-family: var(--font-display); color: #0b2d4f; }
.cm-pathway p, .cm-pathway li { color: #475569; line-height: 1.58; }
.cm-pathway ul { margin: .85rem 0 0; padding-left: 1.15rem; }
.cm-example-shell { padding: clamp(1.5rem,4vw,2.75rem); border-left: 4px solid #4bb8c3; background: linear-gradient(120deg,rgba(239,249,250,.92),#fff); }
.cm-deliverables ul, .cm-methods ul { list-style: none; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; margin: 0; padding: 0; }
.cm-deliverables li, .cm-methods li { position: relative; padding: .8rem .85rem .8rem 1.35rem; color: #18354b; background: rgba(255,255,255,.78); border-bottom: 1px solid rgba(11,45,79,.1); }
.cm-deliverables li::before, .cm-methods li::before { content: ""; position: absolute; left: .35rem; top: 1.2rem; width: 5px; height: 5px; border-radius: 50%; background: #2a8691; }
.cm-related { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.cm-related a { display: flex; flex-direction: column; gap: .5rem; padding: 1.25rem; color: #0b2d4f; text-decoration: none; background: #fff; border: 1px solid rgba(11,45,79,.1); border-radius: 16px; }
.cm-related a:hover, .cm-related a:focus-visible { border-color: rgba(42,134,145,.45); box-shadow: 0 10px 24px rgba(13,27,42,.07); }
.cm-related span { color: #526476; line-height: 1.5; }
@media (max-width: 780px) { .cm-opening, .cm-example-shell, .cm-deliverables, .cm-methods, .cm-related { grid-template-columns: 1fr; gap: 1.3rem; } }
@media (max-width: 640px) { .cm-pathway-grid, .cm-deliverables ul, .cm-methods ul { grid-template-columns: 1fr; } .cm-section-head { text-align: left; } .cm-pathway { padding: 1.2rem; } }
@media (prefers-reduced-motion: reduce) { .cm-related a { transition: none; } }