.proof-cells { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.proof-cells article { min-height: 220px; padding: 34px; border-right: 1px solid var(--line); position: relative; }
.proof-cells article::before { content: ""; position: absolute; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg, var(--mardi), var(--magenta)); }
.proof-cells article:last-child { border-right: 0; }
.proof-cells span, .solution-card > span, .case-copy > span { color: var(--muted); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.proof-cells h2 { margin: 50px 0 14px; font-size: 1.45rem; }
.proof-cells p { margin: 0; font-size: .92rem; }

.ticker-section { padding: 26px 0; background: var(--ivory); overflow: hidden; }
.ticker-section > p { width: var(--shell); margin: 0 auto 20px; color: var(--violet); font-size: .76rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.ticker { overflow: hidden; }
.ticker > div { display: flex; width: max-content; animation: ticker 28s linear infinite; }
.ticker span { display: grid; place-items: center; width: 210px; min-height: 56px; border-right: 1px solid rgba(26,0,63,.15); color: #7b7480; font-size: .82rem; letter-spacing: .12em; }
@keyframes ticker { to { transform: translateX(-50%); } }

.solution-card { min-height: 470px; padding: 32px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; align-items: flex-start; }
.solution-number { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 46px; border-radius: 50%; background: var(--violet); color: white; font-size: .78rem; }
.solution-card h3 { margin: 14px 0; font-size: 2rem; }
.solution-card p { margin-bottom: 24px; }
.solution-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 30px; }
.solution-tags em { padding: 7px 9px; background: var(--ivory); color: var(--violet); font-size: .72rem; font-style: normal; }
.solution-card a { display: flex; justify-content: space-between; width: 100%; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--line); font-weight: 600; }

.status-dot { display: inline-flex; align-items: center; gap: 7px; font-size: .72rem; color: var(--muted); }
.status-dot::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--pear); box-shadow: 0 0 0 4px rgba(194,232,18,.18); }
.ui-top { display: flex; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--line); font-size: .8rem; }
.conversation { display: flex; flex-direction: column; gap: 14px; padding: 30px 0; }
.message { max-width: 78%; padding: 14px 16px; font-size: .88rem; }
.message.inbound { align-self: flex-start; background: var(--ivory); }
.message.outbound { align-self: flex-end; background: var(--violet); color: white; }
.ui-metrics { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.ui-metrics div { padding: 18px 12px; border-right: 1px solid var(--line); }
.ui-metrics div:last-child { border-right: 0; }
.ui-metrics span, .ui-metrics strong { display: block; }
.ui-metrics span { color: var(--muted); font-size: .68rem; text-transform: uppercase; }
.ui-metrics strong { margin-top: 6px; font-size: .85rem; }

.system-visual { min-height: 500px; padding: 28px; background: white; color: var(--ink); box-shadow: var(--shadow); transform: rotate(1.5deg); }
.visual-top { display: flex; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.visual-stage { display: grid; grid-template-columns: 48px 1fr; align-items: center; min-height: 95px; padding: 18px; border: 1px solid var(--line); }
.visual-stage span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--ivory); font-size: .72rem; }
.visual-stage-b { background: var(--violet); color: white; }
.visual-connector { width: 2px; height: 32px; margin: 0 auto; background: linear-gradient(var(--mardi), var(--magenta)); }

.content-prose h2 { margin: 74px 0 20px; font-size: clamp(2rem, 3.4vw, 3.5rem); }
.content-prose h2:first-child { margin-top: 0; }
.content-prose h3 { margin: 40px 0 14px; font-size: 1.45rem; }
.content-prose p, .content-prose li { font-size: 1rem; line-height: 1.75; }
.content-prose ul, .content-prose ol { display: grid; gap: 11px; margin: 20px 0 30px; padding-left: 22px; }
.content-prose strong { color: var(--ink); }
.content-prose code { padding: 2px 5px; background: var(--ivory); color: var(--violet); }
.content-prose.standalone { width: min(820px, calc(100% - 48px)); margin: 0 auto; padding: 100px 0; }

.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
label { display: grid; gap: 8px; color: inherit; font-size: .8rem; }
input, select, textarea { width: 100%; min-height: 50px; padding: 12px 14px; color: var(--ink); background: white; border: 1px solid rgba(255,255,255,.35); border-radius: 0; }
textarea { resize: vertical; }
.form-wide { grid-column: 1 / -1; }
.form-status { margin: 16px 0 0; color: #d7cedf; font-size: .82rem; }
.form-status[data-state="error"] { color: #ffd5f8; }
.form-status[data-state="success"] { color: var(--pear); }

.closing-cta { padding: 100px max(24px, calc((100% - 1200px) / 2)); background: var(--mardi); color: white; position: relative; overflow: hidden; }
.closing-cta::after { content: ""; position: absolute; width: 500px; height: 500px; right: -190px; top: -260px; border-radius: 50%; background: radial-gradient(circle, var(--magenta), transparent 68%); }
.closing-cta > * { position: relative; z-index: 1; }
.closing-cta > span { color: var(--pear); font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; }
.closing-cta h2 { max-width: 900px; margin: 20px 0; }
.closing-cta p { max-width: 640px; color: #eadfed; }
.closing-cta .button { margin-top: 20px; }