.home-brain-figure{width:min(100%,68rem);margin:3.5rem auto 0;container-type:inline-size}.home-brain-figure .home-example{margin:1.25rem 0 0}.home-brain-flow{position:relative}.home-brain-wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.home-brain-wires path{fill:none;stroke:color-mix(in oklab, var(--app-muted-foreground) 34%, transparent);stroke-width:1.25px}.home-brain-wires circle{fill:var(--app-primary);opacity:0}.home-brain-steps{text-align:start;justify-items:center;gap:3rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.home-brain-step{width:100%}.home-brain-add,.home-brain-mochi,.home-brain-file,.home-brain-use{border:1px solid var(--app-border);border-radius:var(--app-radius-panel);background:var(--app-card);box-shadow:var(--app-shadow-sm);padding:1rem 1.125rem 1.125rem;position:relative}.home-brain-mochi:after,.home-brain-file:after,.home-brain-use:after{content:"";border:1px solid color-mix(in oklab, var(--app-primary) 55%, transparent);border-radius:inherit;box-shadow:0 0 0 3px color-mix(in oklab, var(--app-primary) 16%, transparent);opacity:0;pointer-events:none;position:absolute;inset:-1px}.home-brain-title{font-family:var(--app-font-title);letter-spacing:-.01em;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:650;line-height:1.25;display:flex}.home-brain-title svg{flex:none;width:1.125rem;height:1.125rem}.home-brain-chips{flex-wrap:wrap;gap:.375rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.home-brain-chip{border-radius:var(--app-radius-control);background:var(--app-secondary);min-height:1.75rem;color:var(--app-foreground);align-items:center;gap:.375rem;padding:.25rem .5625rem;font-size:.8125rem;font-weight:500;line-height:1.25;display:inline-flex}.home-brain-chip>svg{width:.875rem;height:.875rem;color:var(--app-muted-foreground);flex:none}.home-brain-chip .home-brain-logo{border-radius:4px;width:1.125rem;height:1.125rem;margin-inline-start:-.25rem}.home-brain-chip-more{box-shadow:inset 0 0 0 1px var(--app-border);color:var(--app-muted-foreground);background:0 0}.home-brain-mochi{border-color:var(--app-primary);background:var(--app-primary);width:min(100%,30rem);color:var(--app-primary-foreground);box-shadow:var(--app-site-lift-soft)}.home-brain-mochi:after{border-color:var(--app-primary);box-shadow:0 0 0 6px color-mix(in oklab, var(--app-primary) 24%, transparent);inset:-2px}.home-brain-mochi .home-brain-chip{background:color-mix(in oklab, var(--app-primary-foreground) 14%, transparent);color:var(--app-primary-foreground)}.home-brain-reading{border-radius:var(--app-radius-control);background:var(--app-card);color:var(--app-foreground);align-items:center;gap:.5rem;margin:.625rem 0 0;padding:.3125rem .625rem .3125rem .5rem;font-size:.8125rem;font-weight:500;line-height:1.35;display:inline-flex}.home-brain-orb{background:var(--app-primary);width:.5rem;height:.5rem;box-shadow:0 0 0 3px color-mix(in oklab, var(--app-primary) 22%, transparent);border-radius:50%;flex:none}.home-brain-reads{display:inline-grid}.home-brain-read{opacity:0;grid-area:1/1;transform:translateY(4px)}.home-brain-flow:not([data-read]) .home-brain-read:last-child,.home-brain-flow[data-read="0"] .home-brain-read:first-child,.home-brain-flow[data-read="1"] .home-brain-read:nth-child(2),.home-brain-flow[data-read="2"] .home-brain-read:nth-child(3){opacity:1;transform:none}.home-brain-tray{border:1px solid var(--app-border);border-radius:calc(var(--app-radius-panel) + .5rem);background:var(--app-background);padding:.75rem;position:relative}.home-brain-tray-head{font-family:var(--app-font-title);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:1rem;margin:0 .375rem .625rem;font-size:.9375rem;font-weight:650;display:flex}.home-brain-folder{align-items:center;gap:.4375rem;display:inline-flex}.home-brain-folder svg{width:1rem;height:1rem;color:var(--app-muted-foreground)}.home-brain-more{color:var(--app-muted-foreground);font-family:var(--app-font-sans);letter-spacing:0;font-size:.8125rem;font-weight:500}.home-brain-files{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.home-brain-file{padding:.875rem 1rem 1rem}.home-brain-file .home-brain-chips{margin-top:.625rem}.home-brain-file-head{justify-items:start;gap:.5rem;margin:0;display:grid}.home-brain-name{min-width:0;font-family:var(--app-font-mono);overflow-wrap:anywhere;align-items:flex-start;gap:.375rem;font-size:.8125rem;font-weight:500;line-height:1.35;display:inline-flex}.home-brain-name svg{margin-top:.0625rem}.home-brain-state{display:inline-grid}.home-brain-state>*{grid-area:1/1;justify-self:start}.home-brain-drafted{opacity:0}.home-brain-use-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.home-brain-use-read b{font-weight:650}.home-brain-flow[data-motion] :is(.home-brain-add,.home-brain-file) .home-brain-chip,.home-brain-flow[data-motion] .home-brain-use-read{opacity:.45}.home-brain-flow[data-motion] :is(.home-brain-drafted,.home-brain-confirmed,.home-brain-used){opacity:0}@media (prefers-reduced-motion:no-preference){.home-brain-read{transition:opacity var(--app-duration-disclose) var(--app-ease-out), transform var(--app-duration-disclose) var(--app-ease-out)}}@container (max-width:40rem){.home-brain-steps{gap:2rem}.home-brain-add,.home-brain-mochi,.home-brain-use{padding:.875rem .875rem .9375rem}.home-brain-tray{padding:.5rem}.home-brain-tray-head{margin:.125rem .375rem .5rem}.home-brain-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.home-brain-file{padding:.75rem .75rem .8125rem}}