.collab-page{--collab-line:var(--border)}.collab-page [id]{scroll-margin-top:115px}.collab-hero{grid-template-columns:minmax(0,1.23fr) minmax(0,1fr);align-items:center;gap:clamp(35px,7vw,112px);min-height:min(820px,100svh);padding-block:145px 80px;display:grid}.collab-page .eyebrow{color:var(--primary)}.collab-hero h1{letter-spacing:-.071em;text-wrap:initial;max-width:12ch;margin-top:20px;font-size:clamp(3rem,5.8vw,6.5rem);font-weight:650;line-height:.99}.collab-hero h1 span,.collab-end h2 span{color:var(--primary)}.collab-hero-copy>p:not(.eyebrow),.collab-heading>p:not(.eyebrow){max-width:49ch;color:var(--muted-foreground);margin:22px 0;font-size:clamp(.98rem,1.45vw,1.17rem);line-height:1.7}.collab-hero-copy>a{margin-top:8px}.collab-hero-art{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius);min-width:0;padding:clamp(14px,2.1vw,30px)}.collab-art-label{margin-bottom:16px}.collab-section{border-top:1px solid var(--collab-line);padding-block:clamp(60px,8vw,116px)}.collab-heading h2,.collab-end h2{letter-spacing:-.062em;text-wrap:initial;margin:12px 0 26px;font-size:clamp(2.35rem,5vw,5.4rem);font-weight:600;line-height:1.02}.collab-timeline{grid-template-columns:minmax(155px,.28fr) minmax(0,1fr);gap:clamp(30px,6vw,100px);margin-top:45px;display:grid}.collab-step-nav{align-self:start;position:sticky;top:115px}.collab-step-nav p{margin-bottom:14px}.collab-step-nav a{border-bottom:1px solid var(--border);min-height:44px;color:var(--muted-foreground);grid-template-columns:30px 1fr 15px;align-items:center;gap:8px;padding:6px 8px;font-size:.9rem;display:grid}.collab-step-nav a span{font-family:var(--font-mono);font-size:.72rem}.collab-step-nav a:is(:hover,[aria-current]){color:var(--primary);background:var(--surface)}.collab-steps{padding-left:32px;position:relative}.collab-steps:before,.collab-steps:after{content:"";background:var(--border);width:1px;height:100%;position:absolute;top:0;left:6px}.collab-steps:after{height:var(--collab-fill,0%);background:var(--primary)}.collab-step{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(110px,.42fr);align-items:center;gap:20px;min-height:225px;padding:27px 0;display:grid;position:relative}.collab-step:first-child{border-top:1px solid var(--border)}.collab-step-dot{z-index:1;border:1px solid var(--input);background:var(--background);border-radius:50%;width:9px;height:9px;position:absolute;top:0;left:-30px}.collab-step[data-active=true] .collab-step-dot{border-color:var(--primary);background:var(--primary)}.collab-step h3{margin:6px 0 10px;font-size:clamp(1.55rem,3vw,2.5rem);font-weight:600;line-height:1.12;transition:color .24s}.collab-step:not([data-active=true]) .eyebrow{color:var(--muted-foreground)}.collab-step[data-active=true] h3{color:var(--primary)}.collab-step p:not(.eyebrow),.collab-host-detail,.collab-rates-note{color:var(--muted-foreground);font-size:.93rem;line-height:1.65}.collab-step ul,.collab-care-strip ul{flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:.77rem;display:flex}.collab-step ul li{border-bottom:1px solid var(--border);padding-bottom:3px}.collab-host-diagram{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(15px,3vw,35px)}.collab-host-nodes{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.collab-host-nodes li{align-items:center;min-width:0;display:flex}.collab-host-nodes button{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex:1;align-items:center;gap:12px;min-height:72px;padding:10px 12px;font-size:clamp(.83rem,1.4vw,1.05rem);transition:border-color .2s;display:flex}.collab-host-nodes button:is(:hover,[aria-pressed=true]){border-color:var(--primary)}.collab-host-nodes button svg,.collab-host-edge,.collab-care-strip svg{color:var(--primary);flex:none}.collab-host-nodes button small{font-family:var(--font-mono);color:var(--muted-foreground);letter-spacing:.1em;margin-bottom:4px;display:block}.collab-host-edge{place-items:center;width:clamp(24px,5vw,72px);display:grid;position:relative}.collab-host-edge:before{content:"";background:var(--border);height:1px;position:absolute;inset-inline:0}.collab-host-edge svg{background:var(--surface-2);position:relative}.collab-host-detail{min-height:3.4em;margin-top:20px;font-size:1rem}.collab-host-detail strong,.collab-rates-note strong{color:var(--foreground)}.collab-care-strip{align-items:start;gap:12px;padding-top:24px;display:flex}.collab-care-strip h3{font-size:1.16rem}.collab-care-strip ul li{color:var(--muted-foreground);align-items:center;gap:5px;display:flex}.collab-care-strip p{margin-top:12px}.collab-care-strip a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.collab-rates{border-block:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));margin:26px 0 14px;display:grid}.collab-rates>div{border-left:1px solid var(--border);padding:20px clamp(14px,3vw,36px)}.collab-rates>div:last-child{border-right:1px solid var(--border)}.collab-rates dt{font-family:var(--font-mono);color:var(--muted-foreground);font-size:.81rem}.collab-rates dd{color:var(--primary);letter-spacing:-.04em;margin-top:5px;font-size:clamp(1.35rem,3vw,2.5rem);font-weight:650}.collab-end{background:var(--surface);border-top:1px solid var(--border);padding-block:clamp(60px,10vw,140px)}.collab-end h2{max-width:15ch}@media (width<=850px){.collab-hero{min-height:0}.collab-timeline{grid-template-columns:minmax(115px,.24fr) minmax(0,1fr);gap:24px}}@media (width<=767px){.collab-hero,.collab-timeline{grid-template-columns:minmax(0,1fr)}.collab-hero{padding-block:120px 50px}.collab-hero h1{font-size:clamp(2.75rem,9vw,4.2rem)}.collab-step-nav{display:none}.collab-step{min-height:0}}@media (width<=520px){.collab-step{grid-template-columns:minmax(0,1fr);gap:14px}.collab-host-nodes{grid-template-columns:minmax(0,1fr)}.collab-host-nodes li{flex-direction:column;align-items:stretch}.collab-host-nodes button{min-height:60px}.collab-host-edge{width:auto;height:25px}.collab-host-edge:before{inset:0 auto;width:1px;height:auto;left:50%}.collab-host-edge svg{rotate:90deg}.collab-rates{grid-template-columns:minmax(0,1fr)}.collab-rates>div{border-inline:0;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.collab-rates>div:last-child{border-right:0}.collab-rates>div+div{border-top:1px solid var(--border)}.collab-end a{white-space:normal;height:auto;min-height:48px}}@media (prefers-reduced-motion:reduce){.collab-page *,.collab-page :before,.collab-page :after{transition:none!important;animation:none!important}}@keyframes collab-appear{0%{opacity:0;transform:translateY(7px)}}@keyframes collab-grow{0%{transform:scaleX(0)}}@keyframes collab-type{0%{clip-path:inset(0 100% 0 0);opacity:.3}}.collab-hero h1{max-width:none}.collab-hero h1>span{display:block}.collab-art-label{justify-content:space-between;gap:8px;margin-bottom:16px;display:flex}.assembly-window{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);overflow:hidden}.assembly-chrome{border-bottom:1px solid var(--border);align-items:center;gap:5px;padding:8px;display:flex}.assembly-chrome i{background:var(--input);border-radius:50%;width:5px;height:5px}.assembly-chrome span{font:.65rem var(--font-mono);color:var(--muted-foreground);margin-inline:auto}.assembly-window[data-phase="1"] .assembly-chrome span{opacity:0}.assembly-controls,.host-controls,.recap-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.assembly-controls{margin-top:12px}.assembly-controls button,.host-controls button,.recap-top button{min-height:44px;color:var(--muted-foreground);cursor:pointer;align-items:center;gap:6px;padding:5px 8px;font-size:.78rem;display:inline-flex}.assembly-controls button:is(:hover,[aria-pressed=true]),.host-controls button:hover,.recap-top button:hover{color:var(--primary)}.assembly-controls button[aria-pressed=true]{box-shadow:inset 0 -1px var(--primary)}.assembly-controls button:disabled,.host-controls button:disabled,.recap-top button:disabled{opacity:.45;cursor:default}.step-visual{color:var(--foreground);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);align-content:center;gap:8px;min-height:142px;padding:12px;display:grid}.step-visual small{font:.57rem var(--font-mono);letter-spacing:.08em;color:var(--muted-foreground)}.step-visual svg{color:var(--primary);flex:none}.step-visual-gate[data-run=true] .show{animation:.45s both collab-appear;animation-delay:var(--delay,0s)}.step-visual .show:nth-child(2){--delay:.22s}.step-visual .show:nth-child(3){--delay:.45s}.step-visual .show:nth-child(4){--delay:.7s}.brief-bubble{background:var(--surface);border-radius:5px 5px 5px 0;width:max-content;max-width:95%;padding:5px 6px;font-size:.64rem}.brief-bubble.reply{border:1px solid var(--input);border-radius:5px 5px 0;justify-self:end}.brief-list,.care-status,.design-palette,.launch-status{flex-wrap:wrap;gap:5px;font-size:.59rem;display:flex}.brief-list span,.care-status span,.launch-status{align-items:center;gap:3px;display:flex}.design-board{grid-template-columns:.55fr 1fr;gap:5px;display:grid}.design-board>div{background:var(--surface);border:1px solid var(--border);padding:6px}.design-tile b{font-size:1.4rem;display:block}.design-layout{grid-template-columns:1fr .7fr;align-items:center;gap:4px;font-size:.77rem;display:grid}.design-layout i:first-child{grid-column:span 2}.design-layout i{background:var(--input);height:4px}.design-layout span{background:var(--primary);border-radius:0 60% 60%;height:23px}.design-palette{align-items:center}.design-palette i:nth-child(4){background:var(--secondary);border:1px solid var(--border)}.build-split{grid-template-columns:1fr 1fr;gap:7px;display:grid}.build-code{color:var(--primary);gap:4px;font-size:.58rem;display:grid}.build-code code{white-space:pre}.step-visual-gate[data-run=true] .build-code code{animation:.45s steps(10,end) both collab-type}.build-code code:nth-child(2){animation-delay:.25s!important}.build-code code:nth-child(3){animation-delay:.5s!important}.build-code code:nth-child(4){animation-delay:.75s!important}.build-devices{min-height:60px;position:relative}.build-screen,.build-phone{background:var(--surface);border:1px solid var(--input);align-content:center;gap:3px;padding:5px;font-size:.53rem;display:grid;position:absolute;inset:0 7px 6px 0}.build-phone{background:var(--background);width:42%;inset:10px 0 0 auto}.build-devices i,.build-devices span{background:var(--input);width:75%;height:3px;display:block}.build-devices span{background:var(--primary);width:45%}.step-visual-gate[data-run=true] .build-screen{animation:.5s .55s both collab-appear}.step-visual-gate[data-run=true] .build-phone{animation:.5s 1.15s both collab-appear}.launch-nodes{justify-content:space-between;align-items:center;gap:4px;display:flex}.launch-nodes svg{width:19px}.launch-meter{background:var(--border);height:3px;overflow:hidden}.launch-meter i{background:var(--primary);transform-origin:0;width:100%;height:100%;display:block}.step-visual-gate[data-run=true] .launch-meter i{animation:1.2s .2s both collab-grow}.step-visual-gate[data-run=true] .launch-status.show{animation-delay:1.35s}.care-chart{align-items:center;gap:7px;display:flex}.care-chart svg:first-child{fill:none;width:100%;min-width:0;stroke:var(--border);flex:1}.care-chart polyline{stroke:var(--primary);stroke-width:2px}.step-visual-gate[data-run=true] .care-chart polyline{animation:1.1s ease-out both collab-type}.host-controls{margin-bottom:12px}.collab-host-edge i{background:var(--primary);opacity:0;border-radius:50%;width:5px;height:5px;position:absolute}.collab-host-diagram[data-run=true] .collab-host-edge[data-flow=true] i{animation:1.2s linear infinite host-pulse}@keyframes host-pulse{0%{opacity:0;transform:translate(-16px)}25%,75%{opacity:1}to{opacity:0;transform:translate(16px)}}.collab-host-diagram[data-complete=true] .collab-host-edge:before{background:var(--primary)}.collab-host-diagram[data-complete=true] .collab-host-nodes button{border-color:var(--primary)}.collab-host-detail p{animation:.32s both collab-appear}.host-status{font:.73rem var(--font-mono);align-items:center;gap:6px;margin-top:10px;display:flex}.host-status[data-ready=true]{color:var(--primary)}.collab-recap{border-block:1px solid var(--border);margin-bottom:clamp(35px,6vw,72px);padding-block:12px 20px}.recap-track{text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:12px;display:grid;position:relative}.recap-track:before{content:"";background:var(--primary);transform-origin:0;top:11px;height:1px;position:absolute;inset-inline:10%}.recap-track li{justify-items:center;gap:7px;font-size:clamp(.62rem,1.4vw,.85rem);display:grid}.recap-track li svg{color:var(--primary);background:var(--surface);position:relative}.collab-recap[data-run=true] .recap-track:before{animation:1.65s both collab-grow}.collab-recap[data-run=true] .recap-track li{animation:.38s both collab-appear}.recap-track li:nth-child(2){animation-delay:.3s!important}.recap-track li:nth-child(3){animation-delay:.6s!important}.recap-track li:nth-child(4){animation-delay:.9s!important}.recap-track li:nth-child(5){animation-delay:1.25s!important}.collab-end:has(.collab-recap[data-run=true]) h2{animation:.6s 1.45s both collab-appear}.collab-help-link{margin:10px 0 0 8px}@media (width<=520px){.step-visual-gate{width:100%;max-width:320px}.collab-help-link{margin-left:0}@keyframes host-pulse{0%{opacity:0;transform:translateY(-11px)}25%,75%{opacity:1}to{opacity:0;transform:translateY(11px)}}}.recap-track li{position:relative}.recap-signal{z-index:1;background:var(--primary);opacity:0;border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:50%}.collab-recap[data-run=true] .recap-signal{animation:.42s ease-out both recap-signal}.recap-track li:nth-child(2) .recap-signal{animation-delay:.38s!important}.recap-track li:nth-child(3) .recap-signal{animation-delay:.75s!important}.recap-track li:nth-child(4) .recap-signal{animation-delay:1.1s!important}@keyframes recap-signal{15%{opacity:1}80%{opacity:1}to{transform:translateX(calc(var(--recap-width,17vw) - 10px));opacity:0}}.recap-track{--recap-width:20cqw;container-type:inline-size}.assembly{container-type:inline-size}.assembly-chrome>span{align-items:center;gap:5px;display:flex}.collab-art-label span:last-child{color:var(--muted-foreground);text-align:right}.story-stage{isolation:isolate;aspect-ratio:480/348;background:var(--surface-2);position:relative;overflow:hidden}.story-stage:before{content:"";opacity:0;background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);transition:opacity var(--motion-scene) var(--ease-out);background-size:6.25% 8.33%;position:absolute;inset:0}.story-wire,.story-site{width:100%;height:100%;transition:opacity var(--motion-scene) var(--ease-out),transform var(--motion-scene) var(--ease-out);position:absolute;inset:0}.story-wire{color:var(--muted-foreground);opacity:0;transform:scale(1.05)}.story-wire path{stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;fill:none;stroke-dasharray:1;animation:story-draw .76s var(--ease-out) both;animation-play-state:paused}.story-wire path:nth-child(2){animation-delay:.18s}.story-wire path:nth-child(3){animation-delay:.37s}.story-wire text{fill:var(--primary);font:9px var(--font-mono)}.assembly[data-run=true] .story-wire path{animation-play-state:running}@keyframes story-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.story-site{background:var(--background);transform-origin:55% 45%;grid-template-rows:auto 1fr auto;gap:6%;padding:5%;display:grid}.story-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:3%;display:flex}.story-nav strong{letter-spacing:-.085em;font-size:clamp(14px,6cqw,34px);line-height:1}.story-nav strong span{color:var(--primary)}.story-nav>span{word-spacing:.45em;font-size:clamp(5px,2cqw,12px)}.story-nav b{font-weight:inherit;color:var(--muted-foreground)}.story-feature{grid-template-columns:.93fr 1fr;align-items:center;gap:5%;min-height:0;display:grid;position:relative}.story-copy{z-index:1;transition:transform var(--motion-scene) var(--ease-out);position:relative}.story-copy small{color:var(--primary);font:clamp(5px,1.65cqw,10px) var(--font-mono);letter-spacing:.055em;margin-bottom:6%;display:block}.story-copy strong{letter-spacing:-.09em;font-size:clamp(16px,9.2cqw,50px);font-weight:650;line-height:.92;display:block}.story-copy p{color:var(--muted-foreground);margin-block:7%;font-size:clamp(5px,2.1cqw,12px)}.story-copy>span{background:var(--primary);color:var(--primary-foreground);transition:opacity .4s,transform var(--motion-scene) var(--ease-out);align-items:center;gap:4px;padding:4% 5.5%;font-size:clamp(5px,1.85cqw,11px);font-weight:650;display:inline-flex}.story-copy>span svg{width:1em;height:1em}.story-image{background:var(--surface);transform-origin:50%;min-width:0;height:100%;transition:transform var(--motion-scene) var(--ease-out);position:relative;overflow:hidden}.story-image svg{object-fit:cover;object-position:72% 50%;width:100%;height:100%;transition:transform .85s var(--ease-out),opacity .45s var(--ease-out)}.story-image>span{background:var(--background);font:clamp(5px,1.7cqw,10px) var(--font-mono);padding:5%;position:absolute;inset:auto 0 0 auto}.story-footer{border-top:1px solid var(--border);font:clamp(5px,1.7cqw,10px) var(--font-mono);color:var(--muted-foreground);transition:transform var(--motion-scene) var(--ease-out),opacity .4s;justify-content:space-between;gap:2%;padding-top:3%;display:flex}.story-spec{z-index:2;color:var(--foreground);background:var(--surface-2);border:1px solid var(--border);font:clamp(5px,1.7cqw,10px) var(--font-mono);transition:transform var(--motion-scene) var(--ease-out),opacity .4s;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;inset:auto 0 4% auto}.story-spec i{background:var(--primary);width:9px;height:9px}.story-spec i:nth-last-child(2){background:var(--foreground)}.story-spec i:last-child{background:var(--input)}.assembly-window[data-phase="0"] .story-stage:before{opacity:.45}.assembly-window[data-phase="0"] .story-wire{opacity:1;transform:none}.assembly-window[data-phase="0"] .story-site{opacity:0;transform:scale(.92)translateY(4%)}.assembly-window[data-phase="1"] .story-stage:before{opacity:.33}.assembly-window[data-phase="1"] .story-site{box-shadow:0 0 0 1px var(--input);transform:scale(.92)}.assembly-window[data-phase="1"] .story-image{transform:scale(.91)translate(3%)}.assembly-window[data-phase="1"] .story-image svg{opacity:.85;transform:scale(1.12)}.assembly-window[data-phase="1"] .story-copy>span,.assembly-window[data-phase="1"] .story-footer{opacity:.42;transform:translateY(5px)}.assembly-window[data-phase="2"] .story-spec{opacity:0;transform:translateY(10px)}.story-phases{flex:160px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.story-phases:before{content:"";background:var(--primary);width:33.33%;height:1px;transform:translateX(var(--phase-x,0%));transition:transform var(--motion-scene) var(--ease-out);position:absolute;bottom:0;left:0}.story-phases[data-index="1"]{--phase-x:100%}.story-phases[data-index="2"]{--phase-x:200%}.story-phases button{justify-content:center;padding-inline:3px}.story-phases button[aria-pressed=true]{box-shadow:none}.story-clock{background:var(--border);height:2px;margin-top:9px}.story-clock i{background:var(--primary);transform-origin:0;height:100%;animation:2.65s linear both paused story-clock;display:block}.assembly[data-run=true] .story-clock i{animation-play-state:running}.story-clock i[data-end=true]{animation:none}@keyframes story-clock{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.story-wire path{animation:none}.story-clock i:not([data-end=true]){visibility:hidden}}.assembly:not([data-run=true]) .story-wire path{stroke-dashoffset:0}.assembly-window[data-phase="2"] .story-footer{transition-delay:.12s}.assembly-window[data-phase="2"] .story-copy>span{transition-delay:70ms}.assembly-controls>button{justify-content:center;min-width:44px}@media (width<=460px){.assembly-controls button{font-size:.7rem}.assembly-controls>button{padding-inline:5px}}.step-visual-gate,.step-visual>*{min-width:0}.brief-bubble{overflow-wrap:anywhere;width:fit-content;max-width:100%}.brief-bubble.reply{text-align:right}@media (width>=768px) and (width<=850px){.collab-hero{grid-template-columns:minmax(0,1fr);gap:34px;padding-block:125px 60px}.collab-hero h1{max-width:13ch;font-size:clamp(3rem,7vw,4.15rem)}.collab-hero-art{width:min(100%,560px)}.collab-step{grid-template-columns:minmax(0,1fr) minmax(150px,.52fr)}}.assembly[data-manual=true] .story-wire path{stroke-dashoffset:0;animation:none}.collab-hero h1{font-size:clamp(2.75rem,5.6vw,6.2rem)}.collab-hero h1>span,.collab-end h2>span{color:var(--studio-subtle)}.collab-hero-art,.collab-host-diagram{border-radius:var(--studio-radius);border-color:var(--studio-line);background:var(--studio-deep)}.collab-step-art,.step-visual{border-color:var(--studio-line)}.step-visual{border-radius:var(--radius-control);background:var(--studio-deep)}.collab-end{background:var(--studio-raised)}@media (width<=767px){.collab-hero h1{font-size:clamp(2.15rem,9vw,4.2rem)}}.collab-step[data-active=true] .step-visual{border-color:var(--studio-line)}.collab-step[data-active=true] .step-visual>small:first-child{color:var(--studio-subtle)}.collab-host-nodes button[aria-pressed=true]{background:var(--studio-raised)}.collab-step-nav a[aria-current=step]{box-shadow:inset 2px 0 var(--primary)}@media (width<=767px){.collab-hero{gap:26px;padding-bottom:40px}.collab-hero h1{max-width:15ch}.collab-section{padding-block:clamp(36px,10vw,60px)}.collab-step{padding-block:20px}.step-visual-gate{max-width:260px}.collab-host-detail{min-height:0}}