.cs-page{max-width:1280px;margin:auto;padding:0 48px 160px}.cs-page *,.cs-page :before,.cs-page :after{box-sizing:border-box}.cs-page a{text-underline-offset:4px}.cs-page a:hover{color:var(--foreground)}.cs-page button:focus-visible,.cs-page a:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.cs-nav{color:var(--muted-foreground);font:12px var(--font-mono);padding:34px 0}.cs-nav a{align-items:center;gap:8px;display:inline-flex}.cs-slide{text-align:center;padding-top:144px;scroll-margin-top:24px}.cs-slide h1,.cs-slide h2{text-wrap:balance;max-width:960px;margin-inline:auto;font-weight:500}.cs-slide h1{letter-spacing:-.05em;max-width:15em;font-size:clamp(42px,5.2vw,76px);line-height:1.02}.cs-slide h2{letter-spacing:-.045em;font-size:clamp(28px,2.9vw,40px);line-height:1.05}.cs-slide>p{letter-spacing:-.012em;max-width:840px;color:var(--muted-foreground);text-wrap:pretty;margin:24px auto 0;font-size:clamp(17px,1.4vw,19px);line-height:1.5}.cs-slide>.cs-stage,.cs-slide .cs-scene{margin-top:48px}.cs-hero{padding-top:22px;container-type:inline-size}.cs-hero h1{font-size:clamp(38px,3.9vw,52px);line-height:1.08}.cs-hero>p{margin-top:28px}.cs-hero>.cs-company{color:var(--foreground);letter-spacing:-.01em;align-items:center;gap:7px;margin:0 0 32px;font-size:17px;font-weight:500;display:inline-flex}.cs-company img{filter:invert();width:30px;height:30px}.dark .cs-company img{filter:none}.cs-hero>.cs-stage,.cs-hero .cs-scene{margin-top:72px}.cs-brief{grid-template-columns:repeat(4,auto);justify-content:center;margin:56px auto 0;display:grid}.cs-brief>div{padding:2px clamp(12px,12.5cqi - 92.5px,24px)}.cs-brief>div+div{border-left:1px solid var(--border)}.cs-brief dt{color:var(--muted-foreground);font-size:13px;line-height:1.4}.cs-brief dd{letter-spacing:-.005em;white-space:nowrap;margin-top:8px;font-size:15px;font-weight:500;line-height:1.4}@container (width<=840px){.cs-brief{grid-template-columns:repeat(2,minmax(0,260px));gap:20px 0}.cs-brief>div:nth-child(3){border-left:0}.cs-brief dd{white-space:normal;text-wrap:balance}}.cs-stage{text-align:left;border-radius:16px;max-width:960px;margin:0 auto;padding:clamp(16px,4.5vw,64px);position:relative}.cs-stage .cs-demo{max-width:880px;margin-inline:auto}.cs-demo{min-width:0;margin:0;position:relative}.cs-native-stage{border-radius:0;width:100%;transition:opacity .24s;position:relative;overflow:clip}.cs-loop-reset .cs-native-stage{opacity:0;transition-duration:.18s}.cs-canvas{transform-origin:0 0;position:absolute;top:0;left:0}@media (width<=640px){.cs-native-stage.is-panning .cs-canvas{transition:transform .9s cubic-bezier(.65,0,.35,1)}.cs-native-stage.is-cropped{--fade:linear-gradient(to right, transparent, #000 24px, #000 calc(100% - 32px), transparent), linear-gradient(to bottom, #000 calc(100% - 48px), transparent);-webkit-mask-image:var(--fade);-webkit-mask-composite:source-in;mask-image:var(--fade);mask-composite:intersect}}.cs-native button,.cs-native input{font:inherit;letter-spacing:inherit;color:inherit}.cs-native button{cursor:pointer;background:0 0;border:0}.cs-native h4,.cs-native p,.cs-native ul{margin:0;padding:0;font-family:inherit}.cs-native ul{list-style:none}.cs-native svg{overflow:hidden}.cs-cursor{z-index:100;color:#111;pointer-events:none;filter:drop-shadow(0 1px 1px #fff9)drop-shadow(0 2px 2px #0003);width:26px;height:28px;position:absolute}.cs-cursor svg{fill:#fff}.cs-page .cs-frame{padding:0;overflow:hidden}.cs-page .cs-frame.is-wide{max-width:1184px}.cs-shell{position:absolute;bottom:0;-webkit-mask-image:linear-gradient(#000 calc(100% - 120px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 120px),#0000 100%)}.cs-shell.is-contained{-webkit-mask-image:none;mask-image:none}.cs-shell.is-contained .cs-card{border-radius:24px}.cs-card{background:var(--cs-card);height:100%;box-shadow:0 0 0 16px var(--cs-ring), var(--cs-drop);border-radius:24px 24px 0 0;position:relative;overflow:hidden}.cs-tour{text-align:left;justify-content:space-between;align-items:flex-start;gap:32px;max-width:1184px;margin:18px auto 0;padding:0 4px;display:flex}.cs-stage:not(.is-wide)+.cs-tour{max-width:960px}.cs-tour-caption{letter-spacing:-.01em;min-width:0;min-height:24px;color:var(--foreground);flex:1;font-size:15px;line-height:24px;position:relative}.cs-tour-caption>span{text-wrap:pretty;display:block}.cs-tour.is-quiet{justify-content:flex-end}.cs-tour-controls{flex-shrink:0;align-items:center;gap:14px;height:24px;display:flex}.cs-beats{gap:4px;margin:0;padding:0;list-style:none;display:flex}.cs-beats button{cursor:pointer;background:0 0;border:0;padding:11px 0;display:block}.cs-beats button>i{background:var(--border);border-radius:1px;width:28px;height:2px;transition:background .15s;display:block;position:relative;overflow:hidden}.cs-beats button>i:after{content:"";background:var(--foreground);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.cs-beats button:hover>i{background:color-mix(in srgb, var(--foreground) 28%, transparent)}.cs-beats button.is-done>i:after{transform:scaleX(1)}.cs-beats button.is-current>i:after{animation:linear forwards cs-fill;animation-duration:inherit;animation-play-state:inherit}.cs-beats button:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:2px}@keyframes cs-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cs-tour-play{border:1px solid var(--border);background:var(--background);width:28px;height:28px;color:var(--foreground);cursor:pointer;border-radius:50%;place-items:center;transition:transform .15s cubic-bezier(.23,1,.32,1),background .15s;display:grid}.cs-tour-play:hover{background:var(--muted,#f2f2f1)}.cs-tour-play:active{transform:scale(.94)}.cs-tour-play:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (width<=640px){.cs-tour{flex-direction:column-reverse;align-items:stretch;gap:8px;margin-top:12px}.cs-tour-caption{font-size:14px;line-height:20px}.cs-tour-controls{flex-direction:row-reverse;justify-content:flex-end;gap:12px}}@media (prefers-reduced-motion:reduce){.cs-beats button.is-current>i:after{animation:none;transform:scaleX(1)}}.cs-zoom{transform-origin:0 0;position:absolute;top:0;left:0}.cs-camera{transform-origin:0 0;position:relative}.cs-pointer{z-index:50;position:absolute}@media (width<=1050px){.cs-page{padding-inline:30px}}@media (width<=760px){.cs-page{padding-inline:20px}.cs-nav{padding-block:24px}.cs-slide{padding-top:88px}.cs-hero{padding-top:28px}.cs-slide h1{font-size:36px}.cs-brief{margin-top:40px}.cs-brief>div{padding:0 12px}.cs-slide h2{font-size:28px}.cs-slide>.cs-stage,.cs-slide .cs-scene{margin-top:28px}.cs-stage{border-radius:12px}}@media (prefers-reduced-motion:reduce){.cs-page *,.cs-page :before,.cs-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}