.cs[data-tint=builder]{--mat:#f1edfb;--mat-line:#e4ddf6}.cs[data-tint=bluestacks]{--mat:linear-gradient(110deg, #eaf0ff, #eef6f1 55%, #f4f1e6);--mat-line:#dfe5f2}.cs[data-tint=highlevel]{--mat:linear-gradient(110deg, #eef3ff, #f3f6fb 55%, #f6f4ee);--mat-line:#dfe6f3}.cs[data-tint=sprinklr]{--mat:linear-gradient(110deg, #e9f7fc, #eaf8f1 50%, #fbf7e6);--mat-line:#dcebe8}.cs .intro{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(40px,5vw,64px)}.cs .tag-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.cs .status{border:1px solid var(--line);background:var(--bg);color:var(--ink);font-family:var(--mono);letter-spacing:.04em;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:13px;display:inline-flex}.cs .status .dot{background:var(--muted);border-radius:50%;width:8px;height:8px;position:relative}.cs .status.s-live .dot{background:#1fb85f;box-shadow:0 0 0 3px #1fb85f2e}.cs .status.s-beta .dot{background:#f5a524;box-shadow:0 0 0 3px #f5a52433}.cs .status.s-past .dot{background:var(--muted)}.cs .tag{color:var(--signal-text);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#ffede4;border-radius:6px;padding:6px 10px;font-size:13px;display:inline-block}.cs h1{max-width:1040px;font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(48px,7.8vw,112px);font-weight:400;line-height:.95}.cs .sub{max-width:34ch;font-family:var(--serif);color:var(--text);margin-top:28px;font-size:clamp(24px,2.4vw,34px);line-height:1.22}.cs .cover{aspect-ratio:20/11;background:var(--surface);border-radius:20px;overflow:hidden}.cs .cover img{object-fit:cover;width:100%;height:100%}.cs .kicker{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--signal-text);align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}.cs .cap{font-family:var(--mono);color:var(--muted);font-size:13px;line-height:1.5}.cs .num{font-family:var(--mono);color:var(--signal-text);margin-bottom:14px;font-size:13px}.cs .block h2:not(.kicker){max-width:18ch;font-family:var(--serif);letter-spacing:-.02em;margin:20px 0;font-size:clamp(38px,4vw,60px);font-weight:400;line-height:1.02}.cs .body{max-width:62ch;color:var(--text)}.cs .body p+p{margin-top:18px}.cs .body ul{margin:18px 0 0;padding-left:0;list-style:none}.cs .body li{margin-bottom:10px;padding-left:22px;position:relative}.cs .body li:before{content:"";background:var(--signal);border-radius:999px;width:6px;height:6px;position:absolute;top:.66em;left:1px}.cs .body strong{color:var(--ink);font-weight:600}.cs .body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--signal);text-underline-offset:4px;font-weight:500;text-decoration-thickness:2px}.cs .body a:hover{color:var(--signal-text)}.cs .cs-compare{margin:0}.cs .cmp{background:var(--surface);user-select:none;touch-action:pan-y;border-radius:16px;position:relative;overflow:hidden}.cs .cmp img{width:100%;height:auto;display:block}.cs .cmp-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0);position:absolute;inset:0}.cs .cmp-before img{object-fit:cover;width:100%;height:100%}.cs .cmp-line{top:0;bottom:0;left:var(--pos);pointer-events:none;background:#fff;width:2px;position:absolute;translate:-1px;box-shadow:0 0 0 1px #0b0b0b14,0 0 24px #0b0b0b2e}.cs .cmp-knob{width:52px;height:52px;color:var(--ink);transition:scale .25s var(--ease);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 1px 2px #0b0b0b1f,0 12px 28px -10px #0b0b0b73}.cs .cmp-knob svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.cs .cmp:hover .cmp-knob,.cs .cmp-range:focus-visible~.cmp-line .cmp-knob{scale:1.08}.cs .cmp-range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.cs .cmp-range:focus-visible+.cmp-line,.cs .cmp:has(.cmp-range:focus-visible) .cmp-knob{outline:2px solid var(--ink);outline-offset:3px}.cs .cmp-tag{color:#fff;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;backdrop-filter:blur(6px);background:#0b0b0bc7;border-radius:999px;padding:6px 10px;font-size:12px;position:absolute;top:16px}.cs .t-before{left:16px}.cs .t-after{right:16px}.cs .cs-compare .cap{margin-top:16px}.cs .alt{background:var(--surface);border:1px solid var(--line);border-radius:14px;max-width:56ch;margin-top:28px;padding:18px 20px 18px 22px;position:relative}.cs .alt:before{content:"";background:var(--muted);opacity:.5;border-radius:0 3px 3px 0;width:3px;position:absolute;top:18px;bottom:18px;left:0}.cs .alt-k{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:0 0 10px;font-size:12px;display:flex}.cs .alt-k svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:15px;height:15px}.cs .alt-t{color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb, var(--muted) 55%, transparent);margin:0;font-size:17px;line-height:1.45;text-decoration-thickness:1px}.cs .alt-w{color:var(--ink);margin:6px 0 0;font-size:17px;line-height:1.5}.cs .facts{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:32px 48px;margin:64px 0 0;padding-top:32px;display:grid}.cs .facts dt{margin-bottom:14px}.cs .facts dd{color:var(--text);margin:0}.cs .hero-fig{padding-top:clamp(48px,6vw,80px)}.cs .outcome{padding-top:var(--section)}.cs .metrics{border-top:1px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:40px 48px;margin-top:24px;padding:40px 0 8px;display:grid}.cs .big{font-family:var(--serif);letter-spacing:-.03em;font-size:clamp(72px,8vw,120px);line-height:.9;display:inline-block}.cs .ml{max-width:26ch;color:var(--text);margin-top:18px}.cs .onote{max-width:62ch;color:var(--text);margin-top:32px}.cs .block{padding-block:var(--section)}.cs .outcome+.block{margin-top:var(--section)}.cs .block.band{background:var(--surface)}.cs .row{flex-wrap:wrap;align-items:center;gap:clamp(40px,6vw,88px);display:flex}.cs .row.flip{flex-direction:row-reverse}.cs .copy{flex:340px;min-width:0;max-width:460px}.cs .row .cs-fig{flex:1.4 480px;min-width:0}.cs .tcopy{max-width:760px}.cs .statement blockquote{text-align:center;max-width:1040px;margin:0 auto}.cs .statement p{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(40px,5vw,76px);line-height:1.04}.cs .statement p .sent{display:block}.cs .statement footer{justify-content:center;margin-top:32px}.cs .tl{grid-template-columns:repeat(var(--n), minmax(0, 1fr));margin:56px 0 0;padding:0;list-style:none;display:grid;position:relative}.cs .tl:before{content:"";background:var(--line);height:2px;position:absolute;top:47px;left:0;right:0}.cs .tl-i{grid-template-rows:32px 30px auto;padding-right:20px;display:grid;position:relative}.cs .tl-d{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-self:end;padding-bottom:6px;font-size:13px}.cs .tl-dot{background:var(--bg,#fff);width:14px;height:14px;box-shadow:0 0 0 2px var(--ink) inset;z-index:1;border-radius:50%;align-self:center;position:relative}.cs .tl-t{color:var(--ink);max-width:18ch;margin-top:14px;font-size:18px;font-weight:500;line-height:1.4}.cs .tl-i.key .tl-dot{background:var(--signal);width:18px;height:18px;box-shadow:0 0 0 6px color-mix(in srgb, var(--signal) 18%, transparent)}.cs .tl-i.key .tl-d{color:var(--signal-text)}.cs .tl-i.key .tl-t{font-family:var(--serif);letter-spacing:-.01em;font-size:26px;font-weight:400;line-height:1.1}@media (width<=860px){.cs .tl{grid-template-columns:1fr;margin-top:40px}.cs .tl:before{width:2px;height:auto;inset:8px auto 8px 6px}.cs .tl-i{grid-template-rows:none;grid-template-columns:14px 1fr;column-gap:20px;padding:0 0 28px}.cs .tl-dot{grid-area:1/1/3;align-self:start;margin-top:2px}.cs .tl-i.key .tl-dot{margin-left:-2px}.cs .tl-d{grid-column:2;align-self:start;padding:0}.cs .tl-t{grid-column:2;max-width:none;margin-top:4px}}.cs .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:40px;margin-top:56px;display:grid}.cs .cards.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.cs .cards>div{border-top:1px solid var(--line);padding-top:22px}.cs .cards h3,.cs .icard h3,.cs .cs-clips h3,.cs .iitem h4{letter-spacing:-.015em;margin:0 0 10px;font-size:21px;font-weight:600;line-height:1.3}.cs .cards p:not(.num),.cs .icard p,.cs .cb,.cs .iitem p{color:var(--text);font-size:17px;line-height:1.6}.cs .impact{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;margin-top:48px;display:grid}.cs .icol{background:var(--mat);border-radius:24px;padding:clamp(20px,2.6vw,36px)}.cs .icol.i-b{background:var(--card);box-shadow:0 0 0 1px var(--line)}.cs .block.band .icol.i-b{background:var(--card)}.cs .icol-h{font-family:var(--serif);letter-spacing:-.015em;margin:0 0 20px;font-size:clamp(32px,3vw,44px);font-weight:400;line-height:1}.cs .ilist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cs .impact.solo .ilist{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.cs .iitem{background:var(--card-soft);border-radius:16px;align-content:start;gap:10px;padding:20px 22px;transition:transform .3s cubic-bezier(.2,1.4,.4,1),box-shadow .3s;display:grid;box-shadow:0 0 0 1px #7f7f7f1f}.cs .icol.i-b .iitem{background:var(--surface);box-shadow:none}.cs .iitem:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #0b0b0b14,0 16px 28px -22px #0b0b0b73}.cs .in{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);font-size:52px;line-height:.95}.cs .ibody{gap:4px;min-width:0;display:grid}.cs .ibody strong{letter-spacing:-.01em;font-size:18px;font-weight:600}.cs .ibody span{color:var(--text);font-size:16px;line-height:1.55}.cs .rf{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px;display:grid}.cs .rf.solo{grid-template-columns:minmax(0,1fr);max-width:880px}.cs .rf-col{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(24px,3vw,40px)}.cs .rf-col.open{background:var(--bg);border-style:dashed}.cs .rf-col h3{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--signal-text);margin:0 0 20px;font-size:14px;font-weight:400}.cs .rf-col.open h3{color:var(--muted)}.cs .rf-col ul{gap:16px;margin:0;padding:0;list-style:none;display:grid}.cs .rf-col li{color:var(--ink);padding-left:28px;font-size:19px;line-height:1.5;position:relative}.cs .rf-col li:before{content:"";background:var(--signal);width:12px;height:2px;position:absolute;top:.6em;left:0}.cs .rf-col.open li:before{background:var(--muted)}@media (width<=760px){.cs .rf{grid-template-columns:1fr}}.cs .cs-diagram{margin:0}.cs .dg-steps{grid-template-columns:repeat(var(--n), minmax(0, 1fr));counter-reset:dg;gap:44px;margin:0;padding:0;list-style:none;display:grid}.cs .dg-step{border:1px solid var(--line);background:var(--bg);counter-increment:dg;border-radius:14px;align-content:start;gap:8px;padding:22px 22px 24px;display:grid;position:relative}.cs .dg-step:before{content:counter(dg, decimal-leading-zero);font-family:var(--mono);color:var(--signal-text);font-size:12px}.cs .dg-step strong{color:var(--ink);font-size:19px;font-weight:600;line-height:1.25}.cs .dg-step>span{color:var(--muted);font-size:15px;line-height:1.45}.cs .dg-step:not(:last-child):after{content:"";background:var(--ink);clip-path:polygon(0 42%,70% 42%,70% 0,100% 50%,70% 100%,70% 58%,0 58%);width:24px;height:12px;position:absolute;top:50%;right:-34px;translate:0 -50%}.cs .dg-loop{border:1.5px dashed var(--line);color:var(--text);border-radius:14px;justify-content:center;align-items:center;gap:10px;margin:20px 0 0;padding:14px 18px;font-size:15px;display:flex}.cs .dg-loop svg{fill:none;width:18px;height:18px;stroke:var(--signal);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.cs .cs-diagram .cap{margin-top:16px}@media (width<=900px){.cs .dg-steps{grid-template-columns:1fr;gap:30px}.cs .dg-step:not(:last-child):after{clip-path:polygon(42% 0,58% 0,58% 70%,100% 70%,50% 100%,0 70%,42% 70%);width:12px;height:18px;inset:auto auto -24px 50%;translate:-50%}}.cs .notes{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;margin-top:48px;display:grid}.cs .note{--tint:#fff6dc;background:var(--tint);border-radius:16px;padding:36px 28px 32px;transition:transform .4s cubic-bezier(.2,1.4,.4,1);position:relative}.cs .note.n-lilac{--tint:#f1edff}.cs .note.n-peach{--tint:#ffefe6}.cs .note:hover{transform:translateY(-4px)}.cs .note-n{font-family:var(--mono);color:var(--signal-text);font-size:13px}.cs .note h3{font-family:var(--serif);letter-spacing:-.015em;margin:14px 0 12px;font-size:clamp(30px,2.6vw,38px);font-weight:400;line-height:1.02}.cs .note p:last-child{color:var(--text);font-size:17px;line-height:1.55}@media (prefers-reduced-motion:reduce){.cs .note,.cs .iitem{transition:none}}.cs .cs-block{margin-top:clamp(56px,7vw,88px)}.cs .cs-block.is-link{margin-top:32px}.cs .cs-fig{margin:0}.cs .cs-fig>figcaption,.cs .cs-fig .cap{margin-top:14px}.cs .frame{background:var(--mat);border-radius:16px;padding:clamp(12px,2.2vw,32px);overflow:hidden}.cs .frame>img,.cs .frame .video,.cs .frame .mp4{width:100%;height:auto;box-shadow:0 0 0 1px var(--mat-line), 0 12px 32px -18px #1e143c47;border-radius:8px;display:block}.cs .frame{padding:clamp(12px,2.2vw,32px) 10%}@media (width<=640px){.cs .frame{padding:12px}}.cs .cs-fig.bleed .frame{background:0 0;padding:0}.cs .cs-fig.bleed .frame>img{box-shadow:none;border-radius:16px}.cs .narrow{margin-inline:auto}.cs .cs-fig.tall .frame{justify-content:center;display:flex}.cs .cs-fig.tall .frame>img{width:auto;max-width:100%;max-height:448px}.cs .cs-pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:stretch;gap:32px;display:grid}.cs .cs-pair>.cs-fig{flex-direction:column;display:flex}.cs .cs-pair>.cs-fig>.frame{flex-direction:column;flex:1;justify-content:center;display:flex}.cs .cs-pair .frame>img,.cs .cs-pair .frame>.mp4,.cs .cs-pair .frame>.video{object-fit:contain;background:#fff;height:auto;aspect-ratio:var(--pair-r)!important}.cs .video{aspect-ratio:16/9;background:#0b0b0b;position:relative;overflow:hidden}.cs .video.ambient{background:#fff}.cs .video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.cs .video.ambient iframe{pointer-events:none}.cs .mp4{background:#fff;overflow:hidden}.cs .mp4 video{object-fit:contain;width:100%;height:100%;display:block}.cs .cs-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}@media (width<=1000px){.cs .cs-icons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.cs .cs-icons{grid-template-columns:1fr}}.cs .icard{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:28px}.cs .icard .ic{align-items:center;height:120px;margin-bottom:24px;display:flex}.cs .icard .ic img{width:auto;max-width:100%;max-height:120px}.cs .cs-walk{grid-template-columns:minmax(260px,1fr) minmax(0,2.1fr);align-items:center;gap:28px 40px;display:grid}.cs .walk-steps{order:-1}@media (width<=1000px){.cs .cs-walk{grid-template-columns:1fr}.cs .walk-steps{order:0}}.cs .walk-stage{margin:0;padding:clamp(12px,2vw,28px)!important}.cs .walk-steps{gap:4px;margin:0;padding:0;list-style:none;display:grid}.cs .walk-step{all:unset;box-sizing:border-box;cursor:pointer;border-radius:14px;gap:6px;width:100%;padding:16px 18px 16px 20px;transition:background .3s;display:grid;position:relative}.cs .walk-step:before{content:"";background:var(--line);border-radius:3px;width:3px;transition:background .3s;position:absolute;top:16px;bottom:16px;left:0}.cs .walk-step:hover{background:var(--surface)}.cs .walk-step:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.cs .walk-step.is-on{background:var(--surface)}.cs .walk-step.is-on:before{background:var(--signal)}.cs .walk-bar{background:var(--line);border-radius:2px;height:2px;margin-top:6px;display:none;overflow:hidden}.cs .walk-step.is-on .walk-bar{display:block}.cs .walk-bar i{height:100%;width:calc(var(--p,0) * 100%);background:var(--signal);transition:width .3s linear;display:block}.cs .walk-t{letter-spacing:-.015em;color:var(--muted);font-size:19px;font-weight:600;line-height:1.3}.cs .walk-step.is-on .walk-t{color:var(--ink)}.cs .walk-b{color:var(--text);font-size:16px;line-height:1.5;display:none}.cs .walk-step.is-on .walk-b{display:block}.cs .cs-clips{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:56px 32px;display:grid}.cs .cs-clips figcaption{margin-top:18px}.cs .cs-clips figcaption .cap{margin:0 0 6px}.cs .cs-link{margin:0}.cs .credit{border-top:1px solid var(--line);color:var(--muted);margin-top:64px;padding-top:24px}.cs .next{background:var(--feature);color:#fff}.cs .next-in{padding-block:clamp(64px,9vw,96px);display:block}.cs .next .kicker{color:#a3a3a3;margin-bottom:16px}.cs .next-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--signal);font-size:clamp(40px,5vw,72px);font-style:italic}.cs .next-title span{transition:transform .5s var(--ease);display:inline-block}.cs .next-in:hover .next-title span{transform:translate(12px)}
