html { scroll-behavior: smooth; }
body { font-family: 'Heebo', sans-serif; }
:focus-visible { outline: 3px solid #10B981; outline-offset: 2px; }
.card-hover { transition: transform .25s ease, box-shadow .25s ease; }
.card-hover:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -15px rgba(15,23,42,.25); }
.fade-up { animation: fadeUp .6s ease both; }

/* aligns title/bandwidth/"עבור מי"/"הפוקוס" across sibling tier cards, any wrap length */
.tier-card {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: subgrid;
  grid-row: span 4;
  row-gap: 0;
}
@keyframes fadeUp { from { opacity:0; transform: translateY(16px);} to {opacity:1; transform:translateY(0);} }

/* ponytail: filter must go on header/main/footer, not body — a filter on an
   ancestor of a position:fixed element turns it into that ancestor's
   containing block, so fixed elements start scrolling with the page */
body.a11y-contrast > header,
body.a11y-contrast > main,
body.a11y-contrast > footer {
  filter: contrast(1.25);
}