.cs[data-tint=builder]{--mat:#f1edfb;--mat-line:#e4ddf6}.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{color:var(--signal-text);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#ffede4;border-radius:6px;margin-bottom:24px;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 .kicker:before{content:"";background:currentColor;flex:0 0 24px;height:1px}.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);width:10px;height:1px;position:absolute;top:.72em;left:0}.cs .body strong{color:var(--ink);font-weight:600}.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 footer{justify-content:center;margin-top:32px}.cs .statement footer:after{content:"";background:currentColor;flex:0 0 24px;height:1px}.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{flex-wrap:wrap;gap:48px clamp(40px,6vw,96px);margin-top:56px;display:flex}.cs .icol{border-top:1px solid var(--ink);flex:320px;min-width:0;padding-top:24px}.cs .icol-h{font-family:var(--serif);letter-spacing:-.015em;font-size:clamp(32px,3vw,44px);font-weight:400;line-height:1}.cs .iitem{margin-top:32px}.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 .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:560px}.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(auto-fit,minmax(min(100%,300px),1fr));gap:24px;display:grid}.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-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(--ink);color:#fff}.cs .next-in{padding-block:clamp(64px,9vw,96px);display:block}.cs .next .kicker{color:var(--on-ink-muted);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)}
