/* Product stories use readable source imagery, one task per scene. */
.cm-refined{--cm-surface:#f7f8fa;overflow-x:clip;overflow-y:visible}
.cm-refined :is(.cm-container,.cm-split,.cm-story-grid){width:min(1280px,calc(100% - 80px))}
.cm-refined :is(.cm-split,.cm-story-grid){grid-template-columns:minmax(280px,.85fr) minmax(0,1.65fr);gap:48px}
.cm-refined .cm-story-pin{top:64px;min-height:560px;padding:40px 0;height:min(740px,calc(100svh - 64px))}
.cm-refined [data-cm-story]{background:#fff}
.cm-refined .cm-story-grid{max-height:660px}
.cm-refined :is(.cm-story-copy,.cm-copy) :is(h1,h2){font-size:clamp(28px,2.5vw,38px)!important;line-height:1.4!important;font-weight:550!important;letter-spacing:-.045em!important}
.cm-refined .cm-story-steps{margin-top:32px;gap:4px;max-width:340px}
.cm-refined .cm-story-steps button{min-height:48px;font-size:15px;padding:12px 16px;color:#717887;border-radius:0 8px 8px 0;transition:color 160ms,background-color 160ms,border-color 160ms,transform 120ms}
.cm-refined .cm-story-steps button[aria-current]{color:#4c00ff;background:#f3efff}
.cm-refined .cm-story-visual{height:100%;max-height:600px;overflow:visible}
.cm-refined .cm-story-visual>[data-cm-panel]{height:100%;display:flex;align-items:center;justify-content:center}
.cm-refined .cm-screen{box-shadow:none!important;border-color:#e8e9ee!important;border-radius:14px!important;background:#fff}
.cm-refined .cm-phone{box-shadow:none!important;border-radius:18px!important}
.cm-refined .cm-section{padding-block:88px}
.cm-refined :is(.cm-refine-heading,.cm-related h2){font-size:clamp(26px,2.3vw,34px)!important;font-weight:550!important;line-height:1.42!important;letter-spacing:-.04em!important;color:#1d232d;margin:0 0 36px}
.cm-refined .cm-refine-heading em{font-style:normal;color:#4c00ff}
.cm-proof{position:relative;min-width:0;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;background:#f5f6f8}
.cm-proof>img,.cm-proof>video{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.cm-proof--field{aspect-ratio:4/3}
.cm-proof--field>img,.cm-proof--field>video{object-fit:cover}
.cm-proof--ui{background:#fff;border:1px solid #e8e9ee}
.cm-proof-expand{position:absolute;right:12px;bottom:12px;border:1px solid #dce0e7;background:#fffffff2;border-radius:7px;min-height:36px;padding:6px 12px;font:inherit;font-size:12px;color:#454e5e;cursor:pointer}
.cm-proof-dialog{width:min(1400px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:calc(100svh - 32px);max-height:calc(100svh - 32px);padding:52px 20px 20px;background:#fff;border:1px solid #e4e7ed;border-radius:16px;overflow:auto}
.cm-proof-dialog::backdrop{background:#171b268c;backdrop-filter:blur(5px)}
.cm-proof-dialog>button{position:sticky;top:0;float:right;z-index:2;margin-top:-40px;background:#fff;border:1px solid #dde1e7;border-radius:8px;min-height:36px;padding:6px 16px;cursor:pointer}
.cm-proof-dialog>img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;margin:auto}
.cm-proof--phone{width:min(280px,100%);max-height:580px;background:transparent;border-radius:0}
.cm-proof--phone img{width:auto;max-height:580px;object-fit:contain}
.cm-refine-pair{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);align-items:center;gap:28px;width:100%;height:100%}
.cm-refine-pair .cm-proof--field{height:420px;aspect-ratio:auto}
.cm-refine-pair .cm-proof--phone{justify-self:center;max-width:100%}
.cm-refine-options{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}
.cm-refine-options button{min-height:44px;border:1px solid #e4e6ec;border-radius:8px;background:#fff;color:#596273;padding:10px 16px;font:inherit;font-size:14px;cursor:pointer}
.cm-refine-options button[aria-selected=true]{border-color:#4c00ff;background:#f3efff;color:#4c00ff}
.cm-refine-options button:active{transform:scale(.98)}
.cm-refined .cm-related{background:#f7f8fa;padding-block:88px 112px}
.cm-refined .cm-related-grid,.cm-refined .cm-related-links{gap:32px}
.cm-refined .cm-related :is(.cm-related-image,.cm-related-preview),.cm-refined .cm-related a>img{background:#fff;border-radius:12px;height:210px}
.cm-refined .cm-related img{object-fit:contain;object-position:center}
.cm-refined .risk-client-strip{padding-block:36px}
@media(min-width:761px) and (max-width:1150px){
 .cm-refined :is(.cm-container,.cm-split,.cm-story-grid){width:calc(100% - 56px)}
 .cm-refined :is(.cm-split,.cm-story-grid){grid-template-columns:minmax(240px,.85fr) minmax(0,1.65fr);gap:28px}
 .cm-refine-pair{gap:16px}
}
@media(max-width:760px){
 .cm-refined :is(.cm-container,.cm-split,.cm-story-grid){width:calc(100% - 40px);grid-template-columns:minmax(0,1fr);gap:24px}
 .cm-refined .cm-story-pin{top:60px;min-height:0;height:calc(100svh - 60px);max-height:780px;padding:28px 0 36px}
 .cm-refined .cm-story-grid{height:auto;max-height:100%;grid-template-rows:auto minmax(0,1fr)}
 .cm-refined :is(.cm-story-copy,.cm-copy) :is(h1,h2){font-size:26px!important;line-height:1.38!important}
 .cm-refined .cm-story-steps{gap:6px;margin-top:20px;max-width:none}
 .cm-refined .cm-story-steps button{font-size:12px;min-height:44px;padding:8px 6px 10px;border-radius:6px 6px 0 0}
 .cm-refined .cm-story-visual{height:clamp(280px,calc(100svh - 340px),440px);min-height:0;max-height:100%}
 .cm-refined .cm-section{padding-block:72px}
 .cm-refined :is(.cm-refine-heading,.cm-related h2){font-size:25px!important;margin-bottom:28px}
 .cm-proof{border-radius:12px}
 .cm-proof--phone{height:100%;width:auto;max-width:100%}
 .cm-proof--phone img{height:100%;width:auto;max-height:100%}
 .cm-proof-dialog>img{max-width:none;max-height:none;width:auto;height:auto}
 .cm-refine-pair{grid-template-columns:1fr;gap:16px}
 .cm-refine-pair .cm-proof--field{height:100%;min-height:0}
 .cm-refine-pair .cm-proof--phone{display:none}
 .cm-refine-options{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:22px 0}
 .cm-refine-options button{flex-shrink:0;font-size:13px;padding:10px 14px}
 .cm-refined .cm-related{padding-block:64px 108px}
}
@media(prefers-reduced-motion:reduce){
 .cm-refined .cm-story-pin{position:relative;top:0;height:auto;min-height:0;padding-block:64px}
 .cm-refined .cm-story-visual{height:560px}
 .cm-refined .cm-story-visual>[data-cm-panel]{animation:none!important}
 .cm-refine-options button{transition:none}
}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.cm-refined .cm-story-visual{height:420px}}
.cm-proof-dialog>button{position:fixed;top:28px;right:28px;float:none;margin:0;min-height:44px;z-index:5}
.cm-proof-expand:focus-visible,.cm-proof-dialog>button:focus-visible{outline:2px solid #4c00ff;outline-offset:3px}

@media(hover:hover) and (pointer:fine){.cm-refined .cm-story-steps button:hover{background:#f7f5fc;color:#4c00ff}}
@media(max-width:760px) and (max-height:690px){.cm-refined .cm-story-pin{padding-block:18px 24px}.cm-refined .cm-story-grid{gap:16px}.cm-refined .cm-story-steps{margin-top:14px}.cm-refined .cm-story-visual{height:clamp(220px,calc(100svh - 295px),340px)}.cm-refined .cm-story-copy :is(h1,h2){font-size:24px!important}}