.cs{display:block}.cs-cover .cover{aspect-ratio:4/3;width:100%;max-height:560px}.cs-head{padding-block:clamp(32px,5vw,56px) 0}.cs-head h1{letter-spacing:-.035em;font-size:clamp(36px,5vw,64px);line-height:1.02}.cs-head .where{color:var(--grey);margin:14px 0 0}.cs-chips{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.cs-chips li{min-height:36px;color:var(--grey);border:1px solid #cfcfcf;border-radius:999px;align-items:center;padding:0 14px;font-size:14px;display:inline-flex}.cs-visit{border-bottom:1px solid var(--ink);margin-top:28px;padding-bottom:4px;font-size:16px;display:inline-flex}.cs-sec{padding-block:var(--section)}.cs-sec+.cs-sec{border-top:1px solid var(--rule)}.cs-head+.cs-ch{padding-top:calc(var(--section) * .75)}.cs-brief p{letter-spacing:-.015em;max-width:34em;margin:0;font-size:clamp(20px,2.2vw,28px);font-weight:300;line-height:1.35}.cs-ch-head{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:clamp(32px,4vw,56px);display:grid}.cs-ch-head .label{margin-bottom:10px}.cs-ch-head h2{font-size:clamp(30px,3.6vw,48px)}.cs-ch-head .num{font-family:var(--mark);color:#a3a3a3;font-variant-numeric:tabular-nums;font-size:clamp(30px,3.6vw,48px);font-weight:300;line-height:1.05}.cs-ch-head p{max-width:42ch;color:var(--grey);margin:0}.cs-sub{letter-spacing:0;color:var(--grey);margin:clamp(40px,5vw,64px) 0 20px;font-size:13px;font-weight:400}@media (min-width:768px){.cs-cover .cover{aspect-ratio:21/9}.cs-ch-head{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:end;column-gap:clamp(20px,3vw,40px)}.cs-ch-head.plain{grid-template-columns:minmax(0,1fr)}}.cs-construct{aspect-ratio:2;background:var(--bg);color:var(--fg);position:relative;overflow:hidden}.cs-construct>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.cs-construct .grid line{stroke:currentColor;stroke-width:1px;opacity:.07;vector-effect:non-scaling-stroke}.cs-construct .g{fill:none;stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.6}.cs-construct .g.dash{stroke-dasharray:.012 .012;stroke-dashoffset:0;opacity:0}.cs-construct text{fill:currentColor;letter-spacing:.06em;opacity:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:9px}.cs-logo{display:block;position:absolute}.cs-logo img{object-fit:contain;clip-path:inset(0 100% 0 0);width:100%;height:100%;display:block}.cs-logo svg{width:100%;height:100%;display:block;overflow:visible}.cs-logo svg .d{fill:var(--f,currentColor);fill-opacity:0;stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px}.cs-logo svg [data-static]{fill:var(--f,currentColor);opacity:0}.cs-construct.in .g{animation:1.1s cubic-bezier(.6,0,.2,1) forwards cs-draw,.8s 3.6s forwards cs-recede;animation-delay:calc(var(--i) * 90ms),3.6s}.cs-construct.in .g.dash{animation:.6s forwards cs-show,.8s 3.6s forwards cs-recede-dash;animation-delay:calc(var(--i) * 90ms),3.6s}.cs-construct.in text{animation:.6s 1s forwards cs-label,.8s 3.6s forwards cs-recede-label}.cs-construct.in .cs-logo img{animation:1.5s cubic-bezier(.6,0,.2,1) 1.5s forwards cs-wipe}.cs-construct.in .cs-logo svg .d{animation:1.6s cubic-bezier(.6,0,.2,1) 1.4s forwards cs-draw,.6s 3s forwards cs-fill}.cs-construct.in .cs-logo svg [data-static]{animation:.8s 3.2s forwards cs-glow}@keyframes cs-draw{to{stroke-dashoffset:0}}@keyframes cs-show{to{opacity:.6}}@keyframes cs-label{to{opacity:.55}}@keyframes cs-recede{to{opacity:.15}}@keyframes cs-recede-dash{to{opacity:.15}}@keyframes cs-recede-label{to{opacity:.3}}@keyframes cs-wipe{to{clip-path:inset(0)}}@keyframes cs-fill{to{fill-opacity:1;stroke-opacity:0}}@keyframes cs-glow{to{opacity:.6}}.cs-vars{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);display:grid}.cs-var{margin:0}.cs-var .tile{aspect-ratio:4/3;background:var(--bg);border:1px solid #11111114;justify-content:center;align-items:center;display:flex}.cs-var .tile img{object-fit:contain;width:auto;max-width:60%;height:auto;max-height:36%;display:block}.cs-var .tile.empty{background:var(--soft);color:#8a8a8a;text-align:center;padding:12px;font-size:13px}.cs-var figcaption{color:var(--grey);margin-top:10px;font-size:13px}@media (min-width:768px){.cs-vars{grid-template-columns:repeat(4,minmax(0,1fr))}}.cs-swatches{gap:clamp(6px,1vw,12px);display:flex}.cs-sw{opacity:0;min-width:0;transform:translateX(calc(var(--i) * -70%)) rotate(calc((var(--i) - 2) * 5deg));transform-origin:50% 120%;flex:1 1 0;margin:0}.cs-sw i{background:var(--c);border:1px solid #11111114;height:clamp(140px,22vw,280px);display:block}.cs-sw figcaption{color:var(--grey);overflow-wrap:anywhere;margin-top:10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.cs-swatches.in .cs-sw{opacity:1;transition:opacity .4s,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * .11s);transform:none}.cs-type{grid-template-columns:minmax(0,1fr);gap:clamp(20px,3vw,40px);display:grid}.cs-face{border-top:1px solid var(--ink);min-width:0;padding-top:18px}.cs-face .aa{letter-spacing:-.02em;font-size:clamp(72px,9vw,120px);line-height:1}.cs-face .nm{margin:14px 0 0;font-size:17px;font-weight:500}.cs-face .use{color:var(--grey);margin:2px 0 0;font-size:14px}.cs-face .sample{overflow-wrap:anywhere;margin:16px 0 0;font-size:clamp(20px,2vw,26px);line-height:1.3}@media (min-width:768px){.cs-type{grid-template-columns:repeat(3,minmax(0,1fr))}}.cs-apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);display:grid}.cs-app{aspect-ratio:4/3;background:linear-gradient(180deg,var(--stone) 0%,var(--stone-2) 100%);margin:0;position:relative;overflow:hidden}.cs-app>img{object-fit:cover;width:100%;height:100%;display:block}.cs-app.mock{justify-content:center;align-items:center;display:flex}.cs-app.mock .fit{transform-origin:50%;transform:scale(.6)}.cs-app .tagm{color:#4a4a44;font-size:12px;position:absolute;bottom:10px;left:12px}@media (min-width:768px){.cs-apps{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-app.mock .fit{transform:scale(.8)}}.cs-frames{grid-template-columns:minmax(0,1fr);place-items:end center;gap:clamp(20px,3vw,40px);display:grid}.cs-browser{background:#fff;border:1px solid #d9d9d9;border-radius:10px;width:100%;overflow:hidden}.cs-browser .bar{background:#f1f1ef;border-bottom:1px solid #e2e2e0;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.cs-browser .bar i{background:#cfcfcb;border-radius:50%;width:8px;height:8px}.cs-browser .bar span{letter-spacing:.04em;color:#8a8a8a;text-overflow:ellipsis;white-space:nowrap;margin-left:10px;font-size:11px;overflow:hidden}.cs-phone{background:#121211;border-radius:34px;width:min(260px,70%);padding:9px}.cs-phone .cs-frame{border-radius:26px}.cs-frame{background:var(--soft);position:relative;overflow:hidden;container-type:size}.cs-browser .cs-frame{aspect-ratio:16/10}.cs-phone .cs-frame{aspect-ratio:9/19}.cs-frame img{width:100%;height:auto;animation:cs-pan var(--dur,36s) ease-in-out infinite alternate;animation-play-state:paused;display:block}.cs-frames.in .cs-frame img{animation-play-state:running}.cs-frames.in .cs-frame.held img{animation-play-state:paused}@media (hover:hover){.cs-frames.in .cs-frame:hover img{animation-play-state:paused}}@keyframes cs-pan{0%{transform:translateY(0)}to{transform:translateY(calc(100cqh - 100%))}}.cs-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);display:grid}.cs-pages figure{margin:0}.cs-pages .cs-browser .cs-frame img{animation:none}.cs-pages figcaption{color:var(--grey);margin-top:10px;font-size:13px}.cs-facts{grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,56px);margin-top:clamp(40px,5vw,64px);display:grid}.cs-facts h3{letter-spacing:0;color:var(--grey);margin:0 0 14px;font-size:13px;font-weight:400}.cs-facts ul{margin:0;padding:0;list-style:none}.cs-facts li{border-top:1px solid var(--rule);padding:10px 0}@media (min-width:768px){.cs-frames{grid-template-columns:minmax(0,1fr) auto}.cs-phone{width:clamp(180px,20vw,260px)}.cs-pages{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.cs-flow{flex-direction:column;align-items:stretch;display:flex}.cs-node{border:1px solid var(--ink);background:var(--white);min-width:0;padding:14px 16px}.cs-node strong{letter-spacing:-.01em;font-size:16px;font-weight:500;display:block}.cs-node span{color:var(--grey);margin-top:2px;font-size:13px;display:block}.cs-node.soft{border-style:dashed;border-color:#9a9a9a}.cs-link{background:var(--ink);flex:none;align-self:center;width:1px;height:36px;position:relative}.cs-link:after{content:"";background:var(--ink);opacity:0;border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:-3px}.cs-flow.in .cs-link:after{animation:1.8s linear infinite cs-down;animation-delay:calc(var(--i) * .45s)}@keyframes cs-down{0%{opacity:0;top:-3px}15%{opacity:1}85%{opacity:1}to{opacity:0;top:calc(100% - 4px)}}@keyframes cs-right{0%{opacity:0;left:-3px}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 4px)}}.cs-rows{gap:8px;display:grid}.cs-rows .cs-flow{flex-direction:row;align-items:stretch}.cs-rows .cs-node{flex:1 1 0}.cs-rows .cs-link{flex:0 48px;align-self:center;width:auto;min-width:20px;height:1px}.cs-rows .cs-link:after{top:-3px;left:0}.cs-rows.in .cs-link:after{animation:1.8s linear infinite cs-right;animation-delay:calc(var(--i) * .45s)}.cs-rows .cs-link.off{background:0 0;border-top:1px dashed #9a9a9a}.cs-rows .cs-link.off:after{display:none}.cs-bullets{grid-template-columns:minmax(0,1fr);gap:12px;margin:clamp(32px,4vw,48px) 0 0;padding:0;list-style:none;display:grid}.cs-bullets li{border-top:1px solid var(--rule);padding-top:14px;line-height:1.45}@media (min-width:768px){.cs-flow{flex-direction:row;align-items:stretch}.cs-flow .cs-node{flex:1 1 0}.cs-link{flex:0 48px;width:auto;min-width:20px;height:1px}.cs-link:after{top:-3px;left:0}.cs-flow.in .cs-link:after{animation-name:cs-right}.cs-rows .cs-link{flex-basis:96px}.cs-bullets{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.cs-time{grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.cs-time li{border-top:1px solid var(--rule);grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:6px 0;padding:18px 0;display:grid}.cs-time .day{color:var(--grey);font-variant-numeric:tabular-nums;font-size:13px}.cs-time h3{letter-spacing:-.02em;font-size:clamp(22px,2.2vw,30px)}.cs-time p{color:var(--grey);grid-column:2;margin:0;font-size:15px}@media (min-width:768px){.cs-time{grid-template-columns:repeat(var(--n),minmax(0,1fr));border-top:1px solid var(--ink)}.cs-time li{border-top:0;flex-direction:column;gap:10px;padding:22px 20px 0 0;display:flex}}.cs-results blockquote{letter-spacing:-.02em;max-width:30em;color:var(--ink);margin:0;font-size:clamp(22px,2.6vw,34px);font-weight:300;line-height:1.3}.cs-results blockquote:before{content:"";background:var(--ink);width:40px;height:1px;margin-bottom:28px;display:block}.cs-next{border-top:1px solid var(--rule);display:block}.cs-next .row{justify-content:space-between;align-items:baseline;gap:16px;padding-block:28px;display:flex}.cs-next .row strong{letter-spacing:-.03em;font-size:clamp(26px,3.4vw,48px);font-weight:300}.cs-next .cover{aspect-ratio:21/9;width:100%;max-height:420px}@media (hover:hover) and (min-width:1024px){.cs-next:hover .cover>*{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.cs-construct .g{stroke-dashoffset:0;opacity:.15}.cs-construct .g.dash{opacity:.15}.cs-construct text{opacity:.3}.cs-logo img{clip-path:none}.cs-logo svg .d{fill-opacity:1;stroke-opacity:0;stroke-dashoffset:0}.cs-logo svg [data-static]{opacity:.6}.cs-sw{opacity:1;transform:none}.cs-frame img{animation:none}.cs-link:after{display:none}}