/* Keats — Facts strip, variation 02 "travelling light border"
   Pure CSS. Requires Inter (already in global tokens). */
@property --kf-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.kf-strip{--kf-navy:#1A2744;--kf-deep:#0500A8;--kf-gold:#F5C451;--kf-line:#E5E7EB;--kf-rest:#DDE0E7;--kf-dur:3.2s;
  border-top:1px solid var(--kf-line);border-bottom:1px solid var(--kf-line);padding:32px 24px}
.kf-strip__list{list-style:none;margin:0 auto;padding:0;max-width:1320px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.kf-strip__pill{display:inline-flex;align-items:center;white-space:nowrap;
  font-family:var(--font-sans,"Inter",system-ui,sans-serif);font-size:16px;font-weight:500;line-height:1.2;color:var(--kf-navy);
  padding:13px 22px;border-radius:999px;border:1.5px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,
    conic-gradient(from var(--kf-a),var(--kf-rest) 0 62%,var(--kf-gold) 80%,var(--kf-deep) 92%,var(--kf-rest) 100%) border-box;
  animation:kf-spin var(--kf-dur) linear infinite;
  animation-delay:calc(var(--i,0) * var(--kf-dur) / -5)}
@keyframes kf-spin{to{--kf-a:360deg}}
@media (max-width:639px){
  .kf-strip{padding:24px 16px}
  .kf-strip__list{gap:10px}
  .kf-strip__pill{font-size:14px;padding:10px 16px;white-space:normal;text-align:center}
}
/* Keats change (Sam, 7 Nov 2026): the light keeps running under Reduce Motion. It is a colour change along the border,
   nothing moves on the page (same call as the logo transition on 29 Oct, Sam's Mac has Reduce Motion on). */