/* Security page — just the checklist and ISO badges; the shell, hero, sections and footer
   reuse css/use-cases.css. Orange accent uses the literal #FF6001 (use-cases.css has no --accent). */
/* "Our commitments" — a grid of icon cards, one distinct icon per commitment */
.commit-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(.875rem,1.6vw,1.25rem);
  margin-top:clamp(1.75rem,3.5vh,2.5rem);
}
.commit{
  display:flex;align-items:flex-start;gap:.9375rem;
  padding:clamp(1.125rem,2vw,1.5rem);
  border-radius:var(--r-3xl);
  background:var(--card);border:1px solid var(--border);
  box-shadow:0 4px 6px -1px color-mix(in oklch,var(--foreground) 6%,transparent);
  transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;
}
.commit:hover{transform:translateY(-3px);box-shadow:0 16px 30px -16px color-mix(in oklch,var(--foreground) 30%,transparent);}
.commit-ic{
  display:inline-flex;flex:0 0 auto;
  width:2.75rem;height:2.75rem;border-radius:var(--r-2xl);
  align-items:center;justify-content:center;
  background:color-mix(in oklch,#FF6001 14%,transparent);color:#FF6001;
}
.commit-ic svg{width:1.4375rem;height:1.4375rem;}
.commit-body{display:flex;flex-direction:column;gap:.25rem;min-width:0;}
.commit-t{font-size:.9375rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--foreground);}
.commit-s{font-size:.8125rem;font-weight:400;line-height:1.45;color:var(--muted-foreground);}

.iso-badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:clamp(1.5rem,3vh,2.25rem);}
.iso{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.6875rem 1.125rem;border-radius:9999px;
  border:1px solid var(--border);background:var(--card);
  font-size:.9375rem;font-weight:600;letter-spacing:-.01em;
}
.iso i{display:inline-flex;align-items:center;justify-content:center;color:#FF6001;flex-shrink:0;}
.iso i svg{width:1.125rem;height:1.125rem;}

@media (max-width:900px){.commit-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){.commit-grid{grid-template-columns:1fr;}}
