/* Clients, advanced: one client file at a time. A rail of six businesses, and the month of the one you pick. */
.proof2 .pf-win{margin-top:56px;display:grid;grid-template-columns:300px minmax(0,1fr);background:#fff;border:var(--line);border-radius:26px;box-shadow:var(--sh);overflow:hidden}
.pf-rail{display:flex;flex-direction:column;background:#F7F5FD;border-right:var(--line);min-width:0}
.pf-rail h6{margin:0;padding:16px 18px 12px;font:800 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);display:flex;justify-content:space-between;align-items:center}
.pf-rail h6 em{font:700 10px/1 var(--sans);font-style:normal;letter-spacing:.06em;padding:5px 7px;border-radius:6px;background:#FFE7A3;color:#7A4B00}
.pf-t{appearance:none;border:0;border-top:1px solid #E6E3EF;background:transparent;text-align:left;padding:14px 18px;display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:12px;align-items:center;cursor:pointer;font-family:var(--sans);color:var(--ink);position:relative;transition:background .2s}
.pf-t i{width:14px;height:14px;border-radius:4px;border:2px solid var(--ink);background:var(--c,#55DDEE)}
.pf-t b{display:block;font:800 15.5px/1.2 var(--sans);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-t small{display:block;font:500 12.5px/1.2 var(--sans);color:var(--ink-2);margin-top:3px}
.pf-t em{font:800 13px/1 var(--sans);font-style:normal;color:var(--ink-2);font-variant-numeric:tabular-nums}
.pf-t.on{background:#fff}.pf-t.on em{color:var(--ink)}
.pf-t.on::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--c,#55DDEE)}
.pf-t.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ink);transform-origin:left;animation:pfbar 6s linear forwards}
.pf-rail.held .pf-t.on::after{animation:none;transform:scaleX(1)}
@keyframes pfbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pf-main{position:relative;min-width:0}
.pf-p{display:none;grid-template-columns:320px minmax(0,1fr);gap:0;height:100%}
.pf-p.on{display:grid;animation:pfin .45s cubic-bezier(.2,.8,.2,1)}@keyframes pfin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pf-ad{padding:22px 0 22px 22px}.pf-ad .ad{border:2.5px solid var(--ink);border-radius:16px}
.pf-ad small{display:block;margin-top:10px;font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.pf-info{padding:24px 26px 24px;display:grid;gap:16px;align-content:start;min-width:0}
.pf-k{margin:0;font:800 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.pf-info h3{margin:-6px 0 0;font:900 clamp(28px,2.6vw,40px)/1 var(--sans);letter-spacing:-.045em}
.pf-n{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0}
.pf-n div{border:2px solid var(--ink);border-radius:14px;padding:12px 12px 13px;background:#fff}
.pf-n div:first-child{background:var(--c,#55DDEE)}
.pf-n dt{font:800 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.pf-n dd{margin:8px 0 0;font:900 24px/1 var(--sans);letter-spacing:-.045em;white-space:nowrap}
.pf-two{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;align-items:start}
.pf-ch small{display:block;font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.pf-ch svg{width:100%;height:150px;display:block;overflow:visible}
.pf-ch .bar{fill:#E8E4F5;stroke:var(--ink);stroke-width:2;transform-origin:bottom;transform-box:fill-box}.pf-ch .bar.top{fill:var(--c,#55DDEE)}
.pf-p.on .pf-ch .bar{animation:pfgrow .7s cubic-bezier(.2,.9,.3,1) backwards}.pf-p.on .pf-ch .bar:nth-of-type(2){animation-delay:.08s}.pf-p.on .pf-ch .bar:nth-of-type(3){animation-delay:.16s}.pf-p.on .pf-ch .bar:nth-of-type(4){animation-delay:.24s}
@keyframes pfgrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.pf-ch text{font:800 13px var(--sans);fill:var(--ink)}.pf-ch text.w{font:600 10.5px var(--mono);fill:var(--ink-3)}
.pf-log{list-style:none;margin:0;padding:0;display:grid;gap:0}
.pf-log li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:9px 0;border-top:1.5px solid rgba(15,10,31,.1);font:500 13.5px/1.35 var(--sans);color:var(--ink-2)}.pf-log li:first-child{border-top:0;padding-top:0}
.pf-log i{font:700 11px/1.3 var(--mono);font-style:normal;color:var(--ink);background:#F0EEF7;border-radius:6px;padding:4px 0;text-align:center}
.pf-log b{color:var(--ink);font-weight:700}
.pf-q{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding-top:16px;border-top:1.5px solid rgba(15,10,31,.12)}
.pf-q .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font:800 16px/1 var(--sans);background:var(--ink)}
.pf-q p{position:relative;margin:0;background:#D9FDD3;border-radius:4px 14px 14px 14px;padding:11px 14px 12px;font:500 15.5px/1.4 var(--sans);color:#111B21;box-shadow:0 1px 0 rgba(0,0,0,.1)}
.pf-q footer{margin-top:8px;font:700 12.5px/1 var(--sans);color:var(--ink-3)}
@media (max-width:1100px){.pf-p{grid-template-columns:260px minmax(0,1fr)}.pf-n{grid-template-columns:repeat(2,1fr)}.pf-two{grid-template-columns:1fr}}
@media (max-width:960px){
  .proof2 .pf-win{grid-template-columns:1fr}.pf-rail{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:var(--line);scrollbar-width:none}.pf-rail::-webkit-scrollbar{display:none}.pf-rail h6{display:none}
  .pf-t{flex:none;border-top:0;border-left:1px solid #E6E3EF;padding:12px 14px;grid-template-columns:12px auto}.pf-t:first-of-type{border-left:0}.pf-t em{display:none}.pf-t.on::before{width:auto;height:4px;right:0;bottom:auto}
  .pf-p{grid-template-columns:1fr}.pf-ad{padding:18px 18px 0;max-width:340px}.pf-info{padding:20px 18px 22px}
}
@media (max-width:700px){.pf-n dd{font-size:21px}.pf-info h3{font-size:28px}}