/* Trustwashing.com: "Five pillars of trust" (homepage #support, about.html#get-involved) */
.pil{padding:92px 0 88px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--cream) 0%,#f1eee9 100%);scroll-margin-top:90px}
.pil h2{font-size:clamp(34px,4.8vw,56px);font-weight:600;line-height:1.05;letter-spacing:-.02em;margin:14px 0 18px;max-width:880px}
.pil h2 .c{color:var(--coral);font-style:italic;font-weight:500}
.pil-lede{font-size:19px;line-height:1.6;color:var(--navy-soft);max-width:700px;margin-bottom:40px}

.pil-sheet{position:relative;border-radius:6px;box-shadow:0 1px 0 var(--line),0 24px 50px -30px rgba(10,26,47,.35)}
.pil-sheet svg{display:block;width:100%;height:auto;border-radius:6px;-webkit-user-select:none;user-select:none}
.pil-hit{cursor:pointer}
.pil-fade{transition:opacity .9s ease}
.pil-ghost{pointer-events:none}
.pil-ghost-o{animation:pilPulse 1.4s ease-in-out infinite}
@keyframes pilPulse{50%{opacity:.35}}
.pil-ring{transition:opacity .25s}
.pil-letter{transition:fill .6s ease,stroke-opacity .6s ease}

.pil-labels{display:grid;grid-template-columns:repeat(5,1fr);margin-top:14px;gap:8px}
.pil-lab{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;font-family:var(--sans);border-radius:8px;padding:10px 6px 12px;border:1px solid transparent;transition:background .2s,border-color .2s}
.pil-lab:hover{background:#fff;border-color:var(--line)}
.pil-lab[aria-pressed="true"]{background:#fff;border-color:var(--coral);box-shadow:0 0 0 1px var(--coral)}
.pil-lab:focus-visible{outline:2px solid var(--coral);outline-offset:2px}
.pil-lab .n{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--navy)}
.pil-lab .d{display:block;font-size:12.5px;color:var(--navy-soft);margin-top:3px;line-height:1.35}
.pil-lab .v{display:block;font-family:var(--serif);font-size:22px;font-weight:600;margin-top:6px;line-height:1}
.pil-lab .v small{font-family:var(--sans);font-size:12px;font-weight:500;color:var(--navy-soft);margin-left:4px}
.pil-lab .done{display:inline-block;margin-top:6px;font-size:11px;color:#2F6F6A;font-weight:600;letter-spacing:.04em}

.pil-controls{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin-top:30px;padding-top:28px;border-top:1px solid var(--line)}
.pil-tot .n{font-family:var(--serif);font-size:clamp(40px,5vw,54px);font-weight:600;line-height:1;letter-spacing:-.03em}
.pil-tot .l{font-family:var(--sans);font-size:13.5px;color:var(--navy-soft);margin-top:6px;line-height:1.5;max-width:320px}
.pil-act{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.pil-hold{--p:0;position:relative;overflow:hidden;font:600 16px var(--sans);background:var(--navy);color:var(--cream);border:1px solid var(--navy);padding:17px 30px;border-radius:8px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:min(100%,440px)}
.pil-hold::after{content:"";position:absolute;inset:0;background:var(--coral);transform-origin:left;transform:scaleX(var(--p));z-index:0}
.pil-hold span{position:relative;z-index:1}
.pil-hold:hover{background:var(--navy-soft)}
.pil-hold:disabled{background:transparent;color:var(--navy-soft);border-color:var(--line);cursor:default}
.pil-hold:disabled::after{display:none}
.pil-hold.done{color:var(--navy);border-color:var(--navy)}
.pil-hold:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
.pil-msg{font-family:var(--sans);font-size:14.5px;line-height:1.5;color:var(--navy-soft);min-height:1.5em;max-width:620px}
.pil-msg.good{color:var(--lavender)}
.pil-msg.big{color:var(--coral);font-weight:600}
.pil-honest{margin-top:26px;font-family:var(--sans);font-size:12.5px;line-height:1.55;color:var(--navy-soft);max-width:780px}
.pil-honest a{color:var(--lavender)}

.pil-tip{position:absolute;z-index:5;left:0;top:0;transform:translate(-50%,calc(-100% - 10px));background:var(--navy);color:var(--cream);font-family:var(--sans);font-size:12.5px;line-height:1.45;padding:7px 11px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}
.pil-tip::after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-bottom:0;border-top-color:var(--navy)}
.pil-tip.on{opacity:1}
.pil-tip.mine{background:var(--coral);transform:translate(0,-50%)}
.pil-tip.mine::after{left:-5px;top:50%;bottom:auto;margin:-5px 0 0;border:5px solid transparent;border-left:0;border-right-color:var(--coral)}

@media (max-width:760px){
  .pil{padding:60px 0 56px}
  .pil-labels{gap:2px}
  .pil-lab{padding:8px 2px 10px}
  .pil-lab .n{font-size:10px;letter-spacing:.06em}
  .pil-lab .d{display:none}
  .pil-lab .v{font-size:17px}
  .pil-lab .v small{display:block;margin:2px 0 0;font-size:10.5px}
  .pil-lab .done{font-size:9.5px;letter-spacing:0}
  .pil-lab .plus{display:none}
  .pil-controls{grid-template-columns:1fr;gap:18px}
  .pil-hold{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .pil-ghost-o{animation:none}
  .pil-fade,.pil-letter{transition:none}
}