@layer components{.cs-hero{gap:clamp(2.75rem,5vw,4rem);margin-top:clamp(2rem,4vw,3.5rem);display:grid}.cs-h1{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2.75rem,1.4rem + 4.6vw,5.5rem);font-weight:700;line-height:.98}.cs-hero-text{max-width:36rem;color:var(--color-grey-700);margin-top:clamp(1.5rem,3vw,2.25rem);font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.5}.cs-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-grey-600);font-size:.75rem;font-weight:600;line-height:1.4}.studio .cs-label{color:var(--color-grey-400)}.cs-index ol{border-top:1px solid var(--color-line-strong);margin-top:.85rem}.cs-index-row{border-bottom:1px solid var(--color-line);grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:3.5rem;padding-block:.8rem;display:grid}.cs-index-num{font-family:var(--font-display);color:var(--color-violet-deep);font-variant-numeric:tabular-nums;align-self:start;padding-top:.2rem;font-size:.8125rem;font-weight:600}.cs-index-main{flex-direction:column;gap:.1rem;min-width:0;display:flex}.cs-index-client{font-family:var(--font-display);letter-spacing:-.01em;transition:transform .35s var(--ease-cut), color .2s;font-size:1.0625rem;font-weight:650;line-height:1.3}.cs-index-result{color:var(--color-grey-600);font-size:.9375rem;line-height:1.4}.cs-index-arrow{width:.625rem;height:1rem;color:var(--color-grey-400);transition:transform .35s var(--ease-cut), color .2s}@media (hover:hover){.cs-index-row:hover .cs-index-client{color:var(--color-violet-deep);transform:translate(4px)}.cs-index-row:hover .cs-index-arrow{color:var(--color-violet);transform:translateY(3px)}}@media (min-width:1024px){.cs-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;column-gap:clamp(3rem,6vw,6rem)}}.cs-case{padding-block:clamp(4.5rem,9vw,8rem)}.cs-grid{gap:clamp(2.25rem,5vw,3rem);display:grid}.cs-grid>*{min-width:0}.cs-kicker{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-grey-600);flex-wrap:wrap;align-items:center;gap:.35rem .75rem;font-size:.75rem;font-weight:600;line-height:1.4;display:flex}.cs-kicker-num{color:var(--color-violet-deep);font-variant-numeric:tabular-nums;align-items:center;gap:.75rem;display:inline-flex}.cs-kicker-num:after{content:"";background:currentColor;width:1.75rem;height:1px}.cs-kicker-client{color:var(--color-ink)}.cs-kicker-industry{align-items:center;gap:.75rem;display:inline-flex}.cs-kicker-industry:before{content:"";background:var(--color-grey-400);border-radius:999px;width:4px;height:4px}.studio .cs-kicker{color:var(--color-grey-400)}.studio .cs-kicker-num{color:var(--color-violet-2)}.studio .cs-kicker-client{color:var(--color-paper)}.cs-h2{max-width:20ch;font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin-top:1.25rem;font-size:clamp(2.125rem,1.3rem + 3vw,3.75rem);font-weight:700;line-height:1.02}.cs-ntitle{flex-direction:column;gap:.9rem;margin-top:1.25rem;display:flex}.cs-giant{font-family:var(--font-display);letter-spacing:-.065em;font-variant-numeric:lining-nums proportional-nums;white-space:nowrap;margin-left:-.055em;font-size:clamp(7rem,3.5rem + 15vw,15rem);font-weight:700;line-height:.8;display:block}.cs-ntitle-text{max-width:16ch;font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(1.75rem,1.15rem + 2vw,2.875rem);font-weight:700;line-height:1.06}.cs-unit{letter-spacing:0;margin-right:.12em;font-size:.38em;position:relative;top:-1.2em}.cs-unit-x{color:var(--color-violet);margin-right:.02em;font-size:.62em;font-weight:500;top:-.28em}.cs-big{flex-direction:column;display:flex}.cs-big-value{font-family:var(--font-display);letter-spacing:-.055em;font-variant-numeric:lining-nums proportional-nums;white-space:nowrap;margin-left:-.05em;font-size:clamp(3.75rem,2rem + 6vw,7rem);font-weight:700;line-height:.86}.cs-big-xxl .cs-big-value{font-size:clamp(5.5rem,2.5rem + 11vw,11rem);line-height:.82}.cs-big-label{font-family:var(--font-display);letter-spacing:-.01em;margin-top:.9rem;font-size:clamp(1.125rem,1rem + .45vw,1.375rem);font-weight:650;line-height:1.25}.cs-big-sub{max-width:32ch;color:var(--color-grey-600);margin-top:.3rem;font-size:.9375rem;line-height:1.45}.studio .cs-big-sub{color:var(--color-grey-400)}.cs-body{gap:1rem;display:grid}.cs-text{max-width:54ch;color:var(--color-grey-700);font-size:1.0625rem;line-height:1.6}.studio .cs-text{color:var(--color-grey-300)}.cs-link{margin-top:1.75rem}.cs-services{border-top:1px solid var(--color-line);margin-top:1.75rem;padding-top:1.25rem}.cs-services ul{flex-wrap:wrap;align-items:center;row-gap:.15rem;margin-top:.5rem;display:flex}.cs-services li{align-items:center;display:inline-flex}.cs-services li:not(:last-child):after{content:"";background:var(--color-violet);border-radius:999px;flex:none;width:4px;height:4px;margin-inline:.7rem}.cs-services a{font-family:var(--font-display);letter-spacing:-.01em;text-decoration:underline;-webkit-text-decoration-color:var(--color-line-strong);text-decoration-color:var(--color-line-strong);text-underline-offset:4px;padding-block:.3rem;font-size:1rem;font-weight:600;transition:color .2s,text-decoration-color .2s;display:inline-block}.cs-services a:hover{color:var(--color-violet-deep);-webkit-text-decoration-color:var(--color-violet);text-decoration-color:var(--color-violet)}.studio .cs-services{border-color:#f5f5f724}.studio .cs-services a{text-decoration-color:#f5f5f759}.studio .cs-services a:hover{color:var(--color-violet-2)}.studio .cs-services li:not(:last-child):after{background:var(--color-violet-2)}.cs-media{position:relative}.cs-caption{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-grey-500);margin-top:.8rem;font-size:.75rem;font-weight:600;line-height:1.4}.studio .cs-caption{color:var(--color-grey-400)}.cs-browser{border:1px solid var(--color-line);background:var(--color-paper);box-shadow:var(--shadow-card);border-radius:14px;overflow:hidden}.cs-browser-bar{border-bottom:1px solid var(--color-line);background:var(--color-paper-2);align-items:center;gap:6px;height:2.25rem;padding-inline:.875rem;display:flex}.cs-browser-bar>span:not(.cs-browser-url){background:var(--color-grey-300);border-radius:999px;flex:none;width:9px;height:9px}.cs-browser-url{border:1px solid var(--color-line);background:var(--color-paper);min-width:0;color:var(--color-grey-600);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;margin-left:.6rem;padding:.15rem .75rem;font-size:.75rem;overflow:hidden}.cs-browser-shot{aspect-ratio:16/10;background:var(--color-paper-2);position:relative}.cs-growth-video{width:min(42%,15rem);margin:-15% 6% 0 auto}.cs-growth-video .cs-frame{box-shadow:0 0 0 6px var(--color-paper), var(--shadow-float)}.cs-flow{--flow-gap:2rem;gap:var(--flow-gap);padding-left:1.75rem;display:grid;position:relative}.cs-flow:before{content:"";background:linear-gradient(var(--color-violet-deep), var(--color-violet));transform-origin:top;width:2px;position:absolute;top:.5rem;bottom:.75rem;left:4px}.cs-flow>li{position:relative}.cs-flow>li:before{content:"";border:2px solid var(--color-violet);background:var(--color-paper);border-radius:999px;width:10px;height:10px;position:absolute;top:.2rem;left:-1.75rem}.cs-flow>li:last-child:before{background:var(--color-violet)}.cs-flow .cs-label{margin-bottom:.65rem}.cs-results{flex-wrap:wrap;gap:2.25rem clamp(2.5rem,5vw,4.5rem);display:flex}.cs-voice{border-top:1px solid var(--color-line);margin-top:2rem;padding-top:1.5rem}.cs-voice blockquote p{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);font-weight:700;line-height:1.1}.cs-voice figcaption{color:var(--color-grey-400);margin-top:.75rem;font-size:.9375rem}.cs-estate .cs-giant{font-size:clamp(9rem,4rem + 20vw,21rem)}.cs-estate .cs-a-media{max-width:26rem}.cs-estate .cs-a-body{border-top:1px solid var(--color-line);padding-top:1.75rem}.cs-split{border-top:1px solid var(--color-line-strong);display:grid}.cs-split-col{padding-block:2rem 2.5rem}.cs-split-col+.cs-split-col{border-top:1px solid var(--color-line-strong)}.cs-group{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-violet-deep);font-size:.75rem;font-weight:600;line-height:1.4}.cs-split .cs-big{margin-top:1.25rem}.cs-split-row{gap:1.75rem;display:grid}.cs-split-video{width:min(62%,15rem)}.cs-touch{border-top:1px solid var(--color-line);font-family:var(--font-display);letter-spacing:-.03em;flex-wrap:wrap;row-gap:.15rem;margin-top:clamp(1.75rem,3.5vw,2.5rem);padding-top:clamp(1.25rem,2.5vw,1.75rem);font-size:clamp(1.5rem,1rem + 2vw,2.5rem);font-weight:600;line-height:1.15;display:flex}.cs-touch-sep{color:var(--color-violet);margin-inline:.32em;font-weight:400}.cs-brand-video{width:min(72%,22rem)}.cs-brand-more{margin-top:2.25rem}.cs-scrollsite .cs-browser{position:relative}.cs-scroll{background:var(--color-paper-2);scrollbar-width:thin;scrollbar-color:#1d1d1f4d transparent;height:min(68svh,32rem);overflow-y:auto}.cs-scroll:focus-visible{outline:2px solid var(--color-violet);outline-offset:-2px}.cs-scroll img{width:100%;height:auto;display:block}.cs-scroll .cs-scroll-desktop{display:none}.cs-scroll-hint{color:var(--color-paper);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;background:#1d1d1fc7;border-radius:999px;padding:.4rem .85rem;font-size:.6875rem;font-weight:600;transition:opacity .3s;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}.cs-scrollsite .cs-browser:hover .cs-scroll-hint,.cs-scrollsite .cs-browser:focus-within .cs-scroll-hint{opacity:0}.cs-caption-row{flex-wrap:wrap;justify-content:space-between;gap:.35rem 1rem;display:flex}.cs-caption-link{color:var(--color-violet-deep);text-underline-offset:.25em;text-decoration:underline}.cs-claim{max-width:22ch;font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-grey-600);margin-top:1.5rem;font-size:clamp(1.25rem,1.05rem + .8vw,1.75rem);font-weight:600;line-height:1.25}.cs-tf{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-paper);text-align:center;flex-direction:column;align-items:center;padding:clamp(2rem,4.5vw,3.25rem) clamp(1rem,3vw,2.5rem);display:flex}.cs-tf>li{flex-direction:column;align-items:center;display:flex;position:relative}.cs-tf>li+li{margin-top:2.75rem}.cs-tf>li+li:before{content:"";background:var(--color-violet);transform-origin:top;width:2px;height:1.75rem;margin-left:-1px;position:absolute;top:-2.25rem;left:50%}.cs-dots{grid-template-columns:repeat(7,10px);gap:9px 12px;display:grid}.cs-dots i{background:var(--color-violet);border-radius:999px;width:10px;height:10px;display:block}.cs-tf-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-grey-600);margin-top:.85rem;font-size:.75rem;font-weight:600}.cs-tf-node{border:1px solid var(--color-line-strong);background:var(--color-paper);min-height:2.75rem;font-family:var(--font-display);letter-spacing:-.01em;border-radius:999px;justify-content:center;align-items:center;padding:.6rem 1.25rem;font-size:1rem;font-weight:650;line-height:1.2;display:inline-flex}.cs-tf-strong{border-color:var(--color-violet);color:var(--color-violet-deep)}.cs-tf-end{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.cs-tf-pair{gap:.5rem}.cs-tf-plus{font-family:var(--font-display);color:var(--color-violet);font-size:1.25rem;font-weight:600;line-height:1}.cs-tech-video{width:min(62%,15rem)}.cs-cta{gap:2rem;display:grid}.cs-cta-title{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2.5rem,1.3rem + 4.4vw,5.25rem);font-weight:700;line-height:1}.cs-disclaimer{border-top:1px solid var(--color-line);max-width:72ch;color:var(--color-grey-400);margin-top:clamp(3rem,6vw,4.5rem);padding-top:1.25rem;font-size:.8125rem;line-height:1.5}@media (min-width:640px){.cs-hero-text>span{display:block}.cs-dots{grid-template-columns:repeat(14,10px)}.cs-tf>.cs-tf-pair{flex-flow:wrap;justify-content:center;gap:.75rem}}@media (min-width:768px){.cs-estate .cs-ntitle,.cs-tech .cs-ntitle{flex-direction:row;align-items:flex-end;gap:clamp(1.25rem,3vw,2.25rem)}.cs-estate .cs-ntitle-text,.cs-tech .cs-ntitle-text{max-width:11ch;padding-bottom:.1em}.cs-split{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-split-col{padding:2.25rem clamp(1.5rem,4vw,3.5rem) 2.5rem 0}.cs-split-col+.cs-split-col{border-top:0;border-left:1px solid var(--color-line-strong);padding-left:clamp(1.5rem,4vw,3.5rem);padding-right:0}.cs-scroll{aspect-ratio:16/10;height:auto}.cs-scroll .cs-scroll-desktop{display:block}.cs-scroll .cs-scroll-mobile{display:none}}@media (min-width:1024px){.cs-a-head{grid-area:head}.cs-a-results{grid-area:results}.cs-a-media{grid-area:media}.cs-a-chain{grid-area:chain}.cs-a-body{grid-area:body}.cs-grid{gap:clamp(3rem,5vw,4.5rem) clamp(3rem,6vw,6rem)}.cs-growth{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"head media""body body";align-items:center}.cs-growth-video{width:30%;margin:-21% 4% 0 auto}.cs-flow{--flow-gap:clamp(2rem, 4vw, 4rem);grid-template-columns:repeat(3,minmax(0,1fr));padding-top:2rem;padding-left:0}.cs-flow:before{top:4px;right:calc((100% - 2 * var(--flow-gap)) / 3 - 5px);background:linear-gradient(90deg, var(--color-violet-deep), var(--color-violet));transform-origin:0;width:auto;height:2px;bottom:auto;left:0}.cs-flow>li:before{top:-2rem;left:0}.cs-system{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"head head""chain chain""results media""body media";align-items:start}.cs-estate{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"media head""media body";align-items:start}.cs-estate .cs-a-head{align-self:end}.cs-estate .cs-a-media{max-width:32rem}.cs-perf{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""results""body"}.cs-perf .cs-body{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,4vw,4rem)}.cs-brand{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"head media""body media";align-items:start}.cs-brand-video{width:auto;max-width:23rem;margin-left:auto}.cs-tech{grid-template-columns:minmax(0,8fr) minmax(0,4fr);grid-template-areas:"head head""chain media""body media";align-items:start}.cs-tech-video{width:auto;max-width:16rem}.cs-cta{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;column-gap:clamp(3rem,6vw,6rem)}}@media (min-width:1280px){.cs-split-row{grid-template-columns:minmax(0,1fr) clamp(9rem,12vw,12.5rem);align-items:start}.cs-split-video{width:auto}}}@media (prefers-reduced-motion:no-preference){.cs-flow:before{transition:transform 1.2s var(--ease-cut) .15s}.js .cs-flow:not(.is-in):before{transform:scaleY(0)}.cs-flow>li:before,.cs-dots i{transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s}.cs-flow>li:before{transition-delay:calc(var(--k,0) * .38s + .15s)}.js .cs-flow:not(.is-in)>li:before{opacity:0;transform:scale(0)}.cs-dots i{transition-delay:calc(var(--k,0) * 40ms)}.js .cs-tf:not(.is-in) .cs-dots i{opacity:0;transform:scale(0)}.cs-tf>li+li:before{transition:transform .55s var(--ease-cut);transition-delay:calc(var(--s,1) * .26s + .45s)}.js .cs-tf:not(.is-in)>li+li:before{transform:scaleY(0)}@media (min-width:1024px){.js .cs-flow:not(.is-in):before{transform:scaleX(0)}}}
