/* sections/strip.html: four plain facts under the hero, on hairlines. Uses core.css tokens. */
.strip{position:relative;border-block:1px solid var(--line);background:color-mix(in srgb,var(--surface) 45%,transparent)}
.strip-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-block:0;list-style:none}
.strip-item{display:flex;align-items:center;gap:14px;min-width:0;padding:var(--space-5) var(--space-5) var(--space-5) 0}
.strip-item+.strip-item{padding-left:var(--space-5);border-left:1px solid var(--line)}
.strip-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);color:var(--accent);box-shadow:var(--shadow-1)}
.strip-ic svg{width:19px;height:19px}
.strip-tx{display:grid;gap:1px;min-width:0;line-height:1.35}
.strip-tx strong{color:var(--ink);font-size:var(--fs-s);font-weight:650;letter-spacing:-.01em}
.strip-tx span{color:var(--ink-3);font-size:var(--fs-xs)}
/* 1024-1279: four columns, icon above the text */
@media (min-width:1024px) and (max-width:1279.98px){
  .strip-item{flex-direction:column;align-items:flex-start;gap:var(--space-3)}
}
/* under 1024: two by two */
@media (max-width:1023.98px){
  .strip-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .strip-item:nth-child(odd){padding-left:0;border-left:0}
  .strip-item:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:639.98px){
  .strip-item{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-5) 0}
  .strip-item+.strip-item{padding-left:var(--space-4)}
  .strip-item:nth-child(odd){padding-left:0}
}
/* phones: one fact per row (two columns squeezed the titles onto two lines) */
@media (max-width:479.98px){
  .strip-in{grid-template-columns:minmax(0,1fr)}
  .strip-item,.strip-item+.strip-item,.strip-item:nth-child(odd){flex-direction:row;align-items:center;gap:14px;padding:14px 0;border-left:0}
  .strip-item+.strip-item{border-top:1px solid var(--line)}
}