/* VA20Four7 v10.0 — client proof / outcomes */
:root{
  --p100-ink:#12243d;
  --p100-copy:#5f7289;
  --p100-muted:#8a99ab;
  --p100-line:rgba(34,73,116,.12);
  --p100-blue:#4c7df0;
  --p100-blue-soft:#edf4ff;
  --p100-mint:#34ae82;
  --p100-violet:#7a6ff3;
  --p100-shadow:0 24px 68px rgba(31,58,95,.08);
}
.home100-proof{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important}
.home100-proof-head{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,.72fr);gap:42px;align-items:end;margin-bottom:30px}
.home100-proof-title{max-width:650px}
.home100-proof-title h2{margin:14px 0 0!important;max-width:10ch!important;font-size:clamp(40px,4.1vw,56px)!important;line-height:1!important;letter-spacing:-.055em!important;font-weight:575!important;color:var(--p100-ink)!important}
.home100-proof-intro{display:grid;gap:16px;justify-items:start}
.home100-proof-intro>p{margin:0!important;max-width:54ch;font-size:15.5px!important;line-height:1.72!important;color:var(--p100-copy)!important}
.home100-proof-signals{display:flex;flex-wrap:wrap;gap:9px}
.home100-proof-signals span{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border-radius:999px;border:1px solid rgba(34,73,116,.10);background:#fff;font-size:11.5px;font-weight:700;color:#536980!important;box-shadow:0 8px 20px rgba(31,58,95,.04)}
.home100-proof-signals i{width:7px;height:7px;border-radius:50%;background:linear-gradient(180deg,var(--p100-blue),var(--p100-mint));display:block;flex:none}
.home100-proof-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;align-items:stretch}
.home100-client-switcher{display:grid;gap:8px}
.home100-client-switcher button{position:relative;appearance:none;border:1px solid var(--p100-line);border-radius:18px;background:rgba(255,255,255,.78);padding:17px 16px;text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-areas:"name idx" "sector idx";gap:3px 12px;align-items:center;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.home100-client-switcher button:hover{transform:translateY(-2px);background:#fff;border-color:rgba(76,125,240,.18);box-shadow:0 14px 30px rgba(31,58,95,.06)}
.home100-client-switcher button.active{background:linear-gradient(135deg,#eef4ff,#ffffff 78%);border-color:rgba(76,125,240,.22);box-shadow:0 16px 34px rgba(50,90,150,.08)}
.home100-client-switcher button:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;border-radius:99px;background:transparent}
.home100-client-switcher button.active:before{background:linear-gradient(180deg,var(--p100-blue),var(--p100-violet))}
.home100-client-switcher button>span{grid-area:name;font-size:14px;font-weight:750;color:var(--p100-ink)!important}
.home100-client-switcher button>small{grid-area:sector;font-size:10.5px;color:#7b8da2!important}
.home100-client-switcher button>i{grid-area:idx;font-style:normal;font-size:10px;font-weight:800;color:#a0acb9!important}
.home100-client-switcher button.active>i{color:var(--p100-blue)!important}
.home100-story-stage{position:relative;min-height:330px;border:1px solid rgba(34,73,116,.11);border-radius:26px;background:
  radial-gradient(circle at 85% 0%,rgba(122,111,243,.08),transparent 24%),
  radial-gradient(circle at 5% 100%,rgba(76,125,240,.08),transparent 28%),
  linear-gradient(135deg,#f5f8ff 0%,#ffffff 50%,#f8f6ff 100%);box-shadow:var(--p100-shadow);overflow:hidden}
.home100-story-stage:after{content:"“";position:absolute;right:30px;top:-34px;font-family:Georgia,serif;font-size:180px;line-height:1;color:rgba(44,76,117,.055);pointer-events:none}
.home100-story{position:absolute;inset:0;padding:30px 34px 46px;display:grid;grid-template-rows:auto 1fr auto;gap:22px;opacity:0;visibility:hidden;transform:translateY(16px)}
.home100-story.active{opacity:1;visibility:visible;transform:none}
.home100-story[hidden]{display:none!important}
.home100-story-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.home100-story-label{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6f8299!important}
.home100-story-label>span{width:8px;height:8px;border-radius:50%;background:var(--p100-mint);box-shadow:0 0 0 5px rgba(52,174,130,.10)}
.home100-story-index{font-size:10px;font-weight:800;letter-spacing:.08em;color:#92a0b0!important}
.home100-story blockquote{align-self:center;max-width:860px;margin:0!important;font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(28px,2.65vw,40px)!important;line-height:1.18!important;letter-spacing:-.035em!important;font-weight:510!important;color:var(--p100-ink)!important}
.home100-story-bottom{display:flex;align-items:end;justify-content:space-between;gap:24px}
.home100-story-bottom>div:first-child{display:grid;gap:3px}
.home100-story-bottom strong{font-size:13px;color:var(--p100-ink)!important}
.home100-story-bottom>div:first-child span{font-size:11px;color:#74869b!important}
.home100-outcome-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.home100-outcome-tags span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(34,73,116,.10);font-size:10.5px;font-weight:700;color:#536980!important}
.home100-proof-rail{position:absolute;left:34px;right:34px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.home100-proof-rail span{height:3px;border-radius:999px;background:rgba(34,73,116,.10);overflow:hidden}
.home100-proof-rail span:after{content:"";display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--p100-blue),var(--p100-violet));transition:width .35s ease}
.home100-proof-rail span.active:after{width:100%}
@media(max-width:980px){
  .home100-proof-head{grid-template-columns:1fr;gap:20px}
  .home100-proof-shell{grid-template-columns:1fr}
  .home100-client-switcher{display:flex;overflow:auto;gap:8px;scrollbar-width:none}
  .home100-client-switcher::-webkit-scrollbar{display:none}
  .home100-client-switcher button{min-width:220px}
}
@media(max-width:640px){
  .home100-proof-title h2{font-size:clamp(34px,9vw,44px)!important}
  .home100-story-stage{min-height:390px;border-radius:22px}
  .home100-story{padding:24px 22px 44px}
  .home100-story blockquote{font-size:clamp(24px,7vw,31px)!important}
  .home100-story-bottom{align-items:flex-start;flex-direction:column}
  .home100-outcome-tags{justify-content:flex-start}
  .home100-proof-rail{left:22px;right:22px}
}
@media(prefers-reduced-motion:reduce){
  .home100-client-switcher button{transition:none!important}
}