.wsol{--wsol-bg:#ffffff;--wsol-ink:#171921;--wsol-ink-soft:#454a57;--wsol-muted:#8b90a0;--wsol-line:#e8eaf0;--wsol-flame:#d8531e;--wsol-display:'Montserrat',system-ui,-apple-system,sans-serif;--wsol-pad:clamp(20px,5vw,88px);--wsol-ease:cubic-bezier(.22,1,.36,1);
  position:relative;z-index:3;background:var(--wsol-bg);color:var(--wsol-ink);font-family:'Montserrat',system-ui,-apple-system,sans-serif;}
.wsol *{box-sizing:border-box;}
.wsol__pin{min-height:100svh;display:flex;align-items:center;padding:10vh var(--wsol-pad);}
.wsol__grid{width:100%;max-width:1440px;margin-inline:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,90px);align-items:center;}
.wsol__label{font-family:var(--wsol-display);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--wsol-muted);margin-bottom:24px;}
.wsol__h2{font-family:var(--wsol-display);font-weight:600;font-size:clamp(30px,4vw,46px);line-height:1.04;letter-spacing:-.02em;margin:0 0 22px;color:var(--wsol-ink);}
.wsol__h2 em{font-style:normal;color:#D8531E;
  background:linear-gradient(90deg,#D8531E 0%,#F79E86 50%,#D8531E 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.wsol__lead{color:var(--wsol-ink-soft);font-weight:600;font-size:16px;line-height:1.6;max-width:400px;margin:0 0 30px;}
.wsol__progress{height:2px;background:var(--wsol-line);position:relative;max-width:380px;}
.wsol__progress span{position:absolute;inset:0;width:0;background:var(--wsol-flame);}
.wsol__steps{list-style:none;margin:0;padding:0;position:relative;}
.wsol-step{padding:0;}
.wsol-step+.wsol-step{margin-top:46px;border-top:1px solid var(--wsol-line);padding-top:46px;}
.wsol-step__idx{display:inline-flex;align-items:center;gap:10px;font-family:var(--wsol-display);font-weight:600;font-size:13px;color:var(--wsol-flame);letter-spacing:.08em;text-transform:uppercase;}
.wsol-step__ic{display:inline-flex;width:22px;height:22px;color:var(--wsol-flame);}
.wsol-step__ic svg{width:22px;height:22px;}
.wsol-step h3{font-family:var(--wsol-display);font-weight:600;font-size:clamp(30px,4vw,46px);line-height:1;letter-spacing:-.03em;margin:12px 0 14px;color:var(--wsol-ink);}
.wsol-step__lead{max-width:560px;font-weight:600;font-size:clamp(15px,1.3vw,18px);color:var(--wsol-ink-soft);line-height:1.6;margin:0 0 22px;}
.wsol-list{list-style:none;margin:0;padding:0;max-width:620px;}
.wsol-li{display:flex;align-items:center;gap:16px;padding:13px 0;border-top:1px solid var(--wsol-line);}
.wsol-li:first-child{border-top:0;}
.wsol-li__num{font-family:var(--wsol-display);font-weight:800;font-size:12px;color:var(--wsol-muted);width:18px;flex:0 0 18px;}
.wsol-li__name{font-family:var(--wsol-display);font-weight:800;font-size:clamp(15px,1.5vw,19px);color:var(--wsol-ink);}
.wsol-li.is-feature .wsol-li__name{color:var(--wsol-flame);}
.wsol-li__learn{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:var(--wsol-display);font-weight:700;font-size:12.5px;color:var(--wsol-muted);transition:color .3s var(--wsol-ease);white-space:nowrap;}
.wsol-li__learn svg{width:15px;height:15px;transition:transform .3s var(--wsol-ease);}
.wsol-li__learn:hover{color:var(--wsol-flame);}
.wsol-li__learn:hover svg{transform:translateX(4px);}
/* ---- pinned/scrub mode (added by JS only when GSAP + desktop + motion OK) ---- */
.wsol.is-pinned .wsol__steps{min-height:clamp(440px,72vh,680px);}
.wsol.is-pinned .wsol-step{position:absolute;inset:0;opacity:0;transform:translateY(40px);}
.wsol.is-pinned .wsol-step+.wsol-step{margin-top:0;border-top:0;padding-top:0;}
.wsol.is-pinned .wsol-step__hint{display:none;}
@media (max-width:1080px){ .wsol__grid{grid-template-columns:1fr;gap:30px;} .wsol__pin{min-height:0;padding:14vh var(--wsol-pad);} }
@media (prefers-reduced-motion:reduce){ .wsol .wsol-step{opacity:1 !important;transform:none !important;} }
/* ---- changing audience title + prev/next arrows in the left column (pinned mode only; injected by solutions.js) ---- */
.wsol__now,.wsol__nav{display:none;}
.wsol.is-pinned .wsol__now{display:inline-flex;align-items:center;gap:13px;margin:0 0 28px;color:var(--wsol-flame);font-family:var(--wsol-display);font-weight:700;font-size:15.5px;letter-spacing:.14em;text-transform:uppercase;will-change:transform,opacity;}
.wsol__now-ic{display:inline-flex;flex:none;width:26px;height:26px;color:var(--wsol-flame);filter:drop-shadow(0 6px 14px rgba(216,83,30,.45));}
.wsol__now-ic svg{width:26px;height:26px;}
.wsol__now-t{position:relative;padding-bottom:3px;}
.wsol__now-t::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--wsol-flame),rgba(216,83,30,0));}
.wsol.is-pinned .wsol-step__idx{display:none;}
.wsol.is-pinned .wsol__nav{display:flex;align-items:center;gap:10px;margin-top:32px;}
.wsol-nav__btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--wsol-line);background:#f7f8fb;color:var(--wsol-ink);cursor:pointer;display:grid;place-items:center;transition:background .3s ease,border-color .3s ease,color .3s ease,transform .3s ease,opacity .3s ease;}
.wsol-nav__btn svg{width:18px;height:18px;}
.wsol-nav__btn:hover{background:var(--wsol-flame);border-color:transparent;color:#fff;transform:translateY(-2px);}
.wsol-nav__btn:disabled{opacity:.3;cursor:default;pointer-events:none;}
.wsol-nav__btn:focus-visible{outline:2px solid var(--wsol-flame);outline-offset:2px;}
.wsol__nav-count{margin-left:8px;font-family:var(--wsol-display);font-weight:600;font-size:12.5px;letter-spacing:.14em;color:var(--wsol-muted);}
.wsol__nav-count b{color:var(--wsol-ink);font-weight:700;}
/* PDF icon set: raster audience chips */
.wsol-step__ic img{width:22px;height:22px;object-fit:contain;display:block;}
.wsol__now-ic img{width:26px;height:26px;object-fit:contain;display:block;}
