.cs{--col:720px;--wide:936px;--sec:clamp(120px, 16vw, 240px);--sub:clamp(80px, 10vw, 150px);padding-bottom:40px}.cs-hero{margin-top:calc(-1 * var(--hdr-h));aspect-ratio:1440/762;background:var(--hero-bg,var(--img-bg));width:100%;overflow:hidden}.cs-hero img{object-fit:cover;width:100%;height:100%}.cs-c,.cs-w{width:min(var(--col), 100% - 2 * var(--gutter));margin-inline:auto}.cs-w{width:min(var(--wide), 100% - 2 * var(--gutter))}.cs{container-type:inline-size}.cs-c :is(.cs-media:not(.flat),.cs-ba,.cs-card,.cs-research):not(.cs-card *,.cs-research *,.fd-pair *,.cs-w *){--wb:min(var(--wide), 100cqw - 2 * var(--gutter));width:var(--wb);max-width:none;margin-left:calc((100% - var(--wb)) / 2);margin-right:calc((100% - var(--wb)) / 2)}.cs-title{font-size:var(--fs-section);letter-spacing:-.04em;text-wrap:balance;margin-top:30px;scroll-margin-top:40px;line-height:1.4}.cs-meta{grid-template-columns:repeat(2,minmax(0,350px));gap:26px 20px;margin-top:47px;display:grid}.cs-meta>div{flex-direction:column;gap:26px;display:flex}.cs-meta dl{margin:0}.cs-meta dt{color:var(--muted)}.cs-meta dd{margin:0}.cs-sec{margin-top:var(--sec)}.cs-sub{margin-top:var(--sub)}.cs-h{font-size:var(--fs-section);letter-spacing:-.04em;text-wrap:balance;line-height:1.4}.cs-h+.cs-sub,.cs-h+.cs-items,.cs-h+.cs-items.tight,.cs-h+.cs-media,.cs-h+.cs-ba,.cs-h+.cs-research,.cs-h+.cs-card{margin-top:56px}.cs-h.dim{color:var(--muted)}.cs-p{color:var(--muted);margin-top:8px}.cs-p.ink{color:var(--ink)}.cs-p+.cs-p{margin-top:16px}.cs-statement{font-size:var(--fs-small);text-wrap:pretty;margin-top:56px;line-height:1.4}.cs-media{margin-top:40px}.cs-media img,.cs-media video{border-radius:var(--radius-m);width:100%;height:auto}.cs-media.flat img{border-radius:0}.cs-caption{color:var(--muted);margin-top:10px}.cs-pair{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.cs-pair.ratio{grid-template-columns:833fr 802fr}.cs-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px;display:grid}.cs-metrics.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-metrics b{font-weight:400;font-size:var(--fs-metric);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.6;display:block}.cs-metrics span{color:var(--muted);max-width:227px;display:block}.cs-metrics.two span{max-width:350px}.cs-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;margin-top:56px;display:grid}.cs-cards>div{background:var(--footer-bg);border-radius:20px;padding:24px}.cs-cards p+p{margin-top:8px}.cs-cards .dim{color:var(--muted)}.cs-items{flex-direction:column;gap:32px;margin-top:32px;display:flex}.cs-items.tight{gap:24px;margin-top:24px}.cs-items>div>p+p{color:var(--muted);margin-top:8px}.cs-items h4{font-size:var(--fs-small);line-height:1.4}.cs-items h4+p{color:var(--muted);margin-top:8px}.cs-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:56px;display:grid}.cs-cols p:first-child{color:var(--ink)}.cs-cols p+p{color:var(--muted);margin-top:12px}.cs-cols.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:56px}.cs-cols.three .label{align-items:center;gap:10px;min-height:24px;display:flex}.cs-cols.three p+p{margin-top:24px}.cs-card{background:var(--surface);border-radius:20px;margin-top:56px;padding:32px}.cs-card+.cs-card{margin-top:56px}.cs-card.round{border-radius:32px;padding:12px}.cs-card .cs-media{margin-top:0}.cs-feature-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cs-feature-head span:last-child{color:var(--muted)}.cs-pill{color:#fff;white-space:nowrap;border-radius:24px;align-items:center;height:32px;padding:0 12px;font-weight:500;display:inline-flex}.cs-pill.blue{background:#0076a6}.cs-pill.amber{background:#a36b00}.cs-feature-lead{font-size:var(--fs-small);text-wrap:pretty;margin-top:24px;line-height:1.4}.cs-card video{aspect-ratio:872/545;object-fit:cover;background:var(--img-bg);border-radius:12px;width:100%;margin-top:36px;display:block}.cs-solved{color:var(--muted);margin-top:12px}.cs-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px 46px;display:grid}.cs-split.rev>:first-child{order:2}.cs-research{background:var(--surface);border-radius:20px;grid-template-columns:428fr 428fr;align-items:center;gap:32px;margin-top:40px;padding:24px;display:grid}.cs-personas{flex-direction:column;gap:12px;display:flex}.cs-persona{border-radius:12px;padding:24px;position:relative}.cs-persona.blue{--tone:#0076a6;background:#0076a61a}.cs-persona.amber{--tone:#cc8b00;background:#cc8b001a}.cs-persona img{object-fit:cover;border-radius:50%;width:80px;height:80px;position:absolute;top:24px;right:24px}.cs-persona .who{color:var(--muted)}.cs-persona h4{color:var(--tone);font-size:var(--fs-small);max-width:292px;line-height:1.4}.cs-persona .task{color:#737373b3;margin-top:8px}.cs-insights h4{font-size:var(--fs-small);line-height:1.4}.cs-insights ol{counter-reset:i;flex-direction:column;gap:20px;margin:32px 0 0;padding-left:0;list-style:none;display:flex}.cs-insights li{counter-increment:i}.cs-insights li b{font-weight:400;font-size:var(--fs-small);line-height:1.4;display:block}.cs-insights li b:before{content:counter(i) ". "}.cs-insights li span{color:var(--muted)}.cs-bullets{color:var(--muted);flex-direction:column;gap:20px;margin:24px 0 0;padding-left:20px;display:flex}.cs-bullets.tight{gap:0;margin-top:20px}.cs-group{margin-top:48px}.cs-group:first-of-type{margin-top:56px}.cs-group .label{align-items:center;gap:10px;min-height:32px;display:flex}.cs-icon{width:32px;height:32px;color:var(--muted);place-items:center;display:grid}.cs-icon img{width:32px;height:32px}.cs-ba{background:var(--img-bg);border-radius:24px;margin-top:40px;padding:10px 0 0;overflow:hidden}.cs-ba.light{background:#f0f0f0}.cs-ba img{width:100%}.cs-ba .labels{text-align:center;grid-template-columns:1fr 1fr;padding:10px 0 30px;display:grid}.cs-next{grid-template-columns:auto minmax(0,525px);justify-content:space-between;gap:32px;display:grid}.cs-next.half{grid-template-columns:minmax(0,1fr) minmax(0,360px)}.cs-toc{left:calc(var(--edge) - 4px);z-index:20;flex-direction:column;gap:10px;display:flex;position:fixed;top:116px}.cs-toc a{color:#0b0c0ecc;transition:color var(--dur-1), transform var(--dur-2) var(--ease-spring);border-radius:6px;padding:4px}.cs-toc a:hover{color:var(--ink);transform:translate(3px)}.cs-toc a.on{color:var(--ink)}@media (width<=1199px){.cs-toc{display:none}}@media (width<=809px){.cs-meta,.cs-cards,.cs-cols,.cs-cols.three,.cs-research,.cs-split,.cs-pair,.cs-pair.ratio,.cs-next,.cs-next.half{grid-template-columns:minmax(0,1fr)}.cs-metrics{grid-template-columns:minmax(0,1fr);gap:8px}.cs-metrics.two{grid-template-columns:minmax(0,1fr)}.cs-split.rev>:first-child{order:0}.cs-card{padding:20px}.cs-persona img{width:56px;height:56px;top:16px;right:16px}}.cs-media img.shadow{box-shadow:0 2px 6px #0c0c0e0d,0 18px 40px #0c0c0e14}.cs-card img.fill{border-radius:20px;width:100%;height:auto;display:block}.cs-card img.phone{border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 10px 30px #0c0c0e1f}.cs-items>div>p.ink,.cs-cards.titled>div p:first-child{color:var(--ink)}.cs-cards.titled>div p+p{color:var(--muted)}figure.cs-ba{margin-inline:0;margin-bottom:0}.accent-label{color:var(--accent)}.plain-link{color:inherit}.plain-link:hover{text-decoration:underline}.ai-card{grid-template-columns:514fr 314fr;gap:32px;padding:52px 38px}.ai-card img{border-radius:12px;width:100%;height:auto}.cs-card.fd-hero{grid-template-columns:430fr 322fr;gap:62px;padding:60px}.fd-hero img.phone{box-shadow:none;filter:drop-shadow(0 10px 20px #0c0c0e1a)}.fd-pair{grid-template-columns:1fr 1fr;gap:44px;margin-top:56px;display:grid}.fd-pair .cs-card{flex-direction:column;justify-content:space-between;gap:60px;margin-top:0;padding:60px;display:flex}.fd-pair img{filter:drop-shadow(0 10px 20px #0c0c0e14);width:72%;height:auto;margin-inline:auto}.cart-card{grid-template-columns:197fr 328fr;gap:47px;padding:32px 74px}@media (width<=809px){.ai-card,.fd-hero,.cart-card{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px}.cs-card.fd-hero{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}.fd-pair{grid-template-columns:minmax(0,1fr);gap:24px}.fd-pair .cs-card{gap:24px;padding:24px}.fd-hero .phone,.cart-card .phone{max-width:260px;margin-inline:auto}}.cs-statement,.cs-feature-lead,.fd-hero h4,.cs-items h4,.cs li>b{letter-spacing:0}
