/* Home customer stories open on deliberate customer selection. */
html[data-page=services] #story-detail-workspace[hidden]{display:none!important}
html[data-page=services] .story-trial-clients button{position:relative;padding-right:32px}
html[data-page=services] .story-trial-clients button::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid #35AECB;border-bottom:2px solid #35AECB;transform:translateY(-65%) rotate(45deg)}
html[data-page=services] .story-trial-clients button[aria-expanded=true]::after{transform:translateY(-25%) rotate(225deg)}
html[data-page=services] .story-collapse-close{display:flex;align-items:center;gap:10px;margin:0 0 20px auto;background:#FFFFFF;color:#032058;border:1px solid #35AECB;border-radius:24px;padding:10px 18px;min-height:44px;font:600 14px/1.5 Poppins,Arial,sans-serif;cursor:pointer}
html[data-page=services] .story-collapse-close:hover{background:#EBF7FA}
html[data-page=services] .story-collapse-close:focus-visible{outline:3px solid #35AECB;outline-offset:3px}

/* Home story introduction follows the Free HR Tools three-level hierarchy. */
html[data-page=services] #customer-success-interactive .story-trial-intro{max-width:780px;text-align:center;margin:0 auto 32px}
html[data-page=services] #customer-success-interactive .story-trial-eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;margin:0 0 14px}
html[data-page=services] #customer-success-interactive #story-trial-title{font-size:clamp(34px,3.5vw,48px);line-height:1.15;letter-spacing:-.04em;font-weight:700;margin:0 0 20px;color:#032058}
html[data-page=services] #story-trial-title span{color:#35AECB}
html[data-page=services] #customer-success-interactive .story-trial-description{font-size:17px;line-height:1.6;margin:0;color:#032058}
@media(max-width:640px){html[data-page=services] #customer-success-interactive #story-trial-title{font-size:34px}}

/* Clearly bounded Home customer-story disclosure buttons. */
html[data-page=services] #customer-success-interactive .story-trial-clients button{border:1px solid #032058;border-radius:16px;background:#FFFFFF;color:#032058;padding-right:36px;transition:background-color .18s,border-color .18s}
html[data-page=services] #customer-success-interactive .story-trial-clients button:hover,html[data-page=services] #customer-success-interactive .story-trial-clients button:active,html[data-page=services] #customer-success-interactive .story-trial-clients button[aria-expanded=true]{background:#EBF7FA;border-color:#35AECB}
html[data-page=services] #customer-success-interactive .story-trial-clients button[aria-expanded=true]{box-shadow:inset 0 0 0 1px #35AECB}
html[data-page=services] #customer-success-interactive .story-trial-clients button:focus-visible{outline:3px solid #35AECB;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html[data-page=services] #customer-success-interactive .story-trial-clients button{transition:none}}

html[data-page=services] #customer-success-interactive .case-banner{background:#032058;border-radius:24px;padding:32px 28px;margin-top:32px;box-shadow:none;text-align:center}
html[data-page=services] #customer-success-interactive .case-banner h3{font-size:clamp(23px,2.5vw,32px);line-height:1.25;letter-spacing:-.025em;font-weight:700;color:#FFFFFF;max-width:760px;margin:0 auto 22px}
html[data-page=services] #customer-success-interactive .case-banner h3 span{color:#35AECB}
html[data-page=services] #customer-success-interactive .case-banner .pill{display:inline-flex;align-items:center;justify-content:center;min-width:0;width:auto;max-width:100%;min-height:52px;padding:14px 26px;background:#FFFFFF;color:#032058;border:1px solid #FFFFFF;border-radius:30px;font-size:15px;font-weight:600;line-height:1.5;text-align:center}
html[data-page=services] #customer-success-interactive .case-banner .pill:hover{box-shadow:0 0 0 2px #35AECB}
html[data-page=services] #customer-success-interactive .case-banner .pill:focus-visible{outline:3px solid #35AECB;outline-offset:5px}
@media(max-width:640px){html[data-page=services] #customer-success-interactive .case-banner{border-radius:16px;padding:28px 20px;margin-top:28px}html[data-page=services] #customer-success-interactive .case-banner h3{font-size:24px;margin-bottom:20px}html[data-page=services] #customer-success-interactive .case-banner .pill{font-size:14px;padding:13px 20px}}

html[data-page=services] #customer-success-interactive{width:calc(100% - 112px);max-width:1600px;margin-inline:auto;}
html[data-page=services] #customer-success-interactive p{color:#032058;}
html[data-page=services] #customer-success-interactive .story-trial-quote{border:0;}
html[data-page=services] #customer-success-interactive .story-trial-quote cite{color:#032058;}
@media(max-width:1200px){html[data-page=services] #customer-success-interactive{width:calc(100% - 56px);}}
@media(max-width:640px){html[data-page=services] #customer-success-interactive{width:calc(100% - 32px);}}

/* Services-only symmetry: use this page's wrap, equal logo tracks and natural story height. */
html[data-page=services] #customer-success-interactive{width:calc(100% - 64px);max-width:1360px;box-sizing:border-box}
html[data-page=services] #customer-success-interactive .story-trial-intro{width:100%;max-width:780px;margin:0 auto 32px;text-align:center}
html[data-page=services] #customer-success-interactive #story-trial-title,html[data-page=services] #customer-success-interactive .story-trial-description{text-wrap:balance}
html[data-page=services] #customer-success-interactive .story-trial-clients{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;margin-bottom:32px}
html[data-page=services] #customer-success-interactive .story-trial-clients button{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:50px minmax(48px,auto);justify-items:center;align-items:center;gap:16px;width:100%;min-width:0;padding:24px 32px;text-align:center;font-size:15px;line-height:1.6}
html[data-page=services] #customer-success-interactive .story-trial-clients .story-logo{width:130px;max-width:100%;flex:none;align-self:center;justify-self:center}
html[data-page=services] #customer-success-interactive .story-trial-clients button>span:last-child{display:block;width:100%;min-width:0;text-wrap:balance;overflow-wrap:break-word}
html[data-page=services] #customer-success-interactive .story-trial-clients button::after{right:14px;top:49px}
html[data-page=services] #customer-success-interactive .story-trial-panel{align-items:start}
html[data-page=services] #customer-success-interactive .story-trial-visual,html[data-page=services] #customer-success-interactive .story-trial-copy,html[data-page=services] #customer-success-interactive #story-detail-workspace{min-width:0}
html[data-page=services] #customer-success-interactive .story-trial-clients button:focus-visible{outline:3px solid #032058!important;outline-offset:4px!important;box-shadow:0 0 0 2px #fff!important}
@media(max-width:1100px){html[data-page=services] #customer-success-interactive{width:calc(100% - 40px)}}
@media(max-width:700px){html[data-page=services] #customer-success-interactive .story-trial-clients{grid-template-columns:minmax(0,1fr);gap:12px}html[data-page=services] #customer-success-interactive .story-trial-clients button{grid-template-columns:110px minmax(0,1fr);grid-template-rows:minmax(50px,auto);padding:18px 32px 18px 18px;text-align:left;gap:20px}html[data-page=services] #customer-success-interactive .story-trial-clients .story-logo{width:110px}html[data-page=services] #customer-success-interactive .story-trial-clients button::after{top:50%}}
@media(max-width:560px){html[data-page=services] #customer-success-interactive{width:calc(100% - 28px)}html[data-page=services] #customer-success-interactive .story-trial-clients button{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:18px 28px 18px 14px}html[data-page=services] #customer-success-interactive .story-trial-clients .story-logo{width:90px}html[data-page=services] #customer-success-interactive .story-trial-clients button::after{right:11px}}
@media(forced-colors:active){html[data-page=services] #customer-success-interactive .story-trial-clients button:focus-visible{outline:3px solid Highlight!important}}