/* Why a specialist: the leftover-hours bar, then five reasons land one by one. */
#why .head{margin-bottom:36px}
#why .head h2 .hl{color:var(--red)}
.weeks{display:grid;gap:26px}
.wk-top{display:flex;justify-content:space-between;gap:16px;font:600 11px var(--sans);letter-spacing:.14em;color:#8a8a8a;margin-bottom:10px}
.wk-call{color:var(--red);opacity:var(--call,1);transition:opacity .3s}
.wk-bar{display:flex;height:64px;gap:3px}
.seg{position:relative;flex:0 0 calc(var(--w) - 3px);min-width:0}
.seg i{position:absolute;inset:0;background:#2b2b2b;border-radius:3px;transform:scaleX(var(--f,1));transform-origin:left}
.seg b{position:absolute;left:12px;top:50%;transform:translateY(-50%);font:600 12px var(--sans);color:#d8d8d8;white-space:nowrap;opacity:var(--f,1);overflow:hidden;max-width:calc(100% - 16px);text-overflow:clip}
.wk-agency .seg:nth-child(2) i{background:#333}.wk-agency .seg:nth-child(3) i{background:#3a3a3a}.wk-agency .seg:nth-child(4) i{background:#2f2f2f}.wk-agency .seg:nth-child(5) i{background:#363636}
.seg.ret i{background:var(--red)}
.seg.ret b{left:auto;right:0;top:auto;bottom:-24px;transform:none;color:var(--red);max-width:none;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.wk-cl .seg i{background:var(--red)}
.wk-cl .seg b{color:#fff}
.wk-note{font-size:11px;color:#6f6f6f;margin-top:4px}
#why .why-grid{margin-top:70px}
#why.wy-pinned .why-pin{position:sticky;top:var(--wy-top,88px)}
#why .why.wy-rise{will-change:transform,opacity}
@keyframes wyPop{0%{transform:scale(1)}40%{transform:scale(1.4)}100%{transform:scale(1)}}
#why .why.landed .ico [fill="var(--red)"]{transform-box:fill-box;transform-origin:center;animation:wyPop .7s cubic-bezier(.2,.7,.2,1) 1}
body.why-in-view>.wa{visibility:hidden;pointer-events:none}
@media(max-width:900px){.wk-bar{height:52px}.seg b{font-size:10px;left:8px}.wk-top{font-size:10px;flex-direction:column;gap:4px}.wk-agency .seg:not(.ret) b{display:none}.wk-agency .wk-bar:after{content:none}}
@media(prefers-reduced-motion:reduce){#why .why-pin{position:static!important}.seg i{transform:none!important}.seg b{opacity:1!important}#why .why{opacity:1!important;transform:none!important}}
/* Close: one line replaces the five-card grid. */
.why-close{font:400 clamp(44px,7vw,112px)/1.02 var(--display);text-transform:uppercase;color:#fff;margin:90px 0 10px;letter-spacing:-.01em}
.why-close span{color:var(--red)}
@media(max-width:900px){.why-close{font-size:clamp(40px,11vw,64px);margin-top:60px}}