/* Strata Match — About page styles (verbatim from handoff) */
  .principles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .pcard{background:var(--bg-elevated);border:1px solid var(--border);padding:28px 26px;display:flex;flex-direction:column;}
  .pcard .pi{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;
    background:var(--teal-50);color:var(--teal-700);font-size:23px;margin-bottom:18px;}
  .pcard h3{font-size:21px;}
  .pcard p{margin-top:9px;font-size:14px;line-height:1.55;color:var(--fg-muted);}
  .checks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;}
  .checks li{display:flex;gap:13px;align-items:flex-start;}
  .checks li iconify-icon{color:var(--teal-600);font-size:21px;flex:none;margin-top:2px;}
  .checks li b{font-family:var(--font-display);font-weight:400;font-size:19px;display:block;margin-bottom:3px;}
  .checks li span{font-size:14px;color:var(--fg-muted);line-height:1.5;}
  .src{border:1px solid var(--border);background:var(--bg-elevated);padding:24px 26px;border-left:3px solid var(--teal-500);}
  .flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px;}
  .flow .node{background:var(--bg-elevated);border:1px solid var(--border);padding:26px 24px;text-align:center;}
  .flow .node .ni{display:inline-flex;width:48px;height:48px;border-radius:999px;align-items:center;justify-content:center;
    color:#fff;font-size:24px;margin-bottom:14px;}
  .flow .ar{font-size:26px;color:var(--fg-subtle);}
  @media(max-width:900px){.principles{grid-template-columns:1fr 1fr;}.flow{grid-template-columns:1fr;}.flow .ar{transform:rotate(90deg);justify-self:center;}}
  @media(max-width:560px){.principles{grid-template-columns:1fr;}}