.cs-tabs{display:flex;flex-direction:column;gap:var(--space-10)}.cs-tab-bar{display:flex;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-surface-container)}.cs-tab-bar::-webkit-scrollbar{display:none}.cs-tab{flex-shrink:0;padding:var(--space-3) var(--space-6);border:none;background:none;font-family:var(--font-headline);font-size:var(--text-body-md);font-weight:600;color:var(--color-on-surface-variant);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s ease,border-color .2s ease;white-space:nowrap}.cs-tab:hover{color:var(--color-on-surface)}.cs-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.cs-tab-winner{margin-left:var(--space-1);color:#d4a017}.cs-content{display:flex;flex-direction:column;gap:var(--space-10)}.cs-content-header{display:flex;flex-direction:column;gap:var(--space-4)}.cs-content-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.cs-content-title{font-family:var(--font-headline);font-size:clamp(1.75rem,4vw,var(--text-display-sm));font-weight:800;letter-spacing:var(--tracking-tighter);color:var(--color-on-surface);line-height:var(--leading-tight)}.cs-status{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-label-sm);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider)}.cs-status--winner{background-color:#d4a01726;color:#916d0e}.cs-status--shipped{background-color:#00675d1a;color:var(--color-primary)}.cs-status--variant{background-color:#6464c81a;color:#4a4a8a}.cs-status--control{background-color:var(--color-surface-container);color:var(--color-on-surface-variant)}.cs-status--pending{background-color:var(--color-surface-container);color:var(--color-outline)}.cs-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cs-tag{padding:var(--space-1) var(--space-3);background-color:var(--color-surface-container);border-radius:var(--radius-full);font-size:var(--text-label-sm);font-weight:600;color:var(--color-on-surface-variant)}.cs-section{display:flex;flex-direction:column;gap:var(--space-4)}.cs-section-label{font-family:var(--font-headline);font-size:var(--text-label-md);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary)}.cs-section-text{font-size:var(--text-body-lg);color:var(--color-on-surface-variant);line-height:var(--leading-relaxed);max-width:52rem}.cs-narrative{display:flex;flex-direction:column;gap:var(--space-4)}.cs-narrative-bar{display:flex;flex-wrap:nowrap;gap:var(--space-1);padding:4px;background-color:var(--color-surface-container);border-radius:var(--radius-full);align-self:flex-start;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cs-narrative-bar::-webkit-scrollbar{display:none}.cs-narrative-tab{flex-shrink:0;padding:var(--space-2) var(--space-5);border:none;background:transparent;font-family:var(--font-headline);font-size:var(--text-label-md);font-weight:600;color:var(--color-on-surface-variant);border-radius:var(--radius-full);cursor:pointer;transition:background-color .25s ease,color .25s ease;white-space:nowrap}.cs-narrative-tab:hover{color:var(--color-on-surface)}.cs-narrative-tab--active{background-color:var(--color-surface-lowest, #fff);color:var(--color-primary);box-shadow:0 1px 2px #2c2f310f}.cs-narrative-stack{display:grid}.cs-narrative-stack>.cs-narrative-body{grid-column:1;grid-row:1;margin:0;opacity:0;visibility:hidden;transition:opacity .2s ease;pointer-events:none}.cs-narrative-stack>.cs-narrative-body--active{opacity:1;visibility:visible;pointer-events:auto}.cs-section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.cs-viewport-toggle{display:inline-flex;padding:4px;background-color:var(--color-surface-container);border-radius:var(--radius-full)}.cs-viewport-btn{padding:var(--space-2) var(--space-5);border:none;background:transparent;font-family:var(--font-headline);font-size:var(--text-label-md);font-weight:600;color:var(--color-on-surface-variant);border-radius:var(--radius-full);cursor:pointer;transition:background-color .25s ease,color .25s ease}.cs-viewport-btn:hover{color:var(--color-on-surface)}.cs-viewport-btn--active{background-color:var(--color-surface-lowest, #fff);color:var(--color-primary);box-shadow:0 1px 2px #2c2f310f}.cs-comparison{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.cs-comparison{grid-template-columns:1fr 1fr}}.cs-comparison-slot{display:flex;flex-direction:column;gap:var(--space-3)}.cs-comparison-label{font-family:var(--font-headline);font-size:var(--text-label-md);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-on-surface-variant)}.cs-device{width:100%;background-color:#1e2123;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 1px 2px #2c2f310f,0 24px 48px -12px #2c2f312e}.cs-device--mobile{max-width:280px;margin-inline:auto;border-radius:36px;padding:10px;background:linear-gradient(160deg,#2c2f31,#15171a);box-shadow:0 0 0 1.5px #ffffff0f inset,0 30px 60px -18px #2c2f3159}.cs-device-chrome{display:flex;align-items:center;gap:6px}.cs-device-chrome--desktop{height:28px;padding:0 12px;background-color:#2c2f31}.cs-device-chrome--mobile{height:22px;justify-content:center;background:transparent}.cs-dot{width:10px;height:10px;border-radius:50%;background-color:#ffffff2e}.cs-dot:nth-child(1){background-color:#ff5f57}.cs-dot:nth-child(2){background-color:#febc2e}.cs-dot:nth-child(3){background-color:#28c840}.cs-notch{width:96px;height:18px;border-radius:0 0 14px 14px;background-color:#0a0b0d}.cs-device-screen{position:relative;background-color:var(--color-surface-container);overflow:hidden}.cs-video-toggle{position:absolute;bottom:12px;right:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);background-color:#1416188c;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease,background-color .25s ease}.cs-video-toggle .material-symbols-outlined{font-size:22px}.cs-device:hover .cs-video-toggle,.cs-video-toggle:focus-visible,.cs-video-toggle--paused{opacity:1;transform:translateY(0)}.cs-video-toggle:hover{background-color:#141618bf}@media(hover:none){.cs-video-toggle{opacity:1;transform:translateY(0)}}.cs-device--desktop .cs-device-screen{aspect-ratio:16 / 10}.cs-device--mobile .cs-device-screen{border-radius:24px;aspect-ratio:9 / 19.5}.cs-device-screen img,.cs-device-screen video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.cs-device-screen .cs-comparison-placeholder{width:100%;height:100%;border-radius:0;background-color:var(--color-surface-container-low);aspect-ratio:auto}.cs-comparison-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);aspect-ratio:16 / 10;border-radius:var(--radius-xl);background-color:var(--color-surface-container-low);color:var(--color-outline);font-size:var(--text-body-sm)}.cs-comparison-placeholder .material-symbols-outlined{font-size:2rem;opacity:.5}.cs-page[data-astro-cid-e5dej5lh]{padding-top:calc(var(--nav-height) + var(--space-12));padding-bottom:var(--space-24)}.cs-header[data-astro-cid-e5dej5lh]{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-16);max-width:52rem}.cs-back-link[data-astro-cid-e5dej5lh]{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);font-weight:600;color:var(--color-primary);text-decoration:none;margin-bottom:var(--space-4);transition:gap .2s ease}.cs-back-link[data-astro-cid-e5dej5lh]:hover{gap:var(--space-3)}.cs-back-link[data-astro-cid-e5dej5lh] .material-symbols-outlined[data-astro-cid-e5dej5lh]{font-size:1rem}.cs-page-title[data-astro-cid-e5dej5lh]{font-size:clamp(2.5rem,6vw,var(--text-display-lg));font-weight:800;letter-spacing:var(--tracking-tighter);color:var(--color-on-surface);line-height:var(--leading-tight)}.cs-page-role[data-astro-cid-e5dej5lh]{font-size:var(--text-title-md);font-weight:600;color:var(--color-primary)}.cs-page-desc[data-astro-cid-e5dej5lh]{font-size:var(--text-body-lg);color:var(--color-on-surface-variant);line-height:var(--leading-relaxed);max-width:44rem}.cs-body[data-astro-cid-e5dej5lh]{max-width:var(--content-max-width)}