.strand-hero{padding-block:clamp(6rem,12vw,10rem)}.strand-install{padding-block:var(--strand-space-12)}.strand-features,.strand-intents,.strand-setup{padding-block:clamp(4rem,8vw,8rem)}.strand-docs{background:var(--strand-surface-elevated);border-top:1px solid var(--strand-gray-200);padding-block:clamp(4rem,8vw,8rem)}.strand-cta{border-top:1px solid var(--strand-gray-200);padding-block:clamp(4rem,8vw,8rem)}.strand-footer{padding-block:var(--strand-space-12);border-top:1px solid var(--strand-gray-200)}.strand-feature-grid{gap:var(--strand-space-8);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.strand-intent-grid{gap:var(--strand-space-8);margin-top:var(--strand-space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch;display:grid}.strand-intent-grid>.strand-intent{flex-direction:column;display:flex}.strand-setup-steps{gap:var(--strand-space-8);margin-top:var(--strand-space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.strand-lab-showcase-card{max-width:960px;margin-inline:auto}.strand-lab-showcase-card__header{justify-content:space-between;align-items:flex-start;gap:var(--strand-space-6);margin-bottom:var(--strand-space-8);display:flex}.strand-lab-showcase-card__description{max-width:48ch}.strand-lab-showcase-card__preview{border-radius:var(--strand-radius-lg);overflow:hidden}.strand-lab-showcase-card__preview>.strand-instrument-viewport{padding:var(--strand-space-8);min-height:160px}@media (width<=768px){.strand-lab-showcase-card__header{gap:var(--strand-space-4);flex-direction:column}.strand-lab-showcase-card__preview>.strand-instrument-viewport{padding:var(--strand-space-5)}}.strand-actions{gap:var(--strand-space-4);flex-wrap:wrap;justify-content:center;display:flex}.strand-intent-preview{background:var(--strand-surface-recessed);box-shadow:var(--strand-shadow-inset);border-radius:var(--strand-radius-md);padding:var(--strand-space-6);margin-bottom:var(--strand-space-4);align-items:center;min-height:80px;display:flex}.strand-intent-code{font-family:var(--strand-font-mono);font-size:var(--strand-text-xs);color:var(--strand-gray-500);display:block}.strand-intent-label{font-family:var(--strand-font-mono);font-size:var(--strand-text-xs);letter-spacing:var(--strand-tracking-wider);text-transform:uppercase;color:var(--strand-gray-500);margin-bottom:var(--strand-space-4);display:block}.strand-path-code{font-family:var(--strand-font-mono);font-size:var(--strand-text-xs);color:var(--strand-blue-primary);background:var(--strand-surface-recessed);padding:var(--strand-space-2) var(--strand-space-3);border-radius:var(--strand-radius-sm);display:block;overflow-x:auto}.strand-setup-step{background:var(--strand-surface-elevated);border:1px solid var(--strand-border-subtle);border-radius:var(--strand-radius-lg);padding:var(--strand-space-6);box-shadow:var(--strand-elevation-1)}.strand-setup-step-num{width:var(--strand-space-8);height:var(--strand-space-8);border-radius:var(--strand-radius-full);background:var(--strand-blue-glow);color:var(--strand-blue-primary);font-family:var(--strand-font-mono);font-size:var(--strand-text-sm);font-weight:var(--strand-weight-semibold);margin-bottom:var(--strand-space-3);justify-content:center;align-items:center;display:inline-flex}.strand-setup-note-block{text-align:center}.strand-setup-framework{font-size:var(--strand-text-sm);color:var(--strand-gray-500);margin-bottom:var(--strand-space-2);line-height:var(--strand-leading-relaxed)}.strand-setup-framework strong{color:var(--strand-gray-700)}.strand-setup-framework a{color:var(--strand-blue-primary);text-decoration:none}.strand-setup-framework a:hover{color:var(--strand-blue-vivid)}.strand-setup-step-title{font-size:var(--strand-text-lg);font-weight:var(--strand-weight-medium);color:var(--strand-gray-800);margin-bottom:var(--strand-space-3)}.strand-setup-code{font-family:var(--strand-font-mono);font-size:var(--strand-text-xs);color:var(--strand-blue-midnight);background:var(--strand-surface-recessed);padding:var(--strand-space-3) var(--strand-space-4);border-radius:var(--strand-radius-md);white-space:pre;margin:0;line-height:1.7;display:block;overflow-x:auto}.strand-setup-note{font-size:var(--strand-text-xs);color:var(--strand-gray-400);margin-top:var(--strand-space-2)}.strand-cta-heading{font-size:clamp(1.5rem,3vw + .5rem,2.5rem);font-weight:var(--strand-weight-light);letter-spacing:var(--strand-tracking-tighter);color:var(--strand-blue-midnight);margin-bottom:var(--strand-space-4)}.strand-cta-desc{font-size:var(--strand-text-base);color:var(--strand-gray-500);max-width:50ch;margin:0 auto var(--strand-space-8);line-height:var(--strand-leading-relaxed)}.strand-cta-actions{align-items:center;gap:var(--strand-space-4);flex-direction:column;display:flex}.strand-cta-link{font-size:var(--strand-text-sm);color:var(--strand-blue-primary);transition:color var(--strand-duration-fast) var(--strand-ease-out-quart);min-height:var(--strand-touch-target);padding-block:var(--strand-space-2);align-items:center;text-decoration:none;display:inline-flex}.strand-cta-link:hover{color:var(--strand-blue-vivid)}.strand-footer-link{font-family:var(--strand-font-mono);font-size:var(--strand-text-xs);letter-spacing:var(--strand-tracking-wider);color:var(--strand-gray-400);transition:color var(--strand-duration-fast) ease;text-decoration:none}.strand-footer-link:hover{color:var(--strand-blue-primary)}.strand-install-hint{text-align:center;font-size:var(--strand-text-xs);color:var(--strand-gray-400);margin-top:var(--strand-space-6);line-height:var(--strand-leading-relaxed)}.strand-install-hint code{font-family:var(--strand-font-mono);font-size:inherit}.strand-install-hint a{color:var(--strand-blue-primary);text-decoration:none}.strand-install-hint a:hover{color:var(--strand-blue-vivid)}.strand-lab-showcase-panel{gap:var(--strand-space-6)}.strand-lab-showcase-row{align-items:center;gap:var(--strand-space-6);grid-template-columns:minmax(6ch,auto) 1fr;display:grid}.strand-lab-showcase-row__label{justify-self:start}.strand-lab-showcase-row__body{align-items:center;gap:var(--strand-space-4);flex-wrap:wrap;min-width:0;display:flex}@media (width<=620px){.strand-lab-showcase-row{gap:var(--strand-space-3);grid-template-columns:1fr}}.strand-lab-input-row{flex:1;min-width:200px}.strand-lab-input-row--wide{flex:1;min-width:250px}.strand-lab-card-tile{flex:1;min-width:140px}.strand-lab-card-tile__label{font-size:var(--strand-text-sm);color:var(--strand-gray-600)}.strand-lab-card-tile__hint{font-size:var(--strand-text-xs);color:var(--strand-gray-400)}.strand-lab-feature-card__title{font-weight:var(--strand-weight-medium);color:var(--strand-gray-800)}.strand-lab-feature-card__desc{font-size:var(--strand-text-sm);color:var(--strand-gray-500)}.strand-lab-avatar-wash{background:var(--strand-blue-wash)}.strand-lab-avatar-wash .strand-avatar__initials{color:var(--strand-blue-deep)}.strand-lab-tag-mini{font-size:var(--strand-text-xs)}.strand-lab-stack-demo{padding:var(--strand-space-3);background:var(--strand-surface-recessed);border-radius:var(--strand-radius-md)}.strand-lab-swatch{width:var(--strand-space-10);height:var(--strand-space-10);border-radius:var(--strand-radius-sm)}.strand-lab-swatch--bar{width:100px;height:var(--strand-space-5)}.strand-lab-swatch--wash{background:var(--strand-blue-wash)}.strand-lab-swatch--indicator{background:var(--strand-blue-indicator)}.strand-lab-swatch--primary{background:var(--strand-blue-primary)}.strand-lab-grid-cell{height:var(--strand-space-8);background:var(--strand-blue-wash);border-radius:var(--strand-radius-sm)}.strand-lab-container-bar{height:var(--strand-space-4);background:var(--strand-blue-primary);border-radius:var(--strand-radius-sm)}.strand-lab-container-bar--full{opacity:.3;max-width:100%}.strand-lab-container-bar--wide{opacity:.5;max-width:80%}.strand-lab-container-bar--default{opacity:.7;max-width:60%}.strand-lab-container-bar--narrow{opacity:1;max-width:50%}.strand-lab-container-legend{margin-top:var(--strand-space-3);font-family:var(--strand-font-mono);font-size:var(--strand-text-xs);color:var(--strand-gray-500);justify-content:space-between;display:flex}.strand-lab-section-tile{border:1px dashed var(--strand-gray-300);border-radius:var(--strand-radius-md);padding:var(--strand-space-4) var(--strand-space-3);text-align:center;font-size:var(--strand-text-xs);color:var(--strand-gray-500);flex:1}.strand-lab-section-tile--hero{padding-block:var(--strand-space-8)}.strand-lab-dialog-stage{background:var(--strand-backdrop);border-radius:var(--strand-radius-lg);padding:var(--strand-space-8);justify-content:center;display:flex}.strand-lab-dialog-panel-demo{width:100%;max-width:320px;position:static}.strand-lab-dialog-title-demo{font-size:var(--strand-text-base)}.strand-lab-dialog-body-demo{font-size:var(--strand-text-sm);color:var(--strand-gray-500)}.strand-lab-tooltip-anchor{margin-top:var(--strand-space-8);display:inline-block;position:relative}.strand-tooltip.strand-lab-tooltip-demo{position:absolute}.strand-lab-progress-track{flex:1;min-width:200px}.strand-lab-skeleton-circle{width:var(--strand-space-10);height:var(--strand-space-10);flex-shrink:0}.strand-lab-skeleton-line--60{width:60%;height:14px}.strand-lab-skeleton-line--90{width:90%;height:14px}.strand-lab-skeleton-block{width:100%;height:80px}.strand-lab-setup-steps{max-width:720px;margin-inline:auto}@media (width<=640px){.strand-code-block__pre,.strand-code-block__pre code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}.strand-code-block[data-strand-copy]>.strand-code-block__pre{padding-right:var(--strand-space-12)}}