/* Homepage-only addition. Existing R6/R7 rules and assets are unchanged. */
#onesign-premium .os-cases{--case-width:332px;--case-gap:16px;background:#10283d;color:#fff;margin:12px 0 44px;padding:38px 0 26px;overflow:hidden;position:relative;isolation:isolate}
#onesign-premium .os-cases-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:0 32px 28px}
#onesign-premium .os-cases-eyebrow{display:flex;align-items:center;gap:10px;font:700 11px/1.6 Arial,sans-serif;letter-spacing:.13em;color:#e7ed4d}
#onesign-premium .os-cases-eyebrow>span:first-child{width:7px;height:7px;background:#e7ed4d;flex:none}
#onesign-premium .os-cases-eyebrow .os-cases-eyebrow-ja{color:#c2cdd6;font:500 11px/1.6 sans-serif;letter-spacing:.04em;padding-left:4px}
#onesign-premium .os-cases-heading h3{color:#fff;font-size:clamp(25px,2.5vw,36px);line-height:1.5;letter-spacing:-.035em;font-weight:800;margin:12px 0 10px}
#onesign-premium .os-cases-heading h3 span{display:inline-block}
#onesign-premium .os-cases-lead{font-size:15px;line-height:1.85;color:#cbd5dd}
#onesign-premium .os-cases-controls{display:flex;flex-shrink:0;gap:8px;flex-wrap:wrap}
#onesign-premium .os-cases-controls button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid #627383;background:transparent;color:#fff;font-family:inherit;font-size:12px;font-weight:600;padding:10px 14px;cursor:pointer;border-radius:2px;white-space:nowrap}
#onesign-premium .os-cases-controls [hidden]{display:none}
#onesign-premium .os-cases-controls button:hover{background:#253e52;border-color:#ccd6df}
#onesign-premium .os-cases-motion-icon{font:700 13px/1 Arial,sans-serif;width:13px}
#onesign-premium .os-cases-rows{display:grid;gap:16px}
#onesign-premium .os-case-window{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#718291 #10283d;padding:1px 0 8px;outline-offset:-3px}
#onesign-premium .os-case-track{display:flex;width:max-content}
#onesign-premium .os-case-group{display:flex;gap:var(--case-gap);padding-right:var(--case-gap);flex:none}
#onesign-premium .os-case-card{--case-color:#176776;--case-tint:#e7f2f3;flex:0 0 var(--case-width);width:var(--case-width);background:#fff;color:#11283b;border-top:3px solid var(--case-color);padding:20px 22px 18px;display:flex;flex-direction:column;min-height:244px;box-sizing:border-box}
#onesign-premium .os-case-renewal{--case-color:#1d567c;--case-tint:#eaf0f7}
#onesign-premium .os-case-installation{--case-color:#34634a;--case-tint:#edf3ec}
#onesign-premium .os-case-production{--case-color:#6e5539;--case-tint:#f6efe5}
#onesign-premium .os-case-inspection{--case-color:#176776;--case-tint:#e7f2f3}
#onesign-premium .os-case-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
#onesign-premium .os-case-category{font-size:11px;font-weight:700;line-height:1.5;padding:5px 8px;background:var(--case-tint);color:var(--case-color)}
#onesign-premium .os-case-meta small{font-size:10px;color:#657380;white-space:nowrap}
#onesign-premium .os-case-area{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.7;font-weight:600;color:#536677;margin-top:16px}
#onesign-premium .os-case-area svg{flex:none}
#onesign-premium .os-case-card h4{font-size:19px;line-height:1.55;letter-spacing:-.025em;font-weight:800;margin:7px 0 9px;color:#11283b;min-height:59px}
#onesign-premium .os-case-description{font-size:12px;line-height:1.85;color:#526372;margin-bottom:16px}
#onesign-premium .os-case-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:auto 0 0;padding:12px 0 0;border-top:1px solid #e4e9ed}
#onesign-premium .os-case-tags li{font-size:10px;line-height:1.6;font-weight:600;color:#4f6171;background:#f1f4f6;padding:3px 7px;list-style:none}
#onesign-premium .os-case-group[aria-hidden=true]{display:none}
#onesign-premium .os-cases.is-enhanced:not(.is-list):not(.is-reduced) .os-case-window{overflow:hidden;padding-bottom:0}
#onesign-premium .os-cases.is-enhanced:not(.is-list):not(.is-reduced) .os-case-group[aria-hidden=true]{display:flex}
#onesign-premium .os-cases.is-enhanced:not(.is-list):not(.is-reduced) .os-case-track{animation:os-case-loop 78s linear infinite;animation-play-state:paused;will-change:transform}
#onesign-premium .os-cases.is-enhanced:not(.is-list):not(.is-reduced) .os-case-window:nth-child(2) .os-case-track{animation-direction:reverse;animation-duration:88s}
#onesign-premium .os-cases.is-running:not(.is-list):not(.is-reduced) .os-case-track{animation-play-state:running}
#onesign-premium .os-cases-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:23px 32px 0}
#onesign-premium .os-cases-footer p{font-size:11px;line-height:1.9;color:#c2cdd6;max-width:680px}
#onesign-premium .os-cases-footer a{font-size:12px;line-height:1.7;font-weight:700;color:#f0ed65;text-decoration:none;flex:none;display:flex;align-items:center;gap:20px;padding:10px 0;border-bottom:1px solid #72816a}
#onesign-premium .os-cases :is(button,a):focus-visible,#onesign-premium .os-case-window:focus-visible{outline:3px solid #e7ed4d;outline-offset:3px}
#onesign-premium .os-case-window:focus-visible{outline-offset:-3px}
#onesign-premium .os-cases.is-list .os-cases-rows{padding:0 32px}
#onesign-premium .os-cases.is-list .os-case-window{overflow:visible;padding:0}
#onesign-premium .os-cases.is-list .os-case-track{display:block;width:auto}
#onesign-premium .os-cases.is-list .os-case-group:not([aria-hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0}
#onesign-premium .os-cases.is-list .os-case-card{width:auto;min-width:0}
@keyframes os-case-loop{from{transform:translateX(0)}to{transform:translateX(calc(-100% / var(--case-group-count,2)))}}
@media(max-width:1000px){#onesign-premium .os-cases-heading{align-items:flex-start;flex-direction:column;gap:20px}#onesign-premium .os-cases.is-list .os-case-group:not([aria-hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}#onesign-premium .os-cases-footer{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:640px){#onesign-premium .os-cases{--case-width:280px;--case-gap:12px;margin:2px -24px 30px;padding:28px 0 22px}#onesign-premium .os-cases-heading{padding:0 24px 22px;gap:18px}#onesign-premium .os-cases-heading h3{font-size:26px;max-width:290px;line-height:1.5;margin-top:10px}#onesign-premium .os-cases-lead{font-size:13px}#onesign-premium .os-cases-eyebrow{font-size:10px;gap:8px;letter-spacing:.09em}#onesign-premium .os-cases-eyebrow .os-cases-eyebrow-ja{font-size:10px}#onesign-premium .os-cases-rows{gap:12px}#onesign-premium .os-case-card{padding:17px 18px 16px;min-height:248px}#onesign-premium .os-case-card h4{font-size:18px;min-height:56px}#onesign-premium .os-cases-footer{padding:20px 24px 0}#onesign-premium .os-cases-footer p{font-size:11px}#onesign-premium .os-cases-controls button{font-size:11px;min-height:44px;padding:9px 13px}#onesign-premium .os-cases.is-list .os-cases-rows{padding:0 24px}#onesign-premium .os-cases.is-list .os-case-group:not([aria-hidden]){grid-template-columns:1fr}#onesign-premium .os-cases.is-list .os-case-card h4{min-height:0}#onesign-premium .os-cases.is-list .os-case-card{min-height:0}}
@media(prefers-reduced-motion:reduce){#onesign-premium .os-cases .os-case-track{animation:none!important;transform:none!important;will-change:auto!important}#onesign-premium .os-cases .os-case-group[aria-hidden=true]{display:none!important}#onesign-premium .os-cases .os-case-window{overflow-x:auto!important}}

/* R9: full browser width, following the existing photo strip. cqw uses the
   page container width and excludes the scrollbar, unlike viewport vw. */
#onesign-premium .os-cases{width:100cqw;margin-inline:calc(50% - 50cqw)}
#onesign-premium .os-cases-heading,#onesign-premium .os-cases-footer{padding-inline:max(32px,calc((100% - 1320px)/2))}
#onesign-premium .os-cases.is-list .os-cases-rows{max-width:1384px;margin-inline:auto;padding-inline:32px;width:100%}
@media(max-width:640px){#onesign-premium .os-cases-heading,#onesign-premium .os-cases-footer,#onesign-premium .os-cases.is-list .os-cases-rows{padding-inline:24px}}