.compare-sides{-moz-column-gap:40px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;margin-top:56px;display:grid}.compare-side{grid-row:span 2;grid-template-rows:subgrid;row-gap:28px;margin:0;display:grid}.compare-side-stage{isolation:isolate;position:relative}.compare-side-stage-flow{flex-direction:column;display:flex}.compare-side-rest{color:#b99cf9;text-align:center;border:1px dashed #b99cf94d;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:160px;margin-top:20px;padding:24px;font-size:17px;font-weight:500;line-height:1.4;display:flex}.compare-side-rest p{margin:0}.compare-side-label{color:#b9b5c1;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:500;line-height:20px;display:flex}.compare-side-note{color:#aaa3b6;text-wrap:pretty;max-width:46ch;margin:10px 0 0;font-size:17px;line-height:1.6}.compare-window{z-index:1;border:1px solid #303036;border-radius:12px;position:relative;overflow:hidden}.compare-window-slack .compare-thread-avatar[data-replica-avatar]{border-radius:6px}.compare-slack-default{flex:none}.compare-pile{z-index:2;align-items:flex-start;margin-top:-18px;display:flex;position:relative}.compare-pile-column{flex-direction:column;width:55%;display:flex}.compare-pile-column+.compare-pile-column{width:46%;margin-top:-96px;margin-left:-1%}.compare-pile-item{rotate:var(--r);background:#09090b;border:1px solid #3a3a42;border-radius:10px;position:relative;overflow:hidden}.compare-pile-item:not(:last-child){padding-bottom:14px}.compare-pile-item+.compare-pile-item{margin-top:-14px}.compare-pile-item .compare-slack-avatar[data-replica-avatar]{border-radius:6px}.compare-pile-item[data-item=claude]{--r:-1.4deg}.compare-pile-item[data-item=prompt]{--r:1deg}.compare-pile-item[data-item=doc]{--r:-1.8deg}.compare-pile-item[data-item=meeting]{--r:1.4deg}.compare-pile-item[data-item=standup]{--r:-1.2deg}.compare-pile-item[data-item=review]{--r:2deg}.compare-pile-item[data-item=ticket]{--r:-1.2deg}.compare-pile-item[data-item=reminder]{--r:1.6deg}.compare-pile-item[data-item=thread]{--r:-1.6deg}.compare-pile-item[data-item=files]{--r:-1.2deg}.compare-pile-item[data-item=granola]{--r:1.2deg}.compare-pile-item[data-item=brain]{--r:-1.4deg}.compare-pile [data-item=prompt]{margin-left:2%}.compare-pile [data-item=doc]{width:92%}.compare-pile [data-item=meeting]{width:88%;margin-left:6%}.compare-pile [data-item=standup]{width:94%;margin-left:2%}.compare-pile [data-item=ticket]{width:96%}.compare-pile [data-item=reminder]{margin-left:3%}.compare-pile [data-item=files]{width:94%;margin-left:4%}.compare-pile [data-item=granola]{width:94%}.compare-pile [data-item=brain]{width:96%;margin-left:2%}.compare-caret{vertical-align:-2px;background:currentColor;width:6px;height:12px;display:inline-block}.compare-flow{padding-bottom:6px}.compare-flow-relief{color:#b99cf9;font-size:12.5px;font-weight:500;line-height:18px}@media (prefers-reduced-motion:no-preference){[data-play] .compare-pile-item{transition:opacity .36s ease-out,translate .56s cubic-bezier(.2,.9,.3,1.12),rotate .56s cubic-bezier(.2,.9,.3,1.12);transition-delay:calc(var(--i) * .18s + .15s)}.compare-sides[data-play] .compare-flow-event{transition:opacity .42s ease-out,translate .52s cubic-bezier(.2,.9,.3,1);transition-delay:calc(var(--i) * .24s + .3s)}[data-armed]:not([data-play]) .compare-pile-item{opacity:0;translate:0 -28px;rotate:calc(var(--r) * 3)}.compare-sides[data-armed]:not([data-play]) .compare-flow-event{opacity:0;translate:0 8px}}@container homepage-surface (width<=1099px){.compare-sides{grid-template-columns:minmax(0,1fr);row-gap:64px}.compare-side-rest{display:none}}@container homepage-surface (width<=599px){.compare-sides{row-gap:48px;margin-top:40px}.compare-side{row-gap:20px}.compare-side-note{font-size:16px}.compare-pile{flex-direction:column;margin-top:-12px}.compare-pile-column{display:contents}.compare-pile .compare-pile-item[data-item]{order:var(--i);--r:-1deg;width:92%;margin:-12px 0 0;padding-bottom:14px}.compare-pile .compare-pile-item[data-item=thread]{padding-bottom:0}.compare-pile .compare-pile-item[data-item=claude]{margin-top:0}.compare-pile .compare-pile-item:is([data-item=prompt],[data-item=files],[data-item=ticket],[data-item=reminder],[data-item=meeting],[data-item=thread]){--r:1.2deg;align-self:flex-end}}