.twin-section { background: #123d34; color: #fff; }
.twin-section h2 { color: #fff; }
.twin-section .lead { color: #c8d7d2; }
.twin-section .eyebrow { color: #d9a43b; }
.twin-flow { display: grid; grid-template-columns: repeat(4, 1fr); margin: 46px 0; border-block: 1px solid rgba(255,255,255,.25); }
.twin-step { padding: 28px 22px; border-right: 1px solid rgba(255,255,255,.18); }
.twin-step:last-child { border-right: 0; }
.twin-step span { display: block; margin-bottom: 22px; color: #d9a43b; font-family: monospace; }
.twin-step h3 { color: #fff; }
.twin-step p { margin: 0; color: #b8cbc5; }
.measurement-grid .card { background: #f7f5ef; color: #102e28; }
.measurement-grid .card p { color: #566762; }
.twin-callout { border-left-color: #d9a43b; background: rgba(255,255,255,.08); color: #e3ebe8; }
@media (max-width: 900px) {
  .twin-flow { grid-template-columns: repeat(2, 1fr); }
  .twin-step:nth-child(2) { border-right: 0; }
  .twin-step:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.18); }
}
@media (max-width: 620px) {
  .twin-flow { grid-template-columns: 1fr; }
  .twin-step, .twin-step:nth-child(2) { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.18); }
  .twin-step:last-child { border-bottom: 0; }
}