.carousel{--carousel-gap:var(--space-3);--carousel-padding-inline:20px;--carousel-controls-margin-top:var(--space-4);--carousel-nav-size:44px;--carousel-nav-bg:transparent;--carousel-nav-border:var(--border);--carousel-nav-icon:var(--text);--carousel-nav-bg-hover:var(--surface);--carousel-nav-bg-disabled:transparent;--carousel-nav-icon-disabled:var(--text-muted);--carousel-progress-track:var(--border);--carousel-progress-thumb:var(--accent);width:100%}.carousel-track{gap:var(--carousel-gap);padding-left:max(var(--carousel-padding-inline),calc((100vw - var(--content-max-width))/2 + 20px));padding-right:max(var(--carousel-padding-inline),calc((100vw - var(--content-max-width))/2 + 20px));scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;margin-left:calc(-1*max(var(--carousel-padding-inline),calc((100vw - var(--content-max-width))/2 + 20px)));margin-right:calc(-1*max(var(--carousel-padding-inline),calc((100vw - var(--content-max-width))/2 + 20px)));flex-direction:row;width:100vw;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-track.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.carousel-controls{width:100%;max-width:var(--content-max-width);margin:var(--carousel-controls-margin-top)auto 0;padding-inline:max(var(--carousel-padding-inline),calc((100vw - var(--content-max-width))/2 + 20px));justify-content:center;align-items:center;gap:var(--space-4);display:flex}.carousel-navigation{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.carousel-nav-button{width:var(--carousel-nav-size);height:var(--carousel-nav-size);border:1px solid var(--carousel-nav-border);background:var(--carousel-nav-bg);color:var(--carousel-nav-icon);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.carousel-nav-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.carousel-nav-button:hover:not(:disabled){background:var(--carousel-nav-bg-hover)}.carousel-nav-button:disabled{cursor:not-allowed;background:var(--carousel-nav-bg-disabled);color:var(--carousel-nav-icon-disabled)}.carousel-progress{flex:1;max-width:420px}.carousel-progress-track{background:var(--carousel-progress-track);width:100%;height:2px;position:relative}.carousel-progress-thumb{background:var(--carousel-progress-thumb);width:0%;height:100%;position:absolute;inset:0 auto 0 0}.carousel.snap .carousel-track{scroll-snap-type:x mandatory}.carousel.snap .carousel-track>*{scroll-snap-align:start;scroll-snap-stop:always}@media (max-width:1280px){.carousel-track{padding-left:var(--carousel-padding-inline);padding-right:var(--carousel-padding-inline);margin-left:calc(-1*var(--carousel-padding-inline));margin-right:calc(-1*var(--carousel-padding-inline))}.carousel-controls{padding-inline:var(--carousel-padding-inline)}}@media (max-width:480px){.carousel{--carousel-padding-inline:16px}.carousel-controls{justify-content:center}.carousel-progress{display:none}}
.elements-showcase{--showcase-card-bg:var(--bg);--showcase-card-border:var(--border-strong);--showcase-card-radius:12px;--showcase-card-gap:var(--space-2);--showcase-card-gradient:linear-gradient(120deg,#8aa7ff 0%,#d179f7 45%,#5392ff 100%);align-items:center;gap:var(--space-5);flex-direction:column;display:flex;overflow:visible}.elements-showcase .section-heading-subtitle{text-wrap:balance;max-width:60ch}.elements-showcase .carousel{width:100%}.elements-showcase-card{gap:var(--space-3);background-color:var(--showcase-card-bg);border-radius:calc(var(--showcase-card-radius) + 1px);min-width:min(86vw,560px);max-width:560px;padding-bottom:var(--space-1);border:1px solid #0000;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.elements-showcase-card-image-wrap{--showcase-image-inset:1px;aspect-ratio:16/9;background-color:var(--surface);border-radius:var(--showcase-card-radius);border:1px solid var(--showcase-card-border);width:100%;position:relative;overflow:hidden}.elements-showcase-card-image-wrap:before{content:"";border-radius:inherit;padding:var(--showcase-image-inset);background:var(--showcase-card-gradient);pointer-events:none;-webkit-mask-composite:xor;z-index:3;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.elements-showcase-card-image-wrap .media-placeholder{width:100%;height:100%;aspect-ratio:unset;position:absolute;inset:0}.elements-showcase-card-image-wrap img{object-fit:cover;width:100%;height:100%}.elements-showcase-card-image-wrap.has-frame{--showcase-iframe-scale:.5;--showcase-preview-height:280px;aspect-ratio:unset;height:var(--showcase-preview-height);background:#f3f4f6}.elements-showcase-card-frame{width:calc(100%/var(--showcase-iframe-scale));height:calc(var(--showcase-preview-height)/var(--showcase-iframe-scale));transform:scale(var(--showcase-iframe-scale));transform-origin:0 0;pointer-events:none;border:none;display:block}.elements-showcase-card-overlay{z-index:1;position:absolute;inset:0}.elements-showcase-card--linked{cursor:pointer;text-decoration:none;transition:transform .18s,border-color .18s}.elements-showcase-card--linked:hover{transform:translateY(-2px)}.elements-showcase-card--linked:hover .elements-showcase-card-image-wrap{border-color:#3b82f666}.elements-showcase-card-label{padding:0 var(--space-1);font-size:var(--typo-copy);font-weight:var(--font-weight-normal);color:var(--text-muted);line-height:1.4em}@media (max-width:480px){.elements-showcase-card{min-width:88vw}}
.snippet-hero{--snippet-hero-headline-size:var(--typo-headline);--snippet-hero-subtitle-size:var(--typo-headline-subtitle);--snippet-hero-gap:var(--space-3);--snippet-hero-subtitle-color:var(--text-muted);--snippet-hero-subtitle-strong-color:var(--text);gap:var(--snippet-hero-gap);flex-direction:column;align-items:flex-start;margin:0;display:flex}.snippet-hero-headline{font-size:var(--snippet-hero-headline-size);font-weight:var(--font-weight-bold);color:var(--text);margin:0;line-height:1.25em}.snippet-hero-headline p{margin:0}.snippet-hero-subtitle{font-size:var(--snippet-hero-subtitle-size);font-weight:var(--font-weight-normal);gap:var(--space-2);max-width:50ch;color:var(--snippet-hero-subtitle-color);flex-direction:column;margin:0;line-height:1.33em;display:flex}.snippet-hero-subtitle p{margin:0}.snippet-hero-subtitle strong{color:var(--snippet-hero-subtitle-strong-color)}
.pipeline-diagram{--pipeline-card-bg:var(--surface);--pipeline-card-border:var(--border);--pipeline-card-border-strong:var(--border-strong);--pipeline-line-active:var(--accent);--pipeline-line-muted:color-mix(in srgb,var(--border)70%,transparent);--pipeline-grid-dot:color-mix(in srgb,var(--border)35%,transparent);--pipeline-title-size:var(--typo-title);--pipeline-body-size:var(--typo-largecopy);--pipeline-micro-size:var(--typo-label);--pipeline-card-radius:var(--radius-lg);--pipeline-card-padding:var(--space-3);--pipeline-edge-width:2px;--pipeline-dot-travel-duration:.27s;--pipeline-column-gap:var(--space-6);--pipeline-branch-gap:var(--space-5);width:100%;max-width:var(--content-max-width);padding:var(--space-4);box-sizing:border-box;margin-inline:auto;position:relative}.pipeline-diagram-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pipeline-diagram-surface{border-radius:var(--radius-md);background-color:color-mix(in srgb,var(--surface)88%,transparent);background-image:radial-gradient(var(--pipeline-grid-dot)1px,transparent 1px);pointer-events:none;z-index:0;background-position:0 0;background-size:14px 14px;position:absolute;inset:0}.pipeline-diagram-layout{z-index:1;align-items:center;gap:var(--space-4)var(--pipeline-column-gap);grid-template-rows:auto;grid-template-columns:minmax(220px,1.05fr) minmax(160px,.85fr) minmax(300px,1.5fr);min-width:min(100%,720px);display:grid;position:relative}.pipeline-diagram-col--branches{gap:var(--pipeline-branch-gap);flex-direction:column;min-width:0;display:flex}.pipeline-branch-row{align-items:stretch;gap:var(--pipeline-branch-gap);flex-wrap:nowrap;min-width:0;display:flex}.pipeline-diagram-anchor{flex:auto;min-width:0}.pipeline-diagram-svg{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:visible}.pipeline-edge{stroke-width:var(--pipeline-edge-width);stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:100;stroke-dashoffset:100px;vector-effect:non-scaling-stroke}.pipeline-diagram.is-visible .pipeline-edge.is-drawn{animation:pipeline-edge-draw var(--pipeline-dot-travel-duration)ease-out forwards}@keyframes pipeline-edge-draw{to{stroke-dashoffset:0}}.pipeline-edge--active{stroke:var(--pipeline-line-active)}.pipeline-edge--muted{stroke:var(--pipeline-line-muted)}.pipeline-capture-card{opacity:0;width:100%;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateY(6px)}.pipeline-capture-card.is-visible{opacity:1;transform:translateY(0)}.pipeline-capture-card-inner{padding:var(--pipeline-card-padding);background:var(--pipeline-card-bg);border:1px solid var(--pipeline-card-border);border-radius:var(--pipeline-card-radius);box-shadow:0 8px 28px color-mix(in srgb,var(--bg)45%,transparent)}.pipeline-capture-card-title{font-size:var(--pipeline-title-size);font-weight:var(--font-weight-semibold);color:var(--text);letter-spacing:-.01em;line-height:1.35}.pipeline-capture-card-subtitle{margin-top:var(--space-2);font-size:var(--pipeline-body-size);color:var(--text-muted);line-height:1.4}.pipeline-hub-card{opacity:0;width:100%;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateY(6px)}.pipeline-hub-card.is-visible{opacity:1;transform:translateY(0)}.pipeline-hub-card-inner{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--pipeline-card-bg);border:1px solid var(--pipeline-card-border);border-radius:var(--pipeline-card-radius);box-shadow:0 6px 20px color-mix(in srgb,var(--bg)38%,transparent);display:flex}.pipeline-hub-card-icon{width:28px;height:28px;color:var(--pipeline-line-active);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.pipeline-hub-card-body{flex-direction:column;gap:4px;min-width:0;display:flex}.pipeline-hub-card-title-row{align-items:center;gap:var(--space-2);display:flex}.pipeline-hub-card-title{font-size:var(--typo-largecopy);font-weight:var(--font-weight-semibold);color:var(--text)}.pipeline-hub-card-detail{font-size:var(--typo-copy);color:var(--text-muted);min-height:1.2em}.pipeline-hub-card-placeholder{opacity:.35}.pipeline-branch-card{opacity:0;width:100%;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateY(6px)}.pipeline-branch-card.is-visible{opacity:1;transform:translateY(0)}.pipeline-branch-card-inner{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--pipeline-card-bg);border:1px solid var(--pipeline-card-border);border-radius:var(--pipeline-card-radius);box-shadow:0 4px 16px color-mix(in srgb,var(--bg)32%,transparent);display:flex}.pipeline-branch-card--skipped .pipeline-branch-card-inner{opacity:.72;border-color:var(--pipeline-card-border-strong)}.pipeline-branch-card--terminal{z-index:1;border-radius:var(--pipeline-card-radius);box-shadow:color-mix(in srgb,var(--accent)10%,transparent)0 0 36px 8px;transition:box-shadow .5s;position:relative}.pipeline-branch-card-terminal-trail{border-radius:var(--pipeline-card-radius);pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.pipeline-branch-card-terminal-spot{aspect-ratio:1;background:radial-gradient(100% 100% at right center,transparent 0%,color-mix(in srgb,var(--accent)52%,transparent)5%,transparent 50%);offset-path:border-box;offset-anchor:100% 50%;width:min(480px,220%);animation:20s linear infinite pipeline-terminal-trail;position:absolute}@keyframes pipeline-terminal-trail{to{offset-distance:100%}}.pipeline-branch-card-inner.pipeline-branch-card-inner--terminal{z-index:1;background:linear-gradient(var(--pipeline-card-bg),var(--pipeline-card-bg))padding-box;border-radius:var(--pipeline-card-radius);box-shadow:0 4px 16px color-mix(in srgb,var(--bg)32%,transparent);border:1px solid #0000;position:relative}.pipeline-branch-card-icon{width:24px;height:24px;color:var(--pipeline-line-active);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.pipeline-branch-card-body{flex-direction:column;gap:4px;min-width:0;display:flex}.pipeline-branch-card-title-row{align-items:center;gap:var(--space-2);display:flex}.pipeline-branch-card-title{font-size:var(--typo-largecopy);font-weight:var(--font-weight-semibold);color:var(--text)}.pipeline-branch-card-detail{font-size:var(--typo-copy);color:var(--text-muted);min-height:1.2em}.pipeline-branch-card-detail--muted{opacity:.75}.pipeline-status-icon{flex-shrink:0}.pipeline-status-icon--ok{color:var(--pipeline-line-active)}.pipeline-status-icon--skip,.pipeline-status-icon--pending{color:var(--text-muted)}.pipeline-status-icon--spin{color:var(--pipeline-line-active);animation:.9s linear infinite pipeline-spin}@keyframes pipeline-spin{to{transform:rotate(360deg)}}.pipeline-replay-btn{bottom:var(--space-3);right:var(--space-3);z-index:3;align-items:center;gap:var(--space-1);background:color-mix(in srgb,var(--surface)90%,transparent);border:1px solid var(--pipeline-card-border);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--typo-label);font-weight:var(--font-weight-semibold);cursor:pointer;opacity:0;pointer-events:none;padding:5px 10px 5px 8px;transition:opacity .2s ease-out,color .15s,border-color .15s;display:flex;position:absolute}.pipeline-replay-btn.is-visible{opacity:1;pointer-events:auto}.pipeline-replay-btn:hover{color:var(--text);border-color:var(--border-strong)}@media (max-width:720px){.pipeline-diagram{padding:var(--space-3);-webkit-overflow-scrolling:touch;overflow-x:auto}.pipeline-diagram-layout{min-width:640px}}@media (prefers-reduced-motion:reduce){.pipeline-capture-card,.pipeline-hub-card,.pipeline-branch-card{opacity:1;transition:none;transform:none}.pipeline-diagram.is-visible .pipeline-edge.is-drawn{stroke-dashoffset:0;animation:none}.pipeline-status-icon--spin{animation:none}.pipeline-branch-card-terminal-spot{opacity:0;animation:none}.pipeline-branch-card-inner.pipeline-branch-card-inner--terminal{border-color:color-mix(in srgb,var(--accent)38%,var(--pipeline-card-border))}}