/* BuySide landing accents and motion; no changes to candidate data or links. */
#bs{background:#f4f4f0}
#bs nav .nav-assessment,#bs .hero .actions .button{background:#bf482e;color:#fff!important;border:1px solid #a83a26;box-shadow:0 4px 0 #f2b5a4;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
#bs nav .nav-assessment:hover,#bs .hero .actions .button:hover{background:#a83a26;transform:translateY(-3px);box-shadow:0 7px 0 #efb8a9}
#bs nav .nav-assessment:focus-visible,#bs .hero .actions .button:focus-visible{outline:3px solid #5d43a0;outline-offset:4px}
#bs .hero-copy{animation:bs-intro-in .65s ease both}
#bs .card{background:#e1efdc;border-color:#adcbaa;box-shadow:0 10px 25px #1f493010;transition:transform .28s ease,box-shadow .28s ease}
#bs .card:last-child{background:#e5def5;border-color:#c6b8df}
#bs .card:hover{transform:translateY(-5px);box-shadow:0 17px 30px #1f49301c}
#bs .opportunity-chat{background:#edf1f8;border-color:#ccd4e5;box-shadow:0 14px 35px #1b31500e}
#bs .opportunity-title>span,#bs .format-mark{display:inline-block;animation:bs-spark-turn 7s ease-in-out infinite}
#bs .opportunity-title>span{animation-delay:1s}
@keyframes bs-intro-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes bs-spark-turn{0%,80%,100%{transform:rotate(0deg)}90%{transform:rotate(45deg)}}
@media(prefers-reduced-motion:reduce){#bs .hero-copy,#bs .opportunity-title>span,#bs .format-mark{animation:none!important}#bs .card,#bs nav .nav-assessment,#bs .hero .actions .button{transition:none!important}}

/* Three concise, fictional negotiation examples rotate with the 30-second scene */
#bs .case-copy{display:none}#bs .case-copy.case-a{display:inline} @supports (animation-name:bs-cases){#bs .kinetic-card .sample{display:grid}#bs .kinetic-card .message-author{grid-area:1 / 1}#bs .case-copy{display:inline;grid-area:2 / 1;visibility:hidden;animation:bs-cases 90s steps(1,end) infinite}#bs .case-copy.case-b{animation-delay:-60s}#bs .case-copy.case-c{animation-delay:-30s}}@keyframes bs-cases{0%{visibility:visible}33.333%{visibility:hidden}100%{visibility:hidden}}@media(prefers-reduced-motion:reduce){#bs .case-copy{animation:none!important;visibility:hidden!important}#bs .case-copy.case-a{visibility:visible!important}}

/* Crisp, fixed-height conversation and vector illustrations. */
#bs .card{min-height:184px;transition:border-color .25s ease,box-shadow .25s ease;transform:none!important;overflow:hidden}
#bs .card:hover{transform:none!important;box-shadow:0 14px 30px #1f49301c;border-color:#82a77e}
#bs .card:last-child:hover{border-color:#a78dcc}
#bs .card h2,#bs .card p{position:relative;z-index:1}
#bs .card p{max-width:76%}
#bs .format-art{position:absolute;right:16px;top:25px;width:106px;height:106px;overflow:visible;filter:drop-shadow(0 8px 10px #1e3b3118)}
#bs .format-art-part{transform:rotate(-4deg)}
#bs .format-art-full{transform:rotate(4deg)}
#bs .faq-art{width:76px;height:76px;flex:none;filter:drop-shadow(0 8px 12px #1e3b3118)}
#bs .chat-spark{width:28px;height:28px;margin-left:auto;color:#d6ec95;flex:none}
#bs .kinetic-card .sample{will-change:auto!important;font-size:16px;line-height:1.48}
#bs .kinetic-card .message-author{font-size:10px}
#bs .note{transform:none;right:18px}
@keyframes bs-message-one{0%,3%{opacity:0}6%,60%{opacity:1}65%,100%{opacity:0}}
@keyframes bs-message-two{0%,20%{opacity:0}24%,60%{opacity:1}65%,100%{opacity:0}}
@keyframes bs-message-three{0%,39%{opacity:0}43%,60%{opacity:1}65%,100%{opacity:0}}
@media(max-width:760px){#bs .card{min-height:160px}#bs .card p{max-width:78%}#bs .format-art{width:82px;height:82px;right:8px;top:30px}#bs .faq-art{width:58px;height:58px}#bs .kinetic-card .sample{font-size:14px}}
@media(max-width:600px){#bs .card p{max-width:72%}#bs .format-art{width:90px;height:90px}}
@media(prefers-reduced-motion:reduce){#bs .format-art{transform:none}}
#bs .kinetic-card .sample,#bs .kinetic-card .typing,#bs .kinetic-card .celebration,#bs .kinetic-card .reward-copy,#bs .kinetic-card .reward-particle,#bs .kinetic-card .firework,#bs .kinetic-card .reward-glow,#bs .kinetic-card .card-aura,#bs .kinetic-card .scene-step>span{animation-duration:30s}

/* Message heights follow their content at every width and in all three scenes. */
#bs .kinetic-card .chat-stage{height:auto;min-height:300px;display:flex;flex-direction:column;gap:12px;padding:4px 0 10px}
#bs .kinetic-card .exchange-line{position:relative;inset:auto;margin:0;flex:none;width:91%;min-width:0}
#bs .kinetic-card .line-two{align-self:flex-end;width:91%}
#bs .kinetic-card .line-three{width:96%}
#bs .kinetic-card .sample{min-width:0;overflow-wrap:anywhere;transform:none}
#bs .kinetic-card .agreed strong{font-size:clamp(20px,2vw,23px);line-height:1.25}
#bs .kinetic-card .message-author{line-height:1.4}
@media(max-width:760px){#bs .kinetic-card .chat-stage{min-height:310px}#bs .kinetic-card .exchange-line{width:95%}#bs .kinetic-card .line-three{width:98%}}

/* The landing and embedded widget share the same live chat controller. */
#bs .opportunity-shell{margin-top:16px;border:1px solid #c8d5ce;border-radius:18px;background:#f8faf7;overflow:hidden}
#bs .opportunity-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#173b31;color:#fff}
#bs .opportunity-chat-head strong{font-size:15px}#bs .opportunity-chat-head span{font-size:12px;color:#dce8cf}
#bs .opportunity-messages{height:300px;max-height:45vh;min-height:180px;display:flex;flex-direction:column;gap:12px;padding:18px;overflow-y:auto;overscroll-behavior:contain}
#bs .opportunity-bubble{flex:none;max-width:85%;align-self:flex-start;margin:0;padding:12px 15px;font-size:14px;line-height:1.55;background:white;border:1px solid #dce5db;border-radius:15px 15px 15px 4px}
#bs .opportunity-bubble.candidate{align-self:flex-end;margin:0;background:#ded7f5;border-color:#c5b6e9;border-radius:15px 15px 4px 15px;color:#302755}
#bs .opportunity-bubble b{margin-bottom:4px;font-size:10px}
#bs .opportunity-compose{display:flex;align-items:flex-end;gap:10px;padding:0 18px;margin:0}
#bs .opportunity-compose textarea{width:auto;min-width:0;flex:1;min-height:46px;max-height:132px;resize:none;padding:11px 13px;line-height:1.5}
#bs .opportunity-compose button{flex:none;min-height:46px;padding:10px 18px;border:1px solid #a83a26;border-radius:10px;background:#bf482e;color:#fff;font:600 14px system-ui;cursor:pointer}
#bs .opportunity-compose button:disabled{opacity:.6;cursor:wait}
#bs .opportunity-compose :focus-visible{outline:3px solid #b5cc96;outline-offset:2px}
#bs .opportunity-status{margin:8px 18px;font-size:12px;color:#8d3b28}
#bs .opportunity-status:empty{display:none}
#bs .opportunity-help{margin:10px 18px;font-size:11px;color:#527060}
#bs .opportunity-start{margin:0 18px 16px;padding:0;background:none;box-shadow:none;color:#a53b28!important;font-size:12px}
#bs .chat-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#bs .chat-pending{color:#65776e}
@media(max-width:480px){#bs .opportunity-messages{padding:12px;gap:10px}#bs .opportunity-bubble{max-width:93%}#bs .opportunity-compose{padding:0 12px;gap:7px}#bs .opportunity-compose button{padding:10px 12px}#bs .opportunity-chat-head{padding:14px}}

/* Quiet the supporting palette so the assessment actions read first. */
#bs .card{background:#e9ede5;border-color:#d0d9ca;box-shadow:0 7px 18px #1f493008}
#bs .card:last-child{background:#ece9f0;border-color:#d8d2e1}
#bs .card:hover{box-shadow:0 10px 22px #1f493012;border-color:#bdcbb8}
#bs .card:last-child:hover{border-color:#c9bfd8}
#bs .format-art{filter:saturate(.72) drop-shadow(0 5px 8px #1e3b310c)}
#bs .conversation.kinetic-card{background:linear-gradient(155deg,#46685c,#344f46);border-color:#789084;color:#fffef8;box-shadow:0 16px 34px -24px #17352e45,0 2px 6px #17352e0a,inset 0 1px 0 #ffffff24}
#bs .kinetic-card .chat-top{border-color:#ffffff30}
#bs .kinetic-card .chat-top small{color:#e0e9e2}
#bs .kinetic-card .avatar{background:#e0e9d1;color:#28483c}
#bs .kinetic-card .chat-spark{color:#dce7c7}
#bs .kinetic-card .owner{background:#f2f2eb;color:#263e34}
#bs .kinetic-card .you{background:#dce7c7;color:#263e34}
#bs .kinetic-card .message-author{color:#4c6856}
#bs .kinetic-card .typing{background:#f2f2eb}
#bs .kinetic-card .line-two .typing,#bs .kinetic-card .line-four .typing{background:#dce7c7}
#bs .kinetic-card .typing i{background:#526c59}
#bs .kinetic-card .chat-bottom{color:#e0e9e2}
#bs .kinetic-card .dot{background:#dce7c7}
#bs .kinetic-card .loop-caption{color:#d5e0d7}
#bs .kinetic-card .note{background:#e5edc8;color:#294639;box-shadow:0 2px 4px #17352e0a}
#bs nav .nav-assessment:hover,#bs .hero .actions .button:hover{background:#96351f;box-shadow:0 7px 0 #e7a08e}
#bs nav .nav-assessment:focus-visible,#bs .hero .actions .button:focus-visible{outline-color:#96351f;outline-offset:4px;box-shadow:0 0 0 3px #fff8f1}
@media(prefers-reduced-motion:reduce){#bs .card{transition:none!important}}

/* Soften the remaining non-action accents and large supporting panel. */
#bs h1 em{color:#4d6c58}
#bs .eyebrow,#bs nav .nav-chat{color:#4c6255}
#bs .opportunity-chat{background:#f1f3f6;border-color:#dce1e8;box-shadow:0 8px 22px #1b315007}
#bs .faq-art{filter:saturate(.72) drop-shadow(0 5px 8px #1e3b310c)}
#bs .kinetic-card .celebration{background:radial-gradient(ellipse at 50% 40%,#4b6556,#344f46 80%)}
#bs .kinetic-card .reward-label,#bs .kinetic-card .motion-label{color:#e0e9e2}