/* Agents Coworking site — one stylesheet. Base rules first, then one block per breakpoint. Canon tokens only. */
@import url('design-assets/tokens.css');
@font-face{font-family:Mulish;src:url('design-assets/Mulish-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Mulish;src:url('design-assets/Mulish-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Mulish;src:url('design-assets/Mulish-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:auto;scroll-padding-top:var(--space-7)}
body{margin:0;background:var(--bg);color:var(--text);font:400 var(--type-1)/var(--leading-body) var(--font);-webkit-font-smoothing:antialiased}
.wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
h1,h2,h3{color:var(--ink);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);margin:0}
h1{font-size:var(--type-display);font-weight:800;line-height:var(--leading-display);letter-spacing:var(--tracking-display);max-width:16ch}
h2{font-size:var(--type-h2-landing);font-weight:800;max-width:var(--measure-heading)}
h3{font-size:var(--type-2);font-weight:700;max-width:28ch}
p{margin:0;max-width:var(--measure)}
:where(a){color:var(--jade);text-decoration:underline;text-underline-offset:2px;transition:color var(--motion-fast)}
:where(a:hover){color:var(--jade-deep)}
:where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--jade);outline-offset:2px}
section{padding-block:var(--section);border-top:1px solid var(--line)}
section:first-of-type{border-top:0}
.hero{padding-block:var(--section-major)}
.hero .lede{margin-top:var(--space-3)}
.hero-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-6);align-items:start}
.hero-layout .lede{margin-top:0}
.hero-result{padding-top:var(--space-1)}
.hero .btn{margin-top:var(--space-4)}
.lede{font-size:var(--type-2);line-height:var(--leading-lede);max-width:var(--measure-lede)}
.muted{color:var(--text-secondary)}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--jade);color:var(--text-on-dark);border:0;border-radius:var(--radius);padding:12px var(--space-3);min-height:44px;font:700 var(--type-1)/var(--leading-body) var(--font);cursor:pointer;text-decoration:none;transition:background-color var(--motion-fast)}
.btn:hover{background:var(--jade-deep);color:var(--text-on-dark)}
header.site{border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:10}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:var(--space-4)}
.logo{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;min-height:44px;flex-shrink:0}
.wordmark{width:160px;height:auto;display:block}
.identity-mark{width:48px;height:48px;flex-shrink:0}
.logo:hover .wordmark{opacity:.85}
nav{display:flex;align-items:center;gap:var(--space-3)}
nav a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--type-1);color:var(--text);text-decoration:none;white-space:nowrap}
nav a:hover{color:var(--ink)}
nav a[aria-current]{color:var(--jade);text-decoration:underline;text-underline-offset:8px}
.rows{margin-top:var(--space-5)}
.row{display:grid;grid-template-columns:1fr 2fr;column-gap:var(--space-6);row-gap:var(--space-2);padding-block:var(--space-4);border-top:1px solid var(--line)}
.row:first-child{border-top:0}
.row strong{color:var(--ink)}
.row>p{grid-column:2}
.row>p+p{margin-top:0!important}
.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-5)}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}
.hats{margin-top:var(--space-5);display:grid;grid-template-columns:1fr;gap:0}
.hat{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-6);padding-block:var(--space-4);border-top:1px solid var(--line)}
.hat:first-child{border-top:0}
.hat b{display:flex;align-items:center;gap:var(--space-2);color:var(--ink);font-size:var(--type-2)}
.hat span{font-size:var(--type-1)}
.warm{background:var(--band-warm);border-top:0}
.warm+section{border-top:0}
.dark{background:var(--band-dark);color:var(--text-on-dark);border-left:var(--space-1) solid var(--amber);border-top:0}
.dark h2,.dark strong{color:var(--text-on-dark)}
.dark .btn{background:var(--surface);color:var(--ink)}
.dark .btn:hover{background:var(--text-on-dark);color:var(--ink)}
.list{margin-top:var(--space-5);display:grid;gap:var(--space-3);max-width:var(--measure)}
.list p{padding-left:var(--space-3);border-left:3px solid var(--amber)}
details{margin-top:var(--space-2)}
summary{cursor:pointer;color:var(--jade);font-weight:700;min-height:44px}
summary:hover{color:var(--jade-deep)}
footer{padding-block:var(--space-5);border-top:1px solid var(--line);color:var(--text-secondary);font-size:var(--type-0)}
footer .wrap{display:flex;align-items:center;gap:var(--space-4)}
.footer-logo{width:128px;height:auto}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.pictogram,.icon{width:32px;height:32px;flex-shrink:0;color:var(--jade);display:inline-block;vertical-align:middle;margin-right:var(--space-2)}
h3 .pictogram,h3 .icon{display:block;margin:0 0 var(--space-3)}
.result-chain{display:flex;align-items:center;width:100%;max-width:320px;margin-block:var(--space-5) var(--space-2)}
.result-chain i,.flow-step i{display:block;width:28px;height:28px;background:var(--jade);flex-shrink:0}
.result-chain .human-step,.flow-step.human i{background:var(--amber)}
.result-chain span{height:2px;background:var(--jade);flex:1}
.workflow{display:flex;margin-block:var(--space-5);gap:var(--space-3);max-width:var(--measure);font-size:var(--type-1);font-weight:700}
.flow-step{position:relative;flex:1;display:flex;flex-direction:column;gap:var(--space-2)}
.flow-step:not(:last-child):after{content:"";position:absolute;top:13px;left:28px;width:calc(100% - 28px + var(--space-3));height:2px;background:var(--jade)}
.flow-step b{white-space:nowrap;font-size:inherit}
.mandate{width:128px;height:128px;display:block;margin-block:var(--space-3)}
.entity-pair{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}
.entity-pair svg{width:64px;height:64px;margin:0}
.human-piece{fill:var(--amber)}
.ai-piece{fill:var(--jade)}
.mark-piece{transform-box:fill-box;transform-origin:center;opacity:1;transform:none}
.assembling .mark-piece{animation:assemble var(--motion-base) var(--easing) both;animation-delay:calc(var(--ring) * var(--motion-base) * .5)}
@keyframes assemble{from{opacity:0;transform:scale(.45) translateY(8px)}to{opacity:1;transform:none}}
.mobile-menu{display:none}
.flow-legend{display:flex;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--type-1)}
.flow-legend span{display:flex;align-items:center}
.flow-legend .pictogram{width:24px;height:24px;margin-right:4px}
.flow-legend+.workflow{margin-top:var(--space-3)}
h3{font-size:var(--type-3);line-height:1.25}
.section-label{font-size:var(--type-1);font-weight:700;margin-bottom:var(--space-2);color:var(--text-secondary)}
.step-no{display:inline-block;min-width:2ch;margin-right:var(--space-1);color:var(--text-secondary);font-variant-numeric:tabular-nums}
footer{font-size:var(--type-1)}
.section-anchor{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-6);align-items:start}
.section-anchor .mandate{margin:0;width:128px;height:128px}
.dark{position:relative;border-left:0}
.dark::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--space-1);background:var(--amber)}
header.site .wrap{height:75px}
.page-home .section-head{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-6);align-items:start}
.page-home .section-head>.lede{padding-top:var(--space-1)}
.page-home .hero-layout .hero-title>.lede{margin-top:var(--space-3)}
.page-home .hero-result{padding-top:0}
.page-home .host-promise{margin-top:var(--space-3);font-weight:700;color:var(--ink)}
.page-home .comparison{margin-top:var(--space-5)}
.page-home .questions{margin-top:var(--space-5);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-6)}
.page-home .questions details{margin:0}
.page-home .questions summary{padding-bottom:var(--space-2)}
.page-home .proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}
.page-home .figure{display:block;font-size:var(--type-display);font-weight:800;line-height:var(--leading-display);letter-spacing:var(--tracking-display);color:var(--ink);margin-bottom:var(--space-2)}
.page-home .dark .section-label{color:var(--text-secondary-on-dark)}
.page-home #join{padding-block:var(--section-major)}
.page-home #join .lede{margin-top:var(--space-3)}
.page-home .join-action .btn{margin-top:var(--space-3)}
.page-home .comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);padding-block:var(--space-3);border-bottom:1px solid var(--line)}
.page-home .comparison-pair strong{display:block;color:var(--ink);margin-bottom:var(--space-1)}
.page-home .questions{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.page-home .flow-step b{font-weight:700}
.beforeafter{margin-top:var(--space-5);display:grid;gap:0}
.page-home .hero-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-5)}
.page-home .network-state{margin:0;min-width:0}
.page-home .network-state figcaption{min-height:calc(var(--space-4) * 2);font-size:var(--type-1);color:var(--ink)}
.page-home .network-state svg{width:100%;height:auto;display:block}
.page-home .network-before{aspect-ratio:280 / 210}
.page-home .network-state p{font-size:var(--type-1);margin-top:var(--space-2)}
.page-home .network-state p+p{margin-top:var(--space-1)}
.page-home .human-link{fill:none;stroke:var(--amber);stroke-width:2}
.page-home .agent-link{fill:none;stroke:var(--jade);stroke-width:2}
.page-home .owner-link,.page-home .moderator-link{fill:none;stroke:var(--text-secondary);stroke-width:1}
.page-home .room-map{margin:var(--space-5) 0 0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius)}
.page-home .room-map-title{font-weight:700;color:var(--ink);margin-bottom:var(--space-3)}
.page-home .room-map-drawing{display:block;width:100%;height:auto;max-width:640px;margin-inline:auto}
.page-home .room-map-drawing text{font-family:var(--font);font-size:var(--type-0);fill:var(--ink)}
.page-home .room-map-note{fill:var(--text-secondary)}
.page-home .room-map-mobile{display:none}
.page-home .room-map+.rows{margin-top:var(--space-3)}
.page-home .workflow{max-width:none;gap:var(--space-3)}
.page-home .flow-step b{white-space:normal}
.page-home .quiet-loop{position:relative;max-width:100%;margin-bottom:var(--space-4)}
.page-home .quiet-loop .workflow{margin-bottom:0;padding-bottom:var(--space-2)}
.page-home .quiet-loop .flow-step:not(:last-child)::after{background:var(--amber)}
.page-home .loop-return{display:block;width:calc(80% + var(--space-4));height:var(--space-5)}
.page-home .loop-return path{fill:none;stroke:var(--amber);stroke-width:2;vector-effect:non-scaling-stroke}
.page-home .beforeafter{display:table;width:100%;border-collapse:collapse;table-layout:fixed;margin-top:var(--space-5)}
.page-home .beforeafter th{text-align:left;font-size:var(--type-1);font-weight:700;color:var(--ink);padding:0 var(--space-4) var(--space-2);border-bottom:1px solid var(--line)}
.page-home .beforeafter td{width:50%;vertical-align:top;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line)}
.page-home .beforeafter :is(th,td):first-child{padding-left:0}
.page-home .beforeafter :is(th,td):last-child{background:var(--jade-tint)}
.page-home .beforeafter th{padding-top:var(--space-2)}
.page-home .beforeafter td:first-child p{color:var(--text-secondary)}
.page-home .beforeafter strong{display:block;color:var(--ink);margin-bottom:var(--space-1)}
.page-home .beforeafter td:last-child{color:var(--ink)}
.page-home .mobile-state{display:none}
.page-home .row>strong{display:flex;align-items:flex-start}
.page-home .row>strong .pictogram{margin-right:var(--space-1)}
.page-home .questions{grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-6)}
.page-home .questions details{border-top:1px solid var(--line);padding-top:var(--space-3)}
.page-home .questions summary{color:var(--ink)}
.page-home .questions summary:hover{color:var(--jade-deep)}
.page-home .questions summary::marker{color:var(--jade)}
.page-home .questions details:last-child{grid-column:1 / -1;max-width:var(--measure)}
.page-home #join::before{display:none}
.page-home .availability{margin-top:var(--space-3);color:var(--text-secondary-on-dark)}
.page-home .section-head h2{line-height:1.15}
.page-home header.site .wrap{height:76px}
@media(max-width:1024px){
 .hero-layout{grid-template-columns:1fr;gap:var(--space-4)}
 header.site .wrap{gap:var(--space-2)}
 .wordmark{width:128px}
 nav{gap:var(--space-2)}
 .row,.hat{gap:var(--space-4)}
 h1{max-width:20ch}
 .two{gap:var(--space-4)}
 .section-anchor{grid-template-columns:1fr;gap:var(--space-3)}
 .page-home .section-head{grid-template-columns:1fr;gap:var(--space-3)}
 .page-home .section-head>.lede{padding-top:0}
 .page-home .hero-layout{gap:var(--space-4)}
 .page-home header.site .wrap{position:relative}
 .page-home header.site .wrap>nav{display:none}
 .page-home .mobile-menu{display:block;margin:0}
 .page-home .mobile-menu summary{display:flex;align-items:center;min-width:44px;min-height:44px;list-style:none;font-size:var(--type-1)}
 .page-home .mobile-menu summary::-webkit-details-marker{display:none}
 .page-home .mobile-menu nav{position:absolute;top:100%;left:var(--gutter);right:var(--gutter);padding:var(--space-2);display:grid;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-menu)}
 .page-home .mobile-menu nav a{font-size:var(--type-1);padding-inline:var(--space-2)}
 .page-home .hero-result{margin-top:0;max-width:calc(var(--space-8) * 6);gap:var(--space-5)}
 .page-home .hero-layout{gap:var(--space-5)}
 .page-home .network-state figcaption{min-height:0}
}
@media(max-width:640px){
 header.site .wrap{height:auto;min-height:68px;display:block;padding-top:var(--space-1);padding-bottom:var(--space-1)}
 .logo{min-height:44px}
 .identity-mark{width:32px;height:32px}
 nav{gap:var(--space-2);overflow-x:auto}
 nav a{font-size:var(--type-0);min-height:44px}
 h1{max-width:16ch}
 .two,.three{grid-template-columns:1fr;gap:var(--space-3)}
 .row,.hat{grid-template-columns:1fr;gap:var(--space-2);padding-block:var(--space-3)}
 .row>p{grid-column:1}
 footer .wrap{display:block}
 .footer-logo{display:block;margin-bottom:var(--space-3)}
 .workflow{gap:var(--space-2)}
 .flow-step:not(:last-child):after{width:calc(100% - 28px + var(--space-2))}
 .btn{max-width:100%}
 .hero .btn{margin-top:var(--space-3)}
 header.site .wrap{height:68px;min-height:68px;padding-block:0;display:flex;position:relative}
 header.site .wrap>nav{display:none}
 .mobile-menu{display:block;margin:0}
 .mobile-menu summary{display:flex;align-items:center;min-width:44px;min-height:44px;list-style:none;font-size:var(--type-1)}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu nav{position:absolute;top:68px;left:var(--gutter);right:var(--gutter);padding:var(--space-2);display:grid;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-menu)}
 .mobile-menu nav a{font-size:var(--type-1);padding-inline:var(--space-2)}
 header.site .wrap{height:67px;min-height:67px}
 .page-home .questions,.page-home .proof{grid-template-columns:1fr;gap:var(--space-4)}
 .page-home .proof>div{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-3);align-items:center}
 .page-home .figure{margin:0}
 .page-home .comparison-pair,.page-home .questions{grid-template-columns:1fr;gap:var(--space-3)}
 .entity-pair{display:none}
 .rows{margin-top:var(--space-4)}
 .row,.hat{padding-block:var(--space-2)}
 .section-head .lede{margin-top:var(--space-2)}
 .page-home header.site .wrap{height:68px;min-height:68px}
 .page-home .hero-result{grid-template-columns:1fr;gap:var(--space-4);max-width:none}
 .page-home .network-state{display:grid;grid-template-columns:1fr;gap:0}
 .page-home .network-state svg{max-width:calc(var(--space-8) * 3);justify-self:start}
 .page-home .network-state .network-before{aspect-ratio:280 / 84;}
 .page-home .network-state p{margin-top:var(--space-1)}
 .page-home .room-map{padding:var(--space-2)}
 .page-home .room-map-desktop{display:none}
 .page-home .room-map-mobile{display:block;max-width:288px}
 .page-home .workflow{flex-direction:column;gap:var(--space-3);margin-block:var(--space-3) var(--space-4)}
 .page-home .flow-step{flex:none;flex-direction:row;align-items:center;gap:var(--space-2);min-height:var(--space-4)}
 .page-home .flow-step:not(:last-child)::after{top:30px;left:13px;width:2px;height:calc(var(--space-3) + 2px)}
 .page-home .quiet-loop{padding-left:var(--space-4);margin-block:var(--space-3) var(--space-4)}
 .page-home .quiet-loop .workflow{margin-block:0;padding:0}
 .page-home .quiet-loop .flow-step:last-child::before{content:'';position:absolute;left:calc(-1 * var(--space-4));top:14px;width:var(--space-4);height:2px;background:var(--amber)}
 .page-home .quiet-loop::before{content:'';position:absolute;left:0;top:14px;bottom:16px;width:var(--space-4);border:2px solid var(--amber);border-right:0}
 .page-home .quiet-loop::after{content:'';position:absolute;left:var(--space-3);top:10px;width:var(--space-1);height:var(--space-1);border-top:2px solid var(--amber);border-right:2px solid var(--amber);transform:rotate(45deg)}
 .page-home .loop-return{display:none}
 .page-home .beforeafter{display:block}
 .page-home .beforeafter thead,.page-home .beforeafter thead tr{display:grid;grid-template-columns:1fr;gap:var(--space-1)}
 .page-home .beforeafter th{padding:0;font-size:var(--type-1)}
 .page-home .beforeafter th:first-child{padding-bottom:var(--space-1)}
 .page-home .beforeafter th:last-child{background:var(--jade-tint);color:var(--ink);padding:var(--space-1) var(--space-3);border-radius:var(--radius)}
 .page-home .beforeafter tbody{display:block}
 .page-home .beforeafter tr{display:grid;grid-template-columns:1fr;gap:0;padding-bottom:var(--space-3)}
 .page-home .beforeafter td{display:block;width:100%;padding:var(--space-3);border:0}
 .page-home .beforeafter td:first-child{padding:var(--space-3) 0 var(--space-2);border-top:1px solid var(--line)}
 .page-home .beforeafter td:last-child{border-radius:var(--radius)}
 .page-home .questions{grid-template-columns:1fr;gap:var(--space-3)}
 .page-home .questions details:last-child{grid-column:auto}
 .page-home #ask .workflow,.page-home #ask .flow-legend{display:none}
 .page-home .beforeafter td:last-child .mobile-state{display:none}
 .page-home .beforeafter td{padding:var(--space-2) var(--space-3)}
 .page-home .beforeafter td:first-child{padding:var(--space-3) 0 var(--space-1)}
 .page-home .beforeafter tr{padding-bottom:var(--space-2)}
}
@media(min-width:641px){
 .page-home .quiet-loop{padding-bottom:var(--space-5)}
 .page-home .quiet-loop::before{content:'';position:absolute;left:calc(-1 * var(--space-2));right:0;top:13px;bottom:0;border:2px solid var(--amber);border-top:0}
 .page-home .quiet-loop .flow-step:last-child::after{content:'';position:absolute;top:13px;left:28px;width:calc(100% - 28px);height:2px;background:var(--amber)}
 .page-home .loop-return{position:absolute;top:6px;left:calc(-1 * var(--space-2));width:var(--space-2);height:var(--space-2)}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .mark-piece{opacity:1!important;transform:none!important}
}