.cs{padding-top:24px;padding-bottom:clamp(40px,8vh,72px)}.cs-container{max-width:980px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem);display:grid;gap:24px}[data-cs-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}[data-cs-reveal].cs--visible{opacity:1;transform:translateY(0)}.cs-hero{margin-bottom:0;padding:clamp(28px,4vw,40px)}.cs-hero .section-label{margin-bottom:14px}.cs-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.cs-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--text-label);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#c8c8d4;--badge-liquid-rgb: 200, 200, 212;padding:4px 14px}.cs-headline{font-size:clamp(32px,5vw,56px);font-weight:800;letter-spacing:-.03em;color:var(--color-text);margin-bottom:16px;line-height:1.1}.cs-lead{max-width:60ch;margin-bottom:0}.cs-ba{margin-bottom:0;padding:clamp(18px,3vw,24px)}.cs-ba-container{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:calc(var(--radius-md) - 6px);cursor:col-resize;user-select:none;touch-action:pan-y;--split: 50%}.cs-ba-picture,.cs-visual-media{display:block;width:100%;height:100%}.cs-ba-img{display:block;width:100%;height:100%;object-fit:cover}.cs-ba-img--after{position:relative;z-index:1}.cs-ba-before{position:absolute;inset:0;width:100%;clip-path:inset(0 calc(100% - var(--split)) 0 0);overflow:hidden;z-index:2}.cs-ba-img--before{width:100%;max-width:none}.cs-ba-handle{position:absolute;top:0;bottom:0;left:var(--split);transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:0;pointer-events:none}.cs-ba-line{flex:1;width:2px;background:#fff9}.cs-ba-knob{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:0 2px 12px #0000004d;flex-shrink:0;color:#333}.cs-ba-label{position:absolute;top:12px;font-family:var(--font-mono);font-size:var(--text-label);font-weight:500;letter-spacing:.1em;text-transform:uppercase;background:#0000008c;color:#fff;padding:3px 10px;border-radius:var(--radius-pill);z-index:4;pointer-events:none}.cs-ba-label--before{left:12px}.cs-ba-label--after{right:12px}.cs-screenshot{margin-bottom:0;padding:clamp(18px,3vw,24px)}.cs-visual-link{display:block;color:inherit;text-decoration:none}.cs-visual-link:not(.cs-visual-link--disabled){cursor:pointer}.cs-visual-link:focus-visible{outline:none}.cs-visual-link:focus-visible .cs-visual-frame{box-shadow:0 0 0 2px #f59e0bb3}.cs-visual-frame{display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:calc(var(--radius-md) - 6px)}.cs-screenshot-img{display:block;width:100%;height:100%;object-fit:cover}.cs-block{margin-bottom:0;padding:clamp(22px,3vw,28px)}.cs-block-label{margin-bottom:12px}.cs-block-text{font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.7;color:var(--color-text-muted);max-width:52ch;-webkit-user-select:text;user-select:text}.cs-points{list-style:none;padding:0;margin:16px 0 0}.cs-point{font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.7;color:var(--color-text-muted);padding-left:1.5rem;position:relative;margin-bottom:6px}.cs-point:before{content:"→";position:absolute;left:0;color:var(--color-accent)}.cs-divider{width:100%;height:1px;background:#ffffff14;margin:48px 0}.cs-testimonial{margin-bottom:0}.cs-cta{margin-top:8px;padding:clamp(4px,1vw,8px) 0 0;text-align:center}.cs-cta-headline{font-size:clamp(20px,2.5vw,28px);font-weight:600;color:var(--color-text);margin-bottom:12px;letter-spacing:-.02em}.cs-cta-sub{font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.7;color:var(--color-text-muted);margin-bottom:28px;max-width:44rem;margin-left:auto;margin-right:auto}.cs-cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cs-cta-primary,.cs-cta-secondary{display:inline-flex;align-items:center;gap:12px;text-decoration:none;padding:14px 22px;font-family:var(--font-sans);font-size:15px;font-weight:600}.cs-cta-secondary{justify-content:center}.cs-testimonial .tq-item{opacity:1;transform:none}.cs-testimonial .tq-text:before{content:"“"}.cs-testimonial .tq-text:after{content:"”"}.cs-testimonial .tq-attr{display:flex;align-items:center;gap:10px;font-style:normal}.cs-testimonial .tq-dash{width:20px;height:1px;background:var(--color-text-faint);flex-shrink:0}.cs-testimonial .tq-cite{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.cs-testimonial .tq-name{font-size:clamp(13px,1.4vw,14px);font-weight:500;color:var(--color-text);opacity:.85}.cs-testimonial .tq-role{flex-shrink:0}.cs-testimonial .tq-role-badge{margin-left:2px}.cs-testimonial .tq-link{margin-left:auto;flex-shrink:0}@media(max-width:767px){.cs-cta-actions{flex-direction:column;align-items:stretch}.cs-cta-primary,.cs-cta-secondary{justify-content:center}.cs-testimonial .tq-attr{flex-wrap:wrap;align-items:flex-start;gap:8px 10px}.cs-testimonial .tq-link{margin-left:0;margin-top:12px;flex-basis:100%;justify-content:flex-start}.cs-ba-container{max-height:280px}}