@media (prefers-reduced-motion:reduce){.step-rail{transform:scaleY(1)!important}}.link-underline{display:inline;position:relative}:root{--action:var(--primary);--action-ink:var(--primary-foreground)}.btn-action{background:var(--action);color:var(--action-ink)}.page-shell{max-width:var(--container-page);padding-inline:var(--gutter-page);margin-inline:auto}@media (min-width:40rem){.page-shell{padding-inline:var(--gutter-page-sm)}}@media (min-width:64rem){.page-shell{padding-inline:var(--gutter-page-lg)}}.page-shell-wide{max-width:var(--container-wide);padding-inline:var(--gutter-page);margin-inline:auto}@media (min-width:40rem){.page-shell-wide{padding-inline:var(--gutter-page-sm)}}@media (min-width:64rem){.page-shell-wide{padding-inline:var(--gutter-page-lg)}}.landing-warm [data-slot=mobile-nav]{max-width:calc(100vw - var(--gutter-page) * 2)}.page-over-footer{z-index:var(--z-page-band);background:var(--background);border-end-end-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg);animation:none;position:relative}.footer-reveal{z-index:var(--z-footer-band);margin-top:calc(-1 * var(--radius-lg));padding-top:var(--radius-lg);position:sticky;bottom:0}@media not (min-width:64rem){.footer-reveal{margin-top:0;padding-top:0;position:static}}.footer-rule{border-color:color-mix(in oklch, var(--ink-band-fg) 15%, transparent)}footer.bg-ink-band,.panel-ink{--ring:var(--ink-band-fg)}.landing-warm [data-slot=card]{--card-spacing:var(--landing-card-space);padding-inline:var(--card-spacing)}.landing-warm h1{text-wrap:balance}.connection-page main>section{border:0;animation:none}.connection-page main [id]{scroll-margin-top:var(--connection-hero-top)}.connection-section{padding-block:var(--connection-section)}.connection-hero-viewport{min-height:100svh;padding-top:var(--connection-hero-top);flex-direction:column;justify-content:center;display:flex}.connection-hero-viewport>section{width:100%}.connection-hero{padding-top:0}.connection-hero-copy{z-index:var(--connection-z-controls);max-width:var(--connection-hero-copy-width);text-align:center;margin-inline:auto;position:relative}.connection-hero h1{font-size:var(--connection-display);font-weight:var(--font-weight-title);line-height:var(--leading-heading)}.connection-hero-copy>p{max-width:var(--container-copy);margin:var(--connection-space-md) auto;font-size:var(--landing-copy-size);line-height:var(--leading-relaxed);color:var(--muted-foreground)}.connection-actions{justify-content:center;align-items:center;gap:var(--connection-space-md);display:flex}.connection-actions [data-slot=button],.path-copy [data-slot=button],.connection-heading [data-slot=button],.connection-close-copy [data-slot=button]{min-height:var(--connection-control);padding-inline:var(--connection-space-md);font-size:var(--text-body);gap:var(--connection-space-sm)}.connection-actions>a,.connection-text-link{align-items:center;gap:var(--connection-space-xs);min-height:var(--connection-control);font-size:var(--text-body);font-weight:var(--font-weight-body);white-space:nowrap;display:inline-flex}.connection-actions>a:hover,.connection-text-link:hover{text-underline-offset:var(--connection-space-xs);text-decoration:underline}.connection-stage{padding-block:var(--connection-stage-pad);padding-inline:var(--connection-stage-gutter);position:relative}.film-replay{justify-content:center;align-items:center;gap:var(--connection-space-xs);min-height:var(--connection-control);color:var(--muted-foreground);font-size:var(--text-xs);cursor:pointer;margin-inline:auto;display:flex}.film-replay:hover{color:var(--foreground)}.connection-orbit{--tilt:0deg;z-index:var(--connection-z-art);width:var(--connection-portrait-width);transform:rotate(var(--tilt));transition:transform var(--connection-transition) var(--connection-ease);position:absolute}.connection-orbit-a{--tilt:calc(-1 * var(--connection-portrait-tilt));top:0;left:0}.connection-orbit-b{--tilt:var(--connection-portrait-tilt);top:0;right:0}.connection-orbit-c{--tilt:var(--connection-portrait-tilt);left:var(--connection-portrait-inset);width:var(--connection-portrait-small);bottom:0}.connection-orbit-d{--tilt:calc(-1 * var(--connection-portrait-tilt));right:var(--connection-portrait-inset);width:var(--connection-portrait-small);bottom:0}.connection-platforms{text-align:center;padding-block:var(--connection-space-lg)}.connection-platforms>p{font-size:var(--text-sm);color:var(--muted-foreground)}.connection-platform-list{justify-content:center;align-items:center;gap:var(--connection-space-lg);margin-block:var(--connection-space-md);flex-wrap:wrap;display:flex}.connection-platform-list>span{align-items:center;gap:var(--connection-space-xs);font-size:var(--text-lede);font-weight:var(--font-weight-title);display:inline-flex}.connection-platform-list svg{width:var(--connection-space-lg);height:var(--connection-space-lg)}.connection-heading{align-items:flex-start;gap:var(--connection-space-md);max-width:var(--container-lede);flex-direction:column;display:flex}.connection-heading h2,.connection-close h2{font-size:var(--connection-title);font-weight:var(--font-weight-title);line-height:var(--leading-heading);text-wrap:balance}.connection-heading>p:not(:first-child){max-width:var(--container-copy);font-size:var(--landing-copy-size);line-height:var(--leading-relaxed);color:var(--muted-foreground)}.creator-toolbar{justify-content:space-between;align-items:center;gap:var(--connection-space-sm);margin-block:var(--connection-space-lg);display:flex}.creator-toolbar>span{align-items:center;gap:var(--connection-space-xs);display:inline-flex}.creator-filters{gap:var(--connection-space-xs);flex-wrap:wrap;display:flex}.creator-filters button{min-height:var(--connection-control);padding-inline:var(--connection-space-md);border-radius:var(--radius-pill);font-size:var(--text-sm);background:var(--secondary);color:var(--foreground);cursor:pointer;transition:background var(--connection-transition), color var(--connection-transition)}.creator-filters button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.creator-filters button:hover:not([aria-pressed=true]){background:var(--border-strong)}.creator-gallery{gap:var(--connection-space-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.creator-clip{min-width:0}.creator-clip-screen{width:100%;aspect-ratio:var(--connection-image-aspect);border-radius:var(--radius-lg);background:var(--secondary);cursor:pointer;display:block;position:relative;overflow:hidden}.creator-clip-screen video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.creator-play{bottom:var(--connection-space-sm);right:var(--connection-space-sm);width:var(--connection-control);height:var(--connection-control);border-radius:var(--radius-pill);color:var(--on-media);background:var(--connection-media-scrim);transition:transform var(--connection-transition) var(--connection-ease);place-items:center;display:grid;position:absolute}.connection-orbit .creator-clip-screen{box-shadow:var(--clip-float-shadow);transition:box-shadow var(--connection-transition) var(--connection-ease)}.connection-orbit:hover .creator-clip-screen,.connection-orbit:focus-within .creator-clip-screen{box-shadow:var(--clip-float-shadow-lifted)}.creator-clip-screen:hover .creator-play{transform:scale(1.1)}.creator-clip-compact .creator-play{width:var(--connection-space-md);height:var(--connection-space-md);top:var(--connection-space-xs);bottom:auto;right:var(--connection-space-xs)}.creator-clip-compact .creator-play svg{width:60%;height:60%}.creator-clip-views{bottom:var(--connection-space-xs);left:var(--connection-space-xs);padding:2px var(--connection-space-xs);border-radius:var(--radius-pill);background:var(--connection-media-scrim);color:var(--on-media);font-size:var(--text-3xs);font-weight:var(--font-weight-title);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1;position:absolute}.creator-caption{gap:var(--connection-space-sm);padding-block:var(--connection-space-sm);display:grid}.creator-video-dialog{max-width:min(calc(100% - var(--connection-space-lg)), var(--connection-dialog-width));gap:var(--connection-space-xs)}.creator-full-video{width:100%;max-height:var(--connection-dialog-video-height);margin-block:var(--connection-space-xs);border-radius:var(--radius-sm);background:var(--ink-band)}.paths-layout{gap:var(--connection-space-xl);margin-top:var(--connection-space-lg);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.paths-aside{top:var(--paths-sticky-top);gap:var(--connection-space-lg);flex-direction:column;display:flex;position:sticky}.paths-nav{flex-direction:column;display:flex}.paths-nav a{grid-template-columns:var(--paths-rail-width) 1fr;column-gap:var(--connection-space-md);padding-block:var(--connection-space-md);border-top:1px solid var(--connection-soft-border);color:var(--muted-foreground);transition:color var(--paths-state-transition) var(--connection-ease);display:grid;position:relative}.paths-nav a:before{content:"";left:0;top:var(--connection-space-md);bottom:var(--connection-space-md);width:var(--paths-rail-width);border-radius:var(--radius-pill);background:var(--connection-soft-border);position:absolute}.paths-nav a:hover,.paths-nav a[aria-current]{color:var(--foreground)}.paths-nav-mark{border-radius:var(--radius-pill);background:var(--foreground);transform-origin:top;width:100%;transition:transform var(--paths-state-transition) var(--connection-ease);display:block;position:relative;transform:scaleY(0)}.paths-nav a[aria-current] .paths-nav-mark{transform:scaleY(1)}.paths-nav-body{gap:var(--connection-space-xs);transition:transform var(--paths-state-transition) var(--connection-ease);display:grid;transform:translate(0)}.paths-nav a[aria-current] .paths-nav-body{transform:translateX(var(--paths-active-shift))}.paths-nav-name{font-size:var(--paths-nav-size);font-weight:var(--font-weight-title);letter-spacing:var(--tracking-tightest);line-height:var(--leading-heading)}.paths-nav-reveal{opacity:0;transition:grid-template-rows var(--paths-state-transition) var(--connection-ease), opacity var(--connection-transition) var(--connection-ease);grid-template-rows:0fr;display:grid}.paths-nav a[aria-current] .paths-nav-reveal{opacity:1;grid-template-rows:1fr}.paths-nav-summary{min-height:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--muted-foreground);overflow:hidden}@media (prefers-reduced-motion:reduce){.paths-nav a,.paths-nav-mark,.paths-nav-body,.paths-nav-reveal{transition-duration:.01ms}}.paths-track{gap:var(--connection-space-lg);display:grid}.path-panel{border-radius:var(--radius-lg);scroll-margin-top:var(--paths-sticky-top);display:grid;overflow:hidden}.path-copy{padding:var(--connection-space-xl);justify-items:start;gap:var(--connection-space-md);background:var(--ink-band);color:var(--ink-band-fg);display:grid}.path-copy h3{font-size:var(--connection-subtitle);line-height:var(--leading-heading);font-weight:var(--font-weight-title);text-wrap:balance}.path-copy>p{color:var(--on-media-muted);font-size:var(--text-body);line-height:var(--leading-relaxed)}.tie-strip{--mark-ground:var(--ink-band);--mark-ink:var(--ink-band-fg);inline-size:min(60rem, 100% - 2 * var(--gutter-page));padding:var(--connection-space-lg);border-radius:var(--radius-lg);background:var(--ink-band);color:var(--ink-band-fg);margin-inline:auto}.tie-strip-stage{align-items:center;gap:var(--connection-space-lg);grid-template-columns:minmax(0,4fr) minmax(0,8fr);display:grid}.tie-strip-stage svg{width:100%;display:block}.tie-strip-copy{gap:var(--connection-space-sm);max-width:var(--container-copy);display:grid}.tie-strip-copy h2{font-size:var(--connection-subtitle);font-weight:var(--font-weight-title);letter-spacing:var(--tracking-tightest);line-height:var(--leading-heading)}.tie-strip-copy p{font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--on-media-muted)}@media not (min-width:64rem){.tie-strip-stage{gap:var(--connection-space-md);grid-template-columns:minmax(0,1fr)}.tie-strip-stage svg{order:-1}}@media not (min-width:30rem){.tie-strip{padding:var(--connection-space-md)}}.voices{gap:var(--connection-space-lg);display:grid}.voice-lead{gap:var(--connection-space-md);max-width:var(--connection-faq-width);display:grid}.voice-lead blockquote{font-size:var(--voice-lead-size);font-weight:var(--font-weight-title);letter-spacing:var(--tracking-tightest);line-height:var(--leading-heading);text-wrap:balance}.voice-rest{gap:var(--connection-space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.voice-rest li{padding-top:var(--connection-space-md);border-top:1px solid var(--connection-soft-border)}.voice-rest blockquote{font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--muted-foreground)}.voices figcaption{align-items:center;gap:var(--connection-space-sm);margin-top:var(--connection-space-md);display:flex}.voices figcaption>span{display:grid}.voice-name{font-size:var(--text-sm);font-weight:var(--font-weight-title)}.voice-role{font-size:var(--text-xs);color:var(--muted-foreground)}@media not (min-width:48rem){.voice-rest{grid-template-columns:1fr}}@keyframes voice-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.voices{view-timeline-name:--voices}.voices>*{animation:linear both voice-in;animation-timeline:--voices}.voices>:first-child{animation-range:entry 8% entry 60%}.voices>:nth-child(2){animation-range:entry 18% entry 72%}.voices>:nth-child(3){animation-range:entry 28% entry 85%}}}.auth-facts{justify-content:center;gap:var(--connection-space-xs);margin-top:var(--connection-space-sm);flex-wrap:wrap;display:flex}.auth-facts li{min-height:calc(var(--spacing) * 7);padding-inline:var(--auth-fact-pad);border-radius:var(--radius-pill);background:var(--secondary);color:var(--muted-foreground);font-size:var(--text-xs);font-weight:var(--font-weight-body);align-items:center;display:inline-flex}.path-points{gap:var(--connection-space-xs);flex-wrap:wrap;display:flex}.path-points li{min-height:calc(var(--spacing) * 8);padding-inline:var(--path-badge-pad);border-radius:var(--radius-pill);background:var(--path-badge-surface);font-size:var(--text-sm);color:var(--on-media);align-items:center;display:inline-flex}.path-link,.path-copy [data-slot=button]{justify-content:center;align-items:center;gap:var(--connection-space-sm);min-height:var(--connection-control);padding-inline:var(--connection-space-md);background:var(--ink-band-fg);color:var(--ink-band);border-radius:var(--radius-pill);display:inline-flex}.path-copy [data-slot=button]:hover,.path-link:hover{background:color-mix(in oklab, var(--ink-band-fg) 88%, var(--ink-band))}@keyframes path-copy-settle{0%{opacity:0;filter:blur(3px);transform:scale(.98)}to{opacity:1;filter:blur();transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.path-copy{view-timeline-name:--path-card}.path-copy>*{animation:linear both path-copy-settle;animation-timeline:--path-card;animation-range:entry 10% entry 90%}.path-copy>:nth-child(2){animation-range:entry 18% entry 95%}.path-copy>:nth-child(3){animation-range:entry 26%}.path-copy>:nth-child(4){animation-range:entry 34% cover 5%}}}.connection-products{padding-top:var(--connection-space-lg)}.connection-products>p{color:var(--muted-foreground);font-size:var(--text-sm);margin-bottom:var(--connection-space-md)}.connection-products>div{gap:var(--connection-space-lg);flex-wrap:wrap;display:flex}.connection-products span{align-items:center;gap:var(--connection-space-xs);font-weight:var(--font-weight-body);display:inline-flex}.connection-products svg{color:var(--muted-foreground)}.connection-how{gap:var(--connection-space-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.connection-steps{display:grid}.connection-steps li{column-gap:var(--connection-space-lg);padding-block:var(--connection-space-md);border-top:1px solid var(--connection-soft-border);grid-template-columns:auto 1fr;align-items:start;display:grid}.connection-steps li:last-child{border-bottom:1px solid var(--connection-soft-border)}.connection-step-number{font-size:var(--connection-step-numeral);font-weight:var(--font-weight-title);line-height:inherit;letter-spacing:var(--tracking-tightest);color:var(--foreground);opacity:var(--connection-step-numeral-ink);font-variant-numeric:tabular-nums;transition:opacity var(--connection-transition) var(--connection-ease)}.connection-steps li:hover .connection-step-number{opacity:.5}.connection-steps h3{font-size:var(--text-lede);font-weight:var(--font-weight-title);margin-bottom:var(--connection-space-xs)}.connection-steps p{font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--muted-foreground)}@keyframes step-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.connection-steps li{animation:linear both step-in;animation-timeline:view();animation-range:entry 5% cover 30%}}}.connection-faq{gap:var(--connection-space-lg);max-width:var(--connection-faq-width);margin-inline:auto;display:grid}.faq-heading{text-align:center;align-items:center;max-width:none}.faq-heading>p:not(:first-child){max-width:none}.connection-questions{gap:var(--connection-space-sm)}.connection-questions [data-slot=accordion-item]{transition:background var(--connection-transition) var(--connection-ease);border-radius:var(--radius-lg);background:var(--secondary);border:0;overflow:hidden}.connection-questions [data-slot=accordion-trigger]{padding:var(--connection-space-md);background:0 0;border-radius:0}.connection-questions [data-slot=accordion-content]>div{padding-inline:var(--connection-space-md);padding-bottom:var(--connection-space-md)}.connection-close{background:var(--secondary);border-radius:var(--radius-lg);grid-template-columns:.7fr 1fr;display:grid;overflow:hidden}.connection-close-photo{min-height:var(--connection-panel-min);position:relative}.connection-close-copy{padding:var(--connection-space-xl);align-items:flex-start;gap:var(--connection-space-md);flex-direction:column;display:flex}.connection-close-copy p{color:var(--connection-muted-on-soft);line-height:var(--leading-relaxed)}@media not (min-width:64rem){.creator-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.path-copy,.connection-close-copy{padding:var(--connection-space-lg)}.connection-how{gap:var(--connection-space-lg)}.paths-layout{gap:var(--connection-space-lg);grid-template-columns:1fr}.paths-aside{position:static}.paths-nav{display:none}}@media not (min-width:48rem){.connection-actions{gap:var(--connection-space-sm)}.connection-actions>a{font-size:var(--text-sm)}.connection-stage{gap:var(--connection-space-sm);grid-template-columns:repeat(4,minmax(0,1fr));padding-block:0;padding-inline:0;display:grid}.connection-hero-copy{margin-bottom:var(--connection-space-lg);grid-column:1/-1}.connection-orbit{order:1;width:auto;position:static}.connection-platform-list{gap:var(--connection-space-md);grid-template-columns:1fr 1fr;justify-items:center;display:grid}.connection-platform-list>span{font-size:var(--text-body)}.connection-platform-list svg{width:var(--connection-space-md);height:var(--connection-space-md)}.connection-platforms{padding-block:var(--connection-space-lg)}.creator-toolbar{align-items:flex-start}.creator-toolbar>span{display:none}.creator-filters{gap:var(--connection-space-xs)}.creator-filters button{padding-inline:var(--connection-space-sm)}.connection-how,.connection-close{grid-template-columns:1fr}.connection-close-photo{min-height:0;aspect-ratio:var(--connection-image-aspect)}.path-copy,.connection-close-copy{padding:var(--connection-space-md)}.connection-products>div{gap:var(--connection-space-md);font-size:var(--text-sm);grid-template-columns:1fr 1fr;display:grid}}@media not (min-width:40rem){.creator-gallery{grid-template-columns:none;grid-auto-columns:var(--connection-gallery-mobile);gap:var(--connection-space-sm);scroll-snap-type:x mandatory;padding-bottom:var(--connection-space-sm);grid-auto-flow:column;overflow-x:auto}.creator-gallery>figure{scroll-snap-align:start}}.landing-warm [data-slot=card].card-bleed{padding-block:0;padding-inline:0}.range-track::-webkit-slider-thumb{appearance:none;background:var(--range-fill);border:3px solid var(--card);cursor:grab;border-radius:9999px;width:20px;height:20px;box-shadow:0 1px 3px #00000040}.range-track::-webkit-slider-thumb:active{cursor:grabbing}.range-track::-moz-range-thumb{background:var(--range-fill);border:3px solid var(--card);cursor:grab;border-radius:9999px;width:20px;height:20px;box-shadow:0 1px 3px #00000040}.panel-ink{background:var(--primary);color:var(--primary-foreground);--action:var(--primary-foreground);--action-ink:var(--primary);--rule:color-mix(in oklab, var(--primary-foreground) 14%, transparent);--ink-muted:color-mix(in oklab, var(--primary-foreground) 72%, transparent);--ink-dim:color-mix(in oklab, var(--primary-foreground) 58%, transparent)}.panel-ink .panel-rule{border-color:var(--rule)}.panel-ink .panel-muted{color:var(--ink-muted)}.panel-ink .panel-dim{color:var(--ink-dim)}.panel-ink .panel-accent{color:var(--ink-band-fg)}.btn-action:hover{filter:brightness(.94)}.btn-action:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.btn-action:disabled:hover{filter:none}:root{--range-fill:var(--brand)}.tile{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-action);padding:.625rem .75rem}.panel-ink .tile{background:color-mix(in oklab, var(--primary-foreground) 7%, transparent);border-color:color-mix(in oklab, var(--primary-foreground) 12%, transparent)}.figure-accent{color:var(--brand)}.panel-ink .figure-accent{color:var(--ink-band-fg)}.connection-hero-line-mask{display:block;overflow:clip}.connection-hero-line{display:inline-block}.connection-motion-active .connection-orbit{transition:none}.connection-page :is(.connection-steps li,.path-copy>*,.voices>*,.stat-cell){animation:none}@media (prefers-reduced-motion:no-preference) and (hover:hover){.connection-page .creator-clip-screen img{transition:scale var(--connection-transition) var(--connection-ease)}.connection-page .creator-clip-screen:is(:hover,:focus-visible) img{scale:var(--landing-motion-hover-scale)}.connection-page :is(.path-link,.connection-actions button,.connection-heading button,.connection-text-link) svg{transition:translate var(--connection-transition) var(--connection-ease)}.connection-page :is(.path-link,.connection-actions button,.connection-heading button,.connection-text-link):is(:hover,:focus-visible) svg{translate:var(--landing-motion-arrow-travel) 0}}@keyframes connection-hero-arrive{0%{translate:0 var(--landing-motion-hero-travel)}to{translate:0}}@media (prefers-reduced-motion:no-preference){.connection-hero-line,.connection-hero-copy>p,.connection-actions{animation:connection-hero-arrive var(--landing-motion-hero-duration) var(--connection-ease) both}}