/* TISAX service page — tier-track and dashboard-inspired assessment level cards */

.tisax-tiers{padding:2rem 8vw 5rem;box-shadow:none}
.tisax-tiers .eyebrow{margin-bottom:1.5rem}
.tisax-tiers h2{font-size:clamp(1.6rem,3.2vw,2.4rem);margin-bottom:1.25rem;max-width:820px}
.tisax-tiers>p.tisax-intro{font-size:1rem;line-height:1.9;max-width:800px;color:var(--mid);margin-bottom:3.5rem}

.tisax-tier-track{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}

.tisax-tier{
  position:relative;
  border:1px solid var(--sheet-rule);
  background:var(--sheet, var(--paper));
  padding:2rem 1.75rem 2.25rem;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1rem;
  opacity:0;
  transform:translateY(18px);
  transition:opacity .6s ease, transform .6s ease, border-color .35s ease, box-shadow .35s ease;
}
.tisax-tier.is-visible{opacity:1;transform:translateY(0)}
.tisax-tier:hover,.tisax-tier:focus-within{
  border-color:var(--accent);
  box-shadow:0 0 0 1px var(--accent) inset, 0 12px 30px rgba(0,0,0,.06);
}

.tisax-dial{width:72px;height:72px;position:relative;flex-shrink:0}
.tisax-dial svg{width:100%;height:100%;display:block}
.tisax-dial-track{fill:none;stroke:var(--sheet-rule);stroke-width:6}
.tisax-dial-fill{
  fill:none;
  stroke:var(--accent);
  stroke-width:6;
  stroke-linecap:round;
  transform:rotate(-90deg);
  transform-origin:50% 50%;
  stroke-dasharray:151;
  stroke-dashoffset:151;
  transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1) .15s;
}
.tisax-tier.is-visible .tisax-dial-fill{stroke-dashoffset:var(--dash-offset, 0)}
.tisax-dial-label{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Source Serif 4',serif;
  font-size:1.1rem;
  color:var(--dark);
}

.tisax-tier-name{font-family:'Source Serif 4',serif;font-size:1.4rem;color:var(--dark)}
.tisax-tier-method{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.tisax-tier-desc{font-size:.85rem;line-height:1.8;color:var(--mid)}

.tisax-tier-gauge{
  width:100%;
  height:4px;
  background:var(--sheet-rule);
  position:relative;
  overflow:hidden;
  margin-top:.25rem;
}
.tisax-tier-gauge-fill{
  position:absolute;
  inset:0 auto 0 0;
  width:0%;
  background:var(--accent);
  transition:width 1s cubic-bezier(.16,1,.3,1) .15s;
}
.tisax-tier.is-visible .tisax-tier-gauge-fill{width:var(--gauge-fill, 33%)}

.tisax-tier-note{
  margin-top:2.5rem;
  font-size:.8rem;
  line-height:1.9;
  color:var(--mid);
  max-width:800px;
  border-left:2px solid var(--accent);
  padding-left:1.25rem;
}

.tisax-help{padding:1rem 8vw 4rem;box-shadow:none}
.tisax-help h2{font-size:clamp(1.4rem,2.6vw,2rem);margin-bottom:1.5rem}
.tisax-help-list{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1.25rem 2rem;
  max-width:900px;
}
.tisax-help-list li{
  font-size:.9rem;
  line-height:1.8;
  color:var(--mid);
  padding-left:1.5rem;
  position:relative;
}
.tisax-help-list li::before{
  content:'//';
  position:absolute;
  left:0;
  color:var(--accent);
  font-weight:400;
}
.tisax-help-list strong{color:var(--dark);font-weight:400;font-family:'Source Serif 4',serif}

.tisax-disclaimer{
  padding:0 8vw 5rem;
  box-shadow:none;
}
.tisax-disclaimer p{
  font-size:.75rem;
  line-height:1.9;
  color:var(--mid);
  max-width:820px;
  border-top:1px solid var(--sheet-rule);
  padding-top:1.5rem;
}

@media (max-width:860px){
  .tisax-tier-track{grid-template-columns:1fr}
  .tisax-help-list{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .tisax-tier{opacity:1;transform:none;transition:border-color .35s ease}
  .tisax-dial-fill,.tisax-tier-gauge-fill{transition:none}
}