[data-docs][data-story][data-comms] .cm-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:860px){[data-docs][data-story][data-comms] .cm-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){[data-docs][data-story][data-comms] .cm-flow{grid-template-columns:minmax(0,1fr)}}[data-docs][data-story][data-comms] .cm-flow-step{background:#fff;border-radius:16px;align-content:start;gap:6px;padding:18px 18px 20px;display:grid;box-shadow:0 0 0 1px #0e0e100f,0 1px 2px #0e0e100a,0 8px 24px -12px #0e0e101f}[data-docs][data-story][data-comms] .cm-flow-n{width:28px;height:28px;font:600 13px/1 var(--ds-sans,system-ui, sans-serif);font-variant-numeric:tabular-nums;color:#0e0e10;background:#ff2d95;border-radius:999px;place-items:center;margin-bottom:6px;display:grid}[data-docs][data-story][data-comms] .cm-flow-t{color:var(--ds-ink-1);letter-spacing:-.01em;font-size:15px;font-weight:600}[data-docs][data-story][data-comms] .cm-flow-b{color:var(--ds-ink-2);font-size:14px;line-height:1.5}[data-comms] .cs-figure{gap:10px;margin:0;display:grid}[data-comms] .cs-fig{border-radius:16px;overflow:hidden}[data-comms] .cs-mark{color:#f6f6f7;background:#16161a;gap:32px;padding:clamp(24px,4vw,48px);display:grid}[data-comms] .cs-mark-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}@media (max-width:760px){[data-comms] .cs-mark-hero{grid-template-columns:minmax(0,1fr)}}[data-comms] .cs-mark-word{font-family:var(--cm-font-brand);letter-spacing:-.02em;white-space:nowrap;font-size:clamp(64px,11vw,148px);font-weight:600;line-height:1}[data-comms] .cs-mark-sm{font-size:44px}[data-comms] .cs-mark-measure{gap:14px;display:grid}[data-comms] .cs-mark-ghost{color:#34343b;letter-spacing:0;justify-self:start;padding:0 28px;font-size:clamp(110px,12vw,176px);position:relative}[data-comms] .cs-mark-overlay{vertical-align:-.016em;border-radius:999px;width:.532em;height:.532em;margin-left:-.575em;display:inline-block;position:relative;box-shadow:inset 0 0 0 2px #ff2d95}[data-comms] .cs-mark-overlay:before,[data-comms] .cs-mark-overlay:after{content:"";border-top:1px dashed #ffffff59;height:0;position:absolute;left:-28px;right:-28px}[data-comms] .cs-mark-overlay:before{top:0}[data-comms] .cs-mark-overlay:after{bottom:0}[data-comms] .cs-mark-em{font-family:var(--cm-font-ui);letter-spacing:0;color:#9a9aa2;font-size:12px;position:absolute;top:50%;right:-2px;transform:translate(100%,-50%)}[data-comms] .cs-mark-note{color:#bdbdc3;max-width:34ch;font-size:14px;line-height:1.5}[data-comms] .cs-mark-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (max-width:760px){[data-comms] .cs-mark-row{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-comms] .cs-mark-cell{color:#9a9aa2;background:#0e0e10;border-radius:12px;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:12px;min-height:168px;padding:16px;font-size:12.5px;display:grid;box-shadow:inset 0 0 0 1px #2a2a30}[data-comms] .cs-mark-cell[data-light]{color:#5a5a62;box-shadow:none;background:#f6f6f7}[data-comms] .cs-mark-cell[data-light] .cs-mark-word{color:#0e0e10}[data-comms] .cs-icon{background:#16161a;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #2a2a30}[data-comms] .cs-icon i{background:#ff2d95;border-radius:999px}[data-comms] .cs-icon[data-size="96"]{border-radius:24px;width:96px;height:96px}[data-comms] .cs-icon[data-size="96"] i{width:38px;height:38px}[data-comms] .cs-icon[data-size="64"]{border-radius:16px;width:64px;height:64px}[data-comms] .cs-icon[data-size="64"] i{width:26px;height:26px}[data-comms] .cs-icon[data-size="32"]{border-radius:8px;width:32px;height:32px}[data-comms] .cs-icon[data-size="32"] i{width:13px;height:13px}[data-comms] .cs-icons{align-items:center;gap:14px;display:flex}[data-comms] .cs-fav{background:#ff2d95;border-radius:999px;width:16px;height:16px;display:block}[data-comms] .cs-colour{gap:8px;display:grid}[data-comms] .cs-ramp{gap:6px;display:grid}[data-comms] .cs-swatch{font-variant-numeric:tabular-nums;border-radius:10px;flex-direction:column;gap:2px;min-height:104px;padding:9px;display:flex;box-shadow:inset 0 0 0 1px #0e0e100f}[data-comms] .cs-swatch[data-brand]{box-shadow:0 0 0 2px #0e0e10}[data-comms] .cs-swatch-step{font-size:13px;font-weight:600}[data-comms] .cs-swatch-hex{font-size:11px}[data-comms] .cs-swatch-role{margin-top:auto;font-size:11px;font-weight:500}@media (max-width:760px){[data-comms] .cs-ramp{grid-template-columns:repeat(4,minmax(0,1fr))!important}}[data-comms] .cs-type{background:#fff;gap:24px;padding:clamp(20px,3vw,32px);display:grid;box-shadow:0 0 0 1px #0e0e1014}[data-comms] .cs-type-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}[data-comms] .cs-type-pair>div{background:#f6f6f7;border-radius:12px;gap:4px;padding:20px;display:grid}[data-comms] .cs-type-aa{font-size:88px;line-height:1}[data-comms] .cs-type-name{font-size:15px;font-weight:500}[data-comms] .cs-type-use{color:#5a5a62;font-size:13px}[data-comms] .cs-type-row{border-top:1px solid #ececee;grid-template-columns:150px 150px minmax(0,1fr);align-items:baseline;gap:16px;padding:12px 0;display:grid}[data-comms] .cs-type-row>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[data-comms] .cs-type-k{font-size:13px;font-weight:500}[data-comms] .cs-type-s{color:#5a5a62;font-size:13px}@media (max-width:760px){[data-comms] .cs-type-row{grid-template-columns:minmax(0,1fr);gap:4px}[data-comms] .cs-type-pair{grid-template-columns:minmax(0,1fr)}}[data-comms] .cs-moods{background:#fff;gap:24px;padding:clamp(20px,3vw,32px);display:grid;box-shadow:0 0 0 1px #0e0e1014}[data-comms] .cs-moods-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}@media (max-width:760px){[data-comms] .cs-moods-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-comms] .cs-mood{background:#f6f6f7;border-radius:14px;justify-items:center;gap:10px;padding:16px 8px;display:grid}[data-comms] .cs-mood svg{width:100%;max-width:96px;height:auto}[data-comms] .cs-mood-name{text-align:center;font-size:15px}[data-comms] .cs-moods-sizes{flex-wrap:wrap;align-items:center;gap:14px;display:flex}[data-comms] .cs-moods-k{color:#5a5a62;font-size:13px}[data-comms] .cs-tokens{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (max-width:900px){[data-comms] .cs-tokens{grid-template-columns:minmax(0,1fr)}}[data-comms] .cs-tk-col{background:#fff;border-radius:14px;flex-direction:column;gap:8px;padding:18px;display:flex;box-shadow:0 0 0 1px #0e0e1014}[data-comms] .cs-tk-layer{font-size:15px;font-weight:600}[data-comms] .cs-tk-what{color:var(--ds-ink-2);margin-bottom:4px;font-size:13px}[data-comms] .cs-tk-row{border-top:1px solid #f0f0f2;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}[data-comms] .cs-tk-chip{border-radius:5px;flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 1px #0e0e101f}[data-comms] .cs-tk-n{flex:1;min-width:0}[data-comms] .cs-tk-v{color:var(--ds-ink-3);text-align:right;font-size:12px}[data-comms] .cs-pipe{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:900px){[data-comms] .cs-pipe{grid-template-columns:minmax(0,1fr)}}[data-comms] .cs-pipe-step{color:#f6f6f7;background:#0e0e10;border-radius:14px;align-content:start;gap:6px;padding:16px;display:grid}[data-comms] .cs-pipe-n{color:#ff56aa;font-variant-numeric:tabular-nums;font-size:12px}[data-comms] .cs-pipe-t{font-size:14px;font-weight:500}[data-comms] .cs-pipe-d{color:#9a9aa2;font-size:13px;line-height:1.45}[data-comms] .cs-gallery{border-radius:16px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 0 0 1px #0e0e1014}@media (max-width:900px){[data-comms] .cs-gallery{grid-template-columns:minmax(0,1fr)}}[data-comms] .cs-gallery-light{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:22px 28px;padding:24px;display:grid}@media (max-width:640px){[data-comms] .cs-gallery-light{grid-template-columns:minmax(0,1fr)}}[data-comms] .cs-gallery-dark{flex-direction:column;justify-content:center;gap:14px;padding:24px;display:flex}[data-comms] .cs-gallery-dark .cm-note{width:100%;max-width:400px}[data-comms] .cs-gal-cell{align-content:start;gap:10px;display:grid}[data-comms] .cs-gal-wide{grid-column:1/-1}[data-comms] .cs-gal-k{color:var(--cm-text-secondary);font-size:12px}[data-comms] .cs-gal-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}[data-comms] .cs-states{border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;padding:clamp(20px,3vw,32px);display:grid}@media (max-width:860px){[data-comms] .cs-states{grid-template-columns:minmax(0,1fr)}}[data-comms] .cs-state{align-content:start;gap:8px;display:grid}[data-comms] .cs-state-stage{background:linear-gradient(160deg,#2b3a4a,#4a4a40 55%,#2a2620);border-radius:12px;align-items:center;min-height:150px;padding:16px;display:flex;overflow:hidden}[data-comms] .cs-state-stage .cm-note{max-width:100%}[data-comms] .cs-state-k{font-size:14px;font-weight:500}[data-comms] .cs-state-d{color:var(--cm-text-secondary);font-size:13px;line-height:1.45}[data-comms] .cs-phones{background:#ececee;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:clamp(16px,3vw,32px);display:grid}@media (max-width:900px){[data-comms] .cs-phones{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){[data-comms] .cs-phones{grid-template-columns:minmax(0,1fr)}}[data-comms] .cs-phone{justify-items:center;gap:10px;margin:0;display:grid}[data-comms] .cs-phone figcaption{text-align:center;color:var(--ds-ink-2);font-size:13px}[data-comms] .cs-procs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (max-width:760px){[data-comms] .cs-procs{grid-template-columns:minmax(0,1fr)}}[data-comms] .cs-proc{color:#f6f6f7;background:#0e0e10;border-radius:14px;align-content:start;gap:6px;padding:18px;display:grid;box-shadow:inset 0 0 0 1px #2a2a30}[data-comms] .cs-proc[data-on]{box-shadow:inset 0 0 0 1.5px #ff2d95}[data-comms] .cs-proc-tag{color:#9a9aa2;font-size:12px}[data-comms] .cs-proc[data-on] .cs-proc-tag{color:#ff56aa}[data-comms] .cs-proc-n{font-size:15px;font-weight:500}[data-comms] .cs-proc-d{color:#9a9aa2;font-size:13px;line-height:1.45}[data-comms] .cs-phone-embed{background:#ececee;grid-template-columns:auto minmax(0,380px);justify-content:center;align-items:center;gap:clamp(20px,5vw,64px);padding:clamp(20px,4vw,48px);display:grid}@media (max-width:760px){[data-comms] .cs-phone-embed{grid-template-columns:minmax(0,1fr);justify-items:center}}[data-comms] .cs-try-card{box-sizing:border-box;background:#fff;border:1px solid #0f0f140f;border-radius:14px;justify-self:start;width:100%;max-width:380px;padding:24px;box-shadow:0 1px 2px #0f0f140a,0 12px 32px -18px #0f0f1438}@media (max-width:760px){[data-comms] .cs-try-card{justify-self:center}}[data-comms] .cs-try-eyebrow{letter-spacing:.02em;color:#a6085b;margin:0 0 6px;font-size:12.5px;font-weight:600}[data-comms] .cs-try-h{letter-spacing:-.01em;color:var(--ds-ink-1);text-wrap:balance;margin:0 0 18px;font-size:19px;font-weight:600;line-height:1.25}[data-comms] .cs-try{margin:0;padding:0;list-style:none;display:grid}[data-comms] .cs-try li{color:var(--ds-ink-2);border-top:1px solid #eeeef0;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:14px 0;font-size:14.5px;line-height:1.45;display:grid}[data-comms] .cs-try li:last-child{padding-bottom:0}[data-comms] .cs-try li>span:last-child{gap:2px;display:grid}[data-comms] .cs-try b{color:var(--ds-ink-1);font-weight:600}[data-comms] .cs-try-n{color:#a6085b;font-variant-numeric:tabular-nums;background:#fde7f2;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:grid}[data-comms] .cs-head{gap:14px;display:grid}[data-comms] .cs-logo{margin:0;line-height:0}[data-comms] .cs-logo img{width:auto;height:clamp(56px,9vw,104px);display:block}[data-comms] .cs-note{color:var(--ds-ink-3);margin:0;font-size:13.5px}[data-docs][data-comms]{--ds-accent:#ca0e6f;--ds-accent-ink:#a6085b;--ds-focus:0 0 0 1px #0e0e10, 0 0 0 4px #ca0e6f4d}[data-docs][data-comms] .ds-exhibitbtn--primary:hover,[data-docs][data-comms] .ds-exhibitbtn--primary:active{background:#a6085b;border-color:#a6085b}[data-comms] .cs-mark-stage{justify-items:center;gap:clamp(28px,6vw,72px);padding:clamp(24px,6vw,72px) 0 8px;display:grid}[data-comms] .cs-mark-anim{color:#f6f6f7;width:min(100%,720px);height:auto}[data-comms] .cs-mark-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}[data-comms] .cs-replay{color:#f6f6f7;height:36px;font:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}[data-comms] .cs-replay:hover{background:#ffffff2e}[data-comms] .cs-replay:focus-visible{outline-offset:2px;outline:2px solid #ff56aa}[data-comms] .cs-site-frame{background:#f6f6f7;border:0;border-radius:12px;width:100%;height:min(720px,80vh);display:block}[data-docs][data-comms] .ds-pagebtn-t .k{color:#66656b}[data-comms] .ds-group-count{font-variant-numeric:tabular-nums;color:var(--ds-ink-3);font-family:inherit}[data-comms] .cs-plans-cmp{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (max-width:640px){[data-comms] .cs-plans-cmp{grid-template-columns:minmax(0,1fr)}}[data-comms] .cs-plan-cmp{background:#fff;border-radius:16px;align-content:start;gap:8px;padding:22px;display:grid;box-shadow:0 0 0 1px #0e0e1014}[data-comms] .cs-plan-cmp[data-plus]{box-shadow:0 0 0 2px #ff2d95,0 18px 40px -26px #ff2d9580}[data-comms] .cs-plan-cmp-k{color:var(--ds-ink-1);font-size:15px;font-weight:600}[data-comms] .cs-plan-cmp-p{letter-spacing:-.03em;color:var(--ds-ink-1);font-size:36px;font-weight:600;line-height:1}[data-comms] .cs-plan-cmp-p small{letter-spacing:0;color:var(--ds-ink-3);margin-left:8px;font-size:14px;font-weight:500}[data-comms] .cs-plan-cmp ul{gap:9px;margin:8px 0 0;padding:0;list-style:none;display:grid}[data-comms] .cs-plan-cmp li{color:var(--ds-ink-2);padding-left:24px;font-size:15px;line-height:1.45;position:relative}[data-comms] .cs-plan-cmp li:before{content:"";border-bottom:2px solid #1a1a1f;border-left:2px solid #1a1a1f;width:11px;height:6px;position:absolute;top:5px;left:2px;transform:rotate(-45deg)}[data-comms] .cs-plan-cmp[data-plus] li:before{border-color:#d6127a}
