.collab-frame{width:min(1280px,100% - 4rem);margin-inline:auto}.collab-hero{background:linear-gradient(145deg, var(--canvas), var(--surface-case));padding-block:clamp(3rem,6vw,6rem)}.collab-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.collab-cap{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-ink);margin:0 0 1.1rem;font-size:.78rem;font-weight:700}.collab-hero h1{font:480 clamp(2.5rem, 4.6vw, 4.6rem)/1.09 var(--font-display);letter-spacing:-.035em;margin:0 0 1.5rem}.collab-lede{font-size:var(--t-lede);max-width:53ch;line-height:1.65}.collab-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1.8rem;display:flex}.collab-link{text-underline-offset:5px;align-items:center;gap:.6rem;min-height:44px;text-decoration:underline;display:inline-flex}.collab-hero-proof{background:var(--field-moss);color:var(--surface-case);border-radius:3px 3px 2.5rem;margin:0;padding:1.1rem;box-shadow:0 16px 40px oklch(24.14% .0126 135.1/.13)}.collab-proof-caption{font:500 .72rem/1.5 var(--font-body);letter-spacing:.07em;justify-content:space-between;gap:.7rem;padding:.25rem .35rem 1rem;display:flex}.collab-hero-proof img{border:1px solid var(--line-light);width:100%;height:auto;display:block}.collab-hero-proof figcaption{padding:1.1rem .5rem .3rem}.collab-hero-proof strong{font:480 1.75rem/1.2 var(--font-display)}.collab-hero-proof p{margin:.6rem 0 .25rem;font-size:.95rem;line-height:1.55}.collab-hero-proof a{color:inherit}.collab-hero-proof .collab-link{font-size:.9rem}.collab-section{padding-block:clamp(2.5rem,5vw,4.5rem)}.collab-section h2{font:480 clamp(1.9rem, 3vw, 3rem)/1.15 var(--font-display);letter-spacing:-.02em;margin:0 0 1.2rem}.collab-section h3{font:500 1.5rem/1.25 var(--font-display);margin:0}.collab-section p{line-height:1.65}.collab-section-head{margin-bottom:2rem}.collab-tech-heading{grid-template-columns:1fr 1fr;align-items:end;gap:1rem 4rem;display:grid}.collab-tech-heading>p{max-width:60ch;color:var(--muted-ink);margin:0 0 1.2rem}.collab-ways{margin:0;padding:0;list-style:none}.collab-ways li{border-top:1px solid var(--line);grid-template-columns:3rem 1fr 1.7fr;align-items:baseline;gap:1.5rem;padding-block:1.8rem;display:grid}.collab-index{color:var(--action);font:500 .85rem/1.4 ui-monospace,monospace}.collab-ways p{max-width:65ch;margin:0}.collab-tech{background:var(--surface-case);border-block:1px solid var(--line)}.collab-tech technical-showcase{display:block}.collab-tech [hidden]{display:none!important}.demo-controls{flex-wrap:wrap;justify-content:space-between;gap:.9rem;margin-bottom:1.15rem;display:flex}.demo-control-group{border:1px solid var(--line);border-radius:4px;flex-wrap:wrap;gap:.3rem;padding:.3rem;display:flex}.demo-control-group button,.demo-secondary{appearance:none;font:600 .92rem/1.35 var(--font-body);color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;min-height:44px;padding:.65rem .9rem;transition:background .12s,color .12s}.demo-control-group button[aria-pressed=true]{color:var(--surface-case);background:var(--field-moss)}.demo-control-group button span{margin-left:.4rem;font:.72rem/1.4 ui-monospace,monospace}.demo-control-group button:hover:not([aria-pressed=true]),.demo-secondary:hover{background:var(--canvas)}.demo-workbench{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:1.5rem;display:grid}.demo-window{background:var(--field-moss);border-radius:6px;min-width:0;padding:.65rem}.demo-window-bar{color:var(--surface-case);flex-wrap:wrap;justify-content:space-between;gap:.8rem;padding:.45rem .4rem 1rem;font-size:.72rem;display:flex}.demo-lights{letter-spacing:.18em;opacity:.6}.demo-stage{background:#232b21;width:100%;position:relative;overflow:hidden}.demo-stage img{width:100%;height:auto;display:block}.demo-stage iframe{transform-origin:0 0;background:var(--canvas);border:0;position:absolute;top:0}.demo-runtime-controls{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.9rem .3rem .25rem;display:flex}.demo-runtime-controls .e2-btn{box-shadow:none;margin:0}.demo-runtime-controls .demo-secondary{color:var(--surface-case);border-color:var(--line-light)}.demo-runtime-controls .demo-secondary:hover{background:#ffffff1a}.demo-runtime-controls button:disabled{cursor:default;opacity:.65}.demo-runtime-controls p,.demo-poster-note{color:var(--surface-case);flex-basis:100%;margin:.4rem 0 .15rem;font-size:.82rem;line-height:1.5}.demo-notes{padding:.8rem .2rem .8rem .6rem}.demo-notes h3{font-size:1.65rem}.demo-notes p{font-size:.95rem}.demo-notes ul{padding-left:1.1rem;font-size:.9rem}.demo-notes li{border-bottom:1px solid var(--line);padding-block:.6rem;line-height:1.6}.demo-notes article+article{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.5rem}.demo-notes article[hidden]+article{border-top:0;margin-top:0;padding-top:0}.demo-notes .collab-link{font-size:.94rem}.collab-engineering{margin-top:2.6rem}.collab-engineering>h3{margin-bottom:1.3rem}.collab-engineering details{border-top:1px solid var(--line)}.collab-engineering details:last-child{border-bottom:1px solid var(--line)}.collab-engineering summary{cursor:pointer;align-items:baseline;gap:1rem;padding:1.2rem .2rem;font-size:1.08rem;font-weight:600;list-style:none;display:flex}.collab-engineering summary::-webkit-details-marker{display:none}.collab-engineering .code-toggle{color:var(--action);margin-left:auto}.collab-engineering details[open] .code-toggle{transform:rotate(45deg)}.engineering-detail{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1.5rem;padding-block:.2rem 1.5rem;display:grid}.engineering-detail p{max-width:60ch;margin-top:0}.engineering-detail figure{background:var(--ink);min-width:0;color:var(--surface-case);border-radius:4px;margin:0}.engineering-detail figcaption{border-bottom:1px solid var(--line-light);padding:.75rem 1rem;font-size:.76rem}.engineering-detail pre{tab-size:2;max-width:100%;margin:0;padding:1rem;font:.8rem/1.65 ui-monospace,Consolas,monospace;overflow:auto}.collab-delivery{background:var(--canvas);border:1px solid var(--line);margin-top:2.2rem;padding:2rem}.collab-delivery>ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.8rem;margin:1.8rem 0 0;padding:0;list-style:none;display:grid}.collab-delivery li>span{border-bottom:1px solid var(--line);color:var(--action);padding-bottom:.7rem;font:.85rem/1.4 ui-monospace,monospace;display:block}.collab-delivery h4{margin:1rem 0 .5rem;font-size:1rem}.collab-delivery li p{margin:0;font-size:.94rem}.collab-delivery .collab-handover{border-top:1px solid var(--line);margin:1.6rem 0 0;padding-top:1.3rem;font-size:.94rem}.collab-contact{background:linear-gradient(150deg, var(--canvas), var(--surface-case));border-top:1px solid var(--line)}.collab-contact-grid{grid-template-columns:1fr 1.3fr;gap:clamp(2rem,6vw,6rem);display:grid}.collab-address{color:var(--action);text-underline-offset:5px;overflow-wrap:anywhere;padding-block:.65rem;font-size:clamp(1.15rem,2.2vw,1.7rem);display:inline-block}.collab-letter{border:1px solid var(--line);background:var(--surface-case);padding:clamp(1.3rem,3vw,2.5rem);box-shadow:0 10px 30px oklch(24.14% .0126 135.1/.05)}.collab-letter ol{margin-block:1.3rem;padding-left:1.3rem}.collab-letter li{border-bottom:1px dashed var(--line);padding:.6rem 0 .6rem .3rem;line-height:1.5}.collab-section .collab-small{color:var(--muted-ink);font-size:.9rem}.collab-venue{border-top:1px solid var(--line);color:var(--muted-ink);padding-block:1.5rem}.collab-venue p{max-width:85ch;font-size:.95rem;line-height:1.6}#discuss,#technical-demo{scroll-margin-top:2rem}@media (width<=1000px){.demo-workbench{grid-template-columns:minmax(0,1fr)}.demo-notes{padding:.5rem}.demo-notes ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.collab-delivery>ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.collab-hero-grid,.collab-contact-grid,.collab-tech-heading,.engineering-detail{grid-template-columns:minmax(0,1fr)}.collab-hero h1{max-width:18ch}.collab-ways li{grid-template-columns:2rem minmax(0,1fr);gap:.6rem 1rem}.collab-ways p{grid-column:2}.demo-notes ul{display:block}}@media (width<=480px){.collab-frame{width:calc(100% - 2rem)}.collab-actions{flex-direction:column;align-items:flex-start}.collab-hero-proof{padding:.7rem}.demo-control-group{width:100%}.demo-control-group button{flex:auto;padding-inline:.6rem}.demo-window-bar{column-gap:.4rem}.demo-lights{display:none}.collab-delivery{padding:1.3rem}.collab-delivery>ol{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.collab-tech *,.collab-tech :before,.collab-tech :after{transition:none!important;animation:none!important}}
